From b21615774b456ac104c8891693a44e69136d81c1 Mon Sep 17 00:00:00 2001
From: Hyungu Kang | Airen <gusrn1423@naver.com>
Date: Thu, 12 Sep 2024 11:04:22 +0900
Subject: [PATCH] [AC-3808] feat: support test region in playground (#359)

## Changes
- Internal changes

ticket: [AC-3808]

## Additional Notes
-

## Checklist
Before requesting a code review, please check the following:
- [x] **[Required]** CI has passed all checks.
- [x] **[Required]** A self-review has been conducted to ensure there
are no minor mistakes.
- [x] **[Required]** Unnecessary comments/debugging code have been
removed.
- [x] **[Required]** All requirements specified in the ticket have been
accurately implemented.
- [ ] Ensure the ticket has been updated with the sprint, status, and
story points.


[AC-3808]:
https://sendbird.atlassian.net/browse/AC-3808?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
---
 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');