aesirx-analytics 2.2.3 → 2.2.4

package/dist/Consent-J6XDJB65.js

@@ -0,0 +1,663 @@
+import {
+  BROWSER_WALLET,
+  Connect_default,
+  Ethereum_default,
+  LoadingStatus,
+  TermsComponent,
+  WALLET_CONNECT,
+  agreeConsents,
+  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/Consent.tsx
+import React, { useContext, useEffect, useState } from "react";
+import { Button, Form } from "react-bootstrap";
+import { ToastContainer, toast } from "react-toastify";
+
+// 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 { 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 ConsentComponent = ({ 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(ConsentComponentApp, { ...props, endpoint, aesirXEndpoint }))));
+};
+var ConsentComponentApp = (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 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);
+    }
+  }, []);
+  console.log("level", uuid, level, web3ID, account, 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 ${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 ${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(React.Fragment, null, level ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TermsComponent, { level, handleLevel }, /* @__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(
+        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" }), 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" }),
+      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" }),
+      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
+};