aesirx-analytics 2.2.5 → 2.2.7

package/dist/{ConsentCustom-P3FMYMS3.js → ConsentCustom-IPBQSSPS.js}

@@ -5,26 +5,28 @@ import {
   LoadingStatus,
   TermsComponent,
   WALLET_CONNECT,
-  agreeConsents,
   arrow_default,
   bg_default,
-  getConsents,
-  getMember,
-  getNonce,
-  getSignature,
-  getWalletNonce,
   getWeb3ID,
   no_default,
   privacy_default,
-  revokeConsents,
   useConsentStatus_default,
-  verifySignature,
   yes_default
-} from "./chunk-PHG7RB3K.js";
+} from "./chunk-IMKTWH5I.js";
 import {
   AnalyticsContext,
-  useTranslation
-} from "./chunk-JH54YDTD.js";
+  agreeConsents,
+  getConsents,
+  getMember,
+  getNonce,
+  getSignature,
+  getWalletNonce,
+  loadGtagScript,
+  loadGtmScript,
+  revokeConsents,
+  useTranslation,
+  verifySignature
+} from "./chunk-N36VEWSG.js";
 
 // src/Components/ConsentCustom.tsx
 import React, { useContext, useEffect, useState } from "react";
@@ -56,7 +58,10 @@ var ConsentComponentCustom = ({
   aesirXEndpoint,
   networkEnv,
   loginApp,
-  isLoggedApp
+  isLoggedApp,
+  gtagId,
+  gtmId,
+  layout
 }) => {
   return /* @__PURE__ */ React.createElement(WithWalletConnector, { network: networkEnv === "testnet" ? TESTNET : MAINNET }, (props) => /* @__PURE__ */ React.createElement("div", { className: "aesirxconsent" }, /* @__PURE__ */ React.createElement(Ethereum_default, null, /* @__PURE__ */ React.createElement(
     ConsentComponentCustomApp,
@@ -65,7 +70,10 @@ var ConsentComponentCustom = ({
       endpoint,
       aesirXEndpoint,
       loginApp,
-      isLoggedApp
+      isLoggedApp,
+      gtagId,
+      gtmId,
+      layout
     }
   ))));
 };
@@ -75,6 +83,9 @@ var ConsentComponentCustomApp = (props) => {
     aesirXEndpoint,
     loginApp,
     isLoggedApp,
+    gtagId,
+    gtmId,
+    layout,
     activeConnectorType,
     activeConnector,
     activeConnectorError,
@@ -103,7 +114,7 @@ var ConsentComponentCustomApp = (props) => {
     handleLevel,
     showRevoke,
     handleRevoke
-  ] = useConsentStatus_default(endpoint, props);
+  ] = useConsentStatus_default(endpoint, layout, props);
   const [consents, setConsents] = useState([1, 2]);
   const [loading, setLoading] = useState("done");
   const [loadingCheckAccount, setLoadingCheckAccount] = useState(false);
@@ -168,7 +179,10 @@ var ConsentComponentCustomApp = (props) => {
           signature,
           web3ID,
           jwt,
-          "metamask"
+          "metamask",
+          gtagId,
+          gtmId,
+          layout
         );
         sessionStorage.setItem("aesirx-analytics-uuid", uuid);
         sessionStorage.setItem("aesirx-analytics-allow", "1");
@@ -246,7 +260,20 @@ var ConsentComponentCustomApp = (props) => {
             level === 3 ? "Give consent:{nonce} {domain} {time}" : "Give consent Tier 4:{nonce} {domain} {time}"
           );
           setLoading("saving");
-          await agreeConsents(endpoint, level, uuid, consents, account, signature, web3ID, jwt);
+          await agreeConsents(
+            endpoint,
+            level,
+            uuid,
+            consents,
+            account,
+            signature,
+            web3ID,
+            jwt,
+            "concordium",
+            gtagId,
+            gtmId,
+            layout
+          );
           sessionStorage.setItem("aesirx-analytics-consent-type", "concordium");
         } else if (connector) {
           if (level === 3) {
@@ -268,9 +295,35 @@ var ConsentComponentCustomApp = (props) => {
         consents.forEach(async (consent) => {
           const existConsent = consentList.find((item) => item?.consent === consent);
           if (!existConsent) {
-            await agreeConsents(endpoint, 1, uuid, consent);
+            await agreeConsents(
+              endpoint,
+              1,
+              uuid,
+              consent,
+              null,
+              null,
+              null,
+              null,
+              null,
+              gtagId,
+              gtmId,
+              layout
+            );
           } else if (!!existConsent?.consent_uuid && existConsent?.expiration && new Date(existConsent.expiration) < /* @__PURE__ */ new Date()) {
-            await agreeConsents(endpoint, 1, uuid, consent);
+            await agreeConsents(
+              endpoint,
+              1,
+              uuid,
+              consent,
+              null,
+              null,
+              null,
+              null,
+              null,
+              gtagId,
+              gtmId,
+              layout
+            );
           }
         });
       }
@@ -328,7 +381,11 @@ var ConsentComponentCustomApp = (props) => {
           account,
           signature,
           null,
-          response?.jwt
+          response?.jwt,
+          "concordium",
+          gtagId,
+          gtmId,
+          layout
         );
         setShow(false);
         handleRevoke(true, level);
@@ -367,7 +424,20 @@ var ConsentComponentCustomApp = (props) => {
           }
           setConsentTier4(response);
         } else {
-          await agreeConsents(endpoint, level, uuid, consents, null, null, null, response?.jwt);
+          await agreeConsents(
+            endpoint,
+            level,
+            uuid,
+            consents,
+            null,
+            null,
+            null,
+            response?.jwt,
+            "concordium",
+            gtagId,
+            gtmId,
+            layout
+          );
           setShow(false);
           handleRevoke(true, level);
           setLoading("done");
@@ -489,6 +559,7 @@ var ConsentComponentCustomApp = (props) => {
     if (sessionStorage.getItem("aesirx-analytics-revoke") && sessionStorage.getItem("aesirx-analytics-revoke") !== "0") {
       window.funcAfterConsent && window.funcAfterConsent();
     }
+    (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
   }, []);
   console.log("level", uuid, level, web3ID, account, loading);
   const ConsentLevelUprade = ({
@@ -519,6 +590,32 @@ var ConsentComponentCustomApp = (props) => {
       ))) : /* @__PURE__ */ React.createElement(React.Fragment, null)
     );
   };
+  const loadConsentDefault = (gtagId2, gtmId2) => {
+    window.dataLayer = window.dataLayer || [];
+    function gtag(p0, p1, p2) {
+      dataLayer.push(arguments);
+    }
+    gtag("consent", "default", {
+      ad_user_data: "denied",
+      ad_personalization: "denied",
+      ad_storage: "denied",
+      analytics_storage: "denied",
+      wait_for_update: 500
+    });
+    if (gtagId2) {
+      gtag("js", /* @__PURE__ */ new Date());
+      gtag("config", `${gtagId2}`);
+    }
+    if (gtmId2) {
+      dataLayer.push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
+    }
+    if (layout === "advance-consent-mode") {
+      gtagId2 && loadGtagScript(gtagId2);
+      gtmId2 && loadGtmScript(gtmId2);
+      gtag("set", "url_passthrough", true);
+      gtag("set", "ads_data_redaction", true);
+    }
+  };
   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(
     "div",
     {
@@ -631,7 +728,7 @@ var ConsentComponentCustomApp = (props) => {
         },
         /* @__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-100" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-2 mb-lg-3" }, t("txt_upgrade_consent_text")), /* @__PURE__ */ React.createElement("p", { className: "fw-semibold text-dark" }, t("txt_your_current_level")), /* @__PURE__ */ React.createElement(
+      ))) : /* @__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" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-2 mb-lg-3" }, t("txt_upgrade_consent_text")), /* @__PURE__ */ React.createElement("p", { className: "fw-semibold text-dark" }, t("txt_your_current_level")), /* @__PURE__ */ React.createElement(
         ConsentLevelUprade,
         {
           level,
@@ -657,7 +754,7 @@ var ConsentComponentCustomApp = (props) => {
             className: `ms-1 ${upgradeShowDetail ? "revert" : ""}`
           }
         )
-      )), /* @__PURE__ */ React.createElement(Form, null, level !== 1 && /* @__PURE__ */ React.createElement(
+      )), /* @__PURE__ */ React.createElement(Form, null, level !== 1 && layout !== "advance-consent-mode" && /* @__PURE__ */ React.createElement(
         ConsentLevelUprade,
         {
           level: 1,
@@ -722,76 +819,85 @@ var ConsentComponentCustomApp = (props) => {
           className: "d-flex align-items-center justify-content-center fs-14 w-100 w-lg-30 me-3 rounded-pill py-3 text-white"
         },
         t("txt_change_consent")
-      ))) : /* @__PURE__ */ React.createElement(React.Fragment, null))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TermsComponent, { level, handleLevel, isCustom: true }, /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
-        Form.Check,
-        {
-          checked: consents.includes(1),
-          type: "switch",
-          label: "Personal data share consent.",
-          value: 1,
-          onChange: handleChange,
-          className: "d-none"
-        }
-      ), /* @__PURE__ */ React.createElement(
-        Form.Check,
-        {
-          checked: consents.includes(2),
-          type: "switch",
-          label: "Personal data cross site share consent.",
-          value: 2,
-          onChange: handleChange,
-          className: "d-none"
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outline-success",
-          onClick: () => {
-            setUpgradeLayout(true);
-          },
-          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 text-dark"
-        },
-        t("txt_change_consent")
-      ), " ", /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outline-success",
-          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 text-dark"
-        },
-        t("txt_reject_consent")
-      ), /* @__PURE__ */ React.createElement(
-        "div",
+      ))) : /* @__PURE__ */ React.createElement(React.Fragment, null))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        TermsComponent,
         {
-          className: `ssoBtnWrapper w-100 me-3 bg-success rounded-pill ${level === 2 || level === 4 && !account && !address ? "" : "d-none"}`
+          level,
+          handleLevel,
+          isCustom: true,
+          layout
         },
-        /* @__PURE__ */ React.createElement(
-          SSOButton,
+        /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
+          Form.Check,
           {
-            className: "btn btn-success text-white d-flex align-items-center justify-content-center loginSSO rounded-pill py-2 py-lg-3 w-100",
-            text: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }), t("txt_yes_i_consent")),
-            ssoState: "noscopes",
-            onGetData,
-            ...level === 2 ? { noCreateAccount: true } : {}
+            checked: consents.includes(1),
+            type: "switch",
+            label: "Personal data share consent.",
+            value: 1,
+            onChange: handleChange,
+            className: "d-none"
           }
-        )
-      ), level === 2 || level === 4 && !account && !address ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "success",
-          onClick: handleAgree,
-          className: "w-100 me-3 text-white d-flex align-items-center justify-content-center fs-14 rounded-pill py-2 py-lg-3"
-        },
-        loadingCheckAccount ? /* @__PURE__ */ React.createElement(
-          "span",
+        ), /* @__PURE__ */ React.createElement(
+          Form.Check,
           {
-            className: "spinner-border spinner-border-sm me-1",
-            role: "status",
-            "aria-hidden": "true"
+            checked: consents.includes(2),
+            type: "switch",
+            label: "Personal data cross site share consent.",
+            value: 2,
+            onChange: handleChange,
+            className: "d-none"
           }
-        ) : /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }),
-        t("txt_yes_i_consent")
-      )) : /* @__PURE__ */ React.createElement(React.Fragment, null)))))) : /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
+        ), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, layout === "simple-consent-mode" || layout === "simple-web-2" ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outline-success",
+            onClick: () => {
+              setUpgradeLayout(true);
+            },
+            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 text-dark"
+          },
+          t("txt_change_consent")
+        ), " "), /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outline-success",
+            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 text-dark"
+          },
+          t("txt_reject_consent")
+        ), /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: `ssoBtnWrapper w-100 me-3 bg-success rounded-pill ${level === 2 || level === 4 && !account && !address ? "" : "d-none"}`
+          },
+          /* @__PURE__ */ React.createElement(
+            SSOButton,
+            {
+              className: "btn btn-success text-white d-flex align-items-center justify-content-center loginSSO rounded-pill py-2 py-lg-3 w-100",
+              text: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }), t("txt_yes_i_consent")),
+              ssoState: "noscopes",
+              onGetData,
+              ...level === 2 ? { noCreateAccount: true } : {}
+            }
+          )
+        ), level === 2 || level === 4 && !account && !address ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "success",
+            onClick: handleAgree,
+            className: "w-100 me-3 text-white d-flex align-items-center justify-content-center fs-14 rounded-pill py-2 py-lg-3"
+          },
+          loadingCheckAccount ? /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              className: "spinner-border spinner-border-sm me-1",
+              role: "status",
+              "aria-hidden": "true"
+            }
+          ) : /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1" }),
+          t("txt_yes_i_consent")
+        )) : /* @__PURE__ */ React.createElement(React.Fragment, null)))
+      ))) : /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
         ContentLoader,
         {
           speed: 2,