Merge pull request #2146 from Nuzhy-Deriv/nuzhy/freshchat-1.0.1

Nuzhy/_/freshchat 1.0.1

public/scripts/freshchat-1.0.1.js

@@ -0,0 +1,119 @@
+class FreshChat {
+  hostname = localStorage.getItem("config.server_url") || "green.derivws.com";
+  appId = localStorage.getItem("config.app_id") || 16929;
+
+  constructor({ token = null, hideButton = false } = {}) {
+    this.authToken = token;
+    this.hideButton = hideButton;
+    this.init();
+  }
+
+  static async initialize(options) {
+    return new FreshChat(options);
+  }
+
+  init = async () => {
+    let jwt = null;
+    if (this.authToken) {
+      jwt = await this.fetchJWTToken({
+        token: this.authToken,
+        appId: this.appId,
+        server: this.hostname,
+      });
+    }
+
+    let fcScript = document.getElementById("fc-script");
+    if (fcScript) {
+      document.body.removeChild(fcScript);
+    }
+
+    // Append the CRM Tracking Code Dynamically
+    var script = document.createElement("script");
+    script.src = "https://uae.fw-cdn.com/40116340/63296.js";
+    script.setAttribute("chat", "true");
+    script.id = "fc-script";
+    document.body.appendChild(script);
+
+    window.fcWidgetMessengerConfig = {
+      config: {
+        headerProperty: {
+          hideChatButton: this.hideButton,
+        },
+      },
+    };
+
+    script.onload = function () {
+      if (jwt) {
+        window.fcWidget?.user?.setProperties({
+          cf_user_jwt: jwt,
+        });
+      }
+    };
+  };
+
+  fetchJWTToken = async ({ token, appId, server }) => {
+    try {
+      const response = await fetch(
+        `https://${server}/websockets/service_token?app_id=${appId}&l=EN&brand=deriv`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Token": token,
+          },
+          body: JSON.stringify({ service: "freshworks_user_jwt" }),
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`Error: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data?.service_token?.freshworks_user_jwt?.token;
+    } catch (error) {
+      return null;
+    }
+  };
+}
+
+window.FreshChat = FreshChat;
+
+window.fcSettings = {
+  onInit: function () {
+    window.fcWidget.on("user:statechange", function (data) {
+      if (data.success) {
+        let userData = data.data;
+
+        // authenticate user success
+        if (userData) {
+          if (userData.userState === "authenticated") {
+          }
+
+          if (userData.userState === "created") {
+          }
+
+          if (userData.userState === "loaded") {
+          }
+
+          if (userData.userState === "identified") {
+          }
+
+          if (userData.userState === "restored") {
+          }
+        }
+      } else {
+        let userData = data.data;
+        if (userData) {
+          if (
+            userData.userState === "not_loaded" ||
+            userData.userState === "unloaded" ||
+            userData.userState === "not_created" ||
+            userData.userState === "not_authenticated"
+          ) {
+          }
+        }
+      }
+    });
+  },
+};