aesirx-analytics 2.3.6 → 2.4.0

package/dist/Consent-A2R6PCLK.js

@@ -1,803 +0,0 @@
-import {
-  BROWSER_WALLET,
-  Connect_default,
-  Ethereum_default,
-  LoadingStatus,
-  TermsComponent,
-  WALLET_CONNECT,
-  getWeb3ID,
-  useConsentStatus_default
-} from "./chunk-UJC5773H.js";
-import {
-  AnalyticsContext,
-  agreeConsents,
-  bg_default,
-  getConsents,
-  getMember,
-  getNonce,
-  getSignature,
-  getWalletNonce,
-  loadGtagScript,
-  loadGtmScript,
-  no_default,
-  privacy_default,
-  revokeConsents,
-  useTranslation,
-  verifySignature
-} from "./chunk-NKOHXSTE.js";
-
-// src/Components/Consent.tsx
-import React, { Suspense, useContext, useEffect, useState } from "react";
-import { Button, Form } from "react-bootstrap";
-import { toast } from "react-toastify";
-
-// src/Assets/yes.svg
-var yes_default = 'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M9 1C7.41775 1 5.87103 1.46919 4.55544 2.34824C3.23985 3.22729 2.21447 4.47672 1.60897 5.93853C1.00347 7.40034 0.84504 9.00887 1.15372 10.5607C1.4624 12.1126 2.22433 13.538 3.34315 14.6569C4.46197 15.7757 5.88743 16.5376 7.43928 16.8463C8.99113 17.155 10.5997 16.9965 12.0615 16.391C13.5233 15.7855 14.7727 14.7602 15.6518 13.4446C16.5308 12.129 17 10.5823 17 9C17 6.87827 16.1571 4.84344 14.6569 3.34315C13.1566 1.84285 11.1217 1 9 1V1ZM9 16C7.61553 16 6.26216 15.5895 5.11101 14.8203C3.95987 14.0511 3.06266 12.9579 2.53285 11.6788C2.00303 10.3997 1.86441 8.99223 2.13451 7.63437C2.4046 6.2765 3.07129 5.02922 4.05026 4.05025C5.02922 3.07128 6.2765 2.4046 7.63437 2.1345C8.99224 1.86441 10.3997 2.00303 11.6788 2.53284C12.9579 3.06266 14.0511 3.95986 14.8203 5.11101C15.5895 6.26215 16 7.61553 16 9C16 10.8565 15.2625 12.637 13.9498 13.9497C12.637 15.2625 10.8565 16 9 16Z" fill="white"/>%0A<path d="M13.9985 6.04969C13.9048 5.95657 13.7781 5.9043 13.646 5.9043C13.5139 5.9043 13.3872 5.95657 13.2935 6.04969L7.7435 11.5747L4.7435 8.57469C4.652 8.4759 4.52501 8.4175 4.39045 8.41234C4.25589 8.40719 4.1248 8.45569 4.026 8.54719C3.92721 8.63869 3.86881 8.76569 3.86365 8.90025C3.8585 9.03481 3.907 9.1659 3.9985 9.26469L7.7435 12.9997L13.9985 6.75969C14.0454 6.71321 14.0826 6.65791 14.108 6.59698C14.1333 6.53605 14.1464 6.4707 14.1464 6.40469C14.1464 6.33869 14.1333 6.27333 14.108 6.21241C14.0826 6.15148 14.0454 6.09618 13.9985 6.04969Z" fill="white"/>%0A</svg>%0A';
-
-// src/Assets/no_white.svg
-var no_white_default = 'data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M9 2C13.1421 2 16.5 5.35786 16.5 9.5C16.5 13.6421 13.1421 17 9 17C4.85786 17 1.5 13.6421 1.5 9.5C1.5 5.35786 4.85786 2 9 2ZM9 3.125C5.47918 3.125 2.625 5.97918 2.625 9.5C2.625 13.0208 5.47918 15.875 9 15.875C12.5208 15.875 15.375 13.0208 15.375 9.5C15.375 5.97918 12.5208 3.125 9 3.125ZM11.5847 6.79779L11.6477 6.85225C11.8474 7.05195 11.8656 7.36445 11.7022 7.58466L11.6477 7.64775L9.79575 9.5L11.6477 11.3523C11.8474 11.552 11.8656 11.8645 11.7022 12.0847L11.6477 12.1477C11.448 12.3474 11.1355 12.3656 10.9153 12.2022L10.8523 12.1477L9 10.2957L7.14775 12.1477C6.94805 12.3474 6.63555 12.3656 6.41534 12.2022L6.35225 12.1477C6.15255 11.948 6.1344 11.6355 6.29779 11.4153L6.35225 11.3523L8.20425 9.5L6.35225 7.64775C6.15255 7.44805 6.1344 7.13555 6.29779 6.91534L6.35225 6.85225C6.55195 6.65255 6.86445 6.6344 7.08466 6.79779L7.14775 6.85225L9 8.70425L10.8523 6.85225C11.052 6.65255 11.3645 6.6344 11.5847 6.79779Z" fill="%23fff"/>%0A</svg>%0A';
-
-// src/Components/Consent.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 ConsentComponent = ({
-  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(
-    ConsentComponentApp,
-    {
-      ...props,
-      endpoint,
-      aesirXEndpoint,
-      loginApp,
-      isLoggedApp,
-      gtagId,
-      gtmId,
-      layout
-    }
-  ))));
-};
-var ConsentComponentApp = (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 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,
-          "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,
-          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 ? "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,
-            layout
-          );
-          sessionStorage.setItem("aesirx-analytics-consent-type", "concordium");
-        } 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,
-              "concordium",
-              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,
-              "concordium",
-              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,
-          "Decentralized Consent + Shield of Privacy:{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,
-          "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"
-        );
-        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);
-    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 {
-          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();
-  };
-  const loadConsentDefault = async (gtagId2, gtmId2) => {
-    window.dataLayer = window.dataLayer || [];
-    function gtag(p0, p1, p2) {
-      dataLayer.push(arguments);
-    }
-    if (layout !== "simple-consent-mode" && sessionStorage.getItem("consentGranted") !== "true") {
-      gtag("consent", "default", {
-        ad_user_data: "denied",
-        ad_personalization: "denied",
-        ad_storage: "denied",
-        analytics_storage: "denied",
-        wait_for_update: 500
-      });
-      gtag("set", "url_passthrough", true);
-      gtag("set", "ads_data_redaction", true);
-    }
-    if ((layout !== "simple-consent-mode" || 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"
-      });
-    }
-  };
-  useEffect(() => {
-    if (activeConnectorError) {
-      toast.error(activeConnectorError);
-    }
-  }, [activeConnectorError]);
-  useEffect(() => {
-    if (sessionStorage.getItem("aesirx-analytics-rejected") === "true") {
-      setShowBackdrop(false);
-      setShowExpandConsent(false);
-    }
-  }, []);
-  useEffect(() => {
-    (gtagId || gtmId) && loadConsentDefault(gtagId, gtmId);
-  }, [layout]);
-  console.log("level", uuid, level, web3ID, account, loading);
-  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 ${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,
-          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" }),
-        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, alt: "No Icon" })
-      ), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React.createElement("br", null), t("txt_visit"), " ", /* @__PURE__ */ React.createElement(
-        "a",
-        {
-          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,
-          alt: "Background Image"
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }), " ", t("txt_shield_of_privacy")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement(
-        "a",
-        {
-          className: "text-success text-decoration-underline manage-consent fs-14",
-          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(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,
-      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 ${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,
-        alt: "Background Image"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "minimize-shield",
-        onClick: () => {
-          setShowExpandConsent(true);
-          sessionStorage.removeItem("aesirx-analytics-rejected");
-        }
-      },
-      /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "SoP Icon" }),
-      t("txt_shield_of_privacy")
-    ))) : /* @__PURE__ */ React.createElement(React.Fragment, null, level ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TermsComponent, { level, handleLevel, layout }, /* @__PURE__ */ React.createElement(Form, { className: "mb-0" }, /* @__PURE__ */ React.createElement(
-      Form.Check,
-      {
-        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 justify-content-end" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `ssoBtnWrapper me-1 bg-success ${level === 2 || level === 4 && !account && !address ? "" : "d-none"}`
-      },
-      /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement("div", null, "Loading...") }, /* @__PURE__ */ React.createElement(
-        SSOButton,
-        {
-          className: "btn btn-success text-white d-flex align-items-center loginSSO",
-          text: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: yes_default, className: "me-1", alt: "Yes Icon" }), 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: "me-1 text-white d-flex align-items-center fs-14"
-      },
-      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", alt: "Yes Icon" }),
-      t("txt_yes_i_consent")
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "gray",
-        onClick: handleNotAllow,
-        className: "d-flex align-items-center fs-14"
-      },
-      /* @__PURE__ */ React.createElement("img", { src: no_white_default, className: "me-1", alt: "No Icon" }),
-      t("txt_reject_consent")
-    )) : /* @__PURE__ */ React.createElement(React.Fragment, null))))) : /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
-      ContentLoader,
-      {
-        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 Consent_default = ConsentComponent;
-export {
-  Consent_default as default
-};