aesirx-analytics 2.2.11 → 2.2.12

package/dist/ConsentCustom-EZS7JI2G.js

@@ -1,934 +0,0 @@
-import {
-  BROWSER_WALLET,
-  Connect_default,
-  Ethereum_default,
-  LoadingStatus,
-  TermsComponent,
-  WALLET_CONNECT,
-  arrow_default,
-  bg_default,
-  getWeb3ID,
-  no_default,
-  privacy_default,
-  useConsentStatus_default,
-  yes_default
-} from "./chunk-5VSCCPP6.js";
-import {
-  AnalyticsContext,
-  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";
-import { Button, Form } from "react-bootstrap";
-import { ToastContainer, 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/Components/ConsentCustom.tsx
-import ContentLoader from "react-content-loader";
-import { SSOButton } from "aesirx-sso";
-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 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,
-      loginApp,
-      isLoggedApp,
-      gtagId,
-      gtmId,
-      layout
-    }
-  ))));
-};
-var ConsentComponentCustomApp = (props) => {
-  const {
-    endpoint,
-    aesirXEndpoint,
-    loginApp,
-    isLoggedApp,
-    gtagId,
-    gtmId,
-    layout,
-    activeConnectorType,
-    activeConnector,
-    activeConnectorError,
-    connectedAccounts,
-    genesisHashes,
-    setActiveConnectorType,
-    network
-  } = 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 [
-    uuid,
-    level,
-    connection,
-    account,
-    show,
-    setShow,
-    web3ID,
-    setWeb3ID,
-    handleLevel,
-    showRevoke,
-    handleRevoke
-  ] = useConsentStatus_default(endpoint, layout, props);
-  const [consents, setConsents] = useState([1, 2]);
-  const [loading, setLoading] = useState("done");
-  const [loadingCheckAccount, setLoadingCheckAccount] = useState(false);
-  const [showExpandConsent, setShowExpandConsent] = useState(true);
-  const [showExpandRevoke, setShowExpandRevoke] = useState(false);
-  const [showBackdrop, setShowBackdrop] = useState(true);
-  const [consentTier4, setConsentTier4] = useState({});
-  const [upgradeLayout, setUpgradeLayout] = useState(false);
-  const [upgradeShowDetail, setUpgradeShowDetail] = useState(false);
-  const [upgradeLevel, setUpgradeLevel] = useState(0);
-  const analyticsContext = useContext(AnalyticsContext);
-  const { t } = useTranslation();
-  const gRPCClient = useGrpcClient(network);
-  const { address, connector } = useAccount();
-  const { 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,
-          "Give consent Tier 4:{nonce} {domain} {time}",
-          "metamask"
-        );
-        signMessage({ message: `${nonce}` });
-      } else {
-        setLoading("saving");
-        await agreeConsents(
-          endpoint,
-          level,
-          uuid,
-          consents,
-          address,
-          signature,
-          web3ID,
-          jwt,
-          "metamask",
-          gtagId,
-          gtmId,
-          layout
-        );
-        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 ? "Give consent:{nonce} {domain} {time}" : "Give consent Tier 4:{nonce} {domain} {time}"
-          );
-          setLoading("saving");
-          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) {
-            const nonce = await getNonce(
-              endpoint,
-              address,
-              level === 3 ? "Give consent:{nonce} {domain} {time}" : "Give consent Tier 4:{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,
-              layout
-            );
-          } 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,
-              layout
-            );
-          }
-        });
-      }
-      if (flag && (account || level < 3)) {
-        sessionStorage.setItem("aesirx-analytics-uuid", uuid);
-        sessionStorage.setItem("aesirx-analytics-allow", "1");
-        setShow(false);
-        setLoading("done");
-        handleRevoke(true, level);
-        setShowBackdrop(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,
-          "Give consent Tier 4:{nonce} {domain} {time}"
-        );
-        await agreeConsents(
-          endpoint,
-          level,
-          uuid,
-          consents,
-          account,
-          signature,
-          null,
-          response?.jwt,
-          "concordium",
-          gtagId,
-          gtmId,
-          layout
-        );
-        setShow(false);
-        handleRevoke(true, level);
-        setLoading("done");
-      } else if (response?.loginType === "metamask") {
-        sessionStorage.setItem("aesirx-analytics-consent-type", "metamask");
-        const nonce = await getNonce(
-          endpoint,
-          address,
-          "Give consent Tier 4:{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"
-        );
-        handleRevokeBtn();
-      } 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,
-            layout
-          );
-          setShow(false);
-          handleRevoke(true, level);
-          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 = () => {
-    sessionStorage.setItem("aesirx-analytics-uuid", uuid);
-    sessionStorage.setItem("aesirx-analytics-rejected", "true");
-    setShowExpandConsent(false);
-    setShowBackdrop(false);
-  };
-  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 {
-          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 {
-        handleRevoke(false);
-        setShowExpandConsent(false);
-        setShow(true);
-        setShowBackdrop(false);
-        sessionStorage.removeItem("aesirx-analytics-allow");
-      }
-    } 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();
-    }
-    (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
-  }, []);
-  console.log("level", uuid, level, web3ID, account, loading);
-  const ConsentLevelUprade = ({
-    level: level2,
-    tier,
-    levelname,
-    term_custom,
-    content_custom,
-    isUpgrade = false
-  }) => {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `consent_level mt-2 ${isUpgrade ? `cursor-pointer ${upgradeLevel === level2 ? "active" : ""}` : ""} `,
-        onClick: () => {
-          setUpgradeLevel(level2);
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${level2} rounded-circle` }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text fw-semibold fs-14 text-primary" }, tier, " - ", levelname)), !isUpgrade ? /* @__PURE__ */ React.createElement("div", { className: "fw-semibold fs-14 text-primary" }, term_custom) : /* @__PURE__ */ React.createElement(React.Fragment, null, upgradeShowDetail ? /* @__PURE__ */ React.createElement("div", { className: "fw-semibold fs-14 text-primary" }, term_custom) : /* @__PURE__ */ React.createElement(React.Fragment, null))),
-      !isUpgrade ? /* @__PURE__ */ React.createElement("div", { className: `${isUpgrade ? "consent_upgrade_content" : ""} mt-2` }, content_custom) : /* @__PURE__ */ React.createElement(React.Fragment, null, upgradeShowDetail ? /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, content_custom) : /* @__PURE__ */ React.createElement(React.Fragment, null)),
-      isUpgrade ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "checkbox_img" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          width: "23px",
-          height: "23px",
-          src: upgradeLevel === level2 ? checkbox_active_default : checkbox_default
-        }
-      ))) : /* @__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",
-    {
-      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 ${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-3 mx-md-0" }, /* @__PURE__ */ React.createElement("div", { className: "revoke-wrapper minimize-shield-wrapper position-relative" }, !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
-        }
-      ), /* @__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: "Shield of Privacy" }),
-        t("txt_shield_of_privacy")
-      )), showExpandRevoke && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "minimize-revoke",
-          onClick: () => {
-            setShowExpandRevoke(false);
-          }
-        },
-        /* @__PURE__ */ React.createElement("img", { src: no_default })
-      ), /* @__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",
-        {
-          href: "https://nft.shield.aesirx.io",
-          className: "text-success text-decoration-underline",
-          target: "_blank",
-          rel: "noreferrer"
-        },
-        t("txt_link")
-      ), " ", t("txt_for_more_information")), /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-          src: bg_default
-        }
-      ), /* @__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(
-        "a",
-        {
-          className: "text-success text-decoration-underline manage-consent fs-14",
-          href: "https://dapp.shield.aesirx.io/revoke-consent",
-          target: "_blank",
-          rel: "noreferrer"
-        },
-        t("txt_manage_consent")
-      ), loading === "done" ? /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "success",
-          onClick: handleRevokeBtn,
-          className: "text-white d-flex align-items-center revoke-btn fs-14"
-        },
-        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(
-        SSOButton,
-        {
-          className: "d-none revokeLogin",
-          text: /* @__PURE__ */ React.createElement(React.Fragment, null, "Login Revoke"),
-          ssoState: "noscopes",
-          onGetData
-        }
-      )))))))))
-    )
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      tabIndex: -1,
-      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-3 mx-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
-        }
-      ), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "minimize-shield",
-          ref: analyticsContext?.ref,
-          onClick: () => {
-            setShowExpandConsent(true);
-            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" }, 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,
-          tier: t(`txt_tier_${level}_tier`),
-          levelname: t(`txt_tier_${level}_levelname`),
-          term_custom: t(`txt_tier_${level}_term_custom`),
-          content_custom: t(`txt_tier_${level}_content_custom`)
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between w-100 mt-3 flex-wrap" }, /* @__PURE__ */ React.createElement("p", { className: "fw-semibold text-dark w-100 w-lg-auto mb-0" }, t("txt_upgrade_consent_to")), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "ms-auto read-more-btn fs-7 text-primary cursor-pointer",
-          onClick: () => {
-            setUpgradeShowDetail(!upgradeShowDetail ? true : false);
-          }
-        },
-        !upgradeShowDetail ? t("txt_show_details") : t("txt_hide_details"),
-        " ",
-        /* @__PURE__ */ React.createElement(
-          "img",
-          {
-            src: arrow_default,
-            className: `ms-1 ${upgradeShowDetail ? "revert" : ""}`
-          }
-        )
-      )), /* @__PURE__ */ React.createElement(Form, null, level !== 1 && layout !== "advance-consent-mode" && /* @__PURE__ */ React.createElement(
-        ConsentLevelUprade,
-        {
-          level: 1,
-          tier: t(`txt_tier_1_tier`),
-          levelname: t(`txt_tier_1_levelname`),
-          term_custom: t(`txt_tier_1_term_custom`),
-          content_custom: t(`txt_tier_1_content_custom`),
-          isUpgrade: true
-        }
-      ), level !== 2 && /* @__PURE__ */ React.createElement(
-        ConsentLevelUprade,
-        {
-          level: 2,
-          tier: t(`txt_tier_2_tier`),
-          levelname: t(`txt_tier_2_levelname`),
-          term_custom: t(`txt_tier_2_term_custom`),
-          content_custom: t(`txt_tier_2_content_custom`),
-          isUpgrade: true
-        }
-      ), level !== 3 && /* @__PURE__ */ React.createElement(
-        ConsentLevelUprade,
-        {
-          level: 3,
-          tier: t(`txt_tier_3_tier`),
-          levelname: t(`txt_tier_3_levelname`),
-          term_custom: t(`txt_tier_3_term_custom`),
-          content_custom: t(`txt_tier_3_content_custom`),
-          isUpgrade: true
-        }
-      ), level !== 4 && /* @__PURE__ */ React.createElement(
-        ConsentLevelUprade,
-        {
-          level: 4,
-          tier: t(`txt_tier_4_tier`),
-          levelname: t(`txt_tier_4_levelname`),
-          term_custom: t(`txt_tier_4_term_custom`),
-          content_custom: t(`txt_tier_4_content_custom`),
-          isUpgrade: true
-        }
-      )), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap justify-content-end mt-4" }, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outline-success",
-          onClick: () => {
-            setUpgradeLayout(false);
-          },
-          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 text-dark"
-        },
-        t("txt_cancel")
-      ), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "success",
-          onClick: () => {
-            if (upgradeLevel) {
-              handleLevel(upgradeLevel);
-              setUpgradeLayout(false);
-            } else {
-              toast("Please choose upgrade level");
-            }
-          },
-          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,
-          layout
-        },
-        /* @__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, 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,
-          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
-};