aesirx-analytics 2.2.4 → 2.2.6

package/dist/{ConsentCustom-6YFZO4ZJ.js → ConsentCustom-CSPWI25K.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-AJMXPNA2.js";
+} from "./chunk-7GRKFZZL.js";
 import {
   AnalyticsContext,
-  useTranslation
-} from "./chunk-FKCTTU52.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";
@@ -51,13 +53,27 @@ import {
 } from "@concordium/react-components";
 import { OsTypes, isDesktop, isMobile, osName } from "react-device-detect";
 import { useAccount, useSignMessage } from "wagmi";
-var ConsentComponentCustom = ({ endpoint, aesirXEndpoint, networkEnv }) => {
+var ConsentComponentCustom = ({
+  endpoint,
+  aesirXEndpoint,
+  networkEnv,
+  loginApp,
+  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,
     {
       ...props,
       endpoint,
-      aesirXEndpoint
+      aesirXEndpoint,
+      loginApp,
+      isLoggedApp,
+      gtagId,
+      gtmId,
+      layout
     }
   ))));
 };
@@ -65,6 +81,11 @@ var ConsentComponentCustomApp = (props) => {
   const {
     endpoint,
     aesirXEndpoint,
+    loginApp,
+    isLoggedApp,
+    gtagId,
+    gtmId,
+    layout,
     activeConnectorType,
     activeConnector,
     activeConnectorError,
@@ -93,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);
@@ -158,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");
@@ -211,6 +235,7 @@ var ConsentComponentCustomApp = (props) => {
                     );
                     sessionStorage.setItem("aesirx-analytics-jwt", data?.jwt);
                     jwt = data?.jwt;
+                    loginApp && !isLoggedApp && loginApp(data);
                     setLoadingCheckAccount(false);
                   }
                 } else {
@@ -235,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) {
@@ -257,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
+            );
           }
         });
       }
@@ -317,7 +381,11 @@ var ConsentComponentCustomApp = (props) => {
           account,
           signature,
           null,
-          response?.jwt
+          response?.jwt,
+          "concordium",
+          gtagId,
+          gtmId,
+          layout
         );
         setShow(false);
         handleRevoke(true, level);
@@ -356,12 +424,26 @@ 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");
         }
       }
+      loginApp && !isLoggedApp && loginApp(response);
     } catch (error) {
       console.log(error);
       setShow(false);
@@ -477,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 = ({
@@ -507,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",
     {
@@ -611,6 +720,7 @@ var ConsentComponentCustomApp = (props) => {
         "div",
         {
           className: "minimize-shield",
+          ref: analyticsContext?.ref,
           onClick: () => {
             setShowExpandConsent(true);
             sessionStorage.removeItem("aesirx-analytics-rejected");
@@ -618,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-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,
@@ -644,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,
@@ -709,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-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-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-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-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,