From 8a6580fc6d59012b66d758b9855095e5405ec6ed Mon Sep 17 00:00:00 2001
From: bang9 <gusrn1423@naver.com>
Date: Thu, 12 Sep 2024 10:48:05 +0900
Subject: [PATCH] feat: support test region in playground

---
 packages/self-service/playground/index.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/self-service/playground/index.html b/packages/self-service/playground/index.html
index 37aee06ab..a0bec89a8 100644
--- a/packages/self-service/playground/index.html
+++ b/packages/self-service/playground/index.html
@@ -94,6 +94,15 @@
     <script type="text/babel">
       const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
       const { ChatWindow } = window.ChatAiWidget;
+      function getHost(region) {
+        if (region && region.startsWith('no')) {
+          return { apiHost: `https://api-${region}.sendbirdtest.com`, wsHost: `wss://ws-${region}.sendbirdtest.com` };
+        }
+        return {
+          apiHost: region ? `https://api-cf-${region}.sendbird.com` : undefined,
+          wsHost: undefined,
+        };
+      }
       const App = () => {
         const urlParams = new URLSearchParams(window.location.search);
         const appId = urlParams.get('app_id');
@@ -101,7 +110,8 @@
         const title = urlParams.get('title');
         const region = urlParams.get('region');
         const mode = urlParams.get('mode') ? urlParams.get('mode') : isMobile ? 'mobile' : 'desktop';
-        const apiHost = region ? `https://api-cf-${region}.sendbird.com` : undefined;
+
+        const { apiHost, wsHost } = getHost(region);
 
         if (title) document.title = title;
         if (!appId || !botId) {
@@ -116,6 +126,7 @@
             botId={botId}
             deviceType={mode}
             apiHost={apiHost}
+            wsHost={wsHost}
             callbacks={{
               onWidgetSettingFailure() {
                 window.document.getElementById('root').classList.add('hide');