aesirx-analytics 2.1.1 → 2.2.1

package/dist/{Consent-MKSHHJAP.js → Consent-3FMR7JQE.js}

@@ -1,13 +1,14 @@
 import {
   AnalyticsContext,
   useTranslation
-} from "./chunk-OGDZQCIU.js";
+} from "./chunk-ZYCOHH2R.js";
 
 // src/utils/consent.ts
 import { stringMessage } from "@concordium/react-components";
 import axios from "axios";
 var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, web3id, jwt, network = "concordium") => {
   const url = `${endpoint}/consent/v1/level${level}/${uuid}`;
+  const urlV2 = `${endpoint}/consent/v2/level${level}/${uuid}`;
   try {
     switch (level) {
       case 1:
@@ -32,10 +33,19 @@ var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, we
         });
         break;
       case 4:
-        await axios.post(`${url}/${network}/${web3id}/${wallet}`, {
-          signature,
-          consent
-        });
+        await axios.post(
+          `${urlV2}/${network}/${wallet}`,
+          {
+            signature,
+            consent
+          },
+          {
+            headers: {
+              "Content-Type": "application/json",
+              Authorization: "Bearer " + jwt
+            }
+          }
+        );
         break;
       default:
         break;
@@ -54,12 +64,20 @@ var getConsents = async (endpoint, uuid) => {
 };
 var getSignature = async (endpoint, address, provider, text, network = "concordium") => {
   try {
-    const nonce = (await axios.post(`${endpoint}/wallet/v1/${network}/${address}/nonce`, { text }))?.data.nonce;
+    const nonce = await getNonce(endpoint, address, text, network);
     return getSignedNonce(nonce, address, provider);
   } catch (error) {
     throw error;
   }
 };
+var getNonce = async (endpoint, address, text, network = "concordium") => {
+  try {
+    const nonce = (await axios.post(`${endpoint}/wallet/v1/${network}/${address}/nonce`, { text }))?.data.nonce;
+    return nonce;
+  } catch (error) {
+    throw error;
+  }
+};
 var getSignedNonce = async (nonce, address, provider) => {
   const signature = await provider.signMessage(address, stringMessage(`${nonce}`));
   return Buffer.from(
@@ -69,6 +87,7 @@ var getSignedNonce = async (nonce, address, provider) => {
 };
 var revokeConsents = async (endpoint, level, uuid, wallet, signature, web3id, jwt, network = "concordium") => {
   const url = `${endpoint}/consent/v1/level${level}/revoke/${uuid}`;
+  const urlV2 = `${endpoint}/consent/v2/level${level}/revoke/${uuid}`;
   try {
     switch (level) {
       case "2":
@@ -85,9 +104,18 @@ var revokeConsents = async (endpoint, level, uuid, wallet, signature, web3id, jw
         });
         break;
       case "4":
-        await axios.put(`${url}/${network}/${web3id}/${wallet}`, {
-          signature
-        });
+        await axios.put(
+          `${urlV2}/${network}/${wallet}`,
+          {
+            signature
+          },
+          {
+            headers: {
+              "Content-Type": "application/json",
+              Authorization: "Bearer " + jwt
+            }
+          }
+        );
         break;
       default:
         break;
@@ -96,9 +124,88 @@ var revokeConsents = async (endpoint, level, uuid, wallet, signature, web3id, jw
     throw error;
   }
 };
+var getMember = async (endpoint, accessToken) => {
+  try {
+    const member = await axios.get(
+      `${endpoint}/index.php?webserviceClient=site&webserviceVersion=1.0.0&option=persona&api=hal&task=getTokenByUser`,
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "Bearer " + accessToken
+        }
+      }
+    );
+    if (member?.data?.result?.member_id) {
+      const data = await axios.get(
+        `${endpoint}/index.php?webserviceClient=site&webserviceVersion=1.0.0&option=member&api=hal&id=${member?.data?.result?.member_id}`,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: "Bearer " + accessToken
+          }
+        }
+      );
+      return data?.data;
+    }
+  } catch (error) {
+    console.log("getMember", error);
+    throw error;
+  }
+};
+var getWalletNonce = async (endpoint, wallet, publicAddress) => {
+  try {
+    const reqAuthFormData = {
+      publicAddress,
+      wallet,
+      text: `Login with nonce: {}`
+    };
+    const config = {
+      method: "post",
+      url: `${endpoint}/index.php?webserviceClient=site&webserviceVersion=1.0.0&option=member&task=getWalletNonce&api=hal`,
+      headers: {
+        "Content-Type": "application/json"
+      },
+      data: reqAuthFormData
+    };
+    const { data } = await axios(config);
+    if (data.result) {
+      return data.result;
+    }
+    throw false;
+  } catch (error) {
+    throw error;
+  }
+};
+var verifySignature = async (endpoint, wallet, publicAddress, signature) => {
+  try {
+    const returnParams = new URLSearchParams(window.location.search)?.get("return");
+    const reqAuthFormData = {
+      wallet,
+      publicAddress,
+      signature
+    };
+    const config = {
+      method: "post",
+      url: `${endpoint}/index.php?webserviceClient=site&webserviceVersion=1.0.0&option=member&task=walletLogin&api=hal&return=${returnParams ?? null}`,
+      headers: {
+        "Content-Type": "application/json"
+      },
+      data: reqAuthFormData
+    };
+    const { data } = await axios(config);
+    if (data?.result) {
+      return data?.result;
+    } else {
+      throw false;
+    }
+  } catch (error) {
+    console.log(error);
+    throw error;
+  }
+};
 
 // src/Components/Consent.tsx
-import React4, { useContext as useContext2, useEffect as useEffect2, useState as useState4 } from "react";
+import React6, { useContext as useContext2, useEffect as useEffect2, useState as useState5 } from "react";
 import { Button as Button2, Form } from "react-bootstrap";
 
 // src/Hooks/useConsentStatus.ts
@@ -142,8 +249,10 @@ var invokeSmartContract = async (provider, account, name, index, subIndex, schem
       method,
       SchemaVersion.V2
     );
+    console.log("invokeSmartContract", returnValue);
     return returnValue;
   } catch (error) {
+    console.log("invokeSmartContract error", error);
     return null;
   }
 };
@@ -185,7 +294,6 @@ var getWeb3ID = async (provider, account) => {
 
 // src/Hooks/useConsentStatus.ts
 import { toast } from "react-toastify";
-import { isDesktop } from "react-device-detect";
 import {
   MAINNET,
   useConnection,
@@ -215,14 +323,16 @@ var WALLET_CONNECT = ephemeralConnectorType(
 );
 
 // src/Hooks/useConsentStatus.ts
+import { isDesktop } from "react-device-detect";
+import { useAccount } from "wagmi";
 var useConsentStatus = (endpoint, props) => {
   const [show, setShow] = useState(false);
   const [showRevoke, setShowRevoke] = useState(false);
-  const [showConnectModal, setShowConnectModal] = useState(false);
   const [level, setLevel] = useState();
   const [web3ID, setWeb3ID] = useState();
   const analyticsContext = useContext(AnalyticsContext);
   const { activeConnector, network, connectedAccounts, genesisHashes, setActiveConnectorType } = props;
+  const { address, connector } = useAccount();
   useEffect(() => {
     const allow = sessionStorage.getItem("aesirx-analytics-allow");
     const currentUuid = sessionStorage.getItem("aesirx-analytics-uuid");
@@ -289,6 +399,19 @@ var useConsentStatus = (endpoint, props) => {
       });
     }
   }, [connection, genesisHash, network]);
+  useEffect(() => {
+    const initConnector = async () => {
+      if (isDesktop && sessionStorage.getItem("aesirx-analytics-revoke") !== "1" && sessionStorage.getItem("aesirx-analytics-revoke") !== "2") {
+        const address2 = await window["concordium"]?.requestAccounts() ?? [];
+        window.addEventListener("load", function() {
+          if (window["concordium"] && address2?.length) {
+            setActiveConnectorType(BROWSER_WALLET);
+          }
+        });
+      }
+    };
+    initConnector();
+  }, []);
   useEffect(() => {
     if (activeConnector) {
       connect();
@@ -299,64 +422,49 @@ var useConsentStatus = (endpoint, props) => {
       toast.error(connectError);
     }
   }, [connectError]);
-  useEffect(() => {
-    if (isDesktop && sessionStorage.getItem("aesirx-analytics-revoke") !== "1" && sessionStorage.getItem("aesirx-analytics-revoke") !== "2") {
-      setActiveConnectorType(BROWSER_WALLET);
-    }
-  }, []);
   useEffect(() => {
     (async () => {
       try {
         let l = level;
         if (connection) {
-          setLevel(null);
-          l = 3;
-          let web3ID2 = "";
-          if (account) {
-            web3ID2 = await getWeb3ID(connection, account);
-            if (web3ID2) {
-              l = 4;
+          if (l < 3) {
+            setLevel(null);
+            l = 3;
+            let web3ID2 = "";
+            if (account && sessionStorage.getItem("aesirx-analytics-consent-type") !== "metamask") {
+              web3ID2 = await getWeb3ID(connection, account);
+              if (web3ID2) {
+                l = 4;
+              }
+            }
+            setWeb3ID(web3ID2);
+            setLevel(l);
+          }
+        } else if (connector) {
+          if (l < 3) {
+            l = 3;
+            const web3ID2 = "";
+            setWeb3ID(web3ID2);
+            setLevel(l);
+          } else {
+            if (l === 4) {
+              setLevel(4);
+            } else {
+              setLevel(3);
             }
           }
-          setWeb3ID(web3ID2);
-          setLevel(l);
         } else {
           setLevel(level ?? 1);
         }
       } catch (error) {
         setLevel(level ?? 1);
+        console.error(error);
       }
     })();
-  }, [account]);
+  }, [account, address, connector]);
   const handleLevel = useCallback(
     async (_level) => {
-      if (_level === 2) {
-        setLevel(_level);
-      } else if (_level === 3) {
-        try {
-          setLevel(3);
-        } catch (error) {
-          setLevel(1);
-        }
-      } else if (_level === 4) {
-        setLevel(null);
-        try {
-          if (connection) {
-            const web3ID2 = await getWeb3ID(connection, account);
-            if (web3ID2) {
-              setLevel(_level);
-              setWeb3ID(web3ID2);
-            } else {
-              throw new Error("no web3id");
-            }
-          } else {
-            setShowConnectModal(true);
-          }
-        } catch (error) {
-          setLevel(3);
-          toast("You haven't minted any WEB3 ID yet. Try to mint at https://dapp.shield.aesirx.io");
-        }
-      }
+      setLevel(_level);
     },
     [level]
   );
@@ -372,10 +480,10 @@ var useConsentStatus = (endpoint, props) => {
     show,
     setShow,
     web3ID,
+    setWeb3ID,
     handleLevel,
     showRevoke,
-    handleRevoke,
-    showConnectModal
+    handleRevoke
   ];
 };
 var useConsentStatus_default = useConsentStatus;
@@ -1016,23 +1124,23 @@ var css = `:root {
   --aesirxconsent-gray-800: #343a40;
   --aesirxconsent-gray-900: #212529;
   --aesirxconsent-primary: #132342;
-  --aesirxconsent-secondary: #6c757d;
+  --aesirxconsent-secondary: #627eea;
   --aesirxconsent-success: #1ab394;
   --aesirxconsent-info: #0dcaf0;
   --aesirxconsent-warning: #ffc107;
   --aesirxconsent-danger: #dc3545;
   --aesirxconsent-light: #f8f9fa;
-  --aesirxconsent-dark: #212529;
+  --aesirxconsent-dark: #222328;
   --aesirxconsent-primary-rgb: 19, 35, 66;
-  --aesirxconsent-secondary-rgb: 108, 117, 125;
+  --aesirxconsent-secondary-rgb: 98, 126, 234;
   --aesirxconsent-success-rgb: 26, 179, 148;
   --aesirxconsent-info-rgb: 13, 202, 240;
   --aesirxconsent-warning-rgb: 255, 193, 7;
   --aesirxconsent-danger-rgb: 220, 53, 69;
   --aesirxconsent-light-rgb: 248, 249, 250;
-  --aesirxconsent-dark-rgb: 33, 37, 41;
+  --aesirxconsent-dark-rgb: 34, 35, 40;
   --aesirxconsent-primary-text-emphasis: #080e1a;
-  --aesirxconsent-secondary-text-emphasis: #2b2f32;
+  --aesirxconsent-secondary-text-emphasis: #27325e;
   --aesirxconsent-success-text-emphasis: #0a483b;
   --aesirxconsent-info-text-emphasis: #055160;
   --aesirxconsent-warning-text-emphasis: #664d03;
@@ -1040,7 +1148,7 @@ var css = `:root {
   --aesirxconsent-light-text-emphasis: #495057;
   --aesirxconsent-dark-text-emphasis: #495057;
   --aesirxconsent-primary-bg-subtle: #d0d3d9;
-  --aesirxconsent-secondary-bg-subtle: #e2e3e5;
+  --aesirxconsent-secondary-bg-subtle: #e0e5fb;
   --aesirxconsent-success-bg-subtle: #d1f0ea;
   --aesirxconsent-info-bg-subtle: #cff4fc;
   --aesirxconsent-warning-bg-subtle: #fff3cd;
@@ -1048,7 +1156,7 @@ var css = `:root {
   --aesirxconsent-light-bg-subtle: #fcfcfd;
   --aesirxconsent-dark-bg-subtle: #ced4da;
   --aesirxconsent-primary-border-subtle: #a1a7b3;
-  --aesirxconsent-secondary-border-subtle: #c4c8cb;
+  --aesirxconsent-secondary-border-subtle: #c0cbf7;
   --aesirxconsent-success-border-subtle: #a3e1d4;
   --aesirxconsent-info-border-subtle: #9eeaf9;
   --aesirxconsent-warning-border-subtle: #ffe69c;
@@ -1085,6 +1193,7 @@ var css = `:root {
   --aesirxconsent-link-hover-color: #0f1c35;
   --aesirxconsent-link-hover-color-rgb: 15, 28, 53;
   --aesirxconsent-code-color: #d63384;
+  --aesirxconsent-highlight-color: #212529;
   --aesirxconsent-highlight-bg: #fff3cd;
   --aesirxconsent-border-width: 1px;
   --aesirxconsent-border-style: solid;
@@ -1127,7 +1236,7 @@ var css = `:root {
   --aesirxconsent-tertiary-bg: #2b3035;
   --aesirxconsent-tertiary-bg-rgb: 43, 48, 53;
   --aesirxconsent-primary-text-emphasis: #717b8e;
-  --aesirxconsent-secondary-text-emphasis: #a7acb1;
+  --aesirxconsent-secondary-text-emphasis: #a1b2f2;
   --aesirxconsent-success-text-emphasis: #76d1bf;
   --aesirxconsent-info-text-emphasis: #6edff6;
   --aesirxconsent-warning-text-emphasis: #ffda6a;
@@ -1135,7 +1244,7 @@ var css = `:root {
   --aesirxconsent-light-text-emphasis: #f8f9fa;
   --aesirxconsent-dark-text-emphasis: #dee2e6;
   --aesirxconsent-primary-bg-subtle: #04070d;
-  --aesirxconsent-secondary-bg-subtle: #161719;
+  --aesirxconsent-secondary-bg-subtle: #14192f;
   --aesirxconsent-success-bg-subtle: #05241e;
   --aesirxconsent-info-bg-subtle: #032830;
   --aesirxconsent-warning-bg-subtle: #332701;
@@ -1143,7 +1252,7 @@ var css = `:root {
   --aesirxconsent-light-bg-subtle: #0c1124;
   --aesirxconsent-dark-bg-subtle: #132342;
   --aesirxconsent-primary-border-subtle: #0b1528;
-  --aesirxconsent-secondary-border-subtle: #41464b;
+  --aesirxconsent-secondary-border-subtle: #3b4c8c;
   --aesirxconsent-success-border-subtle: #106b59;
   --aesirxconsent-info-border-subtle: #087990;
   --aesirxconsent-warning-border-subtle: #997404;
@@ -1156,6 +1265,8 @@ var css = `:root {
   --aesirxconsent-link-color-rgb: 255, 255, 255;
   --aesirxconsent-link-hover-color-rgb: 255, 255, 255;
   --aesirxconsent-code-color: #e685b5;
+  --aesirxconsent-highlight-color: #dee2e6;
+  --aesirxconsent-highlight-bg: #664d03;
   --aesirxconsent-border-color: #1e4284;
   --aesirxconsent-border-color-translucent: rgba(255, 255, 255, 0.15);
   --aesirxconsent-form-valid-color: #75b798;
@@ -1169,6 +1280,8 @@ var css = `:root {
   /* rtl:end:remove */
   color: #5f5e70;
   font-size: 16px;
+  --w3m-z-index: 1060;
+  --aesirxconsent-modal-margin: 1.75rem;
 }
 .aesirxconsent .modal {
   --aesirxconsent-modal-zindex: 1055;
@@ -1180,7 +1293,7 @@ var css = `:root {
   --aesirxconsent-modal-border-color: var(--aesirxconsent-border-color-translucent);
   --aesirxconsent-modal-border-width: var(--aesirxconsent-border-width);
   --aesirxconsent-modal-border-radius: var(--aesirxconsent-border-radius-lg);
-  --aesirxconsent-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --aesirxconsent-modal-box-shadow: var(--aesirxconsent-box-shadow-sm);
   --aesirxconsent-modal-inner-border-radius: calc(var(--aesirxconsent-border-radius-lg) - (var(--aesirxconsent-border-width)));
   --aesirxconsent-modal-header-padding-x: 16px;
   --aesirxconsent-modal-header-padding-y: 16px;
@@ -1311,7 +1424,7 @@ var css = `:root {
 @media (min-width: 576px) {
   .aesirxconsent .modal {
     --aesirxconsent-modal-margin: 1.75rem;
-    --aesirxconsent-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    --aesirxconsent-modal-box-shadow: var(--aesirxconsent-box-shadow);
   }
   .aesirxconsent .modal-dialog {
     max-width: var(--aesirxconsent-modal-width);
@@ -1461,7 +1574,7 @@ var css = `:root {
   --aesirxconsent-offcanvas-bg: var(--aesirxconsent-body-bg);
   --aesirxconsent-offcanvas-border-width: var(--aesirxconsent-border-width);
   --aesirxconsent-offcanvas-border-color: var(--aesirxconsent-border-color-translucent);
-  --aesirxconsent-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --aesirxconsent-offcanvas-box-shadow: var(--aesirxconsent-box-shadow-sm);
   --aesirxconsent-offcanvas-transition: transform 0.3s ease-in-out;
   --aesirxconsent-offcanvas-title-line-height: 1.5;
 }
@@ -2034,20 +2147,20 @@ var css = `:root {
   --aesirxconsent-btn-disabled-border-color: #132342;
 }
 .aesirxconsent .btn-secondary {
-  --aesirxconsent-btn-color: #fff;
-  --aesirxconsent-btn-bg: #6c757d;
-  --aesirxconsent-btn-border-color: #6c757d;
-  --aesirxconsent-btn-hover-color: #fff;
-  --aesirxconsent-btn-hover-bg: #5c636a;
-  --aesirxconsent-btn-hover-border-color: #565e64;
-  --aesirxconsent-btn-focus-shadow-rgb: 130, 138, 145;
-  --aesirxconsent-btn-active-color: #fff;
-  --aesirxconsent-btn-active-bg: #565e64;
-  --aesirxconsent-btn-active-border-color: #51585e;
+  --aesirxconsent-btn-color: #000;
+  --aesirxconsent-btn-bg: #627eea;
+  --aesirxconsent-btn-border-color: #627eea;
+  --aesirxconsent-btn-hover-color: #000;
+  --aesirxconsent-btn-hover-bg: #7a91ed;
+  --aesirxconsent-btn-hover-border-color: #728bec;
+  --aesirxconsent-btn-focus-shadow-rgb: 83, 107, 199;
+  --aesirxconsent-btn-active-color: #000;
+  --aesirxconsent-btn-active-bg: #8198ee;
+  --aesirxconsent-btn-active-border-color: #728bec;
   --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --aesirxconsent-btn-disabled-color: #fff;
-  --aesirxconsent-btn-disabled-bg: #6c757d;
-  --aesirxconsent-btn-disabled-border-color: #6c757d;
+  --aesirxconsent-btn-disabled-color: #000;
+  --aesirxconsent-btn-disabled-bg: #627eea;
+  --aesirxconsent-btn-disabled-border-color: #627eea;
 }
 .aesirxconsent .btn-success {
   --aesirxconsent-btn-color: #000;
@@ -2131,19 +2244,19 @@ var css = `:root {
 }
 .aesirxconsent .btn-dark {
   --aesirxconsent-btn-color: #fff;
-  --aesirxconsent-btn-bg: #212529;
-  --aesirxconsent-btn-border-color: #212529;
+  --aesirxconsent-btn-bg: #222328;
+  --aesirxconsent-btn-border-color: #222328;
   --aesirxconsent-btn-hover-color: #fff;
-  --aesirxconsent-btn-hover-bg: #424649;
-  --aesirxconsent-btn-hover-border-color: #373b3e;
-  --aesirxconsent-btn-focus-shadow-rgb: 66, 70, 73;
+  --aesirxconsent-btn-hover-bg: #434448;
+  --aesirxconsent-btn-hover-border-color: #38393e;
+  --aesirxconsent-btn-focus-shadow-rgb: 67, 68, 72;
   --aesirxconsent-btn-active-color: #fff;
-  --aesirxconsent-btn-active-bg: #4d5154;
-  --aesirxconsent-btn-active-border-color: #373b3e;
+  --aesirxconsent-btn-active-bg: #4e4f53;
+  --aesirxconsent-btn-active-border-color: #38393e;
   --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --aesirxconsent-btn-disabled-color: #fff;
-  --aesirxconsent-btn-disabled-bg: #212529;
-  --aesirxconsent-btn-disabled-border-color: #212529;
+  --aesirxconsent-btn-disabled-bg: #222328;
+  --aesirxconsent-btn-disabled-border-color: #222328;
 }
 .aesirxconsent .btn-outline-primary {
   --aesirxconsent-btn-color: #132342;
@@ -2162,19 +2275,19 @@ var css = `:root {
   --aesirxconsent-gradient: none;
 }
 .aesirxconsent .btn-outline-secondary {
-  --aesirxconsent-btn-color: #6c757d;
-  --aesirxconsent-btn-border-color: #6c757d;
-  --aesirxconsent-btn-hover-color: #fff;
-  --aesirxconsent-btn-hover-bg: #6c757d;
-  --aesirxconsent-btn-hover-border-color: #6c757d;
-  --aesirxconsent-btn-focus-shadow-rgb: 108, 117, 125;
-  --aesirxconsent-btn-active-color: #fff;
-  --aesirxconsent-btn-active-bg: #6c757d;
-  --aesirxconsent-btn-active-border-color: #6c757d;
+  --aesirxconsent-btn-color: #627eea;
+  --aesirxconsent-btn-border-color: #627eea;
+  --aesirxconsent-btn-hover-color: #000;
+  --aesirxconsent-btn-hover-bg: #627eea;
+  --aesirxconsent-btn-hover-border-color: #627eea;
+  --aesirxconsent-btn-focus-shadow-rgb: 98, 126, 234;
+  --aesirxconsent-btn-active-color: #000;
+  --aesirxconsent-btn-active-bg: #627eea;
+  --aesirxconsent-btn-active-border-color: #627eea;
   --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --aesirxconsent-btn-disabled-color: #6c757d;
+  --aesirxconsent-btn-disabled-color: #627eea;
   --aesirxconsent-btn-disabled-bg: transparent;
-  --aesirxconsent-btn-disabled-border-color: #6c757d;
+  --aesirxconsent-btn-disabled-border-color: #627eea;
   --aesirxconsent-gradient: none;
 }
 .aesirxconsent .btn-outline-success {
@@ -2258,19 +2371,19 @@ var css = `:root {
   --aesirxconsent-gradient: none;
 }
 .aesirxconsent .btn-outline-dark {
-  --aesirxconsent-btn-color: #212529;
-  --aesirxconsent-btn-border-color: #212529;
+  --aesirxconsent-btn-color: #222328;
+  --aesirxconsent-btn-border-color: #222328;
   --aesirxconsent-btn-hover-color: #fff;
-  --aesirxconsent-btn-hover-bg: #212529;
-  --aesirxconsent-btn-hover-border-color: #212529;
-  --aesirxconsent-btn-focus-shadow-rgb: 33, 37, 41;
+  --aesirxconsent-btn-hover-bg: #222328;
+  --aesirxconsent-btn-hover-border-color: #222328;
+  --aesirxconsent-btn-focus-shadow-rgb: 34, 35, 40;
   --aesirxconsent-btn-active-color: #fff;
-  --aesirxconsent-btn-active-bg: #212529;
-  --aesirxconsent-btn-active-border-color: #212529;
+  --aesirxconsent-btn-active-bg: #222328;
+  --aesirxconsent-btn-active-border-color: #222328;
   --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --aesirxconsent-btn-disabled-color: #212529;
+  --aesirxconsent-btn-disabled-color: #222328;
   --aesirxconsent-btn-disabled-bg: transparent;
-  --aesirxconsent-btn-disabled-border-color: #212529;
+  --aesirxconsent-btn-disabled-border-color: #222328;
   --aesirxconsent-gradient: none;
 }
 .aesirxconsent .btn-link {
@@ -2356,7 +2469,7 @@ var css = `:root {
   background-color: RGBA(var(--aesirxconsent-primary-rgb), var(--aesirxconsent-bg-opacity, 1));
 }
 .aesirxconsent .text-bg-secondary {
-  color: #fff;
+  color: #000;
   background-color: RGBA(var(--aesirxconsent-secondary-rgb), var(--aesirxconsent-bg-opacity, 1));
 }
 .aesirxconsent .text-bg-success {
@@ -2396,8 +2509,8 @@ var css = `:root {
   text-decoration-color: RGBA(var(--aesirxconsent-secondary-rgb), var(--aesirxconsent-link-underline-opacity, 1));
 }
 .aesirxconsent .link-secondary:hover, .aesirxconsent .link-secondary:focus {
-  color: RGBA(86, 94, 100, var(--aesirxconsent-link-opacity, 1));
-  text-decoration-color: RGBA(86, 94, 100, var(--aesirxconsent-link-underline-opacity, 1));
+  color: RGBA(129, 152, 238, var(--aesirxconsent-link-opacity, 1));
+  text-decoration-color: RGBA(129, 152, 238, var(--aesirxconsent-link-underline-opacity, 1));
 }
 .aesirxconsent .link-success {
   color: RGBA(var(--aesirxconsent-success-rgb), var(--aesirxconsent-link-opacity, 1));
@@ -2444,8 +2557,8 @@ var css = `:root {
   text-decoration-color: RGBA(var(--aesirxconsent-dark-rgb), var(--aesirxconsent-link-underline-opacity, 1));
 }
 .aesirxconsent .link-dark:hover, .aesirxconsent .link-dark:focus {
-  color: RGBA(26, 30, 33, var(--aesirxconsent-link-opacity, 1));
-  text-decoration-color: RGBA(26, 30, 33, var(--aesirxconsent-link-underline-opacity, 1));
+  color: RGBA(27, 28, 32, var(--aesirxconsent-link-opacity, 1));
+  text-decoration-color: RGBA(27, 28, 32, var(--aesirxconsent-link-underline-opacity, 1));
 }
 .aesirxconsent .link-body-emphasis {
   color: RGBA(var(--aesirxconsent-emphasis-color-rgb), var(--aesirxconsent-link-opacity, 1));
@@ -2936,37 +3049,1071 @@ var css = `:root {
     display: flex;
     flex-flow: row wrap;
   }
-  .aesirxconsent .card-group > .card {
-    flex: 1 0 0%;
-    margin-bottom: 0;
+  .aesirxconsent .card-group > .card {
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+  .aesirxconsent .card-group > .card + .card {
+    margin-left: 0;
+    border-left: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:last-child) .card-img-top,
+  .aesirxconsent .card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:last-child) .card-img-bottom,
+  .aesirxconsent .card-group > .card:not(:last-child) .card-footer {
+    border-bottom-right-radius: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:first-child) .card-img-top,
+  .aesirxconsent .card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .aesirxconsent .card-group > .card:not(:first-child) .card-img-bottom,
+  .aesirxconsent .card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+.aesirxconsent :root {
+  --aesirxconsent-breakpoint-xs: 0;
+  --aesirxconsent-breakpoint-sm: 576px;
+  --aesirxconsent-breakpoint-md: 768px;
+  --aesirxconsent-breakpoint-lg: 992px;
+  --aesirxconsent-breakpoint-xl: 1200px;
+  --aesirxconsent-breakpoint-xxl: 1400px;
+}
+.aesirxconsent .row {
+  --aesirxconsent-gutter-x: 1.5rem;
+  --aesirxconsent-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--aesirxconsent-gutter-y));
+  margin-right: calc(-0.5 * var(--aesirxconsent-gutter-x));
+  margin-left: calc(-0.5 * var(--aesirxconsent-gutter-x));
+}
+.aesirxconsent .row > * {
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--aesirxconsent-gutter-x) * 0.5);
+  padding-left: calc(var(--aesirxconsent-gutter-x) * 0.5);
+  margin-top: var(--aesirxconsent-gutter-y);
+}
+.aesirxconsent .col {
+  flex: 1 0 0%;
+}
+.aesirxconsent .row-cols-auto > * {
+  flex: 0 0 auto;
+  width: auto;
+}
+.aesirxconsent .row-cols-1 > * {
+  flex: 0 0 auto;
+  width: 100%;
+}
+.aesirxconsent .row-cols-2 > * {
+  flex: 0 0 auto;
+  width: 50%;
+}
+.aesirxconsent .row-cols-3 > * {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+.aesirxconsent .row-cols-4 > * {
+  flex: 0 0 auto;
+  width: 25%;
+}
+.aesirxconsent .row-cols-5 > * {
+  flex: 0 0 auto;
+  width: 20%;
+}
+.aesirxconsent .row-cols-6 > * {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+.aesirxconsent .col-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+.aesirxconsent .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+}
+.aesirxconsent .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+.aesirxconsent .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+}
+.aesirxconsent .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+.aesirxconsent .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+}
+.aesirxconsent .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+}
+.aesirxconsent .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+}
+.aesirxconsent .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+}
+.aesirxconsent .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+}
+.aesirxconsent .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+}
+.aesirxconsent .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+}
+.aesirxconsent .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+}
+.aesirxconsent .offset-1 {
+  margin-left: 8.33333333%;
+}
+.aesirxconsent .offset-2 {
+  margin-left: 16.66666667%;
+}
+.aesirxconsent .offset-3 {
+  margin-left: 25%;
+}
+.aesirxconsent .offset-4 {
+  margin-left: 33.33333333%;
+}
+.aesirxconsent .offset-5 {
+  margin-left: 41.66666667%;
+}
+.aesirxconsent .offset-6 {
+  margin-left: 50%;
+}
+.aesirxconsent .offset-7 {
+  margin-left: 58.33333333%;
+}
+.aesirxconsent .offset-8 {
+  margin-left: 66.66666667%;
+}
+.aesirxconsent .offset-9 {
+  margin-left: 75%;
+}
+.aesirxconsent .offset-10 {
+  margin-left: 83.33333333%;
+}
+.aesirxconsent .offset-11 {
+  margin-left: 91.66666667%;
+}
+.aesirxconsent .g-0,
+.aesirxconsent .gx-0 {
+  --aesirxconsent-gutter-x: 0;
+}
+.aesirxconsent .g-0,
+.aesirxconsent .gy-0 {
+  --aesirxconsent-gutter-y: 0;
+}
+.aesirxconsent .g-1,
+.aesirxconsent .gx-1 {
+  --aesirxconsent-gutter-x: 4px;
+}
+.aesirxconsent .g-1,
+.aesirxconsent .gy-1 {
+  --aesirxconsent-gutter-y: 4px;
+}
+.aesirxconsent .g-2,
+.aesirxconsent .gx-2 {
+  --aesirxconsent-gutter-x: 8px;
+}
+.aesirxconsent .g-2,
+.aesirxconsent .gy-2 {
+  --aesirxconsent-gutter-y: 8px;
+}
+.aesirxconsent .g-3,
+.aesirxconsent .gx-3 {
+  --aesirxconsent-gutter-x: 16px;
+}
+.aesirxconsent .g-3,
+.aesirxconsent .gy-3 {
+  --aesirxconsent-gutter-y: 16px;
+}
+.aesirxconsent .g-4,
+.aesirxconsent .gx-4 {
+  --aesirxconsent-gutter-x: 24px;
+}
+.aesirxconsent .g-4,
+.aesirxconsent .gy-4 {
+  --aesirxconsent-gutter-y: 24px;
+}
+.aesirxconsent .g-5,
+.aesirxconsent .gx-5 {
+  --aesirxconsent-gutter-x: 48px;
+}
+.aesirxconsent .g-5,
+.aesirxconsent .gy-5 {
+  --aesirxconsent-gutter-y: 48px;
+}
+@media (min-width: 576px) {
+  .aesirxconsent .col-sm {
+    flex: 1 0 0%;
+  }
+  .aesirxconsent .row-cols-sm-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .row-cols-sm-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .row-cols-sm-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .row-cols-sm-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .row-cols-sm-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .row-cols-sm-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .aesirxconsent .row-cols-sm-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .col-sm-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .aesirxconsent .col-sm-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-sm-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .col-sm-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .col-sm-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .aesirxconsent .col-sm-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .col-sm-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .aesirxconsent .col-sm-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .aesirxconsent .col-sm-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .aesirxconsent .col-sm-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .aesirxconsent .col-sm-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .aesirxconsent .col-sm-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .offset-sm-0 {
+    margin-left: 0;
+  }
+  .aesirxconsent .offset-sm-1 {
+    margin-left: 8.33333333%;
+  }
+  .aesirxconsent .offset-sm-2 {
+    margin-left: 16.66666667%;
+  }
+  .aesirxconsent .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .aesirxconsent .offset-sm-4 {
+    margin-left: 33.33333333%;
+  }
+  .aesirxconsent .offset-sm-5 {
+    margin-left: 41.66666667%;
+  }
+  .aesirxconsent .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .aesirxconsent .offset-sm-7 {
+    margin-left: 58.33333333%;
+  }
+  .aesirxconsent .offset-sm-8 {
+    margin-left: 66.66666667%;
+  }
+  .aesirxconsent .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .aesirxconsent .offset-sm-10 {
+    margin-left: 83.33333333%;
+  }
+  .aesirxconsent .offset-sm-11 {
+    margin-left: 91.66666667%;
+  }
+  .aesirxconsent .g-sm-0,
+  .aesirxconsent .gx-sm-0 {
+    --aesirxconsent-gutter-x: 0;
+  }
+  .aesirxconsent .g-sm-0,
+  .aesirxconsent .gy-sm-0 {
+    --aesirxconsent-gutter-y: 0;
+  }
+  .aesirxconsent .g-sm-1,
+  .aesirxconsent .gx-sm-1 {
+    --aesirxconsent-gutter-x: 4px;
+  }
+  .aesirxconsent .g-sm-1,
+  .aesirxconsent .gy-sm-1 {
+    --aesirxconsent-gutter-y: 4px;
+  }
+  .aesirxconsent .g-sm-2,
+  .aesirxconsent .gx-sm-2 {
+    --aesirxconsent-gutter-x: 8px;
+  }
+  .aesirxconsent .g-sm-2,
+  .aesirxconsent .gy-sm-2 {
+    --aesirxconsent-gutter-y: 8px;
+  }
+  .aesirxconsent .g-sm-3,
+  .aesirxconsent .gx-sm-3 {
+    --aesirxconsent-gutter-x: 16px;
+  }
+  .aesirxconsent .g-sm-3,
+  .aesirxconsent .gy-sm-3 {
+    --aesirxconsent-gutter-y: 16px;
+  }
+  .aesirxconsent .g-sm-4,
+  .aesirxconsent .gx-sm-4 {
+    --aesirxconsent-gutter-x: 24px;
+  }
+  .aesirxconsent .g-sm-4,
+  .aesirxconsent .gy-sm-4 {
+    --aesirxconsent-gutter-y: 24px;
+  }
+  .aesirxconsent .g-sm-5,
+  .aesirxconsent .gx-sm-5 {
+    --aesirxconsent-gutter-x: 48px;
+  }
+  .aesirxconsent .g-sm-5,
+  .aesirxconsent .gy-sm-5 {
+    --aesirxconsent-gutter-y: 48px;
+  }
+}
+@media (min-width: 768px) {
+  .aesirxconsent .col-md {
+    flex: 1 0 0%;
+  }
+  .aesirxconsent .row-cols-md-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .row-cols-md-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .row-cols-md-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .row-cols-md-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .row-cols-md-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .row-cols-md-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .aesirxconsent .row-cols-md-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .col-md-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .aesirxconsent .col-md-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-md-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .col-md-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .col-md-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .aesirxconsent .col-md-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .col-md-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .aesirxconsent .col-md-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .aesirxconsent .col-md-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .aesirxconsent .col-md-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .aesirxconsent .col-md-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .aesirxconsent .col-md-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .offset-md-0 {
+    margin-left: 0;
+  }
+  .aesirxconsent .offset-md-1 {
+    margin-left: 8.33333333%;
+  }
+  .aesirxconsent .offset-md-2 {
+    margin-left: 16.66666667%;
+  }
+  .aesirxconsent .offset-md-3 {
+    margin-left: 25%;
+  }
+  .aesirxconsent .offset-md-4 {
+    margin-left: 33.33333333%;
+  }
+  .aesirxconsent .offset-md-5 {
+    margin-left: 41.66666667%;
+  }
+  .aesirxconsent .offset-md-6 {
+    margin-left: 50%;
+  }
+  .aesirxconsent .offset-md-7 {
+    margin-left: 58.33333333%;
+  }
+  .aesirxconsent .offset-md-8 {
+    margin-left: 66.66666667%;
+  }
+  .aesirxconsent .offset-md-9 {
+    margin-left: 75%;
+  }
+  .aesirxconsent .offset-md-10 {
+    margin-left: 83.33333333%;
+  }
+  .aesirxconsent .offset-md-11 {
+    margin-left: 91.66666667%;
+  }
+  .aesirxconsent .g-md-0,
+  .aesirxconsent .gx-md-0 {
+    --aesirxconsent-gutter-x: 0;
+  }
+  .aesirxconsent .g-md-0,
+  .aesirxconsent .gy-md-0 {
+    --aesirxconsent-gutter-y: 0;
+  }
+  .aesirxconsent .g-md-1,
+  .aesirxconsent .gx-md-1 {
+    --aesirxconsent-gutter-x: 4px;
+  }
+  .aesirxconsent .g-md-1,
+  .aesirxconsent .gy-md-1 {
+    --aesirxconsent-gutter-y: 4px;
+  }
+  .aesirxconsent .g-md-2,
+  .aesirxconsent .gx-md-2 {
+    --aesirxconsent-gutter-x: 8px;
+  }
+  .aesirxconsent .g-md-2,
+  .aesirxconsent .gy-md-2 {
+    --aesirxconsent-gutter-y: 8px;
+  }
+  .aesirxconsent .g-md-3,
+  .aesirxconsent .gx-md-3 {
+    --aesirxconsent-gutter-x: 16px;
+  }
+  .aesirxconsent .g-md-3,
+  .aesirxconsent .gy-md-3 {
+    --aesirxconsent-gutter-y: 16px;
+  }
+  .aesirxconsent .g-md-4,
+  .aesirxconsent .gx-md-4 {
+    --aesirxconsent-gutter-x: 24px;
+  }
+  .aesirxconsent .g-md-4,
+  .aesirxconsent .gy-md-4 {
+    --aesirxconsent-gutter-y: 24px;
+  }
+  .aesirxconsent .g-md-5,
+  .aesirxconsent .gx-md-5 {
+    --aesirxconsent-gutter-x: 48px;
+  }
+  .aesirxconsent .g-md-5,
+  .aesirxconsent .gy-md-5 {
+    --aesirxconsent-gutter-y: 48px;
+  }
+}
+@media (min-width: 992px) {
+  .aesirxconsent .col-lg {
+    flex: 1 0 0%;
+  }
+  .aesirxconsent .row-cols-lg-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .row-cols-lg-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .row-cols-lg-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .row-cols-lg-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .row-cols-lg-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .row-cols-lg-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .aesirxconsent .row-cols-lg-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .col-lg-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .aesirxconsent .col-lg-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-lg-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .col-lg-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .col-lg-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .aesirxconsent .col-lg-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .col-lg-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .aesirxconsent .col-lg-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .aesirxconsent .col-lg-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .aesirxconsent .col-lg-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .aesirxconsent .col-lg-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .aesirxconsent .col-lg-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .offset-lg-0 {
+    margin-left: 0;
+  }
+  .aesirxconsent .offset-lg-1 {
+    margin-left: 8.33333333%;
+  }
+  .aesirxconsent .offset-lg-2 {
+    margin-left: 16.66666667%;
+  }
+  .aesirxconsent .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .aesirxconsent .offset-lg-4 {
+    margin-left: 33.33333333%;
+  }
+  .aesirxconsent .offset-lg-5 {
+    margin-left: 41.66666667%;
+  }
+  .aesirxconsent .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .aesirxconsent .offset-lg-7 {
+    margin-left: 58.33333333%;
+  }
+  .aesirxconsent .offset-lg-8 {
+    margin-left: 66.66666667%;
+  }
+  .aesirxconsent .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .aesirxconsent .offset-lg-10 {
+    margin-left: 83.33333333%;
+  }
+  .aesirxconsent .offset-lg-11 {
+    margin-left: 91.66666667%;
+  }
+  .aesirxconsent .g-lg-0,
+  .aesirxconsent .gx-lg-0 {
+    --aesirxconsent-gutter-x: 0;
+  }
+  .aesirxconsent .g-lg-0,
+  .aesirxconsent .gy-lg-0 {
+    --aesirxconsent-gutter-y: 0;
+  }
+  .aesirxconsent .g-lg-1,
+  .aesirxconsent .gx-lg-1 {
+    --aesirxconsent-gutter-x: 4px;
+  }
+  .aesirxconsent .g-lg-1,
+  .aesirxconsent .gy-lg-1 {
+    --aesirxconsent-gutter-y: 4px;
+  }
+  .aesirxconsent .g-lg-2,
+  .aesirxconsent .gx-lg-2 {
+    --aesirxconsent-gutter-x: 8px;
+  }
+  .aesirxconsent .g-lg-2,
+  .aesirxconsent .gy-lg-2 {
+    --aesirxconsent-gutter-y: 8px;
+  }
+  .aesirxconsent .g-lg-3,
+  .aesirxconsent .gx-lg-3 {
+    --aesirxconsent-gutter-x: 16px;
+  }
+  .aesirxconsent .g-lg-3,
+  .aesirxconsent .gy-lg-3 {
+    --aesirxconsent-gutter-y: 16px;
+  }
+  .aesirxconsent .g-lg-4,
+  .aesirxconsent .gx-lg-4 {
+    --aesirxconsent-gutter-x: 24px;
+  }
+  .aesirxconsent .g-lg-4,
+  .aesirxconsent .gy-lg-4 {
+    --aesirxconsent-gutter-y: 24px;
+  }
+  .aesirxconsent .g-lg-5,
+  .aesirxconsent .gx-lg-5 {
+    --aesirxconsent-gutter-x: 48px;
+  }
+  .aesirxconsent .g-lg-5,
+  .aesirxconsent .gy-lg-5 {
+    --aesirxconsent-gutter-y: 48px;
+  }
+}
+@media (min-width: 1200px) {
+  .aesirxconsent .col-xl {
+    flex: 1 0 0%;
+  }
+  .aesirxconsent .row-cols-xl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .row-cols-xl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .row-cols-xl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .row-cols-xl-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .row-cols-xl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .row-cols-xl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .aesirxconsent .row-cols-xl-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .col-xl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .aesirxconsent .col-xl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-xl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .col-xl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .col-xl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .aesirxconsent .col-xl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .col-xl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .aesirxconsent .col-xl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .aesirxconsent .col-xl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .aesirxconsent .col-xl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .aesirxconsent .col-xl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .aesirxconsent .col-xl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .offset-xl-0 {
+    margin-left: 0;
+  }
+  .aesirxconsent .offset-xl-1 {
+    margin-left: 8.33333333%;
+  }
+  .aesirxconsent .offset-xl-2 {
+    margin-left: 16.66666667%;
+  }
+  .aesirxconsent .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .aesirxconsent .offset-xl-4 {
+    margin-left: 33.33333333%;
+  }
+  .aesirxconsent .offset-xl-5 {
+    margin-left: 41.66666667%;
+  }
+  .aesirxconsent .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .aesirxconsent .offset-xl-7 {
+    margin-left: 58.33333333%;
+  }
+  .aesirxconsent .offset-xl-8 {
+    margin-left: 66.66666667%;
+  }
+  .aesirxconsent .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .aesirxconsent .offset-xl-10 {
+    margin-left: 83.33333333%;
+  }
+  .aesirxconsent .offset-xl-11 {
+    margin-left: 91.66666667%;
+  }
+  .aesirxconsent .g-xl-0,
+  .aesirxconsent .gx-xl-0 {
+    --aesirxconsent-gutter-x: 0;
+  }
+  .aesirxconsent .g-xl-0,
+  .aesirxconsent .gy-xl-0 {
+    --aesirxconsent-gutter-y: 0;
+  }
+  .aesirxconsent .g-xl-1,
+  .aesirxconsent .gx-xl-1 {
+    --aesirxconsent-gutter-x: 4px;
+  }
+  .aesirxconsent .g-xl-1,
+  .aesirxconsent .gy-xl-1 {
+    --aesirxconsent-gutter-y: 4px;
+  }
+  .aesirxconsent .g-xl-2,
+  .aesirxconsent .gx-xl-2 {
+    --aesirxconsent-gutter-x: 8px;
+  }
+  .aesirxconsent .g-xl-2,
+  .aesirxconsent .gy-xl-2 {
+    --aesirxconsent-gutter-y: 8px;
+  }
+  .aesirxconsent .g-xl-3,
+  .aesirxconsent .gx-xl-3 {
+    --aesirxconsent-gutter-x: 16px;
+  }
+  .aesirxconsent .g-xl-3,
+  .aesirxconsent .gy-xl-3 {
+    --aesirxconsent-gutter-y: 16px;
+  }
+  .aesirxconsent .g-xl-4,
+  .aesirxconsent .gx-xl-4 {
+    --aesirxconsent-gutter-x: 24px;
+  }
+  .aesirxconsent .g-xl-4,
+  .aesirxconsent .gy-xl-4 {
+    --aesirxconsent-gutter-y: 24px;
+  }
+  .aesirxconsent .g-xl-5,
+  .aesirxconsent .gx-xl-5 {
+    --aesirxconsent-gutter-x: 48px;
+  }
+  .aesirxconsent .g-xl-5,
+  .aesirxconsent .gy-xl-5 {
+    --aesirxconsent-gutter-y: 48px;
+  }
+}
+@media (min-width: 1400px) {
+  .aesirxconsent .col-xxl {
+    flex: 1 0 0%;
+  }
+  .aesirxconsent .row-cols-xxl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .row-cols-xxl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .row-cols-xxl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .row-cols-xxl-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .row-cols-xxl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .row-cols-xxl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .aesirxconsent .row-cols-xxl-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .aesirxconsent .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .aesirxconsent .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .aesirxconsent .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .aesirxconsent .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .aesirxconsent .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .aesirxconsent .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .aesirxconsent .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .aesirxconsent .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .aesirxconsent .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .aesirxconsent .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .aesirxconsent .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .aesirxconsent .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .aesirxconsent .offset-xxl-0 {
+    margin-left: 0;
+  }
+  .aesirxconsent .offset-xxl-1 {
+    margin-left: 8.33333333%;
+  }
+  .aesirxconsent .offset-xxl-2 {
+    margin-left: 16.66666667%;
+  }
+  .aesirxconsent .offset-xxl-3 {
+    margin-left: 25%;
+  }
+  .aesirxconsent .offset-xxl-4 {
+    margin-left: 33.33333333%;
+  }
+  .aesirxconsent .offset-xxl-5 {
+    margin-left: 41.66666667%;
+  }
+  .aesirxconsent .offset-xxl-6 {
+    margin-left: 50%;
+  }
+  .aesirxconsent .offset-xxl-7 {
+    margin-left: 58.33333333%;
+  }
+  .aesirxconsent .offset-xxl-8 {
+    margin-left: 66.66666667%;
+  }
+  .aesirxconsent .offset-xxl-9 {
+    margin-left: 75%;
+  }
+  .aesirxconsent .offset-xxl-10 {
+    margin-left: 83.33333333%;
+  }
+  .aesirxconsent .offset-xxl-11 {
+    margin-left: 91.66666667%;
+  }
+  .aesirxconsent .g-xxl-0,
+  .aesirxconsent .gx-xxl-0 {
+    --aesirxconsent-gutter-x: 0;
   }
-  .aesirxconsent .card-group > .card + .card {
-    margin-left: 0;
-    border-left: 0;
+  .aesirxconsent .g-xxl-0,
+  .aesirxconsent .gy-xxl-0 {
+    --aesirxconsent-gutter-y: 0;
   }
-  .aesirxconsent .card-group > .card:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  .aesirxconsent .g-xxl-1,
+  .aesirxconsent .gx-xxl-1 {
+    --aesirxconsent-gutter-x: 4px;
   }
-  .aesirxconsent .card-group > .card:not(:last-child) .card-img-top,
-  .aesirxconsent .card-group > .card:not(:last-child) .card-header {
-    border-top-right-radius: 0;
+  .aesirxconsent .g-xxl-1,
+  .aesirxconsent .gy-xxl-1 {
+    --aesirxconsent-gutter-y: 4px;
   }
-  .aesirxconsent .card-group > .card:not(:last-child) .card-img-bottom,
-  .aesirxconsent .card-group > .card:not(:last-child) .card-footer {
-    border-bottom-right-radius: 0;
+  .aesirxconsent .g-xxl-2,
+  .aesirxconsent .gx-xxl-2 {
+    --aesirxconsent-gutter-x: 8px;
   }
-  .aesirxconsent .card-group > .card:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  .aesirxconsent .g-xxl-2,
+  .aesirxconsent .gy-xxl-2 {
+    --aesirxconsent-gutter-y: 8px;
   }
-  .aesirxconsent .card-group > .card:not(:first-child) .card-img-top,
-  .aesirxconsent .card-group > .card:not(:first-child) .card-header {
-    border-top-left-radius: 0;
+  .aesirxconsent .g-xxl-3,
+  .aesirxconsent .gx-xxl-3 {
+    --aesirxconsent-gutter-x: 16px;
   }
-  .aesirxconsent .card-group > .card:not(:first-child) .card-img-bottom,
-  .aesirxconsent .card-group > .card:not(:first-child) .card-footer {
-    border-bottom-left-radius: 0;
+  .aesirxconsent .g-xxl-3,
+  .aesirxconsent .gy-xxl-3 {
+    --aesirxconsent-gutter-y: 16px;
+  }
+  .aesirxconsent .g-xxl-4,
+  .aesirxconsent .gx-xxl-4 {
+    --aesirxconsent-gutter-x: 24px;
+  }
+  .aesirxconsent .g-xxl-4,
+  .aesirxconsent .gy-xxl-4 {
+    --aesirxconsent-gutter-y: 24px;
+  }
+  .aesirxconsent .g-xxl-5,
+  .aesirxconsent .gx-xxl-5 {
+    --aesirxconsent-gutter-x: 48px;
+  }
+  .aesirxconsent .g-xxl-5,
+  .aesirxconsent .gy-xxl-5 {
+    --aesirxconsent-gutter-y: 48px;
   }
 }
 .aesirxconsent .align-baseline {
@@ -3096,13 +4243,13 @@ var css = `:root {
   display: none;
 }
 .aesirxconsent .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: var(--aesirxconsent-box-shadow);
 }
 .aesirxconsent .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  box-shadow: var(--aesirxconsent-box-shadow-sm);
 }
 .aesirxconsent .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  box-shadow: var(--aesirxconsent-box-shadow-lg);
 }
 .aesirxconsent .shadow-none {
   box-shadow: none;
@@ -7970,6 +9117,9 @@ var css = `:root {
 .aesirxconsent a {
   text-decoration: underline;
 }
+.aesirxconsent .fs-14 {
+  font-size: 14px;
+}
 .aesirxconsent button {
   text-transform: none;
 }
@@ -7982,6 +9132,10 @@ var css = `:root {
 }
 .aesirxconsent .btn {
   --aesirxconsent-btn-font-size: 16px;
+  font-weight: 600;
+  padding: 9px 20px;
+  line-height: 18px;
+  border-radius: 6px;
 }
 .aesirxconsent .btn.text-white {
   color: #fff;
@@ -8019,6 +9173,22 @@ var css = `:root {
   --aesirxconsent-btn-disabled-border-color: #1ab394;
   color: #1ab394;
 }
+.aesirxconsent .btn-gray {
+  --aesirxconsent-btn-color: #fff;
+  --aesirxconsent-btn-bg: #a5a4b5;
+  --aesirxconsent-btn-border-color: #a5a4b5;
+  --aesirxconsent-btn-hover-color: #fff;
+  --aesirxconsent-btn-hover-bg: transparent;
+  --aesirxconsent-btn-hover-border-color: #a5a4b5;
+  --aesirxconsent-btn-focus-shadow-rgb: 179, 178, 192;
+  --aesirxconsent-btn-active-color: #000;
+  --aesirxconsent-btn-active-bg: #848391;
+  --aesirxconsent-btn-active-border-color: #7c7b88;
+  --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --aesirxconsent-btn-disabled-color: #000;
+  --aesirxconsent-btn-disabled-bg: #a5a4b5;
+  --aesirxconsent-btn-disabled-border-color: #a5a4b5;
+}
 .aesirxconsent .btn-success:hover {
   color: var(--aesirxconsent-white);
 }
@@ -8042,6 +9212,9 @@ var css = `:root {
   box-sizing: border-box;
   --aesirxconsent-toast-zindex: 1049;
 }
+.aesirxconsent .status-tier-text {
+  font-weight: 600;
+}
 .aesirxconsent .status-tier {
   width: 18px;
   height: 18px;
@@ -8065,7 +9238,7 @@ var css = `:root {
   min-width: 120px;
 }
 .aesirxconsent .revoke-toast {
-  width: 500px;
+  width: 530px;
 }
 .aesirxconsent .revoke-toast .toast-body .minimize-revoke {
   position: absolute;
@@ -8104,9 +9277,11 @@ var css = `:root {
 }
 .aesirxconsent .minimize-shield-wrapper .text {
   font-weight: 500;
+  color: #222328;
 }
 .aesirxconsent .read-more {
   text-align: right;
+  margin-top: 12px;
 }
 .aesirxconsent .read-more .read-more-btn {
   display: inline-flex;
@@ -8115,7 +9290,6 @@ var css = `:root {
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
-  padding-top: 10px;
 }
 .aesirxconsent .read-more .read-more-btn img.revert {
   transform: rotate(180deg);
@@ -8141,6 +9315,9 @@ var css = `:root {
   -moz-animation: flash ease-out 5s infinite;
   animation: flash ease-out 5s infinite;
 }
+.aesirxconsent .block-wallet {
+  background-color: var(--aesirxconsent-body-bg);
+}
 @-webkit-keyframes flash {
   from {
     opacity: 0;
@@ -8182,10 +9359,58 @@ var css = `:root {
   }
 }
 
+body.modal-open .aesirxconsent .offcanvas-backdrop,
+body.modal-sso-open .aesirxconsent .offcanvas-backdrop {
+  z-index: 99;
+}
+body.modal-open .aesirxconsent .toast-container,
+body.modal-sso-open .aesirxconsent .toast-container {
+  --aesirxconsent-toast-zindex: 100;
+}
+
+.aesirxconsent-modal.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1055;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+}
+
+.modal-backdrop {
+  --aesirxconsent-backdrop-zindex: 1050;
+  --aesirxconsent-backdrop-bg: #000;
+  --aesirxconsent-backdrop-opacity: 0.5;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--aesirxconsent-backdrop-zindex);
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--aesirxconsent-backdrop-bg);
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop.show {
+  opacity: var(--aesirxconsent-backdrop-opacity);
+}
+
 .aesirxsso {
   color: #5f5e70;
 }
 
+.aesirxconsent .aesirxsso .modal {
+  --aesirxconsent-modal-width: 846px;
+}
+.aesirxconsent .aesirxsso .modal .btn-close {
+  --aesirxconsent-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+}
+
 [data-bs-theme=dark] .aesirxconsent {
   color: #c8c8db;
 }
@@ -8227,15 +9452,12 @@ var bg_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmcAAADSCAYAAAAP
 // src/Assets/aesirx.svg
 var aesirx_default = 'data:image/svg+xml,<svg width="83" height="22" viewBox="0 0 83 22" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.16061 8.27141L3.3678 16.0569H9.11771L6.16061 8.27141ZM6.89989 6.42969L12.7319 21.7494H11.2534L9.44627 17.1451H2.95709L1.31426 21.7494H0L5.42134 6.42969H6.89989Z" fill="white"/>%0A<path d="M19.4648 21.7494V6.42969H27.5968V7.43426H20.8612V13.378H25.379V14.3826H20.8612V20.6612H28.0897V21.7494H19.4648Z" fill="white"/>%0A<path d="M34.9104 19.9909C35.4033 20.242 35.9783 20.4095 36.4711 20.5769C37.1283 20.7443 37.8675 20.9117 38.6068 20.9117C39.6747 20.9117 40.6604 20.7443 41.4818 20.1583C42.1389 19.656 42.4675 18.9026 42.4675 18.1492C42.4675 16.3912 41.0711 15.1354 38.3604 14.382C35.6497 13.6286 34.2533 12.1217 34.3355 9.77772C34.3355 8.68943 34.8283 7.76857 35.6497 7.09885C36.6354 6.34542 37.7854 5.92685 39.0175 6.01056C39.7568 6.01056 40.4139 6.09428 41.0711 6.26171C41.646 6.42914 42.221 6.59656 42.7139 6.84771L42.221 7.936C41.8103 7.76857 41.3996 7.60114 40.9068 7.43371C40.3318 7.26628 39.6747 7.18257 39.0175 7.18257C38.114 7.18257 37.2925 7.35 36.5533 7.85228C36.0604 8.18714 35.7319 9.02429 35.7319 9.77772C35.7319 11.5357 37.1283 12.8752 39.8389 13.6286C42.5496 14.382 43.946 15.8889 43.8639 18.1492C43.8639 19.2375 43.4532 20.242 42.4675 20.9117C41.3175 21.7489 40.1675 22 38.8532 22C38.114 22 37.1283 21.9163 36.389 21.7489C35.814 21.5815 35.1569 21.3303 34.664 20.9955L34.9104 19.9909Z" fill="white"/>%0A<path d="M53.0644 6.42969H51.668V21.7494H53.0644V6.42969Z" fill="white"/>%0A<path d="M71.0549 21.6657L67.5228 15.136C67.5228 15.136 66.7835 15.2197 65.7978 15.2197H63.58V21.582H62.1836V6.42969H66.0442C67.3585 6.42969 68.7549 6.68083 69.9049 7.43426C70.9727 8.18769 71.5477 9.44341 71.4656 10.7828C71.4656 11.7037 71.2192 12.5408 70.7263 13.2943C70.2335 13.964 69.5763 14.55 68.7549 14.8011L72.6156 21.6657H71.0549ZM66.0442 7.60169H63.4979V14.0477H65.7978C67.1121 14.0477 68.0156 13.7966 68.7549 13.378C69.6585 12.8757 70.0692 12.0386 70.0692 10.7828C70.0692 9.52712 69.8228 8.60627 69.0013 8.18769C68.0156 7.76912 67.2764 7.60169 66.0442 7.60169Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M77.3984 15.5025V0H78.7885V15.5025H77.3984Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M81.9532 12.5256L73.6562 3.74439L74.6575 2.76172L82.9545 11.5429L81.9532 12.5256Z" fill="white"/>%0A</svg>%0A';
 
-// src/Assets/web3id.svg
-var web3id_default = 'data:image/svg+xml,<svg width="86" height="21" viewBox="0 0 86 21" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M4.29349 17.8281L2.61207 3.82996H5.84504L6.55589 13.5562H6.67208L10.8346 3.82996H13.6028L14.5461 13.5767H14.6691L18.5924 3.82996H21.8254L15.4961 17.8281H12.6117L11.4771 8.676H11.3678L7.17788 17.8281H4.29349ZM21.0855 17.8281L23.4094 3.82996H32.8418L32.4316 6.27007H25.9589L25.4121 9.60557H31.3996L30.9895 12.0457H25.002L24.4552 15.388H30.9553L30.5452 17.8281H21.0855ZM32.8708 17.8281L35.1947 3.82996H40.7995C41.8293 3.82996 42.6631 3.98261 43.3011 4.28791C43.9436 4.5932 44.3924 5.01698 44.6476 5.55922C44.9028 6.09691 44.9711 6.71662 44.8526 7.41835C44.7569 7.96516 44.5633 8.44361 44.2717 8.85371C43.9846 9.26382 43.6292 9.60101 43.2054 9.8653C42.7816 10.1296 42.3214 10.3164 41.8247 10.4258L41.7974 10.5625C42.3259 10.5853 42.8021 10.7356 43.2259 11.0136C43.6497 11.287 43.9664 11.6743 44.176 12.1755C44.3856 12.6768 44.4334 13.2714 44.3195 13.9595C44.1965 14.7022 43.9026 15.3652 43.4378 15.9485C42.973 16.5272 42.3533 16.9851 41.5786 17.3223C40.8086 17.6595 39.8995 17.8281 38.8515 17.8281H32.8708ZM36.2405 15.4085H38.6532C39.4735 15.4085 40.1 15.249 40.5329 14.9301C40.9658 14.6111 41.2255 14.1896 41.3121 13.6656C41.3713 13.2783 41.3326 12.9365 41.1959 12.6403C41.0637 12.3441 40.8382 12.1118 40.5192 11.9432C40.2048 11.7746 39.8061 11.6903 39.3231 11.6903H36.8488L36.2405 15.4085ZM37.1905 9.68759H39.3846C39.7856 9.68759 40.157 9.61696 40.4987 9.4757C40.845 9.32989 41.1298 9.12484 41.3531 8.86055C41.5809 8.5917 41.7245 8.27501 41.7837 7.91048C41.8657 7.40013 41.7518 6.9923 41.4419 6.687C41.1366 6.37715 40.6582 6.22222 40.0066 6.22222H37.7647L37.1905 9.68759Z" fill="white"/>%0A<path d="M70.9807 3.82996L68.6568 17.8281H65.6972L68.0211 3.82996H70.9807ZM76.1224 17.8281H71.0918L73.4157 3.82996H78.3506C79.7586 3.82996 80.9274 4.11703 81.857 4.69117C82.7911 5.26532 83.4495 6.0878 83.8323 7.15862C84.2151 8.22489 84.2834 9.49849 84.0373 10.9794C83.8004 12.4102 83.3288 13.6382 82.6225 14.6635C81.9162 15.6842 81.0117 16.468 79.909 17.0148C78.8063 17.557 77.5441 17.8281 76.1224 17.8281ZM74.4751 15.2923H76.2932C77.1727 15.2923 77.9428 15.1283 78.6035 14.8002C79.2688 14.4721 79.8133 13.9663 80.2371 13.2828C80.6654 12.5993 80.9684 11.7244 81.1461 10.6582C81.3147 9.64658 81.3033 8.82637 81.112 8.19755C80.9251 7.56417 80.5629 7.10166 80.0252 6.81004C79.4875 6.51385 78.7812 6.36576 77.9063 6.36576H75.9583L74.4751 15.2923Z" fill="white"/>%0A<path d="M48.9477 1.80797C49.0469 1.2306 49.5475 0.808594 50.1333 0.808594H64.5337C65.2795 0.808594 65.8456 1.48016 65.7194 2.21515L62.7241 19.6582C62.6249 20.2356 62.1243 20.6576 61.5385 20.6576H47.1381C46.3923 20.6576 45.8263 19.986 45.9525 19.251L48.9477 1.80797Z" fill="%231AB394"/>%0A<path d="M54.8772 17.8164C53.8292 17.8164 52.9269 17.6409 52.1705 17.2901C51.4141 16.9392 50.8536 16.4517 50.4891 15.8274C50.1291 15.2031 50.0129 14.4832 50.1405 13.6675H53.0796C53.034 14.0047 53.0864 14.3032 53.2368 14.5629C53.3917 14.8226 53.6218 15.0231 53.9271 15.1644C54.237 15.3056 54.6015 15.3763 55.0207 15.3763C55.4901 15.3763 55.923 15.2874 56.3194 15.1097C56.7158 14.932 57.0439 14.6905 57.3036 14.3852C57.5679 14.0753 57.7297 13.7267 57.7889 13.3394C57.8482 12.9703 57.798 12.6559 57.6386 12.3962C57.4791 12.1319 57.2239 11.9291 56.873 11.7879C56.5222 11.6466 56.087 11.576 55.5675 11.576H54.2074L54.5696 9.40244H55.7999C56.2556 9.40244 56.6725 9.31814 57.0507 9.14955C57.4335 8.98095 57.7502 8.74628 58.0008 8.44554C58.2514 8.1448 58.4086 7.79621 58.4724 7.39978C58.5271 7.07625 58.5021 6.79374 58.3972 6.55223C58.297 6.30617 58.1193 6.11707 57.8641 5.98492C57.6135 5.84822 57.2877 5.77987 56.8867 5.77987C56.4812 5.77987 56.087 5.85278 55.7042 5.99859C55.3215 6.13985 54.998 6.34262 54.7337 6.60691C54.4694 6.8712 54.3076 7.18105 54.2484 7.53648H51.4255C51.5668 6.72994 51.904 6.0191 52.4371 5.40394C52.9748 4.78879 53.6423 4.30806 54.4398 3.96175C55.2417 3.61088 56.1075 3.43545 57.0371 3.43545C58.0259 3.43545 58.8598 3.62683 59.5387 4.00959C60.2176 4.3878 60.7098 4.88904 61.0151 5.5133C61.3249 6.13301 61.4206 6.80741 61.3021 7.53648C61.17 8.33845 60.8191 8.97411 60.2495 9.44345C59.6845 9.90824 58.9805 10.209 58.1375 10.3457V10.4482C59.0808 10.5758 59.7916 10.9517 60.2701 11.576C60.7531 12.2003 60.9217 12.9589 60.7758 13.8521C60.6528 14.6267 60.3179 15.3125 59.7711 15.9094C59.2243 16.5063 58.5294 16.9734 57.6864 17.3106C56.8434 17.6478 55.907 17.8164 54.8772 17.8164Z" fill="white"/>%0A</svg>%0A';
+// src/Assets/shield_of_privacy.png
+var shield_of_privacy_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAAYCAYAAAAbDApiAAAIGElEQVR4Ae1a4XXbOAxG+u5/fRNEnaDuBJYnqDOBnQnqTOB0AqcT2J0gvgnkTpB0AqsTOJ0AR5hADdOgRDm61Lnqe49PNgmAIEgAJCWADpVAxIkrG+jQ4TfjDXTo0OFVoHNWAy6TZlSgQ4czQuesNuauFJ3DdjgndM5q45qfhSuX0KHDGeDCquSM8nRxcfEEiajLQk5WWcPfc48ReOegfr87njXU99tj+U8JdD1VVTk+Hg85Kz1LR/sOEsG8Of8trXEofZLs7Oin7jFw5abOlhU6QSpvU/qGuvTdY+YKPUtXrmP9VKyrRutTyaJdE62tW3jt4PMaoWjIR9vGLd2cGqWo4Z0yL8lYuHIvfOKMFbyzFF1Zbogt95VFeDLWY1unB9P3WecQJGNs6E1YJMjNlKxPcAKUXoNE+g3Tt7qz4LFs9RxAmh4WCmxwVHG0c2GEV4i/jLqP4DNbTgu0YfRaOfrrBvS7VyPuQQvwQxhdafE3jZ41WGr90Ed4Kg/u91WYAUkfV//Z/SSHooUxjOmD+0xMTr3mAiyfdgxLR/PT8a+gIViPW/BZ/h943aCgtbORG9cwJQgyyG5ie+Ihu+bg5+5D4g7gC3gbruH/AMkCHP1mDfiKlCzRFp/in2F6Zl1UyHiItE1wv2N4iC0u3GfuRUQ+6j6wQWZtA3g+mVXGnbS2lB6DoL7H80GYwx+AgwsmzjSZK99cuXNlAi+DNrPnKfgOPlLHQPoNwUf0+wiN8C+NNorot+CzwxHQbw3n7FBUxgbNnANCL6inRXuLfjtf8HMMiVD80vcUTgAHtXs9Bq0r90OBacRVIx7PSdt63uHciCzVzy3LJZtORR9uy3WfTLPAeBAXm/dVXThXUXsbc3M0t6wj9ZEb/KLvzBK+UAPrcdTKIQF4emalgVPmyuAEYDuZlYyCkTZahBv+LWfYuUFXYIMoj/sMU6B9LlsE9EJzqeoyVb8N5NxG9BtE+EXGbgzYILPi4Tl9E/zOVF8W6u4zNqHeqq0vQgxdFloPbpvoPtGvcRlzHsjW+va4bqTo6+ydGbYQ3Cu6mdYpkLHgtuOAhsFFCDZwQDzdWWVQVDJoCGzHWRcxGRh8bsgLJDPo8mBixqgickRvwVwtiKmq1xF9w3XaWR8Mfr1IckVbcN3AqCsi/Af9RcZxp8acKRn3Ijsy7mdtg7lNnO/BGBPhE3qHvAzoC0U/t/RhXsLC0GWm6mis4sB6J7EQ3SK2lewuSfHoElPJzcKB02LbWnWYdhNasCILVVKzTKYGR3LGmOi42MxZ77kvKTnub7GzCN+Bs9b0McLjLCk2yQy9Ee2IWnCbDpwiVxaeBIeNwZ+HsjFwVlRZydBNB546Z91GZOis1TfG/dwza4628xRcZ+1+LGc17Yj7QBj22zfkPgS2zWpsW0R0zlXdKNRV3wbTwjg4U9HtKPodBrV9gXqUcHhm+5nAI+/yrtHfvObgz8pL+t/y+7ARqPMN+LMoldTbxErwTe+KJ436ycGfZSfgb9fpxvkxYCsNUSXU4z0/H9HfqGtIcM0q+KVtHY6d5/0JDt9LH4EXF9E8GjKeXPsavB1I10d4HlasE3CfohvJtdZmUn881tL93AVv/p8BvwN2/78F9GRv6jtnHd7D8X2H/DdtC8e30SuWN1ZtH/m5FKKds3LnE1emeHxGJWYyeJKzhoNrAh7YEryjTt1z5p5vXf0NtIPw1Q2Ni7Y5VRdca2i40NgG37iPDPyLeOqLzirJH1fUQBZrGIA0MqjnLyPttc4a0FbVZ/B8PAW/aU7Wrnxp4fXeEvwF4IBliqOsNRH7BmXEPNAltJUE0hLS8JX7p2x6w+OROf3lT5JZR9xhbOJziTrwQnB90VnoLfgA8rnl963SB0VrOjvQBNxEaEp4Bpj/Cv0Rg6L3pav7Ae1hCfYNdCp6DetPkdHG3E2ekwhqIM4ycYV2d+IDvxIU7t+jE5bgsyHtKH7wVjVX8hrNL+9CHllGH/dfty31+hNnHXODuWDRH+Ap2qzhZSFGJKdt3VkZNDmFG+NXY4uaBJ5IOvOQju9qAsvf0HAyI5CFm1mLGOs/aCn5mYe0fC5LcVaxVz/SXz+gO0vwRydr8LYgX8jB7xK13jk/rQ9/QluV/NSZcgdeK2OW/1XxyBFwrOpWWugb3H/HWrXNJaYJpn9t0hZkspPOvqdAnSFOfrHO0Y8K2WeuLxXQX7Qsua08NSAYIDm0CHIM3o2if41AlzuLCp3XSmd92bEbAySAF+Ga/84NHTJ45tHoBSGOIba8i9CFN7YTCM6sak3FbHsb4ZHdbQ7ebgdfq73hhnXNdk8ceQAtA/2t5Mioz8EP7O6/2AIHoEiZY+I75QiuwBt74sqGbwhpR0IZd6zaWgHb5Ir/ykv6Bfc54/4+14iRDEFHjQ1v50jfDNLPW9dMO2EZ94EOQ3gdoCxH+ooThZ91rmAfHMXWZC8KiKUh74bpQ9uOmN5KjkvwDp6BsYslZ/0ENWceFUGnUI0JxjGO8Oyij1xTc6FB0WXMXYuXS3IRcAQOVBRJG78nVjIo030Ab0uZdJl4qhsGGYZoSrB1stpKCBYFR2O6sKJnDj4YZPx/GATgGP+Q6TOW8ch1R/QWuA+iX4Kfy5HSwbplrxq3hRLSA4emt+RvY21qjVP7yrrdBj+/RJODt3WPfwufptfrQegItM6GkeSoA8QSzhW8XRxw6UOHDn8YsOLdeYcOHc4AnKh6aHwM06FDhzMCHn9DbF7k/gUdOnT4bWDHLLmsoeIjj38B2QRcCRmNKe8AAAAASUVORK5CYII=";
 
 // src/Assets/concordium.svg
 var concordium_default = 'data:image/svg+xml,<svg width="110" height="22" viewBox="0 0 110 22" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M84.7849 8.09678C84.7727 8.09678 84.7645 8.09678 84.7523 8.09678H82.9869C82.9869 8.09678 82.9747 8.10902 82.9747 8.1294V12.8874C82.9747 12.8996 82.9869 12.9159 82.9951 12.92H84.7564C85.7675 12.9281 86.4565 12.7324 86.8724 12.3166C87.2475 11.9374 87.431 11.3462 87.431 10.5063C87.431 9.6787 87.2516 9.09159 86.8765 8.7165C86.4647 8.30064 85.7797 8.09678 84.7849 8.09678ZM84.8135 14.1553C84.789 14.1553 84.7686 14.1553 84.7442 14.1553H82.9828C82.2979 14.1553 81.7393 13.5886 81.7393 12.8874V8.1294C81.7393 7.43222 82.2979 6.86142 82.9828 6.86142H84.7442C86.0692 6.84104 87.0844 7.17128 87.7367 7.8277C88.3442 8.43926 88.6541 9.3403 88.6541 10.5023C88.6541 11.6642 88.3483 12.5612 87.7408 13.1768C87.0926 13.8373 86.1344 14.1553 84.8135 14.1553ZM34.6326 14.192C32.2964 14.192 30.7227 12.708 30.7227 10.5023C30.7227 8.32918 32.329 6.8125 34.6326 6.8125C35.766 6.8125 36.7364 7.1509 37.4376 7.791C37.5599 7.90108 37.6293 8.05194 37.6415 8.2191C37.6496 8.38626 37.5966 8.54526 37.4866 8.67165C37.3765 8.79397 37.2256 8.86735 37.0625 8.87959C36.8954 8.89182 36.7364 8.83474 36.6141 8.72058C36.1452 8.29248 35.4602 8.06417 34.6367 8.06417C32.961 8.06417 31.9621 8.97336 31.9621 10.4982C31.9621 12.023 32.961 12.9322 34.6367 12.9322C35.4643 12.9322 36.1493 12.7039 36.6141 12.2758C36.7364 12.1657 36.8954 12.1086 37.0625 12.1168C37.2256 12.129 37.3765 12.1983 37.4866 12.3247C37.7108 12.5816 37.6904 12.973 37.4376 13.2054C36.7445 13.8536 35.7742 14.192 34.6326 14.192ZM42.8031 8.06824C41.1274 8.06824 40.1285 8.97744 40.1285 10.5023C40.1285 12.0312 41.1274 12.9444 42.8031 12.9444C44.4788 12.9444 45.4777 12.0312 45.4777 10.5023C45.4777 8.98151 44.4788 8.06824 42.8031 8.06824ZM42.8031 14.192C40.4669 14.192 38.8932 12.708 38.8932 10.5023C38.8932 8.32918 40.4995 6.8125 42.8031 6.8125C45.1393 6.8125 46.7089 8.29249 46.7089 10.5023C46.7089 12.7121 45.1393 14.192 42.8031 14.192ZM53.8439 14.192C53.4035 14.192 53.004 13.9637 52.7757 13.5805L49.5425 8.09271C49.5303 8.0764 49.5221 8.07232 49.5181 8.07232L49.5058 13.5723C49.5058 13.9148 49.2327 14.1961 48.8943 14.1961C48.5518 14.1961 48.2745 13.9148 48.2745 13.5723V8.08455C48.2745 7.38737 48.8331 6.81658 49.5181 6.81658C49.9584 6.81658 50.3579 7.05305 50.5944 7.44853L53.8275 12.9363C53.8316 12.9445 53.8398 12.9485 53.8439 12.9485C53.8561 12.9485 53.8642 12.9404 53.8642 12.9241V7.44853C53.8642 7.09382 54.1333 6.81658 54.4758 6.81658C54.8224 6.81658 55.0955 7.09382 55.0955 7.44853V12.9281C55.0955 13.6253 54.537 14.192 53.8439 14.192ZM60.514 14.192C58.1778 14.192 56.6041 12.708 56.6041 10.5023C56.6041 8.32918 58.2104 6.8125 60.514 6.8125C61.6474 6.8125 62.6178 7.1509 63.319 7.791C63.4413 7.90108 63.5147 8.05194 63.5229 8.2191C63.531 8.38626 63.478 8.54526 63.3679 8.67165C63.2579 8.79397 63.107 8.86735 62.9439 8.87959C62.7768 8.89182 62.6178 8.83474 62.4955 8.72058C62.0266 8.29248 61.3416 8.06417 60.5181 8.06417C58.8424 8.06417 57.8435 8.97336 57.8435 10.4982C57.8435 12.023 58.8424 12.9322 60.5181 12.9322C61.3457 12.9322 62.0266 12.7039 62.4955 12.2758C62.6178 12.1657 62.7768 12.1086 62.9439 12.1168C63.107 12.129 63.2579 12.1983 63.3679 12.3247C63.5922 12.5816 63.5718 12.973 63.319 13.2054C62.63 13.8536 61.6596 14.192 60.514 14.192ZM68.6845 8.06824C67.0088 8.06824 66.0099 8.97744 66.0099 10.5023C66.0099 12.0312 67.0088 12.9444 68.6845 12.9444C70.3602 12.9444 71.3631 12.0312 71.3631 10.5023C71.3631 8.98151 70.3602 8.06824 68.6845 8.06824ZM68.6845 14.192C66.3483 14.192 64.7786 12.708 64.7786 10.5023C64.7786 8.32918 66.385 6.8125 68.6845 6.8125C71.0247 6.8125 72.5944 8.29249 72.5944 10.5023C72.5944 12.7121 71.0247 14.192 68.6845 14.192ZM90.9169 14.192C90.5785 14.192 90.3053 13.9107 90.3053 13.5682V7.44853C90.3053 7.10197 90.5785 6.81658 90.9169 6.81658C91.2593 6.81658 91.5366 7.0979 91.5366 7.44853V13.5723C91.5366 13.9148 91.2593 14.192 90.9169 14.192ZM108.95 14.192C108.607 14.192 108.33 13.9107 108.33 13.5682V8.08455C108.314 8.07232 108.306 8.0764 108.298 8.08455L106.83 10.5063C106.61 10.8896 106.206 11.1261 105.753 11.1261C105.317 11.1261 104.926 10.9018 104.685 10.5063L103.226 8.09271C103.217 8.0764 103.201 8.06824 103.197 8.06824L103.185 13.5682C103.185 13.9107 102.908 14.192 102.565 14.192C102.227 14.192 101.954 13.9107 101.954 13.5682V8.08455C101.954 7.38737 102.512 6.81658 103.197 6.81658C103.629 6.81658 104.033 7.04897 104.273 7.44445L105.733 9.85809C105.745 9.87847 105.753 9.88255 105.757 9.88663C105.749 9.88255 105.77 9.86624 105.778 9.85401L107.233 7.44853C107.478 7.04897 107.869 6.82065 108.31 6.82065C108.995 6.82065 109.553 7.38737 109.553 8.08863V13.5723C109.561 13.9148 109.288 14.192 108.95 14.192ZM96.7634 14.192C95.6952 14.192 94.8594 13.8944 94.2805 13.3114C93.6934 12.7161 93.3957 11.8477 93.3957 10.7306V7.44037C93.3957 7.0979 93.6648 6.82065 93.9992 6.82065C94.3416 6.82065 94.6189 7.0979 94.6189 7.44037V10.7306C94.6189 12.2677 95.2875 12.9485 96.7879 12.9485C98.3086 12.9485 98.961 12.284 98.9691 10.7265V7.44037C98.9691 7.0979 99.2423 6.82065 99.5807 6.82065C99.9191 6.82065 100.192 7.0979 100.192 7.44037V10.7306C100.192 12.9648 98.9854 14.1961 96.7879 14.1961C96.7797 14.192 96.7716 14.192 96.7634 14.192ZM79.5744 14.1961C79.4072 14.1961 79.2442 14.1309 79.13 14.0045L76.1252 10.9426C75.9458 10.7591 75.8969 10.49 75.9988 10.2576C76.1007 10.0253 76.3127 9.88255 76.5573 9.88255H77.8335C78.3839 9.88255 78.865 9.45853 78.865 8.97336C78.865 8.50449 78.3757 8.09271 77.8212 8.09271H75.3954C75.3995 8.09271 75.3831 8.11309 75.3831 8.13348V13.5723C75.3831 13.9148 75.1059 14.1961 74.7634 14.1961C74.425 14.1961 74.1519 13.9148 74.1519 13.5723V8.1294C74.1519 7.43222 74.7104 6.86142 75.3954 6.86142H77.8212C79.0688 6.86142 80.084 7.80731 80.084 8.96928C80.084 10.0742 79.1626 11.016 78.0251 11.1138L79.9943 13.1279C80.1248 13.2502 80.1982 13.4215 80.19 13.6049C80.186 13.7721 80.1085 13.9311 79.978 14.0412C79.868 14.1472 79.7212 14.1961 79.5744 14.1961Z" fill="%23FBFBF9"/>%0A<path d="M3.34322 11.0041C3.34322 15.2239 6.75575 18.6486 10.9633 18.6486C12.0927 18.6486 13.1609 18.3959 14.1271 17.9514V21.5352C13.1242 21.8369 12.0641 22 10.9674 22C4.90882 22 0 17.0749 0 11C0 4.92513 4.9129 0 10.9674 0C12.0682 0 13.1282 0.163084 14.1271 0.464789V4.04855C13.1609 3.60823 12.0927 3.35137 10.9633 3.35137C6.75575 3.35952 3.34322 6.78429 3.34322 11.0041ZM10.9674 15.6642C8.39881 15.6642 6.3195 13.5767 6.3195 11.0041C6.3195 8.43143 8.39881 6.34396 10.9674 6.34396C13.536 6.34396 15.6153 8.43143 15.6153 11.0041C15.6153 13.5767 13.5319 15.6642 10.9674 15.6642ZM20.9033 15.6642H16.9974C17.9881 14.3758 18.5875 12.7613 18.5875 11.0082C18.5875 9.25093 17.9881 7.6364 16.9974 6.34396H20.9033C21.5638 7.75871 21.9388 9.34062 21.9388 11.0082C21.9348 12.6716 21.5638 14.2494 20.9033 15.6642Z" fill="%23FBFBF9"/>%0A</svg>%0A';
 
-// src/Assets/upgrade.svg
-var upgrade_default = 'data:image/svg+xml,<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M14.5 29.1562C6.48603 29.1562 0 22.6711 0 14.6562C0 6.64228 6.48518 0.15625 14.5 0.15625C22.514 0.15625 29 6.64143 29 14.6562C29 22.6702 22.5148 29.1562 14.5 29.1562Z" fill="%23FF5752"/>%0A<path d="M14.5 0.15625V29.1562C22.5148 29.1562 29 22.6702 29 14.6562C29 6.64143 22.514 0.15625 14.5 0.15625Z" fill="%23DB3A3C"/>%0A<path d="M16.2166 22.444H12.7851C12.2513 22.444 11.8184 22.0112 11.8184 21.4773V15.7177H9.10434C8.29925 15.7177 7.8489 14.7888 8.34218 14.1564L13.7387 7.23896C14.1259 6.74273 14.8768 6.7438 15.263 7.23896L20.6595 14.1564C21.1529 14.7888 20.7024 15.7177 19.8974 15.7177H17.1833V21.4773C17.1833 22.0112 16.7505 22.444 16.2166 22.444Z" fill="%23EFEFEF"/>%0A<path d="M20.6586 14.1564L15.2622 7.23898C15.0689 6.99134 14.7845 6.86724 14.5 6.86719V22.4439H16.2158C16.7496 22.4439 17.1824 22.0111 17.1824 21.4772V15.7176H19.8965C20.7015 15.7176 21.152 14.7888 20.6586 14.1564Z" fill="%23C5D8DF"/>%0A</svg>%0A';
-
 // src/Assets/privacy.svg
 var privacy_default = 'data:image/svg+xml,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M11.7946 13.3067L12.1398 13.9012L7.58187 13.8988L9.64794 10.3713L7.88422 7.3937L2.32098 16.8938L17.1865 16.9062L17.3906 16.8888L15.2943 13.3017L11.7946 13.3067Z" fill="white"/>%0A<path d="M12.1935 0.0377515L10.0947 3.62237L11.8534 6.60748L12.2036 6.01046L14.4788 9.90852L10.3366 9.89359L8.61317 12.9061L19.7422 12.916L12.3144 0.191981L12.1935 0.0377515Z" fill="white"/>%0A<path d="M8.16315 7.08689C8.61415 7.86053 9.5515 9.45756 9.5515 9.45756L9.58669 9.51726L9.65731 9.51726L12.6582 9.51726L13.1016 9.51726L7.54334 -0.000266561L-0.000288009 12.888L4.21756 12.9004L5.98127 9.90284L5.26316 9.90284L7.53079 6.01225L8.16315 7.08689Z" fill="white"/>%0A</svg>%0A';
 
@@ -8264,7 +9486,7 @@ var terms = [
     term: "txt_tier_2_term",
     upgrade: "txt_tier_2_upgrade",
     upgradetext: "txt_tier_2_upgradetext",
-    logos: [aesirx_default, web3id_default]
+    logos: [shield_of_privacy_default]
   },
   {
     level: 3,
@@ -8275,7 +9497,7 @@ var terms = [
     term: "txt_tier_3_term",
     upgrade: "txt_tier_3_upgrade",
     upgradetext: "txt_tier_3_upgradetext",
-    logos: [aesirx_default, web3id_default]
+    logos: [shield_of_privacy_default]
   },
   {
     level: 4,
@@ -8285,7 +9507,7 @@ var terms = [
     content: "txt_tier_4_content",
     term: "txt_tier_4_term",
     upgradetext: "txt_tier_4_upgradetext",
-    logos: [aesirx_default, web3id_default, concordium_default]
+    logos: [shield_of_privacy_default, concordium_default]
   }
 ];
 var TermsComponent = ({ children, level, handleLevel }) => {
@@ -8293,12 +9515,20 @@ var TermsComponent = ({ children, level, handleLevel }) => {
   const handleReadmore = (status) => {
     setShowReadmore(status);
   };
-  const [showReadmore, setShowReadmore] = useState2(false);
+  const [showReadmore, setShowReadmore] = useState2(true);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, terms.map(
-    (term, key) => term.level === level && /* @__PURE__ */ React.createElement(Fragment, { key }, /* @__PURE__ */ React.createElement("div", { className: "rounded-top d-flex justify-content-between bg-light p-3 fw-bold flex-wrap" }, /* @__PURE__ */ React.createElement("div", null, t(term.name)), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${term.level} rounded-circle` }), t(term.tier), " - ", t(term.levelname))), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white" }, /* @__PURE__ */ React.createElement("span", { className: "fw-bold" }, t(term.content)), " ", /* @__PURE__ */ React.createElement("span", { className: "fw-light" }, t(term.term)), /* @__PURE__ */ React.createElement("div", { className: "read-more" }, /* @__PURE__ */ React.createElement(
+    (term, key) => term.level === level && /* @__PURE__ */ React.createElement(Fragment, { key }, /* @__PURE__ */ React.createElement("div", { className: "rounded-top d-flex justify-content-between bg-white p-3 fw-medium flex-wrap border-bottom" }, /* @__PURE__ */ React.createElement("div", { className: "text-primary" }, t(term.name)), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center fs-14 text-primary" }, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${term.level} rounded-circle` }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text" }, t(term.tier), " - ", t(term.levelname)))), /* @__PURE__ */ React.createElement("div", { className: "p-3 bg-white" }, /* @__PURE__ */ React.createElement("span", { className: "text-dark fw-medium" }, t(term.content)), " ", /* @__PURE__ */ React.createElement("span", { className: "" }, t(term.term)), /* @__PURE__ */ React.createElement("div", { className: "read-more d-flex justify-content-between align-items-center" }, term.upgrade && /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: "fs-14 text-success fw-bold",
+        href: "#",
+        onClick: () => handleLevel(terms[key + 1].level)
+      },
+      t(term.upgrade)
+    ), /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: "read-more-btn",
+        className: "ms-auto read-more-btn",
         onClick: () => {
           handleReadmore(!showReadmore ? true : false);
         }
@@ -8312,15 +9542,7 @@ var TermsComponent = ({ children, level, handleLevel }) => {
         className: "position-absolute h-100 w-100 object-fit-cover lightning flash-effect",
         src: bg_default
       }
-    ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, showReadmore && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, term.logos.map((logo, i) => /* @__PURE__ */ React.createElement(Fragment, { key: i }, /* @__PURE__ */ React.createElement("img", { className: "me-2", src: logo, alt: t(term.levelname) })))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start my-3" }, /* @__PURE__ */ React.createElement("img", { src: upgrade_default }), /* @__PURE__ */ React.createElement("div", { className: "ms-3" }, term.upgrade && /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        className: "text-white",
-        href: "#",
-        onClick: () => handleLevel(terms[key + 1].level)
-      },
-      t(term.upgrade)
-    ), t(term.upgradetext), /* @__PURE__ */ React.createElement("div", { className: "fst-italic" }, t("txt_no_collect"))))), /* @__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: t(term.name) }), " ", t("txt_shield_of_privacy")), children))))
+    ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, showReadmore && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, term.upgrade && t(term.upgrade), t(term.upgradetext), /* @__PURE__ */ React.createElement("div", { className: "fs-14 fst-italic" }, "* ", t("txt_no_collect")))), /* @__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: t(term.name) }), " ", t("txt_shield_of_privacy")), children))))
   ));
 };
 
@@ -8333,6 +9555,9 @@ var yes_default = 'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 1
 // src/Assets/no.svg
 var no_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="%231AB394"/>%0A</svg>%0A';
 
+// src/Assets/no_white.svg
+var no_white_default = 'data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M9 2C13.1421 2 16.5 5.35786 16.5 9.5C16.5 13.6421 13.1421 17 9 17C4.85786 17 1.5 13.6421 1.5 9.5C1.5 5.35786 4.85786 2 9 2ZM9 3.125C5.47918 3.125 2.625 5.97918 2.625 9.5C2.625 13.0208 5.47918 15.875 9 15.875C12.5208 15.875 15.375 13.0208 15.375 9.5C15.375 5.97918 12.5208 3.125 9 3.125ZM11.5847 6.79779L11.6477 6.85225C11.8474 7.05195 11.8656 7.36445 11.7022 7.58466L11.6477 7.64775L9.79575 9.5L11.6477 11.3523C11.8474 11.552 11.8656 11.8645 11.7022 12.0847L11.6477 12.1477C11.448 12.3474 11.1355 12.3656 10.9153 12.2022L10.8523 12.1477L9 10.2957L7.14775 12.1477C6.94805 12.3474 6.63555 12.3656 6.41534 12.2022L6.35225 12.1477C6.15255 11.948 6.1344 11.6355 6.29779 11.4153L6.35225 11.3523L8.20425 9.5L6.35225 7.64775C6.15255 7.44805 6.1344 7.13555 6.29779 6.91534L6.35225 6.85225C6.55195 6.65255 6.86445 6.6344 7.08466 6.79779L7.14775 6.85225L9 8.70425L10.8523 6.85225C11.052 6.65255 11.3645 6.6344 11.5847 6.79779Z" fill="%23fff"/>%0A</svg>%0A';
+
 // src/Components/Consent.tsx
 import ContentLoader from "react-content-loader";
 import { SSOButton } from "aesirx-sso";
@@ -8340,7 +9565,8 @@ import {
   MAINNET as MAINNET2,
   WithWalletConnector,
   useConnection as useConnection2,
-  useConnect as useConnect2
+  useConnect as useConnect2,
+  stringMessage as stringMessage2
 } from "@concordium/react-components";
 import { OsTypes, isMobile as isMobile2, osName } from "react-device-detect";
 
@@ -8401,14 +9627,50 @@ var LoadingStatus = ({ loading }) => {
 };
 
 // src/Components/Connect.tsx
-import React3, { useState as useState3 } from "react";
+import React4, { Suspense, useState as useState4 } from "react";
 import { Modal } from "react-bootstrap";
 import { isMobile, isDesktop as isDesktop2 } from "react-device-detect";
 
 // src/Assets/concordium_logo.png
 var concordium_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF5SURBVHgBrVXtcYMwDJVz/I83qDdoOkHpBtkARmgmgE5QNkg2aDtB2IBkgtIJSCdwpdrcCUcGUvruFDv6eEiyMApGYK3VuGxQUpQ7r/5GaVA+lFIXuAVEiFKgdDaOdIwjEUgp4A1FwwIkAWmGy0Hwa1FqvzfgWjMPSLoRyt2TXvDVvv+ziD8D0hwWIPGkObgSe+zwxA/soZTdFmWNckZbHSQ1iEd7KWW7D4IKoUXkb5hPejUxQm/TCVJOrpnvkdkqUmyZouPl22mUzL9i+mYF7s3qcWL7q2kQEIvVq8BRR/YxrGMGIm4jZDVM48z2hu0vIbGx/oXwF8w7xEH2iv1/ZPuv3187vGxee6s/wEY4tC6YHhPYM+UNJS4Fe+IDZnxigTm4g1r7bCp+ZaL9GZd7Fr/jmXXBjBr4D9BThXIz+CNUQF7CsCWEFtyEUGvo60EtobJfwjtjFERu5yGFW+FP+biEOJGUWGKLy5N1M52DK117oWmgtrQwgh9inye0Cp+8ygAAAABJRU5ErkJggg==";
 
+// src/Components/Ethereum/connect.tsx
+import { useWeb3Modal } from "@web3modal/react";
+import React3, { useState as useState3 } from "react";
+
+// src/Assets/ethereum_logo.png
+var ethereum_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAhCAYAAAA2/OAtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI/SURBVHgBxVY9SEJRFD6vokgIAqea3uTUIDS5Ra4GtbiqY1POLRkEDSHmFE3RFi4NOrXkFARGDkLkotEQ/QiBYBSFfUfPq+fzvvd8JvTBx33v3nM+z73n3PMkGhDtdjtKowQE42AJDNIoACEdrIloBvS5+YyROzZAXZ5ZMOLm4CjKUWJIWqbDmA/QsKLAuc38Cg0jysmh321bEcB6mLyIyra3yBkRu6TZRZoi+ygNsGB0IFH8+iqGGA2GkCppqkgz5A1xR1H8Kp+jTt7gh19P7WomQR1DTeH0IPMn4Au4CM5YbFrgjqZpDX6ZMC2kFGIlGRnvYFWogwvgvKxx0uJg+kdUajImjnfgrUlMhbpwRiLnZHHtBhBtVcPDLCYuwSZYEWEVroQqGOKTYJYjnQPz1H9OXsABFcFPcHoM4d7gYRe8oL/hCaxwsjTJOuGljmc/dW+JqhnbbZ+jrMP/Q/x9nZLCyz4PYFbEQ9TtRH4H0U5SYd+UHhCR4HKGKCfrWoxTWDiWeTbkbuQzifK5PYOPsPuSbsV2b9St1Za5+IMm4TqYgEFRtsROU+AZeC9iAdmNcfc3jeLvAQyT7V4cGWeOcVxGvpbr4KGJ6mtqEuZuv2SZToF7chTLchwGyojwwE1Up+5nRLcsqbLP201bt93X+jj7GBI0GHKqc1R2fk4Qhiw5Iw+7smrB9sMHB/40l22WG1gv2Pm6faLXwFfLHPfOtJOTo6ic77ZluqCsR69ARZzKf6k4jQp8jaXI/fRf+AaHjRu6xDEXQwAAAABJRU5ErkJggg==";
+
+// src/Components/Ethereum/connect.tsx
+var ConnectMetamask = () => {
+  const [loading, setLoading] = useState3(false);
+  const { open } = useWeb3Modal();
+  async function onOpen() {
+    setLoading(true);
+    await open();
+    setLoading(false);
+  }
+  return /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      onClick: onOpen,
+      disabled: loading,
+      className: "btn btn-ethereum fw-medium px-4 fs-18 lh-sm w-100 btn-secondary text-white d-flex align-items-center justify-content-start"
+    },
+    loading ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+      "span",
+      {
+        className: "spinner-border spinner-border-sm me-1",
+        role: "status",
+        "aria-hidden": "true"
+      }
+    ), "Waiting for signing...") : /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("img", { className: "me-3", src: ethereum_logo_default, alt: "Ethereum Logo" }), "Ethereum wallets")
+  );
+};
+var connect_default = ConnectMetamask;
+
 // src/Components/Connect.tsx
+import { useAccount as useAccount2 } from "wagmi";
 var ConnectModal = ({
   isConnecting,
   handleOnConnect,
@@ -8416,63 +9678,210 @@ var ConnectModal = ({
   activeConnectorType,
   activeConnector
 }) => {
-  const [show, setShow] = useState3(true);
+  const [show, setShow] = useState4(true);
   const handleClose = () => setShow(false);
   const { t } = useTranslation();
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Modal, { className: "aesirxconsent-modal", show, onHide: handleClose }, /* @__PURE__ */ React3.createElement(Modal.Body, { className: "aesirxconsent" }, /* @__PURE__ */ React3.createElement("div", { className: "pb-4 px-4 block-wallet rounded-top" }, /* @__PURE__ */ React3.createElement("div", { className: "px-3 text-center" }, /* @__PURE__ */ React3.createElement("h3", { className: "fs-3 fw-semibold mt-2 mb-4 text-primary" }, t("txt_please_connect_your_wallet")), /* @__PURE__ */ React3.createElement("div", { className: "d-flex flex-row flex-wrap" }, isDesktop2 && /* @__PURE__ */ React3.createElement(
-    "button",
-    {
-      disabled: isConnecting,
-      className: "btn btn-primary btn-concordium flex-grow-1 fw-medium py-2 px-4 lh-sm text-white d-flex align-items-center justify-content-center mb-3",
-      onClick: () => handleOnConnect(BROWSER_WALLET)
-    },
-    isConnecting ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
-      "span",
-      {
-        className: "spinner-border spinner-border-sm me-1",
-        role: "status",
-        "aria-hidden": "true"
-      }
-    ), t("txt_connecting")) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, " ", /* @__PURE__ */ React3.createElement(
-      "img",
-      {
-        src: concordium_logo_default,
-        className: "me-3 align-text-bottom",
-        alt: "Concordium"
-      }
-    ), "Concordium Browser Wallet")
-  ), /* @__PURE__ */ React3.createElement(
-    "button",
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+    Modal,
     {
-      className: "btn btn-primary btn-concordium flex-grow-1 fw-medium py-2 px-4 lh-sm text-white d-flex align-items-center justify-content-center",
-      onClick: () => handleOnConnect(WALLET_CONNECT)
+      className: "aesirxconsent aesirxconsent-modal",
+      show,
+      onHide: handleClose,
+      centered: true
     },
-    !activeConnectorError && activeConnectorType && !activeConnector ? /* @__PURE__ */ React3.createElement(
-      "span",
+    /* @__PURE__ */ React4.createElement(Modal.Body, { className: "aesirxconsent" }, /* @__PURE__ */ React4.createElement("div", { className: "p-4 block-wallet rounded-top" }, /* @__PURE__ */ React4.createElement("div", { className: "px-3 text-center" }, /* @__PURE__ */ React4.createElement("h3", { className: "fs-3 fw-semibold mt-2 mb-4 text-primary" }, t("txt_please_connect_your_wallet")), /* @__PURE__ */ React4.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React4.createElement(Suspense, { fallback: /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Loading...") }, /* @__PURE__ */ React4.createElement(SSOEthereumApp, { handleOnConnect }))), /* @__PURE__ */ React4.createElement("div", { className: "d-flex flex-row flex-wrap" }, isDesktop2 && /* @__PURE__ */ React4.createElement(
+      "button",
       {
-        className: "spinner-border spinner-border-sm me-1",
-        role: "status",
-        "aria-hidden": "true"
-      }
-    ) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, " ", /* @__PURE__ */ React3.createElement(
-      "img",
+        disabled: isConnecting,
+        className: "btn btn-primary btn-concordium flex-grow-1 fw-medium py-2 px-4 lh-sm text-white d-flex align-items-center justify-content-start mb-3",
+        onClick: () => handleOnConnect(BROWSER_WALLET)
+      },
+      isConnecting ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+        "span",
+        {
+          className: "spinner-border spinner-border-sm me-1",
+          role: "status",
+          "aria-hidden": "true"
+        }
+      ), t("txt_connecting")) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, " ", /* @__PURE__ */ React4.createElement(
+        "img",
+        {
+          src: concordium_logo_default,
+          className: "me-3 align-text-bottom",
+          alt: "Concordium"
+        }
+      ), "Concordium Browser Wallet")
+    ), /* @__PURE__ */ React4.createElement(
+      "button",
       {
-        src: concordium_logo_default,
-        className: "me-3 align-text-bottom",
-        alt: "Concordium"
-      }
-    ), isMobile ? "Concordium or CryptoX" : "QR Code (Concordium Mobile or CryptoX Mobile)")
-  )), " ")))));
+        className: "btn btn-primary btn-concordium flex-grow-1 fw-medium py-2 px-4 lh-sm text-white d-flex align-items-center justify-content-start text-start",
+        onClick: () => handleOnConnect(WALLET_CONNECT)
+      },
+      !activeConnectorError && activeConnectorType && !activeConnector ? /* @__PURE__ */ React4.createElement(
+        "span",
+        {
+          className: "spinner-border spinner-border-sm me-1",
+          role: "status",
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, " ", /* @__PURE__ */ React4.createElement(
+        "img",
+        {
+          src: concordium_logo_default,
+          className: "me-3 align-text-bottom",
+          alt: "Concordium"
+        }
+      ), isMobile ? "Concordium or CryptoX" : "QR Code (Concordium Mobile or CryptoX Mobile)")
+    )), " ")))
+  ));
+};
+var SSOEthereumApp = ({ handleOnConnect }) => {
+  const { isConnected } = useAccount2({
+    onConnect() {
+      handleOnConnect("", "metamask");
+    }
+  });
+  return isConnected ? /* @__PURE__ */ React4.createElement(React4.Fragment, null) : /* @__PURE__ */ React4.createElement(connect_default, null);
 };
 var Connect_default = ConnectModal;
 
 // src/Components/Consent.tsx
-var ConsentComponent = ({ endpoint }) => {
-  return /* @__PURE__ */ React4.createElement(WithWalletConnector, { network: MAINNET2 }, (props) => /* @__PURE__ */ React4.createElement(ConsentComponentApp, { ...props, endpoint }));
+import { useAccount as useAccount3, useSignMessage } from "wagmi";
+
+// src/Components/Ethereum/index.tsx
+import React5 from "react";
+import { configureChains, createConfig, WagmiConfig } from "wagmi";
+import { EthereumClient, w3mConnectors, w3mProvider } from "@web3modal/ethereum";
+import {
+  arbitrum,
+  arbitrumGoerli,
+  aurora,
+  auroraTestnet,
+  avalanche,
+  avalancheFuji,
+  baseGoerli,
+  bronos,
+  bronosTestnet,
+  bsc,
+  bscTestnet,
+  canto,
+  celo,
+  celoAlfajores,
+  crossbell,
+  evmos,
+  evmosTestnet,
+  fantom,
+  fantomTestnet,
+  filecoin,
+  filecoinCalibration,
+  filecoinHyperspace,
+  foundry,
+  gnosis,
+  gnosisChiado,
+  goerli,
+  hardhat,
+  harmonyOne,
+  iotex,
+  iotexTestnet,
+  localhost,
+  mainnet,
+  metis,
+  metisGoerli,
+  moonbaseAlpha,
+  moonbeam,
+  moonriver,
+  okc,
+  optimism,
+  optimismGoerli,
+  polygon,
+  polygonMumbai,
+  polygonZkEvmTestnet,
+  sepolia,
+  taraxa,
+  taraxaTestnet,
+  telos,
+  telosTestnet,
+  zkSync,
+  zkSyncTestnet
+} from "wagmi/chains";
+import { Web3Modal } from "@web3modal/react";
+import { CONCORDIUM_WALLET_CONNECT_PROJECT_ID as CONCORDIUM_WALLET_CONNECT_PROJECT_ID2 } from "@concordium/react-components";
+var chains = [
+  arbitrum,
+  arbitrumGoerli,
+  aurora,
+  auroraTestnet,
+  avalanche,
+  avalancheFuji,
+  baseGoerli,
+  bronos,
+  bronosTestnet,
+  bsc,
+  bscTestnet,
+  canto,
+  celo,
+  celoAlfajores,
+  crossbell,
+  evmos,
+  evmosTestnet,
+  fantom,
+  fantomTestnet,
+  filecoin,
+  filecoinCalibration,
+  filecoinHyperspace,
+  foundry,
+  gnosis,
+  gnosisChiado,
+  goerli,
+  hardhat,
+  harmonyOne,
+  iotex,
+  iotexTestnet,
+  localhost,
+  mainnet,
+  metis,
+  metisGoerli,
+  moonbaseAlpha,
+  moonbeam,
+  moonriver,
+  okc,
+  optimism,
+  optimismGoerli,
+  polygon,
+  polygonMumbai,
+  polygonZkEvmTestnet,
+  sepolia,
+  taraxa,
+  taraxaTestnet,
+  telos,
+  telosTestnet,
+  zkSync,
+  zkSyncTestnet
+];
+var projectId = CONCORDIUM_WALLET_CONNECT_PROJECT_ID2;
+var { publicClient, webSocketPublicClient } = configureChains(chains, [
+  w3mProvider({ projectId })
+]);
+var wagmiConfig = createConfig({
+  autoConnect: true,
+  connectors: w3mConnectors({ projectId, chains }),
+  publicClient,
+  webSocketPublicClient
+});
+var ethereumClient = new EthereumClient(wagmiConfig, chains);
+var SSOEthereumProvider = ({ children }) => {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(WagmiConfig, { config: wagmiConfig }, children), /* @__PURE__ */ React5.createElement(Web3Modal, { projectId, ethereumClient }));
+};
+var Ethereum_default = SSOEthereumProvider;
+
+// src/Components/Consent.tsx
+var ConsentComponent = ({ endpoint, aesirXEndpoint }) => {
+  return /* @__PURE__ */ React6.createElement(WithWalletConnector, { network: MAINNET2 }, (props) => /* @__PURE__ */ React6.createElement("div", { className: "aesirxconsent" }, /* @__PURE__ */ React6.createElement(Ethereum_default, null, /* @__PURE__ */ React6.createElement(ConsentComponentApp, { ...props, endpoint, aesirXEndpoint }))));
 };
 var ConsentComponentApp = (props) => {
   const {
     endpoint,
+    aesirXEndpoint,
     activeConnectorType,
     activeConnector,
     activeConnectorError,
@@ -8482,8 +9891,10 @@ var ConsentComponentApp = (props) => {
   } = props;
   const { setConnection } = useConnection2(connectedAccounts, genesisHashes);
   const { isConnecting } = useConnect2(activeConnector, setConnection);
-  const handleOnConnect = async (connectorType) => {
-    await setActiveConnectorType(connectorType);
+  const handleOnConnect = async (connectorType, network = "concordium") => {
+    if (network === "concordium") {
+      setActiveConnectorType(connectorType);
+    }
     setLoading("done");
   };
   const [
@@ -8494,18 +9905,81 @@ var ConsentComponentApp = (props) => {
     show,
     setShow,
     web3ID,
+    setWeb3ID,
     handleLevel,
     showRevoke,
-    handleRevoke,
-    showConnectModal
+    handleRevoke
   ] = useConsentStatus_default(endpoint, props);
-  const [consents, setConsents] = useState4([1, 2]);
-  const [loading, setLoading] = useState4("done");
-  const [showExpandConsent, setShowExpandConsent] = useState4(true);
-  const [showExpandRevoke, setShowExpandRevoke] = useState4(false);
-  const [showBackdrop, setShowBackdrop] = useState4(true);
+  const [consents, setConsents] = useState5([1, 2]);
+  const [loading, setLoading] = useState5("done");
+  const [loadingCheckAccount, setLoadingCheckAccount] = useState5(false);
+  const [showExpandConsent, setShowExpandConsent] = useState5(true);
+  const [showExpandRevoke, setShowExpandRevoke] = useState5(false);
+  const [showBackdrop, setShowBackdrop] = useState5(true);
   const analyticsContext = useContext2(AnalyticsContext);
   const { t } = useTranslation();
+  const { address, connector } = useAccount3();
+  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:{}", "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");
+      toast2.error(error.message);
+    }
+  });
   const handleChange = async ({ target: { value } }) => {
     if (consents.indexOf(parseInt(value)) === -1) {
       setConsents([...consents, ...[parseInt(value)]]);
@@ -8516,11 +9990,69 @@ var ConsentComponentApp = (props) => {
   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,
+                    stringMessage2(`${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);
+                toast2(error.message);
+              }
+            }
+          } catch (error) {
+            SSOClick(".loginSSO");
+            setLoadingCheckAccount(false);
+            return;
+          }
+        }
         if (account) {
-          const signature = await getSignature(endpoint, account, connection, "Give consent:{}");
+          const signature = await getSignature(
+            endpoint,
+            account,
+            connection,
+            level === 3 ? "Give consent:{}" : "Give consent Tier 4:{}"
+          );
           setLoading("saving");
-          await agreeConsents(endpoint, level, uuid, consents, account, signature, web3ID);
+          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:{}" : "Give consent Tier 4:{}",
+              "metamask"
+            );
+            signMessage({ message: `${nonce}` });
+          }
         } else {
           setLoading("connect");
           flag = false;
@@ -8537,7 +10069,7 @@ var ConsentComponentApp = (props) => {
           }
         });
       }
-      if (flag) {
+      if (flag && (account || level < 3)) {
         sessionStorage.setItem("aesirx-analytics-uuid", uuid);
         sessionStorage.setItem("aesirx-analytics-allow", "1");
         setShow(false);
@@ -8546,6 +10078,7 @@ var ConsentComponentApp = (props) => {
         setShowBackdrop(false);
       }
     } catch (error) {
+      console.log(error);
       handleNotAllow();
       setLoading("done");
       toast2.error(error?.response?.data?.error ?? error.message);
@@ -8554,12 +10087,71 @@ var ConsentComponentApp = (props) => {
   const onGetData = async (response) => {
     try {
       setLoading("saving");
+      const levelRevoke = sessionStorage.getItem("aesirx-analytics-revoke");
       sessionStorage.setItem("aesirx-analytics-jwt", response?.jwt);
-      await agreeConsents(endpoint, level, uuid, consents, null, null, null, response?.jwt);
-      setShow(false);
-      handleRevoke(true, level);
-      setLoading("done");
+      if (levelRevoke && levelRevoke !== "0") {
+        sessionStorage.setItem(
+          "aesirx-analytics-consent-type",
+          response?.loginType === "concordium" ? "concordium" : "metamask"
+        );
+        handleRevokeBtn();
+      } else {
+        if (level === 4) {
+          let hasWeb3ID = true;
+          if (response?.loginType === "concordium") {
+            const web3ID2 = await getWeb3ID(connection, account);
+            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:{}"
+              );
+              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:{}", "metamask");
+              signMessage({ message: `${nonce}` });
+            }
+          } else {
+            handleLevel(3);
+            toast2(
+              "You haven't minted any WEB3 ID yet. Try to mint at https://dapp.shield.aesirx.io"
+            );
+            setLoading("done");
+          }
+        } 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");
       toast2.error(error?.response?.data?.error ?? error.message);
@@ -8573,11 +10165,17 @@ var ConsentComponentApp = (props) => {
   };
   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 (account) {
+          if (!jwt && (parseInt(levelRevoke) === 2 || parseInt(levelRevoke) === 4)) {
+            SSOClick(".revokeLogin");
+            return;
+          }
+          if (account && consentType !== "metamask") {
             setLoading("sign");
             const signature = await getSignature(
               endpoint,
@@ -8594,11 +10192,17 @@ var ConsentComponentApp = (props) => {
                 consent?.consent_uuid,
                 account,
                 signature,
-                web3ID
+                web3ID,
+                jwt
               );
             });
             setLoading("done");
             handleRevoke(false);
+          } else if (connector) {
+            setLoading("sign");
+            setLoading("saving");
+            const nonce = await getNonce(endpoint, address, "Revoke consent:{}", "metamask");
+            signMessage({ message: `${nonce}` });
           } else {
             setLoading("connect");
             flag = false;
@@ -8614,13 +10218,13 @@ var ConsentComponentApp = (props) => {
               null,
               null,
               null,
-              sessionStorage.getItem("aesirx-analytics-jwt")
+              jwt
             );
           });
           setLoading("done");
           handleRevoke(false);
         }
-        if (flag) {
+        if (flag && (account && consentType !== "metamask" || level < 3)) {
           setShowExpandConsent(false);
           setShow(true);
           setShowBackdrop(false);
@@ -8634,165 +10238,212 @@ var ConsentComponentApp = (props) => {
         sessionStorage.removeItem("aesirx-analytics-allow");
       }
     } catch (error) {
+      console.log(error);
       setLoading("done");
       toast2.error(error?.response?.data?.error ?? error.message);
     }
   };
+  const SSOClick = (selector) => {
+    const element = document.querySelector(selector);
+    element.click();
+  };
+  useEffect2(() => {
+    if (activeConnectorError) {
+      toast2.error(activeConnectorError);
+    }
+  }, [activeConnectorError]);
   useEffect2(() => {
     if (sessionStorage.getItem("aesirx-analytics-rejected") === "true") {
       setShowBackdrop(false);
       setShowExpandConsent(false);
     }
   }, []);
-  return /* @__PURE__ */ React4.createElement("div", { className: "aesirxconsent" }, /* @__PURE__ */ React4.createElement(ToastContainer, null), /* @__PURE__ */ React4.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React4.createElement("div", { tabIndex: -1, className: `toast-container position-fixed bottom-0 end-0 p-3` }, /* @__PURE__ */ React4.createElement(
+  console.log("level", uuid, level, web3ID, account, loading);
+  return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(ToastContainer, null), /* @__PURE__ */ React6.createElement("div", { className: `offcanvas-backdrop fade ${showBackdrop && show ? "show" : "d-none"}` }), /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      tabIndex: -1,
+      className: `toast-container position-fixed m-md-3 ${showExpandRevoke ? "top-50 start-50 translate-middle" : "bottom-0 end-0"}`
+    },
+    /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        className: `toast revoke-toast ${showRevoke || sessionStorage.getItem("aesirx-analytics-revoke") && sessionStorage.getItem("aesirx-analytics-revoke") !== "0" ? "show" : ""} ${showExpandRevoke ? "" : "minimize"}`
+      },
+      /* @__PURE__ */ React6.createElement(LoadingStatus, { loading }),
+      /* @__PURE__ */ React6.createElement("div", { className: "toast-body p-0 shadow mx-3 mx-md-0" }, /* @__PURE__ */ React6.createElement("div", { className: "revoke-wrapper minimize-shield-wrapper position-relative" }, !showExpandRevoke && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+        "img",
+        {
+          className: "cover-img position-absolute h-100 w-100 object-fit-cover",
+          src: bg_default
+        }
+      ), /* @__PURE__ */ React6.createElement(
+        "div",
+        {
+          className: "minimize-shield",
+          onClick: () => {
+            if (osName !== OsTypes?.IOS && isMobile2 && !connection && sessionStorage.getItem("aesirx-analytics-revoke") && parseInt(sessionStorage.getItem("aesirx-analytics-revoke")) > 2) {
+              setActiveConnectorType(WALLET_CONNECT);
+            }
+            setShowExpandRevoke(true);
+          }
+        },
+        /* @__PURE__ */ React6.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
+        t("txt_shield_of_privacy")
+      )), showExpandRevoke && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+        "div",
+        {
+          className: "minimize-revoke",
+          onClick: () => {
+            setShowExpandRevoke(false);
+          }
+        },
+        /* @__PURE__ */ React6.createElement("img", { src: no_default })
+      ), /* @__PURE__ */ React6.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React6.createElement("br", null), t("txt_visit"), " ", /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React6.createElement(
+        "img",
+        {
+          className: "cover-img position-absolute h-100 w-100 object-fit-cover",
+          src: bg_default
+        }
+      ), /* @__PURE__ */ React6.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React6.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React6.createElement("div", { className: "me-2" }, /* @__PURE__ */ React6.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), " ", t("txt_shield_of_privacy")), /* @__PURE__ */ React6.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React6.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__ */ React6.createElement(
+        Button2,
+        {
+          variant: "success",
+          onClick: handleRevokeBtn,
+          className: "text-white d-flex align-items-center revoke-btn fs-14"
+        },
+        t("txt_revoke_consent")
+      ) : /* @__PURE__ */ React6.createElement(React6.Fragment, null), (sessionStorage.getItem("aesirx-analytics-revoke") === "4" || sessionStorage.getItem("aesirx-analytics-revoke") === "2") && /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
+        SSOButton,
+        {
+          className: "d-none revokeLogin",
+          text: /* @__PURE__ */ React6.createElement(React6.Fragment, null, "Login Revoke"),
+          ssoState: "noscopes",
+          onGetData
+        }
+      )))))))))
+    )
+  ), /* @__PURE__ */ React6.createElement(
     "div",
     {
-      className: `toast revoke-toast ${showRevoke || sessionStorage.getItem("aesirx-analytics-revoke") && sessionStorage.getItem("aesirx-analytics-revoke") !== "0" ? "show" : ""} ${showExpandRevoke ? "" : "minimize"}`
+      tabIndex: -1,
+      className: `toast-container position-fixed m-md-3 ${showExpandConsent ? "top-50 start-50 translate-middle" : "bottom-0 end-0"}`
     },
-    /* @__PURE__ */ React4.createElement(LoadingStatus, { loading }),
-    /* @__PURE__ */ React4.createElement("div", { className: "toast-body p-0 " }, /* @__PURE__ */ React4.createElement("div", { className: "revoke-wrapper minimize-shield-wrapper position-relative" }, !showExpandRevoke && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React6.createElement("div", { className: `toast ${show ? "show" : ""} ${showExpandConsent ? "" : "minimize"}` }, /* @__PURE__ */ React6.createElement(LoadingStatus, { loading }), /* @__PURE__ */ React6.createElement("div", { className: "toast-body p-0 shadow mx-3 mx-md-0" }, !showExpandConsent ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("div", { className: "minimize-shield-wrapper position-relative" }, /* @__PURE__ */ React6.createElement(
       "img",
       {
         className: "cover-img position-absolute h-100 w-100 object-fit-cover",
         src: bg_default
       }
-    ), /* @__PURE__ */ React4.createElement(
+    ), /* @__PURE__ */ React6.createElement(
       "div",
       {
         className: "minimize-shield",
         onClick: () => {
-          if (osName !== OsTypes?.IOS && isMobile2 && !connection && sessionStorage.getItem("aesirx-analytics-revoke") && parseInt(sessionStorage.getItem("aesirx-analytics-revoke")) > 2) {
-            setActiveConnectorType(WALLET_CONNECT);
-          }
-          setShowExpandRevoke(true);
+          setShowExpandConsent(true);
+          sessionStorage.removeItem("aesirx-analytics-rejected");
         }
       },
-      /* @__PURE__ */ React4.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
+      /* @__PURE__ */ React6.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
       t("txt_shield_of_privacy")
-    )), showExpandRevoke && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
-      "div",
-      {
-        className: "minimize-revoke",
-        onClick: () => {
-          setShowExpandRevoke(false);
-        }
-      },
-      /* @__PURE__ */ React4.createElement("img", { src: no_default })
-    ), /* @__PURE__ */ React4.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React4.createElement("br", null), t("txt_visit"), " ", /* @__PURE__ */ React4.createElement(
-      "a",
+    ))) : /* @__PURE__ */ React6.createElement(React6.Fragment, null, level ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(TermsComponent, { level, handleLevel }, /* @__PURE__ */ React6.createElement(Form, { className: "mb-0" }, /* @__PURE__ */ React6.createElement(
+      Form.Check,
       {
-        href: "https://nft.shield.aesirx.io",
-        className: "text-success text-decoration-underline",
-        target: "_blank",
-        rel: "noreferrer"
-      },
-      t("txt_here")
-    ), " ", t("txt_for_more_information")), /* @__PURE__ */ React4.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React4.createElement(
-      "img",
+        checked: consents.includes(1),
+        type: "switch",
+        label: "Personal data share consent.",
+        value: 1,
+        onChange: handleChange,
+        className: "d-none"
+      }
+    ), /* @__PURE__ */ React6.createElement(
+      Form.Check,
       {
-        className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-        src: bg_default
+        checked: consents.includes(2),
+        type: "switch",
+        label: "Personal data cross site share consent.",
+        value: 2,
+        onChange: handleChange,
+        className: "d-none"
       }
-    ), /* @__PURE__ */ React4.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React4.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React4.createElement("div", { className: "me-2" }, /* @__PURE__ */ React4.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), " ", t("txt_shield_of_privacy")), /* @__PURE__ */ React4.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React4.createElement(
-      "a",
+    ), /* @__PURE__ */ React6.createElement("div", { className: "d-flex justify-content-end" }, loading === "done" ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+      "div",
       {
-        className: "text-success text-decoration-underline manage-consent",
-        href: "https://dapp.shield.aesirx.io/revoke-consent",
-        target: "_blank",
-        rel: "noreferrer"
+        className: `ssoBtnWrapper me-1 bg-success ${level === 2 || level === 4 && !account && !address ? "" : "d-none"}`
       },
-      t("txt_manage_consent")
-    ), loading === "done" ? /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React6.createElement(
+        SSOButton,
+        {
+          className: "btn btn-success text-white d-flex align-items-center loginSSO",
+          text: /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.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__ */ React6.createElement(React6.Fragment, null) : /* @__PURE__ */ React6.createElement(
       Button2,
       {
         variant: "success",
-        onClick: handleRevokeBtn,
-        className: "text-white d-flex align-items-center revoke-btn"
+        onClick: handleAgree,
+        className: "me-1 text-white d-flex align-items-center fs-14"
       },
-      t("txt_revoke_consent")
-    ) : /* @__PURE__ */ React4.createElement(React4.Fragment, null))))))))
-  )), /* @__PURE__ */ React4.createElement("div", { tabIndex: -1, className: `toast-container position-fixed bottom-0 end-0 p-3` }, /* @__PURE__ */ React4.createElement("div", { className: `toast ${show ? "show" : ""} ${showExpandConsent ? "" : "minimize"}` }, /* @__PURE__ */ React4.createElement(LoadingStatus, { loading }), /* @__PURE__ */ React4.createElement("div", { className: "toast-body p-0" }, !showExpandConsent ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "minimize-shield-wrapper position-relative" }, /* @__PURE__ */ React4.createElement(
-    "img",
-    {
-      className: "cover-img position-absolute h-100 w-100 object-fit-cover",
-      src: bg_default
-    }
-  ), /* @__PURE__ */ React4.createElement(
-    "div",
-    {
-      className: "minimize-shield",
-      onClick: () => {
-        setShowExpandConsent(true);
-        sessionStorage.removeItem("aesirx-analytics-rejected");
-      }
-    },
-    /* @__PURE__ */ React4.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }),
-    t("txt_shield_of_privacy")
-  ))) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, level ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(TermsComponent, { level, handleLevel }, /* @__PURE__ */ React4.createElement(Form, { className: "mb-0" }, /* @__PURE__ */ React4.createElement(
-    Form.Check,
-    {
-      checked: consents.includes(1),
-      type: "switch",
-      label: "Personal data share consent.",
-      value: 1,
-      onChange: handleChange,
-      className: "d-none"
-    }
-  ), /* @__PURE__ */ React4.createElement(
-    Form.Check,
-    {
-      checked: consents.includes(2),
-      type: "switch",
-      label: "Personal data cross site share consent.",
-      value: 2,
-      onChange: handleChange,
-      className: "d-none"
-    }
-  ), /* @__PURE__ */ React4.createElement("div", { className: "d-flex justify-content-end" }, loading === "done" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, level === 2 ? /* @__PURE__ */ React4.createElement("div", { className: "ssoBtnWrapper me-1 bg-success" }, /* @__PURE__ */ React4.createElement(
-    SSOButton,
-    {
-      className: "btn btn-success text-white d-flex align-items-center",
-      text: /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("img", { src: yes_default, className: "me-1" }), t("txt_yes_i_consent")),
-      ssoState: "noscopes",
-      onGetData
-    }
-  )) : /* @__PURE__ */ React4.createElement(
-    Button2,
-    {
-      variant: "success",
-      onClick: handleAgree,
-      className: "me-1 text-white d-flex align-items-center"
-    },
-    /* @__PURE__ */ React4.createElement("img", { src: yes_default, className: "me-1" }),
-    t("txt_yes_i_consent")
-  ), /* @__PURE__ */ React4.createElement(
-    Button2,
-    {
-      variant: "success-outline",
-      onClick: handleNotAllow,
-      className: "d-flex align-items-center"
-    },
-    /* @__PURE__ */ React4.createElement("img", { src: no_default, className: "me-1" }),
-    t("txt_reject_consent")
-  )) : /* @__PURE__ */ React4.createElement(React4.Fragment, null))))) : /* @__PURE__ */ React4.createElement("div", { className: "p-4" }, /* @__PURE__ */ React4.createElement(
-    ContentLoader,
-    {
-      speed: 2,
-      width: 340,
-      height: 84,
-      viewBox: "0 0 340 84",
-      backgroundColor: "#f3f3f3",
-      foregroundColor: "#ecebeb"
-    },
-    /* @__PURE__ */ React4.createElement("rect", { x: "0", y: "0", rx: "3", ry: "3", width: "67", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "76", y: "0", rx: "3", ry: "3", width: "140", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "127", y: "48", rx: "3", ry: "3", width: "53", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "187", y: "48", rx: "3", ry: "3", width: "72", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "18", y: "48", rx: "3", ry: "3", width: "100", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "0", y: "71", rx: "3", ry: "3", width: "37", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "18", y: "23", rx: "3", ry: "3", width: "140", height: "11" }),
-    /* @__PURE__ */ React4.createElement("rect", { x: "166", y: "23", rx: "3", ry: "3", width: "173", height: "11" })
-  )))))), !account && (loading === "connect" || showConnectModal) && /* @__PURE__ */ React4.createElement(
+      loadingCheckAccount ? /* @__PURE__ */ React6.createElement(
+        "span",
+        {
+          className: "spinner-border spinner-border-sm me-1",
+          role: "status",
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ React6.createElement("img", { src: yes_default, className: "me-1" }),
+      t("txt_yes_i_consent")
+    ), /* @__PURE__ */ React6.createElement(
+      Button2,
+      {
+        variant: "gray",
+        onClick: handleNotAllow,
+        className: "d-flex align-items-center fs-14"
+      },
+      /* @__PURE__ */ React6.createElement("img", { src: no_white_default, className: "me-1" }),
+      t("txt_reject_consent")
+    )) : /* @__PURE__ */ React6.createElement(React6.Fragment, null))))) : /* @__PURE__ */ React6.createElement("div", { className: "p-4" }, /* @__PURE__ */ React6.createElement(
+      ContentLoader,
+      {
+        speed: 2,
+        width: 340,
+        height: 84,
+        viewBox: "0 0 340 84",
+        backgroundColor: "#f3f3f3",
+        foregroundColor: "#ecebeb"
+      },
+      /* @__PURE__ */ React6.createElement("rect", { x: "0", y: "0", rx: "3", ry: "3", width: "67", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "76", y: "0", rx: "3", ry: "3", width: "140", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "127", y: "48", rx: "3", ry: "3", width: "53", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "187", y: "48", rx: "3", ry: "3", width: "72", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "18", y: "48", rx: "3", ry: "3", width: "100", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "0", y: "71", rx: "3", ry: "3", width: "37", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "18", y: "23", rx: "3", ry: "3", width: "140", height: "11" }),
+      /* @__PURE__ */ React6.createElement("rect", { x: "166", y: "23", rx: "3", ry: "3", width: "173", height: "11" })
+    )))))
+  ), !account && loading === "connect" && /* @__PURE__ */ React6.createElement(
     Connect_default,
     {
       isConnecting,