aesirx-analytics 2.2.20 → 2.3.0

package/dist/{Consent-4SM7WZEN.js → Consent-VKKGBHOL.js}

@@ -7,7 +7,7 @@ import {
   WALLET_CONNECT,
   getWeb3ID,
   useConsentStatus_default
-} from "./chunk-TDFENDG7.js";
+} from "./chunk-IAQD6GXT.js";
 import {
   AnalyticsContext,
   agreeConsents,
@@ -24,12 +24,12 @@ import {
   revokeConsents,
   useTranslation,
   verifySignature
-} from "./chunk-HGACFQLI.js";
+} from "./chunk-NKOHXSTE.js";
 
 // src/Components/Consent.tsx
 import React, { Suspense, useContext, useEffect, useState } from "react";
 import { Button, Form } from "react-bootstrap";
-import { ToastContainer, toast } from "react-toastify";
+import { toast } from "react-toastify";
 
 // src/Assets/yes.svg
 var yes_default = 'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M9 1C7.41775 1 5.87103 1.46919 4.55544 2.34824C3.23985 3.22729 2.21447 4.47672 1.60897 5.93853C1.00347 7.40034 0.84504 9.00887 1.15372 10.5607C1.4624 12.1126 2.22433 13.538 3.34315 14.6569C4.46197 15.7757 5.88743 16.5376 7.43928 16.8463C8.99113 17.155 10.5997 16.9965 12.0615 16.391C13.5233 15.7855 14.7727 14.7602 15.6518 13.4446C16.5308 12.129 17 10.5823 17 9C17 6.87827 16.1571 4.84344 14.6569 3.34315C13.1566 1.84285 11.1217 1 9 1V1ZM9 16C7.61553 16 6.26216 15.5895 5.11101 14.8203C3.95987 14.0511 3.06266 12.9579 2.53285 11.6788C2.00303 10.3997 1.86441 8.99223 2.13451 7.63437C2.4046 6.2765 3.07129 5.02922 4.05026 4.05025C5.02922 3.07128 6.2765 2.4046 7.63437 2.1345C8.99224 1.86441 10.3997 2.00303 11.6788 2.53284C12.9579 3.06266 14.0511 3.95986 14.8203 5.11101C15.5895 6.26215 16 7.61553 16 9C16 10.8565 15.2625 12.637 13.9498 13.9497C12.637 15.2625 10.8565 16 9 16Z" fill="white"/>%0A<path d="M13.9985 6.04969C13.9048 5.95657 13.7781 5.9043 13.646 5.9043C13.5139 5.9043 13.3872 5.95657 13.2935 6.04969L7.7435 11.5747L4.7435 8.57469C4.652 8.4759 4.52501 8.4175 4.39045 8.41234C4.25589 8.40719 4.1248 8.45569 4.026 8.54719C3.92721 8.63869 3.86881 8.76569 3.86365 8.90025C3.8585 9.03481 3.907 9.1659 3.9985 9.26469L7.7435 12.9997L13.9985 6.75969C14.0454 6.71321 14.0826 6.65791 14.108 6.59698C14.1333 6.53605 14.1464 6.4707 14.1464 6.40469C14.1464 6.33869 14.1333 6.27333 14.108 6.21241C14.0826 6.15148 14.0454 6.09618 13.9985 6.04969Z" fill="white"/>%0A</svg>%0A';
@@ -599,7 +599,7 @@ var ConsentComponentApp = (props) => {
     (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
   }, [layout]);
   console.log("level", uuid, level, web3ID, account, loading);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ToastContainer, null), /* @__PURE__ */ React.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React.createElement(
     "div",
     {
       tabIndex: -1,
@@ -615,7 +615,8 @@ var ConsentComponentApp = (props) => {
         "img",
         {
           className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-          src: bg_default
+          src: bg_default,
+          alt: "Background Image"
         }
       ), /* @__PURE__ */ React.createElement(
         "div",
@@ -628,7 +629,7 @@ var ConsentComponentApp = (props) => {
             setShowExpandRevoke(true);
           }
         },
-        /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
+        /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }),
         t("txt_shield_of_privacy")
       )), showExpandRevoke && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         "div",
@@ -638,7 +639,7 @@ var ConsentComponentApp = (props) => {
             setShowExpandRevoke(false);
           }
         },
-        /* @__PURE__ */ React.createElement("img", { src: no_default })
+        /* @__PURE__ */ React.createElement("img", { src: no_default, alt: "No Icon" })
       ), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React.createElement("br", null), t("txt_visit"), " ", /* @__PURE__ */ React.createElement(
         "a",
         {
@@ -652,9 +653,10 @@ var ConsentComponentApp = (props) => {
         "img",
         {
           className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-          src: bg_default
+          src: bg_default,
+          alt: "Background Image"
         }
-      ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), " ", t("txt_shield_of_privacy")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement(
+      ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }), " ", t("txt_shield_of_privacy")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement(
         "a",
         {
           className: "text-success text-decoration-underline manage-consent fs-14",
@@ -691,7 +693,8 @@ var ConsentComponentApp = (props) => {
       "img",
       {
         className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-        src: bg_default
+        src: bg_default,
+        alt: "Background Image"
       }
     ), /* @__PURE__ */ React.createElement(
       "div",
@@ -702,7 +705,7 @@ var ConsentComponentApp = (props) => {
           sessionStorage.removeItem("aesirx-analytics-rejected");
         }
       },
-      /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
+      /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }),
       t("txt_shield_of_privacy")
     ))) : /* @__PURE__ */ React.createElement(React.Fragment, null, level ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TermsComponent, { level, handleLevel, layout }, /* @__PURE__ */ React.createElement(Form, { className: "mb-0" }, /* @__PURE__ */ React.createElement(
       Form.Check,
@@ -733,7 +736,7 @@ var ConsentComponentApp = (props) => {
         SSOButton,
         {
           className: "btn btn-success text-white d-flex align-items-center loginSSO",
-          text: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }), t("txt_yes_i_consent")),
+          text: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1", alt: "Yes Icon" }), t("txt_yes_i_consent")),
           ssoState: "noscopes",
           onGetData,
           ...level === 2 ? { noCreateAccount: true } : {}
@@ -753,7 +756,7 @@ var ConsentComponentApp = (props) => {
           role: "status",
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }),
+      ) : /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1", alt: "Yes Icon" }),
       t("txt_yes_i_consent")
     ), /* @__PURE__ */ React.createElement(
       Button,
@@ -762,7 +765,7 @@ var ConsentComponentApp = (props) => {
         onClick: handleNotAllow,
         className: "d-flex align-items-center fs-14"
       },
-      /* @__PURE__ */ React.createElement("img", { src: no_white_default, className: "me-1" }),
+      /* @__PURE__ */ React.createElement("img", { src: no_white_default, className: "me-1", alt: "No Icon" }),
       t("txt_reject_consent")
     )) : /* @__PURE__ */ React.createElement(React.Fragment, null))))) : /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
       ContentLoader,

package/dist/{ConsentCustom-MHFD6YO3.js → ConsentCustom-ADJKXZV7.js}

@@ -1,9 +1,7 @@
-import {
-  trackEvent
-} from "./chunk-UJTYOAT7.js";
 import {
   BROWSER_WALLET,
   Connect_default,
+  ConsentHeader_default,
   Ethereum_default,
   LoadingStatus,
   TermsComponent,
@@ -11,7 +9,7 @@ import {
   check_circle_default,
   getWeb3ID,
   useConsentStatus_default
-} from "./chunk-TDFENDG7.js";
+} from "./chunk-IAQD6GXT.js";
 import {
   AnalyticsContext,
   agreeConsents,
@@ -26,14 +24,15 @@ import {
   no_default,
   privacy_default,
   revokeConsents,
+  trackEvent,
   useTranslation,
   verifySignature
-} from "./chunk-HGACFQLI.js";
+} from "./chunk-NKOHXSTE.js";
 
 // src/Components/ConsentCustom.tsx
 import React, { Suspense, useContext, useEffect, useState } from "react";
 import { Button, Col, Form, Row } from "react-bootstrap";
-import { ToastContainer, toast } from "react-toastify";
+import { toast } from "react-toastify";
 
 // src/Assets/checkbox.svg
 var checkbox_default = 'data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="11.5" cy="11.5" r="10.5" stroke="%23DEDEDE" stroke-width="2"/>%0A</svg>%0A';
@@ -73,7 +72,8 @@ var ConsentComponentCustom = ({
   gtmId,
   layout,
   isOptInReplaceAnalytics,
-  customConsentText
+  customConsentText,
+  languageSwitcher
 }) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, !isOptInReplaceAnalytics ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(WithWalletConnector, { network: networkEnv === "testnet" ? TESTNET : MAINNET }, (props) => /* @__PURE__ */ React.createElement(
     ConsentComponentCustomWrapper,
@@ -86,7 +86,8 @@ var ConsentComponentCustom = ({
       gtagId,
       gtmId,
       layout,
-      customConsentText
+      customConsentText,
+      languageSwitcher
     }
   ))) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 };
@@ -116,6 +117,7 @@ var ConsentComponentCustomWrapper = (props) => {
       gtmId: props?.gtmId,
       layout: props?.layout,
       customConsentText: props?.customConsentText,
+      languageSwitcher: props?.languageSwitcher,
       uuid,
       level,
       connection,
@@ -140,6 +142,7 @@ var ConsentComponentCustomApp = (props) => {
     gtmId,
     layout,
     customConsentText,
+    languageSwitcher,
     activeConnectorType,
     activeConnector,
     activeConnectorError,
@@ -237,8 +240,7 @@ var ConsentComponentCustomApp = (props) => {
           jwt,
           "metamask",
           gtagId,
-          gtmId,
-          layout
+          gtmId
         );
         sessionStorage.setItem("aesirx-analytics-uuid", uuid);
         sessionStorage.setItem("aesirx-analytics-allow", "1");
@@ -327,8 +329,7 @@ var ConsentComponentCustomApp = (props) => {
             jwt,
             "concordium",
             gtagId,
-            gtmId,
-            layout
+            gtmId
           );
           sessionStorage.setItem("aesirx-analytics-consent-type", "concordium");
           setUpgradeLayout(false);
@@ -363,8 +364,7 @@ var ConsentComponentCustomApp = (props) => {
               null,
               null,
               gtagId,
-              gtmId,
-              layout
+              gtmId
             );
           } else if (!!existConsent?.consent_uuid && existConsent?.expiration && new Date(existConsent.expiration) < /* @__PURE__ */ new Date()) {
             await agreeConsents(
@@ -378,8 +378,7 @@ var ConsentComponentCustomApp = (props) => {
               null,
               null,
               gtagId,
-              gtmId,
-              layout
+              gtmId
             );
           }
         });
@@ -443,8 +442,7 @@ var ConsentComponentCustomApp = (props) => {
           response?.jwt,
           "concordium",
           gtagId,
-          gtmId,
-          layout
+          gtmId
         );
         setShow(false);
         handleRevoke(true, level);
@@ -498,8 +496,7 @@ var ConsentComponentCustomApp = (props) => {
             response?.jwt,
             "concordium",
             gtagId,
-            gtmId,
-            layout
+            gtmId
           );
           setShow(false);
           handleRevoke(true, level);
@@ -645,7 +642,7 @@ var ConsentComponentCustomApp = (props) => {
   }, []);
   useEffect(() => {
     (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
-  }, [layout]);
+  }, [layout, gtagId, gtmId]);
   useEffect(() => {
     if (showExpandRevoke && isDesktop && (sessionStorage.getItem("aesirx-analytics-revoke") === "3" || sessionStorage.getItem("aesirx-analytics-revoke") === "4")) {
       setActiveConnectorType(BROWSER_WALLET);
@@ -668,7 +665,8 @@ var ConsentComponentCustomApp = (props) => {
         {
           width: "23px",
           height: "23px",
-          src: upgradeLevel === level2 ? checkbox_active_default : checkbox_default
+          src: upgradeLevel === level2 ? checkbox_active_default : checkbox_default,
+          alt: "Checkbox icon"
         }
       ))
     );
@@ -678,7 +676,7 @@ var ConsentComponentCustomApp = (props) => {
     function gtag(p0, p1, p2) {
       dataLayer.push(arguments);
     }
-    if ((layout !== "simple-consent-mode" || sessionStorage.getItem("consentGranted") === "true") && (gtmId2 && !document.querySelector(
+    if (sessionStorage.getItem("consentGranted") === "true" && (gtmId2 && !document.querySelector(
       `script[src="https://www.googletagmanager.com/gtm.js?id=${gtmId2}"]`
     ) || gtagId2 && !document.querySelector(
       `script[src="https://www.googletagmanager.com/gtag/js?id=${gtagId2}"]`
@@ -693,17 +691,6 @@ var ConsentComponentCustomApp = (props) => {
         dataLayer.push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
       }
     }
-    if (layout !== "simple-consent-mode" && sessionStorage.getItem("consentGranted") !== "true") {
-      gtag("set", "url_passthrough", true);
-      gtag("set", "ads_data_redaction", true);
-      gtag("consent", "default", {
-        ad_user_data: "denied",
-        ad_personalization: "denied",
-        ad_storage: "denied",
-        analytics_storage: "denied",
-        wait_for_update: 500
-      });
-    }
     if (sessionStorage.getItem("consentGranted") === "true") {
       gtag("consent", "update", {
         ad_user_data: "granted",
@@ -715,7 +702,7 @@ var ConsentComponentCustomApp = (props) => {
   };
   const paymentRevoke = sessionStorage.getItem("aesirx-analytics-opt-payment");
   const optInRevokes = Object.keys(sessionStorage).filter((key) => key.startsWith("aesirx-analytics-optin")).map((key) => key);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ToastContainer, null), /* @__PURE__ */ React.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React.createElement(
     "div",
     {
       tabIndex: -1,
@@ -736,7 +723,8 @@ var ConsentComponentCustomApp = (props) => {
           "img",
           {
             className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-            src: bg_default
+            src: bg_default,
+            alt: "Background Image"
           }
         ), /* @__PURE__ */ React.createElement(
           "div",
@@ -749,36 +737,10 @@ var ConsentComponentCustomApp = (props) => {
               setShowExpandRevoke(true);
             }
           },
-          /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
-          t("txt_shield_of_privacy")
+          /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }),
+          window?.aesirx_analytics_translate?.txt_shield_of_privacy ?? t("txt_shield_of_privacy")
         )),
-        showExpandRevoke && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `d-flex rounded-top align-items-center justify-content-between p-2 p-lg-3 fw-medium flex-wrap py-2 py-lg-3 px-4 header-consent-bg`,
-            style: {
-              borderBottom: "1px solid #DEDEDE"
-            }
-          },
-          /* @__PURE__ */ React.createElement("div", { className: "text-primary text-nowrap" }, t("txt_tracking_data_privacy")),
-          /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center fs-14 text-primary" }, /* @__PURE__ */ React.createElement(
-            "a",
-            {
-              href: "https://shield.aesirx.io/",
-              rel: "noreferrer",
-              target: "_blank",
-              className: "minimize-shield-wrapper position-relative text-decoration-none"
-            },
-            /* @__PURE__ */ React.createElement(
-              "img",
-              {
-                className: "cover-img position-absolute h-100 w-100 object-fit-cover z-1",
-                src: bg_default
-              }
-            ),
-            /* @__PURE__ */ React.createElement("div", { className: "minimize-shield position-relative z-2 py-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), t("txt_shield_of_privacy"))
-          ))
-        ), /* @__PURE__ */ React.createElement(
+        showExpandRevoke && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ConsentHeader_default, { languageSwitcher }), /* @__PURE__ */ React.createElement(
           "div",
           {
             className: "minimize-revoke",
@@ -786,14 +748,14 @@ var ConsentComponentCustomApp = (props) => {
               setShowExpandRevoke(false);
             }
           },
-          /* @__PURE__ */ React.createElement("img", { src: no_default })
-        ), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white" }, paymentRevoke ? t("txt_you_can_revoke_on_the_site") : t("txt_you_can_revoke")), /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100 bg-white px-3" }, /* @__PURE__ */ React.createElement(
+          /* @__PURE__ */ React.createElement("img", { src: no_default, alt: "No Icon" })
+        ), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white" }, paymentRevoke ? window?.aesirx_analytics_translate?.txt_you_can_revoke_on_the_site ?? t("txt_you_can_revoke_on_the_site") : window?.aesirx_analytics_translate?.txt_you_can_revoke ?? t("txt_you_can_revoke")), /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100 bg-white px-3" }, /* @__PURE__ */ React.createElement(
           Form.Check,
           {
             id: `option-revoke-consent`,
             checked: revokeConsentOption === "consent",
             type: "checkbox",
-            label: t("txt_revoke_consent_for_the_site"),
+            label: window?.aesirx_analytics_translate?.txt_revoke_consent_for_the_site ?? t("txt_revoke_consent_for_the_site"),
             value: "consent",
             onChange: ({ target: { value } }) => {
               setRevokeConsentOption(value);
@@ -807,7 +769,7 @@ var ConsentComponentCustomApp = (props) => {
               id: `option-revoke-${item}`,
               checked: revokeConsentOption === item,
               type: "checkbox",
-              label: item === "aesirx-analytics-optin-default" ? t("txt_revoke_opt_in") : item === "aesirx-analytics-optin-payment" ? t("txt_revoke_opt_in_payment") : item === "aesirx-analytics-optin-advisor" ? t("txt_revoke_opt_in_advisor") : t("txt_revoke_opt_in") + " " + item?.replace("aesirx-analytics-optin-", ""),
+              label: item === "aesirx-analytics-optin-default" ? window?.aesirx_analytics_translate?.txt_revoke_opt_in ?? t("txt_revoke_opt_in") : item === "aesirx-analytics-optin-payment" ? window?.aesirx_analytics_translate?.txt_revoke_opt_in_payment ?? t("txt_revoke_opt_in_payment") : item === "aesirx-analytics-optin-advisor" ? window?.aesirx_analytics_translate?.txt_revoke_opt_in_advisor ?? t("txt_revoke_opt_in_advisor") : window?.aesirx_analytics_translate?.txt_revoke_opt_in ?? t("txt_revoke_opt_in") + " " + item?.replace("aesirx-analytics-optin-", ""),
               value: item,
               onChange: ({ target: { value } }) => {
                 setRevokeConsentOption(value);
@@ -822,7 +784,7 @@ var ConsentComponentCustomApp = (props) => {
             target: "_blank",
             rel: "noreferrer"
           },
-          t("txt_manage_consent")
+          window?.aesirx_analytics_translate?.txt_manage_consent ?? t("txt_manage_consent")
         ), loading === "done" ? /* @__PURE__ */ React.createElement(
           Button,
           {
@@ -846,7 +808,7 @@ var ConsentComponentCustomApp = (props) => {
             },
             className: "d-flex align-items-center justify-content-center w-100 w-lg-35 revoke-btn fs-14 rounded-pill py-2 py-lg-3"
           },
-          t("txt_revoke_consent")
+          window?.aesirx_analytics_translate?.txt_revoke_consent ?? t("txt_revoke_consent")
         ) : /* @__PURE__ */ React.createElement(React.Fragment, null), (sessionStorage.getItem("aesirx-analytics-revoke") === "4" || sessionStorage.getItem("aesirx-analytics-revoke") === "2") && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement("div", null, "Loading...") }, /* @__PURE__ */ React.createElement(
           SSOButton,
           {
@@ -862,6 +824,7 @@ var ConsentComponentCustomApp = (props) => {
     "div",
     {
       tabIndex: -1,
+      id: "consent-modal",
       className: `toast-container position-fixed m-md-3 ${showExpandConsent ? "top-50 start-50 translate-middle" : "bottom-0 end-0"}`
     },
     /* @__PURE__ */ React.createElement(
@@ -874,7 +837,8 @@ var ConsentComponentCustomApp = (props) => {
         "img",
         {
           className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-          src: bg_default
+          src: bg_default,
+          alt: "Background Image"
         }
       ), /* @__PURE__ */ React.createElement(
         "div",
@@ -888,87 +852,96 @@ var ConsentComponentCustomApp = (props) => {
             sessionStorage.removeItem("aesirx-analytics-rejected");
           }
         },
-        /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
-        t("txt_shield_of_privacy")
-      ))) : /* @__PURE__ */ React.createElement("div", { className: "bg-white" }, level ? /* @__PURE__ */ React.createElement(React.Fragment, null, upgradeLayout ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded p-3 w-auto" }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-1 mb-lg-3" }, t("txt_select_your_preferred")), /* @__PURE__ */ React.createElement(Form, null, /* @__PURE__ */ React.createElement(Row, null, /* @__PURE__ */ React.createElement(Col, { lg: 6, className: "mb-2 mb-lg-0" }, /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }),
+        window?.aesirx_analytics_translate?.txt_shield_of_privacy ?? t("txt_shield_of_privacy")
+      ))) : /* @__PURE__ */ React.createElement("div", { className: "bg-white" }, level ? /* @__PURE__ */ React.createElement(React.Fragment, null, upgradeLayout ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded p-3 w-auto" }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-1 mb-lg-3" }, window?.aesirx_analytics_translate?.txt_select_your_preferred ?? t("txt_select_your_preferred")), /* @__PURE__ */ React.createElement(Form, null, /* @__PURE__ */ React.createElement(Row, null, /* @__PURE__ */ React.createElement(Col, { lg: 6, className: "mb-2 mb-lg-0" }, /* @__PURE__ */ React.createElement(
         ConsentLevelUprade,
         {
           level: 3,
-          levelname: t(`txt_decentralized_wallet`),
+          levelname: window?.aesirx_analytics_translate?.txt_decentralized_wallet ?? t("txt_decentralized_wallet"),
           image: wallet_consent_default,
           content: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_decentralized_wallet_will_be_loaded"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_decentralized_wallet_will_be_loaded ?? t("txt_decentralized_wallet_will_be_loaded"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_both_first_party_third_party"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_both_first_party_third_party ?? t("txt_both_first_party_third_party"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_all_consented_data_will_be_collected"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_all_consented_data_will_be_collected ?? t("txt_all_consented_data_will_be_collected"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_users_can_revoke")))),
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_users_can_revoke ?? t("txt_users_can_revoke")))),
           isUpgrade: true
         }
       )), /* @__PURE__ */ React.createElement(Col, { lg: 6 }, /* @__PURE__ */ React.createElement(
         ConsentLevelUprade,
         {
           level: 4,
-          levelname: t(`txt_decentralized_wallet_shield`),
+          levelname: window?.aesirx_analytics_translate?.txt_decentralized_wallet_shield ?? t("txt_decentralized_wallet_shield"),
           image: wallet_shield_consent_default,
           content: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_decentralized_wallet_will_be_loaded"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_decentralized_wallet_will_be_loaded ?? t("txt_decentralized_wallet_will_be_loaded"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_both_first_party_third_party"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_both_first_party_third_party ?? t("txt_both_first_party_third_party"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_all_consented_data_will_be_collected"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_all_consented_data_will_be_collected ?? t("txt_all_consented_data_will_be_collected"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_users_can_revoke_dapp"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_users_can_revoke_dapp ?? t("txt_users_can_revoke_dapp"))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start check-line" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             "img",
             {
               src: check_circle_default,
               width: "14px",
-              height: "15px"
+              height: "15px",
+              alt: "Check Icon"
             }
-          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_users_can_earn")))),
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, window?.aesirx_analytics_translate?.txt_users_can_earn ?? t("txt_users_can_earn")))),
           isUpgrade: true
         }
       )))), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap justify-content-between mt-4" }, /* @__PURE__ */ React.createElement(
@@ -981,7 +954,7 @@ var ConsentComponentCustomApp = (props) => {
           },
           className: "d-flex align-items-center justify-content-center fs-14 w-100 w-lg-30 me-3 mb-2 mb-lg-0 rounded-pill py-3"
         },
-        t("txt_back")
+        window?.aesirx_analytics_translate?.txt_back ?? t("txt_back")
       ), /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -996,7 +969,7 @@ var ConsentComponentCustomApp = (props) => {
             SSOButton,
             {
               className: "btn btn-success d-flex align-items-center justify-content-center loginSSO rounded-pill py-2 py-lg-3 w-100 fs-14 text-white",
-              text: /* @__PURE__ */ React.createElement(React.Fragment, null, t("txt_continue")),
+              text: /* @__PURE__ */ React.createElement(React.Fragment, null, window?.aesirx_analytics_translate?.txt_continue ?? t("txt_continue")),
               ssoState: "noscopes",
               onGetData,
               ...level === 2 ? { noCreateAccount: true } : {}
@@ -1018,7 +991,7 @@ var ConsentComponentCustomApp = (props) => {
             "aria-hidden": "true"
           }
         ) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-        t("txt_continue")
+        window?.aesirx_analytics_translate?.txt_continue ?? t("txt_continue")
       ))))) : showRejectedConsent ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         TermsComponent,
         {
@@ -1026,7 +999,8 @@ var ConsentComponentCustomApp = (props) => {
           handleLevel,
           isCustom: true,
           layout,
-          isRejectedLayout: true
+          isRejectedLayout: true,
+          languageSwitcher
         },
         /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
           Form.Check,
@@ -1055,7 +1029,7 @@ var ConsentComponentCustomApp = (props) => {
             onClick: handleNotAllow,
             className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-2 py-lg-3"
           },
-          t("txt_reject_consent")
+          window?.aesirx_analytics_translate?.txt_reject_consent ?? t("txt_reject_consent")
         ), level === 2 || level === 4 && !account && !address ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(
           Button,
           {
@@ -1071,7 +1045,7 @@ var ConsentComponentCustomApp = (props) => {
               "aria-hidden": "true"
             }
           ) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-          t("txt_yes_i_consent")
+          window?.aesirx_analytics_translate?.txt_yes_i_consent ?? t("txt_yes_i_consent")
         ), layout === "simple-consent-mode" ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
           Button,
           {
@@ -1081,7 +1055,7 @@ var ConsentComponentCustomApp = (props) => {
             },
             className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-2 py-lg-3"
           },
-          t("txt_change_consent")
+          window?.aesirx_analytics_translate?.txt_change_consent ?? t("txt_change_consent")
         ), " ")) : /* @__PURE__ */ React.createElement(React.Fragment, null)))
       )) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         TermsComponent,
@@ -1090,7 +1064,8 @@ var ConsentComponentCustomApp = (props) => {
           handleLevel,
           isCustom: true,
           layout,
-          customConsentText
+          customConsentText,
+          languageSwitcher
         },
         /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
           Form.Check,
@@ -1119,7 +1094,7 @@ var ConsentComponentCustomApp = (props) => {
             onClick: handleNotAllow,
             className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-2 py-lg-3"
           },
-          t("txt_reject_consent")
+          window?.aesirx_analytics_translate?.txt_reject_consent ?? t("txt_reject_consent")
         ), level === 2 || level === 4 && !account && !address ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(
           Button,
           {
@@ -1135,7 +1110,7 @@ var ConsentComponentCustomApp = (props) => {
               "aria-hidden": "true"
             }
           ) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-          t("txt_yes_i_consent")
+          window?.aesirx_analytics_translate?.txt_yes_i_consent ?? t("txt_yes_i_consent")
         ), layout === "simple-consent-mode" ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
           Button,
           {
@@ -1145,7 +1120,7 @@ var ConsentComponentCustomApp = (props) => {
             },
             className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-2 py-lg-3"
           },
-          t("txt_change_consent")
+          window?.aesirx_analytics_translate?.txt_change_consent ?? t("txt_change_consent")
         ), " ")) : /* @__PURE__ */ React.createElement(React.Fragment, null)))
       ))) : /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
         ContentLoader,