aesirx-analytics 2.2.11 → 2.2.13

package/dist/ConsentCustom-JYEILOEZ.js

@@ -0,0 +1,1178 @@
+import {
+  trackEvent
+} from "./chunk-UJTYOAT7.js";
+import {
+  BROWSER_WALLET,
+  Connect_default,
+  Ethereum_default,
+  LoadingStatus,
+  TermsComponent,
+  WALLET_CONNECT,
+  check_circle_default,
+  getWeb3ID,
+  no_default,
+  useConsentStatus_default
+} from "./chunk-MPD57P7C.js";
+import {
+  AnalyticsContext,
+  agreeConsents,
+  bg_default,
+  getConsents,
+  getMember,
+  getNonce,
+  getSignature,
+  getWalletNonce,
+  loadGtagScript,
+  loadGtmScript,
+  privacy_default,
+  revokeConsents,
+  useTranslation,
+  verifySignature
+} from "./chunk-N4WREXIA.js";
+
+// src/Components/ConsentCustom.tsx
+import React, { Suspense, useContext, useEffect, useState } from "react";
+import { Button, Col, Form, Row } 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/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
+}) => {
+  return /* @__PURE__ */ React.createElement(WithWalletConnector, { network: networkEnv === "testnet" ? TESTNET : MAINNET }, (props) => /* @__PURE__ */ React.createElement(
+    ConsentComponentCustomWrapper,
+    {
+      ...props,
+      endpoint,
+      aesirXEndpoint,
+      loginApp,
+      isLoggedApp,
+      gtagId,
+      gtmId,
+      layout
+    }
+  ));
+};
+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,
+      uuid,
+      level,
+      connection,
+      account,
+      show,
+      setShow,
+      web3ID,
+      setWeb3ID,
+      handleLevel,
+      showRevoke,
+      handleRevoke
+    }
+  )));
+};
+var ConsentComponentCustomApp = (props) => {
+  const {
+    endpoint,
+    aesirXEndpoint,
+    loginApp,
+    isLoggedApp,
+    gtagId,
+    gtmId,
+    layout,
+    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" || layout === "simple-web-2" || level === 1) && (!revoke || revoke === "0" || revoke === "1") ? { address: "", connector: "" } : useAccount();
+  const { signMessage } = (layout === "simple-consent-mode" || layout === "simple-web-2" || 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,
+          "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");
+          setUpgradeLayout(false);
+        } 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);
+        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,
+          "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);
+        setUpgradeLayout(false);
+        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"
+        );
+        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,
+            layout
+          );
+          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 = () => {
+    sessionStorage.setItem("aesirx-analytics-uuid", uuid);
+    sessionStorage.setItem("aesirx-analytics-rejected", "true");
+    setShowExpandConsent(false);
+    setShowBackdrop(false);
+    const hostUrl = endpoint ? endpoint : "";
+    const root = hostUrl ? hostUrl.replace(/\/$/, "") : "";
+    trackEvent(root, "", {
+      event_name: "Reject consent",
+      event_type: "reject-consent"
+    });
+    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 {
+        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();
+    }
+    (gtagId || gtmId) && loadConsentDefault(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
+        }
+      ))
+    );
+  };
+  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);
+    }
+  };
+  const paymentRevoke = sessionStorage.getItem("aesirx-analytics-payment");
+  const advisorRevoke = sessionStorage.getItem("aesirx-analytics-advisor");
+  console.log("loading", loading);
+  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 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
+          }
+        ), /* @__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: `d-flex rounded-top align-items-center justify-content-between p-2 p-lg-3 fw-medium flex-wrap py-2 py-lg-3 px-4 header-consent-bg`,
+            style: {
+              borderBottom: "1px solid #DEDEDE"
+            }
+          },
+          /* @__PURE__ */ React.createElement("div", { className: "text-primary text-nowrap" }, t("txt_tracking_data_privacy")),
+          /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center fs-14 text-primary" }, /* @__PURE__ */ React.createElement(
+            "a",
+            {
+              href: "https://shield.aesirx.io/",
+              rel: "noreferrer",
+              target: "_blank",
+              className: "minimize-shield-wrapper position-relative text-decoration-none"
+            },
+            /* @__PURE__ */ React.createElement(
+              "img",
+              {
+                className: "cover-img position-absolute h-100 w-100 object-fit-cover z-1",
+                src: bg_default
+              }
+            ),
+            /* @__PURE__ */ React.createElement("div", { className: "minimize-shield position-relative z-2 py-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), t("txt_shield_of_privacy"))
+          ))
+        ), /* @__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" }, paymentRevoke ? t("txt_you_can_revoke_on_the_site") : t("txt_you_can_revoke")), /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100 bg-white px-3" }, paymentRevoke ? /* @__PURE__ */ React.createElement(
+          Form.Check,
+          {
+            id: `option-revoke-payment`,
+            checked: revokeConsentOption === "payment",
+            type: "checkbox",
+            label: t("txt_revoke_opt_in"),
+            value: "payment",
+            onChange: ({ target: { value } }) => {
+              setRevokeConsentOption(value);
+            }
+          }
+        ) : /* @__PURE__ */ React.createElement(React.Fragment, null), advisorRevoke ? /* @__PURE__ */ React.createElement(
+          Form.Check,
+          {
+            id: `option-revoke-advisor`,
+            checked: revokeConsentOption === "advisor",
+            type: "checkbox",
+            label: t("txt_revoke_opt_in_advisor"),
+            value: "advisor",
+            onChange: ({ target: { value } }) => {
+              setRevokeConsentOption(value);
+            }
+          }
+        ) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(
+          Form.Check,
+          {
+            id: `option-revoke-consent`,
+            checked: revokeConsentOption === "consent",
+            type: "checkbox",
+            label: t("txt_revoke_consent_for_the_site"),
+            value: "consent",
+            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"
+          },
+          t("txt_manage_consent")
+        ), loading === "done" ? /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outline-success",
+            onClick: async () => {
+              if (revokeConsentOption === "payment") {
+                sessionStorage.removeItem("aesirx-analytics-payment");
+                setShowExpandRevoke(false);
+                setRevokeConsentOption("consent");
+                setTimeout(() => {
+                  window.location.reload();
+                }, 1e3);
+              } else if (revokeConsentOption === "advisor") {
+                sessionStorage.removeItem("aesirx-analytics-advisor");
+                setShowExpandRevoke(false);
+                setRevokeConsentOption("consent");
+                setTimeout(() => {
+                  window.location.reload();
+                }, 1e3);
+              } else {
+                await handleRevokeBtn();
+                if (level > 1) {
+                  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"
+          },
+          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 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
+        }
+      ), /* @__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: "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" }, 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: 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, t("txt_users_can_revoke")))),
+          isUpgrade: true
+        }
+      )), /* @__PURE__ */ React.createElement(Col, { lg: 6 }, /* @__PURE__ */ React.createElement(
+        ConsentLevelUprade,
+        {
+          level: 4,
+          levelname: 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, 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"
+        },
+        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" && layout !== "simple-web-2" && /* @__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 w-lg-30 fs-14 text-white",
+              text: /* @__PURE__ */ React.createElement(React.Fragment, null, 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),
+        t("txt_continue")
+      ))))) : showRejectedConsent ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        TermsComponent,
+        {
+          level,
+          handleLevel,
+          isCustom: true,
+          layout,
+          isRejectedLayout: true
+        },
+        /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
+          Form.Check,
+          {
+            checked: consents.includes(1),
+            type: "switch",
+            label: "Personal data share consent.",
+            value: 1,
+            onChange: handleChange,
+            className: "d-none"
+          }
+        ), /* @__PURE__ */ React.createElement(
+          Form.Check,
+          {
+            checked: consents.includes(2),
+            type: "switch",
+            label: "Personal data cross site share consent.",
+            value: 2,
+            onChange: handleChange,
+            className: "d-none"
+          }
+        ), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outline-success",
+            onClick: 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"
+          },
+          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),
+          t("txt_yes_i_consent")
+        ), 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"
+          },
+          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, /* @__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"
+          },
+          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),
+          t("txt_yes_i_consent")
+        ), 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"
+          },
+          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
+};