From 5549ab46f76fc62b5412f7d94612826505ab6414 Mon Sep 17 00:00:00 2001
From: Prince <prince@deriv.com>
Date: Wed, 16 Oct 2024 12:13:09 +0400
Subject: [PATCH] chore: test compare

---
 update-check/staging-footer.html | 440 +++++++++++++++++++++++--------
 1 file changed, 337 insertions(+), 103 deletions(-)

diff --git a/update-check/staging-footer.html b/update-check/staging-footer.html
index ebcb516..038dfd2 100644
--- a/update-check/staging-footer.html
+++ b/update-check/staging-footer.html
@@ -1,27 +1,23 @@
 <!-- deriv js custom code script-->
 <script
   type="module"
-  src="https://unpkg.com/@deriv-com/custom-scripts@1.20.30/dist/js/footer_scripts.min.js"
+  src="https://unpkg.com/@deriv-com/custom-scripts@1.20.11/dist/js/footer_scripts.min.js"
 ></script>
 <!-- deriv js custom code script end-->
 
-<script>
-  // dynamic custom scripts
-
-  const customScriptUrl = localStorage.getItem("custom_footer_script");
-
-  // Check if customScriptUrl is present
-  if (customScriptUrl) {
-    const finalUrl = `${customScriptUrl}?v=${new Date().getTime()}`;
-
-    const script = document.createElement("script");
-    script.type = "module";
-    script.src = finalUrl;
+<!-- Trackjs - start of code -->
 
-    document.body.appendChild(script);
-  }
+<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
+<script>
+  TrackJS.install({
+    token: "346262e7ffef497d85874322fff3bbf8",
+    application: "derivcom-v2",
+    dedupe: true,
+  });
 </script>
 
+<!-- Trackjs - end of code -->
+
 <!-- Display current language - start of code -->
 <script>
   var Webflow = Webflow || [];
@@ -104,9 +100,6 @@
         "/derivlife",
         "/eu-careers",
         "/our-locations",
-        "/product-explorer",
-        "/academy",
-        "/trading-terms-glossary",
       ];
       let path = window.location.pathname;
       let targetPathUrl = false;
@@ -155,32 +148,29 @@
 </script>
 
 <!-- Datadog Integration -->
-<script defer>
-  (function () {
-    var script = document.createElement("script");
-    script.src =
-      "https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js";
-    script.type = "text/javascript";
-    script.onload = function () {
-      if (window.DD_RUM) {
-        window.DD_RUM.init({
-          clientToken: "pub08554ab30284600af157441bfb0fa923",
-          applicationId: "5c8975a3-ec86-4a64-8a3a-e6888fdde082",
-          site: "datadoghq.com",
-          service: "deriv.com-v2",
-          env:
-            window.location.hostname === "deriv.com" ? "production" : "staging",
-          sessionSampleRate: 10,
-          sessionReplaySampleRate: 0,
-          trackUserInteractions: true,
-          trackResources: true,
-          trackLongTasks: true,
-          defaultPrivacyLevel: "mask-user-input",
-        });
-      }
-    };
-    document.body.appendChild(script);
-  })();
+<script
+  src="https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js"
+  type="text/javascript"
+></script>
+<script>
+  window.DD_RUM &&
+    window.DD_RUM.init({
+      clientToken: "pub08554ab30284600af157441bfb0fa923",
+      applicationId: "5c8975a3-ec86-4a64-8a3a-e6888fdde082",
+      // `site` refers to the Datadog site parameter of your organization
+      // see https://docs.datadoghq.com/getting_started/site/
+      site: "datadoghq.com",
+      service: "deriv.com-v2",
+      env: "production",
+      // Specify a version number to identify the deployed version of your application in Datadog
+      // version: '1.0.0',
+      sessionSampleRate: 10,
+      sessionReplaySampleRate: 0,
+      trackUserInteractions: true,
+      trackResources: true,
+      trackLongTasks: true,
+      defaultPrivacyLevel: "mask-user-input",
+    });
 </script>
 <!-- End Datadog Integration -->
 <script>
@@ -425,8 +415,12 @@
     }
   };
   const openLiveChat = () => {
-    if (window.LC_API && window.LC_API.open_chat_window) {
-      window.LC_API.open_chat_window();
+    if (window.isFreshChat == true && window.fcWidget) {
+      window.fcWidget.open();
+    } else {
+      if (window.LC_API && window.LC_API.open_chat_window) {
+        window.LC_API.open_chat_window();
+      }
     }
   };
   const checkUrlForLiveChat = () => {
@@ -465,7 +459,7 @@
       } = client_information ? JSON.parse(client_information) : {};
 
       /* the session variables are sent to CS team dashboard to notify user has logged in
-              and also acts as custom variables to trigger targeted engagement */
+        and also acts as custom variables to trigger targeted engagement */
       const session_variables = {
         is_logged_in: is_logged_in,
         loginid: loginid ?? "",
@@ -530,7 +524,63 @@
   checkCookieInterval = setInterval(checkLoggedIn, 2000);
   //end of dashboard send data
 
+  // Start: FreshChat load function
+  const loadFreshChatScript = (callback) => {
+    const script = document.createElement("script");
+    script.src = "https://static.deriv.com/scripts/freshchat.js?v=1";
+    script.async = true;
+
+    // Callback when the script is loaded
+    script.onload = () => {
+      if (typeof callback === "function") {
+        callback();
+      }
+    };
+
+    script.onerror = () => {
+      console.error("Failed to load Freshchat script");
+    };
+
+    document.head.appendChild(script);
+  };
+  // End: FreshChat load function
+
   document.addEventListener("DOMContentLoaded", () => {
+    // Start: Check featureflag for freshchat and load script
+    function checkFreshChatEnabled() {
+      const intervalId = setInterval(() => {
+        if (typeof window.useGrowthbookFeatureFlag === "function") {
+          window.isFreshChat = window.useGrowthbookFeatureFlag({
+            featureFlag: "enable_freshworks_live_chat_wf",
+          });
+
+          console.log("isFreshChat:", window.isFreshChat);
+
+          if (typeof window.isFreshChat === "boolean") {
+            clearInterval(intervalId);
+
+            if (window.isFreshChat) {
+              loadFreshChatScript(() => {
+                window.FreshChat.initialize({
+                  hideButton: true,
+                });
+              });
+            }
+          }
+        } else if (window.useGrowthbookFeatureFlag === undefined) {
+          console.log("Growthbook function not available, retrying...");
+        } else {
+          clearInterval(intervalId);
+          console.error(
+            "Growthbook function not available after multiple retries."
+          );
+        }
+      }, 500);
+    }
+
+    checkFreshChatEnabled();
+    // End: Check featureflag for freshchat and load script
+
     loadLiveChatScript();
     const liveChatIcons = document.querySelectorAll(".livechatbtn");
     if (liveChatIcons.length > 0) {
@@ -750,6 +800,238 @@
   });
 </script>
 
+<!-- remove hreflanf links -->
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    var targetPaths = [
+      "/careers",
+      "/locations",
+      "/derivtech",
+      "/derivlife",
+      "/eu-careers",
+      "/our-locations",
+    ];
+    var path = window.location.pathname;
+    if (targetPaths.some((targetPath) => path.includes(targetPath))) {
+      var headTag = document.head;
+      var linkElements = headTag.querySelectorAll("link");
+      linkElements.forEach(function (linkElement) {
+        if (linkElement.hasAttribute("hreflang")) {
+          if (linkElement.getAttribute("hreflang") !== "x-default") {
+            linkElement.remove();
+          }
+        }
+      });
+    }
+  });
+</script>
+<!-- end of hreflang links removal -->
+<!--Analytics block starts here-->
+<script>
+  const setEvent = (event) => {
+    let storedEvents = [];
+    let cacheCookie = parseCookies(document.cookie, "cached_analytics_events");
+    if (cacheCookie) storedEvents = JSON.parse(cacheCookie);
+    storedEvents.push(event);
+    document.cookie = `cached_analytics_events=${JSON.stringify(
+      storedEvents
+    )}; path=/; Domain=.deriv.com`;
+  };
+
+  const trackEventWithCache = (event) => {
+    if (Analytics) {
+      Analytics?.Analytics?.trackEvent(event.name, event.properties);
+    } else {
+      setEvent(event);
+    }
+  };
+
+  window.addClickListener = function (button, eventName, eventProperties) {
+    if (button) {
+      button.addEventListener("click", function () {
+        trackEventWithCache({
+          name: eventName,
+          properties: eventProperties,
+        });
+      });
+    }
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    var btnLiveChat = document?.getElementsByClassName("livechatbtn");
+    var btnWhatsapp = document?.getElementsByClassName("whatsapp_chat");
+    var btnTradershub = document?.getElementsByClassName("tradershub-btn");
+    var btnTryFreeDemo = document.querySelectorAll(".btn-free-demo .w-button");
+    var btnTryFreeDemoFooter = document.querySelectorAll(
+      '.btn-free-demo [data-class="w-button"]'
+    );
+
+    const btnNavbarPrimary = document.querySelectorAll(
+      '[data-attributes="btn-primary-nav"]'
+    );
+    const btnLoginNavbar = document.querySelectorAll(
+      '[data-attributes="btn-secondary-nav"]'
+    );
+
+    if (btnLiveChat) {
+      Array.from(btnLiveChat).forEach((button) => {
+        window.addClickListener(button, "ce_widget_usage_form", {
+          action: "click",
+          widget_name: "livechat",
+        });
+      });
+    }
+    if (btnWhatsapp) {
+      Array.from(btnWhatsapp).forEach((button) => {
+        window.addClickListener(button, "ce_widget_usage_form", {
+          action: "click",
+          widget_name: "whatsapp",
+        });
+      });
+    }
+    if (btnTradershub) {
+      Array.from(btnTradershub).forEach((button) => {
+        window.addClickListener(button, "ce_cta_clicks", {
+          action: "click",
+          cta_name: "Traders Hub",
+        });
+      });
+    }
+    if (btnTryFreeDemo) {
+      Array.from(btnTryFreeDemo).forEach((button) => {
+        window.addClickListener(button, "ce_cta_clicks", {
+          action: "click",
+          cta_name: "Try free demo",
+        });
+      });
+    }
+    if (btnTryFreeDemoFooter) {
+      Array.from(btnTryFreeDemoFooter).forEach((button) => {
+        window.addClickListener(button, "ce_cta_clicks", {
+          action: "click",
+          cta_name: "Try free demo",
+        });
+      });
+    }
+
+    if (btnNavbarPrimary) {
+      Array.from(btnNavbarPrimary).forEach((button) => {
+        if (!button.classList.contains("tradershub-btn")) {
+          window.addClickListener(button, "ce_cta_clicks", {
+            action: "click",
+            cta_name: "Try free demo",
+          });
+        }
+      });
+    }
+
+    if (btnLoginNavbar) {
+      Array.from(btnLoginNavbar).forEach((button) => {
+        window.addClickListener(button, "ce_cta_clicks", {
+          action: "click",
+          cta_name: "Login",
+        });
+      });
+    }
+
+    const RUDDERSTACK_STAGING_KEY = "1lN3tsFD2nruGFgM5F074DC2hMB";
+    const RUDDERSTACK_PRODUCTION_KEY = "1oV5agvlcnCZ6IH94wCKM1oR8Pd";
+    const GB_STAGING_CLIENT_KEY = "sdk-9wuqJ1mlcQsSyZQ";
+    const GB_STAGING_DECRYPTION_KEY = "";
+    const GB_PROD_CLIENT_KEY = "sdk-UhZV3cNEg5nLNLNS";
+    const GB_PROD_DECRYPTION_KEY = "nre64BV0dNIa44zW4tz5ow==";
+    var GB_CLIENT_KEY, RUDDERSTACK_KEY, GB_DECRYPTION_KEY;
+    if (
+      window.location.hostname === "deriv.com" ||
+      window.location.hostname === "deriv.be" ||
+      window.location.hostname === "deriv.me"
+    ) {
+      GB_CLIENT_KEY = GB_PROD_CLIENT_KEY;
+      GB_DECRYPTION_KEY = GB_PROD_DECRYPTION_KEY;
+      RUDDERSTACK_KEY = RUDDERSTACK_PRODUCTION_KEY;
+    } else {
+      GB_CLIENT_KEY = GB_STAGING_CLIENT_KEY;
+      GB_DECRYPTION_KEY = GB_STAGING_DECRYPTION_KEY;
+      RUDDERSTACK_KEY = RUDDERSTACK_STAGING_KEY;
+    }
+    const client_information = window.parseCookies(
+      document.cookie,
+      "client_information"
+    );
+    const clientInfo = client_information
+      ? JSON.parse(client_information)
+      : null;
+    const utm_data_string = window.parseCookies(document.cookie, "utm_data");
+    const utm_data = utm_data_string ? JSON.parse(utm_data_string) : {};
+    const { utm_source, utm_medium, utm_campaign } = utm_data;
+    const cookies = window.parseCookies(document.cookie, "signup_device");
+    let signupDevice = null;
+    const isBrowser = () => typeof window !== "undefined";
+    const getLanguage = () =>
+      isBrowser() ? localStorage.getItem("i18n") || navigator.language : null;
+    if (cookies) {
+      signupDevice = JSON.parse(cookies)?.signup_device || null;
+    }
+    const initialiseConfig = {
+      growthbookKey: GB_CLIENT_KEY,
+      growthbookDecryptionKey: GB_DECRYPTION_KEY,
+      rudderstackKey: RUDDERSTACK_KEY,
+      growthbookOptions: {
+        navigate: (url) => window.location.replace(url),
+        antiFlicker: false,
+        navigateDelay: 0,
+        attributes: {
+          country:
+            window.parseCookies(document.cookie, "clients_country") ||
+            window.parseCookies(document.cookie, "website_status"),
+          user_language:
+            window.parseCookies(document.cookie, "user_language") ||
+            getLanguage(),
+          device_language:
+            window.parseCookies(document.cookie, "language") || " ",
+          device_type: signupDevice,
+          utm_source: utm_data?.["utm_source"],
+          utm_medium: utm_data?.["utm_medium"],
+          utm_campaign: utm_data?.["utm_campaign"],
+          is_authorised: !!window.parseCookies(
+            document.cookie,
+            "client_information"
+          ),
+          loggedIn: !!window.parseCookies(
+            document.cookie,
+            "client_information"
+          ),
+          url: window.location.href,
+        },
+      },
+    };
+    try {
+      Analytics?.Analytics.initialise(initialiseConfig);
+      // Analytics?.Analytics?.getInstances()?.ab?.GrowthBook?.loadFeatures();
+      const userId = clientInfo?.user_id
+        ? clientInfo?.user_id
+        : Analytics?.Analytics?.getInstances?.().tracking?.getAnonymousId();
+      Analytics?.Analytics?.identifyEvent(userId);
+    } catch (error) {
+      console.error("Error during initialisation:", error);
+    }
+    // Analytics?.Analytics?.getInstances()?.ab?.GrowthBook?.loadFeatures();
+    Analytics?.Analytics?.pageView(location.pathname, "Deriv.com");
+    // Analytics?.Analytics?.getInstances()?.ab?.GrowthBook?.setURL(window.location.href)
+    window.useGrowthbookFeatureFlag = function ({ featureFlag }) {
+      let featureFlagValue = Analytics?.Analytics?.getFeatureValue(featureFlag);
+      function updateFeatureFlagValue() {
+        const value = Analytics?.Analytics?.getFeatureValue(featureFlag);
+        featureFlagValue = value;
+      }
+      Analytics?.Analytics?.getInstances()?.ab?.GrowthBook?.setRenderer(
+        updateFeatureFlagValue
+      );
+      return featureFlagValue;
+    };
+  });
+</script>
+<!--Analytics block ends-->
+
 <script>
   // Parse the cookies to get the 'client_information' cookie value
   const cookieValue = window.parseCookies(document.cookie, "client_information")
@@ -768,12 +1050,10 @@
     });
   }
 </script>
-
 <script>
   document.addEventListener("DOMContentLoaded", function () {
     const updateLinkHrefs = () => {
-      const growthbookInstance = window.getGrowthbookInstance();
-      const featureFlagValue = growthbookInstance.getFeatureValue(
+      const featureFlagValue = Analytics?.Analytics?.getFeatureValue(
         "trigger_os_signup_wf"
       );
       const handleOutSystemsRedirection = () => {
@@ -837,59 +1117,13 @@
         }
       });
     };
-    const growthbookInstance = window.getGrowthbookInstance();
-    growthbookInstance?.loadFeatures().then(() => {
-      if (window.location.href.indexOf("/partners") > -1 === false) {
-        updateLinkHrefs();
-      }
-    });
-  });
-</script>
-
-<script>
-  (function () {
-    const elements = document.querySelectorAll("button, a");
-    elements.forEach((element) => {
-      let identifier = "";
-
-      // Get URL or text for naming convention
-      if (element.tagName.toLowerCase() === "a") {
-        identifier = element.getAttribute("href")
-          ? element
-              .getAttribute("href")
-              .split("/")
-              .pop()
-              .split("?")[0]
-              .toLowerCase()
-          : "link";
-      } else {
-        identifier = element.textContent.trim().split(" ")[0].toLowerCase();
-      }
 
-      // Find the nearest section or div
-      const section = element.closest("section") || element.closest("div");
-
-      if (section && identifier) {
-        let sectionName = section.className
-          .split(" ")[0]
-          .replace(/-([a-z])/g, (_, char) => char.toUpperCase()); // Convert class to camelCase
-        element.setAttribute(
-          "data-attributes",
-          `btn-${identifier}-${sectionName}`
-        );
-      }
-    });
-  })();
-</script>
-
-<!-- Trackjs - start of code -->
-<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
-<script>
-  TrackJS.install({
-    token: "346262e7ffef497d85874322fff3bbf8",
-    application: "derivcom-v2",
-    dedupe: true,
+    Analytics?.Analytics?.getInstances()
+      ?.ab?.GrowthBook?.loadFeatures()
+      .then(() => {
+        if (window.location.href.indexOf("/partners") > -1 === false) {
+          updateLinkHrefs();
+        }
+      });
   });
 </script>
-
-<!-- Trackjs - end of code -->