aesirx-analytics 2.3.6 → 2.4.1

package/dist/ConsentCustom-LYMWYNRI.js

@@ -1,1160 +0,0 @@
-import {
-  BROWSER_WALLET,
-  Connect_default,
-  ConsentHeader_default,
-  Ethereum_default,
-  LoadingStatus,
-  TermsComponent,
-  WALLET_CONNECT,
-  check_circle_default,
-  getWeb3ID,
-  useConsentStatus_default
-} from "./chunk-UJC5773H.js";
-import {
-  AnalyticsContext,
-  agreeConsents,
-  bg_default,
-  getConsents,
-  getMember,
-  getNonce,
-  getSignature,
-  getWalletNonce,
-  loadGtagScript,
-  loadGtmScript,
-  no_default,
-  privacy_default,
-  revokeConsents,
-  trackEvent,
-  useTranslation,
-  verifySignature
-} 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 { 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';
-
-// src/Assets/checkbox_active.svg
-var checkbox_active_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="11.5" fill="%231C9678"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6685 9.15506C15.8752 9.36181 15.8752 9.69701 15.6685 9.90376L10.7273 14.8449C10.5205 15.0517 10.1853 15.0517 9.97859 14.8449L7.15506 12.0214C6.94831 11.8147 6.94831 11.4795 7.15506 11.2727C7.36181 11.066 7.69701 11.066 7.90376 11.2727L10.3529 13.7219L14.9198 9.15506C15.1265 8.94831 15.4617 8.94831 15.6685 9.15506Z" fill="white" stroke="white" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A';
-
-// src/Assets/wallet_consent.png
-var wallet_consent_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgCAYAAACYTcH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG2SURBVHgB7Ze7TgJBFIb/OQvrDSOFD7AkmlhoQqOtsTJ2+gY0Gi+F+gTqQ2CMjfAE0JnYSGWMNNhZaIKdlaEgERDmOMNNix1iAbNb8BVzyUxy/vwzmTlHoMvS/q3XknQMKVIQHMewYFGBQN5xWhcvV1vlQVuFbhZ375Jg3A9VhA9SYOftejNvWqeOIs6NWkg7GOPGS+WMcUi5kmLAgx3irjt9YlpUzsgkbMJsjEcziZV1WIRBc6Y1is7NezOJZZA7iaARq+k69ybNagUjx3Eq0enZgrLomUhmHg+myr5igkAQnT8dRC/0mBAwLOX52mV9G2EQo2HGme4DP6YeDrmJUDjToeaFSExI7kwPLcbC4/I/lBgOkxg7cKsJ2agN3BOBBbSI6mup3UdiccQW/D9uK840Pj/6ruj/z+SQFTHajX5AlR2YMoSI+qnK6j32MGIx+mhaX1WolMW8D5bQgv465Mf4BTZBqkx5R0gYH5MfpHJjkpJLCBhVY5cf9twSNb8nMnqCQJFZoFv4r6arSYFozmKZ+4sQheKhu6GH7TtTPIqVVA2zoVL1rKpn7KQUSgQzn/aEaH4AkOGIml1TIcQAAAAASUVORK5CYII=";
-
-// src/Assets/wallet_shield_consent.png
-var wallet_shield_consent_default = "data:image/png;base64,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";
-
-// src/Components/ConsentCustom.tsx
-import ContentLoader from "react-content-loader";
-import {
-  MAINNET,
-  WithWalletConnector,
-  useConnection,
-  useConnect,
-  stringMessage,
-  useGrpcClient,
-  TESTNET
-} from "@concordium/react-components";
-import { OsTypes, isDesktop, isMobile, osName } from "react-device-detect";
-import { useAccount, useSignMessage } from "wagmi";
-var SSOButton = React.lazy(
-  () => import("aesirx-sso").then((module) => ({ default: module.SSOButton }))
-);
-var ConsentComponentCustom = ({
-  endpoint,
-  aesirXEndpoint,
-  networkEnv,
-  loginApp,
-  isLoggedApp,
-  gtagId,
-  gtmId,
-  layout,
-  isOptInReplaceAnalytics,
-  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,
-    {
-      ...props,
-      endpoint,
-      aesirXEndpoint,
-      loginApp,
-      isLoggedApp,
-      gtagId,
-      gtmId,
-      layout,
-      customConsentText,
-      languageSwitcher
-    }
-  ))) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-};
-var ConsentComponentCustomWrapper = (props) => {
-  const [
-    uuid,
-    level,
-    connection,
-    account,
-    show,
-    setShow,
-    web3ID,
-    setWeb3ID,
-    handleLevel,
-    showRevoke,
-    handleRevoke
-  ] = useConsentStatus_default(props?.endpoint, props?.layout, props);
-  return /* @__PURE__ */ React.createElement("div", { className: "aesirxconsent" }, /* @__PURE__ */ React.createElement(Ethereum_default, { layout: props?.layout, level }, /* @__PURE__ */ React.createElement(
-    ConsentComponentCustomApp,
-    {
-      ...props,
-      endpoint: props?.endpoint,
-      aesirXEndpoint: props?.aesirXEndpoint,
-      loginApp: props?.loginApp,
-      isLoggedApp: props?.isLoggedApp,
-      gtagId: props?.gtagId,
-      gtmId: props?.gtmId,
-      layout: props?.layout,
-      customConsentText: props?.customConsentText,
-      languageSwitcher: props?.languageSwitcher,
-      uuid,
-      level,
-      connection,
-      account,
-      show,
-      setShow,
-      web3ID,
-      setWeb3ID,
-      handleLevel,
-      showRevoke,
-      handleRevoke
-    }
-  )));
-};
-var ConsentComponentCustomApp = (props) => {
-  const {
-    endpoint,
-    aesirXEndpoint,
-    loginApp,
-    isLoggedApp,
-    gtagId,
-    gtmId,
-    layout,
-    customConsentText,
-    languageSwitcher,
-    activeConnectorType,
-    activeConnector,
-    activeConnectorError,
-    connectedAccounts,
-    genesisHashes,
-    setActiveConnectorType,
-    network,
-    uuid,
-    level,
-    connection,
-    account,
-    show,
-    setShow,
-    web3ID,
-    setWeb3ID,
-    handleLevel,
-    showRevoke,
-    handleRevoke
-  } = props;
-  const { setConnection } = useConnection(connectedAccounts, genesisHashes);
-  const { isConnecting } = useConnect(activeConnector, setConnection);
-  const handleOnConnect = async (connectorType, network2 = "concordium") => {
-    if (network2 === "concordium") {
-      setActiveConnectorType(connectorType);
-    }
-    setLoading("done");
-  };
-  const [consents, setConsents] = useState([1, 2]);
-  const [revokeConsentOption, setRevokeConsentOption] = useState("consent");
-  const [loading, setLoading] = useState("done");
-  const [loadingCheckAccount, setLoadingCheckAccount] = useState(false);
-  const [showExpandConsent, setShowExpandConsent] = useState(true);
-  const [showRejectedConsent, setShowRejectedConsent] = useState(false);
-  const [showExpandRevoke, setShowExpandRevoke] = useState(false);
-  const [showBackdrop, setShowBackdrop] = useState(true);
-  const [consentTier4, setConsentTier4] = useState({});
-  const [upgradeLayout, setUpgradeLayout] = useState(
-    level === 3 || level === 4 ? true : false
-  );
-  const [upgradeLevel, setUpgradeLevel] = useState(level === 4 || level === 3 ? level : 0);
-  const analyticsContext = useContext(AnalyticsContext);
-  const { t } = useTranslation();
-  const gRPCClient = useGrpcClient(network);
-  const revoke = sessionStorage.getItem("aesirx-analytics-revoke");
-  const { address, connector } = (layout === "simple-consent-mode" || level === 1) && (!revoke || revoke === "0" || revoke === "1") ? { address: "", connector: "" } : useAccount();
-  const { signMessage } = (layout === "simple-consent-mode" || level === 1) && (!revoke || revoke === "0" || revoke === "1") ? { signMessage: {} } : useSignMessage({
-    async onSuccess(data, variables) {
-      const signature = Buffer.from(
-        typeof data === "object" && data !== null ? JSON.stringify(data) : data,
-        "utf-8"
-      ).toString("base64");
-      const jwt = sessionStorage.getItem("aesirx-analytics-jwt");
-      if (variables?.message.indexOf("Revoke consent") > -1) {
-        const levelRevoke = sessionStorage.getItem("aesirx-analytics-revoke");
-        const consentList = await getConsents(endpoint, uuid);
-        consentList.forEach(async (consent) => {
-          !consent?.expiration && await revokeConsents(
-            endpoint,
-            levelRevoke,
-            consent?.consent_uuid,
-            address,
-            signature,
-            web3ID,
-            jwt,
-            "metamask"
-          );
-        });
-        setLoading("done");
-        handleRevoke(false);
-        setShowExpandConsent(false);
-        setShow(true);
-        setShowBackdrop(false);
-        sessionStorage.removeItem("aesirx-analytics-allow");
-      } else if (variables?.message.indexOf("Login with nonce") > -1) {
-        const res = await verifySignature(aesirXEndpoint, "metamask", address, data);
-        sessionStorage.setItem("aesirx-analytics-jwt", res?.jwt);
-        setLoadingCheckAccount(false);
-        const nonce = await getNonce(
-          endpoint,
-          address,
-          "Decentralized Consent + Shield of Privacy:{nonce} {domain} {time}",
-          "metamask"
-        );
-        signMessage({ message: `${nonce}` });
-      } else {
-        setLoading("saving");
-        await agreeConsents(
-          endpoint,
-          level,
-          uuid,
-          consents,
-          address,
-          signature,
-          web3ID,
-          jwt,
-          "metamask",
-          gtagId,
-          gtmId
-        );
-        sessionStorage.setItem("aesirx-analytics-uuid", uuid);
-        sessionStorage.setItem("aesirx-analytics-allow", "1");
-        sessionStorage.setItem("aesirx-analytics-consent-type", "metamask");
-        setShow(false);
-        setLoading("done");
-        handleRevoke(true, level);
-        setShowBackdrop(false);
-      }
-    },
-    async onError(error) {
-      setLoading("done");
-      toast.error(error.message);
-    }
-  });
-  const handleChange = async ({ target: { value } }) => {
-    if (consents.indexOf(parseInt(value)) === -1) {
-      setConsents([...consents, ...[parseInt(value)]]);
-    } else {
-      setConsents(consents.filter((consent) => consent !== parseInt(value)));
-    }
-  };
-  const handleAgree = async () => {
-    try {
-      let flag = true;
-      let jwt = "";
-      if (level > 2) {
-        if (level === 4) {
-          try {
-            setLoadingCheckAccount(true);
-            const nonceLogin = await getWalletNonce(
-              aesirXEndpoint,
-              account ? "concordium" : "metamask",
-              account ?? address
-            );
-            if (nonceLogin) {
-              try {
-                if (account) {
-                  const signature = await connection.signMessage(
-                    account,
-                    stringMessage(`${nonceLogin}`)
-                  );
-                  const convertedSignature = typeof signature === "object" && signature !== null ? signature : JSON.parse(signature);
-                  if (signature) {
-                    const data = await verifySignature(
-                      aesirXEndpoint,
-                      "concordium",
-                      account,
-                      convertedSignature
-                    );
-                    sessionStorage.setItem("aesirx-analytics-jwt", data?.jwt);
-                    jwt = data?.jwt;
-                    loginApp && !isLoggedApp && loginApp(data);
-                    setLoadingCheckAccount(false);
-                  }
-                } else {
-                  signMessage({ message: `${nonceLogin}` });
-                }
-              } catch (error) {
-                setLoadingCheckAccount(false);
-                toast(error.message);
-              }
-            }
-          } catch (error) {
-            SSOClick(".loginSSO");
-            setLoadingCheckAccount(false);
-            return;
-          }
-        }
-        if (account) {
-          const signature = await getSignature(
-            endpoint,
-            account,
-            connection,
-            level === 3 ? "Decentralized Consent:{nonce} {domain} {time}" : "Decentralized Consent + Shield of Privacy:{nonce} {domain} {time}"
-          );
-          setLoading("saving");
-          await agreeConsents(
-            endpoint,
-            level,
-            uuid,
-            consents,
-            account,
-            signature,
-            web3ID,
-            jwt,
-            "concordium",
-            gtagId,
-            gtmId
-          );
-          sessionStorage.setItem("aesirx-analytics-consent-type", "concordium");
-          setUpgradeLayout(false);
-        } else if (connector) {
-          if (level === 3) {
-            const nonce = await getNonce(
-              endpoint,
-              address,
-              level === 3 ? "Decentralized Consent:{nonce} {domain} {time}" : "Decentralized Consent + Shield of Privacy:{nonce} {domain} {time}",
-              "metamask"
-            );
-            signMessage({ message: `${nonce}` });
-          }
-        } else {
-          setLoading("connect");
-          flag = false;
-        }
-      } else {
-        setLoading("saving");
-        const consentList = await getConsents(endpoint, analyticsContext.visitor_uuid);
-        consents.forEach(async (consent) => {
-          const existConsent = consentList.find((item) => item?.consent === consent);
-          if (!existConsent) {
-            await agreeConsents(
-              endpoint,
-              1,
-              uuid,
-              consent,
-              null,
-              null,
-              null,
-              null,
-              null,
-              gtagId,
-              gtmId
-            );
-          } else if (!!existConsent?.consent_uuid && existConsent?.expiration && new Date(existConsent.expiration) < /* @__PURE__ */ new Date()) {
-            await agreeConsents(
-              endpoint,
-              1,
-              uuid,
-              consent,
-              null,
-              null,
-              null,
-              null,
-              null,
-              gtagId,
-              gtmId
-            );
-          }
-        });
-      }
-      if (flag && (account || level < 3)) {
-        sessionStorage.setItem("aesirx-analytics-uuid", uuid);
-        sessionStorage.setItem("aesirx-analytics-allow", "1");
-        setShow(false);
-        setLoading("done");
-        handleRevoke(true, level);
-        setUpgradeLayout(false);
-        setShowBackdrop(false);
-        setShowExpandRevoke(false);
-      }
-    } catch (error) {
-      console.log(error);
-      handleNotAllow();
-      setLoading("done");
-      toast.error(error?.response?.data?.error ?? error.message);
-    }
-  };
-  useEffect(() => {
-    const init = async () => {
-      if (Object.keys(consentTier4)?.length && (account || address)) {
-        await consentTier4Init(consentTier4);
-        setConsentTier4({});
-      }
-    };
-    init();
-  }, [consentTier4, account, address]);
-  const consentTier4Init = async (response) => {
-    let hasWeb3ID = true;
-    if (response?.loginType === "concordium") {
-      const web3ID2 = await getWeb3ID(account, gRPCClient, network?.name);
-      if (web3ID2) {
-        setWeb3ID(web3ID2);
-      } else {
-        hasWeb3ID = false;
-      }
-    } else {
-      const memberData = await getMember(aesirXEndpoint, response?.access_token);
-      hasWeb3ID = memberData?.web3id ? true : false;
-    }
-    if (hasWeb3ID) {
-      if (response?.loginType === "concordium") {
-        sessionStorage.setItem("aesirx-analytics-consent-type", "concordium");
-        const signature = await getSignature(
-          endpoint,
-          account,
-          connection,
-          "Decentralized Consent + Shield of Privacy:{nonce} {domain} {time}"
-        );
-        await agreeConsents(
-          endpoint,
-          level,
-          uuid,
-          consents,
-          account,
-          signature,
-          null,
-          response?.jwt,
-          "concordium",
-          gtagId,
-          gtmId
-        );
-        setShow(false);
-        handleRevoke(true, level);
-        setUpgradeLayout(false);
-        setLoading("done");
-      } else if (response?.loginType === "metamask") {
-        sessionStorage.setItem("aesirx-analytics-consent-type", "metamask");
-        const nonce = await getNonce(
-          endpoint,
-          address,
-          "Decentralized Consent + Shield of Privacy:{nonce} {domain} {time}",
-          "metamask"
-        );
-        signMessage({ message: `${nonce}` });
-      }
-    } else {
-      handleLevel(3);
-      toast("You haven't minted any WEB3 ID yet. Try to mint at https://dapp.shield.aesirx.io");
-      setLoading("done");
-    }
-  };
-  const onGetData = async (response) => {
-    try {
-      setLoading("saving");
-      const levelRevoke = sessionStorage.getItem("aesirx-analytics-revoke");
-      sessionStorage.setItem("aesirx-analytics-jwt", response?.jwt);
-      if (levelRevoke && levelRevoke !== "0") {
-        sessionStorage.setItem(
-          "aesirx-analytics-consent-type",
-          response?.loginType === "concordium" ? "concordium" : "metamask"
-        );
-        await handleRevokeBtn();
-        setTimeout(() => {
-          window.location.reload();
-        }, 1e3);
-      } else {
-        if (level === 4) {
-          if (response?.loginType === "concordium" && isDesktop) {
-            setActiveConnectorType(BROWSER_WALLET);
-          }
-          setConsentTier4(response);
-        } else {
-          await agreeConsents(
-            endpoint,
-            level,
-            uuid,
-            consents,
-            null,
-            null,
-            null,
-            response?.jwt,
-            "concordium",
-            gtagId,
-            gtmId
-          );
-          setShow(false);
-          handleRevoke(true, level);
-          setUpgradeLayout(false);
-          setLoading("done");
-        }
-      }
-      loginApp && !isLoggedApp && loginApp(response);
-    } catch (error) {
-      console.log(error);
-      setShow(false);
-      setLoading("done");
-      toast.error(error?.response?.data?.error ?? error.message);
-    }
-  };
-  const handleNotAllow = async () => {
-    sessionStorage.setItem("aesirx-analytics-uuid", uuid);
-    setShowExpandConsent(false);
-    setShowBackdrop(false);
-    const hostUrl = endpoint ? endpoint : "";
-    const root = hostUrl ? hostUrl.replace(/\/$/, "") : "";
-    await trackEvent(root, "", {
-      event_name: "Reject consent",
-      event_type: "reject-consent"
-    });
-    sessionStorage.setItem("aesirx-analytics-rejected", "true");
-    window.funcAfterReject && window.funcAfterReject();
-  };
-  const handleRevokeBtn = async () => {
-    const levelRevoke = sessionStorage.getItem("aesirx-analytics-revoke");
-    const consentType = sessionStorage.getItem("aesirx-analytics-consent-type");
-    const jwt = sessionStorage.getItem("aesirx-analytics-jwt");
-    try {
-      let flag = true;
-      if (levelRevoke !== "1") {
-        if (parseInt(levelRevoke) > 2) {
-          if (!jwt && (parseInt(levelRevoke) === 2 || parseInt(levelRevoke) === 4)) {
-            SSOClick(".revokeLogin");
-            return;
-          }
-          if (account && consentType !== "metamask") {
-            setLoading("sign");
-            const signature = await getSignature(
-              endpoint,
-              account,
-              connection,
-              "Revoke consent:{nonce} {domain} {time}"
-            );
-            setLoading("saving");
-            const consentList = await getConsents(endpoint, uuid);
-            consentList.forEach(async (consent) => {
-              !consent?.expiration && await revokeConsents(
-                endpoint,
-                levelRevoke,
-                consent?.consent_uuid,
-                account,
-                signature,
-                web3ID,
-                jwt
-              );
-            });
-            setLoading("done");
-            handleRevoke(false);
-          } else if (connector) {
-            setLoading("sign");
-            setLoading("saving");
-            const nonce = await getNonce(
-              endpoint,
-              address,
-              "Revoke consent:{nonce} {domain} {time}",
-              "metamask"
-            );
-            signMessage({ message: `${nonce}` });
-          } else {
-            setLoading("connect");
-            flag = false;
-          }
-        } else {
-          if (!jwt && parseInt(levelRevoke) === 2) {
-            SSOClick(".revokeLogin");
-            return;
-          } else {
-            setLoading("saving");
-            const consentList = await getConsents(endpoint, uuid);
-            consentList.forEach(async (consent) => {
-              !consent?.expiration && await revokeConsents(
-                endpoint,
-                levelRevoke,
-                consent?.consent_uuid,
-                null,
-                null,
-                null,
-                jwt
-              );
-            });
-            setLoading("done");
-            handleRevoke(false);
-          }
-        }
-        if (flag && (account && consentType !== "metamask" || level < 3)) {
-          setShowExpandConsent(false);
-          setShow(true);
-          setShowBackdrop(false);
-          sessionStorage.removeItem("aesirx-analytics-allow");
-        }
-      } else {
-        await revokeConsents(endpoint, levelRevoke, uuid, null, null, null, jwt);
-        handleRevoke(false);
-        setShowExpandConsent(false);
-        setShow(true);
-        setShowBackdrop(false);
-        sessionStorage.removeItem("aesirx-analytics-allow");
-      }
-      const hostUrl = endpoint ? endpoint : "";
-      const root = hostUrl ? hostUrl.replace(/\/$/, "") : "";
-      trackEvent(root, "", {
-        event_name: "Revoke consent",
-        event_type: "revoke-consent"
-      });
-    } catch (error) {
-      console.log(error);
-      setLoading("done");
-      toast.error(error?.response?.data?.error ?? error.message);
-    }
-  };
-  const SSOClick = (selector) => {
-    const element = document.querySelector(selector);
-    element.click();
-  };
-  useEffect(() => {
-    if (activeConnectorError) {
-      toast.error(activeConnectorError);
-    }
-  }, [activeConnectorError]);
-  useEffect(() => {
-    if (sessionStorage.getItem("aesirx-analytics-rejected") === "true") {
-      setShowBackdrop(false);
-      setShowExpandConsent(false);
-    }
-    if (sessionStorage.getItem("aesirx-analytics-revoke") && sessionStorage.getItem("aesirx-analytics-revoke") !== "0") {
-      window.funcAfterConsent && window.funcAfterConsent();
-    }
-  }, []);
-  useEffect(() => {
-    (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
-  }, [layout, gtagId, gtmId]);
-  useEffect(() => {
-    if (showExpandRevoke && isDesktop && (sessionStorage.getItem("aesirx-analytics-revoke") === "3" || sessionStorage.getItem("aesirx-analytics-revoke") === "4")) {
-      setActiveConnectorType(BROWSER_WALLET);
-    }
-  }, [showExpandRevoke]);
-  console.log("level", uuid, level, web3ID, account, loading);
-  const ConsentLevelUprade = ({ level: level2, levelname, image, content, isUpgrade = false }) => {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `consent_level mt-2 h-100 ${isUpgrade ? `cursor-pointer ${upgradeLevel === level2 ? "active" : ""}` : ""} `,
-        onClick: () => {
-          setUpgradeLevel(level2);
-          handleLevel(level2);
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("img", { className: "level-img mb-2", src: image, alt: "level" }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text fw-semibold text-primary w-100 mb-1" }, levelname), /* @__PURE__ */ React.createElement("div", { className: "fs-14" }, content)),
-      /* @__PURE__ */ React.createElement("div", { className: "checkbox_img" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          width: "23px",
-          height: "23px",
-          src: upgradeLevel === level2 ? checkbox_active_default : checkbox_default,
-          alt: "Checkbox icon"
-        }
-      ))
-    );
-  };
-  const loadConsentDefault = async (gtagId2, gtmId2) => {
-    window.dataLayer = window.dataLayer || [];
-    function gtag(p0, p1, p2) {
-      dataLayer.push(arguments);
-    }
-    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}"]`
-    ))) {
-      gtagId2 && await loadGtagScript(gtagId2);
-      gtmId2 && await loadGtmScript(gtmId2);
-      if (gtagId2) {
-        gtag("js", /* @__PURE__ */ new Date());
-        gtag("config", `${gtagId2}`);
-      }
-      if (gtmId2) {
-        dataLayer.push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
-      }
-    }
-    if (sessionStorage.getItem("consentGranted") === "true") {
-      gtag("consent", "update", {
-        ad_user_data: "granted",
-        ad_personalization: "granted",
-        ad_storage: "granted",
-        analytics_storage: "granted"
-      });
-    }
-  };
-  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("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      tabIndex: -1,
-      className: `toast-container position-fixed m-md-3 ${showExpandRevoke ? "top-50 start-50 translate-middle" : "bottom-0 end-0"}`
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `toast revoke-toast custom ${showRevoke || sessionStorage.getItem("aesirx-analytics-revoke") && sessionStorage.getItem("aesirx-analytics-revoke") !== "0" ? "show" : ""} ${showExpandRevoke ? "" : "minimize"}`
-      },
-      /* @__PURE__ */ React.createElement(LoadingStatus, { loading }),
-      /* @__PURE__ */ React.createElement("div", { className: "toast-body p-0 shadow mx-1 mx-md-0 mb-2 mb-md-0" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `revoke-wrapper minimize-shield-wrapper position-relative ${showExpandRevoke ? "bg-white" : ""}`
-        },
-        !showExpandRevoke && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          "img",
-          {
-            className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-            src: bg_default,
-            alt: "Background Image"
-          }
-        ), /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "minimize-shield",
-            onClick: () => {
-              if (osName !== OsTypes?.IOS && isMobile && !connection && sessionStorage.getItem("aesirx-analytics-revoke") && parseInt(sessionStorage.getItem("aesirx-analytics-revoke")) > 2) {
-                setActiveConnectorType(WALLET_CONNECT);
-              }
-              setShowExpandRevoke(true);
-            }
-          },
-          /* @__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(ConsentHeader_default, { languageSwitcher }), /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "minimize-revoke",
-            onClick: () => {
-              setShowExpandRevoke(false);
-            }
-          },
-          /* @__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: window?.aesirx_analytics_translate?.txt_revoke_consent_for_the_site ?? t("txt_revoke_consent_for_the_site"),
-            value: "consent",
-            onChange: ({ target: { value } }) => {
-              setRevokeConsentOption(value);
-            }
-          }
-        ), optInRevokes?.map((item, key) => {
-          return /* @__PURE__ */ React.createElement(
-            Form.Check,
-            {
-              key,
-              id: `option-revoke-${item}`,
-              checked: revokeConsentOption === item,
-              type: "checkbox",
-              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);
-              }
-            }
-          );
-        })), /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden bg-white" }, /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center w-100 justify-content-end" }, /* @__PURE__ */ React.createElement(
-          "a",
-          {
-            className: "manage-consent fs-14 btn btn-outline-success rounded-pill py-2 py-lg-3 d-flex align-items-center justify-content-center w-100 w-lg-35",
-            href: "https://dapp.shield.aesirx.io/revoke-consent",
-            target: "_blank",
-            rel: "noreferrer"
-          },
-          window?.aesirx_analytics_translate?.txt_manage_consent ?? t("txt_manage_consent")
-        ), loading === "done" ? /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            variant: "outline-success",
-            onClick: async () => {
-              if (revokeConsentOption === "consent") {
-                await handleRevokeBtn();
-                const levelRevoke = sessionStorage.getItem("aesirx-analytics-revoke") && parseInt(sessionStorage.getItem("aesirx-analytics-revoke"));
-                if (levelRevoke > 1 || window["aesirx1stparty"]) {
-                  setTimeout(() => {
-                    window.location.reload();
-                  }, 1e3);
-                }
-              } else {
-                sessionStorage.removeItem(revokeConsentOption);
-                setShowExpandRevoke(false);
-                setRevokeConsentOption("consent");
-                setTimeout(() => {
-                  window.location.reload();
-                }, 1e3);
-              }
-            },
-            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"
-          },
-          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,
-          {
-            className: "d-none revokeLogin",
-            text: /* @__PURE__ */ React.createElement(React.Fragment, null, "Login Revoke"),
-            ssoState: "noscopes",
-            onGetData
-          }
-        ))))))))
-      ))
-    )
-  ), /* @__PURE__ */ React.createElement(
-    "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(
-      "div",
-      {
-        className: `toast custom ${show ? "show" : ""} ${showExpandConsent ? "" : "minimize"}`
-      },
-      /* @__PURE__ */ React.createElement(LoadingStatus, { loading }),
-      /* @__PURE__ */ React.createElement("div", { className: "toast-body p-0 shadow mx-1 mx-md-0 mb-2 mb-md-0" }, !showExpandConsent ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "minimize-shield-wrapper position-relative" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-          src: bg_default,
-          alt: "Background Image"
-        }
-      ), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "minimize-shield",
-          ref: analyticsContext?.ref,
-          onClick: () => {
-            setShowExpandConsent(true);
-            const rejectConsent = sessionStorage.getItem("aesirx-analytics-rejected");
-            rejectConsent && setShowRejectedConsent(true);
-            sessionStorage.removeItem("aesirx-analytics-rejected");
-          }
-        },
-        /* @__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: 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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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: 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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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",
-              alt: "Check Icon"
-            }
-          )), /* @__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(
-        Button,
-        {
-          variant: "outline-success",
-          onClick: () => {
-            setUpgradeLayout(false);
-            handleLevel(1);
-          },
-          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"
-        },
-        window?.aesirx_analytics_translate?.txt_back ?? t("txt_back")
-      ), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `ssoBtnWrapper d-flex align-items-center justify-content-center w-100 w-lg-30 me-3 bg-success rounded-pill ${level === 4 && !account && !address ? "" : "d-none"}`
-        },
-        layout !== "simple-consent-mode" && /* @__PURE__ */ React.createElement(
-          Suspense,
-          {
-            fallback: /* @__PURE__ */ React.createElement("div", { className: "d-flex h-100 justify-content-center align-items-center" }, "Loading...")
-          },
-          /* @__PURE__ */ React.createElement(
-            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, window?.aesirx_analytics_translate?.txt_continue ?? t("txt_continue")),
-              ssoState: "noscopes",
-              onGetData,
-              ...level === 2 ? { noCreateAccount: true } : {}
-            }
-          )
-        )
-      ), level === 4 && !account && !address ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "success",
-          onClick: handleAgree,
-          className: "w-100 me-3 d-flex align-items-center justify-content-center fs-14 rounded-pill py-2 py-lg-3 w-100 w-lg-30 fs-14 text-white"
-        },
-        loadingCheckAccount ? /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: "spinner-border spinner-border-sm me-1",
-            role: "status",
-            "aria-hidden": "true"
-          }
-        ) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-        window?.aesirx_analytics_translate?.txt_continue ?? t("txt_continue")
-      ))))) : showRejectedConsent ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        TermsComponent,
-        {
-          level,
-          handleLevel,
-          isCustom: true,
-          layout,
-          isRejectedLayout: true,
-          languageSwitcher
-        },
-        /* @__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: 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"
-          },
-          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,
-          {
-            variant: "outline-success",
-            onClick: handleAgree,
-            className: "w-100 me-3 mb-2 mb-lg-0 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(React.Fragment, null),
-          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,
-          {
-            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"
-          },
-          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,
-        {
-          level,
-          handleLevel,
-          isCustom: true,
-          layout,
-          customConsentText,
-          languageSwitcher
-        },
-        /* @__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: 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"
-          },
-          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,
-          {
-            variant: "outline-success",
-            onClick: handleAgree,
-            className: "w-100 me-3 mb-2 mb-lg-0 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(React.Fragment, null),
-          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,
-          {
-            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"
-          },
-          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,
-        {
-          speed: 2,
-          width: 340,
-          height: 84,
-          viewBox: "0 0 340 84",
-          backgroundColor: "#f3f3f3",
-          foregroundColor: "#ecebeb"
-        },
-        /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", rx: "3", ry: "3", width: "67", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "76", y: "0", rx: "3", ry: "3", width: "140", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "127", y: "48", rx: "3", ry: "3", width: "53", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "187", y: "48", rx: "3", ry: "3", width: "72", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "18", y: "48", rx: "3", ry: "3", width: "100", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "0", y: "71", rx: "3", ry: "3", width: "37", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "18", y: "23", rx: "3", ry: "3", width: "140", height: "11" }),
-        /* @__PURE__ */ React.createElement("rect", { x: "166", y: "23", rx: "3", ry: "3", width: "173", height: "11" })
-      ))))
-    )
-  ), !account && loading === "connect" && /* @__PURE__ */ React.createElement(
-    Connect_default,
-    {
-      isConnecting,
-      handleOnConnect,
-      activeConnectorError,
-      activeConnectorType,
-      activeConnector
-    }
-  ));
-};
-var ConsentCustom_default = ConsentComponentCustom;
-export {
-  ConsentCustom_default as default
-};