aesirx-analytics 2.2.2 → 2.2.4

package/dist/ConsentCustom-6YFZO4ZJ.js

@@ -0,0 +1,815 @@
+import {
+  BROWSER_WALLET,
+  Connect_default,
+  Ethereum_default,
+  LoadingStatus,
+  TermsComponent,
+  WALLET_CONNECT,
+  agreeConsents,
+  arrow_default,
+  bg_default,
+  getConsents,
+  getMember,
+  getNonce,
+  getSignature,
+  getWalletNonce,
+  getWeb3ID,
+  no_default,
+  privacy_default,
+  revokeConsents,
+  useConsentStatus_default,
+  verifySignature,
+  yes_default
+} from "./chunk-AJMXPNA2.js";
+import {
+  AnalyticsContext,
+  useTranslation
+} from "./chunk-FKCTTU52.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 }) => {
+  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
+    }
+  ))));
+};
+var ConsentComponentCustomApp = (props) => {
+  const {
+    endpoint,
+    aesirXEndpoint,
+    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, 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"
+        );
+        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;
+                    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);
+          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);
+          } else if (!!existConsent?.consent_uuid && existConsent?.expiration && new Date(existConsent.expiration) < /* @__PURE__ */ new Date()) {
+            await agreeConsents(endpoint, 1, uuid, consent);
+          }
+        });
+      }
+      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
+        );
+        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);
+          setShow(false);
+          handleRevoke(true, level);
+          setLoading("done");
+        }
+      }
+    } 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();
+    }
+  }, []);
+  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)
+    );
+  };
+  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",
+          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-100" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-3" }, t("txt_upgrade_consent_text")), /* @__PURE__ */ React.createElement("p", { className: "fw-semibold text-dark" }, t("txt_your_current_level")), /* @__PURE__ */ React.createElement(
+        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 && /* @__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 }, /* @__PURE__ */ React.createElement(Form, { className: "mb-0 w-100" }, /* @__PURE__ */ React.createElement(
+        Form.Check,
+        {
+          checked: consents.includes(1),
+          type: "switch",
+          label: "Personal data share consent.",
+          value: 1,
+          onChange: handleChange,
+          className: "d-none"
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Form.Check,
+        {
+          checked: consents.includes(2),
+          type: "switch",
+          label: "Personal data cross site share consent.",
+          value: 2,
+          onChange: handleChange,
+          className: "d-none"
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "d-flex w-100 flex-wrap flex-lg-nowrap" }, loading === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "outline-success",
+          onClick: () => {
+            setUpgradeLayout(true);
+          },
+          className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-3 text-dark"
+        },
+        t("txt_change_consent")
+      ), " ", /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "outline-success",
+          onClick: handleNotAllow,
+          className: "d-flex align-items-center justify-content-center fs-14 w-100 me-3 mb-2 mb-lg-0 rounded-pill py-3 text-dark"
+        },
+        t("txt_reject_consent")
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          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-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-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
+};