From 5054beff9d721e0f244e042d929afaaf3fce0a00 Mon Sep 17 00:00:00 2001
From: Nuzhy-Deriv <nuzhy@deriv.com>
Date: Tue, 22 Oct 2024 11:39:39 +0800
Subject: [PATCH] fix: pass server url, appId

---
 .../App/Components/Elements/LiveChat/use-freshchat.ts  | 10 +++++++---
 types/global.d.ts                                      |  2 ++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/App/Components/Elements/LiveChat/use-freshchat.ts b/packages/core/src/App/Components/Elements/LiveChat/use-freshchat.ts
index 7d2cbc04c1e0..15cfe8769b65 100644
--- a/packages/core/src/App/Components/Elements/LiveChat/use-freshchat.ts
+++ b/packages/core/src/App/Components/Elements/LiveChat/use-freshchat.ts
@@ -1,16 +1,18 @@
 import { useEffect, useState } from 'react';
 import { useScript } from 'usehooks-ts';
+import { getAppId, getSocketURL } from '@deriv/shared';
 
 const useFreshChat = (token: string | null) => {
-    const scriptStatus = useScript('https://static.deriv.com/scripts/freshchat.js');
+    const scriptStatus = useScript('https://static.deriv.com/scripts/freshchat-temp.js');
     const [isReady, setIsReady] = useState(false);
     const language = localStorage.getItem('i18n_language') || 'EN';
+    const serverUrl = getSocketURL();
+    const appId = getAppId();
 
     useEffect(() => {
         const checkFcWidget = (intervalId: NodeJS.Timeout) => {
             if (typeof window !== 'undefined') {
                 if (window.fcWidget?.isInitialized() == true && !isReady) {
-                    // window.fcWidget?.user.setLocale(language.toLowerCase());
                     setIsReady(true);
                     clearInterval(intervalId);
                 }
@@ -22,6 +24,8 @@ const useFreshChat = (token: string | null) => {
                 window.FreshChat.initialize({
                     token,
                     hideButton: true,
+                    serverUrl,
+                    appId,
                 });
 
                 const intervalId = setInterval(() => checkFcWidget(intervalId), 500);
@@ -31,7 +35,7 @@ const useFreshChat = (token: string | null) => {
         };
 
         initFreshChat();
-    }, [isReady, language, scriptStatus, token]);
+    }, [appId, isReady, language, scriptStatus, serverUrl, token]);
 
     return {
         isReady,
diff --git a/types/global.d.ts b/types/global.d.ts
index 7c91a75e41ff..fcc252186f70 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -40,6 +40,8 @@ declare global {
         token: string | null;
         locale?: string;
         hideButton?: boolean;
+        serverUrl?: string;
+        appId?: string | number;
     }
 }