@particle-network/connectkit 2.0.14 → 2.0.16

package/dist/cjs/index.cjs

@@ -55,7 +55,7 @@ module.exports = __toCommonJS(src_exports);
 var EmailRegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 
 // src/hooks/useIconColor.ts
-var import_react52 = require("react");
+var import_react51 = require("react");
 
 // src/utils/theme.ts
 function getSystemMode() {
@@ -67,13 +67,13 @@ function getSystemMode() {
 }
 
 // src/hooks/useAppearance.ts
-var import_react51 = require("react");
+var import_react50 = require("react");
 
 // src/context/index.tsx
-var import_react50 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 
 // src/components/connectModal/index.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 
 // src/actions/getAccount.ts
 var import_viem = require("viem");
@@ -265,7 +265,7 @@ function useAccount() {
 }
 
 // src/hooks/useLocales.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/locales/en-US.json
 var en_US_default = {
@@ -815,22 +815,20 @@ String.prototype.format = function(...values) {
   return formatValue;
 };
 
-// src/hooks/useLanguage.ts
-var import_react2 = require("react");
-var useLanguage = () => {
+// src/hooks/useLocales.ts
+function useLocales() {
   const { appearance } = useAppearance();
   const language = (0, import_react2.useMemo)(() => {
     return appearance?.language ?? "en-US";
   }, [appearance.language]);
-  return language;
-};
-
-// src/hooks/useLocales.ts
-function useLocales() {
-  const language = useLanguage();
-  const translations = (0, import_react3.useMemo)(() => {
-    return getLocale(language);
-  }, [language]);
+  const overrideLocales = (0, import_react2.useMemo)(() => {
+    return appearance.overrideLocales;
+  }, [appearance.overrideLocales]);
+  const translations = (0, import_react2.useMemo)(() => {
+    const locales = getLocale(language);
+    const overrideLanguage = overrideLocales?.[language];
+    return { ...locales, ...overrideLanguage };
+  }, [language, overrideLocales]);
   if (!translations) {
     throw new Error(`Missing translations for ${language}`);
   }
@@ -860,7 +858,7 @@ var import_zustand5 = require("zustand");
 
 // src/pages/captcha/index.tsx
 var import_connector_core3 = require("@particle-network/connector-core");
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/assets/icons.tsx
 var import_framer_motion = require("framer-motion");
@@ -1500,7 +1498,7 @@ var CircleSpinner = ({
 var circleSpinner_default = CircleSpinner;
 
 // src/components/codeInput/index.tsx
-var import_react4 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 
 // src/components/codeInput/styles.ts
 var import_styled_components2 = require("styled-components");
@@ -1604,7 +1602,7 @@ var propsMap = {
     max: "9"
   }
 };
-var CodeInput = (0, import_react4.forwardRef)(
+var CodeInput = (0, import_react3.forwardRef)(
   ({
     allowedCharacters = "alphanumeric",
     ariaLabel,
@@ -1623,12 +1621,12 @@ var CodeInput = (0, import_react4.forwardRef)(
     if (!allowedCharactersValues.some((value) => value === allowedCharacters)) {
       throw new Error("Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric");
     }
-    const [focusIndex, setFocusIndex] = import_react4.default.useState(0);
-    const [showFocusBorder, setShowFocusBorder] = import_react4.default.useState(false);
-    const inputsRef = (0, import_react4.useRef)([]);
+    const [focusIndex, setFocusIndex] = import_react3.default.useState(0);
+    const [showFocusBorder, setShowFocusBorder] = import_react3.default.useState(false);
+    const inputsRef = (0, import_react3.useRef)([]);
     const inputProps = propsMap[allowedCharacters];
-    const codeInputContainerRef = (0, import_react4.useRef)(null);
-    (0, import_react4.useImperativeHandle)(ref, () => ({
+    const codeInputContainerRef = (0, import_react3.useRef)(null);
+    (0, import_react3.useImperativeHandle)(ref, () => ({
       focus: () => {
         if (inputsRef.current) {
           inputsRef.current[0]?.focus();
@@ -1646,7 +1644,7 @@ var CodeInput = (0, import_react4.forwardRef)(
         sendResult();
       }
     }));
-    (0, import_react4.useEffect)(() => {
+    (0, import_react3.useEffect)(() => {
       if (code) {
         for (let i = 0; i < inputsRef.current.length; i++) {
           inputsRef.current[i].value = "";
@@ -2088,7 +2086,7 @@ var FlexBetween = import_styled_components3.styled.div`
 `;
 
 // src/components/reSend/index.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/loadingSpinner/styles.ts
 var import_framer_motion5 = require("framer-motion");
@@ -2175,11 +2173,11 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var DownTime = 60;
 var ReSend = ({ reSendCode }) => {
   const locales = useLocales();
-  const [downTimeStatus, setDownTimeStatus] = (0, import_react5.useState)(0 /* NotStarted */);
+  const [downTimeStatus, setDownTimeStatus] = (0, import_react4.useState)(0 /* NotStarted */);
   const { showError } = useModalError();
-  const [downTime, setDownTime] = (0, import_react5.useState)(DownTime);
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const timerRef = (0, import_react5.useRef)(null);
+  const [downTime, setDownTime] = (0, import_react4.useState)(DownTime);
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const timerRef = (0, import_react4.useRef)(null);
   const downTimeCount = () => {
     setDownTime(DownTime);
     setDownTimeStatus(1 /* InProgress */);
@@ -2210,7 +2208,7 @@ var ReSend = ({ reSendCode }) => {
       setLoading(false);
     }, 100);
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     downTimeCount();
     return () => {
       clearInterval(timerRef.current);
@@ -2292,12 +2290,12 @@ var useLastConnectorId = (0, import_zustand3.create)((set) => ({
 }));
 
 // src/hooks/useMutation.ts
-var import_react6 = require("react");
+var import_react5 = require("react");
 var useMutation = (mutationFn, options) => {
-  const [status, setStatus] = (0, import_react6.useState)("idle");
-  const [data, setData] = (0, import_react6.useState)(null);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const mutateAsync = (0, import_react6.useCallback)(
+  const [status, setStatus] = (0, import_react5.useState)("idle");
+  const [data, setData] = (0, import_react5.useState)(null);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const mutateAsync = (0, import_react5.useCallback)(
     async (variables) => {
       if (options?.onMutate) {
         options.onMutate(variables);
@@ -2330,7 +2328,7 @@ var useMutation = (mutationFn, options) => {
     },
     [mutationFn, options]
   );
-  const mutate = (0, import_react6.useCallback)(
+  const mutate = (0, import_react5.useCallback)(
     (variables) => {
       mutateAsync(variables).catch(() => {
       });
@@ -2380,7 +2378,7 @@ function useConnect(parameters) {
 }
 
 // src/hooks/useConnectors.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/actions/getConnectors.ts
 var previousConnectors = [];
@@ -2403,7 +2401,7 @@ function watchConnectors(config, parameters) {
 // src/hooks/useConnectors.ts
 var useConnectors = () => {
   const { config } = useContext();
-  return (0, import_react7.useSyncExternalStore)(
+  return (0, import_react6.useSyncExternalStore)(
     (onChange) => watchConnectors(config, { onChange }),
     () => getConnectors(config),
     () => getConnectors(config)
@@ -2415,7 +2413,7 @@ function useConnector(id) {
 }
 
 // src/hooks/useRouter.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 var useRouter = () => {
   const { setOpen, open } = useModalState();
   const setRoute = useRouteState((state) => state.setRoute);
@@ -2439,7 +2437,7 @@ var useRouter = () => {
     }
     setRoute({ path: validRoute, state });
   };
-  const close = (0, import_react8.useCallback)(() => {
+  const close = (0, import_react7.useCallback)(() => {
     setOpen(false);
   }, [setOpen]);
   return {
@@ -2542,8 +2540,8 @@ var Page = ({ value, type }) => {
   const connector = useConnector((0, import_connector_core3.isEVMChain)(config.chains[0]) ? "particleEVM" : "particleSolana");
   const { connectAsync } = useConnect();
   const { appearance } = useAppearance();
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const emailCaptchaWrapperRef = (0, import_react9.useRef)(null);
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const emailCaptchaWrapperRef = (0, import_react8.useRef)(null);
   const walletConnector = useWalletConnector("particleAuth");
   const { navigate } = useRouter();
   const loginHandler = async (params) => {
@@ -2644,7 +2642,7 @@ var captcha_default = Page;
 
 // src/pages/connecting/index.tsx
 var import_framer_motion9 = require("framer-motion");
-var import_react14 = require("react");
+var import_react13 = require("react");
 
 // src/components/squircleSpinner/index.tsx
 var import_framer_motion7 = require("framer-motion");
@@ -2761,7 +2759,7 @@ var SquircleSpinner = ({ logo, connecting = true }) => {
 var squircleSpinner_default = SquircleSpinner;
 
 // src/assets/wallets.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Injected = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "path",
@@ -2794,10 +2792,10 @@ var Coinbase = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("
 ] });
 var Trust = ({ ...props }) => {
   const { currentMode } = useIconColor_default();
-  const id = (0, import_react10.useMemo)(() => {
+  const id = (0, import_react9.useMemo)(() => {
     return Math.random().toString(36).substring(7);
   }, []);
-  const id2 = (0, import_react10.useMemo)(() => {
+  const id2 = (0, import_react9.useMemo)(() => {
     return Math.random().toString(36).substring(7);
   }, []);
   return currentMode === "light" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", ...props, children: [
@@ -3813,7 +3811,7 @@ var MetaMask = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("
   )
 ] });
 var OKX = ({ ...props }) => {
-  const id1 = (0, import_react10.useMemo)(() => {
+  const id1 = (0, import_react9.useMemo)(() => {
     return `okx_${Math.random().toString(36).substring(7)}_1`;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
@@ -3859,22 +3857,22 @@ var OKX = ({ ...props }) => {
   ] });
 };
 var BitKeep = ({ ...props }) => {
-  const id1 = (0, import_react10.useMemo)(() => {
+  const id1 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_1`;
   }, []);
-  const id2 = (0, import_react10.useMemo)(() => {
+  const id2 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_2`;
   }, []);
-  const id3 = (0, import_react10.useMemo)(() => {
+  const id3 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_3`;
   }, []);
-  const id4 = (0, import_react10.useMemo)(() => {
+  const id4 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_4`;
   }, []);
-  const id5 = (0, import_react10.useMemo)(() => {
+  const id5 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_5`;
   }, []);
-  const id6 = (0, import_react10.useMemo)(() => {
+  const id6 = (0, import_react9.useMemo)(() => {
     return `bitKeep_${Math.random().toString(36).substring(7)}_6`;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
@@ -4993,10 +4991,10 @@ var isPasskeySmartWallet = (id) => {
 };
 
 // src/hooks/useIsMobile.ts
-var import_react11 = require("react");
+var import_react10 = require("react");
 function useIsMobile() {
-  const [mobile, setMobile] = (0, import_react11.useState)(isMobile());
-  (0, import_react11.useEffect)(() => {
+  const [mobile, setMobile] = (0, import_react10.useState)(isMobile());
+  (0, import_react10.useEffect)(() => {
     const handleResize = () => {
       setMobile(isMobile());
     };
@@ -5007,13 +5005,13 @@ function useIsMobile() {
 }
 
 // src/hooks/useWalletConnectModal.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 function useWalletConnectModal() {
   const { connectAsync } = useConnect();
   const { config } = useContext();
   const walletConnector = useWalletConnector("evmWallet");
   const { updateLastConnectorId } = useLastConnectorId();
-  const [error, setError] = (0, import_react12.useState)();
+  const [error, setError] = (0, import_react11.useState)();
   const openW3m = async () => {
     setError(void 0);
     if (walletConnector && walletConnector.w3mConnector) {
@@ -5040,20 +5038,20 @@ function useWalletConnectModal() {
 }
 
 // src/hooks/useWalletConnectUri.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 function useWalletConnectUri(connectorId) {
   const connector = useConnector("walletConnect");
   const { connectAsync } = useConnect();
   const { updateLastConnectorId } = useLastConnectorId();
-  const [uri, setUri] = (0, import_react13.useState)();
-  const [error, setError] = (0, import_react13.useState)();
-  const handleMessage = (0, import_react13.useCallback)((message) => {
+  const [uri, setUri] = (0, import_react12.useState)();
+  const [error, setError] = (0, import_react12.useState)();
+  const handleMessage = (0, import_react12.useCallback)((message) => {
     const { type, data } = message;
     if (type === "display_uri") {
       setUri(data);
     }
   }, []);
-  const connectWalletConnect = (0, import_react13.useCallback)(
+  const connectWalletConnect = (0, import_react12.useCallback)(
     async (connector2) => {
       setError(void 0);
       try {
@@ -5067,7 +5065,7 @@ function useWalletConnectUri(connectorId) {
     },
     [connectAsync, connectorId, updateLastConnectorId]
   );
-  const requestUri = (0, import_react13.useCallback)(() => {
+  const requestUri = (0, import_react12.useCallback)(() => {
     if (connector) {
       connectWalletConnect(connector);
       connector.emitter.on("message", handleMessage);
@@ -5237,7 +5235,7 @@ var Page2 = ({
   passkeyParams
 }) => {
   const locales = useLocales();
-  const [status, setStatus] = (0, import_react14.useState)(States.CONNECTING);
+  const [status, setStatus] = (0, import_react13.useState)(States.CONNECTING);
   const controller = (0, import_framer_motion9.useAnimationControls)();
   const { config } = useContext();
   const {
@@ -5250,7 +5248,7 @@ var Page2 = ({
   const { updateLastConnectorId } = useLastConnectorId();
   const { openW3m, error: openW3mError } = useWalletConnectModal();
   const { isConnected } = useAccount();
-  const handleError = (0, import_react14.useCallback)((error) => {
+  const handleError = (0, import_react13.useCallback)((error) => {
     if (error) {
       if (error.code) {
         switch (error.code) {
@@ -5278,7 +5276,7 @@ var Page2 = ({
       }
     }
   }, []);
-  const connectCallback = (0, import_react14.useMemo)(
+  const connectCallback = (0, import_react13.useMemo)(
     () => ({
       onMutate: ({ connector }) => {
         if (connector) {
@@ -5294,10 +5292,10 @@ var Page2 = ({
     [handleError]
   );
   const { connect: connect2 } = useConnect(connectCallback);
-  const isPasskey = (0, import_react14.useMemo)(() => {
+  const isPasskey = (0, import_react13.useMemo)(() => {
     return wallet.connector.id === "passkeySmartWallet";
   }, [wallet]);
-  const walletInfo = (0, import_react14.useMemo)(() => {
+  const walletInfo = (0, import_react13.useMemo)(() => {
     let icon = wallet.icon;
     if (authParams?.socialType) {
       const Icon10 = getSocialIcon(authParams.socialType);
@@ -5315,7 +5313,7 @@ var Page2 = ({
       passkey
     };
   }, [wallet, authParams, passkeyParams, isPasskey]);
-  const suggestedExtension = (0, import_react14.useMemo)(() => {
+  const suggestedExtension = (0, import_react13.useMemo)(() => {
     return wallet?.downloadUrls ? {
       name: Object.keys(wallet?.downloadUrls)[0],
       label: Object.keys(wallet.downloadUrls)[0].charAt(0).toUpperCase() + Object.keys(wallet.downloadUrls)[0].slice(1),
@@ -5348,29 +5346,29 @@ var Page2 = ({
       setStatus(States.UNAVAILABLE);
     }
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const connectTimeout = setTimeout(onConnect, 200);
     return () => {
       clearTimeout(connectTimeout);
     };
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (uri && isMobile2 && wallet.connector.chainType === "evm" && wallet.getWalletConnectDeeplink) {
       const url = wallet.getWalletConnectDeeplink(uri);
       openMobileUrl(url);
     }
   }, [uri]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isMobile2 && requestWCUriError) {
       handleError(requestWCUriError);
     }
   }, [requestWCUriError, handleError]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isMobile2 && isWalletConnect(wallet.connector.id) && openW3mError) {
       handleError(openW3mError);
     }
   }, [openW3mError, handleError]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     return () => {
       if (!isConnected) {
         config.setState((x) => ({
@@ -5380,7 +5378,7 @@ var Page2 = ({
       }
     };
   }, [isConnected]);
-  const connectingH = (0, import_react14.useMemo)(() => {
+  const connectingH = (0, import_react13.useMemo)(() => {
     const walletName = walletInfo.shortName || walletInfo.name || "Wallet";
     if (status == States.CONNECTED) {
       return locales.connectingConnected;
@@ -5402,7 +5400,7 @@ var Page2 = ({
     }
     return locales.connectingRequest;
   }, [status, locales, walletInfo, suggestedExtension]);
-  const connectingP = (0, import_react14.useMemo)(() => {
+  const connectingP = (0, import_react13.useMemo)(() => {
     const walletName = walletInfo.shortName || walletInfo.name || "Wallet";
     if (status == States.CONNECTED) {
       return locales.connectingConnectedDesc;
@@ -5433,7 +5431,7 @@ var Page2 = ({
     }
     return locales.connectingRequestDesc;
   }, [status, locales, walletInfo, suggestedExtension]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (connectingH) {
       toggleAnim();
     }
@@ -5514,7 +5512,7 @@ var connecting_default = Page2;
 
 // src/components/socialLogin/index.tsx
 var import_connector_core4 = require("@particle-network/connector-core");
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/assets/toggle.tsx
 var import_framer_motion10 = require("framer-motion");
@@ -5948,14 +5946,14 @@ var SocialLogin = ({ expandList }) => {
   const evmWalletConnector = useWalletConnector("evmWallet");
   const { lastConnectorId } = useLastConnectorId();
   const connectWallet = useConnectWithWallet();
-  const recentConnectSocialAuthType = (0, import_react15.useMemo)(() => {
+  const recentConnectSocialAuthType = (0, import_react14.useMemo)(() => {
     if (lastConnectorId !== "particleSolana" && lastConnectorId !== "particleEVM") {
       return lastConnectorId;
     }
     const lastAuthType = walletConnector.auth.getLatestAuthType();
     return lastAuthType;
   }, [lastConnectorId, walletConnector.auth]);
-  const authTypes = (0, import_react15.useMemo)(() => {
+  const authTypes = (0, import_react14.useMemo)(() => {
     if (!walletConnector) {
       return [];
     }
@@ -5968,15 +5966,15 @@ var SocialLogin = ({ expandList }) => {
     }
     return walletConnector.supportAuthTypes;
   }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]);
-  const socialAuthTypes2 = (0, import_react15.useMemo)(() => {
+  const socialAuthTypes2 = (0, import_react14.useMemo)(() => {
     return authTypes.filter((item) => isSocialAuthType(item) || item === "passkeySmartWallet");
   }, [authTypes]);
-  const _expandList = (0, import_react15.useMemo)(() => {
+  const _expandList = (0, import_react14.useMemo)(() => {
     const evmConnector = config.getWalletConnector("evmWallet");
     const solanaConnector = config.getWalletConnector("solanaWallet");
     return expandList || !authTypes.includes("email") && !authTypes.includes("phone") && !evmConnector && !solanaConnector;
   }, [expandList, authTypes, config]);
-  const renderAuthTypes = (0, import_react15.useMemo)(() => {
+  const renderAuthTypes = (0, import_react14.useMemo)(() => {
     if (_expandList) {
       return socialAuthTypes2;
     }
@@ -6008,7 +6006,7 @@ var SocialLogin = ({ expandList }) => {
       navigate("login-passkey" /* LoginPasskey */);
     }
   };
-  const felxRow = (0, import_react15.useMemo)(() => {
+  const felxRow = (0, import_react14.useMemo)(() => {
     if (_expandList) {
       return false;
     }
@@ -6016,7 +6014,7 @@ var SocialLogin = ({ expandList }) => {
   }, [_expandList, socialAuthTypes2]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SocialLoginContainer, { $felxRow: felxRow, children: renderAuthTypes.map((authType, index) => {
     const Icon10 = getSocialIcon(authType);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react15.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react14.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SocialItem, { $felxRow: felxRow, onClick: () => onSocialLogin(authType), children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon10, {}),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: authType === "passkeySmartWallet" ? "Passkey" : authType }),
@@ -6032,7 +6030,7 @@ var SocialLogin = ({ expandList }) => {
 var socialLogin_default = SocialLogin;
 
 // src/components/wallets/index.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 
 // src/components/button/styles.ts
 var import_framer_motion13 = require("framer-motion");
@@ -6161,7 +6159,7 @@ var Wallets = ({ expandList }) => {
   const { lastConnectorId } = useLastConnectorId();
   const connectWallet = useConnectWithWallet();
   const { appearance } = useAppearance();
-  const walletData = (0, import_react16.useMemo)(() => {
+  const walletData = (0, import_react15.useMemo)(() => {
     const _wallets = wallets.filter(
       (wallet) => wallet.connector.type !== "particleAuth" && wallet.connector.id !== "passkeySmartWallet"
     );
@@ -6223,7 +6221,7 @@ var Wallets = ({ expandList }) => {
     });
     return datas;
   }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]);
-  const renderWallets = (0, import_react16.useMemo)(() => {
+  const renderWallets = (0, import_react15.useMemo)(() => {
     if (expandList) {
       return walletData;
     }
@@ -6235,7 +6233,7 @@ var Wallets = ({ expandList }) => {
     }
     return walletData;
   }, [walletData, expandList, appearance?.collapseWalletList]);
-  const displayActionBtn = (0, import_react16.useMemo)(() => {
+  const displayActionBtn = (0, import_react15.useMemo)(() => {
     return !expandList && (appearance?.collapseWalletList || walletData.length > 3);
   }, [expandList, appearance?.collapseWalletList, walletData]);
   const onWalletClick = (data) => {
@@ -6285,7 +6283,7 @@ var Connectors = ({ type = "wallet" }) => {
 var connectors_default = Connectors;
 
 // src/pages/downloadApp/index.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 
 // src/assets/browser/android.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -6980,7 +6978,7 @@ var import_framer_motion15 = require("framer-motion");
 
 // src/components/CustomQRCode/QRCode.tsx
 var import_qrcode = __toESM(require("qrcode"), 1);
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var generateMatrix = (value, errorCorrectionLevel) => {
   const arr = Array.prototype.slice.call(import_qrcode.default.create(value, { errorCorrectionLevel }).modules.data, 0);
@@ -7000,7 +6998,7 @@ function QRCode({
 }) {
   const logoSize = clearArea ? 76 : 0;
   const size = sizeProp - 10 * 2;
-  const dots = (0, import_react17.useMemo)(() => {
+  const dots = (0, import_react16.useMemo)(() => {
     const dots2 = [];
     const matrix = generateMatrix(uri, ecl);
     const cellSize = size / matrix.length;
@@ -7426,8 +7424,8 @@ var Tip = (0, import_styled_components13.styled)(Subtitle)`
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Page3 = ({ wallet }) => {
   const locales = useLocales();
-  const [viewType, setViewType] = (0, import_react18.useState)();
-  const downloadUrls = (0, import_react18.useMemo)(() => {
+  const [viewType, setViewType] = (0, import_react17.useState)();
+  const downloadUrls = (0, import_react17.useMemo)(() => {
     if (wallet?.downloadUrls) {
       return Object.keys(wallet.downloadUrls).map((key) => {
         const url = wallet?.downloadUrls?.[key] || "";
@@ -7450,7 +7448,7 @@ var Page3 = ({ wallet }) => {
       return [];
     }
   }, [wallet, locales]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const { website } = wallet?.downloadUrls || {};
     if (downloadUrls?.length) {
       setViewType("List" /* List */);
@@ -7520,8 +7518,6 @@ var TipText = import_styled_components14.styled.div`
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var LoginPasskey = () => {
   const locales = useLocales();
-  const { appearance } = useAppearance();
-  const language = useLanguage();
   const { navigate } = useRouter();
   const connectWallet = useConnectWithWallet();
   const wallet = useWalletProps("passkeySmartWallet");
@@ -7549,9 +7545,9 @@ var LoginPasskey = () => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(PageContent, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PasskeyIcon, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TipText, { children: appearance?.overrideLocales?.[language]?.usePasskeyToLoginSmartAccount ?? locales.usePasskeyToLoginSmartAccount }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TipText, { children: locales.usePasskeyToLoginSmartAccount }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(button_default, { style: { marginTop: 16 }, onClick: onRegistration, children: appearance?.overrideLocales?.[language]?.btnCreatePasskeyWallet ?? locales.createNewPasskey }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(button_default, { style: { marginTop: 16 }, onClick: onRegistration, children: locales.createNewPasskey }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         button_default,
         {
@@ -7560,7 +7556,7 @@ var LoginPasskey = () => {
           },
           onClick: onAuthentication,
           color: "secondary",
-          children: appearance?.overrideLocales?.[language]?.btnLoginWithPasskey ?? locales.loginWithPasskey
+          children: locales.loginWithPasskey
         }
       )
     ] })
@@ -7691,7 +7687,7 @@ var passkeySetup_default = Signup;
 var import_connector_core5 = require("@particle-network/connector-core");
 
 // src/components/copyToClipboard/index.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/components/copyToClipboard/CopyToClipboardIcon.tsx
 var import_framer_motion17 = require("framer-motion");
@@ -7799,8 +7795,8 @@ var OffsetContainer = import_styled_components17.styled.div`
 // src/components/copyToClipboard/index.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var CopyToClipboard = ({ string, children, variant }) => {
-  const [clipboard, setClipboard] = (0, import_react19.useState)(false);
-  const [className, setClassName] = (0, import_react19.useState)("copied-0");
+  const [clipboard, setClipboard] = (0, import_react18.useState)(false);
+  const [className, setClassName] = (0, import_react18.useState)("copied-0");
   let timeout;
   function copyToClipboard(str) {
     if (navigator.clipboard && window.isSecureContext) {
@@ -7883,11 +7879,11 @@ var CopyToClipboard = ({ string, children, variant }) => {
 var copyToClipboard_default = CopyToClipboard;
 
 // src/hooks/useAddress.ts
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_viem2 = require("viem");
 
 // src/hooks/useDisconnect.ts
-var import_react20 = require("react");
+var import_react19 = require("react");
 
 // src/actions/disconnect.ts
 async function disconnect(config, parameters = {}) {
@@ -7937,7 +7933,7 @@ async function disconnect(config, parameters = {}) {
 // src/hooks/useDisconnect.ts
 function useDisconnect(parameters) {
   const { config } = useContext();
-  const mutationFn = (0, import_react20.useCallback)(async (parameters2) => {
+  const mutationFn = (0, import_react19.useCallback)(async (parameters2) => {
     await disconnect(config, parameters2 ?? void 0);
   }, []);
   const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);
@@ -7971,8 +7967,8 @@ var useAddress = () => {
   const smartAccount = useSmartAccount();
   const { disconnect: disconnect2 } = useDisconnect();
   const { showError } = useModalError();
-  const [address, setAddress] = (0, import_react21.useState)();
-  (0, import_react21.useEffect)(() => {
+  const [address, setAddress] = (0, import_react20.useState)();
+  (0, import_react20.useEffect)(() => {
     if (smartAccount && eoaAddress && eoaAddress.startsWith("0x")) {
       setAddress(void 0);
       if (chain) {
@@ -8096,7 +8092,7 @@ var Page4 = () => {
 var receive_default = Page4;
 
 // src/pages/selectChain/index.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 
 // src/assets/chains/eth.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -8183,7 +8179,7 @@ var Page5 = ({ walletData }) => {
   const locales = useLocales();
   const connectWallet = useConnectWithWallet();
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Wrapper, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(WalletIconContainer2, { children: !!walletData?.props?.[0]?.icon && (0, import_react22.cloneElement)(walletData?.props?.[0].icon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(WalletIconContainer2, { children: !!walletData?.props?.[0]?.icon && (0, import_react21.cloneElement)(walletData?.props?.[0].icon, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       Title,
       {
@@ -8218,7 +8214,7 @@ var Page5 = ({ walletData }) => {
 var selectChain_default = Page5;
 
 // src/pages/signup/index.tsx
-var import_react27 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"), 1);
 
 // src/assets/logo.svg
 var logo_default = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgMjA5IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMF82NzY2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTkuOTMwMSAyMi40NzlDNTkuODE0OSAyMy43MDk1IDU5LjE1NiAyNC44MjUzIDU4LjEzMTkgMjUuNTI0M0M1Ni45MzUzIDI2LjMyNjEgNTUuNTEyNyAyNi43MjY1IDU0LjA3MTQgMjYuNjY3MkM1Mi40NjA1IDI2Ljc1MDQgNTAuODc2MSAyNi4yMzQgNDkuNjI2OCAyNS4yMTg1QzQ4LjUxNTggMjQuMjQwNyA0Ny45MDcgMjIuODE2NSA0Ny45Njk0IDIxLjM0MThDNDcuOTA2NyAxOS44NjU0IDQ4LjUxNTQgMTguNDM5NCA0OS42MjY4IDE3LjQ1OTRDNTAuODc1MiAxNi40NDI1IDUyLjQ1OTcgMTUuOTI1MyA1NC4wNzA4IDE2LjAwODdDNTUuNDkzNyAxNS45NTI3IDU2Ljg5OTUgMTYuMzMzNyA1OC4wOTczIDE3LjEwMDFDNTkuMTAxNiAxNy43MzQ4IDU5Ljc2MTMgMTguNzg5OCA1OS44ODk4IDE5Ljk2N0w1Ny4xMTAyIDE5Ljk2N0M1Ni45NjY5IDE5LjM4NCA1Ni41OTkgMTguODgwNiA1Ni4wODYgMTguNTY1NEM1NS40NzAyIDE4LjIyNDYgNTQuNzcxMyAxOC4wNjEyIDU0LjA2NzUgMTguMDkzM0M1My4xNzkgMTguMDQ1NCA1Mi4zMDkgMTguMzU5MSA1MS42NTc0IDE4Ljk2MjNDNTEuMDQ4MSAxOS42MDA2IDUwLjczMDQgMjAuNDYwOCA1MC43NzkxIDIxLjMzOTlDNTAuNzMxMyAyMi4yMTczIDUxLjA0OTggMjMuMDc1NCA1MS42NTkzIDIzLjcxMTFDNTIuMzEyNyAyNC4zMTM2IDUzLjE4NCAyNC42MjYxIDU0LjA3MzMgMjQuNTc2OUM1NC44MjUxIDI0LjYxMjkgNTUuNTY5OSAyNC40MTk1IDU2LjIwODIgMjQuMDIyN0M1Ni43MzQgMjMuNjcxOSA1Ny4wNzQ5IDIzLjEwNTggNTcuMTM3NyAyMi40NzlMNTkuOTMwMSAyMi40NzlaTTIyLjIyODEgMTYuMjc1N1YyNi4zOTc3TDI0Ljc3NCAyNi4zOTcxVjIyLjY2NzZMMjcuNzE4NyAyMi42Njc2QzI4LjIzMDMgMjIuNjAyMyAyOC43NDUzIDIyLjc1OTQgMjkuMTMyMiAyMy4wOTg5QzI5LjQzNjkgMjMuNjU3MSAyOS41NjI5IDI0LjI5NDYgMjkuNDkzMyAyNC45MjYxVjI1LjYxMDNDMjkuNDkyNCAyNS43NTMzIDI5LjUwOTggMjUuODk1OSAyOS41NDUxIDI2LjAzNDZDMjkuNTc3OCAyNi4xNjI2IDI5LjYzIDI2LjI4NDkgMjkuNyAyNi4zOTcxSDMyLjU1NzdDMzIuMjU1MSAyNi4wNTAxIDMyLjA3NjMgMjUuMjQ5MyAzMi4wMjEyIDIzLjk5NDZDMzIuMDE3IDIzLjg3NjEgMzIuMDEyNSAyMy43ODI3IDMyLjAwNzggMjMuNzE0M0MzMi4wMjIxIDIzLjIwODcgMzEuOTEyMyAyMi43MDcyIDMxLjY4NzcgMjIuMjUzNUMzMS40NDg5IDIxLjkzMzYgMzEuMTE5NyAyMS42OTE4IDMwLjc0MjIgMjEuNTU5QzMxLjI1MyAyMS4zNzI4IDMxLjY4OTYgMjEuMDI3MSAzMS45ODY3IDIwLjU3MzVDMzIuMjg5OCAyMC4xMDQ2IDMyLjQ0NTggMTkuNTU2NiAzMi40MzQ4IDE4Ljk5OTJDMzIuNDk0OCAxOC4xOTM1IDMyLjEzMTUgMTcuNDE0MiAzMS40NzQ1IDE2LjkzOTVDMzAuNTYyIDE2LjQzMDUgMjkuNTE5MyAxNi4xOTk2IDI4LjQ3NiAxNi4yNzU3SDIyLjIyODFaTTAgMTYuMjc1N1YyNi4zOTc3SDIuNTUxMDJWMjMuMTYwN0w2LjAyMzg2IDIzLjE2MDdDNy4wMjg4OCAyMy4yMjEgOC4wMTg5OSAyMi44OTY0IDguNzkxMjYgMjIuMjUzNUM5LjQ3NTc1IDIxLjU5NSA5LjgzODQyIDIwLjY3MjcgOS43ODQ3OCAxOS43MjY4QzkuODM4MDcgMTguNzc4MyA5LjQ3NTY2IDE3Ljg1MzQgOC43OTEyNiAxNy4xOTEyQzguMDIxMTggMTYuNTQzNiA3LjAzMDI0IDE2LjIxNTggNi4wMjM4NiAxNi4yNzU3SDBaTTQuODg4ODcgMjEuMTgyNUgyLjU1MTAyVjE4LjM1SDUuMDUyNzVDNS42Mzk1IDE4LjI5NjIgNi4yMjk3NyAxOC40MDUxIDYuNzU4MTIgMTguNjY0N0M3LjA4MzM4IDE4LjkzNDEgNy4yNTE1OSAxOS4zNDc2IDcuMjA2MjMgMTkuNzY2M0M3LjI0NTY0IDIwLjE5NjIgNy4wNDgyNSAyMC42MTM3IDYuNjkwMjcgMjAuODU3NkM2LjEyODE4IDIxLjExOTMgNS41MDc0NyAyMS4yMzEyIDQuODg4ODcgMjEuMTgyNVpNMTQuMjExNSAyMi4yMDk1SDE2LjkwMDFMMTUuNTM0IDE5LjA4MTRMMTQuMjExNSAyMi4yMDk1Wk0xNC40OTU3IDE2LjI3NTdMOS42NzI3NSAyNi4zOTc3TDEyLjQyNTQgMjYuMzk3N0wxMy4zNDAyIDI0LjI1NThIMTcuODE3NUwxOC43NDU3IDI2LjM5NzdIMjEuNTc4NEwxNi45NDM2IDE2LjI3NTdIMTQuNDk1N1pNMjQuNzc0IDIwLjU5NDVIMjcuNjU0N0MyOC4yMDQ3IDIwLjYzNTcgMjguNzU2NCAyMC41NDA1IDI5LjI2MDIgMjAuMzE3NEMyOS41NzQ5IDIwLjEyMzUgMjkuNzU0IDE5Ljc3MDggMjkuNzI0MyAxOS40MDM4QzI5Ljc1NzggMTkuMDU3NCAyOS41ODk1IDE4LjcyMjMgMjkuMjkxIDE4LjU0MTJDMjguNzM0MSAxOC4zMzE2IDI4LjEzNzUgMTguMjQ3NCAyNy41NDQgMTguMjk0NkgyNC43NzY2TDI0Ljc3NCAyMC41OTQ1Wk0zOS4wNzk2IDE4LjMyMlYyNi4zOTc3SDM2LjU0OVYxOC4zMjJIMzMuMDY5OFYxNi4yNzU3SDQyLjU1OTVWMTguMzIySDM5LjA3OTZaTTQzLjY1OTMgMTYuMjc1N1YyNi4zOTc3SDQ2LjIxMDNWMTYuMjc1N0g0My42NTkzWk02MS42MzU1IDE2LjI3NTdWMjYuNDAwM0w2OS40MTk4IDI2LjM5NzdWMjQuMjY5Mkg2NC4xODY1VjE2LjI3NTdINjEuNjM1NVpNNzAuOTc0MSAyNi40MDAzVjE2LjI3NTdIODAuMDAwM1YxOC4zMjJINzMuNTI1MVYyMC4wMzMySDc5LjI5NDhWMjIuMDkyOUg3My41MjUxVjI0LjI2OTJIODAuMDAyOFYyNi4zOTc3TDcwLjk3NDEgMjYuNDAwM1pNODYuODA0NSAxNi4yNzU3VjI2LjQwMDNMODkuMjM4MyAyNi4zOTc3VjE5LjE5MUw5NC4zNjg2IDI2LjM5NzdIOTcuNDYzMVYxNi4yNzU3SDk1LjAxNTFWMjMuNDExMUw4OS45MzM2IDE2LjI3NTdIODYuODA0NVpNOTkuNzQ2NSAyNi40MDAzVjE2LjI3NTdIMTA4Ljc3M1YxOC4zMjJIMTAyLjI5N1YyMC4wMzMySDEwOC4wNjdWMjIuMDkyOUgxMDIuMjk3VjI0LjI2OTJIMTA4Ljc3N1YyNi4zOTc3TDk5Ljc0NjUgMjYuNDAwM1pNMTE1LjIzMiAyNi4zOTc3VjE4LjMyMkgxMTguNzExVjE3LjE5OEwxMjEuNjU1IDI2LjM5NzdIMTI0LjE2N0wxMjYuNzE4IDE5LjAyNzJMMTI5LjE1IDI2LjM5NzdIMTMxLjc0M0wxMzUuMDM3IDE2LjI3NTdIMTMyLjM4OUwxMzAuMzA2IDIzLjA5MjVMMTI3Ljk5NSAxNi4yNzU3SDEyNS40ODVMMTIzLjA5MiAyMy4wOTI1TDEyMS4wNjQgMTYuMjc1N0gxMTguNzExVjE3LjE5OEwxMTguNDE2IDE2LjI3NTdIMTA5LjIyMVYxOC4zMjJIMTEyLjcwMVYyNi4zOTc3SDExNS4yMzJaTTE0My45MDMgMjMuNzExOEMxNDMuMjUzIDI0LjMxMzQgMTQyLjM4NSAyNC42MjYgMTQxLjQ5OSAyNC41Nzc2TDE0MS41MDEgMjQuNTc2OUMxNDAuNjExIDI0LjYyNjYgMTM5LjczOSAyNC4zMTQxIDEzOS4wODUgMjMuNzExMUMxMzguNDc2IDIzLjA3NTQgMTM4LjE1NyAyMi4yMTczIDEzOC4yMDUgMjEuMzM5OUMxMzguMTU3IDIwLjQ1ODcgMTM4LjQ3NiAxOS41OTY5IDEzOS4wODkgMTguOTU4NEMxNDAuNDgyIDE3LjgwMDggMTQyLjUwOCAxNy43OTk1IDE0My45MDIgMTguOTU1M0MxNDQuNTEyIDE5LjU5NjQgMTQ0LjgyOSAyMC40NTkyIDE0NC43OCAyMS4zNDA1QzE0NC44MjggMjIuMjE3NCAxNDQuNTEgMjMuMDc1MiAxNDMuOTAzIDIzLjcxMThaTTEzNS40MDEgMjEuMzM5OUMxMzUuMzM5IDE5Ljg2NDEgMTM1Ljk0OCAxOC40Mzg5IDEzNy4wNTkgMTcuNDU5NEMxMzkuNjk5IDE1LjUyNTkgMTQzLjI5NiAxNS41MjU5IDE0NS45MzYgMTcuNDU5NEMxNDcuMDQzIDE4LjQ0MTEgMTQ3LjY0OSAxOS44NjU1IDE0Ny41ODcgMjEuMzM5OUMxNDcuNjQ5IDIyLjgxMzIgMTQ3LjA0NCAyNC4yMzY2IDE0NS45MzYgMjUuMjE2NkMxNDMuMjk1IDI3LjE0NjUgMTM5LjcgMjcuMTQ2NSAxMzcuMDU5IDI1LjIxNjZDMTM1Ljk0OCAyNC4yMzg3IDEzNS4zMzkgMjIuODE0NiAxMzUuNDAxIDIxLjMzOTlaTTE1NC43NjUgMjAuNTkzOUgxNTEuODg1TDE1MS44ODMgMTguMjk0TDE1NC42NTUgMTguMjk0QzE1NS4yNDggMTguMjQ2OCAxNTUuODQ1IDE4LjMzMSAxNTYuNDAyIDE4LjU0MDVDMTU2LjcgMTguNzIxNyAxNTYuODY4IDE5LjA1NjcgMTU2LjgzNSAxOS40MDMxQzE1Ni44NjUgMTkuNzcwMiAxNTYuNjg1IDIwLjEyMjkgMTU2LjM3MSAyMC4zMTY3QzE1NS44NjcgMjAuNTM5OSAxNTUuMzE1IDIwLjYzNTEgMTU0Ljc2NSAyMC41OTM5Wk0xNDkuMzM0IDI2LjM5NzFWMTYuMjc1N0gxNTUuNTg1QzE1Ni42MjcgMTYuMiAxNTcuNjY5IDE2LjQzMDkgMTU4LjU4MSAxNi45Mzk1QzE1OS4yMzggMTcuNDE0MiAxNTkuNjAxIDE4LjE5MzUgMTU5LjU0MiAxOC45OTkyQzE1OS41NTIgMTkuNTU2NiAxNTkuMzk2IDIwLjEwNDYgMTU5LjA5MyAyMC41NzM1QzE1OC43OTcgMjEuMDI2NSAxNTguMzYyIDIxLjM3MjIgMTU3Ljg1MiAyMS41NTlDMTU4LjIzIDIxLjY5MTggMTU4LjU1OSAyMS45MzM2IDE1OC43OTggMjIuMjUzNUMxNTkuMDIyIDIyLjcwNzIgMTU5LjEzMiAyMy4yMDg3IDE1OS4xMTggMjMuNzE0M0MxNTkuMTIyIDIzLjc4MjcgMTU5LjEyNyAyMy44NzYxIDE1OS4xMzEgMjMuOTk0NkMxNTkuMTg2IDI1LjI0OTMgMTU5LjM2NSAyNi4wNTAxIDE1OS42NjggMjYuMzk3MUgxNTYuODA3QzE1Ni43MzcgMjYuMjg0OSAxNTYuNjg1IDI2LjE2MjYgMTU2LjY1MiAyNi4wMzQ2QzE1Ni42MTcgMjUuODk1OSAxNTYuNTk5IDI1Ljc1MzMgMTU2LjYgMjUuNjEwM1YyNC45MjYxQzE1Ni42NyAyNC4yOTQ2IDE1Ni41NDQgMjMuNjU3MSAxNTYuMjM5IDIzLjA5ODlDMTU1Ljg1MiAyMi43NTk0IDE1NS4zMzcgMjIuNjAyMyAxNTQuODI2IDIyLjY2NzZMMTUxLjg4MSAyMi42Njc2VjI2LjM5NzFMMTQ5LjMzNCAyNi4zOTcxWk0xNjEuMzg4IDE2LjI3NTdWMjYuMzk3MUwxNjMuOTM5IDI2LjM5NzdWMjIuODkzN0wxNjUuMjMyIDIxLjc1NzhMMTY4LjkyNiAyNi4zOTc3SDE3Mi4wNDhMMTY3LjAyIDIwLjIwNEwxNzEuNDk3IDE2LjI3NTdIMTY4LjIxN0wxNjMuOTM5IDIwLjE2MTlWMTYuMjc1N0gxNjEuMzg4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzBfNjc2NikiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xODMuODc2IDEuMDgxNzRDMTgzLjAyOCAyLjI1Njg5IDE4My4yODUgMy44OTEyMiAxODQuNDUyIDQuNzUzMjlIMTg0LjQ0NUMxODUuMDA0IDUuMTY0MTQgMTg1LjcwNiA1LjMzMzk4IDE4Ni4zOTIgNS4yMjQ1OEMxODcuMDc4IDUuMTE1MTggMTg3LjY5MSA0LjczNTczIDE4OC4wOTQgNC4xNzE2MkMxODguOTQxIDIuOTk2NDggMTg4LjY4NCAxLjM2MjE1IDE4Ny41MTcgMC41MDAwOEMxODYuOTU5IDAuMDkxNjQ2MyAxODYuMjU5IC0wLjA3Njc1NjQgMTg1LjU3NCAwLjAzMjU3MDJDMTg0Ljg5IDAuMTQxODk3IDE4NC4yNzggMC41MTk4MjIgMTgzLjg3NiAxLjA4MTc0Wk0xODkuNDgxIDQuMjU5NTRDMTg4LjYzNCAzLjA4NDMxIDE4OC44OTEgMS40NTAyNiAxOTAuMDU4IDAuNTg3OTk4QzE5MC42MTcgMC4xNzc0ODkgMTkxLjMxOCAwLjAwNzg2Mzc1IDE5Mi4wMDUgMC4xMTcyNDdDMTkyLjY5MSAwLjIyNjYzIDE5My4zMDQgMC42MDU4NDUgMTkzLjcwNiAxLjE2OTY2QzE5NC41NTMgMi4zNDQ4OSAxOTQuMjk3IDMuOTc4OTUgMTkzLjEzIDQuODQxMjFDMTkyLjU3MSA1LjI1MTg5IDE5MS44NyA1LjQyMTYyIDE5MS4xODMgNS4zMTIyM0MxOTAuNDk3IDUuMjAyODQgMTg5Ljg4NCA0LjgyMzUgMTg5LjQ4MSA0LjI1OTU0Wk0xNzguMTQzIDMuNDc1OTJDMTc3LjY5NCA0Ljg1MDc1IDE3OC40NDIgNi4zMjg3NCAxNzkuODE5IDYuNzg4NzlMMTc5LjgxNyA2Ljc4ODc3QzE4MC4wNzggNi44NzQ0NSAxODAuMzUxIDYuOTE4MTIgMTgwLjYyNiA2LjkxODEyQzE4MS43NjIgNi45MTM2OCAxODIuNzY1IDYuMTc5MjcgMTgzLjEwNyA1LjEwMTE0QzE4My41NTcgMy43MjY0NyAxODIuODA5IDIuMjQ4MzEgMTgxLjQzMiAxLjc4ODI3QzE4MC43NzEgMS41NzQzMyAxODAuMDUyIDEuNjMyMzEgMTc5LjQzNCAxLjk0OTNDMTc4LjgxNiAyLjI2NjI5IDE3OC4zNTEgMi44MTU5NyAxNzguMTQzIDMuNDc1OTJaTTE5NC40MTQgNS4zNTUzNEMxOTMuOTY2IDMuOTgwNTEgMTk0LjcxMyAyLjUwMjUyIDE5Ni4wOSAyLjA0MjQ3QzE5Ni43NTEgMS44Mjg3MyAxOTcuNDcxIDEuODg2ODEgMTk4LjA4OCAyLjIwMzc4QzE5OC43MDYgMi41MjA3NSAxOTkuMTcxIDMuMDcwMzIgMTk5LjM3OSAzLjczMDEyQzE5OS44MjggNS4xMDQ5NSAxOTkuMDggNi41ODI5NCAxOTcuNzAzIDcuMDQyOTlDMTk3LjQ0MyA3LjEyNzg1IDE5Ny4xNyA3LjE3MDg3IDE5Ni44OTYgNy4xNzA0QzE5NS43NjEgNy4xNjYwMyAxOTQuNzU4IDYuNDMyNTkgMTk0LjQxNCA1LjM1NTM0Wk0xNzYuMDM1IDQuOTEwMDFDMTc0LjU4NSA0LjkxODQzIDE3My40MTYgNi4wOTU1MyAxNzMuNDI2IDcuNTM4NjRDMTczLjQxNiA4Ljk4MTc1IDE3NC41ODUgMTAuMTU4OSAxNzYuMDM1IDEwLjE2NzNDMTc3LjQ5NCAxMC4xNjczIDE3OC42NzYgOC45OTA0IDE3OC42NzYgNy41Mzg2NEMxNzguNjc2IDYuMDg2ODkgMTc3LjQ5NCA0LjkxMDAxIDE3Ni4wMzUgNC45MTAwMVpNMTk4Ljc0MSA3LjkzM0MxOTguNzI4IDYuODY3MDIgMTk5LjM2NCA1Ljg5ODc5IDIwMC4zNDkgNS40ODE4N0MyMDEuMzM1IDUuMDY0OTUgMjAyLjQ3NyA1LjI4MTkyIDIwMy4yMzkgNi4wMzExM0MyMDQuMDAxIDYuNzgwMzQgMjA0LjIzMyA3LjkxMzQyIDIwMy44MjYgOC44OTk1OUMyMDMuNDE5IDkuODg1NzUgMjAyLjQ1NCAxMC41Mjk3IDIwMS4zODMgMTAuNTI5OEMxOTkuOTMzIDEwLjUzODYgMTk4Ljc1IDkuMzc1ODYgMTk4Ljc0MiA3LjkzM0gxOTguNzQxWk0xODkuMzQxIDcuNzcyNDVDMTg4LjY0MiA4LjI5MDUgMTg4LjQ4OCA5LjI2OTc5IDE4OC45OTQgOS45NzU1MUMxODkuMjM2IDEwLjMxMzUgMTg5LjYwMyAxMC41NDA4IDE5MC4wMTQgMTAuNjA2NUMxOTAuNDI2IDEwLjY3MjEgMTkwLjg0NiAxMC41NzA2IDE5MS4xODIgMTAuMzI0NkMxOTEuODgxIDkuODA2NTkgMTkyLjAzNSA4LjgyNzMgMTkxLjUyOCA4LjEyMTU4QzE5MS4yODcgNy43ODM4OSAxOTAuOTE5IDcuNTU2NzYgMTkwLjUwOCA3LjQ5MTEzQzE5MC4wOTcgNy40MjU0OSAxODkuNjc2IDcuNTI2ODQgMTg5LjM0MSA3Ljc3MjQ1Wk0xODUuODEgMTAuMzM1NUMxODUuMTExIDkuODE3NDIgMTg0Ljk1NyA4LjgzODEzIDE4NS40NjMgOC4xMzI0MUMxODUuNzA1IDcuNzk0NzIgMTg2LjA3MiA3LjU2NzU5IDE4Ni40ODMgNy41MDE5NkMxODYuODk1IDcuNDM2MzIgMTg3LjMxNSA3LjUzNzY3IDE4Ny42NTEgNy43ODMyOEMxODguMzQ5IDguMzAxMzMgMTg4LjUwMyA5LjI4MDYyIDE4Ny45OTcgOS45ODYzNEMxODcuNzU2IDEwLjMyNDMgMTg3LjM4OCAxMC41NTE3IDE4Ni45NzcgMTAuNjE3M0MxODYuNTY1IDEwLjY4MyAxODYuMTQ1IDEwLjU4MTQgMTg1LjgxIDEwLjMzNTVaTTE5My4xNCA4LjYzNzYyQzE5Mi4zMTQgOC45MTM1NSAxOTEuODY1IDkuNzk5OTYgMTkyLjEzNCAxMC42MjQ3QzE5Mi4zNCAxMS4yNzE1IDE5Mi45NDIgMTEuNzEyIDE5My42MjMgMTEuNzE0OEMxOTMuNzg4IDExLjcxNDcgMTkzLjk1MSAxMS42ODg0IDE5NC4xMDggMTEuNjM3QzE5NC45MzQgMTEuMzYxMSAxOTUuMzgyIDEwLjQ3NDcgMTk1LjExNCA5LjY0OTk2QzE5NC45ODkgOS4yNTM5OCAxOTQuNzEgOC45MjQxOSAxOTQuMzM5IDguNzM0MDRDMTkzLjk2OCA4LjU0Mzg5IDE5My41MzcgOC41MDkxNyAxOTMuMTQgOC42Mzc2MlpNMTgyLjg5MSAxMS42Njk1QzE4Mi4wNjUgMTEuMzkzMyAxODEuNjE3IDEwLjUwNjYgMTgxLjg4NiA5LjY4MTgxQzE4Mi4wMTEgOS4yODU4MyAxODIuMjkgOC45NTYwNCAxODIuNjYxIDguNzY1ODlDMTgzLjAzMSA4LjU3NTc0IDE4My40NjMgOC41NDEwMiAxODMuODYgOC42Njk0OEMxODQuNjg2IDguOTQ1MTIgMTg1LjEzNSA5LjgzMTc5IDE4NC44NjUgMTAuNjU2NkMxODQuNjYgMTEuMzAzMyAxODQuMDU4IDExLjc0MzkgMTgzLjM3NiAxMS43NDY2QzE4My4yMTEgMTEuNzQ2OCAxODMuMDQ4IDExLjcyMDggMTgyLjg5MSAxMS42Njk1Wk0yMDIuMTIyIDExLjc0MDlDMjAxLjY3MyAxMy4xMTU3IDIwMi40MjEgMTQuNTkzNyAyMDMuNzk4IDE1LjA1MzdMMjAzLjgwMSAxNS4wNTM3QzIwNC4wNiAxNS4xMzg5IDIwNC4zMzIgMTUuMTgyNSAyMDQuNjA0IDE1LjE4MzFDMjA1Ljc0MSAxNS4xNzg2IDIwNi43NDQgMTQuNDQ0MiAyMDcuMDg2IDEzLjM2NjFDMjA3LjUzNiAxMS45OTE0IDIwNi43ODggMTAuNTEzMyAyMDUuNDExIDEwLjA1MzJDMjA0Ljc1IDkuODM5NDcgMjA0LjAzMSA5Ljg5NzUzIDIwMy40MTMgMTAuMjE0NUMyMDIuNzk1IDEwLjUzMTUgMjAyLjMzIDExLjA4MSAyMDIuMTIyIDExLjc0MDlaTTE5Ny4wODIgMTQuNjAzM0MxOTYuODEzIDE1LjQyODEgMTk3LjI2MiAxNi4zMTQ1IDE5OC4wODggMTYuNTkwNEwxOTguMDg4IDE2LjU5MDVDMTk4LjI0NCAxNi42NDE1IDE5OC40MDcgMTYuNjY3NSAxOTguNTcxIDE2LjY2NzVDMTk5LjI1MyAxNi42NjQ4IDE5OS44NTQgMTYuMjI0MiAyMDAuMDYgMTUuNTc3NEMyMDAuMzI5IDE0Ljc1MjcgMTk5Ljg4MSAxMy44NjYgMTk5LjA1NCAxMy41OTA0QzE5OC42NTggMTMuNDYyMyAxOTguMjI2IDEzLjQ5NzMgMTk3Ljg1NiAxMy42ODc2QzE5Ny40ODYgMTMuODc3OCAxOTcuMjA3IDE0LjIwNzUgMTk3LjA4MiAxNC42MDMzWk0xODIuNjE0IDE1Ljg0NzZDMTgyLjYyMiAxNS4zOTIgMTgyLjk5OCAxNS4wMjc5IDE4My40NTYgMTUuMDMyOEMxODMuOTEzIDE1LjAzNzcgMTg0LjI4MSAxNS40MDk3IDE4NC4yNzkgMTUuODY1M0MxODQuMjc2IDE2LjMyMSAxODMuOTA1IDE2LjY4OTEgMTgzLjQ0NyAxNi42ODkyQzE4My4yMjQgMTYuNjg3MyAxODMuMDExIDE2LjU5NzMgMTgyLjg1NSAxNi40Mzg5QzE4Mi42OTkgMTYuMjgwNSAxODIuNjEyIDE2LjA2NjkgMTgyLjYxNCAxNS44NDVWMTUuODQ3NlpNMjA0LjcyNCAyMC4wNzg1QzIwMy41NTcgMTkuMjE2NCAyMDMuMyAxNy41ODIxIDIwNC4xNDcgMTYuNDA2OUMyMDQuNTUgMTUuODQzMSAyMDUuMTYzIDE1LjQ2MzkgMjA1Ljg0OSAxNS4zNTQ1QzIwNi41MzUgMTUuMjQ1MSAyMDcuMjM3IDE1LjQxNDggMjA3Ljc5NiAxNS44MjUzQzIwOC45NjMgMTYuNjg3MyAyMDkuMjIgMTguMzIxNyAyMDguMzcyIDE5LjQ5NjhDMjA3Ljk3IDIwLjA2MDkgMjA3LjM1NyAyMC40NDA0IDIwNi42NzEgMjAuNTQ5OEMyMDUuOTg0IDIwLjY1OTIgMjA1LjI4MyAyMC40ODkzIDIwNC43MjQgMjAuMDc4NVpNMTkzLjQ2NSAyMC40NTA1QzE5My4wOTEgMjAuNzI2MSAxOTMuMDA5IDIxLjI0OTIgMTkzLjI4IDIxLjYyNTNDMTkzLjQwOSAyMS44MDU1IDE5My42MDUgMjEuOTI2NiAxOTMuODI0IDIxLjk2MTZDMTk0LjA0MyAyMS45OTY2IDE5NC4yNjggMjEuOTQyNCAxOTQuNDQ2IDIxLjgxMTRDMTk0LjgyIDIxLjUzNTYgMTk0LjkwMiAyMS4wMTI4IDE5NC42MzIgMjAuNjM2NkMxOTQuNTAzIDIwLjQ1NjQgMTk0LjMwNyAyMC4zMzUzIDE5NC4wODcgMjAuMzAwM0MxOTMuODY4IDIwLjI2NTMgMTkzLjY0NCAyMC4zMTk0IDE5My40NjUgMjAuNDUwNVpNMTk4LjQxNyAyMi45NTM3QzE5Ny45MSAyMi4yNDc5IDE5OC4wNjQgMjEuMjY4NiAxOTguNzYzIDIwLjc1MDZDMTk5LjA5OCAyMC41MDQ4IDE5OS41MTkgMjAuNDAzNCAxOTkuOTMgMjAuNDY5QzIwMC4zNDIgMjAuNTM0NiAyMDAuNzA5IDIwLjc2MTkgMjAwLjk1IDIxLjA5OTdDMjAxLjQ1NyAyMS44MDU0IDIwMS4zMDMgMjIuNzg0NyAyMDAuNjA0IDIzLjMwMjhDMjAwLjI2OSAyMy41NDg2IDE5OS44NDggMjMuNjUgMTk5LjQzNyAyMy41ODQ0QzE5OS4wMjYgMjMuNTE4NyAxOTguNjU4IDIzLjI5MTUgMTk4LjQxNyAyMi45NTM3Wk0yMDQuMDYyIDI1LjE0NDZDMjAzLjIxNCAyMy45Njk1IDIwMy40NzEgMjIuMzM1MSAyMDQuNjM4IDIxLjQ3MzFDMjA1LjE5NyAyMS4wNjM2IDIwNS44OTggMjAuODk0NiAyMDYuNTgzIDIxLjAwMzlDMjA3LjI2OCAyMS4xMTMzIDIwNy44ODEgMjEuNDkxOCAyMDguMjgzIDIyLjA1NDdDMjA5LjEzIDIzLjIzIDIwOC44NzQgMjQuODY0IDIwNy43MDcgMjUuNzI2M0MyMDcuMTQ4IDI2LjEzNzEgMjA2LjQ0NyAyNi4zMDcgMjA1Ljc2IDI2LjE5NzZDMjA1LjA3NCAyNi4wODgyIDIwNC40NjEgMjUuNzA4NyAyMDQuMDU4IDI1LjE0NDZMMjA0LjA2MiAyNS4xNDQ2Wk0xOTguMTIgMjMuOTEyNUMxOTcuMjk0IDI0LjE4ODQgMTk2Ljg0NSAyNS4wNzQ4IDE5Ny4xMTQgMjUuODk5NkMxOTcuMzIgMjYuNTQ2NSAxOTcuOTIyIDI2Ljk4NzIgMTk4LjYwNCAyNi45ODk2QzE5OC43NjggMjYuOTg5NSAxOTguOTMxIDI2Ljk2MzIgMTk5LjA4OCAyNi45MTE5QzE5OS45MTMgMjYuNjM1NyAyMDAuMzYyIDI1Ljc0OTQgMjAwLjA5MyAyNC45MjQ4QzE5OS45NjggMjQuNTI5IDE5OS42ODkgMjQuMTk5MyAxOTkuMzE4IDI0LjAwOTJDMTk4Ljk0OCAyMy44MTkgMTk4LjUxNiAyMy43ODQyIDE5OC4xMiAyMy45MTI1Wk0xODguMzczIDI3LjAyMjFDMTg3Ljk5OSAyNi43NDY0IDE4Ny45MTcgMjYuMjIzNSAxODguMTg4IDI1Ljg0NzNDMTg4LjMxNiAyNS42NjcyIDE4OC41MTIgMjUuNTQ2IDE4OC43MzIgMjUuNTExQzE4OC45NTEgMjUuNDc2MSAxODkuMTc1IDI1LjUzMDIgMTg5LjM1NCAyNS42NjEzQzE4OS43MjggMjUuOTM3IDE4OS44MSAyNi40NTk5IDE4OS41MzkgMjYuODM2MUMxODkuNDEgMjcuMDE2MiAxODkuMjE0IDI3LjEzNzQgMTg4Ljk5NSAyNy4xNzI0QzE4OC43NzYgMjcuMjA3MyAxODguNTUyIDI3LjE1MzIgMTg4LjM3MyAyNy4wMjIxWk0xODYuNDQzIDI1LjY3NjZDMTg2LjA2OSAyNS45NTE1IDE4NS45ODUgMjYuNDc0NSAxODYuMjU2IDI2Ljg1MTRMMTg2LjI1OCAyNi44NTE0QzE4Ni4zODYgMjcuMDMxNyAxODYuNTgyIDI3LjE1MyAxODYuODAyIDI3LjE4OEMxODcuMDIxIDI3LjIyMjkgMTg3LjI0NiAyNy4xNjg3IDE4Ny40MjUgMjcuMDM3NEMxODcuNzk4IDI2Ljc2MTcgMTg3Ljg4IDI2LjIzODggMTg3LjYxIDI1Ljg2MjZDMTg3LjQ4MSAyNS42ODI1IDE4Ny4yODUgMjUuNTYxMyAxODcuMDY2IDI1LjUyNjNDMTg2Ljg0NiAyNS40OTE0IDE4Ni42MjIgMjUuNTQ1NSAxODYuNDQzIDI1LjY3NjZaTTIwMS44NzEgMjkuNzU1OUMyMDEuNDIyIDI4LjM4MTIgMjAyLjE2OSAyNi45MDMgMjAzLjU0NiAyNi40NDNDMjA0LjIwNyAyNi4yMjkxIDIwNC45MjcgMjYuMjg3IDIwNS41NDUgMjYuNjA0QzIwNi4xNjIgMjYuOTIxIDIwNi42MjcgMjcuNDcwNyAyMDYuODM1IDI4LjEzMDZDMjA3LjI4NCAyOS41MDU1IDIwNi41MzYgMzAuOTgzNSAyMDUuMTYgMzEuNDQzNUMyMDQuODk5IDMxLjUyODQgMjA0LjYyNiAzMS41NzE0IDIwNC4zNTIgMzEuNTcwOUMyMDMuMjE3IDMxLjU2NjMgMjAyLjIxNCAzMC44MzI5IDIwMS44NzEgMjkuNzU1OVpNMTkyLjE5NiAyOS45MDgxQzE5MS45MjcgMzAuNzMyOSAxOTIuMzc2IDMxLjYxOTMgMTkzLjIwMiAzMS44OTUyQzE5My4zNTggMzEuOTQ2NSAxOTMuNTIyIDMxLjk3MjggMTkzLjY4NiAzMS45NzI5QzE5NC4zNjggMzEuOTcwNCAxOTQuOTcgMzEuNTI5OCAxOTUuMTc1IDMwLjg4MjlDMTk1LjQ0NCAzMC4wNTgxIDE5NC45OTUgMjkuMTcxNyAxOTQuMTY5IDI4Ljg5NThDMTkzLjc3MyAyOC43Njc1IDE5My4zNDEgMjguODAyMyAxOTIuOTcxIDI4Ljk5MjVDMTkyLjYgMjkuMTgyNiAxOTIuMzIxIDI5LjUxMjMgMTkyLjE5NiAyOS45MDgxWk0xODEuOTQ4IDMwLjkxNDdDMTgxLjY3OSAzMC4wOSAxODIuMTI4IDI5LjIwMzYgMTgyLjk1NCAyOC45Mjc2QzE4My4zNSAyOC43OTk2IDE4My43ODIgMjguODM0NyAxODQuMTUzIDI5LjAyNTFDMTg0LjUyMyAyOS4yMTU0IDE4NC44MDIgMjkuNTQ1MyAxODQuOTI3IDI5Ljk0MTJDMTg1LjE5NiAzMC43NjYgMTg0Ljc0NyAzMS42NTI0IDE4My45MjEgMzEuOTI4M0MxODMuNzY1IDMxLjk3OTcgMTgzLjYwMSAzMi4wMDYgMTgzLjQzNiAzMi4wMDYxQzE4Mi43NTUgMzIuMDAyOSAxODIuMTUzIDMxLjU2MTggMTgxLjk0OCAzMC45MTQ3Wk0xODkuMDY0IDMwLjU3ODNDMTg4LjU1OSAzMS4yODM2IDE4OC43MTMgMzIuMjYxIDE4OS40MSAzMi43Nzg4TDE4OS40MSAzMi43ODE0QzE4OS43NDYgMzMuMDI3MyAxOTAuMTY2IDMzLjEyODkgMTkwLjU3OCAzMy4wNjMzQzE5MC45ODkgMzIuOTk3NiAxOTEuMzU3IDMyLjc3MDMgMTkxLjU5OCAzMi40MzIzQzE5Mi4xMDQgMzEuNzI2NiAxOTEuOTUgMzAuNzQ3MyAxOTEuMjUxIDMwLjIyOTJDMTkwLjkxNiAyOS45ODM0IDE5MC40OTYgMjkuODgyIDE5MC4wODQgMjkuOTQ3NkMxODkuNjczIDMwLjAxMzMgMTg5LjMwNSAzMC4yNDA1IDE4OS4wNjQgMzAuNTc4M1pNMTg1LjUzMiAzMi40NDEyQzE4NS4wMjYgMzEuNzM1NSAxODUuMTggMzAuNzU2MiAxODUuODc5IDMwLjIzODFDMTg2LjIxNCAyOS45OTI0IDE4Ni42MzUgMjkuODkwOSAxODcuMDQ2IDI5Ljk1NjVDMTg3LjQ1NyAzMC4wMjIyIDE4Ny44MjUgMzAuMjQ5NCAxODguMDY2IDMwLjU4NzNDMTg4LjU3NSAzMS4yOTI1IDE4OC40MjEgMzIuMjczNCAxODcuNzIgMzIuNzkwM0MxODcuMzg0IDMzLjAzNjMgMTg2Ljk2NCAzMy4xMzc4IDE4Ni41NTIgMzMuMDcyMkMxODYuMTQxIDMzLjAwNjUgMTg1Ljc3NCAzMi43NzkyIDE4NS41MzIgMzIuNDQxMlpNMTc1LjY0MSAzMC40NjYyQzE3NC4xOTEgMzAuNDU3IDE3My4wMDggMzEuNjE5OSAxNzMgMzMuMDYzQzE3My4wMDggMzQuNTA2MSAxNzQuMTkxIDM1LjY2ODkgMTc1LjY0MSAzNS42NTk4QzE3Ny4wODIgMzUuNjU5OCAxNzguMjUxIDM0LjQ5NzEgMTc4LjI1MSAzMy4wNjNDMTc4LjI1MSAzMS42Mjg4IDE3Ny4wODIgMzAuNDY2MiAxNzUuNjQxIDMwLjQ2NjJaTTE5OC4zOCAzMy40NjE4QzE5OC4zOTggMzIuMDMxOSAxOTkuNTc0IDMwLjg4NTMgMjAxLjAxMSAzMC44OTdDMjAyLjQ0NyAzMC45MDg2IDIwMy42MDQgMzIuMDc0MiAyMDMuNTk5IDMzLjUwNDFDMjAzLjU5MyAzNC45MzQxIDIwMi40MjYgMzYuMDkwMyAyMDAuOTkgMzYuMDkwNEMxOTkuNTM5IDM2LjA4MiAxOTguMzcxIDM0LjkwNDkgMTk4LjM4IDMzLjQ2MThaTTE3OS4zMjEgMzMuOTU0OUMxNzcuOTQ0IDM0LjQxNDkgMTc3LjE5NiAzNS44OTMxIDE3Ny42NDYgMzcuMjY3OEMxNzcuOTg5IDM4LjM0NDkgMTc4Ljk5MSAzOS4wNzg0IDE4MC4xMjcgMzkuMDgyOEMxODAuNDAxIDM5LjA4MzMgMTgwLjY3NCAzOS4wNDAzIDE4MC45MzQgMzguOTU1NEMxODIuMzExIDM4LjQ5NTQgMTgzLjA1OSAzNy4wMTc0IDE4Mi42MSAzNS42NDI2QzE4Mi40MDIgMzQuOTgyNyAxODEuOTM3IDM0LjQzMzEgMTgxLjMxOSAzNC4xMTYyQzE4MC43MDEgMzMuNzk5MiAxNzkuOTgyIDMzLjc0MTIgMTc5LjMyMSAzMy45NTQ5Wk0xOTUuNTk3IDM5LjIwOTZDMTk0LjIyMSAzOC43NDk2IDE5My40NzMgMzcuMjcxNiAxOTMuOTIyIDM1Ljg5NjhDMTk0LjEzIDM1LjIzNzUgMTk0LjU5NCAzNC42ODg1IDE5NS4yMTIgMzQuMzcxN0MxOTUuODI5IDM0LjA1NDkgMTk2LjU0OCAzMy45OTY2IDE5Ny4yMDggMzQuMjA5N0MxOTguNTg1IDM0LjY2OTggMTk5LjMzMyAzNi4xNDc5IDE5OC44ODMgMzcuNTIyNkMxOTguNTQxIDM4LjYwMDcgMTk3LjUzOCAzOS4zMzUyIDE5Ni40MDIgMzkuMzM5NkMxOTYuMTI4IDM5LjMzODkgMTk1Ljg1NyAzOS4yOTUxIDE5NS41OTcgMzkuMjA5NlpNMTgzLjg5OSAzNi4xNTczQzE4Mi43MzIgMzcuMDE5NCAxODIuNDc1IDM4LjY1MzcgMTgzLjMyMyAzOS44Mjg5SDE4My4zMTlDMTgzLjcyMiA0MC4zOTMgMTg0LjMzNSA0MC43NzI0IDE4NS4wMjEgNDAuODgxOEMxODUuNzA3IDQwLjk5MTIgMTg2LjQwOSA0MC44MjE0IDE4Ni45NjggNDAuNDEwNUMxODguMTM1IDM5LjU0ODUgMTg4LjM5MiAzNy45MTQxIDE4Ny41NDQgMzYuNzM5QzE4Ny4xNDIgMzYuMTc2MSAxODYuNTI5IDM1Ljc5NzUgMTg1Ljg0NCAzNS42ODgyQzE4NS4xNTkgMzUuNTc4OCAxODQuNDU4IDM1Ljc0NzggMTgzLjg5OSAzNi4xNTczWk0xODguOTMyIDM2LjgyNjNDMTg4LjA4NCAzOC4wMDE0IDE4OC4zNDEgMzkuNjM1NyAxODkuNTA4IDQwLjQ5NzhDMTkwLjA2NyA0MC45MDc2IDE5MC43NjggNDEuMDc2OSAxOTEuNDUzIDQwLjk2NzVDMTkyLjEzOSA0MC44NTgxIDE5Mi43NTEgNDAuNDc5MyAxOTMuMTUzIDM5LjkxNjJDMTk0LjAwMSAzOC43NDEgMTkzLjc0NCAzNy4xMDY3IDE5Mi41NzcgMzYuMjQ0NkMxOTIuMDE4IDM1LjgzNTEgMTkxLjMxNyAzNS42NjYxIDE5MC42MzIgMzUuNzc1NUMxODkuOTQ3IDM1Ljg4NDggMTg5LjMzNCAzNi4yNjM0IDE4OC45MzIgMzYuODI2M1pNMTc5Ljk1MyAyNi44NzExQzE3OS4zNjEgMjcuMTIxOSAxNzguOTggMjcuNzAzOCAxNzguOTg4IDI4LjM0NDFDMTc4Ljk5NCAyOS4yMTAzIDE3OS43MDQgMjkuOTA4IDE4MC41NzQgMjkuOTAyNEMxODEuMjE4IDI5LjkwMjMgMTgxLjc5NyAyOS41MTU0IDE4Mi4wNDIgMjguOTIzQzE4Mi4yODYgMjguMzMwNiAxODIuMTQ3IDI3LjY1IDE4MS42ODkgMjcuMjAwMUMxODEuMjMxIDI2Ljc1MDMgMTgwLjU0NSAyNi42MjAzIDE3OS45NTMgMjYuODcxMVpNMTk0Ljk3IDI4LjI5NUMxOTQuOTgxIDI3LjQzNzEgMTk1LjY4NyAyNi43NDk3IDE5Ni41NDkgMjYuNzU3MUMxOTcuNDExIDI2Ljc2NDYgMTk4LjEwNSAyNy40NjQyIDE5OC4xMDEgMjguMzIyMUMxOTguMDk3IDI5LjE4MDEgMTk3LjM5NyAyOS44NzM2IDE5Ni41MzUgMjkuODczN0MxOTUuNjY1IDI5Ljg2ODEgMTk0Ljk2NCAyOS4xNjEzIDE5NC45NyAyOC4yOTVaTTE4NC4yOTUgMjYuMDMwMkMxODQuMTUxIDI1LjU5MDIgMTg0LjM5MSAyNS4xMTcyIDE4NC44MzEgMjQuOTdDMTg1LjA0MyAyNC45MDE0IDE4NS4yNzMgMjQuOTE5OCAxODUuNDcxIDI1LjAyMTRDMTg1LjY2OSAyNS4xMjI5IDE4NS44MTcgMjUuMjk4OSAxODUuODg0IDI1LjUxMDNDMTg2LjAyNyAyNS45NTAzIDE4NS43ODggMjYuNDIzMiAxODUuMzQ3IDI2LjU3MDRDMTg1LjI2NSAyNi41OTc2IDE4NS4xNzggMjYuNjExNSAxODUuMDkxIDI2LjYxMThDMTg0LjcyNyAyNi42MTEyIDE4NC40MDUgMjYuMzc1OSAxODQuMjk1IDI2LjAzMDJaTTE4OS45MDQgMjUuNDY1N0MxODkuNzYgMjUuOTA1NyAxOTAgMjYuMzc4NiAxOTAuNDQgMjYuNTI1OEwxOTAuNDM4IDI2LjUyNThDMTkwLjUyMiAyNi41NTM0IDE5MC42MSAyNi41NjczIDE5MC42OTggMjYuNTY3MkMxOTEuMDYyIDI2LjU2NTggMTkxLjM4MyAyNi4zMzA3IDE5MS40OTMgMjUuOTg1NkMxOTEuNjM2IDI1LjU0NTYgMTkxLjM5NyAyNS4wNzI2IDE5MC45NTYgMjQuOTI1NEMxOTAuNzQ1IDI0Ljg1NjggMTkwLjUxNCAyNC44NzUyIDE5MC4zMTcgMjQuOTc2OEMxOTAuMTE5IDI1LjA3ODMgMTg5Ljk3IDI1LjI1NDQgMTg5LjkwNCAyNS40NjU3Wk0xODMuMTg1IDIzLjg1MjRDMTgyLjg3IDIzLjk4NjkgMTgyLjY2NyAyNC4yOTc4IDE4Mi42NzMgMjQuNjM5NEMxODIuNjc3IDI1LjEwMDMgMTgzLjA1NSAyNS40NzA4IDE4My41MTggMjUuNDY3NkMxODMuODYyIDI1LjQ2NzYgMTg0LjE3MSAyNS4yNjEgMTg0LjMwMSAyNC45NDQ5QzE4NC40MzEgMjQuNjI4OCAxODQuMzU2IDI0LjI2NTggMTg0LjExMSAyNC4wMjYyQzE4My44NjcgMjMuNzg2NiAxODMuNTAxIDIzLjcxNzkgMTgzLjE4NSAyMy44NTI0Wk0xOTEuNDE1IDI0LjU3QzE5MS40MjMgMjQuMTE0NCAxOTEuNzk5IDIzLjc1MDMgMTkyLjI1NiAyMy43NTUyQzE5Mi43MTQgMjMuNzYgMTkzLjA4MiAyNC4xMzIxIDE5My4wOCAyNC41ODc3QzE5My4wNzcgMjUuMDQzNCAxOTIuNzA1IDI1LjQxMTUgMTkyLjI0OCAyNS40MTE1QzE5MS43ODQgMjUuNDA3IDE5MS40MTIgMjUuMDMwMiAxOTEuNDE2IDI0LjU2OTNMMTkxLjQxNSAyNC41N1pNMTkzLjExNCAyMi4xODY2QzE5Mi42NzQgMjIuMzMzOCAxOTIuNDM1IDIyLjgwNjkgMTkyLjU3OSAyMy4yNDY3TDE5Mi41NzkgMjMuMjQ2MUMxOTIuNjg5IDIzLjU5MTkgMTkzLjAxMSAyMy44Mjc0IDE5My4zNzUgMjMuODI4NEMxOTMuNDYyIDIzLjgyODEgMTkzLjU0OCAyMy44MTQxIDE5My42MzEgMjMuNzg3QzE5NC4wNzIgMjMuNjM5OCAxOTQuMzExIDIzLjE2NjcgMTk0LjE2NyAyMi43MjY4QzE5NC4xIDIyLjUxNTUgMTkzLjk1MiAyMi4zMzk0IDE5My43NTQgMjIuMjM3OUMxOTMuNTU2IDIyLjEzNjQgMTkzLjMyNiAyMi4xMTc5IDE5My4xMTQgMjIuMTg2NlpNMTk4LjQwNiAxNy41NDQ4QzE5Ny45IDE4LjI1MDUgMTk4LjA1NCAxOS4yMjk4IDE5OC43NTMgMTkuNzQ3OEMxOTkuMDg4IDE5Ljk5MzYgMTk5LjUwOSAyMC4wOTUxIDE5OS45MiAyMC4wMjk0QzIwMC4zMzEgMTkuOTYzOCAyMDAuNjk5IDE5LjczNjUgMjAwLjk0IDE5LjM5ODdDMjAxLjQ0NyAxOC42OTMgMjAxLjI5MyAxNy43MTM3IDIwMC41OTQgMTcuMTk1NkMyMDAuMjU4IDE2Ljk0OTkgMTk5LjgzOCAxNi44NDg0IDE5OS40MjcgMTYuOTE0QzE5OS4wMTUgMTYuOTc5NyAxOTguNjQ4IDE3LjIwNjkgMTk4LjQwNiAxNy41NDQ4Wk0xOTMuNDQ5IDE5Ljg2NzZDMTkzLjA3NiAxOS41OTE5IDE5Mi45OTMgMTkuMDY5IDE5My4yNjQgMTguNjkyOEMxOTMuMzkzIDE4LjUxMjcgMTkzLjU4OSAxOC4zOTE1IDE5My44MDggMTguMzU2NUMxOTQuMDI3IDE4LjMyMTYgMTk0LjI1MiAxOC4zNzU3IDE5NC40MyAxOC41MDY4QzE5NC44MDQgMTguNzgyMyAxOTQuODg3IDE5LjMwNTQgMTk0LjYxNiAxOS42ODE2QzE5NC40ODcgMTkuODYxOSAxOTQuMjkxIDE5Ljk4MzIgMTk0LjA3MSAyMC4wMTgyQzE5My44NTIgMjAuMDUzMSAxOTMuNjI3IDE5Ljk5ODkgMTkzLjQ0OCAxOS44Njc2SDE5My40NDlaTTE5Mi41MzQgMTcuMDgxQzE5Mi4zOTEgMTcuNTIwOSAxOTIuNjMgMTcuOTkzOSAxOTMuMDcxIDE4LjE0MTFWMTguMTM5MkMxOTMuMTU1IDE4LjE2NjggMTkzLjI0MyAxOC4xODA4IDE5My4zMzEgMTguMTgwNkMxOTMuNjk1IDE4LjE3ODkgMTk0LjAxNiAxNy45NDM4IDE5NC4xMjUgMTcuNTk4OUMxOTQuMjY3IDE3LjE1OSAxOTQuMDI3IDE2LjY4NzEgMTkzLjU4NyAxNi41NDA3QzE5My4zNzUgMTYuNDcyIDE5My4xNDUgMTYuNDkwNSAxOTIuOTQ3IDE2LjU5MkMxOTIuNzQ5IDE2LjY5MzUgMTkyLjYwMSAxNi44Njk2IDE5Mi41MzQgMTcuMDgxWk0xOTEuMzM0IDE1Ljc3M0MxOTEuMzI5IDE1LjQzMTUgMTkxLjUzMSAxNS4xMjA1IDE5MS44NDcgMTQuOTg2QzE5Mi4xNjIgMTQuODUxNSAxOTIuNTI4IDE0LjkyMDIgMTkyLjc3MyAxNS4xNTk4QzE5My4wMTcgMTUuMzk5NCAxOTMuMDkyIDE1Ljc2MjQgMTkyLjk2MiAxNi4wNzg1QzE5Mi44MzIgMTYuMzk0NyAxOTIuNTIzIDE2LjYwMTIgMTkyLjE4IDE2LjYwMTJDMTkxLjcxNyAxNi42MDQ0IDE5MS4zMzggMTYuMjMzOSAxOTEuMzM0IDE1Ljc3M1pNMTg0LjIwNSAxNC40Mjc1QzE4NC4wNjEgMTQuODY3MyAxODQuMyAxNS4zNDAxIDE4NC43NCAxNS40ODc2TDE4NC43NDQgMTUuNDg3NkMxODQuODI2IDE1LjUxNDYgMTg0LjkxMiAxNS41Mjg2IDE4NC45OTggMTUuNTI5QzE4NS4zNjIgMTUuNTI3NiAxODUuNjgzIDE1LjI5MjUgMTg1Ljc5MyAxNC45NDc0QzE4NS45MzcgMTQuNTA3NSAxODUuNjk4IDE0LjAzNDQgMTg1LjI1NyAxMy44ODcyQzE4NS4wNDYgMTMuODE4NiAxODQuODE1IDEzLjgzNyAxODQuNjE3IDEzLjkzODVDMTg0LjQyIDE0LjA0MDEgMTg0LjI3MSAxNC4yMTYxIDE4NC4yMDUgMTQuNDI3NVpNMTg5LjgxMSAxNC45MDI4QzE4OS42NjcgMTQuNDYyOSAxODkuOTA2IDEzLjk4OTggMTkwLjM0NyAxMy44NDI2QzE5MC41NTggMTMuNzc0IDE5MC43ODkgMTMuNzkyNCAxOTAuOTg3IDEzLjg5MzlDMTkxLjE4NCAxMy45OTU1IDE5MS4zMzMgMTQuMTcxNSAxOTEuMzk5IDE0LjM4MjlDMTkxLjU0MyAxNC44MjI3IDE5MS4zMDQgMTUuMjk1OCAxOTAuODY0IDE1LjQ0M0MxOTAuNzgxIDE1LjQ3MDIgMTkwLjY5NCAxNS40ODQxIDE5MC42MDcgMTUuNDg0NEMxOTAuMjQ0IDE1LjQ4MjQgMTg5LjkyNCAxNS4yNDc0IDE4OS44MTQgMTQuOTAyOEgxODkuODExWk0xODYuMzQgMTQuNzUyNEMxODUuOTY3IDE0LjQ3NjcgMTg1Ljg4NCAxMy45NTM4IDE4Ni4xNTUgMTMuNTc3NkMxODYuMjg1IDEzLjM5ODMgMTg2LjQ4IDEzLjI3NzkgMTg2LjY5OSAxMy4yNDI5QzE4Ni45MTggMTMuMjA4IDE4Ny4xNDIgMTMuMjYxNSAxODcuMzIyIDEzLjM5MTZDMTg3LjY5NSAxMy42NjcxIDE4Ny43NzggMTQuMTkwMiAxODcuNTA3IDE0LjU2NjRDMTg3LjM3OCAxNC43NDY1IDE4Ny4xODIgMTQuODY3NyAxODYuOTYzIDE0LjkwMjZDMTg2Ljc0MyAxNC45Mzc2IDE4Ni41MTkgMTQuODgzNSAxODYuMzQgMTQuNzUyNFpNMTg4LjI3NiAxMy4zNzY5QzE4Ny45MDIgMTMuNjUxNSAxODcuODE4IDE0LjE3NDIgMTg4LjA4OCAxNC41NTExTDE4OC4wOTEgMTQuNTUxN0MxODguMjIgMTQuNzMxOSAxODguNDE2IDE0Ljg1MyAxODguNjM1IDE0Ljg4OEMxODguODU0IDE0LjkyMyAxODkuMDc5IDE0Ljg2ODggMTg5LjI1NyAxNC43Mzc4QzE4OS42MzEgMTQuNDYyIDE4OS43MTMgMTMuOTM5MiAxODkuNDQyIDEzLjU2M0MxODkuMzEzIDEzLjM4MzcgMTg5LjExNyAxMy4yNjMyIDE4OC44OTggMTMuMjI4M0MxODguNjc5IDEzLjE5MzQgMTg4LjQ1NSAxMy4yNDY5IDE4OC4yNzYgMTMuMzc2OVpNMTc4Ljk1OSAxMi4yNjc4QzE3OC45NyAxMS40MDk5IDE3OS42NzYgMTAuNzIyNCAxODAuNTM4IDEwLjcyOTlDMTgxLjQgMTAuNzM3MyAxODIuMDk0IDExLjQzNjkgMTgyLjA5IDEyLjI5NDlDMTgyLjA4NiAxMy4xNTI4IDE4MS4zODYgMTMuODQ2NCAxODAuNTI0IDEzLjg0NjVDMTc5LjY1NCAxMy44NDA4IDE3OC45NTMgMTMuMTM0IDE3OC45NTkgMTIuMjY3OFpNMTk1Ljg2NyAxMC43NDU2QzE5NS4yNzUgMTAuOTk2NCAxOTQuODk0IDExLjU3ODMgMTk0LjkwMiAxMi4yMTg3QzE5NC45MDggMTMuMDg0OSAxOTUuNjE4IDEzLjc4MjcgMTk2LjQ4OCAxMy43NzdDMTk3LjEzMSAxMy43NzcyIDE5Ny43MTEgMTMuMzkwNSAxOTcuOTU2IDEyLjc5ODFDMTk4LjIgMTIuMjA1NyAxOTguMDYxIDExLjUyNSAxOTcuNjAzIDExLjA3NUMxOTcuMTQ1IDEwLjYyNSAxOTYuNDU5IDEwLjQ5NDkgMTk1Ljg2NyAxMC43NDU2WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzBfNjc2NikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfNjc2NiIgeDE9IjE4Ny41NCIgeTE9IjE2IiB4Mj0iMTY4LjY5IiB5Mj0iLTM4LjcwNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg2NERFQiIvPgo8c3RvcCBvZmZzZXQ9IjAuNjg5NjU1IiBzdG9wLWNvbG9yPSIjRTY0QkUwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YzNTBEQSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMF82NzY2IiB4MT0iMjA5LjE3NCIgeTE9IjAuNjg5NjI4IiB4Mj0iMTczLjI5OSIgeTI9IjAuMTYxNjg1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NjRERUIiLz4KPHN0b3Agb2Zmc2V0PSIwLjY4OTY1NSIgc3RvcC1jb2xvcj0iI0U2NEJFMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGMzUwREEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzY3NjYiPgo8cmVjdCB3aWR0aD0iMjA4Ljg3MiIgaGVpZ2h0PSI0MSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
@@ -8265,7 +8261,7 @@ var Divider = ({ children, style }) => {
 var divider_default = Divider;
 
 // src/components/emailLogin/index.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/components/emailLogin/styles.ts
 var import_styled_components20 = require("styled-components");
@@ -8346,13 +8342,13 @@ var StyleInputError = import_styled_components20.styled.div`
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var EmailLogin = () => {
   const { navigate } = useRouter();
-  const inputRef = (0, import_react23.useRef)(null);
+  const inputRef = (0, import_react22.useRef)(null);
   const locales = useLocales();
   const { appearance } = useAppearance();
-  const [emailError, setEmailError] = (0, import_react23.useState)("");
-  const [emailValue, setEmailValue] = (0, import_react23.useState)("");
-  const [isFocus, setIsFocus] = (0, import_react23.useState)(false);
-  const [loading, setLoading] = (0, import_react23.useState)(false);
+  const [emailError, setEmailError] = (0, import_react22.useState)("");
+  const [emailValue, setEmailValue] = (0, import_react22.useState)("");
+  const [isFocus, setIsFocus] = (0, import_react22.useState)(false);
+  const [loading, setLoading] = (0, import_react22.useState)(false);
   const walletConnector = useWalletConnector("particleAuth");
   const sendCode = async () => {
     try {
@@ -8379,10 +8375,10 @@ var EmailLogin = () => {
     }
     setLoading(false);
   };
-  const buttonDisabled = (0, import_react23.useMemo)(() => {
+  const buttonDisabled = (0, import_react22.useMemo)(() => {
     return !emailValue || !EmailRegExp.test(emailValue) || loading;
   }, [emailValue, loading]);
-  const hideContinueButton = (0, import_react23.useMemo)(() => {
+  const hideContinueButton = (0, import_react22.useMemo)(() => {
     return appearance?.hideContinueButton;
   }, [appearance?.hideContinueButton]);
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(EmailLoginContainer, { children: [
@@ -8452,14 +8448,13 @@ var PasskeyButtons = () => {
   const { navigate } = useRouter();
   const locales = useLocales();
   const { appearance } = useAppearance();
-  const language = useLanguage();
   const connectWallet = useConnectWithWallet();
   const wallet = useWalletProps("passkeySmartWallet");
   const login = () => {
     navigate("login-passkey" /* LoginPasskey */);
   };
   if (appearance.collapsePasskeyButton) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(button_default, { style: { marginTop: 16 }, onClick: login, children: appearance?.overrideLocales?.[language]?.btnContinueWithPasskey ?? locales.continueWithSmartWalletPasskey });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(button_default, { style: { marginTop: 16 }, onClick: login, children: locales.continueWithSmartWalletPasskey });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -8478,7 +8473,7 @@ var PasskeyButtons = () => {
             });
           }
         },
-        children: appearance?.overrideLocales?.[language]?.btnCreatePasskeyWallet ?? locales.createNewPasskey
+        children: locales.createNewPasskey
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -8495,7 +8490,7 @@ var PasskeyButtons = () => {
             }
           });
         },
-        children: appearance?.overrideLocales?.[language]?.btnLoginWithPasskey ?? locales.loginWithPasskey
+        children: locales.loginWithPasskey
       }
     )
   ] });
@@ -8504,12 +8499,12 @@ var passkeyButtons_default = PasskeyButtons;
 
 // src/components/phoneLogin/index.tsx
 var import_unicode = __toESM(require("country-flag-icons/unicode"), 1);
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // src/hooks/useClickAway.ts
-var import_react24 = require("react");
+var import_react23 = require("react");
 var useClickAway = (callback, refs) => {
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (refs.every((ref) => ref.current && !ref.current.contains(event.target))) {
         callback();
@@ -9382,14 +9377,14 @@ var StyleHoverBg = import_styled_components22.styled.div`
 `;
 
 // src/components/dropdown/index.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var Dropdown = (0, import_react25.forwardRef)((props, ref) => {
+var Dropdown = (0, import_react24.forwardRef)((props, ref) => {
   const { trigger, content, dropdownWidth, dropdownHeight, offsetX = 0, offsetY = 0, onChange } = props;
-  const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
-  const triggerRef = (0, import_react25.useRef)(null);
-  const dropdownRef = (0, import_react25.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react24.useState)(false);
+  const triggerRef = (0, import_react24.useRef)(null);
+  const dropdownRef = (0, import_react24.useRef)(null);
   const updateDropdownPosition = () => {
     if (triggerRef.current && dropdownRef.current) {
       const rect = triggerRef.current.getBoundingClientRect();
@@ -9402,7 +9397,7 @@ var Dropdown = (0, import_react25.forwardRef)((props, ref) => {
       dropdownRef.current.style.left = `${rect.left}px`;
     }
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isOpen) {
       updateDropdownPosition();
       window.addEventListener("scroll", updateDropdownPosition, true);
@@ -9424,7 +9419,7 @@ var Dropdown = (0, import_react25.forwardRef)((props, ref) => {
       toggleDropdown();
     }
   };
-  (0, import_react25.useImperativeHandle)(ref, () => ({
+  (0, import_react24.useImperativeHandle)(ref, () => ({
     toggleDropdown
   }));
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
@@ -9648,23 +9643,23 @@ var PhoneInputItem = () => {
   const { appearance } = useAppearance();
   const { navigate } = useRouter();
   const locales = useLocales();
-  const [countryData, setCountryData] = (0, import_react26.useState)([]);
-  const [phoneValue, setPhoneValue] = (0, import_react26.useState)("");
-  const [visbSelectCountry, setVisbSelectCountry] = (0, import_react26.useState)(false);
-  const [searchValue, setSearchValue] = (0, import_react26.useState)("");
-  const [phoneError, setPhoneError] = (0, import_react26.useState)("");
-  const [loading, setLoading] = (0, import_react26.useState)(false);
-  const [listPosition, setListPosition] = (0, import_react26.useState)("bottom");
-  const [listMaxHeight, setListMaxHeight] = (0, import_react26.useState)(300);
-  const [hoverIndex, setHoverIndex] = (0, import_react26.useState)(-1);
-  const [inputFocus, setInputFocus] = (0, import_react26.useState)(false);
-  const clickRef = (0, import_react26.useRef)(null);
-  const searchInputRef = (0, import_react26.useRef)(null);
-  const countryListWrapRef = (0, import_react26.useRef)(null);
-  const footerRef = (0, import_react26.useRef)(null);
-  const phoneContainerRef = (0, import_react26.useRef)(null);
-  const timer = (0, import_react26.useRef)();
-  const dropdownRef = (0, import_react26.useRef)(null);
+  const [countryData, setCountryData] = (0, import_react25.useState)([]);
+  const [phoneValue, setPhoneValue] = (0, import_react25.useState)("");
+  const [visbSelectCountry, setVisbSelectCountry] = (0, import_react25.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react25.useState)("");
+  const [phoneError, setPhoneError] = (0, import_react25.useState)("");
+  const [loading, setLoading] = (0, import_react25.useState)(false);
+  const [listPosition, setListPosition] = (0, import_react25.useState)("bottom");
+  const [listMaxHeight, setListMaxHeight] = (0, import_react25.useState)(300);
+  const [hoverIndex, setHoverIndex] = (0, import_react25.useState)(-1);
+  const [inputFocus, setInputFocus] = (0, import_react25.useState)(false);
+  const clickRef = (0, import_react25.useRef)(null);
+  const searchInputRef = (0, import_react25.useRef)(null);
+  const countryListWrapRef = (0, import_react25.useRef)(null);
+  const footerRef = (0, import_react25.useRef)(null);
+  const phoneContainerRef = (0, import_react25.useRef)(null);
+  const timer = (0, import_react25.useRef)();
+  const dropdownRef = (0, import_react25.useRef)(null);
   const walletConnector = useWalletConnector("particleAuth");
   const sendCode = async () => {
     try {
@@ -9703,7 +9698,7 @@ var PhoneInputItem = () => {
     }
     setLoading(false);
   };
-  const countriesList = (0, import_react26.useMemo)(() => {
+  const countriesList = (0, import_react25.useMemo)(() => {
     let filterCountryCodes = countryCodes;
     if (appearance?.filterCountryCallingCode) {
       filterCountryCodes = appearance?.filterCountryCallingCode(countryCodes);
@@ -9714,15 +9709,15 @@ var PhoneInputItem = () => {
       return defaultCountriesData.find((item) => item[1]?.toLowerCase() === countryCode?.toLowerCase());
     }).filter((item) => !!item);
   }, []);
-  const searclCountriesList = (0, import_react26.useMemo)(() => {
+  const searclCountriesList = (0, import_react25.useMemo)(() => {
     return countriesList.filter((item) => {
       return item.join("+").toLowerCase().includes(searchValue.toLowerCase());
     });
   }, [countriesList, searchValue]);
-  const hideContinueButton = (0, import_react26.useMemo)(() => {
+  const hideContinueButton = (0, import_react25.useMemo)(() => {
     return appearance?.hideContinueButton;
   }, [appearance]);
-  const disabled = (0, import_react26.useMemo)(() => {
+  const disabled = (0, import_react25.useMemo)(() => {
     try {
       if (!countryData[1] || !countryData[2] || !phoneValue) {
         return true;
@@ -9733,19 +9728,19 @@ var PhoneInputItem = () => {
     }
     return true;
   }, [countryData, phoneValue, locales]);
-  const hoverBgColor = (0, import_react26.useMemo)(() => {
+  const hoverBgColor = (0, import_react25.useMemo)(() => {
     const color = appearance.theme?.["--pcm-accent-color"] || "#A257FA";
     return hexToRgbaColor(color, 0.1);
   }, [appearance]);
   useClickAway_default(() => {
     setVisbSelectCountry(false);
   }, [clickRef, countryListWrapRef]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (visbSelectCountry) {
       setSearchValue("");
     }
   }, [visbSelectCountry]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const language = navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
     const locales2 = language?.split("-");
     const region = (locales2 || []).length > 1 ? locales2?.[1] : locales2?.[0];
@@ -9760,7 +9755,7 @@ var PhoneInputItem = () => {
       }
     }
   }, [countriesList]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const { topDistance, bottomDistance } = getElementDimensionsRelativeToParent(phoneContainerRef) || {};
     if (bottomDistance && topDistance && bottomDistance > topDistance || (bottomDistance || 0) > 200) {
       setListPosition("bottom");
@@ -9993,11 +9988,11 @@ var SwitchEmailOrPhone = ({
 };
 var Signup2 = () => {
   const { config } = useContext();
-  const [toggleEmailOrPhone, setToggleEmailOrPhone] = (0, import_react27.useState)("email" /* Email */);
+  const [toggleEmailOrPhone, setToggleEmailOrPhone] = (0, import_react26.useState)("email" /* Email */);
   const locales = useLocales();
   const { appearance } = useAppearance();
   const { currentMode } = useIconColor_default();
-  const connectorsOrder = (0, import_react27.useMemo)(() => {
+  const connectorsOrder = (0, import_react26.useMemo)(() => {
     let orders = appearance?.connectorsOrder;
     if (!orders) {
       orders = [
@@ -10028,13 +10023,13 @@ var Signup2 = () => {
     fillConnectorsOrder(enablePasskey, "passkey" /* Passkey */, orders);
     return orders;
   }, [appearance?.connectorsOrder, appearance.collapsePasskeyButton, config.walletConnectors]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const connectorType = connectorsOrder.find((item) => item === "email" /* Email */ || item === "phone" /* Phone */);
     if (connectorType) {
       setToggleEmailOrPhone(connectorType);
     }
   }, [connectorsOrder]);
-  const connectorComponents = (0, import_react27.useMemo)(() => {
+  const connectorComponents = (0, import_react26.useMemo)(() => {
     if (appearance?.splitEmailAndPhone) {
       return {
         email: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(emailLogin_default, {}),
@@ -10054,7 +10049,7 @@ var Signup2 = () => {
     };
   }, [appearance?.splitEmailAndPhone, toggleEmailOrPhone]);
   const switchEmailOrPhoneComponent = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SwitchEmailOrPhone, { toggleEmailOrPhone, setToggleEmailOrPhone });
-  const content = (0, import_react27.useMemo)(() => {
+  const content = (0, import_react26.useMemo)(() => {
     const emailIndex = connectorsOrder.indexOf("email" /* Email */);
     const phoneIndex = connectorsOrder.indexOf("phone" /* Phone */);
     const collapseEmailAndPhone = !appearance?.splitEmailAndPhone && emailIndex != -1 && phoneIndex != -1;
@@ -10067,14 +10062,14 @@ var Signup2 = () => {
       }
       const component = connectorComponents[connector];
       const dividerStartIndex = collapseEmailAndPhone && emailOrPhoneIndex === 0 ? 1 : 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react27.default.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react26.default.Fragment, { children: [
         index > dividerStartIndex && connectorsOrder.length !== 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(divider_default, { children: locales.or }),
         component,
         collapseEmailAndPhone && showSwitchConnector === connector && switchEmailOrPhoneComponent
       ] }, `${connector}-${index}`);
     });
   }, [connectorComponents, connectorsOrder, appearance?.splitEmailAndPhone, switchEmailOrPhoneComponent]);
-  const logoUrl = (0, import_react27.useMemo)(() => {
+  const logoUrl = (0, import_react26.useMemo)(() => {
     if (!appearance?.logo) {
       return logo_default;
     }
@@ -10095,15 +10090,15 @@ var signup_default = Signup2;
 
 // src/pages/walletInfo/index.tsx
 var import_connector_core12 = require("@particle-network/connector-core");
-var import_react37 = require("react");
+var import_react36 = require("react");
 
 // src/components/chainDropdown/index.tsx
 var import_connector_core8 = require("@particle-network/connector-core");
 var import_framer_motion21 = require("framer-motion");
-var import_react32 = require("react");
+var import_react31 = require("react");
 
 // src/hooks/useChainId.ts
-var import_react28 = require("react");
+var import_react27 = require("react");
 
 // src/actions/getChainId.ts
 function getChainId(config) {
@@ -10119,7 +10114,7 @@ function watchChainId(config, parameters) {
 // src/hooks/useChainId.ts
 function useChainId() {
   const { config } = useContext();
-  return (0, import_react28.useSyncExternalStore)(
+  return (0, import_react27.useSyncExternalStore)(
     (onChange) => watchChainId(config, { onChange }),
     () => getChainId(config),
     () => getChainId(config)
@@ -10127,11 +10122,11 @@ function useChainId() {
 }
 
 // src/hooks/useChains.ts
-var import_react29 = require("react");
+var import_react28 = require("react");
 var useChains = () => {
   const { config } = useContext();
   const { connector } = useAccount();
-  const chains2 = (0, import_react29.useMemo)(() => {
+  const chains2 = (0, import_react28.useMemo)(() => {
     const walletConnectorType = connector?.walletConnectorType;
     if (walletConnectorType) {
       const walletConnector = config.getWalletConnector(walletConnectorType);
@@ -10145,7 +10140,7 @@ var useChains = () => {
 };
 
 // src/hooks/useConnections.ts
-var import_react30 = require("react");
+var import_react29 = require("react");
 
 // src/actions/getConnections.ts
 var previousConnections = [];
@@ -10180,7 +10175,7 @@ function watchConnections(config, parameters) {
 // src/hooks/useConnections.ts
 function useConnections() {
   const { config } = useContext();
-  return (0, import_react30.useSyncExternalStore)(
+  return (0, import_react29.useSyncExternalStore)(
     (onChange) => watchConnections(config, { onChange }),
     () => getConnections(config),
     () => getConnections(config)
@@ -10259,14 +10254,14 @@ var useSwitchChain = (parameters) => {
 };
 
 // src/hooks/useWalletConnections.tsx
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var useWalletConnections = () => {
   const connections = useConnections();
   const wallets = useWalletsProps_default();
   const { config } = useContext();
   const { lastConnectorId } = useLastConnectorId();
-  const walletConnections = (0, import_react31.useMemo)(() => {
+  const walletConnections = (0, import_react30.useMemo)(() => {
     const props = [];
     for (const connection of connections) {
       const id = connection.connector.id;
@@ -10321,22 +10316,22 @@ var ChainDropdown = ({
   const connectors = useConnectors();
   const { connectAsync } = useConnect();
   const connections = useConnections();
-  const [hoverIndex, setHoverIndex] = (0, import_react32.useState)(-1);
-  const [targetChainId, setTargetChainId] = (0, import_react32.useState)();
-  const dropdownRef = (0, import_react32.useRef)(null);
-  const timer = (0, import_react32.useRef)();
-  const dropdownWrapperRef = (0, import_react32.useRef)(null);
-  const selectedItemRef = (0, import_react32.useRef)(null);
-  const isParticle = (0, import_react32.useMemo)(() => {
+  const [hoverIndex, setHoverIndex] = (0, import_react31.useState)(-1);
+  const [targetChainId, setTargetChainId] = (0, import_react31.useState)();
+  const dropdownRef = (0, import_react31.useRef)(null);
+  const timer = (0, import_react31.useRef)();
+  const dropdownWrapperRef = (0, import_react31.useRef)(null);
+  const selectedItemRef = (0, import_react31.useRef)(null);
+  const isParticle = (0, import_react31.useMemo)(() => {
     return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === "particleAuth");
   }, [walletConnection]);
-  const currentChainId = (0, import_react32.useMemo)(() => {
+  const currentChainId = (0, import_react31.useMemo)(() => {
     return supportChain ? chainId : -1;
   }, [chainId, supportChain]);
-  const switchSuccess = (0, import_react32.useMemo)(() => {
+  const switchSuccess = (0, import_react31.useMemo)(() => {
     return targetChainId === currentChainId;
   }, [targetChainId, currentChainId]);
-  const currentChainType = (0, import_react32.useMemo)(() => {
+  const currentChainType = (0, import_react31.useMemo)(() => {
     if (chainList && chainList?.length && currentChainId) {
       const chain = chainList.find((item) => item.id === currentChainId);
       if (chain) {
@@ -10347,18 +10342,18 @@ var ChainDropdown = ({
       return "";
     }
   }, [chainList, currentChainId]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (switchSuccess && visible) {
       setVisible(false);
       setTargetChainId(void 0);
     }
   }, [switchSuccess, visible, setVisible]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
   }, [currentChainId]);
   useClickAway_default(() => {
     setVisible(false);
   }, [dropdownRef, ...clickAwayElements]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     setTimeout(() => {
       if (visible && dropdownWrapperRef.current && selectedItemRef.current) {
         const dropdownWrapper = dropdownWrapperRef.current;
@@ -10572,7 +10567,7 @@ var StyleSwitchNetwork = import_styled_components25.styled.div`
 
 // src/components/refreshIcon/index.tsx
 var import_framer_motion22 = require("framer-motion");
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_styled_components26 = require("styled-components");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var StyleRefreshIcon = import_styled_components26.styled.div`
@@ -10590,8 +10585,8 @@ var StyleRefreshIcon = import_styled_components26.styled.div`
 `;
 var RefreshIcon = ({ spin, ...props }) => {
   const controls = (0, import_framer_motion22.useAnimation)();
-  const [isSpinning, setIsSpinning] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
+  const [isSpinning, setIsSpinning] = (0, import_react32.useState)(false);
+  (0, import_react32.useEffect)(() => {
     let animation;
     const startSpinning = async () => {
       if (isSpinning) {
@@ -10650,17 +10645,17 @@ var RefreshIcon = ({ spin, ...props }) => {
 var refreshIcon_default = RefreshIcon;
 
 // src/hooks/useEmbeddedWallet.ts
-var import_react34 = require("react");
+var import_react33 = require("react");
 var useEmbeddedWallet = () => {
   const { config } = useContext();
-  const walletPlugin = (0, import_react34.useMemo)(() => {
+  const walletPlugin = (0, import_react33.useMemo)(() => {
     const plugin = config.plugins.find((plugin2) => plugin2.id === "wallet");
     if (plugin) {
       return plugin;
     }
     return void 0;
   }, []);
-  const isCanOpen = (0, import_react34.useMemo)(() => {
+  const isCanOpen = (0, import_react33.useMemo)(() => {
     return walletPlugin?.getPlugin().walletOptions.widgetIntegration !== "embedded";
   }, [walletPlugin]);
   if (!walletPlugin) {
@@ -10675,19 +10670,19 @@ var useEmbeddedWallet = () => {
 };
 
 // src/hooks/useParticleAuth.ts
-var import_react35 = require("react");
+var import_react34 = require("react");
 var useParticleAuth = () => {
   const { connector } = useAccount();
-  const isParticle = (0, import_react35.useMemo)(() => {
+  const isParticle = (0, import_react34.useMemo)(() => {
     return connector?.walletConnectorType === "particleAuth";
   }, [connector]);
-  const particle = (0, import_react35.useMemo)(() => {
+  const particle = (0, import_react34.useMemo)(() => {
     if (isParticle && "particle" in window && window.particle?._internal) {
       return window?.particle;
     }
     return null;
   }, [isParticle]);
-  const createParticleMethod = (0, import_react35.useCallback)(
+  const createParticleMethod = (0, import_react34.useCallback)(
     (methodName) => {
       return (...args) => {
         if (!isParticle || !particle || !particle._internal || !particle._internal[methodName]) {
@@ -10742,7 +10737,7 @@ function usePublicClient(parameters = {}) {
 }
 
 // src/context/web3Provider/index.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 
 // src/actions/getSolanaWalletClient.ts
 var import_connector_core10 = require("@particle-network/connector-core");
@@ -10879,12 +10874,12 @@ var mapWalletClient = async (parameters) => {
 
 // src/context/web3Provider/index.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var Web3Context = (0, import_react36.createContext)(null);
+var Web3Context = (0, import_react35.createContext)(null);
 var Web3Provder = ({ children }) => {
   const connections = useConnections();
   const { config } = useContext();
   const { data: wallets, mutate: connectionMutate } = useMutation(mapWalletClient);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     connectionMutate({ connections, config });
   }, [connections]);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -10898,7 +10893,7 @@ var Web3Provder = ({ children }) => {
   );
 };
 var useWeb3Context = () => {
-  const context = import_react36.default.useContext(Web3Context);
+  const context = import_react35.default.useContext(Web3Context);
   if (!context)
     throw Error("Web3 Hook must be inside a Provider.");
   return context;
@@ -11103,13 +11098,13 @@ var Page6 = () => {
     onSettled(data, error) {
     }
   });
-  const [refreshBalance, setRefreshBalance] = (0, import_react37.useState)(false);
-  const [chainDropdownVisible, setChainDropdownVisible] = (0, import_react37.useState)(false);
-  const [balance, setBalance] = (0, import_react37.useState)(null);
-  const timer = (0, import_react37.useRef)();
-  const walletInfoLeftRef = (0, import_react37.useRef)(null);
-  const [disconnectLoading, setDisconnectLoading] = (0, import_react37.useState)(false);
-  const currentChainType = (0, import_react37.useMemo)(() => {
+  const [refreshBalance, setRefreshBalance] = (0, import_react36.useState)(false);
+  const [chainDropdownVisible, setChainDropdownVisible] = (0, import_react36.useState)(false);
+  const [balance, setBalance] = (0, import_react36.useState)(null);
+  const timer = (0, import_react36.useRef)();
+  const walletInfoLeftRef = (0, import_react36.useRef)(null);
+  const [disconnectLoading, setDisconnectLoading] = (0, import_react36.useState)(false);
+  const currentChainType = (0, import_react36.useMemo)(() => {
     if (chainList && chainList?.length && currentChainId) {
       const chain2 = chainList.find((item) => item.id === currentChainId);
       if (chain2) {
@@ -11120,7 +11115,7 @@ var Page6 = () => {
       return "";
     }
   }, [chainList, currentChainId]);
-  const supportChain = (0, import_react37.useMemo)(() => {
+  const supportChain = (0, import_react36.useMemo)(() => {
     return chains2.some((item) => item.id === chain?.id);
   }, [chain, chains2]);
   const getBalance = async () => {
@@ -11139,7 +11134,7 @@ var Page6 = () => {
       });
     }
   };
-  const isParticle = (0, import_react37.useMemo)(() => {
+  const isParticle = (0, import_react36.useMemo)(() => {
     return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === "particleAuth");
   }, [walletConnection]);
   const getCachedBalance = () => {
@@ -11147,19 +11142,19 @@ var Page6 = () => {
     return localStorage.getItem(key) || "0";
   };
   const { appearance } = useAppearance();
-  const buyUrl = (0, import_react37.useMemo)(() => {
+  const buyUrl = (0, import_react36.useMemo)(() => {
     if (address) {
       return getBuyUrl(currentChainId, address, "", appearance.mode);
     }
     return void 0;
   }, [address, currentChainId, appearance.mode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (address && chain && client && primaryWallet) {
       setBalance(getCachedBalance());
       getBalance();
     }
   }, [address, client, chain, primaryWallet]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (chain?.id && address) {
       setBalance(getCachedBalance());
     }
@@ -11422,10 +11417,10 @@ var walletInfo_default = Page6;
 
 // src/pages/walletInfo/title.tsx
 var import_connector_core13 = require("@particle-network/connector-core");
-var import_react40 = require("react");
+var import_react39 = require("react");
 
 // src/components/walletAAIcon/index.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/assets/aa.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
@@ -11640,13 +11635,13 @@ var StyleCMWrapper = import_styled_components28.styled.div`
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var WalletIcon2 = ({ size = 20, aaName = "" }) => {
   const [walletConnection] = useWalletConnections();
-  const cmSize = (0, import_react38.useMemo)(() => {
+  const cmSize = (0, import_react37.useMemo)(() => {
     return Math.floor(size / 1.6);
   }, [size]);
   const AAIcon = getAAIcon(aaName);
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleWalletIconContainer, { width: size, height: size, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(StyleAAWrapper, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AAIcon, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleCMWrapper, { width: cmSize, height: cmSize, children: walletConnection?.walletProps.icon && (0, import_react38.cloneElement)(walletConnection?.walletProps.icon, {
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleCMWrapper, { width: cmSize, height: cmSize, children: walletConnection?.walletProps.icon && (0, import_react37.cloneElement)(walletConnection?.walletProps.icon, {
       width: cmSize,
       height: cmSize
     }) })
@@ -11655,11 +11650,11 @@ var WalletIcon2 = ({ size = 20, aaName = "" }) => {
 var walletAAIcon_default = WalletIcon2;
 
 // src/components/walletIcon/index.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var WalletIcon3 = ({ size = 20 }) => {
   const [walletConnection] = useWalletConnections();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StyleWalletIconContainer, { width: size, height: size, children: walletConnection?.walletProps.icon && (0, import_react39.cloneElement)(walletConnection?.walletProps.icon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StyleWalletIconContainer, { width: size, height: size, children: walletConnection?.walletProps.icon && (0, import_react38.cloneElement)(walletConnection?.walletProps.icon, {
     width: size,
     height: size
   }) });
@@ -11674,7 +11669,7 @@ var Title2 = () => {
   const smartAccount = useSmartAccount();
   const address = useAddress();
   const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase();
-  const blockExplorerUrl = (0, import_react40.useMemo)(() => {
+  const blockExplorerUrl = (0, import_react39.useMemo)(() => {
     if (!currentChainId || !address || !chainList) {
       return "";
     }
@@ -11707,7 +11702,7 @@ var Title2 = () => {
 var title_default = Title2;
 
 // src/pages/walletconnect/index.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 
 // src/pages/walletconnect/styles.ts
 var import_framer_motion23 = require("framer-motion");
@@ -11771,10 +11766,10 @@ var Page7 = ({ wallet }) => {
   const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
   const { config } = useContext();
   const { isConnected } = useAccount();
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     requestUri();
   }, []);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     return () => {
       if (!isConnected) {
         config.setState((x) => ({
@@ -11784,7 +11779,7 @@ var Page7 = ({ wallet }) => {
       }
     };
   }, [isConnected]);
-  const visiableWalletButton = (0, import_react41.useMemo)(() => {
+  const visiableWalletButton = (0, import_react40.useMemo)(() => {
     if (mobile || wallet?.id === "walletConnect") {
       return false;
     } else {
@@ -11934,18 +11929,18 @@ var useRouteState = (0, import_zustand5.create)((set) => ({
 
 // src/components/modal/index.tsx
 var import_framer_motion24 = require("framer-motion");
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_react_transition_state = __toESM(require("react-transition-state"), 1);
 var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"), 1);
 
 // src/components/focusTrap/index.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 
 // src/hooks/useFocusTrap.ts
-var import_react42 = require("react");
+var import_react41 = require("react");
 var KEYCODE_TAB = 9;
 function useFocusTrap() {
-  const elRef = (0, import_react42.useRef)(null);
+  const elRef = (0, import_react41.useRef)(null);
   function handleFocus(e) {
     if (!elRef.current)
       return;
@@ -11974,7 +11969,7 @@ function useFocusTrap() {
       }
     }
   }
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (elRef.current) {
       elRef.current.addEventListener("keydown", handleFocus);
       elRef.current.focus({ preventScroll: true });
@@ -11992,7 +11987,7 @@ function useFocusTrap() {
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function FocusTrap(props) {
   const elRef = useFocusTrap();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!elRef.current)
       return;
     elRef.current.focus({ preventScroll: true });
@@ -12001,7 +11996,7 @@ function FocusTrap(props) {
 }
 
 // src/components/footer/index.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 
 // src/assets/powerdBy.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -12056,7 +12051,7 @@ var FooterContainer = import_styled_components30.styled.div`
 // src/components/footer/index.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var Footer = () => {
-  const onClick = (0, import_react44.useCallback)(() => {
+  const onClick = (0, import_react43.useCallback)(() => {
     window.open("https://particle.network", "_blank");
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FooterContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PowerdBy, { onClick }) });
@@ -12064,9 +12059,9 @@ var Footer = () => {
 var footer_default = Footer;
 
 // src/components/lockBody/index.tsx
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react45.useLayoutEffect : import_react45.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react44.useLayoutEffect : import_react44.useEffect;
 var LockBody = ({ children }) => {
   useIsomorphicLayoutEffect(() => {
     const original = {
@@ -12094,11 +12089,11 @@ var LockBody = ({ children }) => {
 var lockBody_default = LockBody;
 
 // src/components/portal/index.tsx
-var import_react46 = require("react");
+var import_react45 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/version.ts
-var version = "2.0.14";
+var version = "2.0.16";
 
 // src/components/portal/index.tsx
 var Portal = (props) => {
@@ -12107,9 +12102,9 @@ var Portal = (props) => {
     ...props
   };
   const { selector, children } = props;
-  const ref = (0, import_react46.useRef)(null);
-  const [mounted, setMounted] = (0, import_react46.useState)(false);
-  (0, import_react46.useEffect)(() => {
+  const ref = (0, import_react45.useRef)(null);
+  const [mounted, setMounted] = (0, import_react45.useState)(false);
+  (0, import_react45.useEffect)(() => {
     const selectorPrefixed = "#" + selector?.replace(/^#/, "");
     ref.current = document.querySelector(selectorPrefixed);
     if (!ref.current) {
@@ -12144,11 +12139,11 @@ var Modal = (props) => {
   });
   const mounted = !(state === "exited" || state === "unmounted");
   const rendered = state === "preEnter" || state !== "exiting";
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     setOpen(open);
   }, [open]);
-  const ref = (0, import_react47.useRef)(null);
-  const [dimensions, setDimensions] = (0, import_react47.useState)({
+  const ref = (0, import_react46.useRef)(null);
+  const [dimensions, setDimensions] = (0, import_react46.useState)({
     width: void 0,
     height: void 0
   });
@@ -12162,24 +12157,24 @@ var Modal = (props) => {
       height: `${roundToEven(bounds?.height)}px`
     });
   };
-  const contentRef = (0, import_react47.useCallback)((node) => {
+  const contentRef = (0, import_react46.useCallback)((node) => {
     if (!node)
       return;
     ref.current = node;
     updateBounds(node);
   }, []);
-  const dimensionsCSS = (0, import_react47.useMemo)(
+  const dimensionsCSS = (0, import_react46.useMemo)(
     () => ({
       "--height": dimensions.height,
       "--width": dimensions.width
     }),
     [dimensions]
   );
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (ref.current)
       updateBounds(ref.current);
   }, [route.path]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const element = ref.current;
     if (!element)
       return;
@@ -12195,7 +12190,7 @@ var Modal = (props) => {
       resizeObserver.unobserve(element);
     };
   }, [ref.current]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!mounted) {
       setDimensions({
         width: void 0,
@@ -12276,27 +12271,27 @@ var ConnectModal = () => {
   const locales = useLocales();
   const { hideError } = useModalError();
   const { isConnected } = useAccount();
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     setOpen(false);
   }, [isConnected, setOpen]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     hideError();
   }, [route, hideError]);
   const {
     element: PageElement,
     title,
     state
-  } = (0, import_react48.useMemo)(() => {
+  } = (0, import_react47.useMemo)(() => {
     const page = getPage(route.path);
     return { ...page, state: route.state };
   }, [route]);
-  const onClose = (0, import_react48.useCallback)(() => {
+  const onClose = (0, import_react47.useCallback)(() => {
     setOpen(false);
   }, [setOpen]);
-  const onBack = (0, import_react48.useCallback)(() => {
+  const onBack = (0, import_react47.useCallback)(() => {
     navigate("signup" /* Signup */);
   }, [navigate]);
-  const isCanBack = (0, import_react48.useMemo)(() => route.path !== "signup" /* Signup */ && route.path !== "wallet-info" /* WalletInfo */, [route.path]);
+  const isCanBack = (0, import_react47.useMemo)(() => route.path !== "signup" /* Signup */ && route.path !== "wallet-info" /* WalletInfo */, [route.path]);
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     modal_default,
     {
@@ -12311,7 +12306,7 @@ var ConnectModal = () => {
 var connectModal_default = ConnectModal;
 
 // src/context/modalProvider/index.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 
 // src/actions/filterConnectors.ts
 var filterConnectors = (connectors) => {
@@ -12440,7 +12435,7 @@ function hydrate(config, parameters) {
 
 // src/context/modalProvider/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var ModalContext = (0, import_react49.createContext)(null);
+var ModalContext = (0, import_react48.createContext)(null);
 var reconnectConfigUid;
 var ModalProvider = (props) => {
   const { reconnectOnMount } = props;
@@ -12461,9 +12456,9 @@ var ModalProvider = (props) => {
     const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa");
     setSmartAccount(aaPlugin?.smartAccount ?? null);
   };
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
   }, [account]);
-  const reconnectRef = (0, import_react49.useRef)(false);
+  const reconnectRef = (0, import_react48.useRef)(false);
   const { onMount } = hydrate(config, {
     reconnectOnMount
   });
@@ -12472,20 +12467,20 @@ var ModalProvider = (props) => {
     reconnectConfigUid = config.uid;
     onMount();
   }
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (config.uid !== reconnectConfigUid) {
       reconnectConfigUid = config.uid;
       onMount();
     }
   }, [config.uid, onMount]);
-  const walletPlugin = (0, import_react49.useMemo)(() => {
+  const walletPlugin = (0, import_react48.useMemo)(() => {
     const plugin = config.plugins.find((plugin2) => plugin2.id === "wallet");
     if (plugin) {
       return plugin;
     }
     return void 0;
   }, [config.plugins]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (walletPlugin) {
       const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa");
       const erc4337 = aaPlugin ? aaPlugin.erc4337 : void 0;
@@ -12494,7 +12489,7 @@ var ModalProvider = (props) => {
       });
     }
   }, [walletPlugin, config.plugins]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (walletPlugin) {
       const walletOption = getWalletOption(appearance);
       walletPlugin.overrideWalletOption({
@@ -12503,7 +12498,7 @@ var ModalProvider = (props) => {
       });
     }
   }, [appearance, walletPlugin]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     handlePlugin(connections, config.plugins);
   }, [connections, config.plugins]);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ModalContext.Provider, { value: {}, children: props.children });
@@ -12511,14 +12506,14 @@ var ModalProvider = (props) => {
 
 // src/context/index.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var Context = (0, import_react50.createContext)(null);
+var Context = (0, import_react49.createContext)(null);
 var ConnectKitProvider = (parameters) => {
-  if (import_react50.default.useContext(Context)) {
+  if (import_react49.default.useContext(Context)) {
     throw new Error("Multiple, nested usages of ConnectKitProvider detected. Please use only one.");
   }
   const { children, config, reconnectOnMount = true } = parameters;
   const { appearance } = useAppearance(config);
-  const { AuthCoreContextProvider, authOptions } = (0, import_react50.useMemo)(() => {
+  const { AuthCoreContextProvider, authOptions } = (0, import_react49.useMemo)(() => {
     const authWalletConnector = config.getWalletConnector("particleAuth");
     const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa");
     const erc4337 = aaPlugin ? aaPlugin.erc4337 : void 0;
@@ -12527,7 +12522,7 @@ var ConnectKitProvider = (parameters) => {
       theme = getSystemMode();
     }
     return {
-      AuthCoreContextProvider: authWalletConnector?.AuthCoreContextProvider ?? import_react50.default.Fragment,
+      AuthCoreContextProvider: authWalletConnector?.AuthCoreContextProvider ?? import_react49.default.Fragment,
       authOptions: authWalletConnector ? {
         options: {
           themeType: theme,
@@ -12547,7 +12542,7 @@ var ConnectKitProvider = (parameters) => {
     options: config.options,
     config
   };
-  return (0, import_react50.createElement)(
+  return (0, import_react49.createElement)(
     Context.Provider,
     { value },
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AuthCoreContextProvider, { ...authOptions, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Web3Provder, { children: [
@@ -12557,7 +12552,7 @@ var ConnectKitProvider = (parameters) => {
   );
 };
 var useContext = () => {
-  const context = import_react50.default.useContext(Context);
+  const context = import_react49.default.useContext(Context);
   if (!context)
     throw Error("ConnectKit Hook must be inside a Provider.");
   return context;
@@ -12577,13 +12572,13 @@ function useAppearance(config) {
     const { config: globalConfig } = useContext();
     config = globalConfig;
   }
-  const setAppearance = (0, import_react51.useCallback)(
+  const setAppearance = (0, import_react50.useCallback)(
     (value) => {
       config.appearanceStore.setState(value || {}, true);
     },
     [config.appearanceStore]
   );
-  const appearance = (0, import_react51.useSyncExternalStore)(
+  const appearance = (0, import_react50.useSyncExternalStore)(
     config.appearanceStore.subscribe,
     () => getAppearance(config),
     () => getAppearance(config)
@@ -12596,23 +12591,23 @@ function useAppearance(config) {
 
 // src/hooks/useIconColor.ts
 var useIconColor = () => {
-  const [currentMode, setCurrentMode] = (0, import_react52.useState)();
+  const [currentMode, setCurrentMode] = (0, import_react51.useState)();
   const { appearance } = useAppearance();
-  (0, import_react52.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (appearance?.mode && appearance?.mode !== "auto") {
       setCurrentMode(appearance?.mode);
     } else {
       setCurrentMode(getSystemMode());
     }
   }, [appearance?.mode]);
-  const foreground = (0, import_react52.useMemo)(() => {
+  const foreground = (0, import_react51.useMemo)(() => {
     if (currentMode === "dark") {
       return "#000000";
     } else {
       return "#ffffff";
     }
   }, [currentMode]);
-  const background = (0, import_react52.useMemo)(() => {
+  const background = (0, import_react51.useMemo)(() => {
     if (currentMode === "dark") {
       return "#ffffff";
     } else {
@@ -12911,14 +12906,14 @@ function getSocialIcon(authType) {
 }
 
 // src/components/connectButton/index.tsx
-var import_react55 = require("react");
+var import_react54 = require("react");
 
 // src/components/connectedWidget/index.tsx
 var import_connector_core14 = require("@particle-network/connector-core");
-var import_react54 = require("react");
+var import_react53 = require("react");
 
 // src/components/horizontalResizeAnimation/index.tsx
-var import_react53 = require("react");
+var import_react52 = require("react");
 var import_styled_components31 = require("styled-components");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var AnimationContainer = import_styled_components31.styled.div`
@@ -12934,10 +12929,10 @@ var HorizontalResizeAnimation = ({
   style,
   ...props
 }) => {
-  const containerRef = (0, import_react53.useRef)(null);
-  const contentRef = (0, import_react53.useRef)(null);
-  const [width, setWidth] = (0, import_react53.useState)(0);
-  (0, import_react53.useEffect)(() => {
+  const containerRef = (0, import_react52.useRef)(null);
+  const contentRef = (0, import_react52.useRef)(null);
+  const [width, setWidth] = (0, import_react52.useState)(0);
+  (0, import_react52.useEffect)(() => {
     if (containerRef.current && contentRef.current) {
       requestAnimationFrame(() => {
         const newWidth = contentRef.current?.offsetWidth || 0;
@@ -12959,12 +12954,12 @@ var ConnectedWidget = () => {
   const chains2 = useChains();
   const smartAccount = useSmartAccount();
   const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase();
-  const [chainDropdownVisible, setChainDropdownVisible] = (0, import_react54.useState)(false);
-  const leftRef = (0, import_react54.useRef)(null);
-  const supportChain = (0, import_react54.useMemo)(() => {
+  const [chainDropdownVisible, setChainDropdownVisible] = (0, import_react53.useState)(false);
+  const leftRef = (0, import_react53.useRef)(null);
+  const supportChain = (0, import_react53.useMemo)(() => {
     return chains2.some((item) => item.id === chain?.id);
   }, [chain, chains2]);
-  const chainName = (0, import_react54.useMemo)(() => {
+  const chainName = (0, import_react53.useMemo)(() => {
     const chainName2 = getChainDisplayName(chain);
     const maxChainNameLength = window.screen.width < 400 ? 9 : 18;
     return chainName2?.length > maxChainNameLength ? `${chainName2.slice(0, maxChainNameLength)}...` : chainName2;
@@ -13056,10 +13051,10 @@ var ConnectButton = (props) => {
   const { label } = props;
   const { isConnected, status } = useAccount();
   const { navigate } = useRouter();
-  const [loading, setLoading] = (0, import_react55.useState)(true);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
   const { appearance } = useAppearance();
   const locales = useLocales();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     setLoading(false);
   }, [status]);
   if (loading) {