"use client"; "use strict"; var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/index.ts var src_exports = {}; __export(src_exports, { ConnectButton: () => connectButton_default, ConnectKitProvider: () => ConnectKitProvider, createConfig: () => createConfig, socialIcons: () => socialIcons, useAccount: () => useAccount, useAddress: () => useAddress, useAppearance: () => useAppearance, useChains: () => useChains, useConnect: () => useConnect, useConnectors: () => useConnectors, useDisconnect: () => useDisconnect, useEmbeddedWallet: () => useEmbeddedWallet, useModal: () => useModal, useParticleAuth: () => useParticleAuth, usePublicClient: () => usePublicClient, useSmartAccount: () => useSmartAccount, useSwitchAccount: () => useSwitchAccount, useSwitchChain: () => useSwitchChain, useWallets: () => useWallets, version: () => version, walletIcons: () => wallets_default }); module.exports = __toCommonJS(src_exports); // src/types/index.ts var EmailRegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; // src/hooks/useIconColor.ts var import_react51 = require("react"); // src/utils/theme.ts function getSystemMode() { if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) { return "dark"; } else { return "light"; } } // src/hooks/useAppearance.ts var import_react50 = require("react"); // src/context/index.tsx var import_react49 = __toESM(require("react"), 1); // src/components/connectModal/index.tsx var import_react47 = require("react"); // src/actions/getAccount.ts var import_viem = require("viem"); // src/utils/deepEqual.ts function deepEqual(a, b) { if (a === b) return true; if (a && b && typeof a === "object" && typeof b === "object") { if (a.constructor !== b.constructor) return false; let length; let i; if (Array.isArray(a) && Array.isArray(b)) { length = a.length; if (length !== b.length) return false; for (i = length; i-- !== 0; ) if (!deepEqual(a[i], b[i])) return false; return true; } if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); const keys = Object.keys(a); length = keys.length; if (length !== Object.keys(b).length) return false; for (i = length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; for (i = length; i-- !== 0; ) { const key = keys[i]; if (key && !deepEqual(a[key], b[key])) return false; } return true; } return a !== a && b !== b; } // src/actions/getAccount.ts var previousAccount; var previousState; function getAccount(config) { const state = config.state; if (deepEqual(previousState, state)) return previousAccount; const uid = config.state.current; const connection = config.state.connections.get(uid); let addresses = connection?.accounts; if (addresses?.length && addresses.every((account) => (0, import_viem.isAddress)(account, { strict: false }))) { addresses = addresses.map((item) => (0, import_viem.checksumAddress)(item)); } const address = addresses?.[0]; const chain = config.chains.find((chain2) => chain2.id === connection?.chainId); const status = config.state.status; let result; switch (status) { case "connected": result = { address, addresses, chain, chainId: connection?.chainId, connector: connection?.connector, isConnected: true, isConnecting: false, isDisconnected: false, isReconnecting: false, status }; break; case "reconnecting": result = { address, addresses, chain, chainId: connection?.chainId, connector: connection?.connector, isConnected: !!address, isConnecting: false, isDisconnected: false, isReconnecting: true, status }; break; case "connecting": result = { address, addresses, chain, chainId: connection?.chainId, connector: connection?.connector, isConnected: false, isConnecting: true, isDisconnected: false, isReconnecting: false, status }; break; case "disconnected": result = { address: void 0, addresses: void 0, chain: void 0, chainId: void 0, connector: void 0, isConnected: false, isConnecting: false, isDisconnected: true, isReconnecting: false, status }; break; } previousAccount = result; return result; } // src/actions/watchAccount.ts function watchAccount(config, parameters) { const { onChange } = parameters; return config.subscribe(() => getAccount(config), onChange, { equalityFn(a, b) { const { connector: aConnector, ...aRest } = a; const { connector: bConnector, ...bRest } = b; return deepEqual(aRest, bRest) && aConnector?.id === bConnector?.id && aConnector?.uid === bConnector?.uid; } }); } // src/hooks/useSyncExternalStoreWithTracked.ts var import_react = require("react"); var import_with_selector = require("use-sync-external-store/shim/with-selector.js"); var isPlainObject = (obj) => typeof obj === "object" && !Array.isArray(obj); function useSyncExternalStoreWithTracked(subscribe, getSnapshot, getServerSnapshot = getSnapshot, isEqual = deepEqual) { const trackedKeys = (0, import_react.useRef)([]); const result = (0, import_with_selector.useSyncExternalStoreWithSelector)( subscribe, getSnapshot, getServerSnapshot, (x) => x, (a, b) => { if (isPlainObject(a) && isPlainObject(b) && trackedKeys.current.length) { for (const key of trackedKeys.current) { const equal = isEqual(a[key], b[key]); if (!equal) return false; } return true; } return isEqual(a, b); } ); if (isPlainObject(result)) { const trackedResult = { ...result }; let properties = {}; for (const [key, value] of Object.entries(trackedResult)) { properties = { ...properties, [key]: { configurable: false, enumerable: true, get: () => { if (!trackedKeys.current.includes(key)) { trackedKeys.current.push(key); } return value; } } }; } Object.defineProperties(trackedResult, properties); return trackedResult; } return result; } // src/hooks/useAccount.ts function useAccount() { const { config } = useContext(); return useSyncExternalStoreWithTracked( (onChange) => watchAccount(config, { onChange }), () => getAccount(config) ); } // src/hooks/useLocales.ts var import_react2 = require("react"); // src/locales/en-US.json var en_US_default = { connectWallet: "Connect Wallet", disconnect: "Disconnect", connected: "Connected", preferPhone: "Prefer to use a phone number?", preferEmail: "Prefer to use an email?", usePhone: "Use phone", useEmail: "Use email", signupTitle: "Log in or sign up", connectorsTitle: "Log in or sign up", captchaTitle: "Confirm verification code", walletconnectTitle: "Connect", selectChainTitle: "Select Chain", viewAllWallets: "View all wallets", continueWithWallet: "Continue with a wallet", connectingUnavailable: "Unsupported Browser", connectingUnavailableDesc: "To connect your {0} wallet,\ninstall the extension on {0}.", connectingInstall: "Install {0}", connectingInstallDesc: "To connect your {0} wallet,\ninstall the browser extension.", connectingRequest: "Requesting Connection", connectingRequestDesc: "Click connect in your wallet popup.", connectingConnected: "Already Connected", connectingConnectedDesc: "It is now okay to close this popup", connectingRejected: "Request Cancelled", connectingRejectedDesc: "You cancelled the request.\nClick above to try again.", connectingFailed: "Request Failed", connectingFailedDesc: "Something went wrong. \nClick above to try again later.", connectingNotconnected: "Login to {0}", connectingNotconnectedDesc: "To continue, please login to your {0} extension.", phoneNumber: "Phone Number", email: "Email", enterEmail: "Please enter your email address.", enterValidEmail: "Please enter a valid email address.", unknownError: "An unknown error occurred", verificationCode: "We've sent a verification code to", incorrectCode: "The code you entered is incorrect. Please try again.", continue: "Continue", didNotReceiveCode: "Did not receive your code yet?", resendCode: "Re-send code", enterValidPhoneNumber: "Please enter a valid phone number", somethingWentWrong: "Something went wrong. Please try again.", somethingWentWrongLater: "Something went wrong. Please try again later.", emailFormatError: "Email format error.", invalidOrIncorrectNumber: "Invalid or incorrect number. Please try again.", recommended: "Recommended", popular: "Popular", installed: "Installed", lastUsed: "Last Used", multichain: "Multichain", enterPhoneNumber: "Please enter your phone number", copied: "Copied", linkLoginAccount: "Link Login Account", accountAndSecurity: "Account and Security", copyQRURI: "Copy QR URI", getWallet: "Get Wallet", scanQRCode: "Scan this QR code from your mobile wallet or phone's camera to connect.", connect: "Connect", installToConnect: "Install {0} to connect", selectPreferredOptions: "Select from your preferred options below:", installExtension: "Install {0} extension", refreshPageOnceInstalled: "Please refresh the page once installed.", walletSupportsMultipleChains: "This wallet supports multiple chains.", selectChainToConnect: "Select which chain you'd like to connect to.", scanWithPhone: "Scan with phone", connectingRequestAuthDesc: "Log in and grant permissions.", or: "OR", walletOnlyAvailableOnMobile: "This wallet is only available on mobile. Scan this QR code from your mobile phone to download this app.", installBrowserFirst: "You need to Install {0} Browser first and then use {1} Wallet.", wallet: "Wallet", buy: "Buy", switchNetwork: "Switch Network", noData: "No data", receive: "Receive", send: "Send", onlySupport: "Only support {0} related assets", copyAddress: "Copy Address", searchByNameOrCode: "Search by country name or code", invalidOrIncorrectNumberMistype: "Invalid or incorrect number. Did you mistype it?", networkError: "Network error, please try again", invalidCode: "Invalid code", codeDeleted: "Code has expired. Please send it again.", sessionExpired: "Your session has expired, please login again to continue.", loginWithPasskey: "Log in with passkey", usePasskeyToLogin: "Passkey Smart Wallet", usePasskeyToLoginSmartAccount: "Use a passkey to create or access a Smart Wallet.", createNewPasskey: "Create a Passkey Smart Wallet", gotWallet: "Log in with passkey", requestingPasskey: "Requesting Connection", passkeyPrompt: "Follow the prompts to verify your passkey.", setupPasskeyPrompt: "Follow the prompts to set up a passkey.", requestCancelled: "You cancelled the request.\nClick above to try again.", tryAgain: "Try Again", setupPasskey: "Set up a passkey", passkeyStorageInfo: "Passkeys are stored in your device and can only be accessed by you.", passkeyDeletionWarning: "WARNING: Please avoid bulk clean-ups and passkey deletions to avoid accidental deletion.", convenientAndFast: "Fast and convenient", biometricTransactionInfo: "Use Face ID or Touch ID to quickly authenticate transactions.", increasedSecurity: "Increased security", passkeySecurityInfo: "Passkeys are end-to-end encrypted in your device or password manager to prevent phishing attempts.", continueWithSmartWalletPasskey: "Continue with Passkey Smart Wallet", connectingPasskeyUnavailable: "Request Failed", connectingPasskeyUnavailableDesc: "Passkey is not available here. Please try another login method or change devices (e.g.browser, terminal)." }; // src/locales/ja-JP.json var ja_JP_default = { connectWallet: "\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u63A5\u7D9A", disconnect: "\u63A5\u7D9A\u89E3\u9664", connected: "\u63A5\u7D9A\u6E08\u307F", preferPhone: "\u512A\u5148\u7684\u306B\u643A\u5E2F\u756A\u53F7\u3067\u767B\u9332\u3059\u308B\uFF1F", preferEmail: "\u512A\u5148\u7684\u306BE\u30E1\u30FC\u30EB\u3067\u767B\u9332\u3057\u307E\u3059\u304B\uFF1F", usePhone: "\u643A\u5E2F\u756A\u53F7\u3092\u4F7F\u3046", useEmail: "\u96FB\u5B50\u30E1\u30FC\u30EB\u306E\u4F7F\u7528", signupTitle: "\u30ED\u30B0\u30A4\u30F3\u307E\u305F\u306F\u767B\u9332", connectorsTitle: "\u30ED\u30B0\u30A4\u30F3\u307E\u305F\u306F\u767B\u9332", captchaTitle: "\u691C\u8A3C\u30B3\u30FC\u30C9\u306E\u78BA\u8A8D", walletconnectTitle: "\u305B\u3064\u305E\u304F", selectChainTitle: "\u305B\u3093\u305F\u304F\u30C1\u30A7\u30FC\u30F3", viewAllWallets: "\u3059\u3079\u3066\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u8868\u793A", continueWithWallet: "\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u4F7F\u7528\u3057\u305F\u30ED\u30B0\u30A4\u30F3", connectingUnavailable: "\u30B5\u30DD\u30FC\u30C8\u3055\u308C\u3066\u3044\u306A\u3044\u30D6\u30E9\u30A6\u30B6", connectingUnavailableDesc: "\u30A6\u30A9\u30EC\u30C3\u30C8\u306B\u63A5\u7D9A\u3059\u308B\u306B\u306F\u3001\n\u62E1\u5F35\u30D7\u30ED\u30B0\u30E9\u30E0\u3092\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u3057\u307E\u3059\u3002", connectingInstall: "\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB{0}", connectingInstallDesc: "\u30A6\u30A9\u30EC\u30C3\u30C8\u306B\u63A5\u7D9A\u3059\u308B\u306B\u306F\u3001\n\u30D6\u30E9\u30A6\u30B6\u62E1\u5F35\u30D7\u30ED\u30B0\u30E9\u30E0\u3092\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u3057\u307E\u3059\u3002", connectingRequest: "\u8981\u6C42\u63A5\u7D9A", connectingRequestDesc: "\u30A6\u30A9\u30EC\u30C3\u30C8\u30DD\u30C3\u30D7\u30A2\u30C3\u30D7\u30A6\u30A3\u30F3\u30C9\u30A6\u3067\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u63A5\u7D9A\u3059\u308B\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u307E\u3059\u3002", connectingConnected: "\u5B8C\u4E86\u3057\u305F\u63A5\u7D9A", connectingConnectedDesc: "\u3053\u306E\u30DD\u30C3\u30D7\u30A2\u30C3\u30D7\u30A6\u30A3\u30F3\u30C9\u30A6\u3092\u9589\u3058\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059", connectingRejected: "\u8981\u6C42\u304C\u30AD\u30E3\u30F3\u30BB\u30EB\u3055\u308C\u307E\u3057\u305F", connectingRejectedDesc: "\u3042\u306A\u305F\u306F\u8981\u8ACB\u3092\u53D6\u308A\u6D88\u3057\u307E\u3057\u305F\u3002\n\u4E0A\u306E\u30EA\u30F3\u30AF\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u518D\u8A66\u884C\u3057\u307E\u3059\u3002", connectingFailed: "\u30EA\u30AF\u30A8\u30B9\u30C8\u304C\u5931\u6557\u3057\u307E\u3057\u305F", connectingFailedDesc: "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\n\u5F8C\u3067\u3082\u3046\u4E00\u5EA6\u4E0A\u306E\u30DC\u30BF\u30F3\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u304F\u3060\u3055\u3044\u3002", connectingNotconnected: "\u30ED\u30B0\u30A4\u30F3\u5148{0}", connectingNotconnectedDesc: "\u3042\u306A\u305F\u306E{0}\u306B\u30ED\u30B0\u30A4\u30F3\u3057\u3066\u304F\u3060\u3055\u3044\u3002", phoneNumber: "\u643A\u5E2F\u756A\u53F7", email: "\u30E1\u30FC\u30EB\u30DC\u30C3\u30AF\u30B9", enterEmail: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002", enterValidEmail: "\u6709\u52B9\u306A\u30E1\u30FC\u30EB\u30DC\u30C3\u30AF\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002", unknownError: "\u4E0D\u660E\u306A\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F", verificationCode: "\u8A8D\u8A3C\u30B3\u30FC\u30C9\u306E\u9001\u4FE1\u5148", incorrectCode: "\u5165\u529B\u3057\u305F\u8A8D\u8A3C\u30B3\u30FC\u30C9\u304C\u6B63\u3057\u304F\u3042\u308A\u307E\u305B\u3093\u3002\u518D\u8A66\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002", continue: "\u7D9A\u884C", didNotReceiveCode: "\u8A8D\u8A3C\u30B3\u30FC\u30C9\u3092\u53D7\u3051\u53D6\u3063\u3066\u3044\u307E\u305B\u3093\u304B\uFF1F", resendCode: "\u8A8D\u8A3C\u30B3\u30FC\u30C9\u306E\u518D\u9001\u4FE1", enterValidPhoneNumber: "\u6709\u52B9\u306A\u96FB\u8A71\u756A\u53F7\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044", somethingWentWrong: "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u518D\u8A66\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002", somethingWentWrongLater: "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u5F8C\u3067\u3084\u308A\u76F4\u3057\u3066\u304F\u3060\u3055\u3044\u3002", emailFormatError: "\u30E1\u30FC\u30EB\u30DC\u30C3\u30AF\u30B9\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8\u5165\u529B\u30A8\u30E9\u30FC", invalidOrIncorrectNumber: "\u643A\u5E2F\u756A\u53F7\u306E\u5165\u529B\u30DF\u30B9\u3001\u518D\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044", recommended: "\u63A8\u5968", popular: "\u4EBA\u6C17\u304C\u3042\u308B", installed: "\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u6E08\u307F", lastUsed: "\u6700\u7D42\u4F7F\u7528", multichain: "\u30DE\u30EB\u30C1\u30C1\u30A7\u30FC\u30F3", enterPhoneNumber: "\u643A\u5E2F\u756A\u53F7\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044", copied: "\u30B3\u30D4\u30FC\u6E08\u307F", linkLoginAccount: "\u30ED\u30B0\u30A4\u30F3\u30A2\u30AB\u30A6\u30F3\u30C8\u3078\u306E\u63A5\u7D9A", accountAndSecurity: "\u30A2\u30AB\u30A6\u30F3\u30C8\u3068\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3", copyQRURI: "QR URI\u3092\u30B3\u30D4\u30FC", getWallet: "\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u53D6\u5F97", scanQRCode: "\u304A\u8CA1\u5E03\u3084\u643A\u5E2F\u30AB\u30E1\u30E9\u3067QR\u30B3\u30FC\u30C9\u3092\u30B9\u30AD\u30E3\u30F3\u3057\u3066\u63A5\u7D9A\u3059\u308B", connect: "\u305B\u3064\u305E\u304F", installToConnect: "\u30DD\u30B9\u30C8\u30B3\u30CD\u30AF\u30B7\u30E7\u30F3\u3092\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u3057\u3066\u304F\u3060\u3055\u3044", selectPreferredOptions: "\u6B21\u306E\u3044\u305A\u308C\u304B\u306E\u65B9\u6CD5\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002", installExtension: "\u62E1\u5F35\u30D7\u30ED\u30B0\u30E9\u30E0\u306E\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB", refreshPageOnceInstalled: "\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u5F8C\u306B\u30DA\u30FC\u30B8\u3092\u66F4\u65B0\u3057\u3066\u304F\u3060\u3055\u3044\u3002", walletSupportsMultipleChains: "\u3053\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u306F\u8907\u6570\u306E\u30C1\u30A7\u30FC\u30F3\u3092\u30B5\u30DD\u30FC\u30C8\u3057\u3066\u3044\u307E\u3059\u3002", selectChainToConnect: "\u63A5\u7D9A\u3059\u308B\u30C1\u30A7\u30FC\u30F3\u3092\u9078\u629E\u3057\u307E\u3059\u3002", scanWithPhone: "\u643A\u5E2F\u96FB\u8A71\u3067\u30B9\u30AD\u30E3\u30F3", connectingRequestAuthDesc: "\u6A29\u9650\u3092\u4ED8\u4E0E\u3057\u3066\u30ED\u30B0\u30A4\u30F3\u3057\u307E\u3059\u3002", or: "\u307E\u305F\u306F", walletOnlyAvailableOnMobile: "\u3053\u306E\u8CA1\u5E03\u306F\u643A\u5E2F\u96FB\u8A71\u306B\u306E\u307F\u4F7F\u7528\u3067\u304D\u307E\u3059\u3002\u3053\u306EQR\u30B3\u30FC\u30C9\u3092\u643A\u5E2F\u96FB\u8A71\u3067\u30B9\u30AD\u30E3\u30F3\u3057\u3066\u3053\u306E\u30A2\u30D7\u30EA\u3092\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9\u3057\u307E\u3059\u3002", installBrowserFirst: "\u30D6\u30E9\u30A6\u30B6\u3092\u30A4\u30F3\u30B9\u30C8\u30FC\u30EB\u3057\u3066\u304B\u3089\u3001\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u4F7F\u7528\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002", wallet: "\u30A6\u30A9\u30EC\u30C3\u30C8", buy: "\u8CFC\u5165", switchNetwork: "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u3092\u5207\u308A\u66FF\u3048\u308B", noData: "\u30C7\u30FC\u30BF\u306A\u3057", receive: "\u53D7\u3051\u53D6\u308B", send: "\u9001\u4FE1", onlySupport: "{0}\u95A2\u9023\u306E\u8CC7\u7523\u306E\u307F\u5BFE\u5FDC", copyAddress: "\u30A2\u30C9\u30EC\u30B9\u3092\u30B3\u30D4\u30FC", searchByNameOrCode: "\u56FD\u540D\u307E\u305F\u306F\u30B3\u30FC\u30C9\u3067\u691C\u7D22", invalidOrIncorrectNumberMistype: "\u7121\u52B9\u306A\u756A\u53F7\u3067\u3059\u3002\u5165\u529B\u30DF\u30B9\u3067\u3059\u304B\uFF1F", networkError: "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u30A8\u30E9\u30FC\u3067\u3059\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044", invalidCode: "\u30B3\u30FC\u30C9\u304C\u7121\u52B9\u3067\u3059", codeDeleted: "\u30B3\u30FC\u30C9\u306E\u6709\u52B9\u671F\u9650\u304C\u5207\u308C\u307E\u3057\u305F\u3002\u518D\u9001\u4FE1\u3057\u3066\u304F\u3060\u3055\u3044", sessionExpired: "\u30BB\u30C3\u30B7\u30E7\u30F3\u306E\u6709\u52B9\u671F\u9650\u304C\u5207\u308C\u307E\u3057\u305F\u3002\u7D9A\u884C\u3059\u308B\u306B\u306F\u518D\u5EA6\u30ED\u30B0\u30A4\u30F3\u3057\u3066\u304F\u3060\u3055\u3044\u3002", loginWithPasskey: "Passkey\u3067\u30ED\u30B0\u30A4\u30F3", usePasskeyToLogin: "Passkey\u30B9\u30DE\u30FC\u30C8\u30A6\u30A9\u30EC\u30C3\u30C8", usePasskeyToLoginSmartAccount: "Passkey\u3092\u4F7F\u7528\u3057\u3066\u30B9\u30DE\u30FC\u30C8\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u4F5C\u6210\u307E\u305F\u306F\u30A2\u30AF\u30BB\u30B9\u3057\u307E\u3059\u3002", createNewPasskey: "Passkey\u30B9\u30DE\u30FC\u30C8\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u4F5C\u6210", gotWallet: "Passkey\u3067\u30ED\u30B0\u30A4\u30F3", requestingPasskey: "\u8981\u6C42\u63A5\u7D9A", passkeyPrompt: "\u6307\u793A\u306B\u5F93\u3063\u3066Passkey\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002", setupPasskeyPrompt: "\u6307\u793A\u306B\u5F93\u3063\u3066Passkey\u3092\u8A2D\u5B9A\u3057\u3066\u304F\u3060\u3055\u3044\u3002", requestCancelled: "\u3042\u306A\u305F\u306F\u8981\u8ACB\u3092\u53D6\u308A\u6D88\u3057\u307E\u3057\u305F\u3002\n\u4E0A\u306E\u30EA\u30F3\u30AF\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u518D\u8A66\u884C\u3057\u307E\u3059\u3002", tryAgain: "\u3082\u3046\u4E00\u5EA6\u8A66\u3059", setupPasskey: "Passkey\u3092\u8A2D\u5B9A", passkeyStorageInfo: "Passkey\u306F\u30C7\u30D0\u30A4\u30B9\u306B\u4FDD\u5B58\u3055\u308C\u3001\u3042\u306A\u305F\u3060\u3051\u304C\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u307E\u3059\u3002", passkeyDeletionWarning: "\u8B66\u544A\uFF1APasskey\u3092\u4E00\u62EC\u524A\u9664\u3059\u308B\u3068\u8AA4\u3063\u3066\u524A\u9664\u3055\u308C\u308B\u53EF\u80FD\u6027\u304C\u3042\u308B\u305F\u3081\u3001\u907F\u3051\u3066\u304F\u3060\u3055\u3044\u3002", convenientAndFast: "\u8FC5\u901F\u3067\u4FBF\u5229", biometricTransactionInfo: "Face ID\u307E\u305F\u306FTouch ID\u3092\u4F7F\u7528\u3057\u3066\u3001\u8FC5\u901F\u306B\u53D6\u5F15\u3092\u8A8D\u8A3C\u3057\u307E\u3059\u3002", increasedSecurity: "\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u306E\u5411\u4E0A", passkeySecurityInfo: "Passkey\u306F\u30C7\u30D0\u30A4\u30B9\u307E\u305F\u306F\u30D1\u30B9\u30EF\u30FC\u30C9\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u30A8\u30F3\u30C9\u30C4\u30FC\u30A8\u30F3\u30C9\u6697\u53F7\u5316\u3055\u308C\u3001\u30D5\u30A3\u30C3\u30B7\u30F3\u30B0\u653B\u6483\u3092\u9632\u304E\u307E\u3059\u3002", continueWithSmartWalletPasskey: "Passkey\u30B9\u30DE\u30FC\u30C8\u30A6\u30A9\u30EC\u30C3\u30C8\u3067\u7D9A\u884C", connectingPasskeyUnavailable: "\u30EA\u30AF\u30A8\u30B9\u30C8\u306B\u5931\u6557\u3057\u307E\u3057\u305F", connectingPasskeyUnavailableDesc: "\u3053\u3053\u3067\u306FPasskey\u306F\u5229\u7528\u3067\u304D\u307E\u305B\u3093\u3002\u5225\u306E\u30ED\u30B0\u30A4\u30F3\u65B9\u6CD5\u3092\u8A66\u3059\u304B\u3001\u30C7\u30D0\u30A4\u30B9\u3092\u5909\u66F4\u3057\u3066\u304F\u3060\u3055\u3044\uFF08\u4F8B\uFF1A\u30D6\u30E9\u30A6\u30B6\u3001\u7AEF\u672B\uFF09\u3002" }; // src/locales/ko-KR.json var ko_KR_default = { connectWallet: "\uC9C0\uAC11 \uC5F0\uACB0", disconnect: "\uC5F0\uACB0 \uD574\uC81C", connected: "\uC811\uC18D\uB428", preferPhone: "\uC6B0\uC120 \uD578\uB4DC\uD3F0 \uBC88\uD638\uB85C \uB4F1\uB85D\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?", preferEmail: "\uC804\uC790 \uBA54\uC77C \uB4F1\uB85D\uC774 \uC6B0\uC120\uC785\uB2C8\uAE4C?", usePhone: "\uD578\uB4DC\uD3F0 \uBC88\uD638 \uC0AC\uC6A9", useEmail: "\uC804\uC790 \uBA54\uC77C \uC0AC\uC6A9", signupTitle: "\uB85C\uADF8\uC778 \uB610\uB294 \uB4F1\uB85D", connectorsTitle: "\uB85C\uADF8\uC778 \uB610\uB294 \uB4F1\uB85D", captchaTitle: "\uC778\uC99D \uCF54\uB4DC \uD655\uC778", walletconnectTitle: "\uC5F0\uACB0", selectChainTitle: "\uCCB4\uC778 \uC120\uD0DD", viewAllWallets: "\uBAA8\uB4E0 \uC9C0\uAC11 \uBCF4\uAE30", continueWithWallet: "\uC9C0\uAC11\uC73C\uB85C \uB85C\uADF8\uC778", connectingUnavailable: "\uC9C0\uC6D0\uB418\uC9C0 \uC54A\uB294 \uBE0C\uB77C\uC6B0\uC800", connectingUnavailableDesc: "{0} \uC9C0\uAC11\uC744 \uC5F0\uACB0\uD558\uB824\uBA74\n{0}\uC5D0 \uD655\uC7A5 \uD504\uB85C\uADF8\uB7A8\uC744 \uC124\uCE58\uD558\uC2ED\uC2DC\uC624.", connectingInstall: "{0} \uC124\uCE58", connectingInstallDesc: "{0} \uC9C0\uAC11\uC5D0 \uC5F0\uACB0\uD558\uB824\uBA74 \n\uBE0C\uB77C\uC6B0\uC800 \uD655\uC7A5 \uD504\uB85C\uADF8\uB7A8\uC744 \uC124\uCE58\uD558\uC2ED\uC2DC\uC624.", connectingRequest: "\uC5F0\uACB0 \uC694\uCCAD", connectingRequestDesc: "\uC9C0\uAC11 \uD31D\uC5C5 \uCC3D\uC5D0\uC11C \uC9C0\uAC11 \uC5F0\uACB0\uC744 \uD074\uB9AD\uD569\uB2C8\uB2E4.", connectingConnected: "\uC5F0\uACB0 \uC644\uB8CC", connectingConnectedDesc: "\uC774\uC81C \uC774 \uD31D\uC5C5 \uCC3D\uC744 \uB2EB\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", connectingRejected: "\uC694\uCCAD\uC774 \uCDE8\uC18C\uB428", connectingRejectedDesc: "\uB2F9\uC2E0\uC740 \uC694\uCCAD\uC744 \uCDE8\uC18C\uD588\uC2B5\uB2C8\uB2E4.\n\uC704\uC758 \uB9C1\uD06C\uB97C \uD074\uB9AD\uD558\uC5EC \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC2ED\uC2DC\uC624.", connectingFailed: "\uC694\uCCAD \uC2E4\uD328", connectingFailedDesc: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \n\uB098\uC911\uC5D0 \uC704 \uBC84\uD2BC\uC744 \uD074\uB9AD\uD558\uC5EC \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694.", connectingNotconnected: "{0}\uC5D0 \uB85C\uADF8\uC778", connectingNotconnectedDesc: "{0} \uC5D0 \uB85C\uADF8\uC778\uD558\uC2ED\uC2DC\uC624.", phoneNumber: "\uD578\uB4DC\uD3F0 \uBC88\uD638", email: "\uBA54\uC77C\uBC15\uC2A4", enterEmail: "\uC774\uBA54\uC77C\uC744 \uC785\uB825\uD558\uC2ED\uC2DC\uC624.", enterValidEmail: "\uC62C\uBC14\uB978 \uBA54\uC77C\uBC15\uC2A4\uB97C \uC785\uB825\uD558\uC2ED\uC2DC\uC624.", unknownError: "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.", verificationCode: "\uC778\uC99D \uCF54\uB4DC\uAC00 \uC5D0 \uC804\uC1A1\uB428", incorrectCode: "\uC785\uB825\uD55C \uC778\uC99D \uCF54\uB4DC\uAC00 \uC815\uD655\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC2ED\uC2DC\uC624.", continue: "\uACC4\uC18D", didNotReceiveCode: "\uC778\uC99D\uBC88\uD638\uB97C \uBC1B\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uAE4C?", resendCode: "\uC778\uC99D \uCF54\uB4DC \uB2E4\uC2DC \uBCF4\uB0B4\uAE30", enterValidPhoneNumber: "\uC62C\uBC14\uB978 \uC804\uD654 \uBC88\uD638\uB97C \uC785\uB825\uD558\uC2ED\uC2DC\uC624.", somethingWentWrong: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC2ED\uC2DC\uC624.", somethingWentWrongLater: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB098\uC911\uC5D0 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC2ED\uC2DC\uC624.", emailFormatError: "\uBA54\uC77C\uBC15\uC2A4 \uD615\uC2DD \uC785\uB825 \uC624\uB958", invalidOrIncorrectNumber: "\uD578\uB4DC\uD3F0 \uBC88\uD638 \uC785\uB825\uC774 \uC798\uBABB\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC785\uB825\uD558\uC2ED\uC2DC\uC624.", recommended: "\uCD94\uCC9C", popular: "\uC778\uAE30", installed: "\uC124\uCE58\uB428", lastUsed: "\uB9C8\uC9C0\uB9C9 \uC0AC\uC6A9", multichain: "\uB2E4\uC911 \uCCB4\uC778", enterPhoneNumber: "\uD578\uB4DC\uD3F0 \uBC88\uD638\uB97C \uC785\uB825\uD558\uC138\uC694.", copied: "\uBCF5\uC0AC\uB428", linkLoginAccount: "\uB85C\uADF8\uC778 \uACC4\uC815 \uC5F0\uACB0", accountAndSecurity: "\uACC4\uC815 \uBC0F \uBCF4\uC548", copyQRURI: "QR URI \uBCF5\uC0AC", getWallet: "\uC9C0\uAC11 \uAC00\uC838\uC624\uAE30", scanQRCode: "\uD578\uB4DC\uD3F0 \uC9C0\uAC11\uC774\uB098 \uD578\uB4DC\uD3F0 \uCE74\uBA54\uB77C\uB85C \uC774 QR\uCF54\uB4DC\uB97C \uC2A4\uCE94\uD558\uC5EC \uC5F0\uACB0\uD569\uB2C8\uB2E4", connect: "\uC5F0\uACB0", installToConnect: "{0} \uC744 (\uB97C) \uC124\uCE58\uD55C \uD6C4 \uC5F0\uACB0\uD558\uC2ED\uC2DC\uC624.", selectPreferredOptions: "\uB2E4\uC74C \uBC29\uBC95 \uC911 \uD558\uB098\uB97C \uC0AC\uC6A9\uD558\uC2ED\uC2DC\uC624.", installExtension: "\uD655\uC7A5 \uD504\uB85C\uADF8\uB7A8 \uC124\uCE58", refreshPageOnceInstalled: "\uC124\uCE58 \uD6C4 \uD398\uC774\uC9C0\uB97C \uC0C8\uB85C \uACE0\uCE58\uC2ED\uC2DC\uC624.", walletSupportsMultipleChains: "\uC774 \uC9C0\uAC11\uC740 \uC5EC\uB7EC \uCCB4\uC778\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4.", selectChainToConnect: "\uC5F0\uACB0\uD560 \uCCB4\uC778\uC744 \uC120\uD0DD\uD569\uB2C8\uB2E4.", scanWithPhone: "\uD578\uB4DC\uD3F0\uC73C\uB85C \uC2A4\uCE94\uD558\uB2E4", connectingRequestAuthDesc: "\uB77C\uC774\uC13C\uC2A4\uB97C \uBD80\uC5EC\uD558\uACE0 \uB85C\uADF8\uC778\uD569\uB2C8\uB2E4.", or: "\uB610\uB294", walletOnlyAvailableOnMobile: "\uC774 \uC9C0\uAC11\uC740 \uD734\uB300\uD3F0\uC5D0\uB9CC \uC801\uC6A9\uB429\uB2C8\uB2E4.\uD734\uB300\uD3F0\uC73C\uB85C \uC774 QR\uCF54\uB4DC\uB97C \uC2A4\uCE94\uD558\uC5EC \uC774 \uC571\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC2ED\uC2DC\uC624.", installBrowserFirst: "\uBA3C\uC800 {0} \uBE0C\uB77C\uC6B0\uC800\uB97C \uC124\uCE58\uD55C \uB2E4\uC74C {1} \uC9C0\uAC11\uC744 \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.", wallet: "\uC9C0\uAC11", buy: "\uAD6C\uB9E4", switchNetwork: "\uB124\uD2B8\uC6CC\uD06C \uC804\uD658", noData: "\uB370\uC774\uD130 \uC5C6\uC74C", receive: "\uBC1B\uAE30", send: "\uBCF4\uB0B4\uAE30", onlySupport: "{0} \uAD00\uB828 \uC790\uC0B0\uB9CC \uC9C0\uC6D0", copyAddress: "\uC8FC\uC18C \uBCF5\uC0AC", searchByNameOrCode: "\uAD6D\uAC00 \uC774\uB984 \uB610\uB294 \uCF54\uB4DC\uB85C \uAC80\uC0C9", invalidOrIncorrectNumberMistype: "\uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 \uBC88\uD638\uC785\uB2C8\uB2E4. \uC798\uBABB \uC785\uB825\uD558\uC168\uB098\uC694?", networkError: "\uB124\uD2B8\uC6CC\uD06C \uC624\uB958\uC785\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694", invalidCode: "\uC778\uC99D \uCF54\uB4DC\uAC00 \uBB34\uD6A8\uC785\uB2C8\uB2E4", codeDeleted: "\uC778\uC99D \uCF54\uB4DC\uAC00 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uBCF4\uB0B4\uC8FC\uC138\uC694", sessionExpired: "\uC138\uC158\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uACC4\uC18D\uD558\uB824\uBA74 \uB2E4\uC2DC \uB85C\uADF8\uC778\uD574 \uC8FC\uC138\uC694.", loginWithPasskey: "Passkey\uB85C \uB85C\uADF8\uC778", usePasskeyToLogin: "Passkey \uC2A4\uB9C8\uD2B8 \uC9C0\uAC11", usePasskeyToLoginSmartAccount: "Passkey\uB97C \uC0AC\uC6A9\uD558\uC5EC \uC2A4\uB9C8\uD2B8 \uC9C0\uAC11\uC744 \uB9CC\uB4E4\uAC70\uB098 \uC561\uC138\uC2A4\uD558\uC138\uC694.", createNewPasskey: "Passkey \uC2A4\uB9C8\uD2B8 \uC9C0\uAC11 \uB9CC\uB4E4\uAE30", gotWallet: "Passkey\uB85C \uB85C\uADF8\uC778", requestingPasskey: "\uC5F0\uACB0 \uC694\uCCAD", passkeyPrompt: "\uC9C0\uC2DC\uC5D0 \uB530\uB77C Passkey\uB97C \uD655\uC778\uD558\uC138\uC694.", setupPasskeyPrompt: "\uC9C0\uC2DC\uC5D0 \uB530\uB77C Passkey\uB97C \uC124\uC815\uD558\uC138\uC694.", requestCancelled: "\uB2F9\uC2E0\uC740 \uC694\uCCAD\uC744 \uCDE8\uC18C\uD588\uC2B5\uB2C8\uB2E4.\n\uC704\uC758 \uB9C1\uD06C\uB97C \uD074\uB9AD\uD558\uC5EC \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC2ED\uC2DC\uC624.", tryAgain: "\uB2E4\uC2DC \uC2DC\uB3C4", setupPasskey: "Passkey \uC124\uC815", passkeyStorageInfo: "Passkey\uB294 \uADC0\uD558\uC758 \uC7A5\uCE58\uC5D0 \uC800\uC7A5\uB418\uBA70, \uC624\uC9C1 \uADC0\uD558\uB9CC \uC811\uADFC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", passkeyDeletionWarning: "\uACBD\uACE0: Passkey\uB97C \uB300\uB7C9 \uC0AD\uC81C\uD560 \uB54C \uC2E4\uC218\uB85C \uC0AD\uC81C\uB418\uB294 \uAC83\uC744 \uBC29\uC9C0\uD558\uAE30 \uC704\uD574 \uC8FC\uC758\uD574 \uC8FC\uC138\uC694.", convenientAndFast: "\uBE60\uB974\uACE0 \uD3B8\uB9AC\uD568", biometricTransactionInfo: "Face ID \uB610\uB294 Touch ID\uB97C \uC0AC\uC6A9\uD558\uC5EC \uBE60\uB974\uAC8C \uAC70\uB798\uB97C \uC778\uC99D\uD558\uC138\uC694.", increasedSecurity: "\uBCF4\uC548 \uAC15\uD654", passkeySecurityInfo: "Passkey\uB294 \uC7A5\uCE58 \uB610\uB294 \uBE44\uBC00\uBC88\uD638 \uAD00\uB9AC \uD504\uB85C\uADF8\uB7A8\uC5D0\uC11C \uC5D4\uB4DC \uD22C \uC5D4\uB4DC\uB85C \uC554\uD638\uD654\uB418\uC5B4 \uD53C\uC2F1 \uACF5\uACA9\uC744 \uBC29\uC9C0\uD569\uB2C8\uB2E4.", continueWithSmartWalletPasskey: "Passkey \uC2A4\uB9C8\uD2B8 \uC9C0\uAC11\uC73C\uB85C \uACC4\uC18D\uD558\uAE30", connectingPasskeyUnavailable: "\uC694\uCCAD \uC2E4\uD328", connectingPasskeyUnavailableDesc: "\uC5EC\uAE30\uC5D0\uC11C\uB294 Passkey\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uB2E4\uB978 \uB85C\uADF8\uC778 \uBC29\uBC95\uC744 \uC2DC\uB3C4\uD558\uAC70\uB098 \uAE30\uAE30(\uC608: \uBE0C\uB77C\uC6B0\uC800, \uD130\uBBF8\uB110)\uB97C \uBCC0\uACBD\uD574 \uC8FC\uC138\uC694." }; // src/locales/zh-CN.json var zh_CN_default = { connectWallet: "\u8FDE\u63A5\u94B1\u5305", disconnect: "\u65AD\u5F00\u8FDE\u63A5", connected: "\u5DF2\u8FDE\u63A5", preferPhone: "\u4F18\u5148\u4F7F\u7528\u624B\u673A\u53F7\u6CE8\u518C\uFF1F", preferEmail: "\u4F18\u5148\u4F7F\u7528\u90AE\u7BB1\u6CE8\u518C\uFF1F", usePhone: "\u4F7F\u7528\u624B\u673A\u53F7", useEmail: "\u4F7F\u7528\u90AE\u7BB1", signupTitle: "\u767B\u5F55\u6216\u6CE8\u518C", connectorsTitle: "\u767B\u5F55\u6216\u6CE8\u518C", captchaTitle: "\u786E\u8BA4\u9A8C\u8BC1\u7801", walletconnectTitle: "\u8FDE\u63A5", selectChainTitle: "\u9009\u62E9\u94FE", viewAllWallets: "\u67E5\u770B\u6240\u6709\u94B1\u5305", continueWithWallet: "\u4F7F\u7528\u94B1\u5305\u767B\u5F55", connectingUnavailable: "\u4E0D\u652F\u6301\u7684\u6D4F\u89C8\u5668", connectingUnavailableDesc: "\u8981\u8FDE\u63A5\u4F60\u7684 {0} \u94B1\u5305\uFF0C\n\u5728 {0} \u4E0A\u5B89\u88C5\u6269\u5C55\u7A0B\u5E8F\u3002", connectingInstall: "\u5B89\u88C5 {0}", connectingInstallDesc: "\u8981\u8FDE\u63A5\u4F60\u7684 {0} \u94B1\u5305\uFF0C\n\u5B89\u88C5\u6D4F\u89C8\u5668\u6269\u5C55\u7A0B\u5E8F\u3002", connectingRequest: "\u8BF7\u6C42\u8FDE\u63A5", connectingRequestDesc: "\u5728\u94B1\u5305\u5F39\u51FA\u7A97\u53E3\u4E2D\u70B9\u51FB\u8FDE\u63A5\u94B1\u5305\u3002", connectingConnected: "\u5DF2\u5B8C\u6210\u8FDE\u63A5", connectingConnectedDesc: "\u73B0\u5728\u53EF\u4EE5\u5173\u95ED\u6B64\u5F39\u51FA\u7A97\u53E3", connectingRejected: "\u8BF7\u6C42\u5DF2\u53D6\u6D88", connectingRejectedDesc: "\u4F60\u53D6\u6D88\u4E86\u8BF7\u6C42\u3002\n\u70B9\u51FB\u4E0A\u9762\u7684\u94FE\u63A5\u91CD\u8BD5\u3002", connectingFailed: "\u8BF7\u6C42\u5931\u8D25", connectingFailedDesc: "\u51FA\u9519\u4E86\u3002\n\u8BF7\u7A0D\u540E\u5355\u51FB\u4E0A\u9762\u7684\u6309\u94AE\u91CD\u8BD5\u3002", connectingNotconnected: "\u767B\u5F55\u5230 {0}", connectingNotconnectedDesc: "\u8BF7\u767B\u5F55\u4F60\u7684 {0} \u3002", phoneNumber: "\u624B\u673A\u53F7", email: "\u90AE\u7BB1", enterEmail: "\u8BF7\u8F93\u5165\u4F60\u7684\u90AE\u7BB1\u3002", enterValidEmail: "\u8BF7\u8F93\u5165\u6709\u6548\u7684\u90AE\u7BB1\u3002", unknownError: "\u51FA\u73B0\u672A\u77E5\u9519\u8BEF", verificationCode: "\u5DF2\u53D1\u9001\u9A8C\u8BC1\u7801\u5230", incorrectCode: "\u4F60\u8F93\u5165\u7684\u9A8C\u8BC1\u7801\u4E0D\u6B63\u786E\uFF0C\u8BF7\u91CD\u8BD5\u3002", continue: "\u7EE7\u7EED", didNotReceiveCode: "\u5C1A\u672A\u6536\u5230\u9A8C\u8BC1\u7801\uFF1F", resendCode: "\u91CD\u65B0\u53D1\u9001\u9A8C\u8BC1\u7801", enterValidPhoneNumber: "\u8BF7\u8F93\u5165\u6709\u6548\u7684\u7535\u8BDD\u53F7\u7801", somethingWentWrong: "\u51FA\u9519\u4E86\uFF0C\u8BF7\u91CD\u8BD5\u3002", somethingWentWrongLater: "\u51FA\u9519\u4E86\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5\u3002", emailFormatError: "\u90AE\u7BB1\u683C\u5F0F\u8F93\u5165\u9519\u8BEF", invalidOrIncorrectNumber: "\u624B\u673A\u53F7\u8F93\u5165\u9519\u8BEF\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165", recommended: "\u63A8\u8350", popular: "\u70ED\u95E8", installed: "\u5DF2\u5B89\u88C5", lastUsed: "\u4E0A\u6B21\u4F7F\u7528", multichain: "\u591A\u94FE", enterPhoneNumber: "\u8BF7\u8F93\u5165\u4F60\u7684\u624B\u673A\u53F7", copied: "\u5DF2\u590D\u5236", linkLoginAccount: "\u8FDE\u63A5\u767B\u5F55\u8D26\u6237", accountAndSecurity: "\u8D26\u6237\u4E0E\u5B89\u5168", copyQRURI: "\u590D\u5236 QR URI", getWallet: "\u83B7\u53D6\u94B1\u5305", scanQRCode: "\u7528\u624B\u673A\u94B1\u5305\u6216\u624B\u673A\u6444\u50CF\u5934\u626B\u63CF\u6B64\u4E8C\u7EF4\u7801\u8FDB\u884C\u8FDE\u63A5", connect: "\u8FDE\u63A5", installToConnect: "\u8BF7\u5B89\u88C5 {0} \u540E\u8FDE\u63A5", selectPreferredOptions: "\u8BF7\u4F7F\u7528\u4E0B\u9762\u4EFB\u610F\u65B9\u5F0F\uFF1A", installExtension: "\u5B89\u88C5 {0} \u6269\u5C55\u7A0B\u5E8F", refreshPageOnceInstalled: "\u5B89\u88C5\u540E\u8BF7\u5237\u65B0\u9875\u9762\u3002", walletSupportsMultipleChains: "\u6B64\u94B1\u5305\u652F\u6301\u591A\u4E2A\u94FE\u3002", selectChainToConnect: "\u9009\u62E9\u8981\u8FDE\u63A5\u7684\u94FE\u3002", scanWithPhone: "\u7528\u624B\u673A\u626B\u63CF", connectingRequestAuthDesc: "\u6388\u6743\u5E76\u767B\u5F55\u3002", or: "\u6216", walletOnlyAvailableOnMobile: "\u6B64\u94B1\u5305\u4EC5\u9002\u7528\u4E8E\u624B\u673A\u3002\u7528\u624B\u673A\u626B\u63CF\u6B64\u4E8C\u7EF4\u7801\u4E0B\u8F7D\u6B64\u5E94\u7528\u7A0B\u5E8F\u3002", installBrowserFirst: "\u4F60\u9700\u8981\u5148\u5B89\u88C5 {0} \u6D4F\u89C8\u5668\uFF0C\u7136\u540E\u4F7F\u7528 {1} \u94B1\u5305\u3002", wallet: "\u94B1\u5305", buy: "\u8D2D\u4E70", switchNetwork: "\u5207\u6362\u7F51\u7EDC", noData: "\u65E0\u6570\u636E", receive: "\u63A5\u6536", send: "\u53D1\u9001", onlySupport: "\u4EC5\u652F\u6301{0}\u76F8\u5173\u8D44\u4EA7", copyAddress: "\u590D\u5236\u5730\u5740", searchByNameOrCode: "\u6309\u56FD\u5BB6\u540D\u79F0\u6216\u4EE3\u7801\u641C\u7D22", invalidOrIncorrectNumberMistype: "\u65E0\u6548\u6216\u9519\u8BEF\u7684\u53F7\u7801\u3002\u4F60\u662F\u5426\u8F93\u5165\u9519\u8BEF\uFF1F", networkError: "\u7F51\u7EDC\u9519\u8BEF\uFF0C\u8BF7\u91CD\u8BD5", invalidCode: "\u9A8C\u8BC1\u7801\u65E0\u6548", codeDeleted: "\u9A8C\u8BC1\u7801\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u53D1\u9001", sessionExpired: "\u60A8\u7684\u4F1A\u8BDD\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55\u4EE5\u7EE7\u7EED\u64CD\u4F5C\u3002", loginWithPasskey: "\u4F7F\u7528Passkey\u767B\u5F55", usePasskeyToLogin: "Passkey\u667A\u80FD\u94B1\u5305", usePasskeyToLoginSmartAccount: "\u4F7F\u7528Passkey\u521B\u5EFA\u6216\u8BBF\u95EE\u667A\u80FD\u94B1\u5305\u3002", createNewPasskey: "\u521B\u5EFAPasskey\u667A\u80FD\u94B1\u5305", gotWallet: "\u4F7F\u7528Passkey\u767B\u5F55", requestingPasskey: "\u8BF7\u6C42\u8FDE\u63A5", passkeyPrompt: "\u6309\u7167\u63D0\u793A\u9A8C\u8BC1\u60A8\u7684Passkey\u3002", setupPasskeyPrompt: "\u6309\u7167\u63D0\u793A\u8BBE\u7F6EPasskey\u3002", requestCancelled: "\u4F60\u53D6\u6D88\u4E86\u8BF7\u6C42\u3002\n\u70B9\u51FB\u4E0A\u9762\u7684\u94FE\u63A5\u91CD\u8BD5\u3002", tryAgain: "\u518D\u8BD5\u4E00\u6B21", setupPasskey: "\u8BBE\u7F6EPasskey", passkeyStorageInfo: "Passkey\u5B58\u50A8\u5728\u60A8\u7684\u8BBE\u5907\u4E2D\uFF0C\u4EC5\u60A8\u53EF\u4EE5\u8BBF\u95EE\u3002", passkeyDeletionWarning: "\u8B66\u544A\uFF1A\u8BF7\u907F\u514D\u6279\u91CF\u6E05\u7406\u548C\u5220\u9664Passkey\uFF0C\u4EE5\u9632\u8BEF\u5220\u3002", convenientAndFast: "\u5FEB\u901F\u4FBF\u6377", biometricTransactionInfo: "\u4F7F\u7528Face ID\u6216Touch ID\u5FEB\u901F\u9A8C\u8BC1\u4EA4\u6613\u3002", increasedSecurity: "\u63D0\u9AD8\u5B89\u5168\u6027", passkeySecurityInfo: "Passkey\u5728\u60A8\u7684\u8BBE\u5907\u6216\u5BC6\u7801\u7BA1\u7406\u5668\u4E2D\u8FDB\u884C\u7AEF\u5230\u7AEF\u52A0\u5BC6\uFF0C\u4EE5\u9632\u6B62\u7F51\u7EDC\u9493\u9C7C\u653B\u51FB\u3002", continueWithSmartWalletPasskey: "\u4F7F\u7528Passkey\u667A\u80FD\u94B1\u5305\u7EE7\u7EED", connectingPasskeyUnavailable: "\u8BF7\u6C42\u5931\u8D25", connectingPasskeyUnavailableDesc: "\u6B64\u5904Passkey\u4E0D\u53EF\u7528\u3002\u8BF7\u5C1D\u8BD5\u5176\u4ED6\u767B\u5F55\u65B9\u5F0F\u6216\u66F4\u6362\u8BBE\u5907\uFF08\u5982\u6D4F\u89C8\u5668\u3001\u7EC8\u7AEF\uFF09\u3002" }; // src/locales/zh-TW.json var zh_TW_default = { connectWallet: "\u9023\u63A5\u9322\u5305", disconnect: "\u65B7\u958B\u9023\u63A5", connected: "\u5DF2\u9023\u63A5", preferPhone: "\u512A\u5148\u4F7F\u7528\u624B\u6A5F\u865F\u6CE8\u518C\uFF1F", preferEmail: "\u512A\u5148\u4F7F\u7528\u90F5\u7BB1\u6CE8\u518C\uFF1F", usePhone: "\u4F7F\u7528\u624B\u6A5F\u865F", useEmail: "\u4F7F\u7528\u90F5\u7BB1", signupTitle: "\u767B\u5165\u6216\u6CE8\u518C", connectorsTitle: "\u767B\u5165\u6216\u6CE8\u518C", captchaTitle: "\u78BA\u8A8D\u9A57\u8B49\u78BC", walletconnectTitle: "\u9023\u63A5", selectChainTitle: "\u9078\u64C7\u93C8", viewAllWallets: "\u67E5\u770B\u6240\u6709\u9322\u5305", continueWithWallet: "\u4F7F\u7528\u9322\u5305\u767B\u5165", connectingUnavailable: "\u4E0D\u652F\u6301\u7684\u700F\u89BD\u5668", connectingUnavailableDesc: "\u8981\u9023\u63A5\u4F60\u7684{0}\u9322\u5305\uFF0C\n\u5728{0}\u4E0A\u5B89\u88DD\u64F4\u5C55\u7A0B\u5F0F\u3002", connectingInstall: "\u5B89\u88DD{0}", connectingInstallDesc: "\u8981\u9023\u63A5\u4F60\u7684{0}\u9322\u5305\uFF0C\n\u5B89\u88DD\u700F\u89BD\u5668\u64F4\u5C55\u7A0B\u5F0F\u3002", connectingRequest: "\u8ACB\u6C42\u9023\u63A5", connectingRequestDesc: "\u5728\u9322\u5305\u5FEB\u986F\u8996\u7A97\u4E2D\u9EDE\u64CA\u9023\u63A5\u9322\u5305\u3002", connectingConnected: "\u5DF2\u5B8C\u6210\u9023\u63A5", connectingConnectedDesc: "\u73FE\u5728\u53EF\u4EE5\u95DC\u9589\u6B64\u5FEB\u986F\u8996\u7A97", connectingRejected: "\u8ACB\u6C42\u5DF2\u53D6\u6D88", connectingRejectedDesc: "\u4F60\u53D6\u6D88\u4E86\u8ACB\u6C42\u3002\n\u9EDE\u64CA\u4E0A\u9762\u7684\u9023\u7D50\u91CD\u8A66\u3002 ", connectingFailed: "\u8ACB\u6C42\u5931\u6557", connectingFailedDesc: "\u51FA\u932F\u4E86\u3002\n\u8BF7\u7A0D\u5F8C\u9EDE\u64CA\u4E0A\u9762\u7684\u6309\u9215\u91CD\u8A66\u3002", connectingNotconnected: "\u767B\u5165\u5230{0}", connectingNotconnectedDesc: "\u8ACB\u767B\u5165\u4F60\u7684{0}\u3002", phoneNumber: "\u624B\u6A5F\u865F", email: "\u90F5\u7BB1", enterEmail: "\u8ACB\u8F38\u5165\u4F60\u7684\u90F5\u7BB1\u3002", enterValidEmail: "\u8ACB\u8F38\u5165\u6709\u6548\u7684\u90F5\u7BB1\u3002", unknownError: "\u51FA\u73FE\u672A\u77E5\u932F\u8AA4", verificationCode: "\u5DF2\u767C\u9001\u9A57\u8B49\u78BC\u5230", incorrectCode: "\u4F60\u8F38\u5165\u7684\u9A57\u8B49\u78BC\u4E0D\u6B63\u78BA\uFF0C\u8ACB\u91CD\u8A66\u3002", continue: "\u7E7C\u7E8C", didNotReceiveCode: "\u5C1A\u672A\u6536\u5230\u9A57\u8B49\u78BC\uFF1F", resendCode: "\u91CD\u65B0\u767C\u9001\u9A57\u8B49\u78BC", enterValidPhoneNumber: "\u8ACB\u8F38\u5165\u6709\u6548\u7684\u96FB\u8A71\u865F\u78BC", somethingWentWrong: "\u51FA\u932F\u4E86\uFF0C\u8ACB\u91CD\u8A66\u3002", somethingWentWrongLater: "\u51FA\u932F\u4E86\uFF0C\u8ACB\u7A0D\u5F8C\u518D\u8A66\u3002", emailFormatError: "\u90F5\u7BB1\u683C\u5F0F\u8F38\u5165\u932F\u8AA4", invalidOrIncorrectNumber: "\u624B\u6A5F\u865F\u8F38\u5165\u932F\u8AA4\uFF0C\u8ACB\u91CD\u65B0\u8F38\u5165", recommended: "\u63A8\u85A6", popular: "\u71B1\u9580", installed: "\u5DF2\u5B89\u88DD", lastUsed: "\u4E0A\u6B21\u4F7F\u7528", multichain: "\u591A\u93C8", enterPhoneNumber: "\u8ACB\u8F38\u5165\u4F60\u7684\u624B\u6A5F\u865F", copied: "\u5DF2\u8907\u88FD", linkLoginAccount: "\u9023\u63A5\u767B\u5165\u5E33\u6236", accountAndSecurity: "\u5E33\u6236\u8207\u5B89\u5168", copyQRURI: "\u8907\u88FDQR URI", getWallet: "\u7372\u53D6\u9322\u5305", scanQRCode: "\u7528\u624B\u6A5F\u9322\u5305\u6216\u624B\u6A5F\u76E3\u8996\u5668\u6383\u63CF\u6B64\u4E8C\u7DAD\u78BC\u9032\u884C\u9023\u63A5", connect: "\u9023\u63A5", installToConnect: "\u8ACB\u5B89\u88DD{0}\u5F8C\u9023\u63A5", selectPreferredOptions: "\u8ACB\u4F7F\u7528\u4E0B\u9EB5\u4EFB\u610F\u7BA1\u9053\uFF1A", installExtension: "\u5B89\u88DD{0}\u64F4\u5C55\u7A0B\u5F0F", refreshPageOnceInstalled: "\u5B89\u88DD\u5F8C\u8ACB\u5237\u65B0\u9801\u9762\u3002", walletSupportsMultipleChains: "\u6B64\u9322\u5305\u652F\u6301\u591A\u500B\u93C8\u3002", selectChainToConnect: "\u9078\u64C7\u8981\u9023\u63A5\u7684\u93C8\u3002", scanWithPhone: "\u7528\u624B\u6A5F\u6383\u63CF", connectingRequestAuthDesc: "\u6388\u6B0A\u4E26\u767B\u5165\u3002", or: "\u6216", walletOnlyAvailableOnMobile: "\u6B64\u9322\u5305\u50C5\u9069\u7528\u65BC\u624B\u6A5F\u3002 \u7528\u624B\u6A5F\u6383\u63CF\u6B64\u4E8C\u7DAD\u78BC\u4E0B\u8F09\u6B64\u61C9\u7528\u7A0B\u5E8F\u3002", installBrowserFirst: "\u4F60\u9700\u8981\u5148\u5B89\u88DD{0}\u700F\u89BD\u5668\uFF0C\u7136\u5F8C\u4F7F\u7528{1}\u9322\u5305\u3002", wallet: "\u9322\u5305", buy: "\u8CFC\u8CB7", switchNetwork: "\u5207\u63DB\u7DB2\u8DEF", noData: "\u7121\u6578\u64DA", receive: "\u63A5\u6536", send: "\u767C\u9001", onlySupport: "\u50C5\u652F\u6301{0}\u76F8\u95DC\u8CC7\u7522", copyAddress: "\u8907\u88FD\u5730\u5740", searchByNameOrCode: "\u6309\u570B\u5BB6\u540D\u7A31\u6216\u4EE3\u78BC\u641C\u7D22", invalidOrIncorrectNumberMistype: "\u7121\u6548\u6216\u932F\u8AA4\u7684\u865F\u78BC\u3002\u4F60\u662F\u5426\u8F38\u5165\u932F\u8AA4\uFF1F", networkError: "\u7DB2\u8DEF\u932F\u8AA4\uFF0C\u8ACB\u91CD\u8A66", invalidCode: "\u9A57\u8B49\u78BC\u7121\u6548", codeDeleted: "\u9A57\u8B49\u78BC\u5DF2\u904E\u671F\uFF0C\u8ACB\u91CD\u65B0\u767C\u9001", sessionExpired: "\u60A8\u7684\u6703\u8A71\u5DF2\u904E\u671F\uFF0C\u8ACB\u91CD\u65B0\u767B\u5165\u4EE5\u7E7C\u7E8C\u64CD\u4F5C\u3002", loginWithPasskey: "\u4F7F\u7528Passkey\u767B\u5165", usePasskeyToLogin: "Passkey\u667A\u80FD\u9322\u5305", usePasskeyToLoginSmartAccount: "\u4F7F\u7528Passkey\u5275\u5EFA\u6216\u8A2A\u554F\u667A\u80FD\u9322\u5305\u3002", createNewPasskey: "\u5275\u5EFAPasskey\u667A\u80FD\u9322\u5305", gotWallet: "\u4F7F\u7528Passkey\u767B\u5165", requestingPasskey: "\u8ACB\u6C42\u9023\u63A5", passkeyPrompt: "\u6309\u7167\u63D0\u793A\u9A8C\u8BC1\u60A8\u7684Passkey\u3002", setupPasskeyPrompt: "\u6309\u7167\u63D0\u793A\u8BBE\u7F6EPasskey\u3002", requestCancelled: "\u4F60\u53D6\u6D88\u4E86\u8ACB\u6C42\u3002\n\u9EDE\u64CA\u4E0A\u9762\u7684\u9023\u7D50\u91CD\u8A66\u3002 ", tryAgain: "\u518D\u8A66\u4E00\u6B21", setupPasskey: "\u8A2D\u7F6EPasskey", passkeyStorageInfo: "Passkey\u5B58\u5132\u5728\u60A8\u7684\u8A2D\u5099\u4E2D\uFF0C\u50C5\u60A8\u53EF\u4EE5\u8A2A\u554F\u3002", passkeyDeletionWarning: "\u8B66\u544A\uFF1A\u8ACB\u907F\u514D\u6279\u91CF\u6E05\u7406\u548C\u522A\u9664Passkey\uFF0C\u4EE5\u9632\u8AA4\u522A\u3002", convenientAndFast: "\u5FEB\u901F\u4FBF\u6377", biometricTransactionInfo: "\u4F7F\u7528Face ID\u6216Touch ID\u5FEB\u901F\u9A57\u8B49\u4EA4\u6613\u3002", increasedSecurity: "\u63D0\u9AD8\u5B89\u5168\u6027", passkeySecurityInfo: "Passkey\u5728\u60A8\u7684\u8A2D\u5099\u6216\u5BC6\u78BC\u7BA1\u7406\u5668\u4E2D\u9032\u884C\u7AEF\u5230\u7AEF\u52A0\u5BC6\uFF0C\u4EE5\u9632\u6B62\u7DB2\u7D61\u91E3\u9B5A\u653B\u64CA\u3002", continueWithSmartWalletPasskey: "\u4F7F\u7528Passkey\u667A\u80FD\u9322\u5305\u7E7C\u7E8C", connectingPasskeyUnavailable: "\u8ACB\u6C42\u5931\u6557", connectingPasskeyUnavailableDesc: "\u6B64\u8655\u7121\u6CD5\u4F7F\u7528Passkey\u3002\u8ACB\u5617\u8A66\u5176\u4ED6\u767B\u5165\u65B9\u5F0F\u6216\u66F4\u63DB\u8A2D\u5099\uFF08\u5982\u700F\u89BD\u5668\u3001\u7D42\u7AEF\uFF09\u3002" }; // src/locales/index.tsx var getLocale = (lang) => { switch (lang) { case "ja-JP": return ja_JP_default; case "zh-CN": return zh_CN_default; case "zh-TW": return zh_TW_default; case "ko-KR": return ko_KR_default; default: return en_US_default; } }; String.prototype.format = function(...values) { const formatValue = this.replace(/\{\d+\}/g, (match) => { const index = parseInt(match.slice(1, -1), 10); return values[index]?.toString() ?? match; }); return formatValue; }; // src/hooks/useLocales.ts function useLocales() { const { appearance } = useAppearance(); const language = (0, import_react2.useMemo)(() => { return appearance?.language ?? "en-US"; }, [appearance.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}`); } return translations; } // src/hooks/useModalError.ts var import_zustand = require("zustand"); var useModalError = (0, import_zustand.create)((set) => ({ showError: (value) => { set({ error: value }); }, hideError: () => { set({ error: void 0 }); } })); // src/hooks/useModalState.ts var import_zustand2 = require("zustand"); var useModalState = (0, import_zustand2.create)((set) => ({ open: false, setOpen: (value) => set({ open: value }) })); // src/hooks/useRouteState.ts var import_zustand5 = require("zustand"); // src/pages/captcha/index.tsx var import_connector_core3 = require("@particle-network/connector-core"); var import_react8 = require("react"); // src/assets/icons.tsx var import_framer_motion = require("framer-motion"); var import_jsx_runtime = require("react/jsx-runtime"); var CloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }); var BackIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { width: 9, height: 16, viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 1L1 8L8 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }); var Forward = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "7", height: "12", viewBox: "0 0 7 12", fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M0.202807 10.872C-0.0674791 11.1292 -0.0674791 11.5499 0.202807 11.8071C0.473094 12.0643 0.915322 12.0643 1.18561 11.8071L6.79728 6.46761C7.06757 6.21043 7.06757 5.78965 6.79728 5.53248L6.79719 5.53239L1.18552 0.192883C0.91523 -0.0642945 0.473001 -0.0642945 0.202715 0.192883C-0.0675717 0.450061 -0.0675717 0.870841 0.202715 1.12802L5.32304 6L0.202807 10.872Z", fill: "currentColor" } ) }); var PhoneIcon = ({ color = "var(--pcm-accent-color)", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_framer_motion.motion.svg, { width: "61", height: "61", viewBox: "0 0 61 61", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_0_22828)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { opacity: "0.15", d: "M30.5 0.399902C47.1238 0.399902 60.6 13.8761 60.6 30.4999C60.6 47.1237 47.1238 60.5999 30.5 60.5999C13.8763 60.5999 0.400024 47.1237 0.400024 30.4999C0.400024 13.8761 13.8763 0.399902 30.5 0.399902V0.399902Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip1_0_22828)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.6574 43.4989C40.8858 43.0112 41 42.4837 41 41.9166V19.1175C41 18.5503 40.8858 18.0172 40.6574 17.5181C40.429 17.019 40.115 16.5823 39.7153 16.208C39.3157 15.8337 38.8475 15.5388 38.3108 15.3233C37.7741 15.1078 37.1974 15 36.5807 15H24.4192C23.8026 15 23.2259 15.1078 22.6892 15.3233C22.1526 15.5388 21.6843 15.8337 21.2847 16.208C20.885 16.5823 20.571 17.019 20.3426 17.5181C20.1142 18.0172 20 18.5503 20 19.1175V41.9166C20 42.4837 20.1142 43.0112 20.3426 43.4989C20.571 43.9866 20.885 44.4177 21.2847 44.792C21.6843 45.1663 22.1526 45.4612 22.6892 45.6767C23.2259 45.8922 23.8026 46 24.4192 46H36.5807C37.1974 46 37.7741 45.8922 38.3108 45.6767C38.8475 45.4612 39.3156 45.1663 39.7153 44.792C40.115 44.4177 40.429 43.9866 40.6574 43.4989ZM22.7406 20.7508H38.2251V40.2492H22.7406V20.7508ZM30.4829 41.202C30.0033 41.202 29.5864 41.3721 29.2325 41.7124C28.8785 42.0527 28.7015 42.4724 28.7015 42.9715C28.7015 43.4479 28.8785 43.8619 29.2325 44.2135C29.5864 44.5651 30.0033 44.7409 30.4829 44.7409C30.9853 44.7409 31.4078 44.5651 31.7504 44.2135C32.093 43.8619 32.2643 43.4479 32.2643 42.9715C32.2643 42.4724 32.093 42.0527 31.7504 41.7124C31.4078 41.3721 30.9853 41.202 30.4829 41.202ZM33.0522 17.433C33.1664 17.5351 33.2235 17.6769 33.2235 17.8584C33.2235 18.0399 33.1664 18.1817 33.0522 18.2838C32.938 18.3858 32.8124 18.4369 32.6754 18.4369H28.3246C28.1876 18.4369 28.062 18.3858 27.9478 18.2838C27.8336 18.1817 27.7765 18.0399 27.7765 17.8584C27.7765 17.6769 27.8393 17.5351 27.9649 17.433C28.0905 17.331 28.2104 17.2799 28.3246 17.2799H32.6754C32.8124 17.2799 32.938 17.331 33.0522 17.433Z", fill: color } ) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_0_22828", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "60.2", height: "60.2", fill: "white", transform: "translate(0.400024 0.399902)" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip1_0_22828", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "21", height: "31", fill: "white", transform: "translate(20 15)" }) }) ] }) ] }); var EmailIcon = ({ color = "var(--pcm-accent-color)", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_framer_motion.motion.svg, { width: "61", height: "61", viewBox: "0 0 61 61", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_0_22587)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { opacity: "0.15", d: "M30.1 0C46.7238 0 60.2 13.4762 60.2 30.1C60.2 46.7238 46.7238 60.2 30.1 60.2C13.4762 60.2 0 46.7238 0 30.1C0 13.4762 13.4762 0 30.1 0V0Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip1_0_22587)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.9671 19.6H18.2846C16.8359 19.6 15.6573 20.7498 15.6573 22.1626V22.6978L27.1859 33.9303C27.9722 34.6944 29.0176 35.1161 30.1277 35.1161C31.2397 35.1161 32.2851 34.6944 33.0695 33.9303L44.6 22.6978V22.1626C44.6 20.7498 43.4158 19.6 41.9671 19.6ZM15.6 24.4566V36.2153L21.898 30.5928L15.6 24.4566ZM44.5445 36.1811L44.5445 24.4566L38.263 30.5766L44.5445 36.1811ZM33.9428 34.7826C32.9186 35.786 31.5249 36.3485 30.0722 36.3451C28.6106 36.3451 27.234 35.7899 26.1998 34.7826L22.8305 31.4992L15.6 37.9543V39.0355C15.6 40.4502 16.7804 41.6 18.231 41.6H41.9135C43.364 41.6 44.5445 40.4502 44.5445 39.0374V37.9201L37.3306 31.483L33.9447 34.7808L33.9428 34.7826Z", fill: color } ) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_0_22587", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "60.2", height: "60.2", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip1_0_22587", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "29", height: "22.0001", fill: "white", transform: "translate(15.6 19.6)" }) }) ] }) ] }); var WarningIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14C3.13403 14 0 10.866 0 7C0 3.13403 3.13403 0 7 0C10.866 0 14 3.13403 14 7C14 10.866 10.866 14 7 14ZM7.65625 3.28125C7.65625 2.91878 7.36247 2.625 7 2.625C6.63753 2.625 6.34375 2.91878 6.34375 3.28125V8.09375C6.34375 8.45622 6.63753 8.75 7 8.75C7.36247 8.75 7.65625 8.45622 7.65625 8.09375V3.28125ZM6.34375 10.7188C6.34375 10.3563 6.63753 10.0625 7 10.0625C7.36247 10.0625 7.65625 10.3563 7.65625 10.7188C7.65625 11.0812 7.36247 11.375 7 11.375C6.63753 11.375 6.34375 11.0812 6.34375 10.7188Z", fill: "var(--pcm-error-color)" } ) }); var DownArrowIcon = ({ spin = false, ...props }) => { const { color = "var(--pcm-body-color-secondary)" } = props; const variants = { up: { rotate: 180 }, down: { rotate: 0 } }; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( import_framer_motion.motion.svg, { width: "8", height: "8", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", animate: spin ? "up" : "down", variants, ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_0_12077)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "rect", { x: "0.353892", y: "0.708008", width: "0.500478", height: "5.00478", transform: "rotate(-45 0.353892 0.708008)", fill: color, stroke: color, strokeWidth: "0.500478" } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "rect", { x: "7.09778", y: "0.354136", width: "0.500478", height: "5.00478", transform: "rotate(45 7.09778 0.354136)", fill: color, stroke: color, strokeWidth: "0.500478" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_0_12077", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "7.80557", height: "4.60059", fill: "white", transform: "translate(0 0.000244141)" }) }) }) ] } ); }; var ButtonLoadingIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( import_framer_motion.motion.svg, { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, animate: { rotate: 360 }, transition: { repeat: Infinity, duration: 1, ease: "linear" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", opacity: 0.25 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { opacity: 0.75, d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", fill: "currentColor" } ) ] } ); var ErrorIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_framer_motion.motion.svg, { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: "mask0_420_32", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "14", height: "14", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { mask: "url(#mask0_420_32)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14C3.13403 14 0 10.866 0 7C0 3.13403 3.13403 0 7 0C10.866 0 14 3.13403 14 7C14 10.866 10.866 14 7 14ZM7.65625 3.28125C7.65625 2.91878 7.36247 2.625 7 2.625C6.63753 2.625 6.34375 2.91878 6.34375 3.28125V8.09375C6.34375 8.45622 6.63753 8.75 7 8.75C7.36247 8.75 7.65625 8.45622 7.65625 8.09375V3.28125ZM6.34375 10.7188C6.34375 10.3563 6.63753 10.0625 7 10.0625C7.36247 10.0625 7.65625 10.3563 7.65625 10.7188C7.65625 11.0812 7.36247 11.375 7 11.375C6.63753 11.375 6.34375 11.0812 6.34375 10.7188Z", fill: "var(--pcm-error-color)" } ) }) ] }); var ShareIcon = ({ ...props }) => { const { color = "var(--pcm-body-color-secondary)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_framer_motion.motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M8.51997 12H3.47999C1.56119 12 0 10.4388 0 8.52003V3.48024C0 1.56144 1.5612 0.000244141 3.47999 0.000244141H5.99998C6.33135 0.000244141 6.59998 0.268873 6.59998 0.600243C6.59998 0.931614 6.33135 1.20024 5.99998 1.20024H3.47999C2.22299 1.20024 1.2 2.22304 1.2 3.48024V8.52023C1.2 9.77763 2.22299 10.8002 3.47999 10.8002H8.51997C9.77717 10.8002 10.8 9.77763 10.8 8.52023V6.00023C10.8 5.66886 11.0686 5.40024 11.4 5.40024C11.7313 5.40024 12 5.66886 12 6.00023V8.52023C12 10.439 10.439 12.0002 8.51997 12Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M5.60178 6.39823C5.36733 6.16402 5.36733 5.78404 5.60178 5.54983L10.9758 0.175837C11.21 -0.0586125 11.59 -0.0586125 11.8242 0.175837C12.0586 0.410045 12.0586 0.790028 11.8242 1.02424L6.44998 6.39823C6.21577 6.63268 5.83579 6.63268 5.60178 6.39823Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M12 0.599999C12 0.931369 11.7313 1.2 11.4 1.2H8.59997C8.26852 1.20011 7.99976 0.93145 7.99976 0.599999C7.99976 0.268548 8.26852 -0.000114395 8.59997 0H11.4C11.7313 1.37329e-07 12 0.268629 12 0.599999Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M11.4 3.99999C11.0686 3.99999 10.8 3.73136 10.8 3.39999V0.599999C10.8 0.268629 11.0686 0 11.4 0C11.7313 0 12 0.268629 12 0.599999V3.39999C12 3.73137 11.7313 3.99999 11.4 3.99999Z", fill: color } ) ] }); }; var RetryIconCircle = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16ZM24.5001 8.74263C25.0834 8.74263 25.5563 9.21551 25.5563 9.79883V14.5997C25.5563 15.183 25.0834 15.6559 24.5001 15.6559H19.6992C19.1159 15.6559 18.643 15.183 18.643 14.5997C18.643 14.0164 19.1159 13.5435 19.6992 13.5435H21.8378L20.071 11.8798C20.0632 11.8724 20.0555 11.865 20.048 11.8574C19.1061 10.915 17.8835 10.3042 16.5643 10.1171C15.2452 9.92999 13.9009 10.1767 12.7341 10.82C11.5674 11.4634 10.6413 12.4685 10.0955 13.684C9.54968 14.8994 9.41368 16.2593 9.70801 17.5588C10.0023 18.8583 10.711 20.0269 11.7273 20.8885C12.7436 21.7502 14.0124 22.2582 15.3425 22.336C16.6726 22.4138 17.9919 22.0572 19.1017 21.3199C19.5088 21.0495 19.8795 20.7333 20.2078 20.3793C20.6043 19.9515 21.2726 19.9262 21.7004 20.3228C22.1282 20.7194 22.1534 21.3876 21.7569 21.8154C21.3158 22.2912 20.8176 22.7161 20.2706 23.0795C18.7793 24.0702 17.0064 24.5493 15.2191 24.4448C13.4318 24.3402 11.7268 23.6576 10.3612 22.4998C8.9956 21.3419 8.0433 19.7716 7.6478 18.0254C7.2523 16.2793 7.43504 14.4519 8.16848 12.8186C8.90192 11.1854 10.1463 9.83471 11.7142 8.97021C13.282 8.10572 15.0884 7.77421 16.861 8.02565C18.6282 8.27631 20.2664 9.09278 21.5304 10.3525L23.4439 12.1544V9.79883C23.4439 9.21551 23.9168 8.74263 24.5001 8.74263Z", fill: "currentColor" } ) } ); }; var MoreOptionsIcon = ({ ...props }) => { const { color = "var(--pcm-body-color-secondary)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_1501_1911)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { opacity: "0.01", cx: "9", cy: "9", r: "9", transform: "rotate(-90 9 9)", fill: "#8B8EA1" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "5", r: "1", fill: color }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "9", r: "1", fill: color }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "13", r: "1", fill: color }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_1501_1911", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "18", height: "18", fill: "white", transform: "matrix(0 -1 1 0 0 18)" }) }) }) ] }); }; var CheckIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "11", height: "8", viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M9.82722 0.217402C9.94242 0.0922846 10.1036 0.0150553 10.2768 0.00197893C10.45 -0.0110974 10.6218 0.0409999 10.7559 0.147299C10.8899 0.253597 10.9759 0.405801 10.9957 0.571855C11.0154 0.737908 10.9674 0.904851 10.8617 1.03752L10.8311 1.07314L4.64968 7.78277C4.53232 7.91014 4.36738 7.98774 4.1908 7.99867C4.01422 8.00959 3.84031 7.95295 3.70695 7.84109L3.67207 7.8096L0.195168 4.44344C0.0726009 4.3249 0.00265663 4.16522 7.41297e-05 3.99806C-0.00250837 3.83089 0.0624726 3.66929 0.181324 3.5473C0.300175 3.42531 0.463615 3.35247 0.637203 3.34412C0.810791 3.33577 0.98097 3.39257 1.11188 3.50254L1.14676 3.53402L4.11956 6.41219L9.82722 0.217402Z", fill: "var(--pcm-accent-color)" } ) }); }; var AccountSecurityIcon = ({ ...props }) => { const { color = "var(--pcm-body-color)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M14.4477 3.16126C14.2695 2.99941 14.0347 2.91085 13.792 2.91085C13.7698 2.91085 13.7477 2.91085 13.7256 2.91237C13.7122 2.91389 13.5576 2.92309 13.316 2.92309C12.9156 2.92309 12.134 2.89561 11.3935 2.72005C10.4374 2.49255 9.33398 1.43908 9.01297 1.23145C8.85113 1.12614 8.66487 1.07422 8.47824 1.07422C8.29237 1.07422 8.1061 1.12614 7.94464 1.22994C7.90572 1.25589 6.75035 2.45131 5.62023 2.72005C4.88016 2.89561 4.08358 2.92309 3.68357 2.92309C3.44196 2.92309 3.28779 2.91389 3.27253 2.91237C3.25154 2.91085 3.23054 2.91085 3.20917 2.91085C2.96603 2.91085 2.73053 2.99939 2.55153 3.16126C2.35726 3.33681 2.24658 3.5826 2.24658 3.84063V6.16581C2.24658 14.7613 8.06186 15.8681 8.3084 15.9123C8.36491 15.9216 8.42177 15.9261 8.47864 15.9261C8.53513 15.9261 8.59276 15.9216 8.64848 15.9123C8.89541 15.8681 14.7534 14.7612 14.7534 6.16581V3.84063C14.7534 3.5826 14.6424 3.33683 14.4477 3.16126ZM12.2981 6.48641L8.26642 10.3872C8.24123 10.4284 8.21031 10.4697 8.1729 10.5048C8.05458 10.6193 7.8981 10.6742 7.74311 10.6712C7.58817 10.6742 7.43203 10.6193 7.31374 10.5048C7.27635 10.4697 7.24506 10.4284 7.21986 10.3872L5.0653 8.3017C4.83588 8.08031 4.83588 7.72156 5.0653 7.49864C5.29468 7.27731 5.66679 7.27731 5.8962 7.49864L7.74313 9.28646L11.4676 5.68342C11.697 5.46203 12.0687 5.46203 12.2981 5.68342C12.5275 5.90473 12.5275 6.26507 12.2981 6.48641Z", fill: color } ) }); }; var BuyIcon = ({ ...props }) => { const { color = "var(--pcm-body-color)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "17", viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.698 3H14.9671C15.7675 3 16.4167 3.73292 16.4167 4.63711V5.63658H2.24837V4.63711C2.24837 3.73292 2.89862 3 3.698 3ZM3.69768 14.3536C2.8973 14.3536 2.24805 13.6207 2.24805 12.7165H2.24838V7.1041H16.4167V12.7165C16.4167 13.6207 15.7665 14.3536 14.9671 14.3536H3.69768Z", fill: color } ) }); }; var ReceiveIcon = ({ ...props }) => { const { color = "var(--pcm-body-color)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M9.76502 12.4105C9.16459 13.1925 7.98597 13.1925 7.38555 12.4105L4.72435 8.94469C3.96679 7.95808 4.67018 6.53116 5.91408 6.53116L11.2365 6.53116C12.4804 6.53116 13.1838 7.95808 12.4262 8.94469L9.76502 12.4105Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.5752 8.1626V2.00016V8.1626Z", fill: color }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.5752 8.1626V2.00016", stroke: color, strokeWidth: "2", strokeLinecap: "round" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12.194 15.0952H4.95667H12.194Z", fill: color }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12.194 15.0952H4.95667", stroke: color, strokeWidth: "2", strokeLinecap: "round" }) ] }); }; var WalletIcon = ({ ...props }) => { const { color = "var(--pcm-body-color)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M11.5 8.27428C10.6716 8.27428 10 8.97267 10 9.83416C10 10.6957 10.6716 11.394 11.5 11.394H15V13.7599C14.9948 14.4486 14.4548 15.0032 13.7925 15H4.2075C3.5452 15.0032 3.00522 14.4486 3 13.7599V6.22303C3.02008 5.50911 3.56409 4.93094 4.25 4.89453H13.75C14.4359 4.93094 14.9799 5.50911 15 6.22303V8.27428H11.5ZM10.509 2.1372C11.1011 1.82442 11.8247 2.06422 12.1339 2.67561L12.9613 4.32198L6.25941 4.37402L10.509 2.1372ZM11.4964 8.79199C12.0493 8.79199 12.4975 9.25807 12.4975 9.83301C12.4975 10.4079 12.0493 10.874 11.4964 10.874C10.9436 10.874 10.4954 10.4079 10.4954 9.83301C10.4954 9.25807 10.9436 8.79199 11.4964 8.79199Z", fill: color } ) }); }; var PlusIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: "mask0_1587_1472", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "15", height: "15", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.4 0H0V14.4H14.4V0Z", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { mask: "url(#mask0_1587_1472)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M12.8145 6.36063H7.91994V1.4663C7.91994 1.08006 7.60698 0.76709 7.22073 0.76709C6.8345 0.76709 6.52155 1.08006 6.52155 1.4663V6.36063H1.62742C1.24118 6.36063 0.928223 6.67359 0.928223 7.05984C0.928223 7.44607 1.24118 7.75905 1.62742 7.75905H6.52157V12.6529C6.52157 13.0392 6.83452 13.3522 7.22075 13.3522C7.60699 13.3522 7.91995 13.0392 7.91995 12.6529V7.75905H12.8145C13.2007 7.75905 13.5137 7.44607 13.5137 7.05984C13.5137 6.67358 13.2007 6.36063 12.8145 6.36063Z", fill: "currentColor" } ) }) ] }); }; var DisconnectIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M14.3609 6.85951L11.8328 4.4256C11.6306 4.23081 11.3272 4.23081 11.125 4.4256C10.9227 4.62025 10.9227 4.91233 11.125 5.10712L12.7935 6.71346H4.93951C4.63615 6.71346 4.4339 6.90813 4.4339 7.20023C4.4339 7.49234 4.63615 7.68696 4.93951 7.68696H12.7935L11.1251 9.29331C10.9228 9.48809 10.9228 9.78021 11.1251 9.97486C11.2262 10.0723 11.3273 10.1209 11.479 10.1209C11.6307 10.1209 11.7318 10.0722 11.833 9.97486L14.361 7.49232C14.361 7.45984 14.3779 7.44362 14.4116 7.44362C14.5633 7.29756 14.5632 7.00556 14.3609 6.85951ZM8.9957 10.6076C8.69232 10.6076 8.49007 10.8024 8.49007 11.0944V12.0681C8.49007 12.36 8.28783 12.5548 7.98446 12.5548H2.38892C2.08555 12.5548 1.88331 12.36 1.88331 12.0681V2.33234C1.88331 2.04035 2.08555 1.84561 2.38892 1.84561H7.98446C8.28783 1.84561 8.49007 2.04035 8.49007 2.33234V3.30598C8.49007 3.59798 8.69232 3.79275 8.9957 3.79275C9.29907 3.79275 9.50131 3.59797 9.50131 3.30598V2.33234C9.50131 1.50487 8.84409 0.87207 7.98446 0.87207H2.38892C1.52944 0.87207 0.87207 1.50487 0.87207 2.33234V12.0681C0.87207 12.8955 1.52945 13.5284 2.38892 13.5284H7.98446C8.84408 13.5284 9.50131 12.8955 9.50131 12.0681V11.0944C9.50131 10.8024 9.29907 10.6076 8.9957 10.6076Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.3" } ) }); }; var ShareIconCircle = ({ ...props }) => { const { color = "var(--pcm-body-color-secondary)" } = props; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.4776 1C10.1822 1 9.93719 1.245 9.93719 1.54045C9.93719 1.8359 10.1822 2.0809 10.4776 2.0809H14.2176L8.65452 7.64394C8.44554 7.85291 8.44554 8.1988 8.65452 8.40777C8.86349 8.61675 9.20938 8.61675 9.41835 8.40777L14.9814 2.84474V6.58466C14.9814 6.8801 15.2264 7.12511 15.5218 7.12511C15.8173 7.12511 16.0623 6.8801 16.0623 6.58466V1.54045C16.0623 1.245 15.8173 1 15.5218 1H10.4776ZM2.0809 5.12388C2.0809 4.62666 2.48444 4.22313 2.98165 4.22313H8.02586C8.3213 4.22313 8.56631 3.97812 8.56631 3.68267C8.56631 3.38723 8.3213 3.14222 8.02586 3.14222H2.98165C1.88634 3.14222 1 4.02856 1 5.12388V14.4917C1 15.587 1.88634 16.4733 2.98165 16.4733H12.3495C13.4448 16.4733 14.3311 15.587 14.3311 14.4917V9.44748C14.3311 9.15203 14.0861 8.90703 13.7907 8.90703C13.4952 8.90703 13.2502 9.15203 13.2502 9.44748V14.4917C13.2502 14.9889 12.8467 15.3924 12.3495 15.3924H2.98165C2.48444 15.3924 2.0809 14.9889 2.0809 14.4917V5.12388Z", fill: color } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M14.2176 2.0809L14.3059 2.16929L14.5193 1.9559H14.2176V2.0809ZM8.65452 7.64394L8.7429 7.73233L8.65452 7.64394ZM8.65452 8.40777L8.7429 8.31939L8.65452 8.40777ZM9.41835 8.40777L9.32996 8.31939L9.41835 8.40777ZM14.9814 2.84474H15.1064V2.54296L14.893 2.75635L14.9814 2.84474ZM10.0622 1.54045C10.0622 1.31404 10.2512 1.125 10.4776 1.125V0.875C10.1132 0.875 9.81219 1.17597 9.81219 1.54045H10.0622ZM10.4776 1.9559C10.2512 1.9559 10.0622 1.76686 10.0622 1.54045H9.81219C9.81219 1.90493 10.1132 2.2059 10.4776 2.2059V1.9559ZM14.2176 1.9559H10.4776V2.2059H14.2176V1.9559ZM8.7429 7.73233L14.3059 2.16929L14.1292 1.99251L8.56613 7.55555L8.7429 7.73233ZM8.7429 8.31939C8.58275 8.15923 8.58275 7.89249 8.7429 7.73233L8.56613 7.55555C8.30834 7.81334 8.30834 8.23837 8.56613 8.49616L8.7429 8.31939ZM9.32996 8.31939C9.16981 8.47955 8.90306 8.47955 8.7429 8.31939L8.56613 8.49616C8.82392 8.75395 9.24895 8.75395 9.50674 8.49616L9.32996 8.31939ZM14.893 2.75635L9.32996 8.31939L9.50674 8.49616L15.0698 2.93313L14.893 2.75635ZM15.1064 6.58466V2.84474H14.8564V6.58466H15.1064ZM15.5218 7.00011C15.2954 7.00011 15.1064 6.81107 15.1064 6.58466H14.8564C14.8564 6.94914 15.1574 7.25011 15.5218 7.25011V7.00011ZM15.9373 6.58466C15.9373 6.81107 15.7483 7.00011 15.5218 7.00011V7.25011C15.8863 7.25011 16.1873 6.94914 16.1873 6.58466H15.9373ZM15.9373 1.54045V6.58466H16.1873V1.54045H15.9373ZM15.5218 1.125C15.7483 1.125 15.9373 1.31404 15.9373 1.54045H16.1873C16.1873 1.17597 15.8863 0.875 15.5218 0.875V1.125ZM10.4776 1.125H15.5218V0.875H10.4776V1.125ZM2.98165 4.09813C2.4154 4.09813 1.9559 4.55763 1.9559 5.12388H2.2059C2.2059 4.6957 2.55347 4.34813 2.98165 4.34813V4.09813ZM8.02586 4.09813H2.98165V4.34813H8.02586V4.09813ZM8.44131 3.68267C8.44131 3.90909 8.25227 4.09813 8.02586 4.09813V4.34813C8.39034 4.34813 8.69131 4.04716 8.69131 3.68267H8.44131ZM8.02586 3.26722C8.25227 3.26722 8.44131 3.45626 8.44131 3.68267H8.69131C8.69131 3.31819 8.39034 3.01722 8.02586 3.01722V3.26722ZM2.98165 3.26722H8.02586V3.01722H2.98165V3.26722ZM1.125 5.12388C1.125 4.0976 1.95537 3.26722 2.98165 3.26722V3.01722C1.8173 3.01722 0.875 3.95953 0.875 5.12388H1.125ZM1.125 14.4917V5.12388H0.875V14.4917H1.125ZM2.98165 16.3483C1.95537 16.3483 1.125 15.518 1.125 14.4917H0.875C0.875 15.656 1.8173 16.5983 2.98165 16.5983V16.3483ZM12.3495 16.3483H2.98165V16.5983H12.3495V16.3483ZM14.2061 14.4917C14.2061 15.518 13.3757 16.3483 12.3495 16.3483V16.5983C13.5138 16.5983 14.4561 15.656 14.4561 14.4917H14.2061ZM14.2061 9.44748V14.4917H14.4561V9.44748H14.2061ZM13.7907 9.03203C14.0171 9.03203 14.2061 9.22107 14.2061 9.44748H14.4561C14.4561 9.083 14.1551 8.78203 13.7907 8.78203V9.03203ZM13.3752 9.44748C13.3752 9.22107 13.5643 9.03203 13.7907 9.03203V8.78203C13.4262 8.78203 13.1252 9.083 13.1252 9.44748H13.3752ZM13.3752 14.4917V9.44748H13.1252V14.4917H13.3752ZM12.3495 15.5174C12.9157 15.5174 13.3752 15.0579 13.3752 14.4917H13.1252C13.1252 14.9199 12.7776 15.2674 12.3495 15.2674V15.5174ZM2.98165 15.5174H12.3495V15.2674H2.98165V15.5174ZM1.9559 14.4917C1.9559 15.0579 2.4154 15.5174 2.98165 15.5174V15.2674C2.55347 15.2674 2.2059 14.9199 2.2059 14.4917H1.9559ZM1.9559 5.12388V14.4917H2.2059V5.12388H1.9559Z", fill: color } ) ] }); }; var CopyIcon2 = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "svg", { "aria-hidden": "true", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { className: "bg", d: "M14 9.5V7C14 5.89543 13.1046 5 12 5H7C5.89543 5 5 5.89543 5 7V12C5 13.1046 5.89543 14 7 14H9.5", strokeWidth: "1.4" } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { className: "bg", x: "10", y: "10", width: "9", height: "9", rx: "2", strokeWidth: "1.4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 3L3 5L7 1", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round", stroke: "#ffffff" }) ] } ); var ConnectArrowIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_669_1196)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "14", cy: "14", r: "14" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.3536 14.3536C19.5488 14.1583 19.5488 13.8417 19.3536 13.6464L16.1716 10.4645C15.9763 10.2692 15.6597 10.2692 15.4645 10.4645C15.2692 10.6597 15.2692 10.9763 15.4645 11.1716L18.2929 14L15.4645 16.8284C15.2692 17.0237 15.2692 17.3403 15.4645 17.5355C15.6597 17.7308 15.9763 17.7308 16.1716 17.5355L19.3536 14.3536ZM10 14.5H19V13.5H10V14.5Z" }) ] }) }); }; var FaceIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip0_1533_548)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M17.4182 9.27308C17.3338 9.27308 17.2529 9.23956 17.1932 9.17989C17.1335 9.12022 17.1 9.03929 17.1 8.9549C17.1 8.87051 17.1335 8.78958 17.1932 8.72991C17.2529 8.67024 17.3338 8.63672 17.4182 8.63672H19.1109C19.7084 8.63672 20.2814 8.87406 20.7038 9.29653C21.1263 9.719 21.3636 10.292 21.3636 10.8894V12.3404C21.3636 12.4247 21.3301 12.5057 21.2704 12.5653C21.2108 12.625 21.1298 12.6585 21.0454 12.6585C20.9611 12.6585 20.8801 12.625 20.8205 12.5653C20.7608 12.5057 20.7273 12.4247 20.7273 12.3404V10.8894C20.7273 10.4608 20.557 10.0496 20.2538 9.7465C19.9507 9.44338 19.5396 9.27308 19.1109 9.27308H17.4182ZM20.7273 17.4185C20.7273 17.3342 20.7608 17.2532 20.8205 17.1935C20.8801 17.1339 20.9611 17.1004 21.0454 17.1004C21.1298 17.1004 21.2108 17.1339 21.2704 17.1935C21.3301 17.2532 21.3636 17.3342 21.3636 17.4185V19.1113C21.3636 19.7087 21.1263 20.2817 20.7038 20.7042C20.2814 21.1267 19.7084 21.364 19.1109 21.364H17.4182C17.3338 21.364 17.2529 21.3305 17.1932 21.2708C17.1335 21.2111 17.1 21.1302 17.1 21.0458C17.1 20.9614 17.1335 20.8805 17.1932 20.8208C17.2529 20.7612 17.3338 20.7276 17.4182 20.7276H19.1109C19.5396 20.7276 19.9507 20.5573 20.2538 20.2542C20.557 19.9511 20.7273 19.54 20.7273 19.1113V17.4185ZM12.34 20.7276C12.4244 20.7276 12.5053 20.7612 12.565 20.8208C12.6247 20.8805 12.6582 20.9614 12.6582 21.0458C12.6582 21.1302 12.6247 21.2111 12.565 21.2708C12.5053 21.3305 12.4244 21.364 12.34 21.364H10.8891C10.2916 21.364 9.71863 21.1267 9.29617 20.7042C8.8737 20.2817 8.63636 19.7087 8.63636 19.1113V17.4185C8.63636 17.3342 8.66988 17.2532 8.72955 17.1935C8.78922 17.1339 8.87015 17.1004 8.95454 17.1004C9.03893 17.1004 9.11986 17.1339 9.17953 17.1935C9.2392 17.2532 9.27272 17.3342 9.27272 17.4185V19.1113C9.27272 19.54 9.44302 19.9511 9.74614 20.2542C10.0493 20.5573 10.4604 20.7276 10.8891 20.7276H12.34ZM9.27272 12.3404C9.27272 12.4247 9.2392 12.5057 9.17953 12.5653C9.11986 12.625 9.03893 12.6585 8.95454 12.6585C8.87015 12.6585 8.78922 12.625 8.72955 12.5653C8.66988 12.5057 8.63636 12.4247 8.63636 12.3404V10.8894C8.63636 10.292 8.8737 9.719 9.29617 9.29653C9.71863 8.87406 10.2916 8.63672 10.8891 8.63672H12.34C12.4244 8.63672 12.5053 8.67024 12.565 8.72991C12.6247 8.78958 12.6582 8.87051 12.6582 8.9549C12.6582 9.03929 12.6247 9.12022 12.565 9.17989C12.5053 9.23956 12.4244 9.27308 12.34 9.27308H10.8891C10.4604 9.27308 10.0493 9.44338 9.74614 9.7465C9.44302 10.0496 9.27272 10.4608 9.27272 10.8894V12.3404ZM14.6818 12.7731C14.6818 12.6887 14.7153 12.6078 14.775 12.5481C14.8347 12.4884 14.9156 12.4549 15 12.4549C15.0844 12.4549 15.1653 12.4884 15.225 12.5481C15.2847 12.6078 15.3182 12.6887 15.3182 12.7731V15.0004C15.3182 15.2535 15.2176 15.4963 15.0386 15.6753C14.8596 15.8543 14.6168 15.9549 14.3636 15.9549H14.0454C13.9611 15.9549 13.8801 15.9214 13.8205 15.8617C13.7608 15.802 13.7273 15.7211 13.7273 15.6367C13.7273 15.5523 13.7608 15.4714 13.8205 15.4117C13.8801 15.3521 13.9611 15.3185 14.0454 15.3185H14.3636C14.4054 15.3185 14.4468 15.3103 14.4854 15.2943C14.524 15.2783 14.5591 15.2549 14.5886 15.2253C14.6182 15.1958 14.6416 15.1607 14.6576 15.1221C14.6736 15.0835 14.6818 15.0421 14.6818 15.0004V12.7731ZM12.1364 12.7731C12.1364 12.6887 12.1699 12.6078 12.2296 12.5481C12.2892 12.4884 12.3702 12.4549 12.4545 12.4549C12.5389 12.4549 12.6199 12.4884 12.6795 12.5481C12.7392 12.6078 12.7727 12.6887 12.7727 12.7731V14.0458C12.7727 14.1302 12.7392 14.2111 12.6795 14.2708C12.6199 14.3305 12.5389 14.364 12.4545 14.364C12.3702 14.364 12.2892 14.3305 12.2296 14.2708C12.1699 14.2111 12.1364 14.1302 12.1364 14.0458V12.7731ZM17.2273 12.7731C17.2273 12.6887 17.2608 12.6078 17.3205 12.5481C17.3801 12.4884 17.4611 12.4549 17.5454 12.4549C17.6298 12.4549 17.7108 12.4884 17.7704 12.5481C17.8301 12.6078 17.8636 12.6887 17.8636 12.7731V14.0458C17.8636 14.1302 17.8301 14.2111 17.7704 14.2708C17.7108 14.3305 17.6298 14.364 17.5454 14.364C17.4611 14.364 17.3801 14.3305 17.3205 14.2708C17.2608 14.2111 17.2273 14.1302 17.2273 14.0458V12.7731ZM12.4536 17.57C12.4225 17.542 12.3973 17.5082 12.3793 17.4705C12.3614 17.4327 12.351 17.3919 12.3488 17.3501C12.3466 17.3084 12.3527 17.2666 12.3667 17.2272C12.3806 17.1879 12.4022 17.1516 12.4302 17.1206C12.4582 17.0895 12.492 17.0643 12.5297 17.0463C12.5674 17.0283 12.6083 17.018 12.6501 17.0158C12.6918 17.0136 12.7336 17.0197 12.7729 17.0336C12.8123 17.0476 12.8486 17.0692 12.8796 17.0972C13.4683 17.6273 14.1699 17.8904 15 17.8904C15.8304 17.8904 16.532 17.6273 17.1204 17.0972C17.1831 17.0407 17.2656 17.0114 17.3499 17.0158C17.4342 17.0202 17.5133 17.0579 17.5698 17.1206C17.6263 17.1833 17.6556 17.2658 17.6512 17.3501C17.6468 17.4344 17.6091 17.5135 17.5464 17.57C16.8397 18.2067 15.9857 18.5268 15 18.5268C14.0143 18.5268 13.1603 18.2067 12.4536 17.57Z", fill: "black", stroke: "currentColor", strokeWidth: "0.4" } ) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_1533_548", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", fill: "white", transform: "translate(8 8)" }) }) }) ] }); }; var SecurityIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M15 14.6945C14.6161 14.6945 14.248 14.542 13.9766 14.2706C13.7052 13.9991 13.5527 13.631 13.5527 13.2471C13.5527 12.8633 13.7052 12.4951 13.9766 12.2237C14.248 11.9523 14.6161 11.7998 15 11.7998C15.3839 11.7998 15.7522 11.9523 16.0237 12.2238C16.2951 12.4953 16.4477 12.8635 16.4477 13.2475C16.4477 13.6314 16.2951 13.9996 16.0237 14.2711C15.7522 14.5426 15.3839 14.6951 15 14.6951V16.8658", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M20.7814 14.9267V11.4067C20.7815 11.1366 20.6966 10.8733 20.5387 10.6541C20.3807 10.435 20.1577 10.2712 19.9014 10.186L16.6254 9.09337C15.5696 8.74622 14.4304 8.74622 13.3747 9.09337L10.0987 10.1854C9.84239 10.2704 9.61942 10.4341 9.46145 10.6531C9.30348 10.8721 9.21853 11.1353 9.21869 11.4054V14.9254C9.21874 15.7943 9.4391 16.649 9.85917 17.4096C10.2792 18.1702 10.8853 18.8119 11.6207 19.2747L14.3194 20.9707C14.5235 21.0982 14.7593 21.1658 15 21.1658C15.2407 21.1658 15.4766 21.0982 15.6807 20.9707L18.3787 19.2747C19.1142 18.8121 19.7203 18.1705 20.1405 17.41C20.5607 16.6495 20.7812 15.7949 20.7814 14.926", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" } ) ] }); }; var PasskeyIcon = ({ ...props }) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "61", height: "61", viewBox: "0 0 61 61", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { clipPath: "url(#clip0_3623_33559)", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { opacity: "0.15", d: "M30.1 0C46.7238 0 60.2 13.4762 60.2 30.1C60.2 46.7238 46.7238 60.2 30.1 60.2C13.4762 60.2 0 46.7238 0 30.1C0 13.4762 13.4762 0 30.1 0Z", fill: "var(--pcm-accent-color)" } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M20.8001 24.3253C20.8 23.19 21.0939 22.074 21.6531 21.086C22.2124 20.098 23.0179 19.2717 23.9914 18.6874C24.9648 18.1032 26.0729 17.781 27.2078 17.7521C28.3428 17.7233 29.4658 17.9888 30.4677 18.5229C31.4695 19.0569 32.316 19.8413 32.9247 20.7996C33.5334 21.7579 33.8836 22.8576 33.9412 23.9914C33.9987 25.1252 33.7617 26.2547 33.2532 27.2697C32.7447 28.2847 31.982 29.1508 31.0394 29.7836C32.4531 30.3102 33.7364 31.1358 34.8019 32.2038C35.0994 32.5013 35.2516 32.9126 35.2534 33.3343C35.2586 34.3808 35.2551 35.4291 35.2534 36.4756L35.2499 38.3621V39.6238C35.2499 39.8559 35.1577 40.0784 34.9936 40.2425C34.8295 40.4066 34.6069 40.4988 34.3749 40.4988H18.1366C17.9644 40.491 17.7955 40.4492 17.6394 40.376C17.4834 40.3027 17.3433 40.1994 17.2273 40.072C17.1112 39.9446 17.0214 39.7955 16.9631 39.6333C16.9047 39.4711 16.8789 39.299 16.8871 39.1268C16.9852 37.0726 17.6841 35.0923 18.8969 33.4315C20.1098 31.7706 21.7835 30.5023 23.7104 29.7836C22.8144 29.1827 22.0802 28.3704 21.5726 27.4184C21.0651 26.4664 20.7998 25.4041 20.8001 24.3253Z", fill: "var(--pcm-accent-color)" } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "path", { d: "M43.5625 28.0309C43.5625 29.5604 42.7785 30.9061 41.5903 31.6884C41.5252 31.7296 41.4715 31.7864 41.4339 31.8536C41.3963 31.9209 41.3761 31.9964 41.375 32.0734V33.1059C41.375 33.2231 41.3295 33.3334 41.2473 33.4156L40.6243 34.0386C40.6039 34.0589 40.5877 34.0831 40.5767 34.1097C40.5657 34.1362 40.56 34.1647 40.56 34.1935C40.56 34.2223 40.5657 34.2508 40.5767 34.2773C40.5877 34.3039 40.6039 34.3281 40.6243 34.3484L41.2473 34.9714C41.3295 35.0536 41.375 35.1639 41.375 35.2794V35.6836C41.375 35.8009 41.3295 35.9111 41.2473 35.9934L40.6243 36.6164C40.6039 36.6367 40.5877 36.6608 40.5767 36.6874C40.5657 36.714 40.56 36.7425 40.56 36.7712C40.56 36.8 40.5657 36.8285 40.5767 36.8551C40.5877 36.8817 40.6039 36.9058 40.6243 36.9261L41.2473 37.5491C41.3295 37.6314 41.375 37.7416 41.375 37.8589V38.3611C41.3754 38.4699 41.3348 38.5749 41.2613 38.6551L39.8613 40.1951C39.776 40.2891 39.672 40.3641 39.5559 40.4155C39.4399 40.4669 39.3144 40.4934 39.1875 40.4934C39.0606 40.4934 38.9351 40.4669 38.8191 40.4155C38.703 40.3641 38.599 40.2891 38.5137 40.1951L37.1137 38.6551C37.0402 38.5749 36.9996 38.4699 37 38.3611V32.0734C36.9991 31.9963 36.9789 31.9208 36.9413 31.8535C36.9037 31.7863 36.8499 31.7295 36.7847 31.6884C36.152 31.2725 35.6379 30.6996 35.293 30.0255C34.948 29.3515 34.7838 28.5994 34.8166 27.8429C34.8494 27.0865 35.0779 26.3514 35.4799 25.7097C35.8818 25.068 36.4435 24.5416 37.1098 24.1821C37.7762 23.8225 38.5245 23.642 39.2815 23.6582C40.0385 23.6745 40.7784 23.887 41.4287 24.2749C42.079 24.6627 42.6175 25.2128 42.9915 25.8711C43.3655 26.5295 43.5623 27.2737 43.5625 28.0309ZM40.5 27.3746C40.5 27.0265 40.3617 26.6927 40.1156 26.4465C39.8694 26.2004 39.5356 26.0621 39.1875 26.0621C38.8394 26.0621 38.5056 26.2004 38.2594 26.4465C38.0133 26.6927 37.875 27.0265 37.875 27.3746C37.875 27.7227 38.0133 28.0566 38.2594 28.3027C38.5056 28.5488 38.8394 28.6871 39.1875 28.6871C39.5356 28.6871 39.8694 28.5488 40.1156 28.3027C40.3617 28.0566 40.5 27.7227 40.5 27.3746Z", fill: "var(--pcm-accent-color)" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_3623_33559", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "60.2", height: "60.2", fill: "white" }) }) }) ] }); }; // src/components/circleSpinner/index.tsx var import_framer_motion3 = require("framer-motion"); // src/components/circleSpinner/styles.ts var import_framer_motion2 = require("framer-motion"); var import_styled_components = require("styled-components"); var LogoContainer = (0, import_styled_components.styled)(import_framer_motion2.motion.div)` z-index: 4; position: relative; width: ${(props) => props.width ?? 60}px; height: ${(props) => props.height ?? 60}px; svg { z-index: 3; position: relative; display: block; } `; var Logo = (0, import_styled_components.styled)(import_framer_motion2.motion.div)` z-index: 2; position: absolute; overflow: hidden; inset: ${(props) => props.inset ?? 6}px; border-radius: 50px; background: var(--pcm-body-background); display: flex; align-items: center; justify-content: center; svg, img { pointer-events: none; display: block; margin: 0 auto; width: 100%; height: 100%; ${(props) => props.$small && import_styled_components.css` width: 85%; height: 85%; `} } `; var SpinnerContainer = (0, import_styled_components.styled)(import_framer_motion2.motion.div)` position: absolute; inset: -5px; `; var ExpiringSpinner = (0, import_styled_components.styled)(import_framer_motion2.motion.div)` pointer-events: none; user-select: none; z-index: 1; position: absolute; inset: -25%; background: var(--pcm-body-background); div:first-child { position: absolute; left: 50%; right: 0; top: 0; bottom: 0; overflow: hidden; &:before { position: absolute; content: ''; inset: 0; background: var(--pcm-accent-color); transform-origin: 0% 50%; animation: rotateExpiringSpinner 5000ms ease-in both; } } div:last-child { position: absolute; left: 0; right: 50%; top: 0; bottom: 0; overflow: hidden; &:before { position: absolute; content: ''; inset: 0; background: var(--pcm-accent-color); transform-origin: 100% 50%; animation: rotateExpiringSpinner 5000ms ease-out 5000ms both; } } @keyframes rotateExpiringSpinner { 0% { transform: rotate(-180deg); } 100% { transform: rotate(0deg); } } `; var Spinner = (0, import_styled_components.styled)(import_framer_motion2.motion.div)` pointer-events: none; user-select: none; z-index: 1; position: absolute; inset: 0; svg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: rotateSpinner 1200ms linear infinite; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; // src/components/circleSpinner/index.tsx var import_jsx_runtime2 = require("react/jsx-runtime"); var CircleSpinner = ({ logo, smallLogo, connecting = true, unavailable = false, countdown = false, width = 60, height = 60, inset = 4 }) => { return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, width, height, children: [ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( Logo, { $small: !unavailable && smallLogo, style: { background: "none", ...unavailable ? { borderRadius: 0 } : {} }, inset, children: logo } ), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_framer_motion3.AnimatePresence, { children: [ connecting && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( Spinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, transition: { duration: countdown ? 1 : 0 } }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)( "svg", { "aria-hidden": "true", width: width + 2, height: height + 2, viewBox: "0 0 102 102", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( "path", { d: "M52 100C24.3858 100 2 77.6142 2 50", stroke: "url(#paint0_linear_1943_4139)", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)( "linearGradient", { id: "paint0_linear_1943_4139", x1: "2", y1: "48.5", x2: "53", y2: "100", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { stopColor: "var(--pcm-accent-color)" }), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "1", stopColor: "var(--pcm-accent-color)", stopOpacity: "0" }) ] } ) }) ] } ) }, "Spinner" ), countdown && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)( ExpiringSpinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 }, children: [ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {}), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {}) ] }, "ExpiringSpinner" ) ] }) }) ] }); }; var circleSpinner_default = CircleSpinner; // src/components/codeInput/index.tsx var import_react3 = __toESM(require("react"), 1); // src/components/codeInput/styles.ts var import_styled_components2 = require("styled-components"); var CodeInputContainer = import_styled_components2.styled.div` width: 100%; max-width: 340px; position: relative; display: flex; justify-content: center; align-items: center; display: inline-block; margin: auto; width: auto; position: relative; left: 50%; transform: translateX(-50%); input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { box-shadow: 0 0 0 60px var(--pcm-body-background) inset !important; -webkit-text-fill-color: var(--pcm-body-color) !important; } `; var CodeInputMask = import_styled_components2.styled.div` position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; `; var StyleCodeInputItem = import_styled_components2.styled.input` width: 42px; height: 42px; padding: 0; margin-right: 5px; margin-left: 5px; border: transparent; border-radius: var(--pcm-rounded-md); font-size: 20px; text-align: center; text-transform: uppercase; background-clip: padding-box; caret-color: var(--pcm-primary-color); color: ${({ error }) => error ? "var(--pcm-error-color)" : "var(--pcm-body-color)"}; background-color: ${({ error }) => error ? "var(--pcm-error-background)" : "var(--pcm-body-background-secondary)"}; border: none; &:focus, &:active, &:hover, &:visited, &:focus-visible { appearance: none; outline: none !important; border: none !important; } &:not(:placeholder-shown) { appearance: none; outline: 0; } `; var FocusBorder = import_styled_components2.styled.div` position: absolute; top: 0; opacity: ${({ $showFocusBorder }) => $showFocusBorder ? 1 : 0}; left: ${({ $focusIndex }) => 5 + $focusIndex * 52}px; width: 42px; height: 42px; border: 1px solid var(--pcm-accent-color); border-radius: var(--pcm-rounded-md); transition: left 0.3s ease, opacity 0.2s ease; pointer-events: none; z-index: 2; `; // src/components/codeInput/index.tsx var import_jsx_runtime3 = require("react/jsx-runtime"); var allowedCharactersValues = ["alpha", "numeric", "alphanumeric"]; var propsMap = { alpha: { type: "text", inputMode: "text", pattern: "[a-zA-Z]{1}" }, alphanumeric: { type: "text", inputMode: "text", pattern: "[a-zA-Z0-9]{1}" }, numeric: { type: "tel", inputMode: "numeric", pattern: "[0-9]{1}", min: "0", max: "9" } }; var CodeInput = (0, import_react3.forwardRef)( ({ allowedCharacters = "alphanumeric", ariaLabel, autoFocus = true, disabled, isPassword = false, length = 6, placeholder, onChange, code = "", error = "" }, ref) => { if (isNaN(length) || length < 1) { throw new Error("Length should be a number and greater than 0"); } if (!allowedCharactersValues.some((value) => value === allowedCharacters)) { throw new Error("Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric"); } 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_react3.useRef)(null); (0, import_react3.useImperativeHandle)(ref, () => ({ focus: () => { if (inputsRef.current) { inputsRef.current[0]?.focus(); } }, clear: () => { if (inputsRef.current) { for (let i = 0; i < inputsRef.current.length; i++) { if (inputsRef.current?.[i]) { inputsRef.current[i].value = ""; } } inputsRef.current[0].focus(); } sendResult(); } })); (0, import_react3.useEffect)(() => { if (code) { for (let i = 0; i < inputsRef.current.length; i++) { inputsRef.current[i].value = ""; } for (let i = 0; i < code.length; i++) { if (inputsRef.current?.[i]) { inputsRef.current[i].value = code[i] || ""; } } sendResult(); } }, [code]); let oldValue = inputsRef.current.map((input) => input.value).join("") || ""; const sendResult = () => { const res = inputsRef.current.map((input) => input.value).join(""); if (oldValue !== res) { if (res.length === 6) { setTimeout(() => { inputsRef.current.forEach((input) => { input.blur(); }); }, 400); } onChange && onChange(res); oldValue = res; } }; const handleOnChange = (e) => { const { target: { value, nextElementSibling } } = e; if (value.length == 1) { if (value.match(inputProps.pattern)) { if (nextElementSibling !== null) { nextElementSibling.focus(); } } else { e.target.value = ""; } } else if (value.length > 1) { const pastedValue = value; let currentInput = Number(e.target.getAttribute("data-index")) || 0; for (let i = 0; i < pastedValue.length; i++) { const pastedCharacter = pastedValue.charAt(i); if (pastedCharacter.match(inputProps.pattern) && inputsRef.current?.[currentInput]) { inputsRef.current[currentInput].value = pastedCharacter; if (inputsRef.current[currentInput].nextElementSibling !== null) { inputsRef.current[currentInput].nextElementSibling.focus(); currentInput++; } } } } setTimeout(() => { sendResult(); }); }; const handleOnKeyDown = (e) => { const { key } = e; const target = e.target; if (key === "Backspace") { if (target.value === "") { if (target.previousElementSibling !== null) { const t = target.previousElementSibling; t.value = ""; t.focus(); e.preventDefault(); } } else { target.value = ""; } setTimeout(() => { sendResult(); }); } }; const handleOnFocus = (e) => { e.target.select(); }; const handleOnPaste = (e) => { let pastedValue = e.clipboardData.getData("Text") ?? ""; pastedValue = pastedValue.replace(/\s/g, "").substring(0, 6); let currentInputIndex = focusIndex; for (let i = 0; i < pastedValue.length; i++) { const pastedCharacter = pastedValue.charAt(i); const currentInput = inputsRef.current[currentInputIndex]; if (!currentInput) { break; } const currentValue = currentInput?.value; if (pastedCharacter.match(inputProps.pattern)) { if (!currentValue) { inputsRef.current[currentInputIndex].value = pastedCharacter; if (inputsRef.current[currentInputIndex].nextElementSibling !== null) { inputsRef.current[currentInputIndex].nextElementSibling.focus(); currentInputIndex++; } } } } sendResult(); e.preventDefault(); }; return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(CodeInputContainer, { ref: codeInputContainerRef, children: [ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FocusBorder, { $focusIndex: focusIndex, $showFocusBorder: showFocusBorder }), new Array(6).fill(0).map((_, i) => { return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( StyleCodeInputItem, { "data-index": i, onChange: handleOnChange, onKeyDown: handleOnKeyDown, onFocus: (e) => { setShowFocusBorder(true); setFocusIndex(i); handleOnFocus(e); }, autoFocus: autoFocus && i === 0, onBlur: () => { setShowFocusBorder(false); }, onPaste: handleOnPaste, ...inputProps, type: isPassword ? "password" : inputProps.type, ref: (el) => { inputsRef.current[i] = el; }, autoComplete: i === 0 ? "one-time-code" : "off", "aria-label": ariaLabel ? `${ariaLabel}. Character ${i + 1}.` : `Character ${i + 1}.`, disabled, placeholder, error }, i ); }), /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( CodeInputMask, { onClick: (e) => { e.preventDefault(); e.stopPropagation(); for (let i = inputsRef.current.length - 1; i >= 0; i--) { if (i > 0 && !inputsRef.current[i].value && inputsRef.current[i - 1].value || i === 0 && !inputsRef.current[i].value || i == inputsRef.current.length - 1 && inputsRef.current[i].value) { inputsRef.current[i].focus(); inputsRef.current[i].setSelectionRange( inputsRef.current[i].value.length, inputsRef.current[i].value.length ); break; } } } } ) ] }); } ); var codeInput_default = CodeInput; // src/components/modal/styles.ts var import_framer_motion4 = require("framer-motion"); var import_styled_components3 = require("styled-components"); var FadeIn = import_styled_components3.keyframes` from { opacity: 0; } to { opacity: 1; } `; var FadeOut = import_styled_components3.keyframes` from { opacity: 1; } to { opacity: 0; } `; var BoxIn = import_styled_components3.keyframes` from{ opacity: 0; transform: scale(0.97); } to{ opacity: 1; transform: scale(1); } `; var BoxOut = import_styled_components3.keyframes` from{ opacity: 1; transform: scale(1); } to{ opacity: 0; transform: scale(0.97); } `; var MobileBoxIn = import_styled_components3.keyframes` from { transform: translate3d(0, 100%, 0); } to { transform: translate3d(0, 0%, 0); } `; var MobileBoxOut = import_styled_components3.keyframes` from { opacity: 1; } to { opacity: 0; } `; var ModalRoot = import_styled_components3.styled.div` z-index: 2147483646; position: fixed; inset: 0; `; var ModalOverlay = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--pcm-overlay-background, rgba(71, 88, 107, 0.24)); backdrop-filter: var(--pcm-overlay-backdrop-filter, blur(6px)); opacity: 0; animation: ${(props) => props.$active ? FadeIn : FadeOut} 150ms ease-out both; `; var ModalContainer = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` --ease: cubic-bezier(0.25, 0.1, 0.25, 1); --duration: 200ms; --transition: height var(--duration) var(--ease), width var(--duration) var(--ease); z-index: 3; display: block; pointer-events: none; position: ${(props) => props.$positionInside ? "unset" : "absolute"}; left: 50%; top: 50%; width: 100%; height: auto; transform: ${(props) => { return props.$positionInside ? "none" : "translate(-50%, -50%)"; }}; backface-visibility: hidden; @media only screen and (max-width: 560px) { pointer-events: auto; left: 0; top: auto; bottom: -5px; transform: none; } `; var BoxContainer = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` z-index: 2; position: relative; color: var(--pcm-body-color, black); animation: 150ms ease both; animation-name: ${(props) => props.$positionInside ? null : BoxOut}; margin: auto; height: var(--height); width: 400px; border-radius: var(--pcm-rounded-xl); background: var(--pcm-body-background); box-shadow: var(--pcm-modal-box-shadow); transition: all 300ms ease; overflow: hidden; &.active { animation-name: ${(props) => props.$positionInside ? null : BoxIn}; } @media only screen and (max-width: 560px) { animation-name: ${(props) => props.$positionInside ? null : MobileBoxOut}; animation-duration: 130ms; animation-timing-function: ease; width: 100%; transition: 200ms height cubic-bezier(0.15, 1.15, 0.6, 1); will-change: height; border-bottom-left-radius: ${(props) => props.$positionInside ? null : 0}; border-bottom-right-radius: ${(props) => props.$positionInside ? null : 0}; &.active { animation-name: ${(props) => props.$positionInside ? null : MobileBoxIn}; animation-duration: 300ms; animation-delay: 32ms; animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1); } } `; var PageContainer = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` z-index: 2; position: relative; display: flex; justify-content: center; align-items: center; pointer-events: auto; `; var PageContents = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` width: 100%; padding: 64px 0 24px 0; backface-visibility: hidden; box-sizing: border-box; `; var PageContent = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` max-width: 100%; margin: 0 4px 22px; padding: 12px 20px 8px; overflow-x: visible; max-height: var(--pcm-modal-max-height, 65vh); overflow-y: auto; opacity: 0; animation: ${FadeIn} 300ms ease-out both; `; var ControllerContainer = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` z-index: 3; position: absolute; top: 0; left: 50%; height: 64px; transform: translateX(-50%); backface-visibility: hidden; width: 100%; pointer-events: auto; `; var BackButton = (0, import_styled_components3.styled)(import_framer_motion4.motion.button)` z-index: 3; cursor: pointer; position: absolute; top: 21px; left: 17px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transform-origin: center center; border-radius: 16px; padding: 0; margin: 0; color: var(--pcm-body-action-color); background: var(--pcm-body-background); transition: background-color 200ms ease; background: var(--pcm-body-background-secondary); border: none; svg { display: block; position: relative; left: -1px; } &:active { transform: scale(0.9); svg { left: 0px; } } `; var CloseButton = (0, import_styled_components3.styled)(import_framer_motion4.motion.button)` z-index: 3; cursor: pointer; position: absolute; top: 21px; right: 17px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 16px; padding: 0; margin: 0; color: var(--pcm-body-action-color); background: var(--pcm-body-background); transition: background-color 200ms ease; background: var(--pcm-body-background-secondary); border: none; svg { display: block; } &:active { transform: scale(0.9); } `; var ModalHeading = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` z-index: 3; pointer-events: none; user-select: none; position: absolute; top: 12px; left: 50%; display: flex; align-items: center; justify-content: center; height: 48px; transform: translateX(-50%); width: 100%; text-align: center; font-size: 17px; line-height: 20px; padding: 0 24px; font-weight: var(--pcm-modal-heading-font-weight, 600); color: var(--pcm-body-color); span { display: inline-block; } `; var ErrorContent = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` background: var(--pcm-error-background); color: var(--pcm-error-color); text-align: center; height: 28px; margin: 0 24px; line-height: 28px; border-radius: 30px; font-size: 12px; font-style: normal; font-weight: 400; padding: 0 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; svg { display: inline-block; margin-right: 8px; } `; var ErrorMessage = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` display: ${(props) => props.$display ? "flex" : "none"}; width: 100%; margin: 16px auto; align-items: center; justify-content: center; opacity: 0; animation: ${(props) => props.$display ? FadeIn : FadeOut} 200ms ease-out both; `; var ModalContentContainer = (0, import_styled_components3.styled)(import_framer_motion4.motion.div)` position: relative; padding: 0; `; var FlexCenter = import_styled_components3.styled.div` display: flex; justify-content: center; align-items: center; gap: ${(props) => props.gap || 0}px; `; var FlexLeft = import_styled_components3.styled.div` display: flex; justify-content: flex-start; align-items: center; gap: ${(props) => props.gap || 0}px; `; var FlexRight = import_styled_components3.styled.div` display: flex; justify-content: flex-end; align-items: center; gap: ${(props) => props.gap || 0}px; `; var FlexBetween = import_styled_components3.styled.div` width: 100%; display: flex; justify-content: space-between; align-items: center; gap: ${(props) => props.gap || 0}px; `; // src/components/reSend/index.tsx var import_react4 = require("react"); // src/components/loadingSpinner/styles.ts var import_framer_motion5 = require("framer-motion"); var import_styled_components4 = require("styled-components"); var StyledSpinnerContainer = (0, import_styled_components4.styled)(import_framer_motion5.motion.div)` position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; `; var StyledSpinnerCircle = (0, import_styled_components4.styled)(import_framer_motion5.motion.div)` box-sizing: border-box; display: block; position: absolute; width: ${(props) => props.width}; height: ${(props) => props.height}; margin: 6px; border-style: solid; border-radius: 50%; animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; `; // src/components/loadingSpinner/index.tsx var import_jsx_runtime4 = require("react/jsx-runtime"); var LoadingSpinner = ({ size = "50%", borderColor = "#a748ff", borderWidth = 3, spin = false, children }) => { return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(StyledSpinnerContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: [ spin && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: [...Array(4)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( StyledSpinnerCircle, { width: size, height: size, style: { animationDelay: `-${index * 0.15}s`, borderWidth, borderColor: `${borderColor} transparent transparent transparent` } }, index )) }), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( "div", { style: { opacity: spin ? 0.05 : 1 }, children } ) ] }); }; var loadingSpinner_default = LoadingSpinner; // src/components/reSend/styles.ts var import_styled_components5 = require("styled-components"); var ReSendCodeWrap = import_styled_components5.styled.div` text-align: center; margin-top: 40px; color: var(--pcm-body-color-secondary); font-size: 14px; `; var ReSendCodeDiv = import_styled_components5.styled.div` color: var(--pcm-accent-color); margin-top: 6px; cursor: ${({ $pointer }) => $pointer ? "pointer" : "default"}; display: flex; gap: 0px; align-items: center; width: 100%; justify-content: center; position: relative; height: 24px; `; // src/components/reSend/index.tsx var import_jsx_runtime5 = require("react/jsx-runtime"); var DownTime = 60; var ReSend = ({ reSendCode }) => { const locales = useLocales(); const [downTimeStatus, setDownTimeStatus] = (0, import_react4.useState)(0 /* NotStarted */); const { showError } = useModalError(); 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 */); timerRef.current = setInterval(() => { setDownTime((val) => { const newVal = val - 1; if (newVal === 0) { setDownTimeStatus(2 /* End */); clearInterval(timerRef.current); } return newVal; }); }, 1e3); }; const reSendCodeHandler = async () => { try { if (loading) return; setLoading(true); if (downTimeStatus === 2 /* End */) { await reSendCode(); downTimeCount(); } } catch (error) { showError(error?.message || ""); } setTimeout(() => { setLoading(false); }, 100); }; (0, import_react4.useEffect)(() => { downTimeCount(); return () => { clearInterval(timerRef.current); }; }, []); return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ReSendCodeWrap, { children: downTimeStatus !== 0 /* NotStarted */ && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [ locales.didNotReceiveCode, /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ReSendCodeDiv, { $pointer: downTimeStatus === 2 /* End */, children: downTimeStatus === 1 /* InProgress */ || downTimeStatus === 3 /* Stop */ ? `${downTime} s` : downTimeStatus === 2 /* End */ ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [ loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( "div", { style: { width: "24px", height: "24px", top: "1px", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(loadingSpinner_default, { spin: true, borderWidth: 2 }) } ), /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { onClick: reSendCodeHandler, children: locales.resendCode }) ] }) : "" }) ] }) }); }; var reSend_default = ReSend; // src/hooks/useConnect.ts var import_connector_core2 = require("@particle-network/connector-core"); // src/actions/connect.ts var import_connector_core = require("@particle-network/connector-core"); async function connect(config, parameters) { const connector = parameters.connector; if (connector.uid === config.state.current) throw new import_connector_core.ConnectorAlreadyConnectedError(); try { config.setState((x) => ({ ...x, status: "connecting" })); connector.emitter.emit("message", { type: "connecting" }); const data = await connector.connect({ chainId: parameters.chainId, ...parameters.authParams, ...parameters.passkeyParams }); const accounts = data.accounts; connector.emitter.off("connect", config._internal.events.connect); connector.emitter.on("change", config._internal.events.change); connector.emitter.on("disconnect", config._internal.events.disconnect); await config.storage?.setItem("recentConnectorId", connector.id); config.setState((x) => ({ ...x, connections: new Map(x.connections).set(connector.uid, { accounts, chainId: data.chainId, connector }), current: connector.uid, status: "connected" })); return { accounts, chainId: data.chainId }; } catch (error) { config.setState((x) => ({ ...x, status: x.current ? "connected" : "disconnected" })); throw error; } } // src/hooks/useLastConnectorId.ts var import_zustand3 = require("zustand"); var initialState = typeof window !== "undefined" ? localStorage.getItem("pcm-recent") : void 0; var useLastConnectorId = (0, import_zustand3.create)((set) => ({ lastConnectorId: initialState, updateLastConnectorId: (value) => { const id = value.replace("solana_", ""); localStorage.setItem("pcm-recent", id); set({ lastConnectorId: id }); } })); // src/hooks/useMutation.ts var import_react5 = require("react"); var useMutation = (mutationFn, options) => { 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); } setStatus("loading"); setData(null); setError(null); try { const result = await mutationFn(variables); setData(result); setStatus("success"); if (options?.onSuccess) { options.onSuccess(result); } if (options?.onSettled) { options.onSettled(result, null); } return result; } catch (err) { setError(err); setStatus("error"); if (options?.onError) { options.onError(err); } if (options?.onSettled) { options.onSettled(null, err); } throw err; } }, [mutationFn, options] ); const mutate = (0, import_react5.useCallback)( (variables) => { mutateAsync(variables).catch(() => { }); }, [mutateAsync] ); return { status, data, error, mutate, mutateAsync }; }; // src/hooks/useConnect.ts function useConnect(parameters) { const { config, options } = useContext(); const { updateLastConnectorId } = useLastConnectorId(); const mutationFn = async (parameters2) => { const { connector, chainId } = parameters2; let connectChainId = chainId; if (!connectChainId) { if (connector.chainType === "evm") { connectChainId = options.initialChainId?.evm; if (!connectChainId) { connectChainId = config.chains.find(import_connector_core2.isEVMChain)?.id; } } else { connectChainId = options.initialChainId?.solana; if (!connectChainId) { connectChainId = config.chains.find(import_connector_core2.isSolanaChain)?.id; } } } const result = await connect(config, { ...parameters2, chainId: connectChainId }); if (connector.id !== "walletConnect") { updateLastConnectorId(connector.id); } return result; }; const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters); return { status, data, error, connect: mutate, connectAsync: mutateAsync }; } // src/hooks/useConnectors.ts var import_react6 = require("react"); // src/actions/getConnectors.ts var previousConnectors = []; function getConnectors(config) { const connectors = config.connectors; if (deepEqual(previousConnectors, connectors)) return previousConnectors; previousConnectors = connectors; return connectors; } // src/actions/watchConnectors.ts function watchConnectors(config, parameters) { const { onChange } = parameters; return config._internal.connectors.subscribe((connectors, prevConnectors) => { onChange(Object.values(connectors), prevConnectors); }); } // src/hooks/useConnectors.ts var useConnectors = () => { const { config } = useContext(); return (0, import_react6.useSyncExternalStore)( (onChange) => watchConnectors(config, { onChange }), () => getConnectors(config), () => getConnectors(config) ); }; function useConnector(id) { const connectors = useConnectors(); return connectors.find((c) => c.id === id); } // src/hooks/useRouter.ts var import_react7 = require("react"); var useRouter = () => { const { setOpen, open } = useModalState(); const setRoute = useRouteState((state) => state.setRoute); const { isConnected } = useAccount(); const navigate = (route, state) => { let validRoute = route; if (!allRoutes.includes(route)) { validRoute = isConnected ? "wallet-info" /* WalletInfo */ : "signup" /* Signup */; } if (isConnected) { if (!safeRoutes.connected.includes(route)) { validRoute = "wallet-info" /* WalletInfo */; } } else { if (!safeRoutes.disconnected.includes(route)) { validRoute = "signup" /* Signup */; } } if (!open) { setOpen(true); } setRoute({ path: validRoute, state }); }; const close = (0, import_react7.useCallback)(() => { setOpen(false); }, [setOpen]); return { navigate, close, isOpen: open }; }; // src/hooks/useWalletConnectors.ts var useWalletConnectors = () => { const { config } = useContext(); return config.walletConnectors; }; var useWalletConnector = (walletConnectorType) => { const walletConnectors = useWalletConnectors(); return walletConnectors.find((item) => item.type === walletConnectorType); }; // src/pages/captcha/styles.ts var import_styled_components6 = require("styled-components"); var EmailCaptchaWrapper = import_styled_components6.styled.div` position: relative; padding-top: 10px; `; var EmailErrorContent = import_styled_components6.styled.div` position: relative; width: 96%; left: 2%; top: 0; margin-bottom: 30px; `; var EmailError = import_styled_components6.styled.div` background: var(--pcm-error-background); border-radius: 28px; line-height: 1; display: flex; align-items: center; color: var(--pcm-error-color); padding: 8px 8px; line-height: 1.2; display: flex; `; var EmailErrorLeft = import_styled_components6.styled.div` min-width: 20px; width: 20px; `; var EmailErrorRight = import_styled_components6.styled.div` flex: 1; font-size: 12px; `; var EmailCaptchaTip1 = import_styled_components6.styled.div` font-size: 14px; `; var EmailText = import_styled_components6.styled.div` font-size: 14px; font-weight: bold; margin-top: 4px; `; var EmailMainIcon = import_styled_components6.styled.div` margin: auto; display: flex; justify-content: center; margin-bottom: 30px; height: 80px; position: relative; `; var EmailInfo = import_styled_components6.styled.div` text-align: center; margin-bottom: 30px; `; var EmailIconDiv = import_styled_components6.styled.div` position: relative; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; `; var Spin = import_styled_components6.styled.div` display: inline-block; animation: spin 1.2s linear infinite; position: absolute; @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; // src/pages/captcha/index.tsx var import_jsx_runtime6 = require("react/jsx-runtime"); var Page = ({ value, type }) => { const locales = useLocales(); const { config } = useContext(); const { error, showError } = useModalError(); const connector = useConnector((0, import_connector_core3.isEVMChain)(config.chains[0]) ? "particleEVM" : "particleSolana"); const { connectAsync } = useConnect(); const { appearance } = useAppearance(); 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) => { await connectAsync({ connector, authParams: params }); }; const onCodeInputChange = async (code) => { try { if (loading) return; if (code.length === 6) { if (/![^0-9]/.test(code)) { throw new Error(locales.incorrectCode); } else { setLoading(true); const params = { code, ...type === "phone" /* Phone */ ? { phone: value } : { email: value } }; if (!params.code) { throw new Error("Please enter the verification code"); } else if (!params.phone && !params.email) { throw new Error("Please enter the phone number or email"); } await loginHandler(params); } } else { showError(""); } } catch (error2) { let message = error2?.extra?.[0] || error2.message || (typeof error2 === "string" ? error2 : locales.networkError); if (message.includes("Invalid code")) { message = locales.invalidCode; } else if (message.includes("Code is deleted")) { message = locales.codeDeleted; } else if (message.includes("Network Error")) { message = locales.networkError; } if (error2.code === 4011) { navigate("signup" /* Signup */); setTimeout(() => showError(message)); } else { showError(message); } } setLoading(false); }; const reSendCode = async () => { let turnstileToken = ""; if (type === "phone" /* Phone */) { turnstileToken = await walletConnector?.auth.getCloudflareTurnstileResponse({ theme: appearance.mode || "lgiht", language: appearance.language || "en", getContainer: emailCaptchaWrapperRef.current }); } const params = type === "phone" /* Phone */ ? { phone: value, cf_turnstile_response: turnstileToken } : { email: value }; await walletConnector?.auth.getConnectCaptcha(params); }; return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)( PageContent, { style: { padding: "12px 2px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(EmailCaptchaWrapper, { ref: emailCaptchaWrapperRef, children: [ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailMainIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)( circleSpinner_default, { width: 70, height: 70, inset: 2, logo: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailIconDiv, { children: type === "phone" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PhoneIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailIcon, {}) }) } ) }), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(EmailInfo, { children: [ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailCaptchaTip1, { children: locales.verificationCode }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailText, { children: value }) ] }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)( codeInput_default, { allowedCharacters: "numeric", length: 6, placeholder: " ", onChange: onCodeInputChange, error: error || "" } ), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(reSend_default, { reSendCode }) ] }) } ); }; var captcha_default = Page; // src/pages/connecting/index.tsx var import_framer_motion9 = require("framer-motion"); var import_react13 = require("react"); // src/components/squircleSpinner/index.tsx var import_framer_motion7 = require("framer-motion"); // src/components/squircleSpinner/styles.ts var import_framer_motion6 = require("framer-motion"); var import_styled_components7 = require("styled-components"); var LogoContainer2 = (0, import_styled_components7.styled)(import_framer_motion6.motion.div)` z-index: 4; position: relative; overflow: hidden; svg { z-index: 3; position: relative; display: block; } `; var Logo2 = (0, import_styled_components7.styled)(import_framer_motion6.motion.div)` z-index: 2; position: absolute; overflow: hidden; inset: ${(props) => props.inset ?? 3}px; border-radius: 16px; background: var(--pcm-body-background); svg, img { pointer-events: none; display: block; width: 100%; height: 100%; } `; var SpinnerContainer2 = (0, import_styled_components7.styled)(import_framer_motion6.motion.div)` position: absolute; inset: 1px; /* overflow: hidden; */ `; var Spinner2 = (0, import_styled_components7.styled)(import_framer_motion6.motion.div)` pointer-events: none; user-select: none; z-index: 1; position: absolute; inset: -25%; &:before { content: ''; position: absolute; inset: 0; background: conic-gradient( from -90deg, transparent, transparent, transparent, transparent, transparent, var(--pcm-accent-color) ); animation: rotateSpinner 1200ms linear infinite; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; // src/components/squircleSpinner/index.tsx var import_jsx_runtime7 = require("react/jsx-runtime"); var SquircleSpinner = ({ logo, connecting = true }) => { return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(LogoContainer2, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, children: [ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Logo2, { children: logo }), /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerContainer2, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_framer_motion7.AnimatePresence, { children: connecting && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)( Spinner2, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, transition: { duration: 0 } } }, "Spinner" ) }) }), /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { "aria-hidden": "true", width: "64", height: "64", viewBox: "0 0 102 102", fill: "none", children: [ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)( "rect", { x: "7.57895", y: "7.57895", width: "86.8421", height: "86.8421", rx: "19.2211", stroke: "black", strokeOpacity: "0.02", strokeWidth: "1.15789" } ), /* @__PURE__ */ (0, import_jsx_runtime7.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H102V102H0V0ZM7 38.284C7 27.5684 7 22.2106 9.01905 18.0892C10.9522 14.1431 14.1431 10.9522 18.0892 9.01905C22.2106 7 27.5684 7 38.284 7H63.716C74.4316 7 79.7894 7 83.9108 9.01905C87.8569 10.9522 91.0478 14.1431 92.9809 18.0892C95 22.2106 95 27.5684 95 38.284V63.716C95 74.4316 95 79.7894 92.9809 83.9108C91.0478 87.8569 87.8569 91.0478 83.9108 92.9809C79.7894 95 74.4316 95 63.716 95H38.284C27.5684 95 22.2106 95 18.0892 92.9809C14.1431 91.0478 10.9522 87.8569 9.01905 83.9108C7 79.7894 7 74.4316 7 63.716V38.284ZM41.5 0.5H41.4325C34.7246 0.499996 29.6023 0.499994 25.5104 0.823325C21.388 1.14906 18.1839 1.80986 15.3416 3.20227C10.0602 5.78959 5.78959 10.0602 3.20227 15.3416C1.80986 18.1839 1.14906 21.388 0.823325 25.5104C0.499994 29.6023 0.499996 34.7246 0.5 41.4325V41.5V55.5938C0.5 55.6808 0.507407 55.766 0.521624 55.849C0.507407 55.9319 0.5 56.0172 0.5 56.1042V60.5V60.5675C0.499996 67.2754 0.499994 72.3977 0.823325 76.4896C1.14906 80.612 1.80986 83.8161 3.20227 86.6584C5.78959 91.9398 10.0602 96.2104 15.3416 98.7977C18.1839 100.19 21.388 100.851 25.5104 101.177C29.6022 101.5 34.7244 101.5 41.432 101.5H41.4324H41.5H43.4227H60.5H60.5675H60.568C67.2756 101.5 72.3977 101.5 76.4896 101.177C80.612 100.851 83.8161 100.19 86.6584 98.7977C91.9398 96.2104 96.2104 91.9398 98.7977 86.6584C100.19 83.8161 100.851 80.612 101.177 76.4896C101.5 72.3978 101.5 67.2756 101.5 60.568V60.5676V60.5V41.5V41.4324V41.432C101.5 34.7244 101.5 29.6022 101.177 25.5104C100.851 21.388 100.19 18.1839 98.7977 15.3416C96.2104 10.0602 91.9398 5.78959 86.6584 3.20227C83.8161 1.80986 80.612 1.14906 76.4896 0.823325C72.3977 0.499994 67.2754 0.499996 60.5675 0.5H60.5H41.5ZM3.5 56.1042C3.5 56.0172 3.49259 55.9319 3.47838 55.849C3.49259 55.766 3.5 55.6808 3.5 55.5938V41.5C3.5 34.7112 3.50109 29.7068 3.814 25.7467C4.1256 21.8032 4.73946 19.0229 5.89635 16.6614C8.19077 11.9779 11.9779 8.19077 16.6614 5.89635C19.0229 4.73946 21.8032 4.1256 25.7467 3.814C29.7068 3.50109 34.7112 3.5 41.5 3.5H60.5C67.2888 3.5 72.2932 3.50109 76.2533 3.814C80.1968 4.1256 82.977 4.73946 85.3386 5.89635C90.022 8.19077 93.8092 11.9779 96.1036 16.6614C97.2605 19.0229 97.8744 21.8032 98.186 25.7467C98.4989 29.7068 98.5 34.7112 98.5 41.5V60.5C98.5 67.2888 98.4989 72.2932 98.186 76.2533C97.8744 80.1968 97.2605 82.9771 96.1036 85.3386C93.8092 90.022 90.022 93.8092 85.3386 96.1036C82.977 97.2605 80.1968 97.8744 76.2533 98.186C72.2932 98.4989 67.2888 98.5 60.5 98.5H43.4227H41.5C34.7112 98.5 29.7068 98.4989 25.7467 98.186C21.8032 97.8744 19.0229 97.2605 16.6614 96.1036C11.9779 93.8092 8.19077 90.022 5.89635 85.3386C4.73946 82.9771 4.1256 80.1968 3.814 76.2533C3.50109 72.2932 3.5 67.2888 3.5 60.5V56.1042Z", fill: "var(--pcm-body-background)" } ) ] }) ] }); }; var squircleSpinner_default = SquircleSpinner; // src/assets/wallets.tsx 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", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6505 3.64041C15.6501 3.64062 15.6497 3.64083 15.6493 3.64103L6.05165 8.43985L16.2501 13.5391L26.4484 8.43987L16.8508 3.64103C16.8504 3.64083 16.85 3.64063 16.8496 3.64043C16.6632 3.54806 16.458 3.5 16.25 3.5C16.042 3.5 15.8369 3.54806 15.6505 3.64041ZM28 10.4592L17.5001 15.7091L17.5 28.5205L27.248 23.6465L27.2508 23.6452C27.4757 23.5334 27.665 23.3611 27.7973 23.1477C27.9297 22.9342 27.9999 22.6881 28 22.4369V10.4592ZM15 28.527L15.0001 15.7091L4.50006 10.4591V22.4333C4.49831 22.6849 4.56687 22.9319 4.69807 23.1466C4.82896 23.3608 5.01696 23.5342 5.24095 23.6475C5.24148 23.6477 5.242 23.648 5.24253 23.6483L15 28.527ZM14.5207 31.0824L4.12104 25.8826L4.11759 25.8809C3.47681 25.558 2.93902 25.0625 2.56486 24.4502C2.19154 23.8394 1.99597 23.1365 2.00006 22.4207V10.0486C2.00044 9.33234 2.20062 8.62972 2.5781 8.021C2.95529 7.41274 3.49457 6.92167 4.13537 6.60291C4.13585 6.60267 4.13633 6.60243 4.13681 6.60219L14.534 1.40359L14.5368 1.40221C15.0692 1.13767 15.6556 1 16.25 1C16.8445 1 17.4309 1.13767 17.9633 1.40221L17.966 1.40358L28.3633 6.60219C28.3638 6.60245 28.3643 6.6027 28.3648 6.60295C29.0055 6.92171 29.5448 7.41276 29.922 8.021C30.2994 8.62973 30.4996 9.33168 30.5 10.0479V22.4376C30.4996 23.1538 30.2994 23.8565 29.922 24.4652C29.5448 25.0734 29.0056 25.5644 28.365 25.8831C28.3644 25.8834 28.3638 25.8837 28.3633 25.884L17.9664 31.0824C17.9663 31.0825 17.9665 31.0824 17.9664 31.0824C17.4316 31.3499 16.8415 31.4894 16.2435 31.4894C15.6455 31.4894 15.0554 31.3499 14.5207 31.0824C14.5205 31.0824 14.5208 31.0825 14.5207 31.0824Z", fill: "#CCCCCC" } ) }); var WalletConnect = ({ ...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", { d: "M9.58818 11.8556C13.1293 8.31442 18.8706 8.31442 22.4117 11.8556L22.8379 12.2818C23.015 12.4588 23.015 12.7459 22.8379 12.9229L21.3801 14.3808C21.2915 14.4693 21.148 14.4693 21.0595 14.3808L20.473 13.7943C18.0026 11.3239 13.9973 11.3239 11.5269 13.7943L10.8989 14.4223C10.8104 14.5109 10.6668 14.5109 10.5783 14.4223L9.12041 12.9645C8.94336 12.7875 8.94336 12.5004 9.12041 12.3234L9.58818 11.8556ZM25.4268 14.8706L26.7243 16.1682C26.9013 16.3452 26.9013 16.6323 26.7243 16.8093L20.8737 22.6599C20.6966 22.8371 20.4096 22.8371 20.2325 22.6599L16.0802 18.5076C16.0359 18.4634 15.9641 18.4634 15.9199 18.5076L11.7675 22.6599C11.5905 22.8371 11.3034 22.8371 11.1264 22.66C11.1264 22.66 11.1264 22.6599 11.1264 22.6599L5.27561 16.8092C5.09856 16.6322 5.09856 16.3451 5.27561 16.168L6.57313 14.8706C6.75019 14.6934 7.03726 14.6934 7.21431 14.8706L11.3668 19.023C11.411 19.0672 11.4828 19.0672 11.5271 19.023L15.6793 14.8706C15.8563 14.6934 16.1434 14.6934 16.3205 14.8706L20.473 19.023C20.5172 19.0672 20.589 19.0672 20.6332 19.023L24.7856 14.8706C24.9627 14.6935 25.2498 14.6935 25.4268 14.8706Z", fill: "#3B99FC" } ) }); var Coinbase = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "10", cy: "10", r: "10", fill: "#0052FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { rx: "27%", width: "20", height: "20", fill: "#0052FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0001 17C13.8661 17 17.0001 13.866 17.0001 10C17.0001 6.13401 13.8661 3 10.0001 3C6.13413 3 3.00012 6.13401 3.00012 10C3.00012 13.866 6.13413 17 10.0001 17ZM8.25012 7.71429C7.95427 7.71429 7.71441 7.95414 7.71441 8.25V11.75C7.71441 12.0459 7.95427 12.2857 8.25012 12.2857H11.7501C12.046 12.2857 12.2858 12.0459 12.2858 11.75V8.25C12.2858 7.95414 12.046 7.71429 11.7501 7.71429H8.25012Z", fill: "white" } ) ] }); var Trust = ({ ...props }) => { const { currentMode } = useIconColor_default(); const id = (0, import_react9.useMemo)(() => { return Math.random().toString(36).substring(7); }, []); 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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M0.286133 3.46686L10.9995 0V24C3.34699 20.7997 0.286133 14.6664 0.286133 11.2003V3.46686Z", fill: "#0500FF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M21.7137 3.46686L11.0004 0V24C18.6529 20.7997 21.7137 14.6664 21.7137 11.2003V3.46686Z", fill: `url(#${id})` } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("linearGradient", { id, x1: "18.8679", y1: "-1.68063", x2: "10.8399", y2: "23.6925", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.02", stopColor: "#0000FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.08", stopColor: "#0094FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.16", stopColor: "#48FF91" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.42", stopColor: "#0094FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.68", stopColor: "#0038FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.9", stopColor: "#0500FF" }) ] }) }) ] }) : /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M0.269531 3.46687L10.9994 0V24C3.33511 20.7997 0.269531 14.6664 0.269531 11.2003V3.46687Z", fill: "#48FF91" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M21.7305 3.46687L11.0006 0V24C18.6649 20.7997 21.7305 14.6664 21.7305 11.2003V3.46687Z", fill: `url(#${id2})` } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("linearGradient", { id: id2, x1: "10.5475", y1: "27.0164", x2: "19.2341", y2: "-4.58841", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.26", stopColor: "#48FF91" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.66", stopColor: "#0094FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.8", stopColor: "#0038FF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.89", stopColor: "#0500FF" }) ] }) }) ] }); }; var Rainbow = ({ ...props }) => { const withBackground = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjJfMzI5KSIvPgo8cGF0aCBkPSJNMjAgMzhIMjZDNTYuOTI3OSAzOCA4MiA2My4wNzIxIDgyIDk0VjEwMEg5NEM5Ny4zMTM3IDEwMCAxMDAgOTcuMzEzNyAxMDAgOTRDMTAwIDUzLjEzMDkgNjYuODY5MSAyMCAyNiAyMEMyMi42ODYzIDIwIDIwIDIyLjY4NjMgMjAgMjZWMzhaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfNjJfMzI5KSIvPgo8cGF0aCBkPSJNODQgOTRIMTAwQzEwMCA5Ny4zMTM3IDk3LjMxMzcgMTAwIDk0IDEwMEg4NFY5NFoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl82Ml8zMjkpIi8+CjxwYXRoIGQ9Ik0yNiAyMEwyNiAzNkgyMEwyMCAyNkMyMCAyMi42ODYzIDIyLjY4NjMgMjAgMjYgMjBaIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXJfNjJfMzI5KSIvPgo8cGF0aCBkPSJNMjAgMzZIMjZDNTguMDMyNSAzNiA4NCA2MS45Njc1IDg0IDk0VjEwMEg2NlY5NEM2NiA3MS45MDg2IDQ4LjA5MTQgNTQgMjYgNTRIMjBWMzZaIiBmaWxsPSJ1cmwoI3BhaW50NF9yYWRpYWxfNjJfMzI5KSIvPgo8cGF0aCBkPSJNNjggOTRIODRWMTAwSDY4Vjk0WiIgZmlsbD0idXJsKCNwYWludDVfbGluZWFyXzYyXzMyOSkiLz4KPHBhdGggZD0iTTIwIDUyTDIwIDM2TDI2IDM2TDI2IDUySDIwWiIgZmlsbD0idXJsKCNwYWludDZfbGluZWFyXzYyXzMyOSkiLz4KPHBhdGggZD0iTTIwIDYyQzIwIDY1LjMxMzcgMjIuNjg2MyA2OCAyNiA2OEM0MC4zNTk0IDY4IDUyIDc5LjY0MDYgNTIgOTRDNTIgOTcuMzEzNyA1NC42ODYzIDEwMCA1OCAxMDBINjhWOTRDNjggNzAuODA0IDQ5LjE5NiA1MiAyNiA1MkgyMFY2MloiIGZpbGw9InVybCgjcGFpbnQ3X3JhZGlhbF82Ml8zMjkpIi8+CjxwYXRoIGQ9Ik01MiA5NEg2OFYxMDBINThDNTQuNjg2MyAxMDAgNTIgOTcuMzEzNyA1MiA5NFoiIGZpbGw9InVybCgjcGFpbnQ4X3JhZGlhbF82Ml8zMjkpIi8+CjxwYXRoIGQ9Ik0yNiA2OEMyMi42ODYzIDY4IDIwIDY1LjMxMzcgMjAgNjJMMjAgNTJMMjYgNTJMMjYgNjhaIiBmaWxsPSJ1cmwoI3BhaW50OV9yYWRpYWxfNjJfMzI5KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzYyXzMyOSIgeDE9IjYwIiB5MT0iMCIgeDI9IjYwIiB5Mj0iMTIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxNzQyOTkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAxRTU5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF82Ml8zMjkiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYgOTQpIHJvdGF0ZSgtOTApIHNjYWxlKDc0KSI+CjxzdG9wIG9mZnNldD0iMC43NzAyNzciIHN0b3AtY29sb3I9IiNGRjQwMDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODc1NEM5Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl82Ml8zMjkiIHgxPSI4MyIgeTE9Ijk3IiB4Mj0iMTAwIiB5Mj0iOTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDAwMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4NzU0QzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzYyXzMyOSIgeDE9IjIzIiB5MT0iMjAiIHgyPSIyMyIgeTI9IjM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NzU0QzkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY0MDAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ0X3JhZGlhbF82Ml8zMjkiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYgOTQpIHJvdGF0ZSgtOTApIHNjYWxlKDU4KSI+CjxzdG9wIG9mZnNldD0iMC43MjM5MjkiIHN0b3AtY29sb3I9IiNGRkY3MDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY5OTAxIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ1X2xpbmVhcl82Ml8zMjkiIHgxPSI2OCIgeTE9Ijk3IiB4Mj0iODQiIHkyPSI5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGNzAwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGOTkwMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Nl9saW5lYXJfNjJfMzI5IiB4MT0iMjMiIHkxPSI1MiIgeDI9IjIzIiB5Mj0iMzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjcwMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjk5MDEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDdfcmFkaWFsXzYyXzMyOSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgyNiA5NCkgcm90YXRlKC05MCkgc2NhbGUoNDIpIj4KPHN0b3Agb2Zmc2V0PSIwLjU5NTEzIiBzdG9wLWNvbG9yPSIjMDBBQUZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAxREE0MCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50OF9yYWRpYWxfNjJfMzI5IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDUxIDk3KSBzY2FsZSgxNyA0NS4zMzMzKSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEFBRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDFEQTQwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ5X3JhZGlhbF82Ml8zMjkiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMgNjkpIHJvdGF0ZSgtOTApIHNjYWxlKDE3IDMyMi4zNykiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDBBQUZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAxREE0MCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="; return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "svg", { width: "120", height: "120", viewBox: "0 0 120 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { backgroundSize: "100% 100%", backgroundImage: `url("${withBackground}")` }, ...props } ); }; var Ledger = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "black" }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.2106 16H16V29.4577H19.2182V19.2182L37.2106 19.1011V16ZM37.3568 33.4073V54.6179H50.8146V51.3997H40.575L40.458 33.4073H37.3568ZM16 72.1714H37.2106V69.0703L19.2182 68.9533V58.7137H16V72.1714ZM50.9609 16H72.1714V29.4577H68.9533V19.2182L50.9609 19.1011V16ZM72.1714 72.1714H50.9609V69.0703L68.9533 68.9533V58.7137H72.1714V72.1714Z", fill: "white" } ) } ); var ONTO = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "white" }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M20 16L28.675 24.677C32.1885 21.8644 36.4154 20.0873 40.8816 19.545C45.348 19.0026 49.8769 19.7164 53.9604 21.6063C58.0438 23.4963 61.5207 26.4876 64.0005 30.2447C66.4804 34.0019 67.8653 38.3763 68 42.8772V43.5854V72L59.3367 63.3231C55.8263 66.1389 51.6014 67.9196 47.1361 68.4655C42.6708 69.0112 38.1419 68.3007 34.0577 66.4135C29.9734 64.5262 26.4956 61.537 24.0144 57.7813C21.5333 54.0255 20.1472 49.6521 20.0115 45.1515V44.4433L20 16ZM25.931 30.3311V44.4146C25.9323 47.7294 26.8335 50.9817 28.5384 53.8236C30.2432 56.6655 32.6875 58.9902 35.6101 60.5497C38.5328 62.1089 41.8238 62.8439 45.1313 62.6764C48.439 62.5087 51.639 61.4445 54.3894 59.5978L54.8611 59.2754L27.0873 31.4884L25.931 30.3311ZM33.6223 28.4022L33.1505 28.7304L60.9186 56.5117L62.069 57.6632V43.5854C62.0683 40.2717 61.1679 37.0204 59.464 34.179C57.7603 31.3377 55.3171 29.0132 52.3957 27.4539C49.4742 25.8946 46.1844 25.1592 42.8777 25.3262C39.5712 25.4933 36.372 26.5565 33.6223 28.4022Z", fill: "#23262F" } ) } ); var Slope = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "#6C67F1" }, ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50.6667 24.3696L34.8872 40.1864L24.0001 37.7402L37.3334 24.3696L48.4438 13.3798C49.268 12.5646 50.6667 13.1484 50.6667 14.3077V24.3696ZM37.3339 51.0358L50.6672 37.74V24.3694L35.2001 39.8737L37.3339 51.0358Z", fill: "url(#paint0_linear_2593_6077)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.3337 64.2947V50.9617L50.667 37.6284L55.7849 45.8435L55.9822 45.6463L64 50.9616L39.5582 75.2343C38.7347 76.0521 37.3336 75.4687 37.3336 74.3082V64.2949L37.3337 64.2947Z", fill: "url(#paint1_linear_2593_6077)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M24 37.7405H32.573C35.202 37.7405 37.3333 39.8718 37.3333 42.5009V51.0359H28.7602C26.1313 51.0359 24 48.9046 24 46.2757V37.7405Z", fill: "#F1F0FF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M50.6667 37.7405H59.2398C61.8688 37.7405 64 39.8718 64 42.5009V51.0359H55.4271C52.798 51.0359 50.6667 48.9046 50.6667 46.2757V37.7405Z", fill: "#F1F0FF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint0_linear_2593_6077", x1: "37.3336", y1: "13", x2: "37.3336", y2: "51.0358", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#A8ADFF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.648556", stopColor: "white" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint1_linear_2593_6077", x1: "50.6668", y1: "37.6284", x2: "50.6668", y2: "75.616", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.260784", stopColor: "#B6BAFF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#E4E2FF" }) ] } ) ] }) ] } ); var Frontier = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "#CC703C" }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M63.6429 20L63.3645 20.7254L62.4521 23.0445L61.8461 24.5395C57.2427 35.7491 53.6629 41.0688 49.8557 41.0688C48.8938 41.0936 47.9371 40.9212 47.0465 40.5625C46.156 40.2038 45.3512 39.6667 44.6834 38.9852L44.1979 38.5518C42.9885 37.4538 42.4799 37.1831 41.3154 37.1832C40.7094 37.1832 39.6238 37.9435 38.2521 39.7303C36.4147 42.2912 34.8522 45.0327 33.59 47.9106L33.4353 48.2482L49.7645 48.2483L47.7312 52.4075H32.4845L32.4843 69.44L28 69.44L28.0001 20L63.6429 20ZM57.2889 24.1518L32.4843 24.1518L32.4843 40.6262C35.4564 35.5545 38.2816 33.0086 41.32 33.0086C42.3421 32.9765 43.3595 33.1534 44.3082 33.5284C45.2569 33.9034 46.1159 34.468 46.8311 35.1865L47.3323 35.6335C48.4611 36.6585 48.8956 36.8941 49.8604 36.8941C50.9211 36.8957 53.7433 32.4855 57.2889 24.1518Z", fill: "white" } ) } ); var Zerion = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "linear-gradient(120.22deg, #2962EF 0%, #255CE5 100%)" }, ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M19.0864 22C17.5783 22 16.9973 23.8648 18.2628 24.6438L49.9199 43.732C50.709 44.2178 51.7614 44.0258 52.3048 43.2969L66.2236 25.024C67.17 23.7545 66.2138 22 64.5757 22H19.0864Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M68.8425 66C70.3503 66 70.9466 64.1252 69.6814 63.3464L38.015 44.2605C37.2259 43.7748 36.1989 43.991 35.6558 44.7198L21.7099 62.9891C20.7639 64.2582 21.7499 66 23.3877 66H68.8425Z", fill: "white" } ) ] } ); var Phantom = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { rx: "27%", width: "88", height: "88", fill: "#AB9FF2" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.7425 57.0705C34.1942 62.3362 28.2483 69 20.3366 69C16.5965 69 13.0001 67.5093 13 61.0322C12.9997 44.5362 36.2555 19.0003 57.8334 19C70.1084 18.9998 75 27.2474 75 36.6136C75 48.6357 66.9442 62.3824 58.9368 62.3824C56.3955 62.3824 55.1487 61.031 55.1487 58.888C55.1487 58.3288 55.2442 57.7228 55.4365 57.0705C52.7029 61.5902 47.4285 65.7849 42.4896 65.7849C38.8933 65.7849 37.0713 63.5944 37.0713 60.5187C37.0713 59.4003 37.311 58.2357 37.7425 57.0705ZM53.7586 31.6834C51.8054 31.6868 50.4738 33.2938 50.478 35.5864C50.4822 37.879 51.8198 39.5273 53.7729 39.5241C55.6789 39.5208 57.0099 37.8679 57.0058 35.5752C57.0016 33.2827 55.6646 31.6802 53.7586 31.6834ZM64.1193 31.6725C62.1661 31.6759 60.8345 33.2829 60.8387 35.5755C60.8429 37.868 62.1798 39.5164 64.1336 39.5131C66.0396 39.5099 67.3706 37.8569 67.3664 35.5643C67.3622 33.2718 66.0253 31.6693 64.1193 31.6725Z", fill: "#ffffff" } ) ] }); var PlaceHolder = () => { return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { width: 80, height: 80, background: "#555" } }); }; var InfinityWallet = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "svg", { version: "1.1", id: "e551690a-81c0-4880-9b93-334a37ce6796", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 1025 1025", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("style", { type: "text/css", children: ` .infinityWallet-st0{fill:url(#ID_InfinityWallet_1);} .infinityWallet-st1{fill:url(#ID_InfinityWallet_2);} .infinityWallet-st2{opacity:0.49;fill:url(#ID_InfinityWallet_3);enable-background:new;} .infinityWallet-st3{opacity:0.49;fill:url(#ID_InfinityWallet_4);enable-background:new;} .infinityWallet-st4{opacity:0.49;fill:url(#ID_InfinityWallet_5);enable-background:new;} .infinityWallet-st5{fill:url(#ID_InfinityWallet_6);} .infinityWallet-st6{opacity:0.49;fill:url(#ID_InfinityWallet_7);enable-background:new;} .infinityWallet-st7{opacity:0.49;fill:url(#ID_InfinityWallet_8);enable-background:new;} .infinityWallet-st8{opacity:0.49;fill:url(#ID_InfinityWallet_9);enable-background:new;} ` }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_1", gradientUnits: "userSpaceOnUse", x1: "512.5", y1: "1056.1801", x2: "512.5", y2: "317.03", gradientTransform: "matrix(1 0 0 -1 0 1260)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0", style: { stopColor: "#1D2643" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#12142C" } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st0", d: "M130,0H895c71.8,0,130,58.2,130,130V895c0,71.8-58.2,130-130,130H130C58.2,1025,0,966.8,0,895V130\n C0,58.2,58.2,0,130,0z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_2", gradientUnits: "userSpaceOnUse", x1: "326.0557", y1: "-1280.3162", x2: "326.0557", y2: "-296.3967", gradientTransform: "matrix(1 0 0 1 0 1474)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1.000000e-02", style: { stopColor: "#00BFE1" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.97", style: { stopColor: "#2738AB" } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st1", d: "M550.9,380.8c-0.7-2-2.4-3.4-4.4-3.9c-2.3-0.6-4.7,0-6.4,1.7l-13.4,13.4l-2.2,2.2L418.3,288.5\n c-40.2-40-105.2-40-145.4,0L121.7,439.9c-40,40.5-40,105.6,0,146.1l151.4,150.5c40.2,40,105.1,40,145.3,0l34.4-34.4\n c4.5-4.5,9.9-10.7,12.9-18.7c4.7-13.1,2.8-27.7-5.2-39.1c-1.5-2.2-3.2-4.2-5.1-6c-16.9-16.5-43.9-16.3-60.7,0.3l-37.2,37.1\n c-2.2,2.3-5,3.8-8.1,4.5c-2.9,0.7-6,0.5-8.8-0.6c-2.9-1-5.5-2.7-7.7-5L182.6,524.2c-2.3-2.3-3.9-5.2-4.6-8.4\n c-0.8-4-0.1-8.2,2.1-11.8l0.8-0.9L334,350.3c2.4-2.4,5.4-4,8.7-4.6c1-0.2,2.1-0.3,3.1-0.3c4.4-0.1,8.7,1.7,11.7,5l105.8,105.2\n l-5.3,5.3l-10.4,10.6c-1.7,1.7-2.3,4.1-1.7,6.4c0.5,2,2,3.7,3.9,4.4l95.7,11.7c8.2-0.1,14.8-6.7,15-15L550.9,380.8z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_3", gradientUnits: "userSpaceOnUse", x1: "137.7126", y1: "-935.1906", x2: "201.098", y2: "-882.1746", gradientTransform: "matrix(1 0 0 1 -0.94 1473.3899)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st2", d: "M181.4,522.9c-4.3-4.9-5.1-13.3-1.3-19c0,0-49.7,54.3-25.8,114.4l31.5,31.3l45.8-76.2L181.4,522.9z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_4", gradientUnits: "userSpaceOnUse", x1: "4132.3252", y1: "1674.2513", x2: "4102.1333", y2: "1717.0756", gradientTransform: "matrix(-1 0 0 -1 4515 2382.0898)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st3", d: "M336.4,677.7c56.1,51.6,117.9,22.9,117.9,22.9s8.1-7.5,11.4-17.4c-8.3-4-68.6-47.2-68.6-47.2l-35.6,35.6\n C348.6,687.1,336.4,677.7,336.4,677.7z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_5", gradientUnits: "userSpaceOnUse", x1: "4217.4238", y1: "2067.1885", x2: "4240.0796", y2: "2011.1337", gradientTransform: "matrix(-1 0 0 -1 4515 2382.0898)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st4", d: "M299.4,385c0,0,35.9-36.2,36-36c0,0,9.6-7.7,19.7-0.7c0,0-59.7-49.2-123.6-18.3l-18.6,18.7L299.4,385z" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_6", gradientUnits: "userSpaceOnUse", x1: "698.9443", y1: "-1280.3162", x2: "698.9443", y2: "-296.3967", gradientTransform: "matrix(1 0 0 1 0 1474)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1.000000e-02", style: { stopColor: "#00BFE1" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.97", style: { stopColor: "#2738AB" } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st5", d: "M474.1,644.3c0.7,2,2.4,3.4,4.4,3.9c2.3,0.6,4.7,0,6.4-1.7l13.4-13.4l2.2-2.2l106.2,105.6\n c40.2,40,105.2,40,145.4,0l151.2-151.4c40-40.5,40-105.6,0-146.1L751.9,288.5c-40.2-40-105.1-40-145.3,0l-34.4,34.4\n c-4.5,4.5-9.9,10.7-12.9,18.7c-4.7,13.1-2.8,27.7,5.2,39.1c1.5,2.2,3.2,4.2,5.1,6c16.9,16.5,43.9,16.3,60.7-0.3l37.2-37.1\n c2.2-2.3,5-3.8,8.1-4.5c2.9-0.7,6-0.5,8.8,0.6c2.9,1,5.5,2.7,7.7,5l150.3,150.3c2.3,2.3,3.9,5.2,4.6,8.4c0.8,4,0.1,8.2-2.1,11.8\n l-0.8,0.9L691,674.5c-2.4,2.4-5.4,4-8.7,4.6c-1,0.2-2.1,0.3-3.1,0.3c-4.4,0.1-8.7-1.7-11.7-5L561.6,569.7l5.3-5.3l10.4-10.6\n c1.7-1.7,2.3-4.1,1.7-6.4c-0.5-2-2-3.7-3.9-4.4l-95.6-11.7c-8.2,0.1-14.8,6.7-15,15L474.1,644.3z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_7", gradientUnits: "userSpaceOnUse", x1: "3824.9182", y1: "1469.7789", x2: "3888.3037", y2: "1522.7949", gradientTransform: "matrix(-1 0 0 -1 4713.1299 1956.6599)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st6", d: "M843.6,502.2c4.3,4.9,5.1,13.3,1.3,19c0,0,49.7-54.3,25.8-114.4l-31.5-31.3l-45.8,76.2L843.6,502.2z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_8", gradientUnits: "userSpaceOnUse", x1: "445.1279", y1: "-730.6945", x2: "414.9359", y2: "-687.8702", gradientTransform: "matrix(1 0 0 1 197.19 1047.96)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st7", d: "M688.6,347.4c-56.1-51.6-117.9-22.9-117.9-22.9s-8.1,7.5-11.4,17.4c8.3,4,68.6,47.2,68.6,47.2l35.6-35.6\n C676.4,338,688.6,347.4,688.6,347.4z" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "ID_InfinityWallet_9", gradientUnits: "userSpaceOnUse", x1: "530.1512", y1: "-337.7953", x2: "552.8069", y2: "-393.8502", gradientTransform: "matrix(1 0 0 1 197.19 1047.96)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "3.000000e-02", style: { stopColor: "#1B1464" } }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", style: { stopColor: "#1B1464", stopOpacity: 0 } }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { className: "infinityWallet-st8", d: "M725.5,640.1c0,0-35.9,36.2-36,36c0,0-9.6,7.7-19.7,0.7c0,0,59.7,49.2,123.6,18.3l18.6-18.7L725.5,640.1z" } ) ] }) ] }) ] } ); var Rabby = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { background: "#8697FF" }, ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M76.2062 48.0657C78.7621 42.356 66.1267 26.404 54.0555 19.7581C46.4467 14.6095 38.5183 15.3169 36.9125 17.5775C33.3886 22.5385 48.5814 26.7423 58.742 31.6478C56.5579 32.5964 54.4996 34.2987 53.2893 36.4758C49.5013 32.3404 41.1872 28.7791 31.4315 31.6478C24.8574 33.5809 19.3937 38.1382 17.2821 45.0216C16.7689 44.7936 16.2009 44.6669 15.6032 44.6669C13.3176 44.6669 11.4648 46.5197 11.4648 48.8052C11.4648 51.0908 13.3176 52.9435 15.6032 52.9435C16.0268 52.9435 17.3514 52.6594 17.3514 52.6594L38.5183 52.8128C30.0532 66.2418 23.3634 68.2049 23.3634 70.5314C23.3634 72.8579 29.7643 72.2274 32.1678 71.3602C43.6732 67.2088 56.0306 54.2706 58.1511 50.5462C67.056 51.6572 74.5397 51.7886 76.2062 48.0657Z", fill: "url(#paint0_linear_60607_36577)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.65 31.6053C58.682 31.6193 58.7139 31.6332 58.7458 31.6471C59.2168 31.4616 59.1406 30.766 59.0113 30.2198C58.714 28.9643 53.5856 23.9001 48.7696 21.6318C42.1984 18.5367 37.3618 18.7007 36.6582 20.1307C37.9975 22.8695 44.1927 25.441 50.663 28.1266C53.3909 29.2589 56.1676 30.4114 58.65 31.6053Z", fill: "url(#paint1_linear_60607_36577)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50.4154 59.2247C49.0895 58.7182 47.592 58.2536 45.8898 57.8319C47.707 54.5801 48.0884 49.7663 46.3721 46.7226C43.9635 42.4512 40.9399 40.1777 33.9139 40.1777C30.0495 40.1777 19.6451 41.4794 19.4603 50.1648C19.441 51.0763 19.4599 51.9118 19.5259 52.68L38.5175 52.8176C35.9568 56.8798 33.5586 59.8928 31.4589 62.1841C33.9831 62.8309 36.0657 63.3738 37.9775 63.8722C39.7885 64.3443 41.4462 64.7764 43.1809 65.2191C45.8007 63.3102 48.2635 61.2288 50.4154 59.2247Z", fill: "url(#paint2_linear_60607_36577)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M17.0296 51.7821C17.8058 58.38 21.5555 60.9657 29.2177 61.7309C36.8799 62.4961 41.2751 61.9828 47.1265 62.5151C52.0136 62.9598 56.3772 65.4502 57.996 64.5895C59.4529 63.815 58.6378 61.0167 56.6884 59.2214C54.1614 56.8943 50.6641 55.2763 44.5104 54.7021C45.7368 51.3443 45.3931 46.6362 43.4885 44.0748C40.7345 40.3711 35.6513 38.6967 29.2177 39.4282C22.4962 40.1926 16.0556 43.5018 17.0296 51.7821Z", fill: "url(#paint3_linear_60607_36577)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint0_linear_60607_36577", x1: "30.666", y1: "43.0094", x2: "75.6558", y2: "55.7677", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "white" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "white" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint1_linear_60607_36577", x1: "68.0842", y1: "42.1521", x2: "35.6221", y2: "9.60636", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#7258DC" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#797DEA", stopOpacity: "0" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint2_linear_60607_36577", x1: "51.3184", y1: "60.3591", x2: "20.1383", y2: "42.4347", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#7461EA" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#BFC2FF", stopOpacity: "0" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint3_linear_60607_36577", x1: "33.3531", y1: "42.6732", x2: "54.4308", y2: "69.4547", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "white" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.983895", stopColor: "#D5CEFF" }) ] } ) ] }) ] } ); var TokenPocket = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "88px", height: "88px", viewBox: "0 0 88 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("linearGradient", { x1: "107.511425%", y1: "50.0147427%", x2: "0.0459570557%", y2: "50.0147427%", id: "linearGradient-1", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#FFFFFF", offset: "0%" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#FFFFFF", stopOpacity: "0.3233", offset: "96.67%" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#FFFFFF", stopOpacity: "0.3", offset: "100%" }) ] }) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { id: "tokenpocket", fillRule: "nonzero", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polygon", { fill: "#2980FE", points: "87.9604864 0 0 0 0 88 87.9604864 88" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { transform: "translate(16.052385, 23.804688)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M19.6653508,13.8911953 L19.6784508,13.8911953 C19.6653508,13.8236484 19.6653508,13.7448437 19.6653508,13.6772969 L19.6653508,13.8911953 Z", fill: "#29AEFF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M41.1271993,16.0301797 L29.2440711,16.0301797 L29.2440711,38.4205938 C29.2440711,39.4787422 30.0635659,40.3343359 31.0771712,40.3343359 L39.2940168,40.3343359 C40.3077044,40.3343359 41.1271993,39.4787422 41.1271993,38.4205938 L41.1271993,16.0301797 Z", fill: "#FFFFFF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M23.5075248,0 L23.1085201,0 L1.83318241,0 C0.819494855,0 0,0.855507812 0,1.91374219 L0,9.68111719 C0,10.7393516 0.819494855,11.5948594 1.83318241,11.5948594 L6.82580355,11.5948594 L8.80996071,11.5948594 L8.80996071,13.8912813 L8.80996071,38.4768828 C8.80996071,39.5351172 9.62945557,40.390625 10.6430608,40.390625 L18.4502002,40.390625 C19.4638054,40.390625 20.2833003,39.5351172 20.2833003,38.4768828 L20.2833003,13.8912813 L20.2833003,13.6774688 L20.2833003,11.5948594 L22.2674574,11.5948594 L23.0761684,11.5948594 L23.4751731,11.5948594 C26.5376389,11.5948594 29.0285575,8.99447656 29.0285575,5.79742969 C29.0609093,2.60038281 26.5699906,0 23.5075248,0 Z", fill: "#FFFFFF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M41.1381478,16.0301797 L41.1381478,31.6550781 C41.5479364,31.7563984 41.9684266,31.8352031 42.399783,31.90275 C43.0036819,31.9928125 43.6290664,32.0491016 44.2545332,32.0603594 C44.2868849,32.0603594 44.3192367,32.0603594 44.3623723,32.0603594 L44.3623723,19.6324219 C42.5615416,19.5085859 41.1381478,17.9438359 41.1381478,16.0301797 Z", fill: "url(#linearGradient-1)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M44.5993714,0 C36.1237942,0 29.2440711,7.18205469 29.2440711,16.0301797 C29.2440711,23.6400312 34.3229635,30.0115234 41.1379832,31.6550781 L41.1379832,16.0301797 C41.1379832,14.0376328 42.6907839,12.4165937 44.5993714,12.4165937 C46.5080412,12.4165937 48.0608419,14.0376328 48.0608419,16.0301797 C48.0608419,17.7075078 46.9717493,19.1146484 45.483652,19.5198437 C45.2032703,19.5986484 44.9013209,19.6436797 44.5993714,19.6436797 L44.5993714,32.0603594 C44.9013209,32.0603594 45.1924864,32.0491016 45.483652,32.0378438 C53.5495229,31.5537578 59.9547666,24.5743438 59.9547666,16.0301797 C59.9655379,7.18205469 53.0858148,0 44.5993714,0 Z", fill: "#FFFFFF" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M44.5992891,32.0603594 L44.5992891,19.6436797 C44.5131001,19.6436797 44.4376127,19.6436797 44.3513414,19.6324219 L44.3513414,32.0603594 C44.4376127,32.0603594 44.523884,32.0603594 44.5992891,32.0603594 Z", fill: "#FFFFFF" } ) ] }) ] }) }) ] }); var Talisman = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "82", height: "82", viewBox: "0 0 82 82", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "82", height: "82", rx: "12", fill: "#D5FF5C" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M35.04 55C35.04 58.2905 37.6887 60.9623 40.9703 60.9996C44.2519 60.9623 46.9006 58.2905 46.9006 55C46.9006 51.7096 44.2519 49.0377 40.9703 49.0004C37.6887 49.0377 35.04 51.7096 35.04 55Z", fill: "#FD4848" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.8544 44.6623C22.2462 45.9868 20.4553 46.4546 19.4248 45.4241L17.5356 43.5349C15.583 41.5823 12.4171 41.5823 10.4645 43.5349C8.51184 45.4875 8.51184 48.6534 10.4645 50.606L25.7391 65.8807C29.3942 70.2176 34.8595 72.9788 40.9703 72.9994C47.0811 72.9788 52.5464 70.2176 56.2014 65.8807L71.4761 50.606C73.4287 48.6534 73.4287 45.4875 71.4761 43.5349C69.5234 41.5823 66.3576 41.5823 64.4049 43.5349L62.5158 45.4241C61.4852 46.4546 59.6943 45.9868 59.0861 44.6623C58.9663 44.4013 58.901 44.1213 58.901 43.8341L58.901 20.9995C58.901 18.2381 56.6624 15.9995 53.901 15.9995C51.1396 15.9995 48.901 18.2381 48.901 20.9995L48.901 32.5568C48.901 33.5506 47.8829 34.2252 46.9353 33.9257C46.3356 33.7361 45.9023 33.1901 45.9023 32.5611L45.9023 13.9996C45.9023 11.2608 43.7004 9.03637 40.9703 9C38.2402 9.03637 36.0382 11.2608 36.0382 13.9996L36.0382 32.5611C36.0382 33.1901 35.605 33.7361 35.0052 33.9257C34.0576 34.2252 33.0395 33.5506 33.0395 32.5568L33.0396 20.9995C33.0396 18.2381 30.801 15.9995 28.0395 15.9995C25.2781 15.9995 23.0395 18.2381 23.0395 20.9995L23.0395 43.8341C23.0395 44.1213 22.9743 44.4013 22.8544 44.6623ZM40.9703 44.9999C32.1659 45.0525 25.0403 54.9997 25.0403 54.9997C25.0403 54.9997 32.1659 64.9469 40.9703 64.9995C49.7746 64.9469 56.9002 54.9997 56.9002 54.9997C56.9002 54.9997 49.7746 45.0525 40.9703 44.9999Z", fill: "#FD4848" } ) ] }); var ImToken = ({ ...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", style: { background: `linear-gradient( 180deg, #11C4D1 0%, #0062AD 100% )` }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M26.8543 9.96509C27.5498 19.3857 21.4942 23.8384 16.0655 24.3132C11.0184 24.7546 6.26765 21.6534 5.85087 16.8885C5.50707 12.952 7.94004 11.2761 9.8516 11.109C11.8177 10.9367 13.4698 12.2925 13.6132 13.9342C13.7512 15.5125 12.7664 16.2308 12.0815 16.2906C11.5398 16.3381 10.8584 16.0093 10.7968 15.3032C10.7441 14.6965 10.9744 14.6138 10.9182 13.9693C10.8179 12.8219 9.81731 12.6882 9.26951 12.7357C8.60654 12.7937 7.40368 13.5675 7.5725 15.4949C7.7422 17.439 9.60628 18.9751 12.0498 18.7614C14.6868 18.531 16.5227 16.4779 16.6608 13.5983C16.6595 13.4458 16.6916 13.2948 16.7548 13.156L16.7557 13.1525C16.7841 13.0922 16.8174 13.0342 16.8551 12.9793C16.9113 12.8949 16.9835 12.8016 17.0767 12.6997C17.0775 12.697 17.0775 12.697 17.0793 12.697C17.147 12.6205 17.2288 12.5379 17.3211 12.4491C18.473 11.3623 22.6214 8.79916 26.5448 9.61074C26.6277 9.62851 26.7026 9.67262 26.7584 9.73649C26.8142 9.80035 26.8478 9.88054 26.8543 9.96509", fill: "white" } ) } ); var MetaMask = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M21.9127 2L13.316 8.37777L14.9126 4.61504L21.9127 2Z", fill: "#E17726", stroke: "#E17726", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M2.08728 2L10.6057 8.43813L9.08735 4.61504L2.08728 2Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M18.8225 16.7848L16.5356 20.2891L21.4291 21.6349L22.8275 16.8622L18.8225 16.7848Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M1.18115 16.8622L2.57113 21.6349L7.46455 20.2891L5.18617 16.7848L1.18115 16.8622Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.197 10.8636L5.83337 12.9269L10.6843 13.1428L10.5202 7.92041L7.197 10.8636Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M16.8033 10.8635L13.4283 7.85999L13.316 13.1428L18.167 12.9268L16.8033 10.8635Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.46472 20.289L10.3909 18.8642L7.87024 16.897L7.46472 20.289Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.6093 18.8642L16.5354 20.289L16.1299 16.897L13.6093 18.8642Z", fill: "#E27625", stroke: "#E27625", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M16.5354 20.2891L13.6093 18.8643L13.8422 20.772L13.8167 21.5745L16.5354 20.2891Z", fill: "#D5BFB2", stroke: "#D5BFB2", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.46472 20.2891L10.1835 21.5745L10.1665 20.772L10.3909 18.8643L7.46472 20.2891Z", fill: "#D5BFB2", stroke: "#D5BFB2", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M10.2352 15.6362L7.80127 14.9204L9.51856 14.1349L10.2352 15.6362Z", fill: "#233447", stroke: "#233447", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.7649 15.6362L14.4816 14.1349L16.2074 14.9204L13.7649 15.6362Z", fill: "#233447", stroke: "#233447", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.46466 20.2891L7.88718 16.7848L5.18628 16.8622L7.46466 20.2891Z", fill: "#CC6228", stroke: "#CC6228", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M16.113 16.7848L16.5356 20.2891L18.8224 16.8622L16.113 16.7848Z", fill: "#CC6228", stroke: "#CC6228", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M18.167 12.9268L13.316 13.1428L13.7649 15.6362L14.4816 14.1349L16.2074 14.9204L18.167 12.9268Z", fill: "#CC6228", stroke: "#CC6228", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.80146 14.9204L9.51874 14.1349L10.2354 15.6362L10.6843 13.1428L5.83337 12.9268L7.80146 14.9204Z", fill: "#CC6228", stroke: "#CC6228", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M5.83337 12.9268L7.87032 16.897L7.80146 14.9204L5.83337 12.9268Z", fill: "#E27525", stroke: "#E27525", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M16.2074 14.9204L16.13 16.897L18.1669 12.9268L16.2074 14.9204Z", fill: "#E27525", stroke: "#E27525", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M10.684 13.1428L10.2351 15.6363L10.8047 18.5795L10.9254 14.7045L10.684 13.1428Z", fill: "#E27525", stroke: "#E27525", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.3159 13.1428L13.083 14.696L13.1952 18.5795L13.7648 15.6363L13.3159 13.1428Z", fill: "#E27525", stroke: "#E27525", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.7648 15.6362L13.1952 18.5794L13.6092 18.8642L16.1299 16.897L16.2072 14.9204L13.7648 15.6362Z", fill: "#F5841F", stroke: "#F5841F", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.80127 14.9204L7.87013 16.897L10.3908 18.8642L10.8048 18.5794L10.2352 15.6362L7.80127 14.9204Z", fill: "#F5841F", stroke: "#F5841F", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.817 21.5745L13.8425 20.7719L13.6274 20.5824H10.3731L10.1665 20.7719L10.1835 21.5745L7.46472 20.2891L8.41433 21.0652L10.3476 22.4034H13.6529L15.5861 21.0652L16.5357 20.2891L13.817 21.5745Z", fill: "#C0AC9D", stroke: "#C0AC9D", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.6092 18.8642L13.1952 18.5794H10.8046L10.3906 18.8642L10.1661 20.7719L10.3727 20.5823H13.6271L13.8422 20.7719L13.6092 18.8642Z", fill: "#161616", stroke: "#161616", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M22.2748 8.79264L22.9999 5.27135L21.9126 2L13.6093 8.16268L16.8032 10.8636L21.3166 12.1847L22.3096 11.0192L21.8777 10.7089L22.5681 10.0781L22.0418 9.66403L22.7321 9.13779L22.2748 8.79264Z", fill: "#763E1A", stroke: "#763E1A", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M1 5.27135L1.73367 8.79264L1.2678 9.13779L1.95811 9.66403L1.43187 10.0781L2.12219 10.7089L1.69032 11.0192L2.68328 12.1847L7.19669 10.8636L10.3907 8.16268L2.08733 2L1 5.27135Z", fill: "#763E1A", stroke: "#763E1A", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M21.3167 12.1848L16.8033 10.8636L18.1669 12.9269L16.13 16.8971L18.8224 16.8623H22.8274L21.3167 12.1848Z", fill: "#F5841F", stroke: "#F5841F", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M7.19676 10.8636L2.68335 12.1848L1.18115 16.8623H5.18617L7.87007 16.8971L5.83313 12.9269L7.19676 10.8636Z", fill: "#F5841F", stroke: "#F5841F", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.316 13.1428L13.6093 8.1627L14.9126 4.61505H9.0874L10.3907 8.1627L10.684 13.1428L10.7962 14.713L10.8047 18.5795H13.1953L13.2038 14.713L13.316 13.1428Z", fill: "#F5841F", stroke: "#F5841F", strokeWidth: "0.0850142", strokeLinecap: "round", strokeLinejoin: "round" } ) ] }); var OKX = ({ ...props }) => { 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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { clipPath: `url(#${id1})`, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M24 0H0V24H24V0Z", fill: "black" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M14.0448 9.74402H10.1664C10.0032 9.74402 9.86877 9.87842 9.86877 10.0416V13.92C9.86877 14.0832 10.0032 14.2176 10.1664 14.2176H14.0448C14.208 14.2176 14.3424 14.0832 14.3424 13.92V10.0416C14.3424 9.87842 14.208 9.74402 14.0448 9.74402Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M9.56162 5.27039H5.68322C5.52002 5.27039 5.38562 5.40479 5.38562 5.56799V9.44639C5.38562 9.60959 5.52002 9.74399 5.68322 9.74399H9.56162C9.72482 9.74399 9.85922 9.60959 9.85922 9.44639V5.56799C9.85922 5.40479 9.72482 5.27039 9.56162 5.27039Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M18.5281 5.27039H14.6497C14.4865 5.27039 14.3521 5.40479 14.3521 5.56799V9.44639C14.3521 9.60959 14.4865 9.74399 14.6497 9.74399H18.5281C18.6913 9.74399 18.8257 9.60959 18.8257 9.44639V5.56799C18.8257 5.40479 18.6913 5.27039 18.5281 5.27039Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M9.56162 14.2272H5.68322C5.52002 14.2272 5.38562 14.3616 5.38562 14.5248V18.4032C5.38562 18.5664 5.52002 18.7008 5.68322 18.7008H9.56162C9.72482 18.7008 9.85922 18.5664 9.85922 18.4032V14.5248C9.85922 14.3616 9.72482 14.2272 9.56162 14.2272Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M18.5281 14.2272H14.6497C14.4865 14.2272 14.3521 14.3616 14.3521 14.5248V18.4032C14.3521 18.5664 14.4865 18.7008 14.6497 18.7008H18.5281C18.6913 18.7008 18.8257 18.5664 18.8257 18.4032V14.5248C18.8257 14.3616 18.6913 14.2272 18.5281 14.2272Z", fill: "white" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: id1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", rx: "6", fill: "white" }) }) }) ] }); }; var BitKeep = ({ ...props }) => { const id1 = (0, import_react9.useMemo)(() => { return `bitKeep_${Math.random().toString(36).substring(7)}_1`; }, []); const id2 = (0, import_react9.useMemo)(() => { return `bitKeep_${Math.random().toString(36).substring(7)}_2`; }, []); const id3 = (0, import_react9.useMemo)(() => { return `bitKeep_${Math.random().toString(36).substring(7)}_3`; }, []); const id4 = (0, import_react9.useMemo)(() => { return `bitKeep_${Math.random().toString(36).substring(7)}_4`; }, []); const id5 = (0, import_react9.useMemo)(() => { return `bitKeep_${Math.random().toString(36).substring(7)}_5`; }, []); 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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { clipPath: `url(#${id5})`, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("mask", { id: id6, style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z", fill: "white" } ) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { mask: `url(#${id6})`, children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M23.9998 12C23.9998 5.37258 18.6272 0 11.9998 0C5.37234 0 -0.000244141 5.37258 -0.000244141 12C-0.000244141 18.6274 5.37234 24 11.9998 24C18.6272 24 23.9998 18.6274 23.9998 12Z", fill: "#54FFF5" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { filter: `url(#${id1})`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M1.26413 18.6186C-2.74913 29.9096 18.7186 26.7206 29.9541 23.7147C41.4533 19.8986 33.5053 3.07684 25.2579 2.70455C17.0106 2.33226 26.2805 10.4828 19.2749 12.8108C12.2692 15.1387 6.28071 4.50479 1.26413 18.6186Z", fill: "white" } ) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { filter: `url(#${id2})`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M8.01731 -4.29657C5.9121 -10.0485 -1.58557 -2.25027 -5.07125 2.36782C-8.39615 7.39127 0.282708 11.7323 3.68691 9.3778C7.09111 7.02327 0.72944 6.5652 2.75409 3.50353C4.77875 0.441861 10.6488 2.89331 8.01731 -4.29657Z", fill: "#00FFF0", fillOpacity: "0.67" } ) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { filter: `url(#${id3})`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M9.045 21.1328C6.17347 11.4709 -6.19516 16.5591 -12.0205 20.3109C-17.6241 24.7533 -4.31916 37.532 1.2068 36.8783C6.73273 36.2246 -3.2261 30.6617 0.186289 27.9528C3.59867 25.2439 12.6343 33.2102 9.045 21.1328Z", fill: "#9D81FF" } ) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { filter: `url(#${id4})`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M26.4494 -10.0657C20.2551 -17.4417 11.3877 -11.3422 7.72841 -7.37045C4.52633 -2.87421 21.0264 5.36415 25.6058 3.95229C30.1851 2.54044 19.3611 -0.380992 21.3097 -3.12201C23.2583 -5.86303 34.1923 -0.845547 26.4494 -10.0657Z", fill: "#4D94FF" } ) }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.7373 14.3283H12.814L8.17663 9.66107L12.8736 4.99371L14.1529 3.75H9.92143L4.53233 9.1666C4.26036 9.4396 4.26176 9.8814 4.53512 10.153L8.7373 14.3283ZM11.188 9.672L15.825 14.3389L11.128 19.0063L9.84877 20.25H14.0802L19.4693 14.8337C19.7413 14.5607 19.7399 14.1189 19.4666 13.8473L15.2644 9.672H11.188Z", fill: "black" } ) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "filter", { id: id1, x: "-8.45978", y: "-6.53857", width: "53.3961", height: "42.3217", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feGaussianBlur", { stdDeviation: "4.61539", result: "effect1_foregroundBlur_795_35" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "filter", { id: id2, x: "-15.0473", y: "-15.5621", width: "32.9622", height: "34.8289", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feGaussianBlur", { stdDeviation: "4.61539", result: "effect1_foregroundBlur_795_35" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "filter", { id: id3, x: "-22.601", y: "6.34082", width: "41.7048", height: "39.7924", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feGaussianBlur", { stdDeviation: "4.61539", result: "effect1_foregroundBlur_795_35" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "filter", { id: id4, x: "-1.91156", y: "-22.7599", width: "40.3304", height: "36.1036", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feGaussianBlur", { stdDeviation: "4.61539", result: "effect1_foregroundBlur_795_35" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: id5, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) ] }) ] }); }; var SafePal = ({ ...props }) => /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", rx: "12", fill: "#4A21EF" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M11.1721 5.27997C10.763 5.27997 10.3707 5.44246 10.0815 5.73171L5.53815 10.2751C5.36607 10.4472 5.28003 10.6728 5.28003 10.8983C5.28003 11.1239 5.36607 11.3494 5.53816 11.5215L8.51555 14.4989V9.22782C8.51555 8.83444 8.83194 8.51555 9.22531 8.51555C10.8872 8.51555 14.9326 8.51555 15.4844 8.51555L18.7199 5.28001L11.1721 5.27997Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M8.51569 15.4844H14.7722C15.1656 15.4844 15.4845 15.1655 15.4845 14.7721V9.501L18.4619 12.4784C18.634 12.6505 18.72 12.8761 18.72 13.1016C18.72 13.3272 18.634 13.5527 18.4619 13.7248L13.9186 18.2682C13.6293 18.5575 13.237 18.72 12.828 18.72L5.28017 18.7199L8.51569 15.4844Z", fill: "white" } ) ] }); var Coin98 = ({ ...props }) => /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { clipPath: "url(#clip0_1110_104)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M19.6159 0.00292969H4.38378C1.96431 0.00292969 0.00292969 1.96389 0.00292969 4.38285V19.6117C0.00292969 22.0307 1.96431 23.9916 4.38378 23.9916H19.6159C22.0354 23.9916 23.9968 22.0307 23.9968 19.6117V4.38285C23.9968 1.96389 22.0354 0.00292969 19.6159 0.00292969Z", fill: "url(#paint0_linear_1110_104)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M8.08083 5.99238C7.33996 5.99299 6.61589 6.21315 6.00013 6.62505C5.38438 7.03695 4.90456 7.62209 4.62132 8.30654C4.33809 8.99098 4.26414 9.74401 4.40882 10.4705C4.55351 11.1969 4.91034 11.8642 5.43421 12.3879C5.95809 12.9117 6.6255 13.2685 7.3521 13.4131C8.07871 13.5578 8.8319 13.4838 9.51649 13.2007C10.2011 12.9175 10.7864 12.4378 11.1983 11.8221C11.6103 11.2065 11.8305 10.4826 11.8311 9.7419C11.8306 8.74763 11.4353 7.79424 10.7321 7.09119C10.0289 6.38813 9.07531 5.99292 8.08083 5.99238ZM8.08083 11.9505C7.64349 11.9505 7.21597 11.8209 6.85234 11.5779C6.48871 11.335 6.20531 10.9897 6.03796 10.5858C5.87061 10.1818 5.82684 9.73727 5.91219 9.30843C5.99754 8.8796 6.20816 8.48569 6.51743 8.17654C6.8267 7.86738 7.22072 7.65686 7.64966 7.5716C8.07861 7.48634 8.52321 7.53017 8.92723 7.69754C9.33126 7.86491 9.67657 8.14832 9.9195 8.5119C10.1624 8.87549 10.292 9.30294 10.292 9.74018C10.29 10.3258 10.0564 10.887 9.64213 11.3011C9.22788 11.7151 8.66662 11.9486 8.08083 11.9505ZM19.1277 9.19744C19.1289 9.73362 18.9933 10.2612 18.7338 10.7305C18.3334 10.4047 17.8777 10.1536 17.3885 9.98912C17.5189 9.74557 17.5876 9.47373 17.5885 9.19744C17.5885 8.75508 17.4127 8.33083 17.0999 8.01804C16.787 7.70524 16.3627 7.52951 15.9202 7.52951C15.4777 7.52951 15.0534 7.70524 14.7405 8.01804C14.4277 8.33083 14.2519 8.75508 14.2519 9.19744C14.2498 9.47409 14.3187 9.74666 14.4519 9.98912C13.9626 10.1537 13.5068 10.4048 13.1063 10.7305C12.8392 10.2425 12.7039 9.69338 12.7137 9.13722C12.7235 8.58105 12.8781 8.03705 13.1622 7.5588C13.4463 7.08056 13.8502 6.68458 14.334 6.40991C14.8178 6.13523 15.3649 5.99132 15.9212 5.99238C16.7712 5.99328 17.5862 6.33123 18.1873 6.93208C18.7884 7.53293 19.1266 8.34762 19.1277 9.19744ZM15.9212 10.4945C15.1801 10.4939 14.4555 10.713 13.8389 11.1242C13.2224 11.5353 12.7416 12.12 12.4574 12.8043C12.1732 13.4886 12.0983 14.2418 12.2423 14.9686C12.3862 15.6954 12.7425 16.3633 13.266 16.8877C13.7896 17.4121 14.4569 17.7695 15.1837 17.9147C15.9104 18.06 16.6639 17.9865 17.3488 17.7036C18.0338 17.4207 18.6195 16.9411 19.0318 16.3254C19.4442 15.7098 19.6646 14.9857 19.6654 14.2447C19.6644 13.2516 19.2698 12.2994 18.5681 11.5965C17.8663 10.8936 16.9146 10.4973 15.9212 10.4945ZM15.9212 16.4486C15.4845 16.448 15.0577 16.318 14.6948 16.0749C14.332 15.8319 14.0494 15.4867 13.8828 15.083C13.7162 14.6794 13.6731 14.2354 13.7589 13.8072C13.8448 13.3791 14.0556 12.986 14.3649 12.6777C14.6742 12.3694 15.068 12.1597 15.4965 12.0751C15.925 11.9906 16.369 12.035 16.7722 12.2028C17.1754 12.3705 17.5199 12.6541 17.7619 13.0175C18.004 13.381 18.1328 13.8081 18.132 14.2447C18.1303 14.8298 17.8966 15.3904 17.4822 15.8035C17.0678 16.2166 16.5064 16.4486 15.9212 16.4486ZM11.2873 14.7817C11.2873 15.6321 10.9493 16.4478 10.3478 17.0492C9.7463 17.6506 8.93047 17.9884 8.0798 17.9884C7.22913 17.9884 6.41329 17.6506 5.81178 17.0492C5.21026 16.4478 4.87233 15.6321 4.87233 14.7817H6.41151C6.41151 15.224 6.58727 15.6483 6.90014 15.9611C7.213 16.2739 7.63734 16.4496 8.0798 16.4496C8.52226 16.4496 8.94659 16.2739 9.25946 15.9611C9.57233 15.6483 9.74809 15.224 9.74809 14.7817H11.2873Z", fill: "#252525" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint0_linear_1110_104", x1: "22.7734", y1: "1.22606", x2: "1.5624", y2: "22.4416", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#F1D961" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#CDA146" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: "clip0_1110_104", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", rx: "12", fill: "white" }) }) ] }) ] }); var Onekey = ({ ...props }) => /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M24 12C24 20.2843 20.2843 24 12 24C3.71573 24 0 20.2843 0 12C0 3.71573 3.71573 0 12 0C20.2843 0 24 3.71573 24 12Z", fill: "#44D62C" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M13.0842 5.0885H9.74582L9.16016 6.85933H11.0143V10.5897H13.0842V5.0885Z", fill: "black" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.8074 15.1043C15.8074 17.207 14.1027 18.9115 12 18.9115C9.89737 18.9115 8.19287 17.207 8.19287 15.1043C8.19287 13.0017 9.89737 11.2972 12 11.2972C14.1027 11.2972 15.8074 13.0017 15.8074 15.1043ZM14.0789 15.1043C14.0789 16.2525 13.1482 17.1832 12 17.1832C10.852 17.1832 9.92137 16.2525 9.92137 15.1043C9.92137 13.9563 10.852 13.0255 12 13.0255C13.1482 13.0255 14.0789 13.9563 14.0789 15.1043Z", fill: "black" } ) ] }); var Bybit = ({ ...props }) => /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { clipPath: "url(#clip0_1110_94)", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M0 5.1C0 2.28335 2.28335 0 5.1 0H18.9C21.7166 0 24 2.28335 24 5.1V18.9C24 21.7166 21.7166 24 18.9 24H5.1C2.28335 24 0 21.7166 0 18.9V5.1Z", fill: "#404347" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M2.06625 7.31091C1.85052 6.56691 2.31207 5.79629 3.06981 5.63536L15.7115 2.95017C16.3116 2.82272 16.9212 3.12117 17.1886 3.67333L22.8667 15.3997L6.86664 23.8664L2.06625 7.31091Z", fill: "url(#paint0_linear_1110_94)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M2.2316 8.22593C2.00471 7.44102 2.53073 6.63852 3.34099 6.53341L20.0963 4.36038C20.7925 4.2701 21.4394 4.73502 21.5758 5.42363L24.0001 17.6665L6.73345 23.7999L2.2316 8.22593Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M0 9.33333C0 7.86058 1.19391 6.66669 2.66667 6.66669H18.6667C21.6122 6.66669 24 9.0545 24 12V18.6667C24 21.6122 21.6122 24 18.6667 24H5.33335C2.38781 24 0 21.6122 0 18.6667V9.33333Z", fill: "black" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M15.8782 16.6898V11.6933H16.8528V16.6898H15.8782Z", fill: "#F7A600" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M4.75626 18.181H2.66675V13.1846H4.67221C5.64683 13.1846 6.21478 13.732 6.21478 14.588C6.21478 15.1422 5.85014 15.5003 5.59795 15.6197C5.89953 15.7601 6.2852 16.0756 6.2852 16.7423C6.2852 17.6757 5.64683 18.181 4.75626 18.181ZM4.59497 14.0548H3.64138V15.2059H4.59497C5.00845 15.2059 5.24016 14.9745 5.24016 14.6306C5.24016 14.2862 5.009 14.0548 4.59497 14.0548ZM4.65803 16.083H3.64138V17.3108H4.65803C5.09987 17.3108 5.31003 17.03 5.31003 16.6934C5.31058 16.3564 5.09987 16.083 4.65803 16.083Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M8.97067 16.1319V18.181H8.00287V16.1319L6.50232 13.1846H7.56102L8.49358 15.1985L9.41199 13.1846H10.4707L8.97067 16.1319Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.2446 18.181H11.155V13.1846H13.1605C14.1351 13.1846 14.7031 13.732 14.7031 14.588C14.7031 15.1422 14.3384 15.5003 14.0862 15.6197C14.3878 15.7601 14.7735 16.0756 14.7735 16.7423C14.7729 17.6757 14.1346 18.181 13.2446 18.181ZM13.0833 14.0548H12.1296V15.2059H13.0833C13.4967 15.2059 13.7285 14.9745 13.7285 14.6306C13.7279 14.2862 13.4967 14.0548 13.0833 14.0548ZM13.1463 16.083H12.1296V17.3108H13.1463C13.5882 17.3108 13.7983 17.03 13.7983 16.6934C13.7983 16.3564 13.5876 16.083 13.1463 16.083Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20.0288 14.0548V18.181H19.0542V14.0548H17.7501V13.1846H21.3333V14.0548H20.0288Z", fill: "white" }) ] }), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint0_linear_1110_94", x1: "1.99995", y1: "6.98018", x2: "23.0831", y2: "5.92407", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#FFD748" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#F7A600" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: "clip0_1110_94", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) ] }) ] }); var Brave = ({ ...props }) => /* @__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: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.522 5.75747L21.0808 4.3761C21.0808 4.3761 20.3638 3.60633 19.4991 2.74165C18.6239 1.87698 16.7891 2.38313 16.7891 2.38313L14.6801 0H7.30932L5.2109 2.38313C5.2109 2.38313 3.36556 1.86643 2.50088 2.74165C1.62566 3.60633 0.919159 4.3761 0.919159 4.3761L1.47803 5.75747L0.760986 7.80316C0.760986 7.80316 2.86995 15.7856 3.11248 16.7557C3.59754 18.6749 3.93498 19.413 5.31635 20.3831C6.69772 21.3533 9.20738 23.0404 9.61863 23.304C10.0299 23.5571 10.536 24 11 24C11.464 24 11.9701 23.5677 12.3814 23.304C12.7926 23.051 15.3023 21.3638 16.6837 20.3831C18.065 19.413 18.4025 18.6643 18.8875 16.7557C19.1301 15.7856 21.239 7.80316 21.239 7.80316L20.522 5.75747Z", fill: "url(#paint0_linear_1218_131)" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.6046 4.32337C13.9104 4.32337 16.1881 3.89103 16.1881 3.89103C16.1881 3.89103 18.8875 7.14938 18.8875 7.84534C18.8875 8.54129 18.6555 8.64674 18.3814 8.91036C18.3287 8.96309 18.2654 9.02635 18.2021 9.08962L16.1775 11.2408C16.1564 11.2619 16.1353 11.2829 16.1142 11.304C15.9139 11.5044 15.6186 11.8102 15.8295 12.3058C15.8401 12.3374 15.8612 12.3691 15.8717 12.4112C16.1037 12.949 16.3884 13.6133 16.0193 14.2882C15.6397 15.0053 14.9754 15.4798 14.5536 15.406C14.1318 15.3322 13.1406 14.8049 12.7715 14.5729C12.4025 14.3409 11.2531 13.3814 11.2531 13.0228C11.2531 12.6643 12.0861 12.2109 12.4868 11.9684C12.5712 11.9156 12.6345 11.884 12.6661 11.8524C12.7083 11.8207 12.7821 11.7786 12.8664 11.7258C13.2355 11.4938 13.8998 11.0826 13.9209 10.9033C13.942 10.6819 13.9315 10.6081 13.6362 10.0492C13.5729 9.93321 13.4991 9.80667 13.4253 9.66959C13.1406 9.18453 12.8243 8.6362 12.8981 8.24604C12.9824 7.80316 13.6679 7.55008 14.2478 7.33918C14.3216 7.30755 14.3954 7.28646 14.4587 7.26537C14.6274 7.2021 14.8489 7.11774 15.0703 7.03338C15.6503 6.81194 16.3041 6.56941 16.4095 6.52723C16.5571 6.46396 16.515 6.39015 16.0721 6.34797C16.0088 6.34797 15.935 6.33743 15.8506 6.32688C15.2918 6.26361 14.2689 6.15816 13.7733 6.29525C13.6784 6.32688 13.5624 6.34797 13.4464 6.37961C12.8875 6.52723 12.2021 6.71704 12.1389 6.82249C12.1283 6.84358 12.1178 6.85412 12.1072 6.87521C12.044 6.95957 12.0018 7.02284 12.0756 7.40245C12.0967 7.51845 12.1389 7.73989 12.1916 8.01405C12.3498 8.826 12.5923 10.0808 12.6134 10.3655C12.6134 10.4077 12.6134 10.4394 12.6239 10.4815C12.6661 10.7979 12.6872 11.0088 12.3181 11.0931C12.2865 11.0931 12.2548 11.1037 12.2232 11.1142C11.812 11.2091 11.2004 11.3462 10.9789 11.3462C10.7575 11.3462 10.1564 11.2091 9.73464 11.1142C9.703 11.1142 9.67137 11.1037 9.63973 11.0931C9.27066 11.0088 9.3023 10.7979 9.33393 10.4815C9.33393 10.4499 9.33393 10.4077 9.34448 10.3655C9.37611 10.0808 9.61864 8.826 9.76627 8.01405C9.81899 7.73989 9.86117 7.51845 9.88226 7.40245C9.95608 7.02284 9.9139 6.95957 9.85063 6.87521C9.84008 6.86467 9.82954 6.84358 9.81899 6.82249C9.75573 6.71704 9.07031 6.52723 8.51144 6.37961C8.39544 6.34797 8.29 6.31634 8.18455 6.29525C7.68894 6.15816 6.66609 6.26361 6.10722 6.32688C6.02286 6.32688 5.94905 6.34797 5.88578 6.34797C5.43235 6.39015 5.40072 6.45342 5.54834 6.52723C5.65379 6.57996 6.30757 6.82249 6.88754 7.03338C7.10898 7.11774 7.33042 7.2021 7.49914 7.26537C7.5624 7.28646 7.63622 7.31809 7.71003 7.33918C8.29 7.55008 8.98595 7.80316 9.05977 8.24604C9.13358 8.6362 8.81724 9.18453 8.53253 9.66959C8.45871 9.79613 8.3849 9.93321 8.32163 10.0492C8.02638 10.6081 8.01583 10.6713 8.03692 10.9033C8.05801 11.0826 8.72233 11.5044 9.0914 11.7258C9.17576 11.7786 9.24957 11.8207 9.29175 11.8524C9.32339 11.8735 9.38666 11.9156 9.47102 11.9684C9.87172 12.2109 10.7048 12.717 10.7048 13.0228C10.7048 13.3286 9.54483 14.3409 9.18631 14.5729C8.81724 14.8049 7.82602 15.3322 7.40423 15.406C6.98244 15.4798 6.31812 15.0053 5.9385 14.2882C5.57998 13.6133 5.86469 12.949 6.08613 12.4112C6.09667 12.3796 6.11776 12.348 6.12831 12.3058C6.33921 11.8102 6.04395 11.5149 5.8436 11.304C5.82251 11.2829 5.80142 11.2619 5.78033 11.2408L3.75573 9.08962C3.69246 9.02635 3.63973 8.97363 3.57646 8.91036C3.3023 8.64674 3.07031 8.41476 3.07031 7.84534C3.07031 7.27592 5.76979 3.89103 5.76979 3.89103C5.76979 3.89103 8.04747 4.32337 8.35327 4.32337C8.65907 4.32337 9.07031 4.16519 9.56592 3.98593C9.69246 3.94375 9.81899 3.90157 9.94553 3.85939C10.5571 3.65904 10.9684 3.6485 10.9684 3.6485C10.9684 3.6485 11.3796 3.6485 11.9912 3.85939C12.1178 3.90157 12.2443 3.94375 12.3708 3.98593C12.8664 4.15465 13.341 4.32337 13.5835 4.32337H13.6046Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( "path", { d: "M13.2144 15.8594C13.6995 16.1125 14.0369 16.2812 14.1634 16.3656C14.3321 16.471 14.2267 16.6714 14.0791 16.7768C13.9314 16.8823 11.8858 18.464 11.6854 18.6432C11.6643 18.6643 11.6327 18.6854 11.601 18.7171C11.4112 18.8858 11.1687 19.1072 10.9894 19.1072C10.8102 19.1072 10.5677 18.8858 10.3778 18.7171C10.3462 18.696 10.3251 18.6643 10.2935 18.6432C10.0931 18.464 8.04744 16.8823 7.89981 16.7768C7.75218 16.6714 7.64674 16.471 7.81545 16.3656C7.94199 16.2812 8.28997 16.1125 8.76449 15.8594C8.90157 15.7856 9.05974 15.7118 9.21791 15.6274C9.93496 15.2584 10.8418 14.942 10.9789 14.942C11.116 14.942 12.0228 15.2584 12.7399 15.6274C12.9086 15.7118 13.0562 15.7961 13.2039 15.8594H13.2144Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)( "linearGradient", { id: "paint0_linear_1218_131", x1: "0.760986", y1: "12", x2: "21.239", y2: "12", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { stopColor: "#FF5601" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "0.5", stopColor: "#FF4000" }), /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("stop", { offset: "1", stopColor: "#FF1F01" }) ] } ) }) ] }); var wallets_default = { Injected, WalletConnect, Coinbase, Trust, Rainbow, Ledger, ONTO, Slope, Frontier, Zerion, Phantom, PlaceHolder, InfinityWallet, Rabby, TokenPocket, Talisman, ImToken, MetaMask, OKX, BitKeep, SafePal, Coin98, Onekey, Bybit, Brave }; // src/utils/index.ts var import_detect_browser = require("detect-browser"); var import_utils = require("viem/utils"); // src/utils/assertString.ts function assertString(input) { const isString = typeof input === "string" || input instanceof String; if (!isString) { let invalidType = typeof input; if (input === null) invalidType = "null"; else if (invalidType === "object") invalidType = input.constructor.name; throw new TypeError(`Expected a string but received a ${invalidType}`); } } // src/utils/isMobilePhone.ts var phones = { "am-AM": /^(\+?374|0)(33|4[134]|55|77|88|9[13-689])\d{6}$/, "ar-AE": /^((\+?971)|0)?5[024568]\d{7}$/, "ar-BH": /^(\+?973)?(3|6)\d{7}$/, "ar-DZ": /^(\+?213|0)(5|6|7)\d{8}$/, "ar-LB": /^(\+?961)?((3|81)\d{6}|7\d{7})$/, "ar-EG": /^((\+?20)|0)?1[0125]\d{8}$/, "ar-IQ": /^(\+?964|0)?7[0-9]\d{8}$/, "ar-JO": /^(\+?962|0)?7[789]\d{7}$/, "ar-KW": /^(\+?965)([569]\d{7}|41\d{6})$/, "ar-LY": /^((\+?218)|0)?(9[1-6]\d{7}|[1-8]\d{7,9})$/, "ar-MA": /^(?:(?:\+|00)212|0)[5-7]\d{8}$/, "ar-OM": /^((\+|00)968)?(9[1-9])\d{6}$/, "ar-PS": /^(\+?970|0)5[6|9](\d{7})$/, "ar-SA": /^(!?(\+?966)|0)?5\d{8}$/, "ar-SD": /^((\+?249)|0)?(9[012369]|1[012])\d{7}$/, "ar-SY": /^(!?(\+?963)|0)?9\d{8}$/, "ar-TN": /^(\+?216)?[2459]\d{7}$/, "az-AZ": /^(\+994|0)(10|5[015]|7[07]|99)\d{7}$/, "bs-BA": /^((((\+|00)3876)|06))((([0-3]|[5-6])\d{6})|(4\d{7}))$/, "be-BY": /^(\+?375)?(24|25|29|33|44)\d{7}$/, "bg-BG": /^(\+?359|0)?8[789]\d{7}$/, "bn-BD": /^(\+?880|0)1[13456789][0-9]{8}$/, "ca-AD": /^(\+376)?[346]\d{5}$/, "cs-CZ": /^(\+?420)? ?[1-9][0-9]{2} ?[0-9]{3} ?[0-9]{3}$/, "da-DK": /^(\+?45)?\s?\d{2}\s?\d{2}\s?\d{2}\s?\d{2}$/, "de-DE": /^((\+49|0)1)(5[0-25-9]\d|6([23]|0\d?)|7([0-57-9]|6\d))\d{7,9}$/, "de-AT": /^(\+43|0)\d{1,4}\d{3,12}$/, "de-CH": /^(\+41|0)([1-9])\d{1,9}$/, "de-LU": /^(\+352)?((6\d1)\d{6})$/, "dv-MV": /^(\+?960)?(7[2-9]|9[1-9])\d{5}$/, "el-GR": /^(\+?30|0)?6(8[5-9]|9(?![26])[0-9])\d{7}$/, "el-CY": /^(\+?357?)?(9(9|6)\d{6})$/, "en-AI": /^(\+?1|0)264(?:2(35|92)|4(?:6[1-2]|76|97)|5(?:3[6-9]|8[1-4])|7(?:2(4|9)|72))\d{4}$/, "en-AU": /^(\+?61|0)4\d{8}$/, "en-AG": /^(?:\+1|1)268(?:464|7(?:1[3-9]|[28]\d|3[0246]|64|7[0-689]))\d{4}$/, "en-BM": /^(\+?1)?441(((3|7)\d{6}$)|(5[0-3][0-9]\d{4}$)|(59\d{5}$))/, "en-BS": /^(\+?1[-\s]?|0)?\(?242\)?[-\s]?\d{3}[-\s]?\d{4}$/, "en-GB": /^(\+?44|0)7[1-9]\d{8}$/, "en-GG": /^(\+?44|0)1481\d{6}$/, "en-GH": /^(\+233|0)(20|50|24|54|27|57|26|56|23|28|55|59)\d{7}$/, "en-GY": /^(\+592|0)6\d{6}$/, "en-HK": /^(\+?852[-\s]?)?[456789]\d{3}[-\s]?\d{4}$/, "en-MO": /^(\+?853[-\s]?)?[6]\d{3}[-\s]?\d{4}$/, "en-IE": /^(\+?353|0)8[356789]\d{7}$/, "en-IN": /^(\+?91|0)?[6789]\d{9}$/, "en-JM": /^(\+?876)?\d{7}$/, "en-KE": /^(\+?254|0)(7|1)\d{8}$/, "fr-CF": /^(\+?236| ?)(70|75|77|72|21|22)\d{6}$/, "en-SS": /^(\+?211|0)(9[1257])\d{7}$/, "en-KI": /^((\+686|686)?)?( )?((6|7)(2|3|8)[0-9]{6})$/, "en-KN": /^(?:\+1|1)869(?:46\d|48[89]|55[6-8]|66\d|76[02-7])\d{4}$/, "en-LS": /^(\+?266)(22|28|57|58|59|27|52)\d{6}$/, "en-MT": /^(\+?356|0)?(99|79|77|21|27|22|25)[0-9]{6}$/, "en-MU": /^(\+?230|0)?\d{8}$/, "en-MW": /^(\+?265|0)(((77|88|31|99|98|21)\d{7})|(((111)|1)\d{6})|(32000\d{4}))$/, "en-NA": /^(\+?264|0)(6|8)\d{7}$/, "en-NG": /^(\+?234|0)?[789]\d{9}$/, "en-NZ": /^(\+?64|0)[28]\d{7,9}$/, "en-PG": /^(\+?675|0)?(7\d|8[18])\d{6}$/, "en-PK": /^((00|\+)?92|0)3[0-6]\d{8}$/, "en-PH": /^(09|\+639)\d{9}$/, "en-RW": /^(\+?250|0)?[7]\d{8}$/, "en-SG": /^(\+65)?[3689]\d{7}$/, "en-SL": /^(\+?232|0)\d{8}$/, "en-TZ": /^(\+?255|0)?[67]\d{8}$/, "en-UG": /^(\+?256|0)?[7]\d{8}$/, "en-US": /^((\+1|1)?( |-)?)?(\([2-9][0-9]{2}\)|[2-9][0-9]{2})( |-)?([2-9][0-9]{2}( |-)?[0-9]{4})$/, "en-ZA": /^(\+?27|0)\d{9}$/, "en-ZM": /^(\+?26)?09[567]\d{7}$/, "en-ZW": /^(\+263)[0-9]{9}$/, "en-BW": /^(\+?267)?(7[1-8]{1})\d{6}$/, "es-AR": /^\+?549(11|[2368]\d)\d{8}$/, "es-BO": /^(\+?591)?(6|7)\d{7}$/, "es-CO": /^(\+?57)?3(0(0|1|2|4|5)|1\d|2[0-4]|5(0|1))\d{7}$/, "es-CL": /^(\+?56|0)[2-9]\d{1}\d{7}$/, "es-CR": /^(\+506)?[2-8]\d{7}$/, "es-CU": /^(\+53|0053)?5\d{7}$/, "es-DO": /^(\+?1)?8[024]9\d{7}$/, "es-HN": /^(\+?504)?[9|8|3|2]\d{7}$/, "es-EC": /^(\+?593|0)([2-7]|9[2-9])\d{7}$/, "es-ES": /^(\+?34)?[6|7]\d{8}$/, "es-GT": /^(\+?502)?[2|6|7]\d{7}$/, "es-PE": /^(\+?51)?9\d{8}$/, "es-MX": /^(\+?52)?(1|01)?\d{10,11}$/, "es-NI": /^(\+?505)\d{7,8}$/, "es-PA": /^(\+?507)\d{7,8}$/, "es-PY": /^(\+?595|0)9[9876]\d{7}$/, "es-SV": /^(\+?503)?[67]\d{7}$/, "es-UY": /^(\+598|0)9[1-9][\d]{6}$/, "es-VE": /^(\+?58)?(2|4)\d{9}$/, "et-EE": /^(\+?372)?\s?(5|8[1-4])\s?([0-9]\s?){6,7}$/, "fa-IR": /^(\+?98[\-\s]?|0)9[0-39]\d[\-\s]?\d{3}[\-\s]?\d{4}$/, "fi-FI": /^(\+?358|0)\s?(4[0-6]|50)\s?(\d\s?){4,8}$/, "fj-FJ": /^(\+?679)?\s?\d{3}\s?\d{4}$/, "fo-FO": /^(\+?298)?\s?\d{2}\s?\d{2}\s?\d{2}$/, "fr-BF": /^(\+226|0)[67]\d{7}$/, "fr-BJ": /^(\+229)\d{8}$/, "fr-CD": /^(\+?243|0)?(8|9)\d{8}$/, "fr-CM": /^(\+?237)6[0-9]{8}$/, "fr-FR": /^(\+?33|0)[67]\d{8}$/, "fr-GF": /^(\+?594|0|00594)[67]\d{8}$/, "fr-GP": /^(\+?590|0|00590)[67]\d{8}$/, "fr-MQ": /^(\+?596|0|00596)[67]\d{8}$/, "fr-PF": /^(\+?689)?8[789]\d{6}$/, "fr-RE": /^(\+?262|0|00262)[67]\d{8}$/, "fr-WF": /^(\+681)?\d{6}$/, "he-IL": /^(\+972|0)([23489]|5[012345689]|77)[1-9]\d{6}$/, "hu-HU": /^(\+?36|06)(20|30|31|50|70)\d{7}$/, "id-ID": /^(\+?62|0)8(1[123456789]|2[1238]|3[1238]|5[12356789]|7[78]|9[56789]|8[123456789])([\s?|\d]{5,11})$/, "ir-IR": /^(\+98|0)?9\d{9}$/, "it-IT": /^(\+?39)?\s?3\d{2} ?\d{6,7}$/, "it-SM": /^((\+378)|(0549)|(\+390549)|(\+3780549))?6\d{5,9}$/, "ja-JP": /^(\+81[ \-]?(\(0\))?|0)[6789]0[ \-]?\d{4}[ \-]?\d{4}$/, "ka-GE": /^(\+?995)?(79\d{7}|5\d{8})$/, "kk-KZ": /^(\+?7|8)?7\d{9}$/, "kl-GL": /^(\+?299)?\s?\d{2}\s?\d{2}\s?\d{2}$/, "ko-KR": /^((\+?82)[ \-]?)?0?1([0|1|6|7|8|9]{1})[ \-]?\d{3,4}[ \-]?\d{4}$/, "ky-KG": /^(\+?7\s?\+?7|0)\s?\d{2}\s?\d{3}\s?\d{4}$/, "lt-LT": /^(\+370|8)\d{8}$/, "lv-LV": /^(\+?371)2\d{7}$/, "mg-MG": /^((\+?261|0)(2|3)\d)?\d{7}$/, "mn-MN": /^(\+|00|011)?976(77|81|88|91|94|95|96|99)\d{6}$/, "my-MM": /^(\+?959|09|9)(2[5-7]|3[1-2]|4[0-5]|6[6-9]|7[5-9]|9[6-9])[0-9]{7}$/, "ms-MY": /^(\+?60|0)1(([0145](-|\s)?\d{7,8})|([236-9](-|\s)?\d{7}))$/, "mz-MZ": /^(\+?258)?8[234567]\d{7}$/, "nb-NO": /^(\+?47)?[49]\d{7}$/, "ne-NP": /^(\+?977)?9[78]\d{8}$/, "nl-BE": /^(\+?32|0)4\d{8}$/, "nl-NL": /^(((\+|00)?31\(0\))|((\+|00)?31)|0)6{1}\d{8}$/, "nl-AW": /^(\+)?297(56|59|64|73|74|99)\d{5}$/, "nn-NO": /^(\+?47)?[49]\d{7}$/, "pl-PL": /^(\+?48)? ?([5-8]\d|45) ?\d{3} ?\d{2} ?\d{2}$/, "pt-BR": /^((\+?55\ ?[1-9]{2}\ ?)|(\+?55\ ?\([1-9]{2}\)\ ?)|(0[1-9]{2}\ ?)|(\([1-9]{2}\)\ ?)|([1-9]{2}\ ?))((\d{4}\-?\d{4})|(9[1-9]{1}\d{3}\-?\d{4}))$/, "pt-PT": /^(\+?351)?9[1236]\d{7}$/, "pt-AO": /^(\+244)\d{9}$/, "ro-MD": /^(\+?373|0)((6(0|1|2|6|7|8|9))|(7(6|7|8|9)))\d{6}$/, "ro-RO": /^(\+?40|0)\s?7\d{2}(\/|\s|\.|-)?\d{3}(\s|\.|-)?\d{3}$/, "ru-RU": /^(\+?7|8)?9\d{9}$/, "si-LK": /^(?:0|94|\+94)?(7(0|1|2|4|5|6|7|8)( |-)?)\d{7}$/, "sl-SI": /^(\+386\s?|0)(\d{1}\s?\d{3}\s?\d{2}\s?\d{2}|\d{2}\s?\d{3}\s?\d{3})$/, "sk-SK": /^(\+?421)? ?[1-9][0-9]{2} ?[0-9]{3} ?[0-9]{3}$/, "so-SO": /^(\+?252|0)((6[0-9])\d{7}|(7[1-9])\d{7})$/, "sq-AL": /^(\+355|0)6[789]\d{6}$/, "sr-RS": /^(\+3816|06)[- \d]{5,9}$/, "sv-SE": /^(\+?46|0)[\s\-]?7[\s\-]?[02369]([\s\-]?\d){7}$/, "tg-TJ": /^(\+?992)?[5][5]\d{7}$/, "th-TH": /^(\+66|66|0)\d{9}$/, "tr-TR": /^(\+?90|0)?5\d{9}$/, "tk-TM": /^(\+993|993|8)\d{8}$/, "uk-UA": /^(\+?38)?0(50|6[36-8]|7[357]|9[1-9])\d{7}$/, "uz-UZ": /^(\+?998)?(6[125-79]|7[1-69]|88|9\d)\d{7}$/, "vi-VN": /^((\+?84)|0)((3([2-9]))|(5([25689]))|(7([0|6-9]))|(8([1-9]))|(9([0-9])))([0-9]{7})$/, "zh-CN": /^((\+|00)86)?(1[3-9]|9[28])\d{9}$/, "zh-TW": /^(\+?886\-?|0)?9\d{8}$/, "dz-BT": /^(\+?975|0)?(17|16|77|02)\d{6}$/, "ar-YE": /^(((\+|00)9677|0?7)[0137]\d{7}|((\+|00)967|0)[1-7]\d{6})$/, "ar-EH": /^(\+?212|0)[\s\-]?(5288|5289)[\s\-]?\d{5}$/, "fa-AF": /^(\+93|0)?(2{1}[0-8]{1}|[3-5]{1}[0-4]{1})(\d{7})$/ }; phones["en-CA"] = phones["en-US"]; phones["fr-CA"] = phones["en-CA"]; phones["fr-BE"] = phones["nl-BE"]; phones["zh-HK"] = phones["en-HK"]; phones["zh-MO"] = phones["en-MO"]; phones["ga-IE"] = phones["en-IE"]; phones["fr-CH"] = phones["de-CH"]; phones["it-CH"] = phones["fr-CH"]; function isMobilePhone(str, locale, options) { assertString(str); if (options && options.strictMode && !str.startsWith("+")) { return false; } if (Array.isArray(locale)) { return locale.some((key) => { if (phones.hasOwnProperty(key)) { const phone = phones[key]; if (phone.test(str)) { return true; } } return false; }); } else if (locale in phones) { return phones[locale].test(str); } else if (!locale || locale === "any") { for (const key in phones) { if (phones.hasOwnProperty(key)) { const phone = phones[key]; if (phone.test(str)) { return true; } } } return false; } throw new Error(`Invalid locale '${locale}'`); } var phoneLocales = Object.keys(phones); // src/utils/index.ts var detectOS = () => { const browser = (0, import_detect_browser.detect)(); return browser?.os ?? ""; }; var isIOS = () => { const os = detectOS(); return os.toLowerCase().includes("ios"); }; var isAndroid = () => { const os = detectOS(); return os.toLowerCase().includes("android"); }; var isMobile = () => { return isAndroid() || isIOS(); }; var validPhoneNumber = (locale, countryCode, phone, t) => { const locales = phoneLocales.filter((item) => item.split("-")[1]?.toLowerCase() === locale?.toLowerCase()); const result = locales.some((item) => { const res = isMobilePhone(`+${countryCode}${phone}`, item, { strictMode: true }); return res; }); if (!result) { throw new Error(t?.invalidOrIncorrectNumber || ""); } else { return true; } }; var hexToRgba = (hex, alpha) => { let r = 0, g = 0, b = 0; if (hex.length === 4) { r = parseInt(hex[1] + hex[1], 16); g = parseInt(hex[2] + hex[2], 16); b = parseInt(hex[3] + hex[3], 16); } else if (hex.length === 7) { r = parseInt(hex[1] + hex[2], 16); g = parseInt(hex[3] + hex[4], 16); b = parseInt(hex[5] + hex[6], 16); } return `rgba(${r}, ${g}, ${b}, ${alpha})`; }; var shortAddress = (address) => { if (!address) { return ""; } if (address.length <= 10) { return address; } return `${address.slice(0, 6)}...${address.slice(-4)}`; }; var openMobileUrl = (url) => { if (url.startsWith("http")) { const link = document.createElement("a"); link.href = url; link.target = "_blank"; link.rel = "noreferrer noopener"; link.click(); } else { window.location.href = url; } }; var hasPCDownloadUrl = (walletProps) => { return Boolean( walletProps.downloadUrls?.chrome || walletProps.downloadUrls?.brave || walletProps.downloadUrls?.edge || walletProps.downloadUrls?.firefox || walletProps.downloadUrls?.safari ); }; var formatTokenAmount = (value, decimal, decimalPlaces = 9) => { if (!value) return "0"; if (typeof value === "string" || typeof value === "number") { value = BigInt(value); } let result = (0, import_utils.formatUnits)(value, decimal); const [integerPart, decimalPart] = result.split("."); if (decimalPlaces >= 5 && integerPart === "0" && decimalPart?.startsWith("".padEnd(decimalPlaces, "0"))) { return "<0.".padEnd(decimalPlaces + 3 - 1, "0") + "1"; } result = formatStringNumber(result, decimalPlaces); return result; }; function formatStringNumber(num, n) { let [integerPart, decimalPart] = num.split("."); if (!decimalPart) { return integerPart; } decimalPart = decimalPart.slice(0, n); decimalPart = decimalPart.replace(/0+$/, ""); if (decimalPart === "") { return integerPart; } return `${integerPart}.${decimalPart}`; } function getElementDimensionsRelativeToParent(ref) { if (!ref.current) { return null; } const element = ref.current; const parent = element.parentElement; if (!parent) { return null; } const elementRect = element.getBoundingClientRect(); const parentRect = parent.getBoundingClientRect(); const topDistance = elementRect.top - parentRect.top; const bottomDistance = parentRect.bottom - elementRect.bottom; const dimensions = { width: elementRect.width, height: elementRect.height, topDistance, bottomDistance }; return dimensions; } function getBuyUrl(chainId, address, currency = "USD", theme = "light", language = "en-US") { const RAMP_WEB_URL = "https://ramp.particle.network"; const supportedNetworks = { "1": ["Ethereum", "ETH"], "10": ["Optimism", "ETH"], "56": ["Binance Smart Chain", "BNB"], "101": ["Solana", "SOL"], "137": ["Polygon", "MATIC"], "204": ["opBNB", "BNB"], "324": ["Zksync", "ETH"], "5000": ["Mantle", "MNT"], "8453": ["Base", "ETH"], "42161": ["Arbitrum One", "ETH"], "42220": ["Celo", "CELO"], "43114": ["Avalanche", "AVAX"], "728126428": ["Tron", "TRX"] }; if (!chainId || !address || !supportedNetworks[chainId]) { return ""; } const chainName = supportedNetworks[chainId]?.[0] || ""; const cryptoCoin = supportedNetworks[chainId]?.[1] || "ETH"; const buyParams = { walletAddress: address, fiatCoin: currency, cryptoCoin, chainName, showBackButton: false, theme, language }; const queryString = new URLSearchParams(buyParams).toString(); return `${RAMP_WEB_URL}/?${queryString}`; } function popupWindow(url, title, w, h) { const left = screen.width / 2 - w / 2; const top = screen.height / 2 - h / 2; return window.open( url, title, "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=" + w + ", height=" + h + ", top=" + top + ", left=" + left ); } var roundToEven = (value) => { return Math.floor(value / 2) * 2; }; function hexToRgbaColor(hex, alpha) { if (!hex) { return ""; } hex = hex.replace(/^#/, ""); if (hex.length === 3) { hex = hex.split("").map((char) => char + char).join(""); } if (!/^[0-9A-Fa-f]{6}$/.test(hex)) { throw new Error("Invalid hex color format"); } if (typeof alpha !== "number" || alpha < 0 || alpha > 1) { throw new Error("Alpha value must be a number between 0 and 1"); } const r = parseInt(hex.slice(0, 2), 16); const g = parseInt(hex.slice(2, 4), 16); const b = parseInt(hex.slice(4, 6), 16); return `rgba(${r}, ${g}, ${b}, ${alpha})`; } var isFirstRegisterPasskey = () => { return localStorage.getItem("passkeyRegistrationStatus") !== "completed"; }; var setFirstRegisterPasskey = () => { localStorage.setItem("passkeyRegistrationStatus", "completed"); }; // src/config/wallet.tsx var import_jsx_runtime9 = require("react/jsx-runtime"); var walletConfigs = { "particleEVM, particleSolana, network.particle": { name: "Particle Auth", iconShape: "circle" }, "coinbaseWallet, coinbaseWalletSDK, com.coinbase.wallet": { name: "Coinbase Wallet", shortName: "Coinbase", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Coinbase, {}), iconShape: "squircle", downloadUrls: { website: "https://www.coinbase.com/wallet/getting-started-extension", chrome: "https://chrome.google.com/webstore/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad", brave: "https://chromewebstore.google.com/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad", android: "https://play.google.com/store/apps/details?id=org.toshi", ios: "https://apps.apple.com/app/coinbase-wallet-store-crypto/id1278383455" }, getWalletConnectDeeplink: (uri) => { return uri; }, getDAppBrowserDeeplink: (uri) => { return `https://go.cb-w.com/dapp?cb_url=${encodeURIComponent(uri)}`; } }, "metaMask, io.metamask, io.metamask.mobile": { name: "MetaMask", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.MetaMask, {}), iconShouldShrink: true, downloadUrls: { website: "https://metamask.io/download/", chrome: "https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn", firefox: "https://addons.mozilla.org/firefox/addon/ether-metamask/", brave: "https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn", edge: "https://microsoftedge.microsoft.com/addons/detail/metamask/ejbalbakoplchlghecdalmeeeajnimhm", android: "https://play.google.com/store/apps/details?id=io.metamask", ios: "https://apps.apple.com/app/metamask/id1438144202" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `metamask://wc?uri=${encodeURIComponent(uri)}` : `https://metamask.app.link/wc?uri=${encodeURIComponent(uri)}`; } }, "phantom, app.phantom": { name: "Phantom", iconShape: "squircle", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Phantom, {}), downloadUrls: { website: "https://phantom.app/download", chrome: "https://chromewebstore.google.com/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa", brave: "https://chromewebstore.google.com/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa", firefox: "https://addons.mozilla.org/en-US/firefox/addon/phantom-app/", android: "https://play.google.com/store/apps/details?id=app.phantom", ios: "https://apps.apple.com/us/app/phantom-crypto-wallet/id1598432977" }, getDAppBrowserDeeplink: (uri) => { return `https://phantom.app/ul/browse/${encodeURIComponent(uri)}?ref=${encodeURIComponent(window.location.origin)}`; } }, "okxWallet, oKExWallet, com.okex.wallet": { name: "OKX Wallet", shortName: "OKX", iconShape: "squircle", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.OKX, {}), downloadUrls: { website: "https://www.okx.com/download", chrome: "https://chromewebstore.google.com/detail/%E6%AC%A7%E6%98%93-web3-%E9%92%B1%E5%8C%85/mcohilncbfahbmgdjkbpemcciiolgcge", edge: "https://microsoftedge.microsoft.com/addons/detail/okx-wallet/pbpjkcldjiffchgbbndmhojiacbgflha", brave: "https://chromewebstore.google.com/detail/%E6%AC%A7%E6%98%93-web3-%E9%92%B1%E5%8C%85/mcohilncbfahbmgdjkbpemcciiolgcge", android: "https://play.google.com/store/apps/details?id=com.okinc.okex.gp", ios: "https://apps.apple.com/us/app/okx-buy-bitcoin-btc-crypto/id1327268470" }, getWalletConnectDeeplink: (uri) => { return `okex://main/wc?uri=${encodeURIComponent(uri)}`; }, getDAppBrowserDeeplink: (uri) => { const deepLink = `okx://wallet/dapp/url?dappUrl=${encodeURIComponent(uri)}`; return `https://www.okx.com/download?deeplink=${encodeURIComponent(deepLink)}`; } }, "bitKeep, bitget, com.bitget.web3": { name: "Bitget Wallet", shortName: "Bitget", iconShape: "circle", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.BitKeep, {}), downloadUrls: { website: "https://web3.bitget.com/wallet-download", chrome: "https://chromewebstore.google.com/detail/bitget-wallet-formerly-bi/jiidiaalihmmhddjgbnbgdfflelocpak", android: "https://play.google.com/store/apps/details?id=com.bitkeep.wallet", ios: "https://apps.apple.com/us/app/bitget-wallet-ex-bitkeep/id1395301115" }, getWalletConnectDeeplink: (uri) => { return `bitkeep://wc?uri=${encodeURIComponent(uri)}`; }, getDAppBrowserDeeplink: (uri) => { return `https://bkcode.vip?action=dapp&url=${encodeURIComponent(uri)}`; } }, "rabby, io.rabby": { name: "Rabby Wallet", shortName: "Rabby", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Rabby, {}), downloadUrls: { website: "https://rabby.io", chrome: "https://chrome.google.com/webstore/detail/rabby-wallet/acmacodkjbdgmoleebolmdjonilkdbch" } }, "rainbow, me.rainbow": { name: "Rainbow Wallet", shortName: "Rainbow", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Rainbow, {}), iconShape: "squircle", downloadUrls: { website: "https://rainbow.me/?utm_source=connectkit", chrome: "https://chrome.google.com/webstore/detail/opfgelmcmbiajamepnmloijbpoleiama", edge: "https://microsoftedge.microsoft.com/addons/detail/cpojfbodiccabbabgimdeohkkpjfpbnf", firefox: "https://addons.mozilla.org/firefox/addon/rainbow-extension", brave: "https://rainbow.me/extension?utm_source=connectkit", android: "https://play.google.com/store/apps/details?id=me.rainbow", ios: "https://apps.apple.com/app/id1457119021" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `rainbow://wc?uri=${encodeURIComponent(uri)}&connector=rainbowkit` : `https://rnbwapp.com/wc?uri=${encodeURIComponent(uri)}&connector=rainbowkit`; } }, "talisman, xyz.talisman": { name: "Talisman", shortName: "Talisman", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Talisman, {}), iconShape: "squircle", downloadUrls: { website: "https://talisman.xyz", chrome: "https://chrome.google.com/webstore/detail/talisman-polkadot-wallet/fijngjgcjhjmmpcmkeiomlglpeiijkld", firefox: "https://addons.mozilla.org/en-US/firefox/addon/talisman-wallet-extension/", brave: "https://chromewebstore.google.com/detail/talisman-ethereum-and-pol/fijngjgcjhjmmpcmkeiomlglpeiijkld" } }, "trust, trustWallet, com.trustwallet.app": { name: "Trust Wallet", shortName: "Trust", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Trust, {}), iconShouldShrink: true, downloadUrls: { website: "https://trustwallet.com/download", chrome: "https://chromewebstore.google.com/detail/trust-wallet/egjidjbpglichdcondbcbdnbeeppgdph", android: "https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp", ios: "https://apps.apple.com/app/trust-crypto-bitcoin-wallet/id1288339409" }, getWalletConnectDeeplink(uri) { return isAndroid() || isIOS() ? `trust://wc?uri=${encodeURIComponent(uri)}` : `https://link.trustwallet.com/wc?uri=${encodeURIComponent(uri)}`; }, getDAppBrowserDeeplink: (uri) => { return `https://link.trustwallet.com/open_url?url=${encodeURIComponent(uri)}`; } }, "com.crypto.wallet": { name: "Crypto.com", shortName: "Crypto" }, "frontier, xyz.frontier.wallet": { name: "Frontier Wallet", shortName: "Frontier", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Frontier, {}), downloadUrls: { website: "https://www.frontier.xyz/download", chrome: "https://chrome.google.com/webstore/detail/frontier-wallet/kppfdiipphfccemcignhifpjkapfbihd", brave: "https://chromewebstore.google.com/detail/frontier-wallet/kppfdiipphfccemcignhifpjkapfbihd", android: "https://play.google.com/store/apps/details?id=com.frontierwallet", ios: "https://apps.apple.com/app/frontier-crypto-defi-wallet/id1482380988" }, getWalletConnectDeeplink: (uri) => { return `frontier://wc?uri=${encodeURIComponent(uri)}`; } }, infinityWallet: { name: "Infinity Wallet", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.InfinityWallet, {}), downloadUrls: { website: "https://infinitywallet.io/download", chrome: "https://infinitywallet.io/download", firefox: "https://infinitywallet.io/download", brave: "https://infinitywallet.io/download", edge: "https://infinitywallet.io/download" } }, imToken: { name: "imToken", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.ImToken, {}), downloadUrls: { website: "https://token.im/download", android: "https://play.google.com/store/apps/details?id=im.token.app", ios: "https://itunes.apple.com/us/app/imtoken2/id1384798940" }, getWalletConnectDeeplink: (uri) => { return `imtokenv2://wc?uri=${encodeURIComponent(uri)}`; } }, onto: { name: "ONTO", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.ONTO, {}), downloadUrls: { website: "https://onto.app/en/download/", chrome: "https://chromewebstore.google.com/detail/onto-wallet/ifckdpamphokdglkkdomedpdegcjhjdp", ios: "https://apps.apple.com/app/onto-an-ontology-dapp/id1436009823", android: "https://play.google.com/store/apps/details?id=com.github.ontio.onto" }, getWalletConnectDeeplink: (uri) => { return isAndroid() ? uri : `https://onto.app/wc?uri=${encodeURIComponent(uri)}`; } }, ledger: { name: "Ledger Live", shortName: "Ledger", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Ledger, {}), downloadUrls: { website: "https://www.ledger.com/ledger-live/download#download-device-2", android: "https://play.google.com/store/apps/details?id=com.ledger.live", ios: "https://apps.apple.com/app/ledger-live-web3-wallet/id1361671700" }, getWalletConnectDeeplink: (uri) => { return `ledgerlive://wc?uri=${encodeURIComponent(uri)}`; } }, "zerion, io.zerion.wallet": { name: "Zerion", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Zerion, {}), downloadUrls: { website: "https://zerion.io/download", chrome: "https://chromewebstore.google.com/detail/zerion-wallet-for-web3-nf/klghhnkeealcohjjanjjdaeeggmfmlpl", brave: "https://chromewebstore.google.com/detail/zerion-wallet-for-web3-nf/klghhnkeealcohjjanjjdaeeggmfmlpl", ios: "https://apps.apple.com/app/apple-store/id1456732565", android: "https://play.google.com/store/apps/details?id=io.zerion.android" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `zerion://wc?uri=${encodeURIComponent(uri)}` : `https://app.zerion.io/wc?uri=${encodeURIComponent(uri)}`; } }, slope: { name: "Slope", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Slope, {}), downloadUrls: { website: "https://slope.finance/", chrome: "https://chrome.google.com/webstore/detail/slope-wallet/pocmplpaccanhmnllbbkpgfliimjljgo", ios: "https://apps.apple.com/app/slope-wallet/id1574624530", android: "https://play.google.com/store/apps/details?id=com.wd.wallet" }, getWalletConnectDeeplink: (uri) => { return isAndroid() ? uri : `https://slope.finance/app/wc?uri=${encodeURIComponent(uri)}`; } }, "tokenPocket, pro.tokenpocket": { name: "TokenPocket", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.TokenPocket, {}), downloadUrls: { website: "https://www.tokenpocket.pro/en/download/app", chrome: "https://chrome.google.com/webstore/detail/tokenpocket/mfgccjchihfkkindfppnaooecgfneiii", android: "https://play.google.com/store/apps/details?id=vip.mytokenpocket", ios: "https://apps.apple.com/us/app/tp-global-wallet/id6444625622" }, getWalletConnectDeeplink: (uri) => { return `tpoutside://wc?uri=${encodeURIComponent(uri)}`; } }, "safePal, https://www.safepal.com/download": { name: "SafePal", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.SafePal, {}), iconShape: "circle", downloadUrls: { website: "https://www.safepal.com/download", chrome: "https://chrome.google.com/webstore/detail/lgmpcpglpngdoalbgeoldeajfclnhafa", edge: "https://microsoftedge.microsoft.com/addons/detail/apenkfbbpmhihehmihndmmcdanacolnh", firefox: "https://addons.mozilla.org/firefox/addon/safepal-extension-wallet", android: "https://play.google.com/store/apps/details?id=io.safepal.wallet", ios: "https://apps.apple.com/app/id1548297139" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `safepalwallet://wc?uri=${encodeURIComponent(uri)}` : `https://link.safepal.io/wc?uri=${encodeURIComponent(uri)}`; } }, "coin98, coin98.com": { name: "Coin98", shortName: "Coin98", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Coin98, {}), iconShape: "circle", downloadUrls: { website: "https://coin98.com/wallet", chrome: "https://chrome.google.com/webstore/detail/aeachknmefphepccionboohckonoeemg", android: "https://play.google.com/store/apps/details?id=coin98.crypto.finance.media", ios: "https://apps.apple.com/app/id1561969966" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `coin98://wc?uri=${encodeURIComponent(uri)}` : `https://coin98.com/wc?uri=${encodeURIComponent(uri)}`; } }, "onekey, so.onekey.app.wallet": { name: "OneKey", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Onekey, {}), iconShape: "squircle", downloadUrls: { website: "https://onekey.so/download/", chrome: "https://chrome.google.com/webstore/detail/jnmbobjmhlngoefaiojfljckilhhlhcj", android: "https://play.google.com/store/apps/details?id=so.onekey.app.wallet", ios: "https://apps.apple.com/app/id1609559473" }, getWalletConnectDeeplink: (uri) => { return isAndroid() || isIOS() ? `onekey-wallet://wc?uri=${encodeURIComponent(uri)}` : `https://app.onekey.so/wc/connect/wc?uri=${encodeURIComponent(uri)}`; } }, "bybitWallet, com.bybit": { name: "Bybit Wallet", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Bybit, {}), iconShape: "squircle", downloadUrls: { website: "https://www.bybit.com/en/download/", chrome: "https://chrome.google.com/webstore/detail/pdliaogehgdbhbnmkklieghmmjkpigpa", android: "https://play.google.com/store/apps/details?id=com.bybit.app", ios: "https://apps.apple.com/app/id1488296980" }, getWalletConnectDeeplink: (uri) => { return `bybitapp://open/route?targetUrl=by://web3/walletconnect/wc?uri=${encodeURIComponent(uri)}`; } }, "braveWallet, com.brave.wallet": { name: "Brave Wallet", shortName: "Brave", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Brave, {}), iconShape: "squircle", downloadUrls: { website: "https://brave.com/download/" }, getDAppBrowserDeeplink: (uri) => { return `brave://open-url?url=${encodeURIComponent(uri)}`; } }, "mantaWallet,manta.network": { name: "Manta Wallet", iconShape: "circle" }, walletConnect: { name: "WalletConnect", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.WalletConnect, {}), iconShape: "square", getWalletConnectDeeplink: (uri) => uri }, injected: { name: "Browser Wallet", shortName: "Browser", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(wallets_default.Injected, {}) }, passkeySmartWallet: { name: "Passkey Smart Wallet", shortName: "Passkey", iconShape: "circle", icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PasskeyIcon, {}) } }; var isCoinbase = (id) => { return ["coinbaseWallet", "coinbaseWalletSDK", "com.coinbase.wallet"].includes(id); }; var isWalletConnect = (id) => { return "walletConnect" === id; }; var isPasskeySmartWallet = (id) => { return "passkeySmartWallet" === id; }; // src/hooks/useIsMobile.ts var import_react10 = require("react"); function useIsMobile() { const [mobile, setMobile] = (0, import_react10.useState)(isMobile()); (0, import_react10.useEffect)(() => { const handleResize = () => { setMobile(isMobile()); }; window.addEventListener("resize", handleResize); return () => window.removeEventListener("resize", handleResize); }, []); return mobile; } // src/hooks/useWalletConnectModal.tsx 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_react11.useState)(); const openW3m = async () => { setError(void 0); if (walletConnector && walletConnector.w3mConnector) { const w3mcss = document.createElement("style"); w3mcss.innerHTML = "w3m-modal, wcm-modal{ --wcm-z-index: 2147483647; --w3m-z-index:2147483647; }"; document.head.appendChild(w3mcss); try { let connector = walletConnector._internal.connectors.setup(walletConnector.w3mConnector); connector = config._internal.connectors.setup(connector); await connectAsync({ connector }); updateLastConnectorId("walletConnect"); } catch (err) { setError(err); } finally { document.head.removeChild(w3mcss); } } else { } }; return { error, openW3m }; } // src/hooks/useWalletConnectUri.ts var import_react12 = require("react"); function useWalletConnectUri(connectorId) { const connector = useConnector("walletConnect"); const { connectAsync } = useConnect(); const { updateLastConnectorId } = useLastConnectorId(); 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_react12.useCallback)( async (connector2) => { setError(void 0); try { await connectAsync({ connector: connector2 }); if (connectorId) { updateLastConnectorId(connectorId); } } catch (error2) { setError(error2); } }, [connectAsync, connectorId, updateLastConnectorId] ); const requestUri = (0, import_react12.useCallback)(() => { if (connector) { connectWalletConnect(connector); connector.emitter.on("message", handleMessage); } }, [connector, connectWalletConnect, handleMessage]); return { available: !!connector, uri, error, requestUri }; } // src/pages/connecting/styles.ts var import_framer_motion8 = require("framer-motion"); var import_styled_components8 = require("styled-components"); var ConnectingContainer = (0, import_styled_components8.styled)(import_framer_motion8.motion.div)` width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; `; var dist = 2; var shakeKeyframes = import_styled_components8.keyframes` 0%{ transform:none; } 25%{ transform:translateX(${dist}px); } 50%{ transform:translateX(-${dist}px); } 75%{ transform:translateX(${dist}px); } 100%{ transform:none; } `; var outlineKeyframes = import_styled_components8.keyframes` 0%{ opacity:1; } 100%{ opacity:0; } `; var ConnectingAnimation = (0, import_styled_components8.styled)(import_framer_motion8.motion.div)` user-select: none; position: relative; --spinner-error-opacity: 0; &:before { content: ''; position: absolute; inset: 1px; opacity: 0; background: var(--pcm-error-color); ${(props) => props.$circle && import_styled_components8.css` inset: -5px; border-radius: 50%; background: none; box-shadow: inset 0 0 0 3.5px var(--pcm-error-color); `} } ${(props) => props.$shake && import_styled_components8.css` animation: ${shakeKeyframes} 220ms ease-out both; &:before { animation: ${outlineKeyframes} 220ms ease-out 750ms both; } `} `; var RetryButton = (0, import_styled_components8.styled)(import_framer_motion8.motion.button)` z-index: 5; appearance: none; position: absolute; right: 2px; bottom: 2px; padding: 0; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 16px; cursor: pointer; overflow: hidden; background: none; border: none; color: var(--pcm-body-background); transition: color 200ms ease; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); &:before { z-index: 3; content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity 200ms ease; background: var(--pcm-body-color); } &:hover:before { opacity: 0.1; } `; var RetryIconContainer = (0, import_styled_components8.styled)(import_framer_motion8.motion.div)` position: absolute; inset: 0; &:before { z-index: 1; content: ''; position: absolute; inset: 3px; border-radius: 16px; background: conic-gradient(from 90deg, currentColor 10%, var(--pcm-accent-color) 80%); } svg { z-index: 2; display: block; position: relative; width: 100%; height: 100%; } `; var StatusContainer = (0, import_styled_components8.styled)(import_framer_motion8.motion.div)` position: relative; padding: 0; margin-top: 28px; scale: 0.95; opacity: 0; will-change: transform, height; color: var(--pcm-body-color); padding-bottom: 16px; div:first-child { font-weight: 500; margin-bottom: 10px; font-size: 16px; } span { color: var(--pcm-body-color-secondary); white-space: pre-wrap; font-size: 14px; } `; // src/pages/connecting/index.tsx var import_jsx_runtime10 = require("react/jsx-runtime"); var States = { CONNECTED: "connected", CONNECTING: "connecting", FAILED: "failed", REJECTED: "rejected", NOTCONNECTED: "notconnected", UNAVAILABLE: "unavailable" }; var contentVariants = { initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1, transition: { ease: [0.16, 1, 0.3, 1], duration: 0.25 } } }; var Page2 = ({ wallet, authParams, passkeyParams }) => { const locales = useLocales(); const [status, setStatus] = (0, import_react13.useState)(States.CONNECTING); const controller = (0, import_framer_motion9.useAnimationControls)(); const { config } = useContext(); const { uri, requestUri, available: wcAvailable, error: requestWCUriError } = useWalletConnectUri(wallet?.connector?.id); const isMobile2 = useIsMobile(); const { updateLastConnectorId } = useLastConnectorId(); const { openW3m, error: openW3mError } = useWalletConnectModal(); const { isConnected } = useAccount(); const handleError = (0, import_react13.useCallback)((error) => { if (error) { if (error.code) { switch (error.code) { case -32002: setStatus(States.NOTCONNECTED); break; case 4001: setStatus(States.REJECTED); break; default: setStatus(States.FAILED); break; } } else { if (error.message) { switch (error.message) { case "User rejected request": setStatus(States.REJECTED); break; default: setStatus(States.FAILED); break; } } } } }, []); const connectCallback = (0, import_react13.useMemo)( () => ({ onMutate: ({ connector }) => { if (connector) { setStatus(States.CONNECTING); } else { setStatus(States.UNAVAILABLE); } }, onSettled: (data, error) => { handleError(error); } }), [handleError] ); const { connect: connect2 } = useConnect(connectCallback); const isPasskey = (0, import_react13.useMemo)(() => { return wallet.connector.id === "passkeySmartWallet"; }, [wallet]); const walletInfo = (0, import_react13.useMemo)(() => { let icon = wallet.icon; if (authParams?.socialType) { const Icon10 = getSocialIcon(authParams.socialType); icon = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon10, {}); } const passkey = isPasskey ? { isRegistering: passkeyParams?.isRegistering ?? false } : void 0; return { id: wallet.id, name: wallet.name, shortName: wallet.shortName ?? wallet.name, icon, iconShape: wallet.iconShape ?? "circle", iconShouldShrink: wallet.iconShouldShrink, isAuth: Boolean(authParams?.socialType), passkey }; }, [wallet, authParams, passkeyParams, isPasskey]); 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), url: wallet?.downloadUrls[Object.keys(wallet.downloadUrls)[0]] } : void 0; }, [wallet]); const toggleAnim = async () => { controller.stop(); controller.set("initial"); await controller.start("animate"); }; const onConnect = () => { setStatus(States.CONNECTING); if (isMobile2 && wallet.connector.chainType === "evm" && wallet.getWalletConnectDeeplink && !isCoinbase(wallet.connector.id) && !wallet.isInstalled) { if (isWalletConnect(wallet.connector.id)) { openW3m(); return; } else if (wcAvailable) { requestUri(); return; } } if (wallet?.isInstalled && wallet?.connector) { if (authParams?.socialType) { config.storage?.setItem("recentConnectorId", wallet.connector.id); updateLastConnectorId(wallet.connector.id); } connect2({ connector: wallet?.connector, authParams, passkeyParams }); } else { setStatus(States.UNAVAILABLE); } }; (0, import_react13.useEffect)(() => { const connectTimeout = setTimeout(onConnect, 200); return () => { clearTimeout(connectTimeout); }; }, []); (0, import_react13.useEffect)(() => { if (uri && isMobile2 && wallet.connector.chainType === "evm" && wallet.getWalletConnectDeeplink) { const url = wallet.getWalletConnectDeeplink(uri); openMobileUrl(url); } }, [uri]); (0, import_react13.useEffect)(() => { if (isMobile2 && requestWCUriError) { handleError(requestWCUriError); } }, [requestWCUriError, handleError]); (0, import_react13.useEffect)(() => { if (isMobile2 && isWalletConnect(wallet.connector.id) && openW3mError) { handleError(openW3mError); } }, [openW3mError, handleError]); (0, import_react13.useEffect)(() => { return () => { if (!isConnected) { config.setState((x) => ({ ...x, status: x.current ? "connected" : "disconnected" })); } }; }, [isConnected]); const connectingH = (0, import_react13.useMemo)(() => { const walletName = walletInfo.shortName || walletInfo.name || "Wallet"; if (status == States.CONNECTED) { return locales.connectingConnected; } else if (status == States.FAILED) { return locales.connectingFailed; } else if (status == States.REJECTED) { return locales.connectingRejected; } else if (status == States.NOTCONNECTED) { return locales.connectingNotconnected.format(walletName); } else if (status == States.UNAVAILABLE) { if (suggestedExtension) { return locales.connectingUnavailable; } else { if (isPasskeySmartWallet(walletInfo.id)) { return locales.connectingPasskeyUnavailable; } return locales.connectingInstall.format(walletName); } } return locales.connectingRequest; }, [status, locales, walletInfo, suggestedExtension]); const connectingP = (0, import_react13.useMemo)(() => { const walletName = walletInfo.shortName || walletInfo.name || "Wallet"; if (status == States.CONNECTED) { return locales.connectingConnectedDesc; } else if (status == States.FAILED) { return locales.connectingFailedDesc; } else if (status == States.REJECTED) { return locales.connectingRejectedDesc; } else if (status == States.NOTCONNECTED) { return locales.connectingNotconnectedDesc.format(walletName); } else if (status == States.UNAVAILABLE) { if (suggestedExtension) { return locales.connectingUnavailableDesc.format(walletName, suggestedExtension.label); } else { if (isPasskeySmartWallet(walletInfo.id)) { return locales.connectingPasskeyUnavailableDesc; } return locales.connectingInstallDesc.format(walletName); } } if (walletInfo.isAuth) { return locales.connectingRequestAuthDesc; } else if (walletInfo.passkey) { if (walletInfo.passkey.isRegistering) { return locales.setupPasskeyPrompt; } else { return locales.passkeyPrompt; } } return locales.connectingRequestDesc; }, [status, locales, walletInfo, suggestedExtension]); (0, import_react13.useEffect)(() => { if (connectingH) { toggleAnim(); } }, [connectingH]); return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageContent, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ConnectingContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)( ConnectingAnimation, { $shake: status === States.FAILED || status === States.REJECTED, $circle: walletInfo.iconShape === "circle", children: [ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_framer_motion9.AnimatePresence, { children: (status === States.FAILED || status === States.REJECTED) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( RetryButton, { "aria-label": "Retry", initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, whileTap: { scale: 0.9 }, transition: { duration: 0.1 }, onClick: onConnect, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RetryIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RetryIconCircle, {}) }) } ) }), walletInfo.iconShape === "circle" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( circleSpinner_default, { logo: status === States.UNAVAILABLE ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( "div", { style: { transform: isPasskey ? "scale(1)" : "scale(1.14)", position: "relative", width: "100%" }, children: walletInfo.icon } ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: walletInfo.icon }), smallLogo: walletInfo.iconShouldShrink, connecting: status === States.CONNECTING, unavailable: status === States.UNAVAILABLE } ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( squircleSpinner_default, { logo: status === States.UNAVAILABLE ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( "div", { style: { position: "relative", width: "60px", height: "60px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( "div", { style: { transform: "scale(0.75)" }, children: walletInfo.icon } ) } ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: walletInfo.icon }), connecting: status === States.CONNECTING } ) ] } ), /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(StatusContainer, { variants: contentVariants, initial: "animate", animate: controller, children: [ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: connectingH }), /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: connectingP }) ] }) ] }) }); }; var connecting_default = Page2; // src/components/socialLogin/index.tsx var import_connector_core4 = require("@particle-network/connector-core"); var import_react14 = require("react"); // src/assets/toggle.tsx var import_framer_motion10 = require("framer-motion"); var import_jsx_runtime11 = require("react/jsx-runtime"); var ToggleIcon = () => { return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_framer_motion10.motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)( "path", { d: "M5.20833 10.4167C4.0625 10.4167 3.125 11.3542 3.125 12.5C3.125 13.6459 4.0625 14.5834 5.20833 14.5834C6.35417 14.5834 7.29167 13.6459 7.29167 12.5C7.29167 11.3542 6.35417 10.4167 5.20833 10.4167ZM19.7917 10.4167C18.6458 10.4167 17.7083 11.3542 17.7083 12.5C17.7083 13.6459 18.6458 14.5834 19.7917 14.5834C20.9375 14.5834 21.875 13.6459 21.875 12.5C21.875 11.3542 20.9375 10.4167 19.7917 10.4167ZM12.5 10.4167C11.3542 10.4167 10.4167 11.3542 10.4167 12.5C10.4167 13.6459 11.3542 14.5834 12.5 14.5834C13.6458 14.5834 14.5833 13.6459 14.5833 12.5C14.5833 11.3542 13.6458 10.4167 12.5 10.4167Z", fill: "var(--pcm-body-action-color)" } ) }); }; var toggle_default = ToggleIcon; // src/hooks/useConnectWithWallet.ts var useConnectWithWallet = () => { const { navigate } = useRouter(); const isMobile2 = useIsMobile(); const connector = useConnector("walletConnect"); const connectWallet = (walletProps, params) => { if (walletProps.isInstalled) { navigate("connecting" /* Connecting */, { wallet: walletProps, passkeyParams: params?.passkeyParams, authParams: params?.authParams }); } else if (walletProps.connector.id === "walletConnect") { if (isMobile2) { navigate("connecting" /* Connecting */, { wallet: walletProps }); } else { navigate("walletconnect" /* Walletconnect */, { wallet: walletProps }); } } else if (walletProps.connector.chainType === "evm" && walletProps.getWalletConnectDeeplink && connector) { if (isMobile2) { navigate("connecting" /* Connecting */, { wallet: walletProps }); } else { navigate("walletconnect" /* Walletconnect */, { wallet: walletProps }); } } else { if (walletProps.getDAppBrowserDeeplink && isMobile2) { const url = walletProps.getDAppBrowserDeeplink(window.location.href); openMobileUrl(url); } else if (!isMobile2 && (hasPCDownloadUrl(walletProps) || walletProps.id === "braveWallet")) { navigate("download-app" /* DownloadApp */, { wallet: walletProps }); } else { navigate("connecting" /* Connecting */, { wallet: walletProps }); } } }; return connectWallet; }; // src/hooks/useWalletsProps.tsx var import_jsx_runtime12 = require("react/jsx-runtime"); var useWalletsProps = () => { const connectors = useConnectors(); const wallets = connectors.map((connector) => { const rawId = connector.id.replace("solana_", ""); const groupId = Object.keys(walletConfigs).find( (id) => id.split(",").map((i) => i.trim()).indexOf(rawId) !== -1 ); const props = { id: connector.id, name: connector.name ?? connector.id ?? connector.type, icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("img", { src: connector.icon, alt: connector.name, width: "100%", height: "100%" }), connector, iconShape: "squircle", isInstalled: connector.isInstalled?.(), getConnector: () => { return connector; } }; if (groupId) { const wallet = walletConfigs[groupId]; return { ...props, ...wallet, groupId }; } else { if (!connector.icon) { props.icon = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Injected, {}); } } return props; }); const result = wallets.filter( (wallet, index, self) => self.findIndex((w) => w.id === wallet.id && w.connector.chainType === wallet.connector.chainType) === index ).filter((wallet, index, self) => { if (wallet.connector.chainType === "solana") { return true; } const groupId = wallet.groupId; if (groupId && groupId.includes(",")) { const isMipd = wallet.connector.id.includes("."); if (isMipd) { return true; } const mipdIds = groupId.split(",").map((id) => id.trim()).filter((id) => id.includes(".")); const hasMipd = self.find((w) => mipdIds.includes(w.connector.id)); return Boolean(!hasMipd); } return true; }).sort((a, b) => { if (a.isInstalled && !b.isInstalled) return -1; if (!a.isInstalled && b.isInstalled) return 1; return 0; }).sort((a, b) => { if (a.id === "walletConnect") return 1; if (b.id === "walletConnect") return -1; return 0; }); return result; }; var useWalletsProps_default = useWalletsProps; var useWalletProps = (id) => { const wallets = useWalletsProps(); const wallet = wallets.find((c) => c.id === id); if (!wallet) return null; return wallet; }; // src/utils/social.ts var socialAuthTypes = [ "facebook", "google", "apple", "twitter", "discord", "github", "twitch", "microsoft", "linkedin" ]; var isSocialAuthType = (authType) => { return socialAuthTypes.includes(authType); }; // src/components/wallets/styles.ts var import_framer_motion11 = require("framer-motion"); var import_styled_components9 = require("styled-components"); var WalletsContainer = (0, import_styled_components9.styled)(import_framer_motion11.motion.div)` width: 100%; display: flex; flex-direction: column; gap: 16px; `; var WalletIconContainer = (0, import_styled_components9.styled)(import_framer_motion11.motion.div)` height: 22px; width: 22px; border-radius: 6px; overflow: hidden; svg { width: 100%; height: 100%; } `; var WalletLable = (0, import_styled_components9.styled)(import_framer_motion11.motion.div)` position: absolute; margin: auto 16px; right: 0; height: 25px; background: ${(props) => props.$customLable ? "var(--pcm-wallet-lable-background)" : "var(--pcm-body-background-secondary)"}; color: ${(props) => props.$customLable ? "var(--pcm-wallet-lable-color)" : "var(--pcm-body-color-secondary)"}; font-size: 12px; font-weight: 300; text-align: center; line-height: 25px; padding: 0 10px 0 21px; border-radius: 25px; max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-property: opacity, transform; opacity: 1; transition-duration: 200ms; &:before { content: ''; position: absolute; height: 7px; width: 7px; background: ${(props) => props.$customLable ? "var(--pcm-wallet-lable-color)" : "var(--pcm-accent-color)"}; border-radius: 50%; top: 9px; left: 10px; } `; var ForwardContainer = (0, import_styled_components9.styled)(import_framer_motion11.motion.div)` margin: auto 0; position: absolute; right: 26px; opacity: 0; transition-property: opacity, transform; transition-duration: 200ms; color: var(--pcm-body-color); `; var WalletItem = (0, import_styled_components9.styled)(import_framer_motion11.motion.div)` width: 100%; height: 47px; border: 1px solid var(--pcm-button-border-color); cursor: pointer; display: flex; align-items: center; padding: 0 16px; border-radius: var(--pcm-rounded-lg); gap: 12px; position: relative; user-select: none; @media only screen and (min-width: 560px) { &:hover { box-shadow: var(--pcm-button-hover-shadow); ${WalletLable} { opacity: 0; transform: translateX(-15px); } ${ForwardContainer} { opacity: 1; transform: translateX(10px); } } } @media only screen and (max-width: 560px) { &:hover:active { box-shadow: var(--pcm-button-hover-shadow); ${WalletLable} { opacity: 0; transform: translateX(-15px); } ${ForwardContainer} { opacity: 1; transform: translateX(10px); } } } &.all-wallets-btn { background: var(--pcm-body-background-secondary); border: none; font-weight: 500; &:hover { box-shadow: none; } } `; // src/components/socialLogin/styles.ts var import_framer_motion12 = require("framer-motion"); var import_styled_components10 = require("styled-components"); var FadeIn2 = import_styled_components10.keyframes` from { opacity: 0; } to { opacity: 1; } `; var SocialLoginContainer = (0, import_styled_components10.styled)(import_framer_motion12.motion.div)` width: 100%; display: flex; justify-content: space-between; transform: translateZ(0); flex-wrap: wrap; flex-direction: ${(props) => { if (props.$felxRow) { return "row"; } return "column"; }}; gap: ${(props) => { if (props.$felxRow) { return "0px"; } return "12px"; }}; `; var SocialItem = (0, import_styled_components10.styled)(import_framer_motion12.motion.div)` display: flex; align-items: center; gap: 10px; height: 46px; border: 1px solid var(--pcm-button-border-color); transition: 0.2s ease width; cursor: pointer; opacity: 0; animation: ${FadeIn2} 300ms ease-out both; position: relative; user-select: none; ${(props) => { if (props.$isDisabled) { return import_styled_components10.css` opacity: 0.5 !important; cursor: not-allowed !important; pointer-events: none !important; `; } else { return import_styled_components10.css``; } }} ${(props) => { if (props.$felxRow) { return import_styled_components10.css` padding: 0; width: 46px; border-radius: var(--pcm-rounded-full); justify-content: center; `; } return import_styled_components10.css` padding-left: 16px; padding-right: 16px; width: 100%; border-radius: var(--pcm-rounded-lg); justify-content: flex-start; ${ForwardContainer} { svg { height: inherit; width: inherit; } } @media only screen and (min-width: 560px) { &:hover { ${WalletLable} { opacity: 0; transform: translateX(-15px); } ${ForwardContainer} { opacity: 1; transform: translateX(10px); } } } @media only screen and (max-width: 560px) { &:hover:active { ${WalletLable} { opacity: 0; transform: translateX(-15px); } ${ForwardContainer} { opacity: 1; transform: translateX(10px); } } } `; }} @media only screen and (min-width: 560px) { &:hover { box-shadow: var(--pcm-button-hover-shadow); } } @media only screen and (max-width: 560px) { &:hover:active { box-shadow: var(--pcm-button-hover-shadow); } } svg { object-fit: cover; ${(props) => { if (props.$felxRow) { return import_styled_components10.css` height: 30px; width: 30px; `; } return import_styled_components10.css` height: 22px; width: 22px; `; }} } span { font-weight: 500; font-size: 14px; white-space: nowrap; text-align: center; text-transform: capitalize; display: ${(props) => { if (props.$felxRow) { return "none"; } return "block"; }}; } `; var ToggleContainer = (0, import_styled_components10.styled)(import_framer_motion12.motion.div)` height: 47px; width: 47px; cursor: pointer; border-radius: var(--pcm-rounded-full); display: flex; align-items: center; justify-content: center; background: var(--pcm-body-background-secondary); opacity: 0; animation: ${FadeIn2} 300ms ease-out both; &:hover { box-shadow: var(--pcm-button-hover-shadow); } svg { height: 25px; width: 25px; object-fit: cover; } `; // src/components/socialLogin/index.tsx var import_jsx_runtime13 = require("react/jsx-runtime"); var SocialLogin = ({ expandList }) => { const { config } = useContext(); const { navigate } = useRouter(); const locales = useLocales(); const { appearance } = useAppearance(); const wallet = useWalletProps((0, import_connector_core4.isEVMChain)(config.chains[0]) ? "particleEVM" : "particleSolana"); const walletConnector = useWalletConnector("particleAuth"); const evmWalletConnector = useWalletConnector("evmWallet"); const { lastConnectorId } = useLastConnectorId(); const connectWallet = useConnectWithWallet(); 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_react14.useMemo)(() => { if (!walletConnector) { return []; } const hasPasskeyConnector = evmWalletConnector?.connectors.some( (connector) => connector.id === "passkeySmartWallet" ); const enablePasskey = Boolean(config.plugins.some((plugin) => plugin.id === "aa") && hasPasskeyConnector) && appearance.collapsePasskeyButton === "as-social"; if (enablePasskey) { return walletConnector.supportAuthTypes.concat("passkeySmartWallet"); } return walletConnector.supportAuthTypes; }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]); const socialAuthTypes2 = (0, import_react14.useMemo)(() => { return authTypes.filter((item) => isSocialAuthType(item) || item === "passkeySmartWallet"); }, [authTypes]); 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_react14.useMemo)(() => { if (_expandList) { return socialAuthTypes2; } if (socialAuthTypes2.length > 5) { return socialAuthTypes2.slice(0, 4); } return socialAuthTypes2; }, [_expandList, socialAuthTypes2]); const onSocialLogin = (authType) => { if (wallet && isSocialAuthType(authType)) { const name = authType.charAt(0).toUpperCase() + authType.slice(1); const Icon10 = getSocialIcon(authType); connectWallet( { ...wallet, name, shortName: name, iconShape: authType === "microsoft" || authType === "twitch" ? "squircle" : "circle", icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon10, {}) }, { authParams: { socialType: authType, prompt: "select_account" } } ); } else if (authType === "passkeySmartWallet") { navigate("login-passkey" /* LoginPasskey */); } }; const felxRow = (0, import_react14.useMemo)(() => { if (_expandList) { return false; } return socialAuthTypes2.length > 3; }, [_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_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 }), !felxRow && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [ recentConnectSocialAuthType === authType && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(WalletLable, { children: locales.lastUsed }), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ForwardContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Forward, {}) }) ] }) ] }), !_expandList && index == 3 && socialAuthTypes2.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleContainer, { onClick: () => navigate("connectors" /* Connectors */, { type: "social" }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(toggle_default, {}) }) ] }, authType); }) }); }; var socialLogin_default = SocialLogin; // src/components/wallets/index.tsx var import_react15 = require("react"); // src/components/button/styles.ts var import_framer_motion13 = require("framer-motion"); var import_styled_components11 = require("styled-components"); var ButtonContainer = import_styled_components11.styled.button` display: flex; align-items: center; justify-content: center; opacity: 1; cursor: pointer; width: 100%; border-radius: var(--pcm-rounded-lg); font-weight: var(--pcm-button-font-weight); height: 47px; border: none; ${({ $color }) => { if ($color === "primary") { return import_styled_components11.css` background: var(--pcm-primary-button-bankground); color: var(--pcm-primary-button-color); &:hover { background: var(--pcm-primary-button-hover-background); } `; } else if ($color === "secondary") { return import_styled_components11.css` background: var(--pcm-secondary-button-bankground); color: var(--pcm-secondary-button-color); &:hover { background: var(--pcm-secondary-button-hover-background); } `; } return void 0; }} ${({ $disabled, $loading }) => ($disabled || $loading) && import_styled_components11.css` cursor: not-allowed; pointer-events: none; opacity: 0.5; div { opacity: 0.5; } `} &:hover { box-shadow: var(--pcm-button-hover-shadow); } `; var InlineBox = import_styled_components11.styled.div` display: inline-block; margin-right: 8px; `; var IconContainer = (0, import_styled_components11.styled)(import_framer_motion13.motion.div)` position: relative; display: inline-block; vertical-align: middle; max-width: 20px; max-height: 20px; margin: 0 10px; &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } ${(props) => { return props.$rounded && import_styled_components11.css` overflow: hidden; border-radius: var(--pcm-rounded-sm); `; }} svg { display: block; position: relative; max-width: 100%; height: auto; } `; // src/components/button/index.tsx var import_jsx_runtime14 = require("react/jsx-runtime"); var Button = ({ children, style, loading = false, disabled = false, color = "primary", roundedIcon, onClick, icon, ...rest }) => { return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)( ButtonContainer, { style, onClick: (event) => { if (!disabled && !loading && onClick) onClick(event); }, $loading: Boolean(loading), $disabled: disabled, $color: color, ...rest, children: [ loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ButtonLoadingIcon, { style: { width: "20px", marginRight: "6px" } }), /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FlexCenter, { gap: 6, children: [ icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconContainer, { $rounded: roundedIcon, children: icon }), children ] }) ] } ); }; var button_default = Button; // src/components/wallets/index.tsx var import_jsx_runtime15 = require("react/jsx-runtime"); var Wallets = ({ expandList }) => { const { navigate } = useRouter(); const wallets = useWalletsProps_default(); const locales = useLocales(); const { lastConnectorId } = useLastConnectorId(); const connectWallet = useConnectWithWallet(); const { appearance } = useAppearance(); const walletData = (0, import_react15.useMemo)(() => { const _wallets = wallets.filter( (wallet) => wallet.connector.type !== "particleAuth" && wallet.connector.id !== "passkeySmartWallet" ); const datas = []; for (const wallet of _wallets) { const key = wallet.groupId || wallet.connector.id; const itemData = datas.find((w) => w.key === key); if (itemData) { itemData.props.push(wallet); } else { datas.push({ key, props: [wallet], rankingWeight: 0 }); } } const recommendedWallets = appearance?.recommendedWallets || []; datas.forEach((data) => { const ids = data.key.split(",").map((id) => id.trim()); if (data.props.length > 1) { data.lable = locales.multichain; } if (data.props.some((item) => item.isInstalled)) { data.lable = locales.installed; data.rankingWeight = 100; } const recommended = recommendedWallets.find((item) => ids.includes(item.walletId)); if (recommended) { if (recommended.label !== "none") { if (recommended.label?.toLowerCase() === "recommended") { data.lable = locales.recommended; } else if (recommended.label?.toLowerCase() === "popular") { data.lable = locales.popular; } else { data.lable = recommended.label || locales.recommended; } data.customLable = true; } else { data.customLable = void 0; } const recommendedIndex = recommendedWallets.indexOf(recommended); data.rankingWeight = 200 + (99 - recommendedIndex); } if (lastConnectorId && ids.includes(lastConnectorId)) { data.lable = locales.lastUsed; data.rankingWeight = 500; data.customLable = void 0; } }); datas.sort((a, b) => { if (a.rankingWeight > b.rankingWeight) { return -1; } if (a.rankingWeight < b.rankingWeight) { return 1; } return 0; }); return datas; }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]); const renderWallets = (0, import_react15.useMemo)(() => { if (expandList) { return walletData; } if (appearance?.collapseWalletList) { return []; } if (walletData.length > 3) { return walletData.slice(0, 3); } return walletData; }, [walletData, expandList, appearance?.collapseWalletList]); const displayActionBtn = (0, import_react15.useMemo)(() => { return !expandList && (appearance?.collapseWalletList || walletData.length > 3); }, [expandList, appearance?.collapseWalletList, walletData]); const onWalletClick = (data) => { if (data.props.length > 1) { navigate("select-chain" /* SelectChain */, { walletData: data }); } else { const walletProps = data.props[0]; connectWallet(walletProps); } }; return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(WalletsContainer, { children: [ renderWallets.map((walletData2) => { return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(WalletItem, { onClick: () => onWalletClick(walletData2), children: [ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WalletIconContainer, { children: walletData2.props[0].icon }), walletData2.props[0].name, walletData2.lable && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WalletLable, { $customLable: walletData2.customLable, children: walletData2.lable }), /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ForwardContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Forward, {}) }) ] }, walletData2.key); }), displayActionBtn && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)( button_default, { onClick: () => { navigate("connectors" /* Connectors */); }, color: "secondary", children: appearance?.collapseWalletList ? locales.continueWithWallet : locales.viewAllWallets } ) ] }); }; var wallets_default2 = Wallets; // src/pages/connectors/index.tsx var import_jsx_runtime16 = require("react/jsx-runtime"); var Connectors = ({ type = "wallet" }) => { return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)( PageContent, { style: { paddingTop: "30px" }, children: type == "wallet" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(wallets_default2, { expandList: true }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(socialLogin_default, { expandList: true }) } ); }; var connectors_default = Connectors; // src/pages/downloadApp/index.tsx var import_react17 = require("react"); // src/assets/browser/android.tsx var import_jsx_runtime17 = require("react/jsx-runtime"); var Icon = () => { return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { clipPath: "url(#clip0_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mask", { id: "mask0_250_292", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "30", height: "30", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("g", { mask: "url(#mask0_250_292)", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }) }), /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { clipPath: "url(#clip1_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( "rect", { x: "9.92371", y: "11.415", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(-45 9.92371 11.415)", fill: "black" } ), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( "rect", { x: "19.1113", y: "10.4482", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(45 19.1113 10.4482)", fill: "black" } ) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: "clip0_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: "clip1_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "12.9921", height: "12.9921", fill: "white", transform: "translate(5.81445 15.5249) rotate(-45)" }) }) ] }) ] }); }; var android_default = Icon; // src/assets/browser/brave.tsx var import_jsx_runtime18 = require("react/jsx-runtime"); var Icon2 = () => { return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.3417 5.7573L21.8942 4.37574C21.8942 4.37574 21.191 3.6082 20.3372 2.73832C19.4834 1.86844 17.6754 2.38014 17.6754 2.38014L15.6162 0H12H8.38389L6.3247 2.38014C6.3247 2.38014 4.51663 1.86844 3.66282 2.73832C2.80901 3.6082 2.10587 4.37574 2.10587 4.37574L2.65834 5.7573L1.9552 7.80407C1.9552 7.80407 4.02318 15.7842 4.26551 16.7587C4.74264 18.6775 5.0691 19.4195 6.42515 20.3917C7.7812 21.3639 10.2422 23.0525 10.644 23.3083C11.0458 23.5642 11.548 24 12 24C12.452 24 12.9543 23.5642 13.3561 23.3083C13.7579 23.0525 16.2189 21.3639 17.5749 20.3917C18.931 19.4195 19.2574 18.6775 19.7345 16.7587C19.9768 15.7842 22.0449 7.80407 22.0449 7.80407L21.3417 5.7573Z", fill: "url(#paint0_linear_254_541)" } ), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 14.9357C12.1377 14.9357 13.0197 15.253 13.7275 15.6261C14.4353 15.9993 14.9482 16.2631 15.1122 16.3677C15.2761 16.4723 15.1761 16.6694 15.0268 16.777C14.8775 16.8845 12.8705 18.4679 12.6757 18.6429C12.4809 18.818 12.1946 19.107 12 19.107C11.8054 19.107 11.5191 18.818 11.3244 18.6429C11.1295 18.4679 9.12258 16.8845 8.97321 16.777C8.82385 16.6694 8.7239 16.4723 8.88783 16.3677C9.05181 16.2631 9.56475 15.9993 10.2726 15.6261C10.9803 15.253 11.8624 14.9357 12 14.9357ZM12.0108 3.6582C12.0784 3.66011 12.4592 3.67897 13.0045 3.86415C13.6072 4.06883 14.2601 4.32467 14.5615 4.32467C14.8628 4.32467 17.0978 3.88973 17.0978 3.88973C17.0978 3.88973 19.7464 7.15177 19.7464 7.84895C19.7464 8.54613 19.4132 8.73014 19.0782 9.09257C18.7432 9.455 17.2801 11.0379 17.0923 11.2411C16.9044 11.4444 16.5132 11.7526 16.7433 12.3073C16.9734 12.8621 17.3128 13.5679 16.9354 14.2839C16.5579 14.9998 15.9112 15.4777 15.4969 15.3987C15.0825 15.3197 14.1094 14.8016 13.7516 14.5649C13.3938 14.3283 12.2596 13.3753 12.2596 13.0106C12.2596 12.6461 13.432 11.9914 13.6485 11.8427C13.8652 11.694 14.8531 11.1183 14.8734 10.8923C14.8935 10.6663 14.8859 10.6 14.5943 10.0417C14.3028 9.48325 13.7777 8.73812 13.8651 8.24234C13.9525 7.74661 14.7993 7.48882 15.4036 7.25631C16.0078 7.02385 17.1712 6.58477 17.3165 6.51651C17.4619 6.44819 17.4243 6.38316 16.984 6.34064C16.5438 6.29812 15.2944 6.12915 14.7312 6.28911C14.1679 6.44906 13.2056 6.69243 13.1277 6.82147C13.0497 6.95052 12.981 6.95487 13.061 7.40004C13.141 7.84522 13.5532 9.98133 13.5931 10.3607C13.6332 10.7402 13.7114 10.991 13.3099 11.0845C12.9083 11.1781 12.2323 11.3405 12 11.3405C11.7677 11.3405 11.0917 11.1781 10.6902 11.0845C10.2886 10.991 10.3668 10.7402 10.4069 10.3607C10.4469 9.98133 10.859 7.84522 10.939 7.40004C11.0191 6.95487 10.9503 6.95052 10.8724 6.82147C10.7945 6.69243 9.83211 6.44906 9.26884 6.28911C8.70558 6.12915 7.45625 6.29812 7.01599 6.34064C6.57572 6.38316 6.53816 6.44819 6.68351 6.51651C6.82885 6.58477 7.9923 7.02385 8.59649 7.25631C9.20074 7.48882 10.0476 7.74661 10.135 8.24234C10.2223 8.73812 9.69725 9.48325 9.40575 10.0417C9.1142 10.6 9.10647 10.6663 9.12671 10.8923C9.1469 11.1183 10.1349 11.694 10.3515 11.8427C10.5681 11.9914 11.7404 12.6461 11.7404 13.0106C11.7404 13.3753 10.6063 14.3283 10.2485 14.5649C9.89062 14.8016 8.91752 15.3197 8.50318 15.3987C8.08883 15.4777 7.44219 14.9998 7.06471 14.2839C6.68727 13.5679 7.02669 12.8621 7.25671 12.3073C7.48679 11.7526 7.09569 11.4444 6.90776 11.2411C6.71992 11.0379 5.25679 9.455 4.92179 9.09257C4.5868 8.73014 4.25366 8.54613 4.25366 7.84895C4.25366 7.15177 6.90228 3.88973 6.90228 3.88973C6.90228 3.88973 9.13726 4.32467 9.4386 4.32467C9.73994 4.32467 10.3929 4.06883 10.9955 3.86415C11.5408 3.67897 11.9217 3.66011 11.9893 3.6582H12.0108Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("mask", { id: "mask0_254_541", maskUnits: "userSpaceOnUse", x: "3", y: "0", width: "18", height: "5", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)( "path", { d: "M17.6754 2.38014L15.6162 0H12H8.38391L6.32472 2.38014C6.32472 2.38014 4.51665 1.86844 3.66284 2.73832C3.66284 2.73832 6.0736 2.5166 6.9023 3.88963C6.9023 3.88963 9.13727 4.32457 9.43862 4.32457C9.73996 4.32457 10.3929 4.06872 10.9956 3.86404C11.5983 3.65937 12 3.65788 12 3.65788C12 3.65788 12.4018 3.65937 13.0045 3.86404C13.6072 4.06872 14.2601 4.32457 14.5615 4.32457C14.8628 4.32457 17.0978 3.88963 17.0978 3.88963C17.9265 2.5166 20.3373 2.73832 20.3373 2.73832C19.4834 1.86844 17.6754 2.38014 17.6754 2.38014Z", fill: "white" } ) }), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { mask: "url(#mask0_254_541)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)( "path", { d: "M17.6754 2.38014L15.6162 0H12H8.38391L6.32472 2.38014C6.32472 2.38014 4.51665 1.86844 3.66284 2.73832C3.66284 2.73832 6.0736 2.5166 6.9023 3.88963C6.9023 3.88963 9.13727 4.32457 9.43862 4.32457C9.73996 4.32457 10.3929 4.06872 10.9956 3.86404C11.5983 3.65937 12 3.65788 12 3.65788C12 3.65788 12.4018 3.65937 13.0045 3.86404C13.6072 4.06872 14.2601 4.32457 14.5615 4.32457C14.8628 4.32457 17.0978 3.88963 17.0978 3.88963C17.9265 2.5166 20.3373 2.73832 20.3373 2.73832C19.4834 1.86844 17.6754 2.38014 17.6754 2.38014Z", fill: "url(#paint1_linear_254_541)" } ) }), /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)( "linearGradient", { id: "paint0_linear_254_541", x1: "1.9552", y1: "12.1693", x2: "22.0449", y2: "12.1693", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { stopColor: "#FF5500" }), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: "0.409877", stopColor: "#FF5500" }), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: "0.581981", stopColor: "#FF2000" }), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: "1", stopColor: "#FF2000" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)( "linearGradient", { id: "paint1_linear_254_541", x1: "4.02108", y1: "2.19279", x2: "20.3373", y2: "2.19279", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { stopColor: "#FF452A" }), /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: "1", stopColor: "#FF2000" }) ] } ) ] }) ] }); }; var brave_default = Icon2; // src/assets/browser/chrome.tsx var import_jsx_runtime19 = require("react/jsx-runtime"); var Icon3 = () => { return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M11.9688 0.00214432C11.9688 0.00214432 19.0439 -0.315123 22.7937 6.76868H11.3671C11.3671 6.76868 9.2091 6.69796 7.36952 9.30633C6.83899 10.399 6.2731 11.5268 6.90975 13.7467C5.99004 12.1964 2.02783 5.32383 2.02783 5.32383C2.02783 5.32383 4.82286 0.283971 11.9688 0.00214432Z", fill: "#C6352E" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M22.4254 17.9878C22.4254 17.9878 19.1627 24.2499 11.1298 23.9421C12.1207 22.2333 16.8444 14.0844 16.8444 14.0844C16.8444 14.0844 17.9848 12.2581 16.6382 9.36675C15.9536 8.3625 15.2565 7.31019 13.0081 6.74912C14.8164 6.73123 22.771 6.75027 22.771 6.75027C22.771 6.75027 25.754 11.6819 22.4254 17.9878Z", fill: "#F4D911" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M1.56249 18.0352C1.56249 18.0352 -2.24961 12.0884 2.03498 5.31226C3.02506 7.02176 7.74618 15.1721 7.74618 15.1721C7.74618 15.1721 8.76325 17.0691 11.9502 17.3532C13.1651 17.2649 14.4287 17.1896 16.0407 15.5305C15.1519 17.0992 11.1575 23.953 11.1575 23.953C11.1575 23.953 5.37921 24.0603 1.56249 18.0352Z", fill: "#81B354" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M11.1298 23.9999L12.7371 17.318C12.7371 17.318 14.5043 17.1807 15.9851 15.5615C15.0659 17.1726 11.1298 23.9999 11.1298 23.9999Z", fill: "#7BAA50" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M6.58582 12.0749C6.58582 9.12933 8.98242 6.74146 11.9393 6.74146C14.896 6.74146 17.2928 9.12928 17.2928 12.0749C17.2928 15.0206 14.8961 17.4085 11.9393 17.4085C8.98242 17.4085 6.58582 15.0206 6.58582 12.0749Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M7.48169 12.0749C7.48169 9.62243 9.47728 7.63428 11.9392 7.63428C14.4007 7.63428 16.3965 9.62243 16.3965 12.0749C16.3965 14.5274 14.4007 16.5157 11.9392 16.5157C9.47728 16.5157 7.48169 14.5273 7.48169 12.0749Z", fill: "url(#paint0_linear_250_519)" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M22.7711 6.75027L16.1527 8.68345C16.1527 8.68345 15.1547 7.22433 13.0081 6.74912C14.8681 6.74281 22.7711 6.75027 22.7711 6.75027Z", fill: "#E7CE12" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( "path", { d: "M6.78096 13.507C5.85084 11.9023 2.02795 5.32373 2.02795 5.32373L6.93069 10.1554C6.93069 10.1554 6.42686 11.1879 6.6179 12.6626L6.78096 13.507Z", fill: "#BC332C" } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)( "linearGradient", { id: "paint0_linear_250_519", x1: "11.9391", y1: "7.69709", x2: "11.9391", y2: "16.25", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("stop", { stopColor: "#A2C0E6" }), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("stop", { offset: "1", stopColor: "#406CB1" }) ] } ) }) ] }); }; var chrome_default = Icon3; // src/assets/browser/edge.tsx var import_jsx_runtime20 = require("react/jsx-runtime"); var Icon4 = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)( "path", { d: "M22.1078 18.5214C19.3512 22.7809 14.8855 23.9426 13.1213 23.8319C2.5912 23.3341 4.19002 9.33864 10.5301 9.39396C6.00936 12.2705 12.1841 21.7852 21.2808 18.0789C22.218 17.415 22.3834 18.2448 22.1078 18.5214Z", fill: "url(#paint0_radial_254_542)" } ), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)( "path", { d: "M15.0509 11.9384C16.0433 7.40236 13.3418 4.47051 7.93895 4.47051C2.53605 4.47051 0 9.55975 0 12.1597C0 19.0191 6.89145 26.1551 15.8228 23.3892C8.43513 25.5466 4.0246 16.9723 7.77355 11.7725C10.3096 8.12149 14.5547 8.01085 15.0509 11.9384ZM20.5641 3.30884H20.6192H20.5641Z", fill: "url(#paint1_radial_254_542)" } ), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)( "path", { d: "M0.0551758 11.8279C0.716755 -2.99729 21.0052 -3.82706 23.9271 9.00668C24.699 14.9257 19.1858 17.249 14.7753 15.3682C12.4598 13.93 16.2087 14.2619 14.6099 9.89177C11.9636 3.69617 0.771886 4.19403 0.0551758 11.8279Z", fill: "url(#paint2_linear_254_542)" } ), /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)( "radialGradient", { id: "paint0_radial_254_542", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.5346 16.6164) scale(8.36722 7.22259)", children: [ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "0.8", stopColor: "#114488" }), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "1", stopColor: "#113377" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)( "radialGradient", { id: "paint1_radial_254_542", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(10.3096 15.7235) scale(10.3096 10.3455)", children: [ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "0.8", stopColor: "#3388CC" }), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "1", stopColor: "#226699" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)( "linearGradient", { id: "paint2_linear_254_542", x1: "0.0551759", y1: "8.00314", x2: "19.2482", y2: "22.3592", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "0.1", stopColor: "#55AADD" }), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "0.6", stopColor: "#55CC88" }), /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("stop", { offset: "0.8", stopColor: "#77DD55" }) ] } ) ] }) ] }); }; var edge_default = Icon4; // src/assets/browser/firefox.tsx var import_jsx_runtime21 = require("react/jsx-runtime"); var Icon5 = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M22.771 8.05713C22.2613 6.83832 21.2417 5.52645 20.438 5.11517C21.0103 6.22305 21.4078 7.41292 21.6165 8.64252V8.66353C20.3061 5.38235 18.0781 4.06147 16.2579 1.17955C16.1619 1.03546 16.072 0.888361 15.982 0.735259C15.931 0.645199 15.892 0.567147 15.853 0.495099C15.7772 0.348322 15.7189 0.193163 15.6791 0.0327917C15.6793 0.0257687 15.6769 0.0189183 15.6726 0.0134331C15.6682 0.00794791 15.662 0.00417522 15.6551 0.00277175C15.6455 -0.000923918 15.6348 -0.000923918 15.6251 0.00277175V0.00877574C15.6251 0.0147797 15.6161 0.00877574 15.6161 0.00877574V0.00277175C12.7014 1.71391 11.7089 4.88402 11.6189 6.46607C10.4524 6.54707 9.33742 6.97809 8.41928 7.70289C8.32352 7.62148 8.22341 7.54531 8.11941 7.47474C7.85404 6.54402 7.84368 5.55896 8.08943 4.62284C7.01589 5.14322 6.06212 5.88131 5.28865 6.79029C4.82385 6.2079 4.85683 4.28062 4.88382 3.87835C4.74703 3.93239 4.61635 4.00082 4.49399 4.08248C4.08608 4.37332 3.70475 4.69982 3.35449 5.05813C2.95893 5.46256 2.59783 5.89937 2.27496 6.364C1.52784 7.42419 0.997872 8.62202 0.715636 9.88834L0.694645 9.9694C0.673654 10.0685 0.592689 10.5818 0.580694 10.6899V10.7199C0.479913 11.249 0.417775 11.7848 0.394775 12.323L0.394775 12.383C0.399466 15.2947 1.49441 18.0987 3.46344 20.2417C5.43247 22.3846 8.13248 23.7106 11.0304 23.9579C13.9284 24.2052 16.8136 23.3559 19.1166 21.5776C21.4195 19.7992 22.9728 17.2212 23.4697 14.3523C23.4907 14.2022 23.5057 14.0521 23.5237 13.902C23.7644 11.9216 23.5067 9.9124 22.774 8.05713H22.771ZM9.37587 17.1622C9.42984 17.1922 9.48082 17.2222 9.5348 17.2432L9.54379 17.2492C9.48982 17.2212 9.43484 17.1912 9.37886 17.1592L9.37587 17.1622ZM21.6195 8.66053V8.65152V8.66353V8.66053Z", fill: "url(#paint0_linear_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M22.771 8.05719C22.2613 6.83838 21.2417 5.52651 20.438 5.11523C21.0103 6.22312 21.4078 7.41298 21.6165 8.64258V8.6666C22.5131 11.2328 22.3841 14.0466 21.2567 16.5198C19.9253 19.3807 16.6987 22.3137 11.6519 22.1696C6.20025 22.0195 1.39634 17.9668 0.496731 12.6593C0.334801 11.8187 0.496731 11.3984 0.580694 10.717C0.469069 11.2444 0.406826 11.781 0.394775 12.32L0.394775 12.3801C0.399466 15.2917 1.49441 18.0958 3.46344 20.2387C5.43247 22.3816 8.13248 23.7077 11.0304 23.955C13.9284 24.2023 16.8136 23.353 19.1166 21.5746C21.4195 19.7963 22.9728 17.2182 23.4697 14.3494C23.4907 14.1993 23.5057 14.0492 23.5237 13.8991C23.7644 11.9187 23.5067 9.90946 22.774 8.05419L22.771 8.05719Z", fill: "url(#paint1_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M22.771 8.05719C22.2613 6.83838 21.2417 5.52651 20.438 5.11523C21.0103 6.22312 21.4078 7.41298 21.6165 8.64258V8.6666C22.5131 11.2328 22.3841 14.0466 21.2567 16.5198C19.9253 19.3807 16.6987 22.3137 11.6519 22.1696C6.20025 22.0195 1.39634 17.9668 0.496731 12.6593C0.334801 11.8187 0.496731 11.3984 0.580694 10.717C0.469069 11.2444 0.406826 11.781 0.394775 12.32L0.394775 12.3801C0.399466 15.2917 1.49441 18.0958 3.46344 20.2387C5.43247 22.3816 8.13248 23.7077 11.0304 23.955C13.9284 24.2023 16.8136 23.353 19.1166 21.5746C21.4195 19.7963 22.9728 17.2182 23.4697 14.3494C23.4907 14.1993 23.5057 14.0492 23.5237 13.8991C23.7644 11.9187 23.5067 9.90946 22.774 8.05419L22.771 8.05719Z", fill: "url(#paint2_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M17.1216 9.42295C17.1515 9.44096 17.1695 9.45897 17.1935 9.47698C16.9017 8.95822 16.5383 8.48323 16.114 8.06605C12.5036 4.45164 15.1694 0.224833 15.6192 0.0116915V0.00268555C12.7045 1.71382 11.7119 4.88393 11.6219 6.46598C11.7569 6.45698 11.8918 6.44797 12.0298 6.44797C13.065 6.44946 14.0813 6.72521 14.9756 7.24719C15.8699 7.76918 16.6103 8.51881 17.1216 9.41995V9.42295Z", fill: "url(#paint3_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M12.0386 10.1495C12.0177 10.4347 10.9981 11.4343 10.6383 11.4343C7.33369 11.4343 6.79993 13.4337 6.79993 13.4337C6.94386 15.1208 8.11935 16.5077 9.53474 17.2462L9.73265 17.3363C9.8466 17.3863 9.96055 17.4333 10.0745 17.4774C10.5608 17.6504 11.0702 17.7496 11.5858 17.7716C17.3793 18.0417 18.5008 10.8369 14.3207 8.74455C15.3067 8.61744 16.3048 8.86135 17.1214 9.42901C16.6102 8.52787 15.8698 7.77824 14.9755 7.25625C14.0812 6.73427 13.0649 6.45852 12.0297 6.45703C11.8917 6.45703 11.7598 6.46304 11.6218 6.47204C10.4554 6.55305 9.34036 6.98406 8.42222 7.70886C8.60214 7.85896 8.80006 8.0571 9.22287 8.47437C10.0115 9.25489 12.0326 10.0564 12.0416 10.1555L12.0386 10.1495Z", fill: "url(#paint4_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M12.0386 10.1495C12.0177 10.4347 10.9981 11.4343 10.6383 11.4343C7.33369 11.4343 6.79993 13.4337 6.79993 13.4337C6.94386 15.1208 8.11935 16.5077 9.53474 17.2462L9.73265 17.3363C9.8466 17.3863 9.96055 17.4333 10.0745 17.4774C10.5608 17.6504 11.0702 17.7496 11.5858 17.7716C17.3793 18.0417 18.5008 10.8369 14.3207 8.74455C15.3067 8.61744 16.3048 8.86135 17.1214 9.42901C16.6102 8.52787 15.8698 7.77824 14.9755 7.25625C14.0812 6.73427 13.0649 6.45852 12.0297 6.45703C11.8917 6.45703 11.7598 6.46304 11.6218 6.47204C10.4554 6.55305 9.34036 6.98406 8.42222 7.70886C8.60214 7.85896 8.80006 8.0571 9.22287 8.47437C10.0115 9.25489 12.0326 10.0564 12.0416 10.1555L12.0386 10.1495Z", fill: "url(#paint5_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M7.88262 7.31559C7.97258 7.37563 8.05355 7.42667 8.12252 7.4747C7.85714 6.54397 7.84678 5.55891 8.09253 4.6228C7.01899 5.14318 6.06522 5.88127 5.29175 6.79024C5.35172 6.79024 7.03099 6.76022 7.88262 7.31259V7.31559Z", fill: "url(#paint6_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M0.499754 12.6594C1.39936 17.9639 6.19727 22.0166 11.6549 22.1697C16.7017 22.3138 19.9253 19.3778 21.2567 16.5199C22.3842 14.0467 22.5131 11.2329 21.6166 8.6667V8.65469V8.64269L21.6226 8.6637C22.0304 11.3595 20.663 13.9682 18.5219 15.7334L18.5129 15.7484C14.3447 19.1497 10.3565 17.8018 9.54682 17.2494C9.48684 17.2234 9.42987 17.1954 9.37589 17.1654C6.94695 16.0036 5.93939 13.7851 6.15529 11.8818C5.57827 11.8906 5.0111 11.7316 4.52251 11.4241C4.03391 11.1167 3.64486 10.674 3.40249 10.1497C4.0409 9.7583 4.76879 9.5371 5.51681 9.50715C6.26482 9.47719 7.00803 9.63949 7.67563 9.97857C9.05103 10.6029 10.6157 10.6643 12.0357 10.1497C12.0297 10.0536 10.0086 9.24909 9.21696 8.46857C8.79714 8.05429 8.59923 7.85616 8.41931 7.70606C8.32354 7.62465 8.22344 7.54848 8.11944 7.47791C8.05047 7.42988 7.9755 7.37885 7.87954 7.31881C7.03391 6.76644 5.34864 6.79646 5.29167 6.79646H5.28567C4.82687 6.21407 4.85686 4.28679 4.88385 3.88452C4.74705 3.93857 4.61638 4.00699 4.49402 4.08866C4.08598 4.38044 3.70464 4.70795 3.35451 5.06731C2.95598 5.47042 2.59186 5.90623 2.26599 6.37017C1.51887 7.43036 0.9889 8.62819 0.706664 9.89452C0.700667 9.91853 0.286847 11.7257 0.490758 12.6624L0.499754 12.6594Z", fill: "url(#paint7_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M16.1169 8.06614C16.5412 8.48332 16.9047 8.95831 17.1965 9.47707C17.2565 9.52811 17.3164 9.57614 17.3704 9.62117C20.0093 12.0528 18.6299 15.4901 18.5249 15.7362C20.663 13.9711 22.0334 11.3623 21.6226 8.66654C20.3031 5.38535 18.0781 4.06447 16.2549 1.18256C16.1649 1.03846 16.075 0.891363 15.985 0.738261C15.934 0.648201 15.895 0.570149 15.8561 0.498101C15.779 0.350507 15.7196 0.194323 15.6791 0.0327917C15.6793 0.0257687 15.677 0.0189183 15.6726 0.0134331C15.6682 0.00794791 15.662 0.00417522 15.6551 0.00277175C15.6455 -0.000923918 15.6348 -0.000923918 15.6252 0.00277175V0.00877575C15.6252 0.0147797 15.6162 0.00877575 15.6162 0.00877575C15.1664 0.22492 12.4975 4.45173 16.1139 8.06614H16.1169Z", fill: "url(#paint8_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M17.3674 9.6213C17.3165 9.57326 17.2565 9.52523 17.1935 9.4772L17.1215 9.42316C16.3037 8.85583 15.3044 8.61296 14.3178 8.74171C18.4979 10.8371 17.3764 18.0479 11.583 17.7717C11.0685 17.7504 10.5601 17.6523 10.0746 17.4805C9.96066 17.4405 9.84671 17.3945 9.73276 17.3424C9.66679 17.3124 9.60381 17.2824 9.53784 17.2524H9.54684C10.3565 17.8047 14.3447 19.1556 18.5189 15.7514L18.5249 15.7394C18.6299 15.4992 20.0093 12.0559 17.3734 9.6273L17.3674 9.6213Z", fill: "url(#paint9_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M6.79706 13.4337C6.79706 13.4337 7.33682 11.4344 10.6354 11.4344C10.9952 11.4344 12.0148 10.4347 12.0388 10.1435C10.6174 10.6608 9.0502 10.6004 7.67268 9.97542C7.00508 9.63634 6.26186 9.47404 5.51385 9.504C4.76584 9.53395 4.03795 9.75516 3.39954 10.1465C3.64276 10.6712 4.03293 11.1139 4.52267 11.4209C5.0124 11.7278 5.58062 11.8858 6.15833 11.8757C5.93943 13.779 6.94399 15.9974 9.37594 17.1592C9.42991 17.1892 9.48089 17.2132 9.53487 17.2403C8.11648 16.5048 6.94399 15.1178 6.79706 13.4277V13.4337Z", fill: "url(#paint10_radial_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( "path", { d: "M22.7711 8.05713C22.2613 6.83832 21.2417 5.52645 20.4381 5.11517C21.0103 6.22305 21.4078 7.41292 21.6166 8.64252V8.66353C20.3061 5.38235 18.0781 4.06147 16.2579 1.17955C16.1619 1.03546 16.072 0.888361 15.982 0.735259C15.931 0.645199 15.892 0.567147 15.8531 0.495099C15.7773 0.348322 15.7189 0.193163 15.6791 0.0327917C15.6793 0.0257687 15.677 0.0189183 15.6726 0.0134331C15.6682 0.00794791 15.662 0.00417522 15.6551 0.00277175C15.6455 -0.000923918 15.6348 -0.000923918 15.6252 0.00277175V0.00877574C15.6252 0.0147797 15.6162 0.00877574 15.6162 0.00877574V0.00277175C12.7014 1.71391 11.7089 4.88402 11.6189 6.46607C11.7538 6.45706 11.8888 6.44806 12.0267 6.44806C13.0619 6.44955 14.0783 6.72529 14.9726 7.24728C15.8669 7.76926 16.6073 8.5189 17.1185 9.42003C16.301 8.85448 15.303 8.61273 14.3177 8.74158C18.4979 10.837 17.3764 18.0478 11.5829 17.7716C11.0674 17.7506 10.558 17.6525 10.0716 17.4804C9.95763 17.4404 9.84368 17.3943 9.72973 17.3423L9.53181 17.2522H9.54081C9.48683 17.2262 9.43186 17.1982 9.37588 17.1682C9.42986 17.1982 9.48084 17.2282 9.53481 17.2492C8.11643 16.5138 6.94394 15.1268 6.797 13.4367C6.797 13.4367 7.33677 11.4404 10.6353 11.4404C10.9952 11.4404 12.0147 10.4407 12.0387 10.1495C12.0327 10.0595 10.0116 9.24892 9.21995 8.47441C8.80013 8.05413 8.59922 7.859 8.4223 7.7089C8.32653 7.62748 8.22643 7.55132 8.12243 7.48074C7.85705 6.55002 7.84669 5.56496 8.09244 4.62885C7.0189 5.14923 6.06514 5.88732 5.29166 6.79629C4.82686 6.2139 4.85985 4.28662 4.88684 3.88435C4.75004 3.9384 4.61937 4.00683 4.49701 4.08849C4.08909 4.37932 3.70776 4.70582 3.3575 5.06414C2.96195 5.46856 2.60085 5.90537 2.27797 6.37001C1.53086 7.4302 1.00089 8.62802 0.71865 9.89435L0.694661 9.9694C0.67367 10.0685 0.574713 10.5908 0.55972 10.7019C0.470273 11.2383 0.413194 11.7797 0.388794 12.323V12.383C0.393485 15.2947 1.48843 18.0987 3.45746 20.2417C5.42649 22.3846 8.1265 23.7106 11.0244 23.9579C13.9224 24.2052 16.8076 23.3559 19.1106 21.5776C21.4135 19.7992 22.9668 17.2212 23.4637 14.3523C23.4847 14.2022 23.4997 14.0521 23.5177 13.902C23.7584 11.9216 23.5007 9.9124 22.7681 8.05713H22.7711ZM21.6166 8.65753V8.66653V8.65753Z", fill: "url(#paint11_linear_254_560)" } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "linearGradient", { id: "paint0_linear_254_560", x1: "21.2432", y1: "3.72", x2: "1.33211", y2: "21.6846", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.048", stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.111", stopColor: "#FFE847" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.225", stopColor: "#FFC830" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.368", stopColor: "#FF980E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.401", stopColor: "#FF8B16" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.462", stopColor: "#FF672A" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.534", stopColor: "#FF3647" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.705", stopColor: "#E31587" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint1_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(20.7298 2.66831) scale(24.2286 24.2552)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.129", stopColor: "#FFBD4F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.186", stopColor: "#FFAC31" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.247", stopColor: "#FF9D17" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.283", stopColor: "#FF980E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.403", stopColor: "#FF563B" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.467", stopColor: "#FF3750" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.71", stopColor: "#F5156C" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.782", stopColor: "#EB0878" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.86", stopColor: "#E50080" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint2_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8765 12.5845) scale(24.2286 24.2552)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.3", stopColor: "#960E18" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.351", stopColor: "#B11927", stopOpacity: "0.74" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.435", stopColor: "#DB293D", stopOpacity: "0.343" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.497", stopColor: "#F5334B", stopOpacity: "0.094" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.53", stopColor: "#FF3750", stopOpacity: "0" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint3_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(14.7976 -2.8363) scale(17.5526 17.5719)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.132", stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.252", stopColor: "#FFDC3E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.506", stopColor: "#FF9D12" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.526", stopColor: "#FF980E" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint4_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.19648 18.9201) scale(11.5363 11.549)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.353", stopColor: "#3A8EE6" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.472", stopColor: "#5C79F0" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.669", stopColor: "#9059FF" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "1", stopColor: "#C139E6" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint5_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.2004 10.5966) rotate(-13.606) scale(6.11684 7.1683)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.206", stopColor: "#9059FF", stopOpacity: "0" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.278", stopColor: "#8C4FF3", stopOpacity: "0.064" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.747", stopColor: "#7716A8", stopOpacity: "0.45" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.975", stopColor: "#6E008B", stopOpacity: "0.6" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint6_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.5707 1.67574) scale(8.29919 8.30832)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { stopColor: "#FFE226" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.121", stopColor: "#FFDB27" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.295", stopColor: "#FFC82A" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.502", stopColor: "#FFA930" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.732", stopColor: "#FF7E37" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.792", stopColor: "#FF7139" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint7_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(18.094 -3.59375) scale(35.4089 35.4479)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.113", stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.456", stopColor: "#FF980E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.622", stopColor: "#FF5634" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.716", stopColor: "#FF3647" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.904", stopColor: "#E31587" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint8_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.1096 -1.62294) rotate(83.9826) scale(25.9803 17.0323)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.06", stopColor: "#FFE847" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.168", stopColor: "#FFC830" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.304", stopColor: "#FF980E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.356", stopColor: "#FF8B16" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.455", stopColor: "#FF672A" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.57", stopColor: "#FF3647" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.737", stopColor: "#E31587" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint9_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.3751 4.75326) scale(22.1064 22.1307)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.137", stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.48", stopColor: "#FF980E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.592", stopColor: "#FF5634" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.655", stopColor: "#FF3647" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.904", stopColor: "#E31587" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "radialGradient", { id: "paint10_radial_254_560", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.2106 6.04851) scale(24.1953 24.2219)", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.094", stopColor: "#FFF44F" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.231", stopColor: "#FFE141" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.509", stopColor: "#FFAF1E" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.626", stopColor: "#FF980E" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)( "linearGradient", { id: "paint11_linear_254_560", x1: "21.005", y1: "3.624", x2: "4.04177", y2: "19.4772", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.167", stopColor: "#FFF44F", stopOpacity: "0.8" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.266", stopColor: "#FFF44F", stopOpacity: "0.634" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.489", stopColor: "#FFF44F", stopOpacity: "0.217" }), /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0.6", stopColor: "#FFF44F", stopOpacity: "0" }) ] } ) ] }) ] }); }; var firefox_default = Icon5; // src/assets/browser/ios.tsx var import_jsx_runtime22 = require("react/jsx-runtime"); var Icon6 = () => { return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("g", { clipPath: "url(#clip0_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("mask", { id: "mask0_250_292", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "30", height: "30", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { mask: "url(#mask0_250_292)", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }) }), /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("g", { clipPath: "url(#clip1_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)( "rect", { x: "9.92371", y: "11.415", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(-45 9.92371 11.415)", fill: "black" } ), /* @__PURE__ */ (0, import_jsx_runtime22.jsx)( "rect", { x: "19.1113", y: "10.4482", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(45 19.1113 10.4482)", fill: "black" } ) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "clip0_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "clip1_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "12.9921", height: "12.9921", fill: "white", transform: "translate(5.81445 15.5249) rotate(-45)" }) }) ] }) ] }); }; var ios_default = Icon6; // src/assets/browser/website.tsx var import_jsx_runtime23 = require("react/jsx-runtime"); var Icon7 = () => { return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("g", { clipPath: "url(#clip0_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("mask", { id: "mask0_250_292", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "30", height: "30", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { mask: "url(#mask0_250_292)", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }) }), /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("g", { clipPath: "url(#clip1_250_292)", children: [ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)( "rect", { x: "9.92371", y: "11.415", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(-45 9.92371 11.415)", fill: "black" } ), /* @__PURE__ */ (0, import_jsx_runtime23.jsx)( "rect", { x: "19.1113", y: "10.4482", width: "1.36759", height: "12.9921", rx: "0.683795", transform: "rotate(45 19.1113 10.4482)", fill: "black" } ) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("clipPath", { id: "clip0_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { width: "30", height: "30", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("clipPath", { id: "clip1_250_292", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { width: "12.9921", height: "12.9921", fill: "white", transform: "translate(5.81445 15.5249) rotate(-45)" }) }) ] }) ] }); }; var website_default = Icon7; // src/assets/browser/index.ts var browsers = { brave: brave_default, chrome: chrome_default, edge: edge_default, firefox: firefox_default, android: android_default, ios: ios_default, website: website_default }; var getBrowserIcon = (browser) => { return browsers[browser] || website_default; }; // src/components/CustomQRCode/index.tsx var import_framer_motion15 = require("framer-motion"); // src/components/CustomQRCode/QRCode.tsx var import_qrcode = __toESM(require("qrcode"), 1); 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); const sqrt = Math.sqrt(arr.length); return arr.reduce( (rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows, [] ); }; function QRCode({ ecl = "M", size: sizeProp = 200, uri, clearArea = false, image, imageBackground = "transparent" }) { const logoSize = clearArea ? 76 : 0; const size = sizeProp - 10 * 2; const dots = (0, import_react16.useMemo)(() => { const dots2 = []; const matrix = generateMatrix(uri, ecl); const cellSize = size / matrix.length; const qrList = [ { x: 0, y: 0 }, { x: 1, y: 0 }, { x: 0, y: 1 } ]; qrList.forEach(({ x, y }) => { const x1 = (matrix.length - 7) * cellSize * x; const y1 = (matrix.length - 7) * cellSize * y; for (let i = 0; i < 3; i++) { dots2.push( /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( "rect", { fill: i % 2 !== 0 ? "var(--pcm-body-background)" : "var(--pcm-body-color)", rx: (i - 2) * -5 + (i === 0 ? 2 : 3), ry: (i - 2) * -5 + (i === 0 ? 2 : 3), width: cellSize * (7 - i * 2), height: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `${i}-${x}-${y}` ) ); } }); if (image) { const x1 = (matrix.length - 7) * cellSize * 1; const y1 = (matrix.length - 7) * cellSize * 1; dots2.push( /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( "rect", { fill: imageBackground, rx: (0 - 2) * -5 + 2, ry: (0 - 2) * -5 + 2, width: cellSize * (7 - 0 * 2), height: cellSize * (7 - 0 * 2), x: x1 + cellSize * 0, y: y1 + cellSize * 0 } ), /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( "foreignObject", { width: cellSize * (7 - 0 * 2), height: cellSize * (7 - 0 * 2), x: x1 + cellSize * 0, y: y1 + cellSize * 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { borderRadius: (0 - 2) * -5 + 2, overflow: "hidden" }, children: image }) } ) ] }) ); } const clearArenaSize = Math.floor((logoSize + 25) / cellSize); const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2; const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1; matrix.forEach((row, i) => { row.forEach((_, j) => { if (matrix[i][j]) { if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) { if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) { dots2.push( /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( "circle", { cx: i * cellSize + cellSize / 2, cy: j * cellSize + cellSize / 2, fill: "var(--pcm-body-color)", r: cellSize / 3 }, `circle-${i}-${j}` ) ); } } } }); }); return dots2; }, [ecl, size, uri]); return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)( "svg", { height: size, width: size, viewBox: `0 0 ${size} ${size}`, style: { width: size, height: size }, children: [ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { fill: "transparent", height: size, width: size }), dots ] } ); } // src/components/CustomQRCode/styles.ts var import_framer_motion14 = require("framer-motion"); var import_styled_components12 = require("styled-components"); var QRCodeContainer = (0, import_styled_components12.styled)(import_framer_motion14.motion.div)` z-index: 3; position: relative; overflow: hidden; height: 0; padding-bottom: 100% !important; display: flex; align-items: center; justify-content: center; margin: 1px 0 2px; border-radius: var(--pcm-rounded-lg); background: var(--pcm-body-background); box-shadow: 0 0 0 1px var(--pcm-button-border-color); backface-visibility: hidden; svg { display: block; max-width: 100%; width: 100%; height: auto; } `; var QRCodeContent = (0, import_styled_components12.styled)(import_framer_motion14.motion.div)` position: absolute; inset: 13px; svg { width: 100% !important; height: auto !important; } `; var PlaceholderKeyframes = import_styled_components12.keyframes` 0%{ background-position: 100% 0; } 100%{ background-position: -100% 0; } `; var QRPlaceholder = (0, import_styled_components12.styled)(import_framer_motion14.motion.div)` position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; > div { z-index: 4; position: relative; width: 28%; height: 28%; border-radius: 20px; background: #fff; box-shadow: 0 0 0 7px #fff; } > span { z-index: 4; position: absolute; background: var(--pcm-body-color-secondary); border-radius: var(--pcm-rounded-lg); width: 13.25%; height: 13.25%; box-shadow: 0 0 0 4px #fff; &:before { content: ''; position: absolute; inset: 9px; border-radius: 3px; box-shadow: 0 0 0 4px #fff; } &:nth-child(1) { top: 0; left: 0; } &:nth-child(2) { top: 0; right: 0; } &:nth-child(3) { bottom: 0; left: 0; } } &:before { z-index: 3; content: ''; position: absolute; inset: 0; background: repeat; background-size: 1.888% 1.888%; background-image: radial-gradient(var(--pcm-body-color-secondary) 41%, transparent 41%); } &:after { z-index: 5; content: ''; position: absolute; inset: 0; transform: scale(1.6) rotate(45deg); background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) ); background-size: 200% 100%; animation: ${PlaceholderKeyframes} 1000ms linear infinite both; ${(props) => props.$failed && import_styled_components12.css` animation: none; `} } `; var LogoContainer3 = (0, import_styled_components12.styled)(import_framer_motion14.motion.div)` z-index: 6; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(50%) scale(0.9999); // Shifting fix `; var LogoIcon = (0, import_styled_components12.styled)(import_framer_motion14.motion.div)` z-index: 6; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%, -50%) scale(0.9999); // Shifting fix svg { display: block; position: relative; width: 100%; height: 100% !important; } ${(props) => props.$wcLogo ? import_styled_components12.css` width: 29%; height: 20.5%; ` : import_styled_components12.css` width: 24%; height: 24%; border-radius: 17px; &:before { pointer-events: none; z-index: 2; content: ''; position: absolute; inset: 0; border-radius: inherit; /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); */ } `} `; var StyleRetryButtonWrapper = import_styled_components12.styled.div` position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; transform: translate(12px, 12px); z-index: 10; border-radius: 9999px; cursor: pointer; button { width: 100%; height: 100%; } `; // src/components/CustomQRCode/index.tsx var import_jsx_runtime25 = require("react/jsx-runtime"); function CustomQRCode({ value, image, imageBackground, ecl = "M", imagePosition = "center", failed, failedCallback }) { const Logo4 = image; return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(QRCodeContainer, { children: [ failed && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyleRetryButtonWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)( RetryButton, { "aria-label": "Retry", initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, whileTap: { scale: 0.9 }, transition: { duration: 0.1 }, onClick: failedCallback, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RetryIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RetryIconCircle, {}) }) } ) }), /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(QRCodeContent, { children: [ image && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LogoContainer3, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)( LogoIcon, { $wcLogo: imagePosition !== "center", style: { background: imagePosition === "center" ? imageBackground : void 0 }, children: Logo4 } ) }), /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion15.AnimatePresence, { initial: false, children: value ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)( import_framer_motion15.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: "absolute", inset: [0, 0] }, transition: { duration: 0.2 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(QRCode, { uri: value, size: 288, ecl, clearArea: !!(imagePosition === "center" && image) }) }, value ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)( QRPlaceholder, { initial: { opacity: 0.2 }, animate: { opacity: 0.2 }, exit: { opacity: 0, position: "absolute", inset: [0, 0] }, transition: { duration: 0.2 }, $failed: failed, children: [ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {}), /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {}), /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {}), /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {}) ] } ) }) ] }) ] }); } CustomQRCode.displayName = "CustomQRCode"; var CustomQRCode_default = CustomQRCode; // src/pages/downloadApp/styles.ts var import_framer_motion16 = require("framer-motion"); var import_styled_components13 = require("styled-components"); var Wrapper = (0, import_styled_components13.styled)(import_framer_motion16.motion.div)` padding: 8px 0; display: flex; flex-direction: column; .btn-wrap { display: flex; gap: 14px; align-items: center; justify-content: center; .label { width: 180px; text-align: left; color: var(--pcm-body-color); } img { width: 22px; height: 22px; object-fit: contain; } } `; var WalletIconContainer2 = (0, import_styled_components13.styled)(import_framer_motion16.motion.div)` width: 60px; height: 60px; margin: 0 auto; margin-bottom: 36px; svg { width: 100%; height: 100%; } `; var Title = import_styled_components13.styled.div` text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; margin-bottom: 8px; color: var(--pcm-body-color); `; var Subtitle = (0, import_styled_components13.styled)(Title)` color: var(--pcm-body-color-secondary); margin-bottom: 32px; font-weight: 400; `; var Links = import_styled_components13.styled.div` display: flex; flex-direction: column; gap: 15px; margin-bottom: 20px; button { border-radius: var(--pcm-rounded-lg); border: 1px solid #eaecf0; background-color: #fff; color: #000; font-size: 14px; font-style: normal; font-weight: 300; height: 45px; display: flex; justify-content: center; align-items: center; &:hover { background-color: #fff; } } `; var Tip = (0, import_styled_components13.styled)(Subtitle)` color: var(--pcm-body-color-secondary); margin-bottom: 0px; `; // src/pages/downloadApp/index.tsx var import_jsx_runtime26 = require("react/jsx-runtime"); var Page3 = ({ wallet }) => { const locales = useLocales(); 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] || ""; if (wallet.id === "braveWallet" && key === "website") { key = "brave"; } return { icon: getBrowserIcon(key), name: key, install: locales.installExtension.format(key?.charAt(0).toUpperCase() + key?.slice(1)), url }; }).filter((item) => { if (wallet.id === "braveWallet") { return !["ios", "android"].includes(item.name); } return !["ios", "android", "website"].includes(item.name); }); } else { return []; } }, [wallet, locales]); (0, import_react17.useEffect)(() => { const { website } = wallet?.downloadUrls || {}; if (downloadUrls?.length) { setViewType("List" /* List */); } else if (website) { setViewType("QRCode" /* QRCode */); } else { setViewType("Unavailable" /* Unavailable */); } }, [wallet, downloadUrls]); return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Wrapper, { children: [ viewType === "List" /* List */ && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(WalletIconContainer2, { children: wallet?.icon }), /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Title, { children: locales.installToConnect.format(wallet?.name || "") }), viewType === "List" /* List */ && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Subtitle, { children: locales.selectPreferredOptions }), /* @__PURE__ */ (0, import_jsx_runtime26.jsx)( "div", { style: { display: viewType !== "List" /* List */ ? "none" : "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Links, { children: downloadUrls.map((browser, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(WalletItem, { onClick: () => window.open(browser.url, "_blank"), children: [ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "btn-wrap", children: [ browser.icon?.(), browser.install ] }), /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ForwardContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Forward, {}) }) ] }, index)) }) } ), viewType === "QRCode" /* QRCode */ && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)( "div", { style: { padding: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CustomQRCode_default, { value: wallet?.downloadUrls?.website, ecl: "H", image: wallet?.icon }) } ), /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [ viewType === "List" /* List */ && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tip, { children: locales.refreshPageOnceInstalled }), viewType === "QRCode" /* QRCode */ && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tip, { children: locales.walletOnlyAvailableOnMobile }) ] }) ] }) }); }; var downloadApp_default = Page3; // src/pages/loginPasskey/styles.ts var import_styled_components14 = require("styled-components"); var IconWrapper = import_styled_components14.styled.div` display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 30px 0; margin-bottom: 20px; color: var(--pcm-accent-color); `; var TipText = import_styled_components14.styled.div` text-align: center; font-size: 14px; color: var(--pcm-body-color); margin-top: 16px; margin-bottom: 40px; `; // src/pages/loginPasskey/index.tsx var import_jsx_runtime27 = require("react/jsx-runtime"); var LoginPasskey = () => { const locales = useLocales(); const { navigate } = useRouter(); const connectWallet = useConnectWithWallet(); const wallet = useWalletProps("passkeySmartWallet"); const onRegistration = () => { if (isFirstRegisterPasskey()) { navigate("passkey-setup" /* PasskeySetup */); setFirstRegisterPasskey(); } else { connectWithPasskey(true); } }; const onAuthentication = () => { connectWithPasskey(false); }; const connectWithPasskey = (isRegistering) => { if (wallet) { connectWallet(wallet, { passkeyParams: { isRegistering } }); } else { throw new Error("Passkey is not configured."); } }; 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: 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: locales.createNewPasskey }), /* @__PURE__ */ (0, import_jsx_runtime27.jsx)( button_default, { style: { marginTop: 16 }, onClick: onAuthentication, color: "secondary", children: locales.loginWithPasskey } ) ] }) ] }); }; var loginPasskey_default = LoginPasskey; // src/pages/passkeySetup/styles.ts var import_styled_components15 = require("styled-components"); var StyleContainer = import_styled_components15.styled.div` margin: 0 auto; `; var StyleDescription = import_styled_components15.styled.p` text-align: center; color: var(--pcm-body-color-secondary); margin-top: 12px; width: 90%; margin: auto; margin-top: 10px; margin-bottom: 30px; line-height: 1.2; `; var StyleFeatureList = import_styled_components15.styled.ul` list-style-type: none; padding: 0; margin-bottom: 34px; `; var StyleFeatureItem = import_styled_components15.styled.li` display: flex; align-items: flex-start; margin-bottom: 26px; gap: 12px; svg { color: var(--pcm-body-color); circle { fill: var(--pcm-body-color-secondary); } } `; var StyleIcon = import_styled_components15.styled.span` font-size: 24px; margin-right: 16px; `; var StyleFeatureContent = import_styled_components15.styled.div` flex: 1; `; var StyleFeatureTitle = import_styled_components15.styled.h3` font-size: 14px; margin-bottom: 4px; `; var StyleFeatureDescription = import_styled_components15.styled.p` color: var(--pcm-body-color-secondary); line-height: 1.2; margin: 0; font-size: 14px; `; var StyleWarning = import_styled_components15.styled.div` display: flex; align-items: flex-start; border-radius: 4px; margin-bottom: 34px; gap: 10px; line-height: 1.2; font-size: 14px; svg { width: 18px; height: 18px; path { fill: #f4940e; } } `; var StyleWarningIcon = import_styled_components15.styled.span` font-size: 24px; margin-right: 12px; `; var StyleWarningText = import_styled_components15.styled.p` margin: 0; `; // src/pages/passkeySetup/index.tsx var import_jsx_runtime28 = require("react/jsx-runtime"); var Signup = () => { const locales = useLocales(); const connectWallet = useConnectWithWallet(); const wallet = useWalletProps("passkeySmartWallet"); return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PageContent, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleDescription, { children: locales.passkeyStorageInfo }), /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleFeatureList, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleFeatureItem, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FaceIcon, {}), /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleFeatureContent, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleFeatureTitle, { children: locales.convenientAndFast }), /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleFeatureDescription, { children: locales.biometricTransactionInfo }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleFeatureItem, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SecurityIcon, {}), /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleFeatureContent, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleFeatureTitle, { children: locales.increasedSecurity }), /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleFeatureDescription, { children: locales.passkeySecurityInfo }) ] }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(StyleWarning, { children: [ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(WarningIcon, {}), /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyleWarningText, { children: locales.passkeyDeletionWarning }) ] }), /* @__PURE__ */ (0, import_jsx_runtime28.jsx)( button_default, { onClick: () => { connectWallet(wallet, { passkeyParams: { isRegistering: true } }); }, children: locales.setupPasskey } ) ] }) }); }; var passkeySetup_default = Signup; // src/pages/receive/index.tsx var import_connector_core5 = require("@particle-network/connector-core"); // src/components/copyToClipboard/index.tsx var import_react18 = require("react"); // src/components/copyToClipboard/CopyToClipboardIcon.tsx var import_framer_motion17 = require("framer-motion"); var import_styled_components16 = require("styled-components"); var import_jsx_runtime29 = require("react/jsx-runtime"); var IconContainer2 = (0, import_styled_components16.styled)(import_framer_motion17.motion.div)` transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1); display: flex; align-items: center; justify-content: center; width: 100%; max-width: 24px; svg { display: block; } svg, svg path, svg rect { transition: inherit; } svg path:first-child { transform-origin: 50% 50%; fill: var(--pcm-body-background); stroke: var(--pcm-body-color-secondary); } svg rect { transform-origin: 53% 63%; fill: var(--pcm-body-background); stroke: var(--pcm-body-color-secondary); } svg path:last-child { opacity: 0; stroke: #fff !important; transform: translate(11.75px, 10px) rotate(90deg) scale(0.6); } ${(props) => props.$clipboard ? import_styled_components16.css` svg { transition-delay: 0ms; path:first-child { opacity: 0; transform: rotate(-90deg) scale(0.2); } rect { rx: 10px; fill: var(--pcm-accent-color); stroke: var(--pcm-accent-color); transform: rotate(-90deg) scale(1.45); } path:last-child { transition-delay: 100ms; opacity: 1; transform: translate(7.75px, 9.5px); } } ` : import_styled_components16.css` &:hover { } &:hover:active { } `} `; var CopyToClipboardIcon = ({ copied, small }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconContainer2, { $clipboard: copied, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)( CopyIcon2, { style: { transform: small ? "scale(1)" : "translateX(3px) scale(1.5)", opacity: small || copied ? 1 : 0.6 } } ) }); var CopyToClipboardIcon_default = CopyToClipboardIcon; // src/components/copyToClipboard/styles.ts var import_styled_components17 = require("styled-components"); var Container = import_styled_components17.styled.div` transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; ${(props) => props.$disabled ? import_styled_components17.css` cursor: not-allowed; opacity: 0.4; ` : import_styled_components17.css` &:hover { } `} `; var OffsetContainer = import_styled_components17.styled.div` display: flex; gap: 4px; position: relative; transition: inherit; align-items: center; /* svg { position: absolute; display: block; top: -2px; margin: 0; margin-left: 4px; } */ `; // src/components/copyToClipboard/index.tsx var import_jsx_runtime30 = require("react/jsx-runtime"); var CopyToClipboard = ({ string, children, variant }) => { 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) { return navigator.clipboard.writeText(str).then(() => { }).catch((err) => { }); } else { const textArea = document.createElement("textarea"); textArea.value = str; textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { try { document.execCommand("copy"); document.body.removeChild(textArea); res(true); } catch (err) { document.body.removeChild(textArea); rej(err); } }); } } const onCopy = () => { if (!string) return; const str = string.trim(); copyToClipboard(str); setClipboard(true); setClassName("copied"); clearTimeout(timeout); timeout = setTimeout(() => { setClipboard(false); setClassName("copied-0"); }, 1e3); }; if (variant === "button") return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(button_default, { disabled: !string, onClick: onCopy, className, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)( "div", { style: { display: "flex", gap: "8px", alignItems: "center", overflow: "hidden" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)( "div", { style: { width: "16px" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CopyToClipboardIcon_default, { copied: clipboard }) } ), children ] } ) }); return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Container, { onClick: onCopy, $disabled: !string, className, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(OffsetContainer, { children: [ children, /* @__PURE__ */ (0, import_jsx_runtime30.jsx)( "div", { style: { display: "flex", alignItems: "center", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CopyToClipboardIcon_default, { copied: clipboard, small: true }) } ) ] }) }); }; var copyToClipboard_default = CopyToClipboard; // src/hooks/useAddress.ts var import_react20 = require("react"); var import_viem2 = require("viem"); // src/hooks/useDisconnect.ts var import_react19 = require("react"); // src/actions/disconnect.ts async function disconnect(config, parameters = {}) { let connectors; if (parameters.connector) { connectors = [parameters.connector]; } else { const connections2 = [...config.state.connections.values()]; connectors = connections2.map((connection) => connection.connector); } const connections = config.state.connections; if (connectors && connectors.length) { for (const connector of connectors) { await connector.disconnect(); connector.emitter.off("change", config._internal.events.change); connector.emitter.off("disconnect", config._internal.events.disconnect); connector.emitter.on("connect", config._internal.events.connect); connections.delete(connector.uid); } } config.setState((x) => { if (connections.size === 0) return { ...x, connections: /* @__PURE__ */ new Map(), current: null, status: "disconnected" }; const nextConnection = connections.values().next().value; return { ...x, connections: new Map(connections), current: nextConnection.connector.uid }; }); { const current = config.state.current; if (!current) return; const connector = config.state.connections.get(current)?.connector; if (!connector) return; await config.storage?.setItem("recentConnectorId", connector.id); } } // src/hooks/useDisconnect.ts function useDisconnect(parameters) { const { config } = useContext(); const mutationFn = (0, import_react19.useCallback)(async (parameters2) => { await disconnect(config, parameters2 ?? void 0); }, []); const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters); return { status, data, error, disconnect: mutate, disconnectAsync: mutateAsync }; } // src/hooks/useAAPlugin.ts var import_zustand4 = require("zustand"); var useAAPlugin = (0, import_zustand4.create)((set) => ({ smartAccount: null, setSmartAccount: (value) => { set({ smartAccount: value }); } })); // src/hooks/useSmartAccount.ts var useSmartAccount = () => { const smartAccount = useAAPlugin((state) => state.smartAccount); return smartAccount; }; // src/hooks/useAddress.ts var useAddress = () => { const { address: eoaAddress, chain } = useAccount(); const smartAccount = useSmartAccount(); const { disconnect: disconnect2 } = useDisconnect(); const { showError } = useModalError(); const [address, setAddress] = (0, import_react20.useState)(); (0, import_react20.useEffect)(() => { if (smartAccount && eoaAddress && eoaAddress.startsWith("0x")) { setAddress(void 0); if (chain) { smartAccount.getAddress().then((result) => { if (smartAccount) { if (result) { setAddress((0, import_viem2.checksumAddress)(result)); } else { setAddress(void 0); } } else { if (eoaAddress === "0x0000000000000000000000000000000000000000") { setAddress(void 0); } else { setAddress(eoaAddress); } } }).catch((error) => { disconnect2(); setTimeout(() => showError(error.message), 10); }); } else { setAddress(void 0); } } else { if (eoaAddress === "0x0000000000000000000000000000000000000000") { setAddress(void 0); } else { setAddress(eoaAddress); } } }, [eoaAddress, smartAccount, disconnect2, chain]); return address; }; // src/utils/chains.ts var getChainDisplayName = (chain) => { if (!chain?.name) { return ""; } return chain.name.replace(" Mainnet", "").replace("BNB Smart Chain", "BNB Chain").replace("Binance Smart Chain", "BNB Chain"); }; // src/pages/receive/styles.ts var import_styled_components18 = require("styled-components"); var StyleWrapper = import_styled_components18.styled.div` padding: 15px 0px; padding-top: 30px; padding-bottom: 0; padding-top: 0; display: flex; flex-direction: column; `; var StyleSubTitle = import_styled_components18.styled.div` color: red; font-size: 14px; max-width: 90%; text-align: center; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; `; var StyleQrcodeWrapper = import_styled_components18.styled.div` margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0 30px; `; var StyleAddress = import_styled_components18.styled.div` margin-top: 0px; margin-bottom: 0px; font-size: 14px; text-align: center; color: var(--pcm-body-color-secondary); max-width: 80%; white-space: pre-wrap; word-break: break-all; margin-left: auto; margin-right: auto; `; var Stylefooter = import_styled_components18.styled.div` width: 100%; margin-top: 20px; svg { .bg { fill: var(--pcm-primary-button-hover-background) !important; stroke: var(--pcm-primary-button-color) !important; } path { stroke: var(--pcm-primary-button-color) !important; } } .copied { svg { .bg { fill: var(--pcm-accent-color) !important; stroke: var(--pcm-accent-color) !important; } } } `; // src/pages/receive/index.tsx var import_jsx_runtime31 = require("react/jsx-runtime"); var Page4 = () => { const { chain } = useAccount(); const address = useAddress(); const locales = useLocales(); return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(StyleWrapper, { children: [ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyleSubTitle, { children: locales.onlySupport.format(getChainDisplayName(chain) || "") }), /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyleQrcodeWrapper, { children: chain?.id && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CustomQRCode_default, { ecl: "H", value: address, image: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: (0, import_connector_core5.getChainIcon)(chain) }) }) }, chain?.id), /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyleAddress, { children: address }), /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Stylefooter, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(copyToClipboard_default, { variant: "button", string: address, children: locales.copyAddress }) }) ] }) }); }; var receive_default = Page4; // src/pages/selectChain/index.tsx var import_react21 = require("react"); // src/assets/chains/eth.tsx var import_jsx_runtime32 = require("react/jsx-runtime"); var Icon8 = () => { return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)( "svg", { width: "22", height: "22", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "21", height: "21", fill: "url(#pattern0_23_44)" }), /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("pattern", { id: "pattern0_23_44", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("use", { xlinkHref: "#image0_23_44", transform: "scale(0.0138889)" }) }), /* @__PURE__ */ (0, import_jsx_runtime32.jsx)( "image", { id: "image0_23_44", width: "72", height: "72", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAABAQSURBVHicvZx/cFzVdcc/970nybKFvP4ly5ax18TxDwxYEDAEcJETmpqQmcJ/mU6nFjPpFNJ2kKfTTNp0arstDZB25NBQSDtTm4TEhtKxwwSSdEotB2ihEBCJMTXUeI1l2ZZsa23r1+6+d0//ePvj/dxfWufOyPK+d+8953zvOd93zr1vpfg1tyefl27HoRvFBjRJLZIUSIiQQEgIgghphLSg0iKkBElpkfdM9ODXHmge/HXqq660gKf2SjIHPYZiq4ZuhISIIAACIiC4v8lfl/x1APFcw+2bRhjQog/ZVtOeHQ+o9JXU/4oB9MRe6TUUWwV6oGB0FDAuEuK5hkQCU5yj2N8VNaAdeWbHQ817roQdDQXI4y3bBZLgNVoC3lICKBI0Hyju/OKZwzfenS8tIt82ss27dmxrnFc1DKC8x/iAcX8HjBLI8wyFfoVr4ZAr9fX1Jw5EQUSlBb3zkT+atasRds0YoCefl27R7C8AA+XCCT/P+O6LB5SIcPJ6IoRBC8pTDIqttz26rXVgJvbNCKB/2Cs7UGwvfA4pCoHVrZJnIr2pCmAi5AG7Huubta1eG+sC6Km9knQUByvyDHEhFg6RhnOSp68oBi3k/ke3taauOEBPPi/dWnMQN3ch0jPiFM1/iOWZqoCpV56ktdabd32traY8yqil8xN7pVdr3i2AIwJaPAoVPwvh+4KIRPQv9W2yAOXtH5gfz3hqkAeIqAQYB/sen+q9IgB9Z5/0KcXuklESYUReKe0xSosPBL9R/vGbbjS4usNx++sgiKVrOj9v1fJ0EcSE1rL7jx+b7GsoQE/slV4t9MeubMAT4j2rBGTw/qL5cOt1Bld3Cq0tEgC90nw1eq6m/6vfHO9tCEBP/kC6EfpdIXlBugSK1h5P0B5Ftad/ARTv6ub7ahEUwpY7DEwTTAM+vdwVUFFewJt1ABhXHiF5IgJa7f7qI+PdMwKof68kbcVBQYqcI+Jf2djrVN/3htUGK5aUVJnfDh3zg2Pi5iijQ+ha4Lrm4IPfnEqWw8Aqi56wX0QSBWPry2xLfUK5DzBnFnx+o+F7nCoFq5YLo2OKrB0lLyqprE5e6b6AkJCscxBYGYtB3I1d+6RfRLrrWpkaVvxzG03aZoezjdYWuGaZ3+CqPDf4Q8W+ya/suLyjJoD6vy89YktfMWa1J8Z1SUiYI4jgiBKIQU5a0Qnda+OjfHmn0D6nEA7VclJAnlffGA4UYfvv74jmo2jtlPR7EffnInFPrKjHPkVgg/1NA7bcaWGWYUHDgHUr3diIlhehX6S8uCdsSV9bs78qgP7+WadPi3RrkQglCt6EZyUjchGf5+U/e1ZStLDxeoMlCysn8vPmwtWLJSwvCoSQvDK5mhc0DVrrZO+fX+otC1D/bkmg1fZGrox/vHs9cZWi52YTVUWho4A1K6GlGTQz99yy+sL23q+PJWMBsg3dp0USpdyhEPdSZ9zjj/t8iN5zp0FrS/VlYEsTrL8G0B55kbwYlufnRYnP1dzrySxmTyxAwMOVvaPAQ9WsVpgn1iQVa1eaVYNTaF0dsHBeJW+Oy6Srz8QR2R4J0OO77V5d2FCP45mCAh5vio17HTRCaDKFL95RnpjjmmHADavBIAhCmRDz6OZ6SIUa0v2c/PKflrjIo6qxdcY84/Uswp60+RaTBYn69+ja2xSrVqgKnlurJ4XtQ/RWH0D9uyXhiO7xxW0AaX/cB3im4F0ezwvG/ZKFitu7raqIOa4pYN1KRdvsIC8SUxMSURN6eUo8+VDJPkfo+XKfS9YGwJTO9YoP6Voy48p9lYJ7Nlk0N9UPTqE1WbBhjev4jdDNd90zZ9Zwj6vyIWbcVbb69XmG173jMlu/J25YbbDq6jqIJ6YtXaRY1hEvr57q3u95gtJsLQIkQo/EoerhE/f/tXnY7Ba4d5OF0cATOEPBjWsNmqwonWvxpHg7tNANYDzyT9lurWNyn2LMEhOzHk+K4aQtdzbR3tb4A9yr5iiuX2VUzYHlOSnSvsR9fWPdhgPdJcOCDF/uCVBuK9X9nOwyuPnayjmPCIxd0hz+KMv7x7KkL2t3u6JCW500WDBXValvHgSi9I22z3GcbgtRG4IEBR5BQOikwdO3dL80BwKWCV+6y3I34mOa1jA65jB01mZi0h1/Lu1w/qJD22yDZR0WCxMmRgx9NVlw83rFT1/3L05Rv4K+AZoAP33E2YeYGywNST8ohUF+/qn1eOazG0xWdEZblrOF06MOw6MOmWzYV0Tg8oTmg+NZZrUouhaZdC6wsKxwqHYuNFi1XPjf40540UKglHg0fDAZtg8haYlIsvxAj3f5gBHPxF5FhPntit/8bDjnmZoWTo3YnDnv4DiR2IXadEY4NmRz4rRN5wKLrg6LWZ46Tin4zDqDE8MO41MBQytGg3shHA15LCBpiS6ccUkAzQj0o0ALKIGCe3+jiTmtJSMuXtYMjdicT+ti/1qb7cDQiM2pUZuFCZNliy3a57geOrtVcfN6k4G3HeLpIsqzoujCGzmSsLR23+qqPDAORP/KrLvGYMNqEy1wLs8vlyfqRCWiibi8NTrmMLfNoGuxxcK5Jp9ebnI0pRk6K6FFqx2Y4viEJd5N+YLBVfJMUUj+96wm+NImi9PnbE6NOExnGgdMVLs4rrk4nqW1RdHVYbHxOpMz5zTZXAxdlLXPY08JtISl6wImqq8wt11xNJXDqn03Y0ZtKiP838kcWitamhWZbNDTozjJA2KUbfnrFkJavOdeRaPjOMnjnoH7wyPCSz8X1n9KsXKZqmtbo57mpguK0QtgO3XQReR9EEhbWiQtQqLywAiXjSDEqYzw1hHho5Nw4xqDxQvUjCr4ck0ELo3D8Kgik2UGwMQ94UhbIqTLE1X1oTerBXI5yDlw4SL855uaZUuge7XR8HJjahpOjyouT5R0MJT7k7MblDAq0oZAyrsDWFX1G6ru8/sojnD/55pZvdxEITgipE4JL/3c4Z0PHHL2zIGxbTh1VvHRCcWlicIGF3QuUNx0rRVd3cftRoTs8+wTCYijUpZoUgUhRXSrDKegK09n4dV3bf7k92bxwXGL/a9kGbmgydrwyw+FYydtblpnkOwyauYnETifhrPnFbadl61gTivcdoPFiqUmL/x7prgIBTvKcmil0ENS5m2/9Y0lItwXxeC1cxJcmtCMTwpfvLOZTTdZmCYcP6XJ2UI2C6lh4cw5IXGVYvasMD+dOO13MxGYmIQTpxUX0grHceWZJnSvNrnnzmY6F5m88kaOk2d0HQ+XMlm34rvmrXdvB+TB2MLU51kRoHn6FoScPKtZvMBgxVKTdSstbr3BYuyycOacRmu4PAEfnnBLg0UJRXNTCSUvQJksDI0oTo8qcnaJZ1YsNbh3UxPXfsqtzw5/ZPPmYZtQJMTxTFlvKvXVip0K4OHHJsdE8iVHzQlWFIjCnFbFX/zBbDoXlLZHjxyzee5nGT4eclwuAJqb4Ka1JutXmTRZcOgXUzhO6bHtaIpC57Ub3HGTxTVdpUPHkQuafT/JMJ2pIveJ0jcexPTr3++YZwJsvPsbWxC3qq8lnKKre/daNgsnz2g2XmdhmW4odcw32PSZZua1w8cnNVMZsG3hkzOaj4c0bbMVqWGH1LDi0jhFEFua4dbrm/jC7c0sTBhFcLI54cWBLBcuxRkd8Pxy4RRyCvXTk7/81nMmwK2f/zOlizxUCZjqq/tzY4JhwNqVpcreMOCaZRY9tzSTzQmfnHawbZichg8/cbh4ycMzBqxbaXLvpmZWLvPvC2mBQ2/nOHrcCXlv3ELWwkmgvzv0q797wwIwMQcc0VXwTJTLBkDzuizw4kCG1ctNrl/t3zlrm63o/e1Wem5p5ocvTTF41MF28uGkoGuRe0zU1RFdtxz7xOGdI7YvdCI9IVK3oGeFQZvV3LIHPO9JP/Q3kwdFpKfu6reMoovnK/7qD+fQ3hb9bNcCbx/O8eyPp7g4obnthibWJuN3Ei9PCN97cZpLExIDTFzIRZF1sPoHkIE393ZuBs8reKL1M0L+dIMyk0aCUpw40mVPnxP++d+mePh350QWsoaCjdc3sWGNxaG3p2lpjs+6bUf4yWsZLo5LrLxob5Gw/r77XvvkmaJuhf88/Zdte0TcpLHgNbFn27Fn96W+xU39fOb6P7+yGXgrW1QsqrU0q7LgiMAvjtgcO+lUlFfUr6CzBDf1Y+1Lv7VvyZ4QQHkFdgbPiyJPCjzIx7+z4x/vaNjzoylSw1XutUa04RHNobezgSOmaHmhRSvej9LXO4d82yvTB5CJOSCiUjM9244+gRUmp4Snnptkqo6NtOmM8PKrGbLZYI1Vx7uT8e9zp+2s/3tmPoCe3tGaQvRO7wpIYAXiTlCr7fvhCYdnfzyN1tWDozX8xxtZzp7XMbIr6VClHVrvHDwwz/dtxdBz4l/+un2PiKSKyAc4qezZdiDuo09ghZdfneat98vzkbcdOWbz3lE7VG3HnsXHnviW05fBd15YGvqWYuSDVIlxf0NXJvBj2/Dk3ilGxyq70fm05mf/lcVxKs87Iy9HIr90FwnQnr9tGxQtRcKeOSdJiCPOpR2+88MJNzmMaTkbXjqUYXxSN4QD4zhJULsGX1gyUDVAAM8+OneHFlJetCudxYfP7onoX/p56/0c+1+Zigw1AV57J8vxYad6eXg+U05f7xNZDQ6+0Bn7lc2y21ai9GZ3zzomlwhwUgnEoBF+nij21cL3XpziaCq81Zgacnjt3azPEyrKCzydivJj3+eWtHLk/nIYlAVo36PzUhrZXF0uEQViOU9y+05nhMd3jzM+WXKj8UnhRwPTxZ3DxsgLjU8bWm8ePLAkVTdAAP/6rXmDiDxQVdx7Vrd83PvfVz4xbPOP+8aLBrz8aoYLaV2DvBieCXiuH1i1bfDAsorfX63qiO/Ifz82uO62r18U2CICsYVe/lr1hWLp/rEhh6UdBu9+kOP1d3Oe+QLyCuOrkRcaXxy37fCBpU9XY3tNZzH39Y31iqZfRBJFUIpGV1/dS/6foFFtsxXTGSGTE2IXoS55pfk06oEjB0q1VkMByoPU7dhyUCBRbrNM8lqGjai12g54Xpy8qPH+vmmt9OYjVYTVjADKg5TMZWW/4H7hLnbvqBZgooD1ARMTMhWAyctLNSlVkZAbBlCh3fPQ+X4R+spzEpHhFM8RHoDjAPL0LRdOIqCU7Dx8oGtHvTbO+Dx4y4OjPVob/YJ0z4w8o4AJhCjVAwOkROn7aw2pYGvYgfndXxntA7Vd8i9CRAN0hTnJ7ZcSpXceObBsTyPsaugbBT29YwnDsPtEeFgovdoHVXISFYCtAphmzIF6uCauXbE/0dXTO9IrorZqpKfqcIIIbyqfJgADGv1Mozwm2K74H3nr6R1L5By7V4S7QHpESi9rQV1knRYY1OhnGu0tUe2KAxRst//OSLd23+7fIEhSNEmQhJb8nwoExP17ZGmUSuMeJKQE+z1TM1hNedDI9v88acX2btUl0gAAAABJRU5ErkJggg==" } ) ] }) ] } ); }; var eth_default = Icon8; // src/assets/chains/sol.tsx var import_jsx_runtime33 = require("react/jsx-runtime"); var Icon9 = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 26 26", fill: "none", children: [ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "26", height: "26", rx: "13", fill: background }), /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("mask", { id: "mask0_1045_88", maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "22", height: "22", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { x: "2", y: "2", width: "22", height: "22", fill: "white" }) }), /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("g", { mask: "url(#mask0_1045_88)", children: [ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)( "path", { d: "M7.63931 16.6911C7.73831 16.5921 7.87031 16.5371 8.01331 16.5371H20.9493C21.1803 16.5371 21.3013 16.8231 21.1363 16.9881L18.5843 19.5401C18.4853 19.6391 18.3533 19.6941 18.2103 19.6941H5.26331C5.03231 19.6941 4.91131 19.4081 5.07631 19.2431L7.63931 16.6911Z", fill: "#C931F7" } ), /* @__PURE__ */ (0, import_jsx_runtime33.jsx)( "path", { d: "M7.63931 7.154C7.73831 7.055 7.87031 7 8.01331 7H20.9493C21.1803 7 21.3013 7.286 21.1363 7.451L18.5843 10.003C18.4853 10.102 18.3533 10.157 18.2103 10.157H5.26331C5.03231 10.157 4.91131 9.871 5.07631 9.706L7.63931 7.154Z", fill: "#1CE2AF" } ), /* @__PURE__ */ (0, import_jsx_runtime33.jsx)( "path", { d: "M18.5733 11.8952C18.4743 11.7962 18.3423 11.7412 18.1993 11.7412H5.26331C5.03231 11.7412 4.91131 12.0272 5.07631 12.1922L7.62831 14.7442C7.72731 14.8432 7.85931 14.8982 8.00231 14.8982H20.9383C21.1693 14.8982 21.2903 14.6122 21.1253 14.4472L18.5733 11.8952Z", fill: "#6697CE" } ) ] }) ] }); }; var sol_default = Icon9; // src/assets/chains/index.tsx var chains = { eth: eth_default, sol: sol_default }; var getChainIcon2 = (chain) => { return chains[chain] || eth_default; }; // src/pages/selectChain/index.tsx var import_jsx_runtime34 = require("react/jsx-runtime"); var supportedChains = { evm: getChainIcon2("eth" /* Eth */), solana: getChainIcon2("sol" /* Sol */) }; 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_react21.cloneElement)(walletData?.props?.[0].icon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)( Title, { style: { marginBottom: "40px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: locales.walletSupportsMultipleChains }), /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: locales.selectChainToConnect }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Links, { children: walletData.props.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(WalletItem, { onClick: () => connectWallet(item), children: [ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(FlexLeft, { gap: 10, children: [ supportedChains[item.connector.chainType](), /* @__PURE__ */ (0, import_jsx_runtime34.jsx)( "div", { className: "label", style: { fontSize: 14 }, children: item.connector.chainType.toUpperCase() } ) ] }), item.isInstalled && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(WalletLable, { $customLable: false, children: locales.installed }), /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ForwardContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Forward, {}) }) ] }, index)) }) ] }) }); }; var selectChain_default = Page5; // src/pages/signup/index.tsx var import_react26 = __toESM(require("react"), 1); // src/assets/logo.svg var logo_default = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgMjA5IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMF82NzY2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTkuOTMwMSAyMi40NzlDNTkuODE0OSAyMy43MDk1IDU5LjE1NiAyNC44MjUzIDU4LjEzMTkgMjUuNTI0M0M1Ni45MzUzIDI2LjMyNjEgNTUuNTEyNyAyNi43MjY1IDU0LjA3MTQgMjYuNjY3MkM1Mi40NjA1IDI2Ljc1MDQgNTAuODc2MSAyNi4yMzQgNDkuNjI2OCAyNS4yMTg1QzQ4LjUxNTggMjQuMjQwNyA0Ny45MDcgMjIuODE2NSA0Ny45Njk0IDIxLjM0MThDNDcuOTA2NyAxOS44NjU0IDQ4LjUxNTQgMTguNDM5NCA0OS42MjY4IDE3LjQ1OTRDNTAuODc1MiAxNi40NDI1IDUyLjQ1OTcgMTUuOTI1MyA1NC4wNzA4IDE2LjAwODdDNTUuNDkzNyAxNS45NTI3IDU2Ljg5OTUgMTYuMzMzNyA1OC4wOTczIDE3LjEwMDFDNTkuMTAxNiAxNy43MzQ4IDU5Ljc2MTMgMTguNzg5OCA1OS44ODk4IDE5Ljk2N0w1Ny4xMTAyIDE5Ljk2N0M1Ni45NjY5IDE5LjM4NCA1Ni41OTkgMTguODgwNiA1Ni4wODYgMTguNTY1NEM1NS40NzAyIDE4LjIyNDYgNTQuNzcxMyAxOC4wNjEyIDU0LjA2NzUgMTguMDkzM0M1My4xNzkgMTguMDQ1NCA1Mi4zMDkgMTguMzU5MSA1MS42NTc0IDE4Ljk2MjNDNTEuMDQ4MSAxOS42MDA2IDUwLjczMDQgMjAuNDYwOCA1MC43NzkxIDIxLjMzOTlDNTAuNzMxMyAyMi4yMTczIDUxLjA0OTggMjMuMDc1NCA1MS42NTkzIDIzLjcxMTFDNTIuMzEyNyAyNC4zMTM2IDUzLjE4NCAyNC42MjYxIDU0LjA3MzMgMjQuNTc2OUM1NC44MjUxIDI0LjYxMjkgNTUuNTY5OSAyNC40MTk1IDU2LjIwODIgMjQuMDIyN0M1Ni43MzQgMjMuNjcxOSA1Ny4wNzQ5IDIzLjEwNTggNTcuMTM3NyAyMi40NzlMNTkuOTMwMSAyMi40NzlaTTIyLjIyODEgMTYuMjc1N1YyNi4zOTc3TDI0Ljc3NCAyNi4zOTcxVjIyLjY2NzZMMjcuNzE4NyAyMi42Njc2QzI4LjIzMDMgMjIuNjAyMyAyOC43NDUzIDIyLjc1OTQgMjkuMTMyMiAyMy4wOTg5QzI5LjQzNjkgMjMuNjU3MSAyOS41NjI5IDI0LjI5NDYgMjkuNDkzMyAyNC45MjYxVjI1LjYxMDNDMjkuNDkyNCAyNS43NTMzIDI5LjUwOTggMjUuODk1OSAyOS41NDUxIDI2LjAzNDZDMjkuNTc3OCAyNi4xNjI2IDI5LjYzIDI2LjI4NDkgMjkuNyAyNi4zOTcxSDMyLjU1NzdDMzIuMjU1MSAyNi4wNTAxIDMyLjA3NjMgMjUuMjQ5MyAzMi4wMjEyIDIzLjk5NDZDMzIuMDE3IDIzLjg3NjEgMzIuMDEyNSAyMy43ODI3IDMyLjAwNzggMjMuNzE0M0MzMi4wMjIxIDIzLjIwODcgMzEuOTEyMyAyMi43MDcyIDMxLjY4NzcgMjIuMjUzNUMzMS40NDg5IDIxLjkzMzYgMzEuMTE5NyAyMS42OTE4IDMwLjc0MjIgMjEuNTU5QzMxLjI1MyAyMS4zNzI4IDMxLjY4OTYgMjEuMDI3MSAzMS45ODY3IDIwLjU3MzVDMzIuMjg5OCAyMC4xMDQ2IDMyLjQ0NTggMTkuNTU2NiAzMi40MzQ4IDE4Ljk5OTJDMzIuNDk0OCAxOC4xOTM1IDMyLjEzMTUgMTcuNDE0MiAzMS40NzQ1IDE2LjkzOTVDMzAuNTYyIDE2LjQzMDUgMjkuNTE5MyAxNi4xOTk2IDI4LjQ3NiAxNi4yNzU3SDIyLjIyODFaTTAgMTYuMjc1N1YyNi4zOTc3SDIuNTUxMDJWMjMuMTYwN0w2LjAyMzg2IDIzLjE2MDdDNy4wMjg4OCAyMy4yMjEgOC4wMTg5OSAyMi44OTY0IDguNzkxMjYgMjIuMjUzNUM5LjQ3NTc1IDIxLjU5NSA5LjgzODQyIDIwLjY3MjcgOS43ODQ3OCAxOS43MjY4QzkuODM4MDcgMTguNzc4MyA5LjQ3NTY2IDE3Ljg1MzQgOC43OTEyNiAxNy4xOTEyQzguMDIxMTggMTYuNTQzNiA3LjAzMDI0IDE2LjIxNTggNi4wMjM4NiAxNi4yNzU3SDBaTTQuODg4ODcgMjEuMTgyNUgyLjU1MTAyVjE4LjM1SDUuMDUyNzVDNS42Mzk1IDE4LjI5NjIgNi4yMjk3NyAxOC40MDUxIDYuNzU4MTIgMTguNjY0N0M3LjA4MzM4IDE4LjkzNDEgNy4yNTE1OSAxOS4zNDc2IDcuMjA2MjMgMTkuNzY2M0M3LjI0NTY0IDIwLjE5NjIgNy4wNDgyNSAyMC42MTM3IDYuNjkwMjcgMjAuODU3NkM2LjEyODE4IDIxLjExOTMgNS41MDc0NyAyMS4yMzEyIDQuODg4ODcgMjEuMTgyNVpNMTQuMjExNSAyMi4yMDk1SDE2LjkwMDFMMTUuNTM0IDE5LjA4MTRMMTQuMjExNSAyMi4yMDk1Wk0xNC40OTU3IDE2LjI3NTdMOS42NzI3NSAyNi4zOTc3TDEyLjQyNTQgMjYuMzk3N0wxMy4zNDAyIDI0LjI1NThIMTcuODE3NUwxOC43NDU3IDI2LjM5NzdIMjEuNTc4NEwxNi45NDM2IDE2LjI3NTdIMTQuNDk1N1pNMjQuNzc0IDIwLjU5NDVIMjcuNjU0N0MyOC4yMDQ3IDIwLjYzNTcgMjguNzU2NCAyMC41NDA1IDI5LjI2MDIgMjAuMzE3NEMyOS41NzQ5IDIwLjEyMzUgMjkuNzU0IDE5Ljc3MDggMjkuNzI0MyAxOS40MDM4QzI5Ljc1NzggMTkuMDU3NCAyOS41ODk1IDE4LjcyMjMgMjkuMjkxIDE4LjU0MTJDMjguNzM0MSAxOC4zMzE2IDI4LjEzNzUgMTguMjQ3NCAyNy41NDQgMTguMjk0NkgyNC43NzY2TDI0Ljc3NCAyMC41OTQ1Wk0zOS4wNzk2IDE4LjMyMlYyNi4zOTc3SDM2LjU0OVYxOC4zMjJIMzMuMDY5OFYxNi4yNzU3SDQyLjU1OTVWMTguMzIySDM5LjA3OTZaTTQzLjY1OTMgMTYuMjc1N1YyNi4zOTc3SDQ2LjIxMDNWMTYuMjc1N0g0My42NTkzWk02MS42MzU1IDE2LjI3NTdWMjYuNDAwM0w2OS40MTk4IDI2LjM5NzdWMjQuMjY5Mkg2NC4xODY1VjE2LjI3NTdINjEuNjM1NVpNNzAuOTc0MSAyNi40MDAzVjE2LjI3NTdIODAuMDAwM1YxOC4zMjJINzMuNTI1MVYyMC4wMzMySDc5LjI5NDhWMjIuMDkyOUg3My41MjUxVjI0LjI2OTJIODAuMDAyOFYyNi4zOTc3TDcwLjk3NDEgMjYuNDAwM1pNODYuODA0NSAxNi4yNzU3VjI2LjQwMDNMODkuMjM4MyAyNi4zOTc3VjE5LjE5MUw5NC4zNjg2IDI2LjM5NzdIOTcuNDYzMVYxNi4yNzU3SDk1LjAxNTFWMjMuNDExMUw4OS45MzM2IDE2LjI3NTdIODYuODA0NVpNOTkuNzQ2NSAyNi40MDAzVjE2LjI3NTdIMTA4Ljc3M1YxOC4zMjJIMTAyLjI5N1YyMC4wMzMySDEwOC4wNjdWMjIuMDkyOUgxMDIuMjk3VjI0LjI2OTJIMTA4Ljc3N1YyNi4zOTc3TDk5Ljc0NjUgMjYuNDAwM1pNMTE1LjIzMiAyNi4zOTc3VjE4LjMyMkgxMTguNzExVjE3LjE5OEwxMjEuNjU1IDI2LjM5NzdIMTI0LjE2N0wxMjYuNzE4IDE5LjAyNzJMMTI5LjE1IDI2LjM5NzdIMTMxLjc0M0wxMzUuMDM3IDE2LjI3NTdIMTMyLjM4OUwxMzAuMzA2IDIzLjA5MjVMMTI3Ljk5NSAxNi4yNzU3SDEyNS40ODVMMTIzLjA5MiAyMy4wOTI1TDEyMS4wNjQgMTYuMjc1N0gxMTguNzExVjE3LjE5OEwxMTguNDE2IDE2LjI3NTdIMTA5LjIyMVYxOC4zMjJIMTEyLjcwMVYyNi4zOTc3SDExNS4yMzJaTTE0My45MDMgMjMuNzExOEMxNDMuMjUzIDI0LjMxMzQgMTQyLjM4NSAyNC42MjYgMTQxLjQ5OSAyNC41Nzc2TDE0MS41MDEgMjQuNTc2OUMxNDAuNjExIDI0LjYyNjYgMTM5LjczOSAyNC4zMTQxIDEzOS4wODUgMjMuNzExMUMxMzguNDc2IDIzLjA3NTQgMTM4LjE1NyAyMi4yMTczIDEzOC4yMDUgMjEuMzM5OUMxMzguMTU3IDIwLjQ1ODcgMTM4LjQ3NiAxOS41OTY5IDEzOS4wODkgMTguOTU4NEMxNDAuNDgyIDE3LjgwMDggMTQyLjUwOCAxNy43OTk1IDE0My45MDIgMTguOTU1M0MxNDQuNTEyIDE5LjU5NjQgMTQ0LjgyOSAyMC40NTkyIDE0NC43OCAyMS4zNDA1QzE0NC44MjggMjIuMjE3NCAxNDQuNTEgMjMuMDc1MiAxNDMuOTAzIDIzLjcxMThaTTEzNS40MDEgMjEuMzM5OUMxMzUuMzM5IDE5Ljg2NDEgMTM1Ljk0OCAxOC40Mzg5IDEzNy4wNTkgMTcuNDU5NEMxMzkuNjk5IDE1LjUyNTkgMTQzLjI5NiAxNS41MjU5IDE0NS45MzYgMTcuNDU5NEMxNDcuMDQzIDE4LjQ0MTEgMTQ3LjY0OSAxOS44NjU1IDE0Ny41ODcgMjEuMzM5OUMxNDcuNjQ5IDIyLjgxMzIgMTQ3LjA0NCAyNC4yMzY2IDE0NS45MzYgMjUuMjE2NkMxNDMuMjk1IDI3LjE0NjUgMTM5LjcgMjcuMTQ2NSAxMzcuMDU5IDI1LjIxNjZDMTM1Ljk0OCAyNC4yMzg3IDEzNS4zMzkgMjIuODE0NiAxMzUuNDAxIDIxLjMzOTlaTTE1NC43NjUgMjAuNTkzOUgxNTEuODg1TDE1MS44ODMgMTguMjk0TDE1NC42NTUgMTguMjk0QzE1NS4yNDggMTguMjQ2OCAxNTUuODQ1IDE4LjMzMSAxNTYuNDAyIDE4LjU0MDVDMTU2LjcgMTguNzIxNyAxNTYuODY4IDE5LjA1NjcgMTU2LjgzNSAxOS40MDMxQzE1Ni44NjUgMTkuNzcwMiAxNTYuNjg1IDIwLjEyMjkgMTU2LjM3MSAyMC4zMTY3QzE1NS44NjcgMjAuNTM5OSAxNTUuMzE1IDIwLjYzNTEgMTU0Ljc2NSAyMC41OTM5Wk0xNDkuMzM0IDI2LjM5NzFWMTYuMjc1N0gxNTUuNTg1QzE1Ni42MjcgMTYuMiAxNTcuNjY5IDE2LjQzMDkgMTU4LjU4MSAxNi45Mzk1QzE1OS4yMzggMTcuNDE0MiAxNTkuNjAxIDE4LjE5MzUgMTU5LjU0MiAxOC45OTkyQzE1OS41NTIgMTkuNTU2NiAxNTkuMzk2IDIwLjEwNDYgMTU5LjA5MyAyMC41NzM1QzE1OC43OTcgMjEuMDI2NSAxNTguMzYyIDIxLjM3MjIgMTU3Ljg1MiAyMS41NTlDMTU4LjIzIDIxLjY5MTggMTU4LjU1OSAyMS45MzM2IDE1OC43OTggMjIuMjUzNUMxNTkuMDIyIDIyLjcwNzIgMTU5LjEzMiAyMy4yMDg3IDE1OS4xMTggMjMuNzE0M0MxNTkuMTIyIDIzLjc4MjcgMTU5LjEyNyAyMy44NzYxIDE1OS4xMzEgMjMuOTk0NkMxNTkuMTg2IDI1LjI0OTMgMTU5LjM2NSAyNi4wNTAxIDE1OS42NjggMjYuMzk3MUgxNTYuODA3QzE1Ni43MzcgMjYuMjg0OSAxNTYuNjg1IDI2LjE2MjYgMTU2LjY1MiAyNi4wMzQ2QzE1Ni42MTcgMjUuODk1OSAxNTYuNTk5IDI1Ljc1MzMgMTU2LjYgMjUuNjEwM1YyNC45MjYxQzE1Ni42NyAyNC4yOTQ2IDE1Ni41NDQgMjMuNjU3MSAxNTYuMjM5IDIzLjA5ODlDMTU1Ljg1MiAyMi43NTk0IDE1NS4zMzcgMjIuNjAyMyAxNTQuODI2IDIyLjY2NzZMMTUxLjg4MSAyMi42Njc2VjI2LjM5NzFMMTQ5LjMzNCAyNi4zOTcxWk0xNjEuMzg4IDE2LjI3NTdWMjYuMzk3MUwxNjMuOTM5IDI2LjM5NzdWMjIuODkzN0wxNjUuMjMyIDIxLjc1NzhMMTY4LjkyNiAyNi4zOTc3SDE3Mi4wNDhMMTY3LjAyIDIwLjIwNEwxNzEuNDk3IDE2LjI3NTdIMTY4LjIxN0wxNjMuOTM5IDIwLjE2MTlWMTYuMjc1N0gxNjEuMzg4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzBfNjc2NikiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xODMuODc2IDEuMDgxNzRDMTgzLjAyOCAyLjI1Njg5IDE4My4yODUgMy44OTEyMiAxODQuNDUyIDQuNzUzMjlIMTg0LjQ0NUMxODUuMDA0IDUuMTY0MTQgMTg1LjcwNiA1LjMzMzk4IDE4Ni4zOTIgNS4yMjQ1OEMxODcuMDc4IDUuMTE1MTggMTg3LjY5MSA0LjczNTczIDE4OC4wOTQgNC4xNzE2MkMxODguOTQxIDIuOTk2NDggMTg4LjY4NCAxLjM2MjE1IDE4Ny41MTcgMC41MDAwOEMxODYuOTU5IDAuMDkxNjQ2MyAxODYuMjU5IC0wLjA3Njc1NjQgMTg1LjU3NCAwLjAzMjU3MDJDMTg0Ljg5IDAuMTQxODk3IDE4NC4yNzggMC41MTk4MjIgMTgzLjg3NiAxLjA4MTc0Wk0xODkuNDgxIDQuMjU5NTRDMTg4LjYzNCAzLjA4NDMxIDE4OC44OTEgMS40NTAyNiAxOTAuMDU4IDAuNTg3OTk4QzE5MC42MTcgMC4xNzc0ODkgMTkxLjMxOCAwLjAwNzg2Mzc1IDE5Mi4wMDUgMC4xMTcyNDdDMTkyLjY5MSAwLjIyNjYzIDE5My4zMDQgMC42MDU4NDUgMTkzLjcwNiAxLjE2OTY2QzE5NC41NTMgMi4zNDQ4OSAxOTQuMjk3IDMuOTc4OTUgMTkzLjEzIDQuODQxMjFDMTkyLjU3MSA1LjI1MTg5IDE5MS44NyA1LjQyMTYyIDE5MS4xODMgNS4zMTIyM0MxOTAuNDk3IDUuMjAyODQgMTg5Ljg4NCA0LjgyMzUgMTg5LjQ4MSA0LjI1OTU0Wk0xNzguMTQzIDMuNDc1OTJDMTc3LjY5NCA0Ljg1MDc1IDE3OC40NDIgNi4zMjg3NCAxNzkuODE5IDYuNzg4NzlMMTc5LjgxNyA2Ljc4ODc3QzE4MC4wNzggNi44NzQ0NSAxODAuMzUxIDYuOTE4MTIgMTgwLjYyNiA2LjkxODEyQzE4MS43NjIgNi45MTM2OCAxODIuNzY1IDYuMTc5MjcgMTgzLjEwNyA1LjEwMTE0QzE4My41NTcgMy43MjY0NyAxODIuODA5IDIuMjQ4MzEgMTgxLjQzMiAxLjc4ODI3QzE4MC43NzEgMS41NzQzMyAxODAuMDUyIDEuNjMyMzEgMTc5LjQzNCAxLjk0OTNDMTc4LjgxNiAyLjI2NjI5IDE3OC4zNTEgMi44MTU5NyAxNzguMTQzIDMuNDc1OTJaTTE5NC40MTQgNS4zNTUzNEMxOTMuOTY2IDMuOTgwNTEgMTk0LjcxMyAyLjUwMjUyIDE5Ni4wOSAyLjA0MjQ3QzE5Ni43NTEgMS44Mjg3MyAxOTcuNDcxIDEuODg2ODEgMTk4LjA4OCAyLjIwMzc4QzE5OC43MDYgMi41MjA3NSAxOTkuMTcxIDMuMDcwMzIgMTk5LjM3OSAzLjczMDEyQzE5OS44MjggNS4xMDQ5NSAxOTkuMDggNi41ODI5NCAxOTcuNzAzIDcuMDQyOTlDMTk3LjQ0MyA3LjEyNzg1IDE5Ny4xNyA3LjE3MDg3IDE5Ni44OTYgNy4xNzA0QzE5NS43NjEgNy4xNjYwMyAxOTQuNzU4IDYuNDMyNTkgMTk0LjQxNCA1LjM1NTM0Wk0xNzYuMDM1IDQuOTEwMDFDMTc0LjU4NSA0LjkxODQzIDE3My40MTYgNi4wOTU1MyAxNzMuNDI2IDcuNTM4NjRDMTczLjQxNiA4Ljk4MTc1IDE3NC41ODUgMTAuMTU4OSAxNzYuMDM1IDEwLjE2NzNDMTc3LjQ5NCAxMC4xNjczIDE3OC42NzYgOC45OTA0IDE3OC42NzYgNy41Mzg2NEMxNzguNjc2IDYuMDg2ODkgMTc3LjQ5NCA0LjkxMDAxIDE3Ni4wMzUgNC45MTAwMVpNMTk4Ljc0MSA3LjkzM0MxOTguNzI4IDYuODY3MDIgMTk5LjM2NCA1Ljg5ODc5IDIwMC4zNDkgNS40ODE4N0MyMDEuMzM1IDUuMDY0OTUgMjAyLjQ3NyA1LjI4MTkyIDIwMy4yMzkgNi4wMzExM0MyMDQuMDAxIDYuNzgwMzQgMjA0LjIzMyA3LjkxMzQyIDIwMy44MjYgOC44OTk1OUMyMDMuNDE5IDkuODg1NzUgMjAyLjQ1NCAxMC41Mjk3IDIwMS4zODMgMTAuNTI5OEMxOTkuOTMzIDEwLjUzODYgMTk4Ljc1IDkuMzc1ODYgMTk4Ljc0MiA3LjkzM0gxOTguNzQxWk0xODkuMzQxIDcuNzcyNDVDMTg4LjY0MiA4LjI5MDUgMTg4LjQ4OCA5LjI2OTc5IDE4OC45OTQgOS45NzU1MUMxODkuMjM2IDEwLjMxMzUgMTg5LjYwMyAxMC41NDA4IDE5MC4wMTQgMTAuNjA2NUMxOTAuNDI2IDEwLjY3MjEgMTkwLjg0NiAxMC41NzA2IDE5MS4xODIgMTAuMzI0NkMxOTEuODgxIDkuODA2NTkgMTkyLjAzNSA4LjgyNzMgMTkxLjUyOCA4LjEyMTU4QzE5MS4yODcgNy43ODM4OSAxOTAuOTE5IDcuNTU2NzYgMTkwLjUwOCA3LjQ5MTEzQzE5MC4wOTcgNy40MjU0OSAxODkuNjc2IDcuNTI2ODQgMTg5LjM0MSA3Ljc3MjQ1Wk0xODUuODEgMTAuMzM1NUMxODUuMTExIDkuODE3NDIgMTg0Ljk1NyA4LjgzODEzIDE4NS40NjMgOC4xMzI0MUMxODUuNzA1IDcuNzk0NzIgMTg2LjA3MiA3LjU2NzU5IDE4Ni40ODMgNy41MDE5NkMxODYuODk1IDcuNDM2MzIgMTg3LjMxNSA3LjUzNzY3IDE4Ny42NTEgNy43ODMyOEMxODguMzQ5IDguMzAxMzMgMTg4LjUwMyA5LjI4MDYyIDE4Ny45OTcgOS45ODYzNEMxODcuNzU2IDEwLjMyNDMgMTg3LjM4OCAxMC41NTE3IDE4Ni45NzcgMTAuNjE3M0MxODYuNTY1IDEwLjY4MyAxODYuMTQ1IDEwLjU4MTQgMTg1LjgxIDEwLjMzNTVaTTE5My4xNCA4LjYzNzYyQzE5Mi4zMTQgOC45MTM1NSAxOTEuODY1IDkuNzk5OTYgMTkyLjEzNCAxMC42MjQ3QzE5Mi4zNCAxMS4yNzE1IDE5Mi45NDIgMTEuNzEyIDE5My42MjMgMTEuNzE0OEMxOTMuNzg4IDExLjcxNDcgMTkzLjk1MSAxMS42ODg0IDE5NC4xMDggMTEuNjM3QzE5NC45MzQgMTEuMzYxMSAxOTUuMzgyIDEwLjQ3NDcgMTk1LjExNCA5LjY0OTk2QzE5NC45ODkgOS4yNTM5OCAxOTQuNzEgOC45MjQxOSAxOTQuMzM5IDguNzM0MDRDMTkzLjk2OCA4LjU0Mzg5IDE5My41MzcgOC41MDkxNyAxOTMuMTQgOC42Mzc2MlpNMTgyLjg5MSAxMS42Njk1QzE4Mi4wNjUgMTEuMzkzMyAxODEuNjE3IDEwLjUwNjYgMTgxLjg4NiA5LjY4MTgxQzE4Mi4wMTEgOS4yODU4MyAxODIuMjkgOC45NTYwNCAxODIuNjYxIDguNzY1ODlDMTgzLjAzMSA4LjU3NTc0IDE4My40NjMgOC41NDEwMiAxODMuODYgOC42Njk0OEMxODQuNjg2IDguOTQ1MTIgMTg1LjEzNSA5LjgzMTc5IDE4NC44NjUgMTAuNjU2NkMxODQuNjYgMTEuMzAzMyAxODQuMDU4IDExLjc0MzkgMTgzLjM3NiAxMS43NDY2QzE4My4yMTEgMTEuNzQ2OCAxODMuMDQ4IDExLjcyMDggMTgyLjg5MSAxMS42Njk1Wk0yMDIuMTIyIDExLjc0MDlDMjAxLjY3MyAxMy4xMTU3IDIwMi40MjEgMTQuNTkzNyAyMDMuNzk4IDE1LjA1MzdMMjAzLjgwMSAxNS4wNTM3QzIwNC4wNiAxNS4xMzg5IDIwNC4zMzIgMTUuMTgyNSAyMDQuNjA0IDE1LjE4MzFDMjA1Ljc0MSAxNS4xNzg2IDIwNi43NDQgMTQuNDQ0MiAyMDcuMDg2IDEzLjM2NjFDMjA3LjUzNiAxMS45OTE0IDIwNi43ODggMTAuNTEzMyAyMDUuNDExIDEwLjA1MzJDMjA0Ljc1IDkuODM5NDcgMjA0LjAzMSA5Ljg5NzUzIDIwMy40MTMgMTAuMjE0NUMyMDIuNzk1IDEwLjUzMTUgMjAyLjMzIDExLjA4MSAyMDIuMTIyIDExLjc0MDlaTTE5Ny4wODIgMTQuNjAzM0MxOTYuODEzIDE1LjQyODEgMTk3LjI2MiAxNi4zMTQ1IDE5OC4wODggMTYuNTkwNEwxOTguMDg4IDE2LjU5MDVDMTk4LjI0NCAxNi42NDE1IDE5OC40MDcgMTYuNjY3NSAxOTguNTcxIDE2LjY2NzVDMTk5LjI1MyAxNi42NjQ4IDE5OS44NTQgMTYuMjI0MiAyMDAuMDYgMTUuNTc3NEMyMDAuMzI5IDE0Ljc1MjcgMTk5Ljg4MSAxMy44NjYgMTk5LjA1NCAxMy41OTA0QzE5OC42NTggMTMuNDYyMyAxOTguMjI2IDEzLjQ5NzMgMTk3Ljg1NiAxMy42ODc2QzE5Ny40ODYgMTMuODc3OCAxOTcuMjA3IDE0LjIwNzUgMTk3LjA4MiAxNC42MDMzWk0xODIuNjE0IDE1Ljg0NzZDMTgyLjYyMiAxNS4zOTIgMTgyLjk5OCAxNS4wMjc5IDE4My40NTYgMTUuMDMyOEMxODMuOTEzIDE1LjAzNzcgMTg0LjI4MSAxNS40MDk3IDE4NC4yNzkgMTUuODY1M0MxODQuMjc2IDE2LjMyMSAxODMuOTA1IDE2LjY4OTEgMTgzLjQ0NyAxNi42ODkyQzE4My4yMjQgMTYuNjg3MyAxODMuMDExIDE2LjU5NzMgMTgyLjg1NSAxNi40Mzg5QzE4Mi42OTkgMTYuMjgwNSAxODIuNjEyIDE2LjA2NjkgMTgyLjYxNCAxNS44NDVWMTUuODQ3NlpNMjA0LjcyNCAyMC4wNzg1QzIwMy41NTcgMTkuMjE2NCAyMDMuMyAxNy41ODIxIDIwNC4xNDcgMTYuNDA2OUMyMDQuNTUgMTUuODQzMSAyMDUuMTYzIDE1LjQ2MzkgMjA1Ljg0OSAxNS4zNTQ1QzIwNi41MzUgMTUuMjQ1MSAyMDcuMjM3IDE1LjQxNDggMjA3Ljc5NiAxNS44MjUzQzIwOC45NjMgMTYuNjg3MyAyMDkuMjIgMTguMzIxNyAyMDguMzcyIDE5LjQ5NjhDMjA3Ljk3IDIwLjA2MDkgMjA3LjM1NyAyMC40NDA0IDIwNi42NzEgMjAuNTQ5OEMyMDUuOTg0IDIwLjY1OTIgMjA1LjI4MyAyMC40ODkzIDIwNC43MjQgMjAuMDc4NVpNMTkzLjQ2NSAyMC40NTA1QzE5My4wOTEgMjAuNzI2MSAxOTMuMDA5IDIxLjI0OTIgMTkzLjI4IDIxLjYyNTNDMTkzLjQwOSAyMS44MDU1IDE5My42MDUgMjEuOTI2NiAxOTMuODI0IDIxLjk2MTZDMTk0LjA0MyAyMS45OTY2IDE5NC4yNjggMjEuOTQyNCAxOTQuNDQ2IDIxLjgxMTRDMTk0LjgyIDIxLjUzNTYgMTk0LjkwMiAyMS4wMTI4IDE5NC42MzIgMjAuNjM2NkMxOTQuNTAzIDIwLjQ1NjQgMTk0LjMwNyAyMC4zMzUzIDE5NC4wODcgMjAuMzAwM0MxOTMuODY4IDIwLjI2NTMgMTkzLjY0NCAyMC4zMTk0IDE5My40NjUgMjAuNDUwNVpNMTk4LjQxNyAyMi45NTM3QzE5Ny45MSAyMi4yNDc5IDE5OC4wNjQgMjEuMjY4NiAxOTguNzYzIDIwLjc1MDZDMTk5LjA5OCAyMC41MDQ4IDE5OS41MTkgMjAuNDAzNCAxOTkuOTMgMjAuNDY5QzIwMC4zNDIgMjAuNTM0NiAyMDAuNzA5IDIwLjc2MTkgMjAwLjk1IDIxLjA5OTdDMjAxLjQ1NyAyMS44MDU0IDIwMS4zMDMgMjIuNzg0NyAyMDAuNjA0IDIzLjMwMjhDMjAwLjI2OSAyMy41NDg2IDE5OS44NDggMjMuNjUgMTk5LjQzNyAyMy41ODQ0QzE5OS4wMjYgMjMuNTE4NyAxOTguNjU4IDIzLjI5MTUgMTk4LjQxNyAyMi45NTM3Wk0yMDQuMDYyIDI1LjE0NDZDMjAzLjIxNCAyMy45Njk1IDIwMy40NzEgMjIuMzM1MSAyMDQuNjM4IDIxLjQ3MzFDMjA1LjE5NyAyMS4wNjM2IDIwNS44OTggMjAuODk0NiAyMDYuNTgzIDIxLjAwMzlDMjA3LjI2OCAyMS4xMTMzIDIwNy44ODEgMjEuNDkxOCAyMDguMjgzIDIyLjA1NDdDMjA5LjEzIDIzLjIzIDIwOC44NzQgMjQuODY0IDIwNy43MDcgMjUuNzI2M0MyMDcuMTQ4IDI2LjEzNzEgMjA2LjQ0NyAyNi4zMDcgMjA1Ljc2IDI2LjE5NzZDMjA1LjA3NCAyNi4wODgyIDIwNC40NjEgMjUuNzA4NyAyMDQuMDU4IDI1LjE0NDZMMjA0LjA2MiAyNS4xNDQ2Wk0xOTguMTIgMjMuOTEyNUMxOTcuMjk0IDI0LjE4ODQgMTk2Ljg0NSAyNS4wNzQ4IDE5Ny4xMTQgMjUuODk5NkMxOTcuMzIgMjYuNTQ2NSAxOTcuOTIyIDI2Ljk4NzIgMTk4LjYwNCAyNi45ODk2QzE5OC43NjggMjYuOTg5NSAxOTguOTMxIDI2Ljk2MzIgMTk5LjA4OCAyNi45MTE5QzE5OS45MTMgMjYuNjM1NyAyMDAuMzYyIDI1Ljc0OTQgMjAwLjA5MyAyNC45MjQ4QzE5OS45NjggMjQuNTI5IDE5OS42ODkgMjQuMTk5MyAxOTkuMzE4IDI0LjAwOTJDMTk4Ljk0OCAyMy44MTkgMTk4LjUxNiAyMy43ODQyIDE5OC4xMiAyMy45MTI1Wk0xODguMzczIDI3LjAyMjFDMTg3Ljk5OSAyNi43NDY0IDE4Ny45MTcgMjYuMjIzNSAxODguMTg4IDI1Ljg0NzNDMTg4LjMxNiAyNS42NjcyIDE4OC41MTIgMjUuNTQ2IDE4OC43MzIgMjUuNTExQzE4OC45NTEgMjUuNDc2MSAxODkuMTc1IDI1LjUzMDIgMTg5LjM1NCAyNS42NjEzQzE4OS43MjggMjUuOTM3IDE4OS44MSAyNi40NTk5IDE4OS41MzkgMjYuODM2MUMxODkuNDEgMjcuMDE2MiAxODkuMjE0IDI3LjEzNzQgMTg4Ljk5NSAyNy4xNzI0QzE4OC43NzYgMjcuMjA3MyAxODguNTUyIDI3LjE1MzIgMTg4LjM3MyAyNy4wMjIxWk0xODYuNDQzIDI1LjY3NjZDMTg2LjA2OSAyNS45NTE1IDE4NS45ODUgMjYuNDc0NSAxODYuMjU2IDI2Ljg1MTRMMTg2LjI1OCAyNi44NTE0QzE4Ni4zODYgMjcuMDMxNyAxODYuNTgyIDI3LjE1MyAxODYuODAyIDI3LjE4OEMxODcuMDIxIDI3LjIyMjkgMTg3LjI0NiAyNy4xNjg3IDE4Ny40MjUgMjcuMDM3NEMxODcuNzk4IDI2Ljc2MTcgMTg3Ljg4IDI2LjIzODggMTg3LjYxIDI1Ljg2MjZDMTg3LjQ4MSAyNS42ODI1IDE4Ny4yODUgMjUuNTYxMyAxODcuMDY2IDI1LjUyNjNDMTg2Ljg0NiAyNS40OTE0IDE4Ni42MjIgMjUuNTQ1NSAxODYuNDQzIDI1LjY3NjZaTTIwMS44NzEgMjkuNzU1OUMyMDEuNDIyIDI4LjM4MTIgMjAyLjE2OSAyNi45MDMgMjAzLjU0NiAyNi40NDNDMjA0LjIwNyAyNi4yMjkxIDIwNC45MjcgMjYuMjg3IDIwNS41NDUgMjYuNjA0QzIwNi4xNjIgMjYuOTIxIDIwNi42MjcgMjcuNDcwNyAyMDYuODM1IDI4LjEzMDZDMjA3LjI4NCAyOS41MDU1IDIwNi41MzYgMzAuOTgzNSAyMDUuMTYgMzEuNDQzNUMyMDQuODk5IDMxLjUyODQgMjA0LjYyNiAzMS41NzE0IDIwNC4zNTIgMzEuNTcwOUMyMDMuMjE3IDMxLjU2NjMgMjAyLjIxNCAzMC44MzI5IDIwMS44NzEgMjkuNzU1OVpNMTkyLjE5NiAyOS45MDgxQzE5MS45MjcgMzAuNzMyOSAxOTIuMzc2IDMxLjYxOTMgMTkzLjIwMiAzMS44OTUyQzE5My4zNTggMzEuOTQ2NSAxOTMuNTIyIDMxLjk3MjggMTkzLjY4NiAzMS45NzI5QzE5NC4zNjggMzEuOTcwNCAxOTQuOTcgMzEuNTI5OCAxOTUuMTc1IDMwLjg4MjlDMTk1LjQ0NCAzMC4wNTgxIDE5NC45OTUgMjkuMTcxNyAxOTQuMTY5IDI4Ljg5NThDMTkzLjc3MyAyOC43Njc1IDE5My4zNDEgMjguODAyMyAxOTIuOTcxIDI4Ljk5MjVDMTkyLjYgMjkuMTgyNiAxOTIuMzIxIDI5LjUxMjMgMTkyLjE5NiAyOS45MDgxWk0xODEuOTQ4IDMwLjkxNDdDMTgxLjY3OSAzMC4wOSAxODIuMTI4IDI5LjIwMzYgMTgyLjk1NCAyOC45Mjc2QzE4My4zNSAyOC43OTk2IDE4My43ODIgMjguODM0NyAxODQuMTUzIDI5LjAyNTFDMTg0LjUyMyAyOS4yMTU0IDE4NC44MDIgMjkuNTQ1MyAxODQuOTI3IDI5Ljk0MTJDMTg1LjE5NiAzMC43NjYgMTg0Ljc0NyAzMS42NTI0IDE4My45MjEgMzEuOTI4M0MxODMuNzY1IDMxLjk3OTcgMTgzLjYwMSAzMi4wMDYgMTgzLjQzNiAzMi4wMDYxQzE4Mi43NTUgMzIuMDAyOSAxODIuMTUzIDMxLjU2MTggMTgxLjk0OCAzMC45MTQ3Wk0xODkuMDY0IDMwLjU3ODNDMTg4LjU1OSAzMS4yODM2IDE4OC43MTMgMzIuMjYxIDE4OS40MSAzMi43Nzg4TDE4OS40MSAzMi43ODE0QzE4OS43NDYgMzMuMDI3MyAxOTAuMTY2IDMzLjEyODkgMTkwLjU3OCAzMy4wNjMzQzE5MC45ODkgMzIuOTk3NiAxOTEuMzU3IDMyLjc3MDMgMTkxLjU5OCAzMi40MzIzQzE5Mi4xMDQgMzEuNzI2NiAxOTEuOTUgMzAuNzQ3MyAxOTEuMjUxIDMwLjIyOTJDMTkwLjkxNiAyOS45ODM0IDE5MC40OTYgMjkuODgyIDE5MC4wODQgMjkuOTQ3NkMxODkuNjczIDMwLjAxMzMgMTg5LjMwNSAzMC4yNDA1IDE4OS4wNjQgMzAuNTc4M1pNMTg1LjUzMiAzMi40NDEyQzE4NS4wMjYgMzEuNzM1NSAxODUuMTggMzAuNzU2MiAxODUuODc5IDMwLjIzODFDMTg2LjIxNCAyOS45OTI0IDE4Ni42MzUgMjkuODkwOSAxODcuMDQ2IDI5Ljk1NjVDMTg3LjQ1NyAzMC4wMjIyIDE4Ny44MjUgMzAuMjQ5NCAxODguMDY2IDMwLjU4NzNDMTg4LjU3NSAzMS4yOTI1IDE4OC40MjEgMzIuMjczNCAxODcuNzIgMzIuNzkwM0MxODcuMzg0IDMzLjAzNjMgMTg2Ljk2NCAzMy4xMzc4IDE4Ni41NTIgMzMuMDcyMkMxODYuMTQxIDMzLjAwNjUgMTg1Ljc3NCAzMi43NzkyIDE4NS41MzIgMzIuNDQxMlpNMTc1LjY0MSAzMC40NjYyQzE3NC4xOTEgMzAuNDU3IDE3My4wMDggMzEuNjE5OSAxNzMgMzMuMDYzQzE3My4wMDggMzQuNTA2MSAxNzQuMTkxIDM1LjY2ODkgMTc1LjY0MSAzNS42NTk4QzE3Ny4wODIgMzUuNjU5OCAxNzguMjUxIDM0LjQ5NzEgMTc4LjI1MSAzMy4wNjNDMTc4LjI1MSAzMS42Mjg4IDE3Ny4wODIgMzAuNDY2MiAxNzUuNjQxIDMwLjQ2NjJaTTE5OC4zOCAzMy40NjE4QzE5OC4zOTggMzIuMDMxOSAxOTkuNTc0IDMwLjg4NTMgMjAxLjAxMSAzMC44OTdDMjAyLjQ0NyAzMC45MDg2IDIwMy42MDQgMzIuMDc0MiAyMDMuNTk5IDMzLjUwNDFDMjAzLjU5MyAzNC45MzQxIDIwMi40MjYgMzYuMDkwMyAyMDAuOTkgMzYuMDkwNEMxOTkuNTM5IDM2LjA4MiAxOTguMzcxIDM0LjkwNDkgMTk4LjM4IDMzLjQ2MThaTTE3OS4zMjEgMzMuOTU0OUMxNzcuOTQ0IDM0LjQxNDkgMTc3LjE5NiAzNS44OTMxIDE3Ny42NDYgMzcuMjY3OEMxNzcuOTg5IDM4LjM0NDkgMTc4Ljk5MSAzOS4wNzg0IDE4MC4xMjcgMzkuMDgyOEMxODAuNDAxIDM5LjA4MzMgMTgwLjY3NCAzOS4wNDAzIDE4MC45MzQgMzguOTU1NEMxODIuMzExIDM4LjQ5NTQgMTgzLjA1OSAzNy4wMTc0IDE4Mi42MSAzNS42NDI2QzE4Mi40MDIgMzQuOTgyNyAxODEuOTM3IDM0LjQzMzEgMTgxLjMxOSAzNC4xMTYyQzE4MC43MDEgMzMuNzk5MiAxNzkuOTgyIDMzLjc0MTIgMTc5LjMyMSAzMy45NTQ5Wk0xOTUuNTk3IDM5LjIwOTZDMTk0LjIyMSAzOC43NDk2IDE5My40NzMgMzcuMjcxNiAxOTMuOTIyIDM1Ljg5NjhDMTk0LjEzIDM1LjIzNzUgMTk0LjU5NCAzNC42ODg1IDE5NS4yMTIgMzQuMzcxN0MxOTUuODI5IDM0LjA1NDkgMTk2LjU0OCAzMy45OTY2IDE5Ny4yMDggMzQuMjA5N0MxOTguNTg1IDM0LjY2OTggMTk5LjMzMyAzNi4xNDc5IDE5OC44ODMgMzcuNTIyNkMxOTguNTQxIDM4LjYwMDcgMTk3LjUzOCAzOS4zMzUyIDE5Ni40MDIgMzkuMzM5NkMxOTYuMTI4IDM5LjMzODkgMTk1Ljg1NyAzOS4yOTUxIDE5NS41OTcgMzkuMjA5NlpNMTgzLjg5OSAzNi4xNTczQzE4Mi43MzIgMzcuMDE5NCAxODIuNDc1IDM4LjY1MzcgMTgzLjMyMyAzOS44Mjg5SDE4My4zMTlDMTgzLjcyMiA0MC4zOTMgMTg0LjMzNSA0MC43NzI0IDE4NS4wMjEgNDAuODgxOEMxODUuNzA3IDQwLjk5MTIgMTg2LjQwOSA0MC44MjE0IDE4Ni45NjggNDAuNDEwNUMxODguMTM1IDM5LjU0ODUgMTg4LjM5MiAzNy45MTQxIDE4Ny41NDQgMzYuNzM5QzE4Ny4xNDIgMzYuMTc2MSAxODYuNTI5IDM1Ljc5NzUgMTg1Ljg0NCAzNS42ODgyQzE4NS4xNTkgMzUuNTc4OCAxODQuNDU4IDM1Ljc0NzggMTgzLjg5OSAzNi4xNTczWk0xODguOTMyIDM2LjgyNjNDMTg4LjA4NCAzOC4wMDE0IDE4OC4zNDEgMzkuNjM1NyAxODkuNTA4IDQwLjQ5NzhDMTkwLjA2NyA0MC45MDc2IDE5MC43NjggNDEuMDc2OSAxOTEuNDUzIDQwLjk2NzVDMTkyLjEzOSA0MC44NTgxIDE5Mi43NTEgNDAuNDc5MyAxOTMuMTUzIDM5LjkxNjJDMTk0LjAwMSAzOC43NDEgMTkzLjc0NCAzNy4xMDY3IDE5Mi41NzcgMzYuMjQ0NkMxOTIuMDE4IDM1LjgzNTEgMTkxLjMxNyAzNS42NjYxIDE5MC42MzIgMzUuNzc1NUMxODkuOTQ3IDM1Ljg4NDggMTg5LjMzNCAzNi4yNjM0IDE4OC45MzIgMzYuODI2M1pNMTc5Ljk1MyAyNi44NzExQzE3OS4zNjEgMjcuMTIxOSAxNzguOTggMjcuNzAzOCAxNzguOTg4IDI4LjM0NDFDMTc4Ljk5NCAyOS4yMTAzIDE3OS43MDQgMjkuOTA4IDE4MC41NzQgMjkuOTAyNEMxODEuMjE4IDI5LjkwMjMgMTgxLjc5NyAyOS41MTU0IDE4Mi4wNDIgMjguOTIzQzE4Mi4yODYgMjguMzMwNiAxODIuMTQ3IDI3LjY1IDE4MS42ODkgMjcuMjAwMUMxODEuMjMxIDI2Ljc1MDMgMTgwLjU0NSAyNi42MjAzIDE3OS45NTMgMjYuODcxMVpNMTk0Ljk3IDI4LjI5NUMxOTQuOTgxIDI3LjQzNzEgMTk1LjY4NyAyNi43NDk3IDE5Ni41NDkgMjYuNzU3MUMxOTcuNDExIDI2Ljc2NDYgMTk4LjEwNSAyNy40NjQyIDE5OC4xMDEgMjguMzIyMUMxOTguMDk3IDI5LjE4MDEgMTk3LjM5NyAyOS44NzM2IDE5Ni41MzUgMjkuODczN0MxOTUuNjY1IDI5Ljg2ODEgMTk0Ljk2NCAyOS4xNjEzIDE5NC45NyAyOC4yOTVaTTE4NC4yOTUgMjYuMDMwMkMxODQuMTUxIDI1LjU5MDIgMTg0LjM5MSAyNS4xMTcyIDE4NC44MzEgMjQuOTdDMTg1LjA0MyAyNC45MDE0IDE4NS4yNzMgMjQuOTE5OCAxODUuNDcxIDI1LjAyMTRDMTg1LjY2OSAyNS4xMjI5IDE4NS44MTcgMjUuMjk4OSAxODUuODg0IDI1LjUxMDNDMTg2LjAyNyAyNS45NTAzIDE4NS43ODggMjYuNDIzMiAxODUuMzQ3IDI2LjU3MDRDMTg1LjI2NSAyNi41OTc2IDE4NS4xNzggMjYuNjExNSAxODUuMDkxIDI2LjYxMThDMTg0LjcyNyAyNi42MTEyIDE4NC40MDUgMjYuMzc1OSAxODQuMjk1IDI2LjAzMDJaTTE4OS45MDQgMjUuNDY1N0MxODkuNzYgMjUuOTA1NyAxOTAgMjYuMzc4NiAxOTAuNDQgMjYuNTI1OEwxOTAuNDM4IDI2LjUyNThDMTkwLjUyMiAyNi41NTM0IDE5MC42MSAyNi41NjczIDE5MC42OTggMjYuNTY3MkMxOTEuMDYyIDI2LjU2NTggMTkxLjM4MyAyNi4zMzA3IDE5MS40OTMgMjUuOTg1NkMxOTEuNjM2IDI1LjU0NTYgMTkxLjM5NyAyNS4wNzI2IDE5MC45NTYgMjQuOTI1NEMxOTAuNzQ1IDI0Ljg1NjggMTkwLjUxNCAyNC44NzUyIDE5MC4zMTcgMjQuOTc2OEMxOTAuMTE5IDI1LjA3ODMgMTg5Ljk3IDI1LjI1NDQgMTg5LjkwNCAyNS40NjU3Wk0xODMuMTg1IDIzLjg1MjRDMTgyLjg3IDIzLjk4NjkgMTgyLjY2NyAyNC4yOTc4IDE4Mi42NzMgMjQuNjM5NEMxODIuNjc3IDI1LjEwMDMgMTgzLjA1NSAyNS40NzA4IDE4My41MTggMjUuNDY3NkMxODMuODYyIDI1LjQ2NzYgMTg0LjE3MSAyNS4yNjEgMTg0LjMwMSAyNC45NDQ5QzE4NC40MzEgMjQuNjI4OCAxODQuMzU2IDI0LjI2NTggMTg0LjExMSAyNC4wMjYyQzE4My44NjcgMjMuNzg2NiAxODMuNTAxIDIzLjcxNzkgMTgzLjE4NSAyMy44NTI0Wk0xOTEuNDE1IDI0LjU3QzE5MS40MjMgMjQuMTE0NCAxOTEuNzk5IDIzLjc1MDMgMTkyLjI1NiAyMy43NTUyQzE5Mi43MTQgMjMuNzYgMTkzLjA4MiAyNC4xMzIxIDE5My4wOCAyNC41ODc3QzE5My4wNzcgMjUuMDQzNCAxOTIuNzA1IDI1LjQxMTUgMTkyLjI0OCAyNS40MTE1QzE5MS43ODQgMjUuNDA3IDE5MS40MTIgMjUuMDMwMiAxOTEuNDE2IDI0LjU2OTNMMTkxLjQxNSAyNC41N1pNMTkzLjExNCAyMi4xODY2QzE5Mi42NzQgMjIuMzMzOCAxOTIuNDM1IDIyLjgwNjkgMTkyLjU3OSAyMy4yNDY3TDE5Mi41NzkgMjMuMjQ2MUMxOTIuNjg5IDIzLjU5MTkgMTkzLjAxMSAyMy44Mjc0IDE5My4zNzUgMjMuODI4NEMxOTMuNDYyIDIzLjgyODEgMTkzLjU0OCAyMy44MTQxIDE5My42MzEgMjMuNzg3QzE5NC4wNzIgMjMuNjM5OCAxOTQuMzExIDIzLjE2NjcgMTk0LjE2NyAyMi43MjY4QzE5NC4xIDIyLjUxNTUgMTkzLjk1MiAyMi4zMzk0IDE5My43NTQgMjIuMjM3OUMxOTMuNTU2IDIyLjEzNjQgMTkzLjMyNiAyMi4xMTc5IDE5My4xMTQgMjIuMTg2NlpNMTk4LjQwNiAxNy41NDQ4QzE5Ny45IDE4LjI1MDUgMTk4LjA1NCAxOS4yMjk4IDE5OC43NTMgMTkuNzQ3OEMxOTkuMDg4IDE5Ljk5MzYgMTk5LjUwOSAyMC4wOTUxIDE5OS45MiAyMC4wMjk0QzIwMC4zMzEgMTkuOTYzOCAyMDAuNjk5IDE5LjczNjUgMjAwLjk0IDE5LjM5ODdDMjAxLjQ0NyAxOC42OTMgMjAxLjI5MyAxNy43MTM3IDIwMC41OTQgMTcuMTk1NkMyMDAuMjU4IDE2Ljk0OTkgMTk5LjgzOCAxNi44NDg0IDE5OS40MjcgMTYuOTE0QzE5OS4wMTUgMTYuOTc5NyAxOTguNjQ4IDE3LjIwNjkgMTk4LjQwNiAxNy41NDQ4Wk0xOTMuNDQ5IDE5Ljg2NzZDMTkzLjA3NiAxOS41OTE5IDE5Mi45OTMgMTkuMDY5IDE5My4yNjQgMTguNjkyOEMxOTMuMzkzIDE4LjUxMjcgMTkzLjU4OSAxOC4zOTE1IDE5My44MDggMTguMzU2NUMxOTQuMDI3IDE4LjMyMTYgMTk0LjI1MiAxOC4zNzU3IDE5NC40MyAxOC41MDY4QzE5NC44MDQgMTguNzgyMyAxOTQuODg3IDE5LjMwNTQgMTk0LjYxNiAxOS42ODE2QzE5NC40ODcgMTkuODYxOSAxOTQuMjkxIDE5Ljk4MzIgMTk0LjA3MSAyMC4wMTgyQzE5My44NTIgMjAuMDUzMSAxOTMuNjI3IDE5Ljk5ODkgMTkzLjQ0OCAxOS44Njc2SDE5My40NDlaTTE5Mi41MzQgMTcuMDgxQzE5Mi4zOTEgMTcuNTIwOSAxOTIuNjMgMTcuOTkzOSAxOTMuMDcxIDE4LjE0MTFWMTguMTM5MkMxOTMuMTU1IDE4LjE2NjggMTkzLjI0MyAxOC4xODA4IDE5My4zMzEgMTguMTgwNkMxOTMuNjk1IDE4LjE3ODkgMTk0LjAxNiAxNy45NDM4IDE5NC4xMjUgMTcuNTk4OUMxOTQuMjY3IDE3LjE1OSAxOTQuMDI3IDE2LjY4NzEgMTkzLjU4NyAxNi41NDA3QzE5My4zNzUgMTYuNDcyIDE5My4xNDUgMTYuNDkwNSAxOTIuOTQ3IDE2LjU5MkMxOTIuNzQ5IDE2LjY5MzUgMTkyLjYwMSAxNi44Njk2IDE5Mi41MzQgMTcuMDgxWk0xOTEuMzM0IDE1Ljc3M0MxOTEuMzI5IDE1LjQzMTUgMTkxLjUzMSAxNS4xMjA1IDE5MS44NDcgMTQuOTg2QzE5Mi4xNjIgMTQuODUxNSAxOTIuNTI4IDE0LjkyMDIgMTkyLjc3MyAxNS4xNTk4QzE5My4wMTcgMTUuMzk5NCAxOTMuMDkyIDE1Ljc2MjQgMTkyLjk2MiAxNi4wNzg1QzE5Mi44MzIgMTYuMzk0NyAxOTIuNTIzIDE2LjYwMTIgMTkyLjE4IDE2LjYwMTJDMTkxLjcxNyAxNi42MDQ0IDE5MS4zMzggMTYuMjMzOSAxOTEuMzM0IDE1Ljc3M1pNMTg0LjIwNSAxNC40Mjc1QzE4NC4wNjEgMTQuODY3MyAxODQuMyAxNS4zNDAxIDE4NC43NCAxNS40ODc2TDE4NC43NDQgMTUuNDg3NkMxODQuODI2IDE1LjUxNDYgMTg0LjkxMiAxNS41Mjg2IDE4NC45OTggMTUuNTI5QzE4NS4zNjIgMTUuNTI3NiAxODUuNjgzIDE1LjI5MjUgMTg1Ljc5MyAxNC45NDc0QzE4NS45MzcgMTQuNTA3NSAxODUuNjk4IDE0LjAzNDQgMTg1LjI1NyAxMy44ODcyQzE4NS4wNDYgMTMuODE4NiAxODQuODE1IDEzLjgzNyAxODQuNjE3IDEzLjkzODVDMTg0LjQyIDE0LjA0MDEgMTg0LjI3MSAxNC4yMTYxIDE4NC4yMDUgMTQuNDI3NVpNMTg5LjgxMSAxNC45MDI4QzE4OS42NjcgMTQuNDYyOSAxODkuOTA2IDEzLjk4OTggMTkwLjM0NyAxMy44NDI2QzE5MC41NTggMTMuNzc0IDE5MC43ODkgMTMuNzkyNCAxOTAuOTg3IDEzLjg5MzlDMTkxLjE4NCAxMy45OTU1IDE5MS4zMzMgMTQuMTcxNSAxOTEuMzk5IDE0LjM4MjlDMTkxLjU0MyAxNC44MjI3IDE5MS4zMDQgMTUuMjk1OCAxOTAuODY0IDE1LjQ0M0MxOTAuNzgxIDE1LjQ3MDIgMTkwLjY5NCAxNS40ODQxIDE5MC42MDcgMTUuNDg0NEMxOTAuMjQ0IDE1LjQ4MjQgMTg5LjkyNCAxNS4yNDc0IDE4OS44MTQgMTQuOTAyOEgxODkuODExWk0xODYuMzQgMTQuNzUyNEMxODUuOTY3IDE0LjQ3NjcgMTg1Ljg4NCAxMy45NTM4IDE4Ni4xNTUgMTMuNTc3NkMxODYuMjg1IDEzLjM5ODMgMTg2LjQ4IDEzLjI3NzkgMTg2LjY5OSAxMy4yNDI5QzE4Ni45MTggMTMuMjA4IDE4Ny4xNDIgMTMuMjYxNSAxODcuMzIyIDEzLjM5MTZDMTg3LjY5NSAxMy42NjcxIDE4Ny43NzggMTQuMTkwMiAxODcuNTA3IDE0LjU2NjRDMTg3LjM3OCAxNC43NDY1IDE4Ny4xODIgMTQuODY3NyAxODYuOTYzIDE0LjkwMjZDMTg2Ljc0MyAxNC45Mzc2IDE4Ni41MTkgMTQuODgzNSAxODYuMzQgMTQuNzUyNFpNMTg4LjI3NiAxMy4zNzY5QzE4Ny45MDIgMTMuNjUxNSAxODcuODE4IDE0LjE3NDIgMTg4LjA4OCAxNC41NTExTDE4OC4wOTEgMTQuNTUxN0MxODguMjIgMTQuNzMxOSAxODguNDE2IDE0Ljg1MyAxODguNjM1IDE0Ljg4OEMxODguODU0IDE0LjkyMyAxODkuMDc5IDE0Ljg2ODggMTg5LjI1NyAxNC43Mzc4QzE4OS42MzEgMTQuNDYyIDE4OS43MTMgMTMuOTM5MiAxODkuNDQyIDEzLjU2M0MxODkuMzEzIDEzLjM4MzcgMTg5LjExNyAxMy4yNjMyIDE4OC44OTggMTMuMjI4M0MxODguNjc5IDEzLjE5MzQgMTg4LjQ1NSAxMy4yNDY5IDE4OC4yNzYgMTMuMzc2OVpNMTc4Ljk1OSAxMi4yNjc4QzE3OC45NyAxMS40MDk5IDE3OS42NzYgMTAuNzIyNCAxODAuNTM4IDEwLjcyOTlDMTgxLjQgMTAuNzM3MyAxODIuMDk0IDExLjQzNjkgMTgyLjA5IDEyLjI5NDlDMTgyLjA4NiAxMy4xNTI4IDE4MS4zODYgMTMuODQ2NCAxODAuNTI0IDEzLjg0NjVDMTc5LjY1NCAxMy44NDA4IDE3OC45NTMgMTMuMTM0IDE3OC45NTkgMTIuMjY3OFpNMTk1Ljg2NyAxMC43NDU2QzE5NS4yNzUgMTAuOTk2NCAxOTQuODk0IDExLjU3ODMgMTk0LjkwMiAxMi4yMTg3QzE5NC45MDggMTMuMDg0OSAxOTUuNjE4IDEzLjc4MjcgMTk2LjQ4OCAxMy43NzdDMTk3LjEzMSAxMy43NzcyIDE5Ny43MTEgMTMuMzkwNSAxOTcuOTU2IDEyLjc5ODFDMTk4LjIgMTIuMjA1NyAxOTguMDYxIDExLjUyNSAxOTcuNjAzIDExLjA3NUMxOTcuMTQ1IDEwLjYyNSAxOTYuNDU5IDEwLjQ5NDkgMTk1Ljg2NyAxMC43NDU2WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzBfNjc2NikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfNjc2NiIgeDE9IjE4Ny41NCIgeTE9IjE2IiB4Mj0iMTY4LjY5IiB5Mj0iLTM4LjcwNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg2NERFQiIvPgo8c3RvcCBvZmZzZXQ9IjAuNjg5NjU1IiBzdG9wLWNvbG9yPSIjRTY0QkUwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YzNTBEQSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMF82NzY2IiB4MT0iMjA5LjE3NCIgeTE9IjAuNjg5NjI4IiB4Mj0iMTczLjI5OSIgeTI9IjAuMTYxNjg1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NjRERUIiLz4KPHN0b3Agb2Zmc2V0PSIwLjY4OTY1NSIgc3RvcC1jb2xvcj0iI0U2NEJFMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGMzUwREEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzY3NjYiPgo8cmVjdCB3aWR0aD0iMjA4Ljg3MiIgaGVpZ2h0PSI0MSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"; // src/components/divider/styles.ts var import_framer_motion18 = require("framer-motion"); var import_styled_components19 = require("styled-components"); var DividerContainer = (0, import_styled_components19.styled)(import_framer_motion18.motion.div)` width: 100%; display: flex; justify-content: center; align-items: center; gap: 16px; color: var(--pcm-body-color-tertiary); font-weight: 400; font-size: 12px; margin: 20px 0; pointer-events: none; user-select: none; white-space: nowrap; &:before { content: ''; transition: all 200ms ease; height: 1px; width: 100%; background: var(--pcm-body-background-tertiary); } &:after { content: ''; transition: all 200ms ease; height: 1px; width: 100%; background: var(--pcm-body-background-tertiary); } `; // src/components/divider/index.tsx var import_jsx_runtime35 = require("react/jsx-runtime"); var Divider = ({ children, style }) => { return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DividerContainer, { style, children }); }; var divider_default = Divider; // src/components/emailLogin/index.tsx var import_react22 = require("react"); // src/components/emailLogin/styles.ts var import_styled_components20 = require("styled-components"); var EmailLoginContainer = import_styled_components20.styled.div` width: 100%; `; var StyleEmailInputWrapper = import_styled_components20.styled.div` position: relative; `; var StyleConnectArrowIcon = import_styled_components20.styled.div` position: absolute; top: 50%; transform: translateY(-50%); right: 12px; cursor: pointer; border-radius: 100%; ${({ $canClick, $isError }) => { if ($canClick) { return ` .icon-0x7ff{ path { fill: #fff !important; } circle { fill: ${$isError ? "var(--pcm-error-color) !important" : "var(--pcm-accent-color) !important"} ; } } `; } else { return ` cursor: default; .icon-0x7ff{ path { fill: #fff !important; } circle { fill: var(--pcm-body-background-secondary) !important; }} `; } }} ${({ disabled, $canClick }) => disabled && $canClick && ` cursor: default; opacity: 0.5; `} `; var StyleEmailInput = import_styled_components20.styled.input` border-radius: var(--pcm-rounded-lg); height: 47px; padding: 0 12px; width: 100%; font-size: 15px; font-weight: normal; background-color: ${({ error }) => error ? "var(--pcm-error-background)" : "var(--pcm-body-background-tertiary)"}; color: ${({ error }) => error ? "var(--pcm-error-color)" : "var(--pcm-body-color)"}; border: none; &::placeholder { color: var(--pcm-body-color-tertiary); } `; var StyleInputError = import_styled_components20.styled.div` color: var(--pcm-error-color); font-size: 12px; display: flex; padding-left: 14px; margin-top: 14px; align-items: center; line-height: 16px; div:nth-child(1) { min-width: 20px; } `; // src/components/emailLogin/index.tsx var import_jsx_runtime36 = require("react/jsx-runtime"); var EmailLogin = () => { const { navigate } = useRouter(); const inputRef = (0, import_react22.useRef)(null); const locales = useLocales(); const { appearance } = useAppearance(); 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 { const emailValue2 = inputRef.current?.value?.trim(); if (emailValue2) { if (!emailValue2) { throw new Error(locales.enterEmail); } else if (!EmailRegExp.test(emailValue2)) { throw new Error(locales.emailFormatError); } setLoading(true); await walletConnector?.auth.getConnectCaptcha({ email: emailValue2 }); navigate("captcha" /* Captcha */, { value: emailValue2, type: "email" /* Email */ }); } } catch (error) { let message = error?.extra?.[0] || error.message || (typeof error === "string" ? error : locales.networkError); if (message.includes("Network Error")) { message = locales.networkError; } setEmailError(message); } setLoading(false); }; const buttonDisabled = (0, import_react22.useMemo)(() => { return !emailValue || !EmailRegExp.test(emailValue) || loading; }, [emailValue, loading]); const hideContinueButton = (0, import_react22.useMemo)(() => { return appearance?.hideContinueButton; }, [appearance?.hideContinueButton]); return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(EmailLoginContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(StyleEmailInputWrapper, { children: [ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)( StyleEmailInput, { placeholder: locales.email, ref: inputRef, error: emailError, onChange: (e) => { setEmailError(""); setEmailValue((e.target.value || "").trim()); }, onKeyDown: (e) => { if (e.key === "Enter") { e.preventDefault(); if (!loading && EmailRegExp.test(emailValue)) { sendCode(); } } }, onFocus: () => { setIsFocus(true); }, onBlur: () => { setIsFocus(false); } } ), hideContinueButton && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)( StyleConnectArrowIcon, { onClick: () => { if (!loading && EmailRegExp.test(emailValue)) { sendCode(); } }, disabled: buttonDisabled, $canClick: emailValue?.length >= 1, $isError: !!emailError, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)( circleSpinner_default, { logo: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "icon-0x7ff", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ConnectArrowIcon, {}) }), connecting: loading, inset: 0, width: 30, height: 30 } ) } ) ] }), emailError && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(StyleInputError, { children: [ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WarningIcon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: emailError }) ] }), !hideContinueButton && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(button_default, { style: { marginTop: 16 }, onClick: sendCode, loading, disabled: buttonDisabled, children: locales.continue }) ] }); }; var emailLogin_default = EmailLogin; // src/components/passkeyButtons/index.tsx var import_jsx_runtime37 = require("react/jsx-runtime"); var PasskeyButtons = () => { const { navigate } = useRouter(); const locales = useLocales(); const { appearance } = useAppearance(); 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: locales.continueWithSmartWalletPasskey }); } return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)( button_default, { style: { marginTop: 16 }, onClick: () => { if (isFirstRegisterPasskey()) { navigate("passkey-setup" /* PasskeySetup */); setFirstRegisterPasskey(); } else if (wallet) { connectWallet(wallet, { passkeyParams: { isRegistering: true } }); } }, children: locales.createNewPasskey } ), /* @__PURE__ */ (0, import_jsx_runtime37.jsx)( button_default, { style: { marginTop: 16 }, color: "secondary", onClick: () => { connectWallet(wallet, { passkeyParams: { isRegistering: false } }); }, children: locales.loginWithPasskey } ) ] }); }; var passkeyButtons_default = PasskeyButtons; // src/components/phoneLogin/index.tsx var import_unicode = __toESM(require("country-flag-icons/unicode"), 1); var import_react25 = require("react"); // src/hooks/useClickAway.ts var import_react23 = require("react"); var useClickAway = (callback, refs) => { (0, import_react23.useEffect)(() => { const handleClickOutside = (event) => { if (refs.every((ref) => ref.current && !ref.current.contains(event.target))) { callback(); } }; document.addEventListener("mousedown", handleClickOutside); return () => { document.removeEventListener("mousedown", handleClickOutside); }; }, [callback, refs]); }; var useClickAway_default = useClickAway; // src/styles/index.ts var import_framer_motion19 = require("framer-motion"); var import_styled_components21 = require("styled-components"); // src/styles/themes/dark.ts var darkTheme = { "--pcm-overlay-background": "rgba(0,0,0,0.4)", "--pcm-modal-box-shadow": "0px 6px 20px 6px rgba(0, 0, 0, 0.1)", "--pcm-body-background": "#1C1D22", "--pcm-body-background-secondary": "#41424A", "--pcm-body-background-tertiary": "#232529", "--pcm-body-color": "#ffffff", "--pcm-body-color-secondary": "#8B8EA1", "--pcm-body-color-tertiary": "#42444B", "--pcm-body-action-color": "#808080", "--pcm-button-border-color": "#292B36", "--pcm-accent-color": "#A257FA", "--pcm-button-font-weight": "500", "--pcm-button-hover-shadow": "0px 2px 4px rgba(255, 255, 255, 0.05)", "--pcm-primary-button-color": "#000000", "--pcm-primary-button-bankground": "#FFFFFF", "--pcm-primary-button-hover-background": "#f5f5f5", "--pcm-secondary-button-color": "#FFFFFF", "--pcm-secondary-button-bankground": "#41424A", "--pcm-secondary-button-hover-background": "#5A5B66" }; var dark_default = darkTheme; // src/styles/themes/light.ts var lightTheme = { "--pcm-overlay-background": "rgba(71, 88, 107, 0.24)", "--pcm-modal-box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.1)", "--pcm-body-background": "#ffffff", "--pcm-body-background-secondary": "#EFF0F2", "--pcm-body-background-tertiary": "#F9F9FA", "--pcm-body-color": "#181B1E", "--pcm-body-color-secondary": "#8B8EA1", "--pcm-body-color-tertiary": "#DCDFE6", "--pcm-body-action-color": "#999999", "--pcm-button-border-color": "#EAECF0", "--pcm-accent-color": "#A257FA", "--pcm-button-font-weight": "500", "--pcm-button-hover-shadow": "0px 2px 4px rgba(0, 0, 0, 0.05)", "--pcm-primary-button-color": "#ffffff", "--pcm-primary-button-bankground": "#181B1E", "--pcm-primary-button-hover-background": "#353738", "--pcm-secondary-button-color": "#181B1E", "--pcm-secondary-button-bankground": "#EFF0F2", "--pcm-secondary-button-hover-background": "#D9DBDD" }; var light_default = lightTheme; // src/styles/themes/index.ts var base = { dark: dark_default, light: light_default }; var themes_default = { base }; // src/styles/index.ts var getWalletOption = (appearance) => { let theme = appearance?.mode ?? getSystemMode(); if (theme === "auto") { theme = getSystemMode(); } let themeConfig = theme === "light" ? light_default : dark_default; themeConfig = mergeThemes({ ...themeGlobals.default, ...themeConfig }, appearance?.theme || {}); const walletTheme = {}; walletTheme.colorAccent = themeConfig["--pcm-accent-color"]; walletTheme.colorPrimary = themeConfig["--pcm-body-background"]; walletTheme.colorOnPrimary = themeConfig["--pcm-primary-button-color"]; walletTheme.primaryButtonBackgroundColors = [ themeConfig["--pcm-primary-button-bankground"], themeConfig["--pcm-primary-button-hover-background"] ]; walletTheme.primaryIconButtonBackgroundColors = [ themeConfig["--pcm-accent-color"], themeConfig["--pcm-accent-color"] ]; walletTheme.primaryIconTextColor = themeConfig["--pcm-secondary-button-color"]; walletTheme.primaryButtonTextColor = themeConfig["--pcm-primary-button-color"]; walletTheme.cancelButtonBackgroundColor = themeConfig["--pcm-secondary-button-bankground"]; walletTheme.backgroundColors = [ themeConfig["--pcm-body-background-secondary"], [ [themeConfig["--pcm-body-background"], themeConfig["--pcm-body-background"]], [themeConfig["--pcm-body-background"], themeConfig["--pcm-body-background"]] ] ]; walletTheme.messageColors = [themeConfig["--pcm-success-color"], themeConfig["--pcm-error-color"]]; walletTheme.borderGlowColors = [themeConfig["--pcm-accent-color"], themeConfig["--pcm-body-color"]]; walletTheme.modalMaskBackgroundColor = themeConfig["--pcm-overlay-background"]; walletTheme.cardBorderRadius = parseInt(themeConfig["--pcm-rounded-xl"]); const options = { themeType: theme, customStyle: { [theme]: walletTheme }, language: appearance?.language }; return options; }; var mergeThemes = (base2, override) => { const result = { ...base2 }; Object.keys(override).forEach((key) => { if (Object.prototype.hasOwnProperty.call(override, key) && override[key] !== "") { result[key] = override[key]; } }); return result; }; var getAuthCoreTheme = (appearance) => { let theme = appearance?.mode ?? getSystemMode(); if (theme === "auto") { theme = getSystemMode(); } let themeConfig = theme === "light" ? light_default : dark_default; themeConfig = mergeThemes({ ...themeGlobals.default, ...themeConfig }, appearance?.theme || {}); const authTheme = { primaryBtnColor: themeConfig["--pcm-primary-button-color"], primaryBtnBackgroundColor: themeConfig["--pcm-primary-button-bankground"], textColor: themeConfig["--pcm-body-color"], secondaryTextColor: themeConfig["--pcm-body-color-secondary"], themeBackgroundColor: themeConfig["--pcm-body-background"], iconBorderColor: themeConfig["--pcm-button-border-color"], accentColor: themeConfig["--pcm-accent-color"], inputBackgroundColor: themeConfig["--pcm-body-background-secondary"], inputBorderColor: themeConfig["--pcm-button-border-color"], inputPlaceholderColor: themeConfig["--pcm-body-color-tertiary"], cardBorderColor: themeConfig["--pcm-button-border-color"], cardUnclickableBackgroundColor: themeConfig["--pcm-body-background-tertiary"], cardUnclickableBorderColor: themeConfig["--pcm-button-border-color"], cardDividerColor: themeConfig["--pcm-button-border-color"], tagBackgroundColor: themeConfig["--pcm-body-background-secondary"], modalBackgroundColor: themeConfig["--pcm-body-background"], tipsBackgroundColor: themeConfig["--pcm-body-background-secondary"], primaryBtnBorderRadius: themeConfig["--pcm-rounded-lg"], cardBorderRadius: themeConfig["--pcm-rounded-md"], modalBorderRadius: themeConfig["--pcm-rounded-lg"] }; return authTheme; }; var themeGlobals = { default: { "--pcm-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'`, "--pcm-overlay-backdrop-filter": "blur(6px)", "--pcm-rounded-sm": "4px", "--pcm-rounded-md": "8px", "--pcm-rounded-lg": "11px", "--pcm-rounded-xl": "22px", "--pcm-rounded-full": "9999px", "--pcm-error-color": "#EA4335", "--pcm-error-background": hexToRgba("#EA4335", 0.2), "--pcm-success-color": "#58C08F", "--pcm-success-background": hexToRgba("#58C08F", 0.2), "--pcm-warning-color": "#F59E0A", "--pcm-warning-background": hexToRgba("#F59E0A", 0.2), "--pcm-wallet-lable-color": "#33C759", "--pcm-wallet-lable-background": hexToRgba("#33C759", 0.2) } }; var themeColors = { light: themes_default.base.light, dark: themes_default.base.dark }; var createCssVars = (scheme, override) => { const important = override ? " !important" : ""; return import_styled_components21.css` ${Object.keys(scheme).map((key) => { const value = scheme[key]; return value && `${key}:${value}${important};`; })} `; }; var themes = { default: createCssVars(themeGlobals.default), light: createCssVars(themeColors.light), dark: createCssVars(themeColors.dark) }; var mode = "auto"; var ThemeContainer = (0, import_styled_components21.styled)(import_framer_motion19.motion.div)` ${themes.default} ${(props) => { if (props.$useMode === "light") { mode = "light"; return themes.light; } else if (props.$useMode === "dark") { mode = "dark"; return themes.dark; } else { return import_styled_components21.css` @media (prefers-color-scheme: light) { ${themes.light} } @media (prefers-color-scheme: dark) { ${themes.dark} } `; } }} ${(props) => { if (props.$useTheme) { return createCssVars(props.$useTheme, true); } return void 0; }} ${(props) => { if (props.$useTheme) { const merge = {}; if (props.$useTheme["--pcm-success-color"]) { merge["--pcm-success-background"] = hexToRgba(props.$useTheme["--pcm-success-color"], 0.2); } if (props.$useTheme["--pcm-warning-color"]) { merge["--pcm-warning-background"] = hexToRgba(props.$useTheme["--pcm-warning-color"], 0.2); } if (props.$useTheme["--pcm-error-color"]) { merge["--pcm-error-background"] = hexToRgba(props.$useTheme["--pcm-error-color"], 0.2); } if (props.$useTheme["--pcm-wallet-lable-color"]) { merge["--pcm-wallet-lable-background"] = hexToRgba(props.$useTheme["--pcm-wallet-lable-color"], 0.2); } return createCssVars(merge, true); } return void 0; }} all: initial; text-align: left; text-direction: ltr; text-rendering: optimizeLegibility; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-stroke: 0.001px transparent; text-size-adjust: none; font-size: 16px; color: var(--pcm-body-color); &, * { font-family: var(--pcm-font-family); box-sizing: border-box; &:after, &:before { box-sizing: border-box; border: 0 solid #e5e7eb; } } img, svg { max-width: 100%; overflow: visible; } strong { font-weight: 600; } input:focus-visible, a:focus-visible, button:focus-visible { outline: 1px solid var(--pcm-focus-color, var(--pcm-accent-color)); } input { caret-color: var(--pcm-focus-color, var(--pcm-accent-color)); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; // src/types/country.ts var _countryCodes = [ "AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XK", "YE", "YT", "ZA", "ZM", "ZW" ]; var countryCodes = _countryCodes; // src/utils/allCountries.ts var defaultCountriesData = [ ["Afghanistan (\u202B\u0627\u0641\u063A\u0627\u0646\u0633\u062A\u0627\u0646\u202C\u200E)", "af", "93"], ["Albania (Shqip\xEBri)", "al", "355"], ["Algeria (\u202B\u0627\u0644\u062C\u0632\u0627\u0626\u0631\u202C\u200E)", "dz", "213"], ["American Samoa", "as", "1684"], ["Andorra", "ad", "376"], ["Angola", "ao", "244"], ["Anguilla", "ai", "1264"], ["Antigua and Barbuda", "ag", "1268"], ["Argentina", "ar", "54"], ["Armenia (\u0540\u0561\u0575\u0561\u057D\u057F\u0561\u0576)", "am", "374"], ["Aruba", "aw", "297"], ["Australia", "au", "61"], ["Austria (\xD6sterreich)", "at", "43"], ["Azerbaijan (Az\u0259rbaycan)", "az", "994"], ["Bahamas", "bs", "1242"], ["Bahrain (\u202B\u0627\u0644\u0628\u062D\u0631\u064A\u0646\u202C\u200E)", "bh", "973"], ["Bangladesh (\u09AC\u09BE\u0982\u09B2\u09BE\u09A6\u09C7\u09B6)", "bd", "880"], ["Barbados", "bb", "1246"], ["Belarus (\u0411\u0435\u043B\u0430\u0440\u0443\u0441\u044C)", "by", "375"], ["Belgium (Belgi\xEB)", "be", "32"], ["Belize", "bz", "501"], ["Benin (B\xE9nin)", "bj", "229"], ["Bermuda", "bm", "1441"], ["Bhutan (\u0F60\u0F56\u0FB2\u0F74\u0F42)", "bt", "975"], ["Bolivia", "bo", "591"], ["Bosnia and Herzegovina", "ba", "387"], ["Botswana", "bw", "267"], ["Brazil (Brasil)", "br", "55"], ["British Indian Ocean Territory", "io", "246"], ["British Virgin Islands", "vg", "1284"], ["Brunei", "bn", "673"], ["Bulgaria (\u0411\u044A\u043B\u0433\u0430\u0440\u0438\u044F)", "bg", "359"], ["Burkina Faso", "bf", "226"], ["Burundi (Uburundi)", "bi", "257"], ["Cambodia (\u1780\u1798\u17D2\u1796\u17BB\u1787\u17B6)", "kh", "855"], ["Cameroon (Cameroun)", "cm", "237"], ["Canada", "ca", "1"], ["Cape Verde (Kabu Verdi)", "cv", "238"], ["Caribbean Netherlands", "bq", "599"], ["Cayman Islands", "ky", "1345"], ["Central African Republic", "cf", "236"], ["Chad (Tchad)", "td", "235"], ["Chile", "cl", "56"], ["China (\u4E2D\u56FD)", "cn", "86"], ["Christmas Island", "cx", "61"], ["Cocos (Keeling) Islands", "cc", "61"], ["Colombia", "co", "57"], ["Comoros (\u202B\u062C\u0632\u0631 \u0627\u0644\u0642\u0645\u0631\u202C\u200E)", "km", "269"], ["Congo (DRC)", "cd", "243"], ["Congo (Republic)", "cg", "242"], ["Cook Islands", "ck", "682"], ["Costa Rica", "cr", "506"], ["C\xF4te d\u2019Ivoire", "ci", "225"], ["Croatia (Hrvatska)", "hr", "385"], ["Cuba", "cu", "53"], ["Cura\xE7ao", "cw", "599"], ["Cyprus (\u039A\u03CD\u03C0\u03C1\u03BF\u03C2)", "cy", "357"], ["Czech Republic (\u010Cesk\xE1 republika)", "cz", "420"], ["Denmark (Danmark)", "dk", "45"], ["Djibouti", "dj", "253"], ["Dominica", "dm", "1767"], ["Dominican Republic", "do", "1"], ["Ecuador", "ec", "593"], ["Egypt (\u202B\u0645\u0635\u0631\u202C\u200E)", "eg", "20"], ["El Salvador", "sv", "503"], ["Equatorial Guinea", "gq", "240"], ["Eritrea", "er", "291"], ["Estonia (Eesti)", "ee", "372"], ["Ethiopia", "et", "251"], ["Falkland Islands (Islas Malvinas)", "fk", "500"], ["Faroe Islands (F\xF8royar)", "fo", "298"], ["Fiji", "fj", "679"], ["Finland (Suomi)", "fi", "358"], ["France", "fr", "33"], ["French Guiana", "gf", "594"], ["French Polynesia", "pf", "689"], ["Gabon", "ga", "241"], ["Gambia", "gm", "220"], ["Georgia (\u10E1\u10D0\u10E5\u10D0\u10E0\u10D7\u10D5\u10D4\u10DA\u10DD)", "ge", "995"], ["Germany (Deutschland)", "de", "49"], ["Ghana (Gaana)", "gh", "233"], ["Gibraltar", "gi", "350"], ["Greece (\u0395\u03BB\u03BB\u03AC\u03B4\u03B1)", "gr", "30"], ["Greenland (Kalaallit Nunaat)", "gl", "299"], ["Grenada", "gd", "1473"], ["Guadeloupe", "gp", "590"], ["Guam", "gu", "1671"], ["Guatemala", "gt", "502"], ["Guernsey", "gg", "44"], ["Guinea (Guin\xE9e)", "gn", "224"], ["Guinea-Bissau (Guin\xE9 Bissau)", "gw", "245"], ["Guyana", "gy", "592"], ["Haiti", "ht", "509"], ["Honduras", "hn", "504"], ["Hong Kong (\u9999\u6E2F)", "hk", "852"], ["Hungary (Magyarorsz\xE1g)", "hu", "36"], ["Iceland (\xCDsland)", "is", "354"], ["India (\u092D\u093E\u0930\u0924)", "in", "91"], ["Indonesia", "id", "62"], ["Iran (\u202B\u0627\u06CC\u0631\u0627\u0646\u202C\u200E)", "ir", "98"], ["Iraq (\u202B\u0627\u0644\u0639\u0631\u0627\u0642\u202C\u200E)", "iq", "964"], ["Ireland", "ie", "353"], ["Isle of Man", "im", "44"], ["Israel (\u202B\u05D9\u05E9\u05E8\u05D0\u05DC\u202C\u200E)", "il", "972"], ["Italy (Italia)", "it", "39"], ["Jamaica", "jm", "1876"], ["Japan (\u65E5\u672C)", "jp", "81"], ["Jersey", "je", "44"], ["Jordan (\u202B\u0627\u0644\u0623\u0631\u062F\u0646\u202C\u200E)", "jo", "962"], ["Kazakhstan (\u041A\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043D)", "kz", "7"], ["Kenya", "ke", "254"], ["Kiribati", "ki", "686"], ["Kosovo", "xk", "383"], ["Kuwait (\u202B\u0627\u0644\u0643\u0648\u064A\u062A\u202C\u200E)", "kw", "965"], ["Kyrgyzstan (\u041A\u044B\u0440\u0433\u044B\u0437\u0441\u0442\u0430\u043D)", "kg", "996"], ["Laos (\u0EA5\u0EB2\u0EA7)", "la", "856"], ["Latvia (Latvija)", "lv", "371"], ["Lebanon (\u202B\u0644\u0628\u0646\u0627\u0646\u202C\u200E)", "lb", "961"], ["Lesotho", "ls", "266"], ["Liberia", "lr", "231"], ["Libya (\u202B\u0644\u064A\u0628\u064A\u0627\u202C\u200E)", "ly", "218"], ["Liechtenstein", "li", "423"], ["Lithuania (Lietuva)", "lt", "370"], ["Luxembourg", "lu", "352"], ["Macau (\u6FB3\u9580)", "mo", "853"], ["Macedonia (FYROM) (\u041C\u0430\u043A\u0435\u0434\u043E\u043D\u0438\u0458\u0430)", "mk", "389"], ["Madagascar (Madagasikara)", "mg", "261"], ["Malawi", "mw", "265"], ["Malaysia", "my", "60"], ["Maldives", "mv", "960"], ["Mali", "ml", "223"], ["Malta", "mt", "356"], ["Marshall Islands", "mh", "692"], ["Martinique", "mq", "596"], ["Mauritania (\u202B\u0645\u0648\u0631\u064A\u062A\u0627\u0646\u064A\u0627\u202C\u200E)", "mr", "222"], ["Mauritius (Moris)", "mu", "230"], ["Mayotte", "yt", "262"], ["Mexico (M\xE9xico)", "mx", "52"], ["Micronesia", "fm", "691"], ["Moldova (Republica Moldova)", "md", "373"], ["Monaco", "mc", "377"], ["Mongolia (\u041C\u043E\u043D\u0433\u043E\u043B)", "mn", "976"], ["Montenegro (Crna Gora)", "me", "382"], ["Montserrat", "ms", "1664"], ["Morocco (\u202B\u0627\u0644\u0645\u063A\u0631\u0628\u202C\u200E)", "ma", "212"], ["Mozambique (Mo\xE7ambique)", "mz", "258"], ["Myanmar (Burma) (\u1019\u103C\u1014\u103A\u1019\u102C)", "mm", "95"], ["Namibia (Namibi\xEB)", "na", "264"], ["Nauru", "nr", "674"], ["Nepal (\u0928\u0947\u092A\u093E\u0932)", "np", "977"], ["Netherlands (Nederland)", "nl", "31"], ["New Caledonia (Nouvelle-Cal\xE9donie)", "nc", "687"], ["New Zealand", "nz", "64"], ["Nicaragua", "ni", "505"], ["Niger (Nijar)", "ne", "227"], ["Nigeria", "ng", "234"], ["Niue", "nu", "683"], ["Norfolk Island", "nf", "672"], ["North Korea (\uC870\uC120 \uBBFC\uC8FC\uC8FC\uC758 \uC778\uBBFC \uACF5\uD654\uAD6D)", "kp", "850"], ["Northern Mariana Islands", "mp", "1670"], ["Norway (Norge)", "no", "47"], ["Oman (\u202B\u0639\u064F\u0645\u0627\u0646\u202C\u200E)", "om", "968"], ["Pakistan (\u202B\u067E\u0627\u06A9\u0633\u062A\u0627\u0646\u202C\u200E)", "pk", "92"], ["Palau", "pw", "680"], ["Palestine (\u202B\u0641\u0644\u0633\u0637\u064A\u0646\u202C\u200E)", "ps", "970"], ["Panama (Panam\xE1)", "pa", "507"], ["Papua New Guinea", "pg", "675"], ["Paraguay", "py", "595"], ["Peru (Per\xFA)", "pe", "51"], ["Philippines", "ph", "63"], ["Poland (Polska)", "pl", "48"], ["Portugal", "pt", "351"], ["Puerto Rico", "pr", "1"], ["Qatar (\u202B\u0642\u0637\u0631\u202C\u200E)", "qa", "974"], ["R\xE9union (La R\xE9union)", "re", "262"], ["Romania (Rom\xE2nia)", "ro", "40"], ["Russia (\u0420\u043E\u0441\u0441\u0438\u044F)", "ru", "7"], ["Rwanda", "rw", "250"], ["Saint Barth\xE9lemy (Saint-Barth\xE9lemy)", "bl", "590"], ["Saint Helena", "sh", "290"], ["Saint Kitts and Nevis", "kn", "1869"], ["Saint Lucia", "lc", "1758"], ["Saint Martin", "mf", "590"], ["Saint Pierre and Miquelon", "pm", "508"], ["Saint Vincent and the Grenadines", "vc", "1784"], ["Samoa", "ws", "685"], ["San Marino", "sm", "378"], ["S\xE3o Tom\xE9 and Pr\xEDncipe", "st", "239"], ["Saudi Arabia (\u202B\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064A\u0629 \u0627\u0644\u0633\u0639\u0648\u062F\u064A\u0629\u202C\u200E)", "sa", "966"], ["Senegal (S\xE9n\xE9gal)", "sn", "221"], ["Serbia (\u0421\u0440\u0431\u0438\u0458\u0430)", "rs", "381"], ["Seychelles", "sc", "248"], ["Sierra Leone", "sl", "232"], ["Singapore", "sg", "65"], ["Sint Maarten", "sx", "1721"], ["Slovakia (Slovensko)", "sk", "421"], ["Slovenia (Slovenija)", "si", "386"], ["Solomon Islands", "sb", "677"], ["Somalia (Soomaaliya)", "so", "252"], ["South Africa", "za", "27"], ["South Korea (\uB300\uD55C\uBBFC\uAD6D)", "kr", "82"], ["South Sudan (\u202B\u062C\u0646\u0648\u0628 \u0627\u0644\u0633\u0648\u062F\u0627\u0646\u202C\u200E)", "ss", "211"], ["Spain (Espa\xF1a)", "es", "34"], ["Sri Lanka (\u0DC1\u0DCA\u200D\u0DBB\u0DD3 \u0DBD\u0D82\u0D9A\u0DCF\u0DC0)", "lk", "94"], ["Sudan (\u202B\u0627\u0644\u0633\u0648\u062F\u0627\u0646\u202C\u200E)", "sd", "249"], ["Suriname", "sr", "597"], ["Svalbard and Jan Mayen", "sj", "47"], ["Swaziland", "sz", "268"], ["Sweden (Sverige)", "se", "46"], ["Switzerland (Schweiz)", "ch", "41"], ["Syria (\u202B\u0633\u0648\u0631\u064A\u0627\u202C\u200E)", "sy", "963"], ["Taiwan (\u53F0\u7063)", "tw", "886"], ["Tajikistan", "tj", "992"], ["Tanzania", "tz", "255"], ["Thailand (\u0E44\u0E17\u0E22)", "th", "66"], ["Timor-Leste", "tl", "670"], ["Togo", "tg", "228"], ["Tokelau", "tk", "690"], ["Tonga", "to", "676"], ["Trinidad and Tobago", "tt", "1868"], ["Tunisia (\u202B\u062A\u0648\u0646\u0633\u202C\u200E)", "tn", "216"], ["Turkey (T\xFCrkiye)", "tr", "90"], ["Turkmenistan", "tm", "993"], ["Turks and Caicos Islands", "tc", "1649"], ["Tuvalu", "tv", "688"], ["U.S. Virgin Islands", "vi", "1340"], ["Uganda", "ug", "256"], ["Ukraine (\u0423\u043A\u0440\u0430\u0457\u043D\u0430)", "ua", "380"], ["United Arab Emirates", "ae", "971"], ["United Kingdom", "gb", "44"], ["United States", "us", "1"], ["Uruguay", "uy", "598"], ["Uzbekistan (O\u02BBzbekiston)", "uz", "998"], ["Vanuatu", "vu", "678"], ["Vatican City (Citt\xE0 del Vaticano)", "va", "39"], ["Venezuela", "ve", "58"], ["Vietnam (Vi\u1EC7t Nam)", "vn", "84"], ["Wallis and Futuna", "wf", "681"], ["Western Sahara (\u202B\u0627\u0644\u0635\u062D\u0631\u0627\u0621 \u0627\u0644\u063A\u0631\u0628\u064A\u0629\u202C\u200E)", "eh", "212"], ["Yemen (\u202B\u0627\u0644\u064A\u0645\u0646\u202C\u200E)", "ye", "967"], ["Zambia", "zm", "260"], ["Zimbabwe", "zw", "263"], ["\xC5land Islands", "ax", "358"] ]; // src/components/chainDropdown/styles.ts var import_styled_components22 = require("styled-components"); var StyleDropdownContent = import_styled_components22.styled.div` position: absolute; top: ${({ top }) => top || 46}px; left: 0%; box-shadow: var(--pcm-modal-box-shadow); background: var(--pcm-body-background); border-radius: var(--pcm-rounded-lg); z-index: 10; overflow: hidden; `; var StyleDropdownWrapper = import_styled_components22.styled.div` flex-shrink: 0; padding: 8px; overflow-y: auto; position: relative; -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } `; var StyleChainItem = import_styled_components22.styled.div` height: 36px; display: flex; justify-content: flex-start; padding-left: 8px; padding-right: 30px; position: relative; border-radius: var(--pcm-rounded-sm); align-items: center; z-index: 2; cursor: pointer; ${({ selected }) => selected && ` .chain-name { color: #a257fa; } &:after { content: ''; position: absolute; width: 100%; height: 34px; left: 0; top: 0px; background-color: var(--pcm-accent-color); opacity: 0.2; border-radius: var(--pcm-rounded-sm); } `} `; var StyleCheckIcon = import_styled_components22.styled.div` position: absolute; right: 11px; top: 50%; transform: translateY(-60%); `; var StyleChainName = import_styled_components22.styled.div` font-size: 12px; `; var StyleHoverBg = import_styled_components22.styled.div` pointer-events: none; position: absolute; top: ${({ index, $source }) => $source === "countryList" ? index * 46 + 8 : index * 36 + 9}px; left: 8px; width: calc(100% - 16px); height: ${({ $source }) => $source === "countryList" ? "46px" : "34px"}; background-color: var(--pcm-accent-color); opacity: 0.1; border-radius: var(--pcm-rounded-sm); z-index: 11; display: ${({ index }) => index === -1 ? "none" : "block"}; transition: top 0.1s; `; // src/components/dropdown/index.tsx var import_react24 = require("react"); var import_react_dom = require("react-dom"); var import_jsx_runtime38 = require("react/jsx-runtime"); var Dropdown = (0, import_react24.forwardRef)((props, ref) => { const { trigger, content, dropdownWidth, dropdownHeight, offsetX = 0, offsetY = 0, onChange } = props; 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(); const viewportHeight = window.innerHeight; if (viewportHeight - rect.bottom < dropdownHeight) { dropdownRef.current.style.top = `${rect.top - dropdownHeight - offsetY}px`; } else { dropdownRef.current.style.top = `${rect.bottom + offsetY}px`; } dropdownRef.current.style.left = `${rect.left}px`; } }; (0, import_react24.useEffect)(() => { if (isOpen) { updateDropdownPosition(); window.addEventListener("scroll", updateDropdownPosition, true); window.addEventListener("resize", updateDropdownPosition); document.addEventListener("mousedown", handleClickOutside); } return () => { window.removeEventListener("scroll", updateDropdownPosition, true); window.removeEventListener("resize", updateDropdownPosition); document.removeEventListener("mousedown", handleClickOutside); }; }, [isOpen, offsetX]); const toggleDropdown = () => { setIsOpen(!isOpen); onChange && onChange(!isOpen); }; const handleClickOutside = (event) => { if (dropdownRef.current && !dropdownRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) { toggleDropdown(); } }; (0, import_react24.useImperativeHandle)(ref, () => ({ toggleDropdown })); return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: triggerRef, onClick: toggleDropdown, className: "aaaaaaa", children: trigger }), isOpen && (0, import_react_dom.createPortal)( /* @__PURE__ */ (0, import_jsx_runtime38.jsx)( "div", { ref: dropdownRef, style: { transform: "translateX(-11px)", width: `${dropdownWidth}px`, height: `${dropdownHeight}px`, position: "fixed", opacity: 1, zIndex: 99999999999999e3 }, children: content } ), document.body ) ] }); }); var dropdown_default = Dropdown; // src/components/phoneLogin/styles.ts var import_styled_components23 = require("styled-components"); var StylePhoneLoginContainer = import_styled_components23.styled.div` width: 100%; `; var StylePhoneInputContainer = import_styled_components23.styled.div` border-radius: var(--pcm-rounded-lg); height: 47px; padding: 0; background-color: ${({ error }) => error ? "var(--pcm-error-background)" : "var(--pcm-body-background-tertiary)"}; width: 100%; font-size: 15px; font-weight: normal; display: flex; align-items: center; &::placeholder { color: var(--pcm-body-color-tertiary); } ${({ $inputFocus }) => { return $inputFocus ? "outline: 1px solid var(--pcm-focus-color, var(--pcm-accent-color));" : ""; }} `; var StylePhoneInputItemContainer = import_styled_components23.styled.div` display: flex; align-items: center; width: 100%; height: 100%; position: relative; padding: 0 12px; /* .phone-input { flex: 1; height: 100%; padding-left: 14px; display: flex; align-items: center; justify-content: flex-start; input { background-color: transparent; &:focus { outline: none; } } } */ `; var StylePhoneLabel = import_styled_components23.styled.label` flex: 1; height: 100%; padding-left: 14px; display: flex; align-items: center; justify-content: flex-start; color: ${({ error }) => error ? "#EA4335" : "#000"}; input { background-color: transparent; width: 100%; color: var(--pcm-body-color); border: none; &:focus, &:active, &:focus-visible { outline: none !important; } &::placeholder { color: var(--pcm-body-color-tertiary); } } `; var StyleCountryBox = import_styled_components23.styled.div` display: flex; align-items: center; `; var StylePrefixWrap = import_styled_components23.styled.div` display: flex; align-items: center; `; var StyleAccountSelectOpt = import_styled_components23.styled.div` display: flex; align-items: center; cursor: pointer; gap: 10px; margin-right: 14px; * { font-family: system-ui !important; } `; var StyleDownMore = import_styled_components23.styled.div` position: relative; top: 1px; display: flex; align-items: center; `; var StyleAccountSelectCountryList = import_styled_components23.styled.div` position: absolute; z-index: 2; left: -1px; width: calc(100% + 2px); /* max-height: ${({ $maxHeight }) => $maxHeight || 300}px; */ border-radius: var(--pcm-rounded-lg) !important; overflow: hidden; background-color: var(--pcm-body-background-tertiary); padding-top: 8px; color: var(--pcm-body-color); box-shadow: var(--pcm-modal-box-shadow); padding-bottom: 8px; /* ${({ listposition }) => listposition === "top" ? "bottom: 56px;" : "top: 20px;"} */ &::-webkit-scrollbar { display: none; width: 0; } `; var StyleAccountSelectCountryItem = import_styled_components23.styled.div` position: relative; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 12px 14px; font-size: 14px; /* position: sticky; */ padding-top: 0px; padding-bottom: 0px; height: 46px; top: 0; cursor: pointer; /* &:hover { background-color: ${({ $hoverBgColor }) => $hoverBgColor || "var(--pcm-body-color-tertiary)"}; } */ &.search-input-wrap { z-index: 99; padding: 0; &:hover { background: none !important; } .wrap { background: var(--pcm-body-background-tertiary); width: 100%; padding: 0 14px; padding-top: 4px; padding-bottom: 10px; } } `; var StyleSearchInput = import_styled_components23.styled.input` width: 100%; height: 36px; padding: 0 16px; border-radius: var(--pcm-rounded-lg); overflow: hidden; color: var(--pcm-body-color); background-color: var(--pcm-body-background); border: none; &::placeholder { color: var(--pcm-body-color-tertiary); } `; var StyleCountryItem = import_styled_components23.styled.div` max-width: 80%; display: flex; align-items: center; `; var StyleCountryFlag = import_styled_components23.styled.div` width: 28px; min-width: 28px; font-family: system-ui; `; var StyleCountryName = import_styled_components23.styled.span` font-weight: 500; color: var(--pcm-body-color); `; var StyleCountryCode = import_styled_components23.styled.div` color: var(--pcm-body-color-secondary); `; var StyleNoData = import_styled_components23.styled.div` display: flex; justify-content: center; align-items: center; height: 47px; color: var(--pcm-body-color-secondary); font-size: 12px; `; // src/components/phoneLogin/index.tsx var import_jsx_runtime39 = require("react/jsx-runtime"); var PhoneInputItem = () => { const { appearance } = useAppearance(); const { navigate } = useRouter(); const locales = useLocales(); 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 { if (phoneValue) { const phoneLocale = countryData[1]; const countryCode = countryData[2]; if (!countryCode) { throw new Error("Please select a country code"); } else if (!phoneValue) { throw new Error(locales.enterPhoneNumber); } else if (validPhoneNumber(phoneLocale, countryCode, phoneValue, locales)) { setLoading(true); const token = await walletConnector?.auth.getCloudflareTurnstileResponse({ theme: appearance.mode || "lgiht", getContainer: footerRef.current, language: appearance.language || "en" }); await walletConnector?.auth.getConnectCaptcha({ phone: `+${countryCode}${phoneValue}`, cf_turnstile_response: token }); navigate("captcha" /* Captcha */, { value: `+${countryCode}${phoneValue}`, type: "phone" /* Phone */ }); } } } catch (error) { let message = error?.extra?.[0] || error.message || (typeof error === "string" ? error : locales.networkError); if (message.includes("phone must be a valid")) { message = locales.invalidOrIncorrectNumberMistype; } else if (message.includes("Network Error")) { message = locales.networkError; } setPhoneError(message); } setLoading(false); }; const countriesList = (0, import_react25.useMemo)(() => { let filterCountryCodes = countryCodes; if (appearance?.filterCountryCallingCode) { filterCountryCodes = appearance?.filterCountryCallingCode(countryCodes); } if (!filterCountryCodes?.length) { } return filterCountryCodes.map((countryCode) => { return defaultCountriesData.find((item) => item[1]?.toLowerCase() === countryCode?.toLowerCase()); }).filter((item) => !!item); }, []); const searclCountriesList = (0, import_react25.useMemo)(() => { return countriesList.filter((item) => { return item.join("+").toLowerCase().includes(searchValue.toLowerCase()); }); }, [countriesList, searchValue]); const hideContinueButton = (0, import_react25.useMemo)(() => { return appearance?.hideContinueButton; }, [appearance]); const disabled = (0, import_react25.useMemo)(() => { try { if (!countryData[1] || !countryData[2] || !phoneValue) { return true; } const isValid = validPhoneNumber(countryData[1], countryData[2], phoneValue, locales); return !isValid; } catch (error) { } return true; }, [countryData, phoneValue, locales]); 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_react25.useEffect)(() => { if (visbSelectCountry) { setSearchValue(""); } }, [visbSelectCountry]); (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]; if (countriesList.length) { if (region && region.length > 0) { const currentCountry = defaultCountriesData.find((item) => item?.[1]?.toUpperCase() === region) || []; if (currentCountry && countriesList.find((item) => item[1]?.toLowerCase() === currentCountry?.[1]?.toLowerCase())) { setCountryData(currentCountry); } else { setCountryData(countriesList[0]); } } } }, [countriesList]); (0, import_react25.useEffect)(() => { const { topDistance, bottomDistance } = getElementDimensionsRelativeToParent(phoneContainerRef) || {}; if (bottomDistance && topDistance && bottomDistance > topDistance || (bottomDistance || 0) > 200) { setListPosition("bottom"); const maxHeight = (bottomDistance || 0) + 40; setListMaxHeight(maxHeight > 300 ? 300 : maxHeight); } else { setListPosition("top"); const maxHeight = (topDistance || 0) - 10; setListMaxHeight(maxHeight > 300 ? 300 : maxHeight); } }, []); return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StylePhoneLoginContainer, { ref: phoneContainerRef, children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyleEmailInputWrapper, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StylePhoneInputContainer, { error: phoneError, $inputFocus: inputFocus, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StylePhoneInputItemContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleCountryBox, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StylePrefixWrap, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( dropdown_default, { ref: dropdownRef, onChange: () => { setSearchValue(""); setHoverIndex(-1); }, trigger: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyleAccountSelectOpt, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: (0, import_unicode.default)(`${countryData[1]}`) }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleDownMore, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DownArrowIcon, {}) }) ] }), content: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeContainer, { $useTheme: appearance?.theme, $useMode: appearance?.mode, suppressHydrationWarning: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)( StyleAccountSelectCountryList, { ref: countryListWrapRef, listposition: listPosition, $maxHeight: listMaxHeight, children: [ countriesList.length > 6 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( StyleAccountSelectCountryItem, { className: "search-input-wrap", onClick: (e) => { e.stopPropagation(); }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( StyleSearchInput, { ref: searchInputRef, autoComplete: "off", type: "text", placeholder: locales.searchByNameOrCode, onChange: (e) => { const value = e?.target?.value || ""; setSearchValue(value); } } ) }) } ), searclCountriesList && !!searclCountriesList.length ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)( StyleDropdownWrapper, { style: { flex: 1, overflowY: "auto", maxHeight: "280px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleHoverBg, { index: hoverIndex, $source: "countryList" }), searclCountriesList.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)( StyleAccountSelectCountryItem, { onClick: () => { setCountryData(item); setPhoneError(""); setVisbSelectCountry(false); dropdownRef?.current?.toggleDropdown?.(); }, $hoverBgColor: hoverBgColor, onMouseEnter: () => { clearTimeout(timer.current); setHoverIndex(index); }, onMouseLeave: () => { timer.current = setTimeout(() => { setHoverIndex(-1); }, 100); }, children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyleCountryItem, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleCountryFlag, { children: (0, import_unicode.default)(`${item[1]}`) }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleCountryName, { children: item[0] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleCountryCode, { children: "+" + item[2] }) ] }, `${item[0]}-${item[1]}-${item[2]}` )) ] } ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyleNoData, { children: locales.noData }) ] } ) }), offsetY: 20, dropdownWidth: (phoneContainerRef?.current?.clientWidth || 300) - 2, dropdownHeight: 300, offsetX: 0 } ), /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [ "+", countryData[2] ] }) ] }) }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StylePhoneLabel, { error: phoneError, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( "input", { placeholder: locales.phoneNumber, onChange: (value) => { setPhoneValue(value.target.value?.trim() || ""); setPhoneError(""); }, onKeyDown: (e) => { if (e.key === "Enter" && !disabled) { e.preventDefault(); sendCode(); } }, onFocus: () => { setInputFocus(true); }, onBlur: () => { setInputFocus(false); } } ) }) ] }) }), hideContinueButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( StyleConnectArrowIcon, { onClick: () => { if (!loading && !disabled) { sendCode(); } }, disabled, $canClick: phoneValue?.length >= 1, $isError: !!phoneError, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)( circleSpinner_default, { logo: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "icon-0x7ff", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ConnectArrowIcon, {}) }), connecting: loading, inset: 0, width: 30, height: 30 } ) } ) ] }), phoneError && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyleInputError, { children: [ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WarningIcon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: phoneError }) ] }), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: footerRef, children: !hideContinueButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(button_default, { style: { marginTop: 16 }, onClick: sendCode, loading, disabled, children: locales.continue }) }) ] }); }; var phoneLogin_default = PhoneInputItem; // src/pages/signup/styles.ts var import_framer_motion20 = require("framer-motion"); var import_styled_components24 = require("styled-components"); var Logo3 = (0, import_styled_components24.styled)(import_framer_motion20.motion.img)` width: 100%; object-fit: contain; height: 40px; margin-bottom: 24px; pointer-events: none; user-select: none; `; var SwitchEmailOrPhoneContainer = (0, import_styled_components24.styled)(import_framer_motion20.motion.div)` display: flex; width: 100%; justify-content: space-between; font-size: 12px; font-weight: normal; margin-top: 12px; span:first-child { color: var(--pcm-body-color-secondary); } span:last-child { color: var(--pcm-accent-color); cursor: pointer; } `; // src/pages/signup/index.tsx var import_jsx_runtime40 = require("react/jsx-runtime"); var fillConnectorsOrder = (enableConnector, connectorType, orders) => { if (enableConnector) { if (!orders.includes(connectorType)) { orders.push(connectorType); } } else { const indexToRemove = orders.indexOf(connectorType); if (indexToRemove > -1) { orders.splice(indexToRemove, 1); } } }; var SwitchEmailOrPhone = ({ toggleEmailOrPhone, setToggleEmailOrPhone }) => { const locales = useLocales(); return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(SwitchEmailOrPhoneContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: toggleEmailOrPhone === "phone" /* Phone */ ? locales.preferEmail : locales.preferPhone }), /* @__PURE__ */ (0, import_jsx_runtime40.jsx)( "span", { onClick: () => { setToggleEmailOrPhone((prevState) => { return prevState === "email" /* Email */ ? "phone" /* Phone */ : "email" /* Email */; }); }, children: toggleEmailOrPhone === "phone" /* Phone */ ? locales.useEmail : locales.usePhone } ) ] }); }; var Signup2 = () => { const { config } = useContext(); const [toggleEmailOrPhone, setToggleEmailOrPhone] = (0, import_react26.useState)("email" /* Email */); const locales = useLocales(); const { appearance } = useAppearance(); const { currentMode } = useIconColor_default(); const connectorsOrder = (0, import_react26.useMemo)(() => { let orders = appearance?.connectorsOrder; if (!orders) { orders = [ "email" /* Email */, "phone" /* Phone */, "social" /* Social */, "wallet" /* Wallet */, "passkey" /* Passkey */ ]; } const authTypes = config.getWalletConnector("particleAuth")?.supportAuthTypes || []; const enableEmail = authTypes.includes("email"); const enablePhone = authTypes.includes("phone"); const enableSocial = authTypes.filter((item) => isSocialAuthType(item)).length > 0; const evmWalletConnector = config.getWalletConnector("evmWallet"); const solanaWalletConnector = config.getWalletConnector("solanaWallet"); const hasPasskeyConnector = evmWalletConnector?.connectors.some( (connector) => connector.id === "passkeySmartWallet" ); const enableWallet = Boolean( evmWalletConnector && evmWalletConnector.connectors.length > (hasPasskeyConnector ? 1 : 0) || solanaWalletConnector ); const enablePasskey = Boolean(config.plugins.some((plugin) => plugin.id === "aa") && hasPasskeyConnector) && appearance.collapsePasskeyButton !== "as-social"; fillConnectorsOrder(enableEmail, "email" /* Email */, orders); fillConnectorsOrder(enablePhone, "phone" /* Phone */, orders); fillConnectorsOrder(enableSocial, "social" /* Social */, orders); fillConnectorsOrder(enableWallet, "wallet" /* Wallet */, orders); fillConnectorsOrder(enablePasskey, "passkey" /* Passkey */, orders); return orders; }, [appearance?.connectorsOrder, appearance.collapsePasskeyButton, config.walletConnectors]); (0, import_react26.useEffect)(() => { const connectorType = connectorsOrder.find((item) => item === "email" /* Email */ || item === "phone" /* Phone */); if (connectorType) { setToggleEmailOrPhone(connectorType); } }, [connectorsOrder]); const connectorComponents = (0, import_react26.useMemo)(() => { if (appearance?.splitEmailAndPhone) { return { email: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(emailLogin_default, {}), phone: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(phoneLogin_default, {}), social: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(socialLogin_default, {}), wallet: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(wallets_default2, {}), passkey: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(passkeyButtons_default, {}) }; } const emailOrPhone = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: toggleEmailOrPhone === "email" /* Email */ ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(emailLogin_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(phoneLogin_default, {}) }); return { email: emailOrPhone, phone: emailOrPhone, social: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(socialLogin_default, {}), wallet: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(wallets_default2, {}), passkey: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(passkeyButtons_default, {}) }; }, [appearance?.splitEmailAndPhone, toggleEmailOrPhone]); const switchEmailOrPhoneComponent = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SwitchEmailOrPhone, { toggleEmailOrPhone, setToggleEmailOrPhone }); 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; const emailOrPhone = collapseEmailAndPhone && emailIndex < phoneIndex ? "phone" /* Phone */ : "email" /* Email */; const showSwitchConnector = collapseEmailAndPhone && emailIndex < phoneIndex ? "email" /* Email */ : "phone" /* Phone */; const emailOrPhoneIndex = collapseEmailAndPhone && emailIndex < phoneIndex ? phoneIndex : emailIndex; return connectorsOrder.map((connector, index) => { if (collapseEmailAndPhone && emailOrPhone === connector) { return void 0; } const component = connectorComponents[connector]; const dividerStartIndex = collapseEmailAndPhone && emailOrPhoneIndex === 0 ? 1 : 0; 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_react26.useMemo)(() => { if (!appearance?.logo) { return logo_default; } if (typeof appearance?.logo === "string") { return appearance?.logo; } if (currentMode) { return appearance.logo[currentMode]; } return; }, [currentMode, appearance.logo]); return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(PageContent, { children: [ appearance?.logo !== false && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Logo3, { src: logoUrl }), content ] }); }; var signup_default = Signup2; // src/pages/walletInfo/index.tsx var import_connector_core12 = require("@particle-network/connector-core"); 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_react31 = require("react"); // src/hooks/useChainId.ts var import_react27 = require("react"); // src/actions/getChainId.ts function getChainId(config) { return config.state.chainId; } // src/actions/watchChainId.ts function watchChainId(config, parameters) { const { onChange } = parameters; return config.subscribe((state) => state.chainId, onChange); } // src/hooks/useChainId.ts function useChainId() { const { config } = useContext(); return (0, import_react27.useSyncExternalStore)( (onChange) => watchChainId(config, { onChange }), () => getChainId(config), () => getChainId(config) ); } // src/hooks/useChains.ts var import_react28 = require("react"); var useChains = () => { const { config } = useContext(); const { connector } = useAccount(); const chains2 = (0, import_react28.useMemo)(() => { const walletConnectorType = connector?.walletConnectorType; if (walletConnectorType) { const walletConnector = config.getWalletConnector(walletConnectorType); if (walletConnector) { return walletConnector.chains; } } return config.chains; }, [connector, config]); return chains2; }; // src/hooks/useConnections.ts var import_react29 = require("react"); // src/actions/getConnections.ts var previousConnections = []; function getConnections(config) { if (config.state.status === "reconnecting") return previousConnections; const connections = [...config.state.connections.values()]; const current = config.state.current; connections.sort((a, b) => { if (a.connector.uid === current) { return -1; } if (b.connector.uid === current) { return 1; } return 0; }); if (deepEqual(previousConnections, connections)) return previousConnections; previousConnections = connections; return connections; } // src/actions/watchConnections.ts function watchConnections(config, parameters) { const { onChange } = parameters; return config.subscribe(() => getConnections(config), onChange, { equalityFn: deepEqual }); } // src/hooks/useConnections.ts function useConnections() { const { config } = useContext(); return (0, import_react29.useSyncExternalStore)( (onChange) => watchConnections(config, { onChange }), () => getConnections(config), () => getConnections(config) ); } // src/actions/switchAccount.ts var import_connector_core6 = require("@particle-network/connector-core"); async function switchAccount(config, parameters) { const { connector } = parameters; const connection = config.state.connections.get(connector.uid); if (!connection) throw new import_connector_core6.ConnectorNotConnectedError(); await config.storage?.setItem("recentConnectorId", connector.id); config.setState((x) => ({ ...x, current: connector.uid })); return { accounts: connection.accounts, chainId: connection.chainId }; } // src/hooks/useSwitchAccount.ts function useSwitchAccount(parameters) { const { config } = useContext(); const mutationFn = async (parameters2) => { return await switchAccount(config, parameters2); }; const { mutate, mutateAsync, ...result } = useMutation(mutationFn, parameters); return { ...result, connectors: useConnections().map((connection) => connection.connector), switchAccount: mutate, switchAccountAsync: mutateAsync }; } // src/actions/switchChain.ts var import_connector_core7 = require("@particle-network/connector-core"); async function switchChain(config, parameters) { const { addEthereumChainParameter, chainId } = parameters; const connection = config.state.connections.get(parameters.connector?.uid ?? config.state.current); if (connection) { const connector = connection.connector; if (!connector.switchChain) throw new import_connector_core7.SwitchChainNotSupportedError({ connector }); const chain2 = await connector.switchChain({ addEthereumChainParameter, chainId }); return chain2; } const chain = config.chains.find((x) => x.id === chainId); if (!chain) throw new import_connector_core7.ChainNotConfiguredError(); config.setState((x) => ({ ...x, chainId })); return chain; } // src/hooks/useSwitchChain.ts var useSwitchChain = (parameters) => { const { config } = useContext(); const mutationFn = async (parameters2) => { return await switchChain(config, parameters2); }; const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters); return { status, data, error, switchChain: mutate, switchChainAsync: mutateAsync }; }; // src/hooks/useWalletConnections.tsx 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_react30.useMemo)(() => { const props = []; for (const connection of connections) { const id = connection.connector.id; const wallet = wallets.find( (wallet2) => wallet2.id === id || wallet2.groupId?.split(",").map((item) => item.trim()).includes(id) ); if (!wallet) { continue; } if (connection.connector.type === "particleAuth") { const authType = config.getWalletConnector("particleAuth")?.auth.getLatestAuthType(); const Icon10 = getSocialIcon(authType); if (Icon10) { wallet.icon = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon10, {}); } } else { if (wallet.connector.id === "walletConnect" && lastConnectorId && lastConnectorId !== wallet.connector.id) { const lastWallet = wallets.find( (wallet2) => wallet2.id === lastConnectorId || wallet2.groupId?.split(",").map((item) => item.trim()).includes(lastConnectorId) ); if (lastWallet?.icon) { wallet.icon = lastWallet.icon; } } } props.push({ accounts: connection.accounts, chainId: connection.chainId, walletProps: wallet }); } return props; }, [connections, wallets, config, lastConnectorId]); return walletConnections; }; // src/components/chainDropdown/index.tsx var import_jsx_runtime42 = require("react/jsx-runtime"); var ChainDropdown = ({ visible, setVisible, clickAwayElements, maxHeight, supportChain = true, top }) => { const chainList = useChains(); const chainId = useChainId(); const { switchChainAsync, status: switchStatus } = useSwitchChain(); const [walletConnection] = useWalletConnections(); const { switchAccountAsync } = useSwitchAccount(); const connectors = useConnectors(); const { connectAsync } = useConnect(); const connections = useConnections(); 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_react31.useMemo)(() => { return supportChain ? chainId : -1; }, [chainId, supportChain]); const switchSuccess = (0, import_react31.useMemo)(() => { return targetChainId === currentChainId; }, [targetChainId, currentChainId]); const currentChainType = (0, import_react31.useMemo)(() => { if (chainList && chainList?.length && currentChainId) { const chain = chainList.find((item) => item.id === currentChainId); if (chain) { return (0, import_connector_core8.getChainType)(chain); } return ""; } else { return ""; } }, [chainList, currentChainId]); (0, import_react31.useEffect)(() => { if (switchSuccess && visible) { setVisible(false); setTargetChainId(void 0); } }, [switchSuccess, visible, setVisible]); (0, import_react31.useEffect)(() => { }, [currentChainId]); useClickAway_default(() => { setVisible(false); }, [dropdownRef, ...clickAwayElements]); (0, import_react31.useEffect)(() => { setTimeout(() => { if (visible && dropdownWrapperRef.current && selectedItemRef.current) { const dropdownWrapper = dropdownWrapperRef.current; const selectedItem = selectedItemRef.current; const wrapperHeight = dropdownWrapper.clientHeight; const itemHeight = selectedItem.clientHeight; const itemTop = selectedItem.offsetTop; const scrollTop = itemTop - wrapperHeight / 2 + itemHeight / 2; const currentScrollTop = dropdownWrapper.scrollTop; if (itemTop < currentScrollTop || itemTop + itemHeight > currentScrollTop + wrapperHeight) { dropdownWrapper.scrollTop = scrollTop; } } }, 50); }, [visible, currentChainId]); return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyleDropdownContent, { ref: dropdownRef, top: top || 46, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_framer_motion21.AnimatePresence, { children: visible && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)( import_framer_motion21.motion.div, { style: { overflow: "hidden" }, initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)( StyleDropdownWrapper, { ref: dropdownWrapperRef, style: { maxHeight: maxHeight || 320 }, children: [ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyleHoverBg, { index: hoverIndex }), chainList.map((chain) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)( StyleChainItem, { selected: currentChainId === chain.id, ref: currentChainId === chain.id ? selectedItemRef : null, onClick: async () => { try { if (chain.id === currentChainId) return; setTargetChainId(chain.id); if (isParticle && (0, import_connector_core8.getChainType)(chain) !== currentChainType) { const id = (0, import_connector_core8.isEVMChain)(chain) ? "particleEVM" : "particleSolana"; const connector = connectors.find((item) => item.id === id); const isAuthorized = await connector.isAuthorized(); if (!isAuthorized) { const provider = (0, import_connector_core8.isEVMChain)(chain) ? window.particle?.ethereum : window.particle?.solana; await provider.connect(); await connectAsync({ connector, chainId: chain.id }); return; } else { if (connections.some((connection) => connection.connector.id === id)) { await switchAccountAsync({ connector }); } else { await connectAsync({ connector, chainId: chain.id }); return; } } } await switchChainAsync({ chainId: chain.id }); } catch (error) { setVisible(false); setTargetChainId(void 0); } }, onMouseEnter: () => { clearTimeout(timer.current); setHoverIndex(chainList.findIndex((item) => item.id === chain.id)); }, onMouseLeave: () => { timer.current = setTimeout(() => { setHoverIndex(-1); }, 100); }, children: [ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)( "div", { style: { marginRight: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)( circleSpinner_default, { inset: 0, width: 20, height: 20, connecting: Boolean(!switchSuccess && switchStatus === "loading" && chain.id === targetChainId), logo: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: (0, import_connector_core8.getChainIcon)(chain), alt: chain.name }) } ) } ), /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyleChainName, { children: getChainDisplayName(chain) }), /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyleCheckIcon, { children: currentChainId === chain.id && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckIcon, {}) }) ] }, chain.id )) ] } ) } ) }) }); }; var chainDropdown_default = ChainDropdown; // src/components/connectedWidget/styles.ts var import_styled_components25 = require("styled-components"); var StyleConnectedWidgetContainer = import_styled_components25.styled.div` position: relative; display: inline-block; `; var StyleInfoBox = import_styled_components25.styled.div` display: inline-block; border-radius: var(--pcm-rounded-lg); background: var(--pcm-body-background); box-shadow: var(--pcm-modal-box-shadow); max-width: 400px; vertical-align: middle; line-height: normal; padding: 5px 0px; box-sizing: content-box; `; var StyleChainSection = import_styled_components25.styled.div` cursor: ${(props) => props.selected ? "pointer" : "default"}; display: inline-block; gap: 8px; height: 28px; margin: 0 10px; padding: 0 6px; border-radius: 6px; background-color: var(--pcm-body-background); transition: background-color 0.3s; ${(props) => props.selected && ` &:hover { background-color: var(--pcm-body-background-secondary); } `} .wrap { display: flex; align-items: center; gap: 4px; height: 100%; } `; var StyleChainIcon = import_styled_components25.styled.img` width: 20px; height: 20px; border-radius: 50%; `; var StyleChainName2 = import_styled_components25.styled.div` font-size: 14px; line-height: 1; position: relative; top: -1px; `; var StyleDivider = import_styled_components25.styled.div` display: inline-block; width: 1px; height: 19px; background: var(--pcm-secondary-button-bankground); `; var StyleAddressSection = import_styled_components25.styled.div` display: inline-block; gap: 8px; height: 28px; margin: 0 10px; padding: 0 6px; border-radius: 6px; background-color: var(--pcm-body-background); transition: background-color 0.3s; position: relative; top: 3px; &:hover { background-color: var(--pcm-body-background-secondary); } .wrap { display: flex; align-items: center; gap: 4px; height: 100%; } `; var StyleIconWrapper = import_styled_components25.styled.div` width: 20px; height: 20px; `; var StyleWalletAddress = import_styled_components25.styled.div` font-size: 14px; `; var StyleSwitchNetwork = import_styled_components25.styled.div` font-size: 14px; color: var(--pcm-error-color); display: flex; gap: 6px; align-items: center; `; // src/components/refreshIcon/index.tsx var import_framer_motion22 = require("framer-motion"); 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` color: var(--pcm-body-color-secondary); width: 20px; min-width: 20px; display: flex; align-items: center; @media (hover: hover) and (pointer: fine) { &:hover { color: var(--pcm-body-color); } } `; var RefreshIcon = ({ spin, ...props }) => { const controls = (0, import_framer_motion22.useAnimation)(); const [isSpinning, setIsSpinning] = (0, import_react32.useState)(false); (0, import_react32.useEffect)(() => { let animation; const startSpinning = async () => { if (isSpinning) { animation = await controls.start({ rotate: [0, 360], transition: { repeat: Infinity, duration: 1, ease: "linear" } }); } }; if (spin) { setIsSpinning(true); startSpinning(); } else { setIsSpinning(false); controls.stop(); } return () => { if (animation) { animation.stop(); } }; }, [spin, controls, isSpinning]); return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StyleRefreshIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)( import_framer_motion22.motion.svg, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, animate: controls, children: [ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)( "path", { d: "M18.6187 5.63377C18.3947 5.52181 18.0589 5.63377 17.9469 5.96963L17.4991 7.20111C16.8274 5.52181 15.8198 4.17837 14.2525 3.28275C12.3493 2.16321 10.2221 1.7154 8.09503 2.27517C5.07229 2.94689 2.83323 5.18595 2.04955 8.20869C1.9376 8.54455 2.16151 8.76846 2.38541 8.88041C2.72127 8.88041 2.94518 8.76846 3.05713 8.4326C3.72885 5.74572 5.74401 3.73056 8.43089 3.17079C10.3341 2.72298 12.2373 3.05884 13.8047 4.06642C15.1481 4.85009 16.1557 6.08158 16.7154 7.53697L15.372 6.97721C15.1481 6.86525 14.8122 6.97721 14.7003 7.31307C14.5883 7.53697 14.7003 7.87283 14.9242 7.98479L17.1633 8.88041C17.2752 8.99237 17.3872 8.99237 17.4991 8.99237H17.6111C17.6111 8.99237 17.6111 8.99237 17.723 8.99237C17.835 8.99237 17.9469 8.88041 17.9469 8.76846L18.9545 6.19353C19.0665 5.96963 18.8426 5.74572 18.6187 5.63377Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.3" } ), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)( "path", { d: "M17.6111 11.1195C17.3872 11.0076 17.0513 11.2315 17.0513 11.4554C16.3796 14.1423 14.3644 16.1574 11.6776 16.7172C9.77434 17.165 7.87114 16.8291 6.30379 15.8216C4.96035 15.0379 3.95277 13.8064 3.393 12.351L4.73644 12.9108C4.96035 13.0227 5.29621 12.9108 5.40816 12.5749C5.52012 12.351 5.40816 12.0151 5.18426 11.9032L2.83324 11.1195C2.72128 11.1195 2.60933 11.0076 2.49738 11.0076H2.38542C2.38542 11.0076 2.38542 11.0076 2.27347 11.0076C2.16152 11.1195 2.04956 11.2315 2.04956 11.3434L1.04198 13.8064C0.930029 14.0303 1.04198 14.3662 1.37784 14.4781C1.60175 14.5901 1.93761 14.4781 2.04956 14.1423L2.49738 12.9108C3.1691 14.4781 4.17668 15.8216 5.74402 16.7172C7.64723 17.8367 9.77434 18.2845 11.9015 17.7248C14.9242 17.053 17.2752 14.702 17.9469 11.6793C18.0589 11.4554 17.835 11.2315 17.6111 11.1195Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.3" } ) ] } ) }); }; var refreshIcon_default = RefreshIcon; // src/hooks/useEmbeddedWallet.ts var import_react33 = require("react"); var useEmbeddedWallet = () => { const { config } = useContext(); 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_react33.useMemo)(() => { return walletPlugin?.getPlugin().walletOptions.widgetIntegration !== "embedded"; }, [walletPlugin]); if (!walletPlugin) { return null; } return { openWallet: walletPlugin.openWallet.bind(walletPlugin), destory: walletPlugin.destory.bind(walletPlugin), getWalletIFrame: walletPlugin.getWalletIFrame.bind(walletPlugin), isCanOpen }; }; // src/hooks/useParticleAuth.ts var import_react34 = require("react"); var useParticleAuth = () => { const { connector } = useAccount(); const isParticle = (0, import_react34.useMemo)(() => { return connector?.walletConnectorType === "particleAuth"; }, [connector]); const particle = (0, import_react34.useMemo)(() => { if (isParticle && "particle" in window && window.particle?._internal) { return window?.particle; } return null; }, [isParticle]); const createParticleMethod = (0, import_react34.useCallback)( (methodName) => { return (...args) => { if (!isParticle || !particle || !particle._internal || !particle._internal[methodName]) { throw new Error("The current wallet is not a particle wallet or particle is not initialized"); } return (particle?._internal[methodName])(...args); }; }, [isParticle, particle] ); return { needRestoreWallet: () => { return Boolean(window?.particle?._internal?.needRestoreWallet); }, hasMasterPassword: createParticleMethod("hasMasterPassword"), hasPaymentPassword: createParticleMethod("hasPaymentPassword"), openAccountAndSecurity: createParticleMethod("openAccountAndSecurity"), openChangeMasterPassword: createParticleMethod("openChangeMasterPassword"), openChangePaymentPassword: createParticleMethod("openChangePaymentPassword"), openLinkLoginAccount: createParticleMethod("openLinkLoginAccount"), openRestoreByMasterPassword: createParticleMethod("openRestoreByMasterPassword"), openSetMasterPassword: createParticleMethod("openSetMasterPassword"), openSetSecurityAccount: createParticleMethod("openSetSecurityAccount"), openSetPaymentPassword: createParticleMethod("openSetPaymentPassword"), getUserInfo: createParticleMethod("getUserInfo") }; }; // src/actions/getClient.ts var import_connector_core9 = require("@particle-network/connector-core"); function getClient(config, parameters = {}) { const chainId = parameters.chainId || config.state.chainId; const chain = config.chains.find((chain2) => chain2.id === chainId); if (!chain) { return null; } const authWalletConnector = config.getWalletConnector("particleAuth"); if (authWalletConnector) { return authWalletConnector.getClient(chainId); } if ((0, import_connector_core9.isEVMChain)(chain)) { return config.getWalletConnector("evmWallet").getClient(chainId); } return config.getWalletConnector("solanaWallet").getClient(chainId); } // src/hooks/usePublicClient.ts function usePublicClient(parameters = {}) { const { chainId } = parameters; const { config } = useContext(); return getClient(config, { chainId }); } // src/context/web3Provider/index.tsx var import_react35 = __toESM(require("react"), 1); // src/actions/getSolanaWalletClient.ts var import_connector_core10 = require("@particle-network/connector-core"); var getSolanaWalletClient = async (config, parameters = {}) => { let connection; if (parameters.connector) { const { connector: connector2 } = parameters; const [accounts, chainId2] = await Promise.all([connector2.getAccounts(), connector2.getChainId()]); connection = { accounts, chainId: chainId2, connector: connector2 }; } else connection = config.state.connections.get(config.state.current); if (!connection) throw new import_connector_core10.ConnectorNotConnectedError(); const chainId = parameters.chainId ?? connection.chainId; const connector = connection.connector; if (connector.chainType !== "solana") { throw new import_connector_core10.ChainTypeError(); } const provider = await connector.getProvider(); const account = parameters.account ?? connection.accounts[0]; const chain = config.chains.find((chain2) => chain2.id === chainId); const clientConnection = config.getWalletConnector(connector.walletConnectorType).getClient(chain?.id || 101); if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.toLowerCase())) throw new import_connector_core10.ConnectorAccountNotFoundError({ address: account, connector }); return { publicKey: provider.publicKey, chain, async signTransaction(transaction) { return await provider.signTransaction(transaction); }, async signAllTransactions(transactions) { return await provider.signAllTransactions(transactions); }, async sendTransaction(transaction, options = {}) { if (connector.walletConnectorType === "particleAuth") { const result = await provider.signAndSendTransaction(transaction); return result; } return await (0, import_connector_core10.sendSolanaTransaction)(provider, transaction, clientConnection, options); }, async signMessage(message) { const { signature } = await provider.signMessage(message); return { signature }; }, async switchChain(chainId2) { return await connector.switchChain({ chainId: chainId2 }); } }; }; // src/actions/getWalletClient.ts var import_viem4 = require("viem"); // src/actions/getConnectorClient.ts var import_connector_core11 = require("@particle-network/connector-core"); var import_viem3 = require("viem"); var import_utils10 = require("viem/utils"); async function getConnectorClient(config, parameters = {}) { let connection; if (parameters.connector) { const { connector: connector2 } = parameters; const [accounts, chainId2] = await Promise.all([connector2.getAccounts(), connector2.getChainId()]); connection = { accounts, chainId: chainId2, connector: connector2 }; } else connection = config.state.connections.get(config.state.current); if (!connection) throw new import_connector_core11.ConnectorNotConnectedError(); const chainId = parameters.chainId ?? connection.chainId; const connector = connection.connector; if (connector.chainType !== "evm") { throw new import_connector_core11.ChainTypeError(); } const account = (0, import_utils10.parseAccount)(parameters.account ?? connection.accounts[0]); account.address = (0, import_utils10.getAddress)(account.address); const chain = config.chains.find((chain2) => chain2.id === chainId); const provider = await connection.connector.getProvider({ chainId }); if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase())) throw new import_connector_core11.ConnectorAccountNotFoundError({ address: account.address, connector }); return (0, import_viem3.createClient)({ account, chain, name: "Connector Client", transport: (opts) => (0, import_viem3.custom)(provider)({ ...opts, retryCount: 0 }) }); } // src/actions/getWalletClient.ts async function getWalletClient(config, parameters = {}) { const client = await getConnectorClient(config, parameters); client.extend(import_viem4.walletActions); return client.extend(import_viem4.walletActions); } // src/actions/mapWalletClient.ts var mapWalletClient = async (parameters) => { const { connections, config } = parameters; const wallets = []; for (const connection of connections) { if (!connection.connector.walletConnectorType) { continue; } if (connection.connector.chainType === "evm") { const client = await getWalletClient(config, { connector: connection.connector }); const wallet = { ...connection, getWalletClient: () => client }; wallets.push(wallet); } else { const client = await getSolanaWalletClient(config, { connector: connection.connector }); const wallet = { ...connection, getWalletClient: () => client }; wallets.push(wallet); } } return wallets; }; // src/context/web3Provider/index.tsx var import_jsx_runtime44 = require("react/jsx-runtime"); 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_react35.useEffect)(() => { connectionMutate({ connections, config }); }, [connections]); return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)( Web3Context.Provider, { value: { wallets: wallets || [] }, children } ); }; var useWeb3Context = () => { const context = import_react35.default.useContext(Web3Context); if (!context) throw Error("Web3 Hook must be inside a Provider."); return context; }; // src/hooks/useWallets.ts var useWallets = () => { const { wallets } = useWeb3Context(); return wallets; }; // src/pages/walletInfo/styles.ts var import_styled_components27 = require("styled-components"); var StyleModalContainer = import_styled_components27.styled.div``; var StyleAddressInfo = import_styled_components27.styled.div` display: flex; gap: 8px; align-items: center; font-size: 16px; color: var(--pcm-body-color); overflow: hidden; position: relative; top: -6px; .copied-0 { svg { /* opacity: 0.8 !important; */ } } `; var StyleWalletInfo = import_styled_components27.styled.div` display: flex; justify-content: space-between; align-items: center; border-radius: var(--pcm-rounded-lg); padding: 10px 14px; margin-bottom: 30px; color: var(--pcm-body-color); background: var(--pcm-body-background-tertiary); position: relative; gap: 10px; `; var StyleWalletInfoLeft = import_styled_components27.styled.div` display: flex; align-items: center; gap: 8px; height: 26px; flex: 1; overflow: hidden; cursor: ${(props) => props.selected ? "pointer" : "default"}; `; var StyleWalletIcon = import_styled_components27.styled.img` width: 22px; height: 22px; `; var StyleWalletText = import_styled_components27.styled.div` font-size: 14px; display: flex; gap: 8px; align-items: center; position: relative; svg { position: relative; width: 10px; top: 1px; } `; var StyleWalletInfoRight = import_styled_components27.styled.div` display: flex; align-items: center; gap: 6px; `; var StyleBalance = import_styled_components27.styled.div` font-size: 14px; color: var(--pcm-body-color-secondary); /* 强制不换行 */ white-space: nowrap; `; var StyleRefreshIcon2 = import_styled_components27.styled.div` cursor: pointer; `; var StyleActions = import_styled_components27.styled.div` display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid var(--pcm-button-border-color); padding-bottom: 30px; `; var StyleActionIcon = import_styled_components27.styled.img` width: 20px; height: 20px; margin-right: 10px; `; var StyleActionText = import_styled_components27.styled.div` font-size: 16px; color: var(--pcm-body-color); `; var StyleFooter = import_styled_components27.styled.div` display: flex; justify-content: space-between; align-items: center; margin-top: 30px; margin-bottom: 10px; `; var StyleFooterLabel = import_styled_components27.styled.div` font-size: 14px; cursor: pointer; `; var WalletIconWrapper = import_styled_components27.styled.div` height: 26px; width: 26px; display: flex; align-items: center; justify-content: center; svg { width: 100%; } `; var StyleTextButton2 = import_styled_components27.styled.div` color: var(--pcm-body-color-secondary); svg { color: var(--pcm-body-color-secondary); } opacity: 1; cursor: pointer; &:hover { color: var(--pcm-primary-button-bankground); svg { color: var(--pcm-primary-button-bankground); } } ${({ $disconnectLoading }) => $disconnectLoading && import_styled_components27.css` opacity: 0.6; pointer-events: none; &:hover { color: var(--pcm-body-color-secondary); svg { color: var(--pcm-body-color-secondary); } } `} `; var StyleChainName3 = import_styled_components27.styled.div` font-size: 14px; color: var(--pcm-body-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `; var TitleContainer = import_styled_components27.styled.div` pointer-events: all; position: absolute; left: 24px; bottom: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; `; var StyleDisconnectContent = import_styled_components27.styled.div` position: relative; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; left: 3px; `; var StyleDisconnectLoading = import_styled_components27.styled.div` position: absolute; width: 16px; height: 16px; top: 50%; left: 11px; transform: translate(-50%, -50%); `; var StyleShareContent = import_styled_components27.styled.div` position: relative; top: -1px; left: -4px; height: 24px; display: flex; align-items: center; `; // src/pages/walletInfo/index.tsx var import_jsx_runtime45 = require("react/jsx-runtime"); var Page6 = () => { const chainList = useChains(); const { chain, chainId: currentChainId, isConnected } = useAccount(); const locales = useLocales(); const chains2 = useChains(); const [walletConnection] = useWalletConnections(); const client = usePublicClient(); const [primaryWallet] = useWallets(); const { openAccountAndSecurity, openLinkLoginAccount, getUserInfo, openSetSecurityAccount } = useParticleAuth(); const embeddedWallet = useEmbeddedWallet(); const address = useAddress(); const { close, navigate } = useRouter(); const { disconnectAsync } = useDisconnect({ onSettled(data, error) { } }); 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) { return (0, import_connector_core12.getChainType)(chain2); } return ""; } else { return ""; } }, [chainList, currentChainId]); const supportChain = (0, import_react36.useMemo)(() => { return chains2.some((item) => item.id === chain?.id); }, [chain, chains2]); const getBalance = async () => { if (!currentChainType) { return; } const params = currentChainType === "evm" ? { address } : primaryWallet?.getWalletClient?.()?.publicKey; if (address && params && client) { client.getBalance(params).then((res) => { const { decimals = 1 } = chain?.nativeCurrency || {}; const balance2 = formatTokenAmount(BigInt(res), decimals, 5) || "0"; setBalance(balance2); const key = `${chain?.id}-${address}-balance`?.toLowerCase(); localStorage.setItem(key, balance2); }).catch((e) => { }); } }; const isParticle = (0, import_react36.useMemo)(() => { return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === "particleAuth"); }, [walletConnection]); const getCachedBalance = () => { const key = `${chain?.id}-${address}-balance`?.toLowerCase(); return localStorage.getItem(key) || "0"; }; const { appearance } = useAppearance(); const buyUrl = (0, import_react36.useMemo)(() => { if (address) { return getBuyUrl(currentChainId, address, "", appearance.mode); } return void 0; }, [address, currentChainId, appearance.mode]); (0, import_react36.useEffect)(() => { if (address && chain && client && primaryWallet) { setBalance(getCachedBalance()); getBalance(); } }, [address, client, chain, primaryWallet]); (0, import_react36.useEffect)(() => { if (chain?.id && address) { setBalance(getCachedBalance()); } }, [chain?.id, address, balance]); return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PageContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleModalContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleWalletInfo, { children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( StyleWalletInfoLeft, { ref: walletInfoLeftRef, selected: chains2?.length > 1 || !supportChain, onClick: () => { if (chains2?.length > 1 || !supportChain) { setChainDropdownVisible(!chainDropdownVisible); } }, children: isConnected && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [ supportChain ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [ chain && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleWalletIcon, { src: (0, import_connector_core12.getChainIcon)(chain), alt: "" }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleChainName3, { children: getChainDisplayName(chain) }) ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleSwitchNetwork, { children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ErrorIcon, {}), locales.switchNetwork ] }), (chains2?.length > 1 || !supportChain) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleWalletText, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( DownArrowIcon, { width: 12, height: 12, spin: !!chainDropdownVisible, color: supportChain ? "var(--pcm-body-color-secondary)" : "var(--pcm-error-color)" } ) }) ] }) } ), supportChain && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleWalletInfoRight, { children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleBalance, { children: [ balance || 0, " \xA0", chain?.nativeCurrency.symbol?.replace("tBNB", "BNB") ] }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( refreshIcon_default, { style: { cursor: "pointer" }, spin: refreshBalance, onClick: async () => { clearTimeout(timer.current); const start = new Date().getTime(); setRefreshBalance(true); await getBalance(); const remain = 1e3 - (new Date().getTime() - start); timer.current = setTimeout( () => { setRefreshBalance(false); }, remain > 0 ? remain : 0 ); } } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( chainDropdown_default, { visible: chainDropdownVisible, setVisible: setChainDropdownVisible, clickAwayElements: [walletInfoLeftRef], maxHeight: 200, supportChain, top: 50 } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleActions, { children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( SocialItem, { $isDisabled: Boolean(!buyUrl), $felxRow: false, onClick: () => { if (!buyUrl) return; const height = parseInt((window.innerHeight * 0.8).toString()); let width = height * 0.6; if (width > 1e3) { width = 1e3; } if (width > window.innerWidth) { width = parseInt((window.innerWidth * 0.9).toString()); } popupWindow(buyUrl, "Particle Network", width, height); close(); }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)( FlexCenter, { style: { width: "100%", gap: "6px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( BuyIcon, { className: StyleActionIcon, style: { width: "20px" } } ), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleActionText, { children: locales.buy }) ] } ) } ), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( SocialItem, { $felxRow: false, $isDisabled: Boolean(!address) || !chain, onClick: () => { navigate("receive" /* Receive */); }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)( FlexCenter, { style: { width: "100%", gap: "6px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( ReceiveIcon, { className: StyleActionIcon, style: { width: "18px" } } ), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleActionText, { children: locales.receive }) ] } ) } ), embeddedWallet && embeddedWallet.isCanOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( SocialItem, { $felxRow: false, $isDisabled: Boolean(!address), onClick: () => { embeddedWallet.openWallet(); close(); }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)( FlexCenter, { style: { width: "100%", gap: "6px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( WalletIcon, { className: StyleActionIcon, style: { width: "20px" } } ), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleActionText, { children: locales.wallet }) ] } ) } ), isParticle && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( SocialItem, { $felxRow: false, onClick: () => { openAccountAndSecurity(); close(); }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)( FlexCenter, { style: { width: "100%", gap: "6px" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( AccountSecurityIcon, { className: StyleActionIcon, style: { width: "20px" } } ), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleActionText, { children: locales.accountAndSecurity }) ] } ) } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(FlexBetween, { children: [ isParticle ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)( StyleTextButton2, { onClick: () => { const useInfo = getUserInfo(); const { email, phone } = useInfo.security_account || {}; if (!email && !phone) { openSetSecurityAccount(); close(); } else { openLinkLoginAccount(); close(); } }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(FlexLeft, { gap: 5, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PlusIcon, { className: StyleActionIcon }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleFooterLabel, { children: locales.linkLoginAccount }) ] }) } ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {}), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleTextButton2, { $disconnectLoading: disconnectLoading, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)( FlexLeft, { gap: 5, onClick: () => { setDisconnectLoading(true); disconnectAsync().finally(() => { setTimeout(() => { setDisconnectLoading(false); }, 300); }); }, children: [ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(StyleDisconnectContent, { children: [ disconnectLoading && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleDisconnectLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(circleSpinner_default, { width: 16, inset: 0, height: 16, logo: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, {}) }) }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DisconnectIcon, { className: StyleActionIcon }) ] }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyleFooterLabel, { children: locales.disconnect }) ] } ) }) ] }) }) ] }) }); }; var walletInfo_default = Page6; // src/pages/walletInfo/title.tsx var import_connector_core13 = require("@particle-network/connector-core"); var import_react39 = require("react"); // src/components/walletAAIcon/index.tsx var import_react37 = require("react"); // src/assets/aa.tsx var import_jsx_runtime46 = require("react/jsx-runtime"); var Biconomy = () => { return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "13", cy: "13", r: "13", fill: "#FF4E17" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M17.2338 11.8092C17.481 11.3088 17.6534 10.6811 17.6534 9.89991C17.6534 8.82821 17.225 7.85814 16.4468 7.16819C15.6791 6.4874 14.6403 6.12762 13.4429 6.12762L9.31666 6.1084C8.52021 6.1084 7.87451 6.7541 7.87451 7.55054V19.7801H15.0929C17.7883 19.7801 19.3638 17.5317 19.3638 15.5037C19.3638 13.963 18.5081 12.5532 17.2338 11.8092ZM13.4426 7.18223C15.3797 7.18223 16.5988 8.34333 16.5988 9.89991C16.5988 11.989 15.0245 12.9444 13.4316 12.9444C11.9352 12.9444 10.7027 11.7119 10.7027 9.80165V8.74704C10.7027 8.05465 10.2886 7.43306 9.64775 7.2283V7.18223H13.4426Z", fill: "white" } ) ] }); }; var Simple = () => { const { foreground, background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("g", { children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z", fill: background } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M11.3805 8.99351C10.8458 9.22228 10.5585 9.57339 10.4787 10.0415C10.4149 10.4166 10.4601 10.6587 10.5319 10.8236C10.6064 10.9912 10.7421 11.1534 10.9761 11.3183C11.4869 11.6748 12.2609 11.9062 13.2344 12.1828C13.2611 12.1908 13.285 12.1988 13.3116 12.2041C14.1814 12.4515 15.2268 12.7521 15.9955 13.2867C16.4131 13.5766 16.7908 13.965 17.0223 14.4864C17.2563 15.013 17.3095 15.6035 17.1978 16.2499C17.0036 17.3804 16.2588 18.1571 15.2879 18.572C14.3463 18.9764 13.1839 19.0482 11.9976 18.862H11.9922C11.3539 18.7583 10.3244 18.4072 9.66211 18.1811C9.53443 18.1358 9.4174 18.0986 9.32164 18.0667C8.88008 17.9151 8.64068 17.4336 8.78698 16.9867C8.93328 16.5399 9.4174 16.3005 9.86427 16.4467C9.99461 16.4893 10.1356 16.5372 10.2872 16.5904C10.9628 16.8191 11.7874 17.1011 12.2662 17.1782C13.2451 17.3299 14.0617 17.2448 14.6203 17.0054C15.155 16.7766 15.4396 16.4255 15.522 15.9573C15.5859 15.5823 15.5406 15.3402 15.4688 15.1753C15.3943 15.0077 15.2587 14.8454 15.0246 14.6805C14.5139 14.3241 13.7399 14.0927 12.7663 13.816C12.7397 13.8081 12.7158 13.8001 12.6892 13.7948C11.8193 13.5474 10.774 13.2468 10.0052 12.7122C9.58763 12.4222 9.20992 12.0339 8.9785 11.5125C8.74442 10.9858 8.69122 10.3953 8.80294 9.74895L9.64083 9.89525L8.80028 9.75161C8.99446 8.62113 9.73925 7.84441 10.7101 7.42946C11.6518 7.02514 12.8142 6.95332 14.0005 7.13952C14.3463 7.19272 15.3943 7.39488 15.7721 7.49595C16.2269 7.61565 16.4956 8.08381 16.3759 8.53866C16.2562 8.99351 15.788 9.26217 15.3332 9.14247C15.0352 9.06267 14.0537 8.87116 13.7345 8.82328C12.753 8.669 11.939 8.75678 11.3778 8.99618L11.3805 8.99351Z", fill: foreground } ) ] }) }); }; var CyberConnect = () => { const { foreground, background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "13", cy: "13", r: "13", fill: background }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("g", { clipPath: "url(#clip0_1960_350)", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.716 13.5326L19.8432 17.8054C19.8936 17.8558 19.9328 17.9174 19.9608 17.9846C19.9888 18.0518 20 18.1246 20 18.1918C20 18.2646 19.9888 18.3374 19.9608 18.4046C19.9328 18.4718 19.8936 18.5334 19.8488 18.5838L19.5464 18.8974C19.4624 18.987 19.3504 19.0486 19.2272 19.071C19.1488 19.0822 19.0648 19.0766 18.9864 19.0486C18.908 19.0206 18.8408 18.9758 18.7848 18.9142L13.7448 13.7006C13.6552 13.611 13.588 13.5046 13.5376 13.3814C13.4928 13.2638 13.4648 13.135 13.4648 13.0062C13.4648 12.8774 13.4872 12.7486 13.5376 12.631C13.5824 12.5134 13.6552 12.407 13.7448 12.3118L18.7848 7.09818C18.8352 7.04778 18.8912 7.00858 18.9584 6.98058C19.02 6.95258 19.0928 6.94138 19.16 6.94138C19.2272 6.94138 19.3 6.95818 19.3616 6.98058C19.4232 7.00858 19.4848 7.04778 19.5352 7.09818L19.8488 7.42858C19.8992 7.47898 19.9384 7.54058 19.9664 7.60778C19.9944 7.67498 20.0056 7.74778 20.0056 7.81498C20.0056 7.88778 19.9944 7.96057 19.9664 8.02217C19.9384 8.08938 19.8992 8.15097 19.8488 8.20138L15.7216 12.4742C15.5872 12.6142 15.5088 12.8046 15.5088 13.0062C15.5088 13.2022 15.5872 13.3982 15.7216 13.5382L15.716 13.5326ZM10.284 12.4742L6.1568 8.20138C6.1064 8.15097 6.0672 8.08938 6.0392 8.02217C6.0112 7.95498 6 7.88218 6 7.80937C6 7.73658 6.0112 7.66378 6.0392 7.59658C6.0672 7.52938 6.1064 7.46778 6.1568 7.41738L6.4592 7.10378C6.5432 7.01418 6.6552 6.95258 6.7784 6.93018C6.8568 6.91898 6.9408 6.93018 7.0192 6.95258C7.0976 6.98058 7.1648 7.02538 7.2208 7.08698L12.2552 12.3006C12.3448 12.3902 12.412 12.4966 12.4624 12.6198C12.5072 12.7374 12.5352 12.8662 12.5352 12.995C12.5352 13.1238 12.5128 13.2526 12.4624 13.3702C12.4176 13.4878 12.3448 13.5942 12.2552 13.6894L7.2208 18.903C7.1704 18.9534 7.1144 18.9926 7.0472 19.0206C6.9856 19.0486 6.9128 19.0598 6.8456 19.0598C6.7784 19.0598 6.7056 19.043 6.644 19.0206C6.5824 18.9926 6.5208 18.9534 6.4704 18.903L6.1568 18.5782C6.1064 18.5278 6.0672 18.4662 6.0392 18.399C6.0112 18.3318 6 18.259 6 18.1862C6 18.1134 6.0112 18.0406 6.0392 17.979C6.0672 17.9118 6.1064 17.8502 6.1568 17.7998L10.284 13.527C10.4184 13.387 10.4968 13.1966 10.4968 12.995C10.4968 12.7934 10.4184 12.603 10.284 12.463V12.4742Z", fill: foreground } ) }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "clip0_1960_350", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "14", height: "14", fill: background, transform: "translate(6 6)" }) }) }) ] }); }; var Light = () => { return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "26", height: "26", rx: "13", fill: "url(#paint0_linear_1960_362)" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("g", { clipPath: "url(#clip0_1960_362)", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M17.6472 13.6556L13.2169 6.12328C13.1955 6.08609 13.1644 6.05511 13.1269 6.03346C13.0893 6.01182 13.0466 6.00028 13.0031 6C12.9595 5.99973 12.9167 6.01074 12.8789 6.03191C12.8411 6.05308 12.8096 6.08367 12.7877 6.12059L11.4609 8.37761C11.4174 8.45148 11.3945 8.53529 11.3945 8.62061C11.3945 8.70592 11.4174 8.78972 11.4609 8.86361L14.3497 13.7775C14.3932 13.8514 14.4558 13.9128 14.5311 13.9555C14.6065 13.9981 14.6919 14.0206 14.7789 14.0205H17.4326C17.476 14.0203 17.5187 14.009 17.5563 13.9877C17.5938 13.9663 17.6251 13.9356 17.6468 13.8987C17.6685 13.8617 17.68 13.8199 17.68 13.7772C17.6801 13.7346 17.6688 13.6926 17.6472 13.6556Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M6.03416 17.5932L10.4644 10.0608C10.4862 10.0239 10.5174 9.99326 10.555 9.97197C10.5926 9.95066 10.6353 9.93945 10.6787 9.93945C10.7221 9.93945 10.7648 9.95066 10.8024 9.97197C10.84 9.99326 10.8713 10.0239 10.893 10.0608L12.2205 12.3158C12.264 12.3898 12.2868 12.4737 12.2868 12.5591C12.2868 12.6446 12.264 12.7285 12.2205 12.8025L9.33166 17.7163C9.28834 17.7903 9.2259 17.8517 9.15065 17.8944C9.07539 17.937 8.99 17.9594 8.9031 17.9593H6.24878C6.20506 17.9595 6.16206 17.9484 6.12415 17.927C6.08624 17.9056 6.05479 17.8747 6.03298 17.8375C6.01118 17.8003 5.99979 17.7581 6 17.7152C6.00021 17.6723 6.012 17.6302 6.03416 17.5932Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M10.8923 17.957H19.7529C19.7963 17.9569 19.839 17.9456 19.8766 17.9243C19.9142 17.9029 19.9454 17.8722 19.9671 17.8352C19.9888 17.7982 20.0002 17.7563 20.0002 17.7136C20.0002 17.6709 19.9886 17.629 19.9668 17.5921L18.6413 15.3358C18.5978 15.2618 18.5353 15.2004 18.4599 15.1578C18.3846 15.1151 18.2991 15.0927 18.2121 15.0928H12.4344C12.3474 15.0927 12.262 15.1151 12.1866 15.1578C12.1113 15.2004 12.0487 15.2618 12.0052 15.3358L10.6784 17.5921C10.6566 17.629 10.6451 17.6709 10.645 17.7136C10.645 17.7563 10.6563 17.7982 10.678 17.8352C10.6997 17.8722 10.7309 17.9029 10.7685 17.9243C10.8062 17.9456 10.8488 17.9569 10.8923 17.957Z", fill: "white" } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("defs", { children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)( "linearGradient", { id: "paint0_linear_1960_362", x1: "1.5", y1: "2.5", x2: "24.1815", y2: "24.269", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { stopColor: "#05D5FF" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "0.723958", stopColor: "#363FF9" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "1", stopColor: "#5533FF" }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "clip0_1960_362", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "14.0002", height: "11.9585", fill: "white", transform: "translate(6 6)" }) }) ] }) ] }); }; var Xterio = () => { return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "13", cy: "13", r: "13", fill: "url(#paint0_linear_1960_370)" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.7367 18.1034C20.6055 17.1031 21.0845 15.8232 21.0855 14.4983C21.085 13.9812 21.012 13.4667 20.869 12.9697C19.9757 9.83384 16.5386 8.16373 13.5044 9.39005C12.9865 9.59946 12.5232 9.89787 12.0748 10.227C11.5335 10.6298 10.9158 10.7496 10.2523 10.6298C9.74016 10.5376 9.28352 10.3205 8.84373 10.0644C8.61963 9.93467 8.4495 9.72876 8.36447 9.48419C8.34532 9.43143 8.33229 9.37557 8.31927 9.31948C8.31007 9.28024 8.30088 9.2409 8.28975 9.20242C8.17831 8.82634 7.93888 8.50109 7.61283 8.28313C7.28684 8.06517 6.89455 7.96824 6.50456 8.00917C6.11457 8.05009 5.75104 8.22629 5.47714 8.50718C5.20359 8.78807 5.03659 9.15594 5.00594 9.54694C4.90518 10.7534 6.10349 11.6724 7.24282 11.2568C7.39945 11.1967 7.56728 11.1717 7.73505 11.1838C7.90247 11.1959 8.06488 11.2446 8.21161 11.3265C8.53418 11.493 8.83914 11.6912 9.12223 11.9183C9.82019 12.4908 10.1634 13.2093 10.0826 14.1237C10.0313 14.7697 10.1026 15.4196 10.2929 16.0391C10.6649 17.3106 11.4829 18.4054 12.5963 19.1228C13.7102 19.8401 15.0452 20.1319 16.3567 19.9447C17.6683 19.7575 18.8685 19.1038 19.7367 18.1034ZM13.2469 12.9793C12.942 13.4358 12.7786 13.9726 12.7786 14.5217C12.7796 15.2572 13.0723 15.9622 13.5917 16.4827C14.1116 17.0031 14.8159 17.2964 15.5513 17.2984C16.1004 17.2991 16.6376 17.1368 17.0947 16.8322C17.5518 16.5276 17.9078 16.0943 18.1187 15.5871C18.3292 15.0799 18.3843 14.5217 18.2781 13.983C18.1714 13.4443 17.9073 12.9494 17.5192 12.5608C17.131 12.1722 16.6366 11.9074 16.0978 11.8C15.559 11.6926 15.0013 11.7472 14.4936 11.9571C13.9865 12.1671 13.5524 12.5228 13.2469 12.9793Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)( "linearGradient", { id: "paint0_linear_1960_370", x1: "3.5", y1: "5", x2: "25.3312", y2: "20.3152", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { stopColor: "#020115" }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "1", stopColor: "#562ABE" }) ] } ) }) ] }); }; var Universal = () => { const { foreground, background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "26", height: "26", rx: "13", fill: background }), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M11.7447 16.3854V13.5893C11.7447 11.6915 11.7556 9.79376 11.7338 7.89598C11.7338 7.47214 11.8572 7.36279 12.2779 7.37183C13.5917 7.40165 14.9073 7.37183 16.2211 7.3881C18.4154 7.41521 20.2923 8.82138 20.8336 10.8547C20.9406 11.2617 20.9967 11.6802 21.0004 12.1009C21.0167 14.1795 21.0004 16.258 21.0167 18.3365C21.0167 18.7296 20.9179 18.8787 20.5099 18.8462C20.0425 18.818 19.5739 18.8165 19.1063 18.8417C18.7899 18.8552 18.6783 18.7368 18.682 18.4242C18.6937 17.3397 18.6747 16.2553 18.6965 15.1708C18.7037 14.7976 18.5858 14.6729 18.2077 14.6855C17.408 14.7108 16.6065 14.6855 15.8059 14.7009C15.4332 14.709 15.3235 14.578 15.3951 14.2165C15.4951 13.6869 15.7734 13.2073 16.1842 12.8569C16.5949 12.5065 17.1134 12.3065 17.6537 12.2898C17.9702 12.2826 18.2884 12.2898 18.5922 12.2898C18.8352 11.5759 18.3637 10.5312 17.5948 10.1616C17.2232 9.9953 16.8251 9.89557 16.4188 9.86696C15.8639 9.81816 15.3008 9.87781 14.7432 9.84437C14.3279 9.81907 14.2427 9.98083 14.2454 10.3649C14.2618 13.0001 14.2454 15.6362 14.2672 18.2705C14.2672 18.7341 14.1357 18.8588 13.6787 18.848C12.3803 18.8173 11.0801 18.8417 9.77989 18.8354C7.09784 18.8218 5.00879 16.7568 4.99428 14.0846C4.98249 12.006 4.99972 9.92751 4.9834 7.84899C4.9834 7.46943 5.09583 7.34291 5.47574 7.37093C5.92844 7.40304 6.38275 7.40576 6.8358 7.37906C7.22206 7.35647 7.32543 7.51552 7.32361 7.87791C7.31152 9.94077 7.31152 12.0036 7.32361 14.0665C7.32905 15.2522 8.01181 16.1278 9.07538 16.3393C9.28515 16.3731 9.49764 16.3874 9.71007 16.3818C10.3638 16.3881 11.0248 16.3854 11.7447 16.3854Z", fill: foreground } ) ] }); }; var Coinbase2 = () => { return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#0052FF" } ), /* @__PURE__ */ (0, import_jsx_runtime46.jsx)( "path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.59961 11.9996C3.59961 16.6388 7.36041 20.3996 11.9996 20.3996C16.6388 20.3996 20.3996 16.6388 20.3996 11.9996C20.3996 7.36041 16.6388 3.59961 11.9996 3.59961C7.36041 3.59961 3.59961 7.36041 3.59961 11.9996ZM9.85295 9.29294C9.54366 9.29294 9.29294 9.54366 9.29294 9.85295V14.1463C9.29294 14.4556 9.54366 14.7063 9.85295 14.7063H14.1463C14.4556 14.7063 14.7063 14.4556 14.7063 14.1463V9.85295C14.7063 9.54366 14.4556 9.29294 14.1463 9.29294H9.85295Z", fill: "white" } ) ] }); }; var getAAIcon = (name) => { const icons = { BICONOMY: Biconomy, SIMPLE: Simple, CYBERCONNECT: CyberConnect, LIGHT: Light, XTERIO: Xterio, UNIVERSAL: Universal, COINBASE: Coinbase2 }; return icons[name]; }; // src/components/walletIcon/styles.ts var import_styled_components28 = require("styled-components"); var StyleWalletIconContainer = import_styled_components28.styled.div` width: ${(props) => props.width}px; height: ${(props) => props.height}px; display: flex; justify-content: center; align-items: center; svg { border-radius: 5px; overflow: hidden; } `; var StyleAAWrapper = import_styled_components28.styled.div` position: relative; height: 28px; align-items: center; display: flex; `; var StyleCMWrapper = import_styled_components28.styled.div` width: ${(props) => props.width}px; height: ${(props) => props.height}px; background: var(--pcm-body-background); border-radius: 100%; padding: 1px; display: flex; justify-content: center; align-items: center; position: absolute; right: -20%; bottom: -2%; & > svg { width: 100%; height: 100%; } `; // src/components/walletAAIcon/index.tsx var import_jsx_runtime47 = require("react/jsx-runtime"); var WalletIcon2 = ({ size = 20, aaName = "" }) => { const [walletConnection] = useWalletConnections(); 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_react37.cloneElement)(walletConnection?.walletProps.icon, { width: cmSize, height: cmSize }) }) ] }, aaName) }); }; var walletAAIcon_default = WalletIcon2; // src/components/walletIcon/index.tsx 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_react38.cloneElement)(walletConnection?.walletProps.icon, { width: size, height: size }) }); }; var walletIcon_default = WalletIcon3; // src/pages/walletInfo/title.tsx var import_jsx_runtime49 = require("react/jsx-runtime"); var Title2 = () => { const chainList = useChains(); const { chainId: currentChainId } = useAccount(); const smartAccount = useSmartAccount(); const address = useAddress(); const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase(); const blockExplorerUrl = (0, import_react39.useMemo)(() => { if (!currentChainId || !address || !chainList) { return ""; } const currentChain = chainList.find((chain) => chain.id === currentChainId); if (!currentChain || !currentChain.blockExplorers) { return ""; } const explorerUrl = currentChain.blockExplorers.default.url; if ((0, import_connector_core13.isSolanaChain)(currentChain)) { return `${explorerUrl}/account/${address}`; } return `${explorerUrl}/address/${address}`; }, [currentChainId, address, chainList]); return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TitleContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StyleAddressInfo, { children: !!address && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [ aaIconName ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(walletAAIcon_default, { size: 26, aaName: aaIconName }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(walletIcon_default, { size: 26 }), /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(copyToClipboard_default, { string: address, children: shortAddress(address || "--") }), /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StyleShareContent, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)( ShareIconCircle, { style: blockExplorerUrl ? { cursor: "pointer" } : { cursor: "not-allowed", opacity: 0.4 }, onClick: () => { if (blockExplorerUrl) { window.open(blockExplorerUrl, "_blank"); } } } ) }) ] }) }) }); }; var title_default = Title2; // src/pages/walletconnect/index.tsx var import_react40 = require("react"); // src/pages/walletconnect/styles.ts var import_framer_motion23 = require("framer-motion"); var import_styled_components29 = require("styled-components"); var Wrapper2 = (0, import_styled_components29.styled)(import_framer_motion23.motion.div)` padding: 15px 30px; padding-top: 30px; padding-top: 0; display: flex; flex-direction: column; `; var Header = (0, import_styled_components29.styled)(import_framer_motion23.motion.div)` text-align: center; font-size: 18px; line-height: 25px; font-weight: 500; margin-bottom: 30px; `; var Actions = (0, import_styled_components29.styled)(import_framer_motion23.motion.div)` display: flex; justify-content: space-between; gap: 28px; margin-top: 20px; button { border-radius: var(--pcm-rounded-lg); border: 1px solid var(--pcm-button-border-color); background-color: var(--pcm-body-background) !important; color: var(--pcm-body-background); font-size: 12px; font-style: normal; font-weight: 400; height: 36px; display: flex; justify-content: center; align-items: center; color: var(--pcm-body-color-secondary); &:hover { background-color: #fff; } } `; var Description = import_styled_components29.styled.div` margin-top: 28px; padding: 0 16px; color: var(--pcm-body-color-secondary); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; `; // src/pages/walletconnect/index.tsx var import_jsx_runtime50 = require("react/jsx-runtime"); var Page7 = ({ wallet }) => { const { navigate } = useRouter(); const locales = useLocales(); const mobile = useIsMobile(); const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id); const { config } = useContext(); const { isConnected } = useAccount(); (0, import_react40.useEffect)(() => { requestUri(); }, []); (0, import_react40.useEffect)(() => { return () => { if (!isConnected) { config.setState((x) => ({ ...x, status: x.current ? "connected" : "disconnected" })); } }; }, [isConnected]); const visiableWalletButton = (0, import_react40.useMemo)(() => { if (mobile || wallet?.id === "walletConnect") { return false; } else { return true; } }, [wallet, mobile]); return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Wrapper2, { children: [ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)( CustomQRCode_default, { value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri, failed: !!error, failedCallback: () => { requestUri(); }, image: wallet?.icon } ), !!walletConnectUri && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Actions, { children: [ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(copyToClipboard_default, { variant: "button", string: walletConnectUri, children: locales.copyQRURI }), visiableWalletButton && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)( button_default, { style: { background: "none", borderColor: "var(--pcm-button-border-color)" }, onClick: () => { navigate("download-app" /* DownloadApp */, { wallet }); }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)( FlexCenter, { gap: 8, style: { color: "var(--pcm-body-color-secondary)" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ShareIcon, {}), locales.getWallet ] } ) } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Description, { children: locales.scanQRCode }) ] }) }); }; var walletconnect_default = Page7; // src/pages/index.ts var safeRoutes = { connected: ["wallet-info" /* WalletInfo */, "receive" /* Receive */], disconnected: [ "signup" /* Signup */, "connectors" /* Connectors */, "captcha" /* Captcha */, "connecting" /* Connecting */, "download-app" /* DownloadApp */, "select-chain" /* SelectChain */, "walletconnect" /* Walletconnect */, "passkey-setup" /* PasskeySetup */, "login-passkey" /* LoginPasskey */ ] }; var allRoutes = [...safeRoutes.connected, ...safeRoutes.disconnected]; var pages = [ { title: "signupTitle", path: "signup" /* Signup */, element: signup_default }, { title: "connectorsTitle", path: "connectors" /* Connectors */, element: connectors_default }, { title: "captchaTitle", path: "captcha" /* Captcha */, element: captcha_default }, { path: "connecting" /* Connecting */, element: connecting_default }, { path: "download-app" /* DownloadApp */, element: downloadApp_default }, { title: "scanWithPhone", path: "walletconnect" /* Walletconnect */, element: walletconnect_default }, { title: "selectChainTitle", path: "select-chain" /* SelectChain */, element: selectChain_default }, { title: title_default, path: "wallet-info" /* WalletInfo */, element: walletInfo_default }, { title: "receive", path: "receive" /* Receive */, element: receive_default }, { title: "setupPasskey", path: "passkey-setup" /* PasskeySetup */, element: passkeySetup_default }, { title: "usePasskeyToLogin", path: "login-passkey" /* LoginPasskey */, element: loginPasskey_default } ]; var getPage = (path) => { const page = pages.find((item) => item.path === path); if (!page) { throw new Error("route path undefined"); } return page; }; // src/hooks/useRouteState.ts var initialState2 = { path: "signup" /* Signup */ }; var useRouteState = (0, import_zustand5.create)((set) => ({ route: initialState2, setRoute: (value) => { if (typeof value === "string") { set({ route: { path: value } }); } else { set({ route: value }); } } })); // src/components/modal/index.tsx var import_framer_motion24 = require("framer-motion"); 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_react42 = require("react"); // src/hooks/useFocusTrap.ts var import_react41 = require("react"); var KEYCODE_TAB = 9; function useFocusTrap() { const elRef = (0, import_react41.useRef)(null); function handleFocus(e) { if (!elRef.current) return; const focusableEls = elRef.current.querySelectorAll(` a[href]:not(:disabled), button:not(:disabled), textarea:not(:disabled), input[type="text"]:not(:disabled), input[type="radio"]:not(:disabled), input[type="checkbox"]:not(:disabled), select:not(:disabled) `), firstFocusableEl = focusableEls[0], lastFocusableEl = focusableEls[focusableEls.length - 1]; const isTabPressed = e.key === "Tab" || e.keyCode === KEYCODE_TAB; if (!isTabPressed) { return; } if (e.shiftKey) { if (document.activeElement === firstFocusableEl) { lastFocusableEl.focus(); e.preventDefault(); } } else { if (document.activeElement === lastFocusableEl) { firstFocusableEl.focus(); e.preventDefault(); } } } (0, import_react41.useEffect)(() => { if (elRef.current) { elRef.current.addEventListener("keydown", handleFocus); elRef.current.focus({ preventScroll: true }); } return () => { if (elRef.current) { elRef.current.removeEventListener("keydown", handleFocus); } }; }, []); return elRef; } // src/components/focusTrap/index.tsx var import_jsx_runtime51 = require("react/jsx-runtime"); function FocusTrap(props) { const elRef = useFocusTrap(); (0, import_react42.useEffect)(() => { if (!elRef.current) return; elRef.current.focus({ preventScroll: true }); }, []); return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref: elRef, tabIndex: 0, children: props.children }); } // src/components/footer/index.tsx var import_react43 = require("react"); // src/assets/powerdBy.tsx var import_jsx_runtime52 = require("react/jsx-runtime"); var PowerdBy = ({ onClick }) => { return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { onClick, width: "171", height: "16", viewBox: "0 0 171 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.0801 10.4463C37.8076 10.4463 38.4326 10.0996 38.7647 9.51367H38.8428V10.3535H39.6436V3H38.8037V5.91992H38.7305C38.4326 5.34374 37.8125 4.99707 37.0801 4.99707C35.7422 4.99707 34.8682 6.07129 34.8682 7.72168C34.8682 9.37696 35.7324 10.4463 37.0801 10.4463ZM0 10.3535V3.30762H2.66113C3.99414 3.30762 4.91699 4.24511 4.91699 5.58789C4.91699 6.90624 3.97461 7.83887 2.65137 7.83887H0.878906V10.3535H0ZM2.43164 4.08887H0.878906V7.05762H2.43164C3.43262 7.05762 4.01367 6.5205 4.01367 5.58789C4.01367 4.62109 3.45215 4.08887 2.43164 4.08887ZM8.4082 10.4463C9.90719 10.4463 10.835 9.41114 10.835 7.72168C10.835 6.02735 9.90719 4.99707 8.4082 4.99707C6.90918 4.99707 5.98145 6.02735 5.98145 7.72168C5.98145 9.41114 6.90918 10.4463 8.4082 10.4463ZM6.85059 7.72168C6.85059 8.9668 7.41211 9.68945 8.4082 9.68945C9.40429 9.68945 9.96579 8.9668 9.96579 7.72168C9.96579 6.47168 9.40429 5.75391 8.4082 5.75391C7.41211 5.75391 6.85059 6.47168 6.85059 7.72168ZM18.7744 5.08984H17.9297L16.8945 9.29883H16.8164L15.6397 5.08984H14.834L13.6572 9.29883H13.5791L12.544 5.08984H11.6943L13.169 10.3535H14.0186L15.1904 6.28125H15.2686L16.4453 10.3535H17.2998L18.7744 5.08984ZM22.0264 9.7041C22.7051 9.7041 23.1641 9.45507 23.3838 8.99121H24.2236C23.9795 9.88964 23.1592 10.4463 22.0068 10.4463C20.5469 10.4463 19.6338 9.3916 19.6338 7.72656C19.6338 6.07128 20.5615 4.99707 22.0068 4.99707C23.4277 4.99707 24.292 6.00781 24.292 7.64355V7.96582H20.5078V8.00488C20.5518 9.04492 21.1328 9.7041 22.0264 9.7041ZM21.9971 5.73926C22.832 5.73926 23.3887 6.3545 23.4082 7.28711H20.5078C20.5713 6.3545 21.1572 5.73926 21.9971 5.73926ZM26.4502 10.3535H25.6104V5.08984H26.4111V5.87109H26.4893C26.6455 5.35839 27.251 4.99707 27.9492 4.99707C28.0859 4.99707 28.2617 5.00683 28.3692 5.02148V5.86133C28.3008 5.8418 27.9981 5.8125 27.832 5.8125C27.0313 5.8125 26.4502 6.34961 26.4502 7.0918V10.3535ZM32.9053 8.99121C32.6856 9.45507 32.2266 9.7041 31.5479 9.7041C30.6543 9.7041 30.0733 9.04492 30.0293 8.00488V7.96582H33.8135V7.64355C33.8135 6.00781 32.9492 4.99707 31.5283 4.99707C30.083 4.99707 29.1553 6.07128 29.1553 7.72656C29.1553 9.3916 30.0684 10.4463 31.5283 10.4463C32.6807 10.4463 33.501 9.88964 33.7451 8.99121H32.9053ZM32.9297 7.28711C32.9102 6.3545 32.3535 5.73926 31.5186 5.73926C30.6787 5.73926 30.0928 6.3545 30.0293 7.28711H32.9297ZM38.8233 7.72168C38.8233 6.51563 38.2275 5.75391 37.2754 5.75391C36.3184 5.75391 35.7373 6.4961 35.7373 7.72168C35.7373 8.95215 36.3135 9.68945 37.2754 9.68945C38.2324 9.68945 38.8233 8.9375 38.8233 7.72168ZM46.9531 10.3535C48.4522 10.3535 49.3408 9.61622 49.3408 8.37598C49.3408 7.44336 48.7305 6.78418 47.7686 6.66211V6.58398C48.4473 6.46191 48.9844 5.79786 48.9844 5.06543C48.9844 3.98633 48.1934 3.30762 46.8994 3.30762H44.2041V10.3535H46.9531ZM46.7139 4.08398H45.083V6.34473H46.4893C47.5537 6.34473 48.0957 5.96387 48.0957 5.2168C48.0957 4.49903 47.5879 4.08398 46.7139 4.08398ZM45.083 9.57715V7.10156H46.7383C47.8613 7.10156 48.4375 7.5166 48.4375 8.33203C48.4375 9.14746 47.8809 9.57715 46.8213 9.57715H45.083ZM52.9199 10.6758C52.4707 11.8965 52.0508 12.2578 51.1182 12.2578C51.0059 12.2578 50.8594 12.248 50.7422 12.2285V11.5107C50.8447 11.5303 50.9766 11.5351 51.0938 11.5351C51.5772 11.5351 51.8408 11.3057 52.0606 10.6709L52.1582 10.3584L50.21 5.08984H51.1182L52.5635 9.4209H52.6416L54.082 5.08984H54.9756L52.9199 10.6758Z", fill: "var(--pcm-body-color-tertiary)" } ), /* @__PURE__ */ (0, import_jsx_runtime52.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M108.143 10.7092C109.558 10.7092 110.599 9.87427 110.775 8.62183H109.795C109.619 9.33813 108.982 9.79077 108.143 9.79077C107 9.79077 106.288 8.86353 106.288 7.38696C106.288 5.90601 107 4.97876 108.138 4.97876C108.973 4.97876 109.61 5.47974 109.795 6.25757H110.775C110.617 4.96558 109.536 4.0603 108.138 4.0603C106.376 4.0603 105.282 5.33032 105.282 7.38696C105.282 9.43921 106.38 10.7092 108.143 10.7092ZM79.0771 10.5554V4.21411H81.5601C82.7993 4.21411 83.6519 5.07104 83.6519 6.32788C83.6519 7.56714 82.7729 8.41968 81.5293 8.41968H80.0615V10.5554H79.0771ZM81.3008 5.08423H80.0615V7.55396H81.3008C82.1489 7.55396 82.6455 7.1145 82.6455 6.32788C82.6455 5.52368 82.1665 5.08423 81.3008 5.08423ZM89.022 10.5554H90.0679L87.7783 4.21411H86.7192L84.4297 10.5554H85.4404L86.0249 8.87231H88.4419L89.022 10.5554ZM87.2729 5.36548H87.1982L86.2754 8.04614H88.1914L87.2729 5.36548ZM92.1553 5.07983H93.544C94.3042 5.07983 94.77 5.49731 94.77 6.18726C94.77 6.89478 94.3306 7.29907 93.5703 7.29907H92.1553V5.07983ZM93.544 8.13843H92.1553V10.5554H91.1709V4.21411H93.6802C94.959 4.21411 95.7808 4.97437 95.7808 6.16528C95.7808 7.01782 95.3238 7.71216 94.5503 7.97583L95.9741 10.5554H94.836L93.544 8.13843ZM99.7754 10.5554V5.1106H101.766V4.21411H96.7959V5.1106H98.791V10.5554H99.7754ZM103.955 4.21411V10.5554H102.97V4.21411H103.955ZM113.051 9.65015H116.022V10.5554H112.067V4.21411H113.051V9.65015ZM121.291 9.65894H118.25V7.7561H121.128V6.90356H118.25V5.1106H121.291V4.21411H117.266V10.5554H121.291V9.65894ZM126.129 6.05103V10.5554H125.171V4.21411H126.059L129.315 8.71851H129.386V4.21411H130.344V10.5554H129.456L126.2 6.05103H126.129ZM135.96 9.65894H132.919V7.7561H135.797V6.90356H132.919V5.1106H135.96V4.21411H131.935V10.5554H135.96V9.65894ZM139.972 5.1106V10.5554H138.988V5.1106H136.993V4.21411H141.963V5.1106H139.972ZM146.762 5.90161H146.823L148.186 10.5554H149.113L150.827 4.21411H149.803L148.643 9.07007H148.581L147.249 4.21411H146.335L145.013 9.07007H144.951L143.787 4.21411H142.763L144.472 10.5554H145.404L146.762 5.90161ZM151.754 7.38257C151.754 5.33472 152.896 4.0603 154.716 4.0603C156.544 4.0603 157.669 5.33911 157.669 7.38257C157.669 9.42163 156.553 10.7092 154.716 10.7092C152.874 10.7092 151.754 9.42603 151.754 7.38257ZM154.716 4.97876C155.92 4.97876 156.663 5.9104 156.663 7.38257C156.663 8.84595 155.92 9.79077 154.716 9.79077C153.499 9.79077 152.76 8.84595 152.76 7.38257C152.76 5.9104 153.52 4.97876 154.716 4.97876ZM161.374 5.07983H159.985V7.29907H161.4C162.16 7.29907 162.6 6.89478 162.6 6.18726C162.6 5.49731 162.134 5.07983 161.374 5.07983ZM159.985 8.13843H161.374L162.665 10.5554H163.804L162.38 7.97583C163.153 7.71216 163.61 7.01782 163.61 6.16528C163.61 4.97437 162.789 4.21411 161.51 4.21411H159V10.5554H159.985V8.13843ZM165.997 8.47241V10.5554H165.012V4.21411H165.997V7.18481H166.067L168.69 4.21411H169.855L167.403 6.96948L170.066 10.5554H168.835L166.708 7.677L165.997 8.47241Z", fill: "var(--pcm-body-color-tertiary)" } ), /* @__PURE__ */ (0, import_jsx_runtime52.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M63.2445 0.422143C62.9138 0.880737 63.0139 1.51852 63.4694 1.85494L63.4666 1.85494C63.6848 2.01527 63.9587 2.08155 64.2265 2.03886C64.4944 1.99617 64.7337 1.84809 64.8907 1.62795C65.2214 1.16936 65.1213 0.53157 64.6658 0.195153C64.4478 0.0357644 64.1746 -0.0299537 63.9075 0.0127103C63.6403 0.0553743 63.4015 0.202857 63.2445 0.422143ZM65.4324 1.66226C65.1018 1.20363 65.2019 0.565954 65.6572 0.229463C65.8755 0.0692639 66.1493 0.00306878 66.4171 0.0457548C66.6849 0.0884409 66.9242 0.236427 67.0813 0.456453C67.4119 0.91508 67.3118 1.55276 66.8564 1.88925C66.6382 2.04952 66.3644 2.11575 66.0965 2.07306C65.8287 2.03037 65.5894 1.88234 65.4324 1.66226ZM61.0072 1.35646C60.8321 1.89298 61.1239 2.46975 61.6613 2.64928L61.6605 2.64928C61.7623 2.68271 61.8689 2.69975 61.9761 2.69975C62.4195 2.69802 62.811 2.41142 62.9447 1.99069C63.12 1.45423 62.8283 0.877388 62.2909 0.697863C62.0329 0.614373 61.7521 0.636999 61.511 0.760702C61.2699 0.884405 61.0885 1.09891 61.0072 1.35646ZM67.3576 2.08989C67.1825 1.55337 67.4743 0.976595 68.0117 0.797063C68.2696 0.71365 68.5504 0.736314 68.7914 0.860012C69.0325 0.983709 69.2138 1.19817 69.2951 1.45566C69.4703 1.99217 69.1784 2.56895 68.641 2.74848C68.5394 2.7816 68.4332 2.79839 68.3262 2.79821C67.883 2.7965 67.4916 2.51028 67.3576 2.08989ZM60.1845 1.9161C59.6186 1.91939 59.1625 2.37874 59.1661 2.94191C59.1625 3.50507 59.6186 3.96443 60.1845 3.96772C60.7538 3.96772 61.2153 3.50845 61.2153 2.94191C61.2153 2.37537 60.7538 1.9161 60.1845 1.9161ZM69.0463 3.0958C69.0412 2.67981 69.2891 2.30197 69.6739 2.13927C70.0587 1.97657 70.5041 2.06124 70.8015 2.35361C71.0989 2.64599 71.1894 3.08816 71.0306 3.47301C70.8718 3.85786 70.4952 4.10915 70.0771 4.10918C69.5113 4.11262 69.0498 3.65887 69.0465 3.0958H69.0463ZM65.3774 3.03315C65.1046 3.23532 65.0446 3.61748 65.2422 3.89288C65.3364 4.02478 65.4798 4.1135 65.6404 4.13912C65.8009 4.16474 65.965 4.12511 66.0959 4.02913C66.3687 3.82696 66.4288 3.4448 66.2311 3.1694C66.1368 3.03761 65.9934 2.94898 65.8329 2.92337C65.6724 2.89775 65.5083 2.9373 65.3774 3.03315ZM63.9993 4.03335C63.7265 3.83119 63.6664 3.44903 63.8641 3.17362C63.9584 3.04184 64.1018 2.95321 64.2623 2.92759C64.4228 2.90198 64.5869 2.94153 64.7178 3.03738C64.9906 3.23954 65.0506 3.62171 64.853 3.89711C64.7588 4.029 64.6154 4.11773 64.4548 4.14335C64.2943 4.16897 64.1302 4.12933 63.9993 4.03335ZM66.8602 3.37078C66.5378 3.47846 66.3627 3.82437 66.4677 4.14622C66.5479 4.39862 66.7828 4.57054 67.0488 4.57161C67.1131 4.57158 67.1769 4.56134 67.2379 4.54128C67.5603 4.43361 67.7354 4.08769 67.6304 3.76584C67.5817 3.61131 67.4728 3.48261 67.3281 3.4084C67.1835 3.3342 67.015 3.32065 66.8602 3.37078ZM62.8603 4.55396C62.5379 4.44618 62.3629 4.10012 62.468 3.77827C62.5168 3.62374 62.6256 3.49504 62.7703 3.42083C62.915 3.34663 63.0835 3.33308 63.2383 3.38321C63.5607 3.49078 63.7359 3.83679 63.6308 4.15866C63.5505 4.41105 63.3157 4.58298 63.0496 4.58405C62.9853 4.58411 62.9214 4.57396 62.8603 4.55396ZM70.3657 4.58181C70.1905 5.11832 70.4824 5.6951 71.0198 5.87463L71.021 5.87463C71.1222 5.90786 71.228 5.92489 71.3346 5.9251C71.778 5.92337 72.1695 5.63677 72.3032 5.21604C72.4785 4.67958 72.1867 4.10274 71.6493 3.92321C71.3914 3.83979 71.1106 3.86245 70.8695 3.98615C70.6284 4.10984 70.447 4.3243 70.3657 4.58181ZM68.3987 5.69886C68.2937 6.02071 68.4688 6.36663 68.7912 6.47431L68.7913 6.47434C68.8522 6.49425 68.9159 6.50439 68.9798 6.50439C69.2458 6.50332 69.4807 6.33139 69.5609 6.079C69.666 5.75714 69.4909 5.41112 69.1685 5.30355C69.0137 5.25359 68.8453 5.26725 68.7007 5.34149C68.5562 5.41573 68.4474 5.5444 68.3987 5.69886ZM62.7523 6.18441C62.7552 6.00662 62.9019 5.86454 63.0806 5.86645C63.2592 5.86835 63.4028 6.01353 63.4019 6.19135C63.4009 6.36916 63.2558 6.51282 63.0771 6.51284C62.9901 6.51212 62.907 6.47698 62.8461 6.41518C62.7851 6.35338 62.7514 6.26999 62.7523 6.18342V6.18441ZM71.381 7.8355C70.9256 7.49908 70.8255 6.86129 71.1562 6.4027C71.3132 6.18268 71.5526 6.03469 71.8204 5.992C72.0882 5.94932 72.362 6.01551 72.5802 6.17571C73.0357 6.51213 73.1358 7.14992 72.8051 7.60851C72.6481 7.82865 72.4088 7.97672 72.1409 8.01942C71.8731 8.06211 71.5992 7.99583 71.381 7.8355ZM66.9871 7.98069C66.8412 8.08823 66.8091 8.29236 66.9149 8.43915C66.9651 8.50945 67.0416 8.55673 67.1272 8.57038C67.2128 8.58403 67.3003 8.5629 67.3701 8.51175C67.5159 8.40414 67.548 8.20011 67.4423 8.05329C67.3921 7.98299 67.3156 7.93571 67.23 7.92206C67.1444 7.90841 67.0569 7.92954 66.9871 7.98069ZM68.9196 8.95752C68.7219 8.68212 68.782 8.29996 69.0548 8.09779C69.1857 8.00188 69.3498 7.96229 69.5103 7.9879C69.6708 8.01352 69.8143 8.1022 69.9085 8.23404C70.1061 8.50944 70.0461 8.8916 69.7733 9.09377C69.6424 9.18968 69.4783 9.22928 69.3178 9.20366C69.1573 9.17804 69.0138 9.08936 68.9196 8.95752ZM71.1227 9.81253C70.792 9.35394 70.8921 8.71615 71.3475 8.37973C71.5657 8.21993 71.8392 8.15397 72.1067 8.19664C72.3742 8.23932 72.6133 8.38706 72.7704 8.60672C73.1009 9.06535 73.0009 9.70303 72.5455 10.0395C72.3273 10.1999 72.0535 10.2661 71.7856 10.2234C71.5178 10.1807 71.2784 10.0327 71.1214 9.81253L71.1227 9.81253ZM68.8037 9.3317C68.4813 9.43937 68.3062 9.78529 68.4112 10.1071C68.4915 10.3596 68.7264 10.5316 68.9926 10.5325C69.0567 10.5325 69.1205 10.5222 69.1814 10.5022C69.5037 10.3944 69.6787 10.0485 69.5737 9.72675C69.5249 9.57228 69.4161 9.44363 69.2715 9.36943C69.1269 9.29523 68.9584 9.28165 68.8037 9.3317ZM64.9996 10.5452C64.8539 10.4376 64.8217 10.2336 64.9274 10.0868C64.9777 10.0165 65.0542 9.96918 65.1397 9.95553C65.2253 9.94188 65.3128 9.963 65.3826 10.0142C65.5284 10.1218 65.5605 10.3258 65.4548 10.4726C65.4046 10.5429 65.3281 10.5902 65.2425 10.6038C65.1569 10.6175 65.0694 10.5964 64.9996 10.5452ZM64.2466 10.0201C64.1005 10.1274 64.0679 10.3315 64.1734 10.4786H64.1742C64.2244 10.549 64.3009 10.5963 64.3866 10.6099C64.4722 10.6236 64.5598 10.6024 64.6296 10.5512C64.7754 10.4436 64.8075 10.2395 64.7018 10.0927C64.6516 10.0224 64.5751 9.97514 64.4895 9.9615C64.4039 9.94784 64.3164 9.96897 64.2466 10.0201ZM70.2677 11.612C70.0924 11.0756 70.3842 10.4987 70.9216 10.3192C71.1795 10.2357 71.4603 10.2584 71.7015 10.3821C71.9426 10.5058 72.124 10.7203 72.2052 10.9778C72.3804 11.5143 72.0886 12.0911 71.5512 12.2706C71.4495 12.3038 71.3431 12.3206 71.2361 12.3204C70.793 12.3185 70.4017 12.0323 70.2677 11.612ZM66.4919 11.6715C66.387 11.9933 66.5621 12.3392 66.8844 12.4469C66.9454 12.4669 67.0091 12.4772 67.0733 12.4772C67.3393 12.4762 67.5743 12.3043 67.6544 12.0519C67.7594 11.73 67.5843 11.3841 67.2619 11.2764C67.1072 11.2264 66.9388 11.2399 66.7941 11.3141C66.6495 11.3883 66.5407 11.517 66.4919 11.6715ZM62.4922 12.0643C62.3873 11.7424 62.5624 11.3965 62.8847 11.2888C63.0396 11.2389 63.208 11.2526 63.3526 11.3269C63.4972 11.4011 63.606 11.5299 63.6548 11.6844C63.7597 12.0062 63.5846 12.3522 63.2623 12.4598C63.2012 12.4799 63.1374 12.4901 63.0731 12.4902C62.8071 12.4889 62.5723 12.3168 62.4922 12.0643ZM65.2695 11.933C65.0725 12.2082 65.1325 12.5896 65.4046 12.7917V12.7927C65.5355 12.8887 65.6996 12.9284 65.8602 12.9027C66.0207 12.8771 66.1642 12.7884 66.2583 12.6565C66.456 12.3811 66.3959 11.9989 66.1232 11.7968C65.9923 11.7008 65.8281 11.6613 65.6676 11.6869C65.5071 11.7125 65.3637 11.8012 65.2695 11.933ZM63.8911 12.66C63.6934 12.3846 63.7535 12.0024 64.0263 11.8002C64.1572 11.7043 64.3213 11.6647 64.4818 11.6904C64.6423 11.716 64.7858 11.8047 64.88 11.9365C65.0785 12.2117 65.0183 12.5945 64.7448 12.7962C64.6139 12.8922 64.4498 12.9318 64.2892 12.9062C64.1287 12.8806 63.9853 12.7919 63.8911 12.66ZM60.0308 11.8893C59.4649 11.8857 59.0033 12.3395 59 12.9026C59.0033 13.4658 59.4649 13.9196 60.0308 13.916C60.5933 13.916 61.0492 13.4623 61.0492 12.9026C61.0492 12.343 60.5933 11.8893 60.0308 11.8893ZM68.9054 13.0583C68.9122 12.5003 69.3712 12.0528 69.9319 12.0574C70.4927 12.0619 70.9442 12.5167 70.942 13.0748C70.9397 13.6328 70.4845 14.084 69.9237 14.0841C69.3578 14.0808 68.9018 13.6214 68.9054 13.0583ZM61.4669 13.2507C60.9295 13.4302 60.6378 14.0071 60.8131 14.5435C60.947 14.9639 61.3383 15.2501 61.7815 15.2518C61.8885 15.252 61.9948 15.2352 62.0965 15.2021C62.6339 15.0226 62.9257 14.4458 62.7506 13.9093C62.6692 13.6518 62.4878 13.4373 62.2468 13.3136C62.0057 13.1899 61.7249 13.1673 61.4669 13.2507ZM67.8193 15.3013C67.2819 15.1218 66.9901 14.545 67.1652 14.0085C67.2466 13.7512 67.4278 13.537 67.6687 13.4133C67.9096 13.2897 68.1901 13.267 68.4479 13.3501C68.9853 13.5297 69.277 14.1065 69.1017 14.643C68.9681 15.0637 68.5765 15.3503 68.1331 15.352C68.0265 15.3518 67.9206 15.3347 67.8193 15.3013ZM63.2535 14.1102C62.798 14.4466 62.698 15.0844 63.0287 15.543H63.0274C63.1844 15.7631 63.4237 15.9112 63.6916 15.9539C63.9594 15.9966 64.2333 15.9303 64.4515 15.77C64.907 15.4335 65.007 14.7958 64.6763 14.3372C64.5193 14.1175 64.2802 13.9698 64.0127 13.9271C63.7452 13.8844 63.4717 13.9504 63.2535 14.1102ZM65.2177 14.3712C64.887 14.8298 64.9871 15.4676 65.4426 15.804C65.6607 15.964 65.9343 16.03 66.2018 15.9873C66.4694 15.9446 66.7085 15.7968 66.8654 15.577C67.1961 15.1184 67.096 14.4807 66.6406 14.1442C66.4224 13.9844 66.1489 13.9185 65.8814 13.9612C65.6139 14.0038 65.3748 14.1516 65.2177 14.3712ZM61.7136 10.4863C61.4825 10.5841 61.3338 10.8112 61.337 11.0611C61.3392 11.3992 61.6164 11.6714 61.9561 11.6692C62.2072 11.6692 62.4335 11.5182 62.5288 11.287C62.6241 11.0558 62.5697 10.7902 62.391 10.6147C62.2122 10.4391 61.9446 10.3884 61.7136 10.4863ZM67.5742 11.042C67.5786 10.7072 67.8541 10.4389 68.1906 10.4418C68.527 10.4447 68.7978 10.7177 68.7964 11.0525C68.7949 11.3873 68.5218 11.658 68.1853 11.658C67.8456 11.6558 67.572 11.38 67.5742 11.042ZM63.4082 10.1581C63.3521 9.98641 63.4455 9.80185 63.6175 9.74441C63.7001 9.7176 63.79 9.72481 63.8672 9.76443C63.9443 9.80404 64.0024 9.87276 64.0283 9.95524C64.0843 10.1269 63.9909 10.3115 63.8189 10.3689C63.7866 10.3795 63.7529 10.385 63.719 10.3851C63.5767 10.3849 63.451 10.2931 63.4082 10.1581ZM65.5972 9.93783C65.5412 10.1095 65.6346 10.2941 65.8066 10.3515L65.8059 10.3515C65.8386 10.3623 65.8728 10.3677 65.9073 10.3677C66.0492 10.3671 66.1746 10.2754 66.2173 10.1407C66.2734 9.96901 66.18 9.78445 66.008 9.727C65.9254 9.7002 65.8355 9.70741 65.7584 9.74702C65.6812 9.78664 65.6232 9.85536 65.5972 9.93783ZM62.9751 9.30825C62.852 9.36073 62.7729 9.48208 62.7751 9.61537C62.7767 9.79523 62.9244 9.93982 63.1051 9.93858C63.2391 9.93856 63.3597 9.85796 63.4105 9.7346C63.4613 9.61123 63.432 9.46957 63.3366 9.37607C63.2411 9.28256 63.0983 9.25576 62.9751 9.30825ZM66.1871 9.58827C66.19 9.41048 66.3367 9.2684 66.5154 9.27031C66.694 9.27221 66.8376 9.41739 66.8367 9.59521C66.8357 9.77302 66.6906 9.91668 66.5119 9.9167C66.3312 9.91492 66.186 9.76789 66.1874 9.58803L66.1871 9.58827ZM66.8502 8.65819C66.6782 8.71562 66.5849 8.90025 66.6411 9.07189L66.6413 9.07164C66.6841 9.20659 66.8097 9.2985 66.9519 9.29888C66.9858 9.29877 67.0196 9.29331 67.0518 9.28272C67.2238 9.22528 67.3171 9.04065 67.2609 8.86901C67.235 8.78654 67.177 8.71782 67.0998 8.67821C67.0226 8.63859 66.9327 8.63138 66.8502 8.65819ZM68.9156 6.84674C68.7179 7.12214 68.778 7.5043 69.0508 7.70647C69.1817 7.80238 69.3458 7.84197 69.5063 7.81636C69.6668 7.79074 69.8103 7.70206 69.9045 7.57022C70.1021 7.29482 70.0421 6.91266 69.7693 6.71049C69.6384 6.61458 69.4743 6.57499 69.3138 6.6006C69.1533 6.62622 69.0098 6.7149 68.9156 6.84674ZM66.9809 7.75321C66.8351 7.6456 66.803 7.44157 66.9087 7.29475C66.9589 7.22445 67.0354 7.17717 67.121 7.16352C67.2066 7.14987 67.2941 7.171 67.3639 7.22215C67.5097 7.32969 67.5419 7.53382 67.4361 7.68061C67.3858 7.75098 67.3093 7.79831 67.2236 7.81196C67.138 7.82561 67.0504 7.80444 66.9806 7.75321H66.9809ZM66.6238 6.66574C66.5678 6.83744 66.6612 7.022 66.8332 7.07945V7.0787C66.866 7.08948 66.9003 7.09493 66.9349 7.09486C67.0767 7.09419 67.2019 7.00246 67.2447 6.86787C67.3002 6.69618 67.2065 6.51205 67.0346 6.45491C66.952 6.42811 66.8621 6.43532 66.7849 6.47494C66.7078 6.51455 66.6497 6.58327 66.6238 6.66574ZM66.1554 6.15532C66.1533 6.02203 66.2323 5.90068 66.3554 5.8482C66.4786 5.79572 66.6214 5.82251 66.7169 5.91602C66.8124 6.00952 66.8416 6.15118 66.7908 6.27455C66.7401 6.39792 66.6194 6.47851 66.4854 6.47853C66.3047 6.47977 66.157 6.33518 66.1554 6.15532ZM63.3729 5.63024C63.3169 5.80187 63.4102 5.9864 63.582 6.04394L63.5833 6.04394C63.6154 6.05448 63.6489 6.05994 63.6827 6.0601C63.8247 6.05954 63.95 5.96779 63.9928 5.83311C64.049 5.66147 63.9556 5.47684 63.7837 5.41941C63.7011 5.39261 63.6112 5.39982 63.534 5.43943C63.4569 5.47904 63.3988 5.54776 63.3729 5.63024ZM65.561 5.81571C65.5048 5.64407 65.5982 5.45944 65.7701 5.40201C65.8527 5.3752 65.9426 5.38241 66.0198 5.42203C66.0969 5.46164 66.155 5.53036 66.1809 5.61283C66.2371 5.78448 66.1437 5.9691 65.9718 6.02654C65.9395 6.03714 65.9058 6.04259 65.8718 6.0427C65.7301 6.04192 65.605 5.95022 65.5623 5.81571H65.561ZM64.2064 5.75704C64.0606 5.64943 64.0285 5.4454 64.1342 5.29858C64.1847 5.22862 64.2611 5.1816 64.3466 5.16797C64.4321 5.15435 64.5195 5.17523 64.5894 5.22598C64.7353 5.33351 64.7674 5.53765 64.6616 5.68444C64.6114 5.75474 64.5349 5.80202 64.4493 5.81567C64.3637 5.82932 64.2762 5.80819 64.2064 5.75704ZM64.9619 5.22026C64.8158 5.3274 64.7831 5.53141 64.8885 5.67847L64.8897 5.67872C64.9399 5.74902 65.0164 5.7963 65.102 5.80995C65.1876 5.8236 65.2751 5.80247 65.3449 5.75132C65.4907 5.64371 65.5228 5.43968 65.4171 5.29286C65.3666 5.2229 65.2902 5.17589 65.2047 5.16226C65.1192 5.14863 65.0318 5.16951 64.9619 5.22026ZM61.3255 4.78742C61.3299 4.45263 61.6054 4.18436 61.9419 4.18727C62.2783 4.19018 62.5491 4.46318 62.5477 4.79799C62.5462 5.1328 62.2731 5.40347 61.9366 5.4035C61.5969 5.40131 61.3233 5.12547 61.3255 4.78742ZM67.9246 4.19342C67.6935 4.29128 67.5448 4.51837 67.548 4.76827C67.5501 5.10629 67.8272 5.3786 68.1668 5.3764C68.418 5.37648 68.6443 5.22556 68.7397 4.99438C68.8351 4.76319 68.7808 4.49755 68.602 4.32195C68.4233 4.14634 68.1557 4.09557 67.9246 4.19342Z", fill: "var(--pcm-body-color-tertiary)" } ) ] }); }; // src/components/footer/styles.ts var import_styled_components30 = require("styled-components"); var FooterContainer = import_styled_components30.styled.div` width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 10px; left: 0; svg { cursor: pointer; } `; // src/components/footer/index.tsx var import_jsx_runtime53 = require("react/jsx-runtime"); var Footer = () => { 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 }) }); }; var footer_default = Footer; // src/components/lockBody/index.tsx var import_react44 = require("react"); var import_jsx_runtime54 = require("react/jsx-runtime"); var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react44.useLayoutEffect : import_react44.useEffect; var LockBody = ({ children }) => { useIsomorphicLayoutEffect(() => { const original = { overflow: document.body.style.overflow, position: document.body.style.position, touchAction: document.body.style.touchAction, paddingRight: document.body.style.paddingRight }; const style = getComputedStyle(document.body); const offsetX = parseInt(style.marginRight) + parseInt(style.paddingRight) + parseInt(style.borderRight) + parseInt(style.marginLeft) + parseInt(style.paddingLeft) + parseInt(style.borderLeft); const scrollBarWidth = window.innerWidth - document.body.offsetWidth - offsetX; document.documentElement.style.setProperty("--pcm-scrollbar-width", `${scrollBarWidth}px`); document.body.style.overflow = "hidden"; document.body.style.position = "relative"; document.body.style.touchAction = "none"; return () => { document.documentElement.style.removeProperty("--pcm-scrollbar-width"); document.body.style.overflow = original.overflow; document.body.style.position = original.position; document.body.style.touchAction = original.touchAction; }; }, []); return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children }); }; var lockBody_default = LockBody; // src/components/portal/index.tsx var import_react45 = require("react"); var import_react_dom2 = require("react-dom"); // src/version.ts var version = "2.0.15"; // src/components/portal/index.tsx var Portal = (props) => { props = { selector: "__PARTICLE_CONNECTKIT__", ...props }; const { selector, children } = props; 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) { const div = document.createElement("div"); div.setAttribute("id", selector); div.setAttribute("data-connectkit-version", `${version}`); document.body.appendChild(div); ref.current = div; } setMounted(true); }, [selector]); if (!ref.current) return null; return mounted ? (0, import_react_dom2.createPortal)(children, ref.current) : null; }; var portal_default = Portal; // src/components/modal/index.tsx var import_jsx_runtime55 = require("react/jsx-runtime"); var Modal = (props) => { const { children, open, title: ModalTitle, onClose, onBack } = props; const route = useRouteState((state2) => state2.route); const { appearance } = useAppearance(); const mobile = isMobile(); const inlineSelectorId = appearance.inlineSelectorId; const { error } = useModalError(); const [state, setOpen] = (0, import_react_transition_state.default)({ timeout: 160, preEnter: true, mountOnEnter: true, unmountOnExit: true }); const mounted = !(state === "exited" || state === "unmounted"); const rendered = state === "preEnter" || state !== "exiting"; (0, import_react46.useEffect)(() => { setOpen(open); }, [open]); const ref = (0, import_react46.useRef)(null); const [dimensions, setDimensions] = (0, import_react46.useState)({ width: void 0, height: void 0 }); const updateBounds = (node) => { const bounds = { width: node?.offsetWidth || void 0, height: node?.offsetHeight || void 0 }; setDimensions({ width: `${roundToEven(bounds?.width)}px`, height: `${roundToEven(bounds?.height)}px` }); }; const contentRef = (0, import_react46.useCallback)((node) => { if (!node) return; ref.current = node; updateBounds(node); }, []); const dimensionsCSS = (0, import_react46.useMemo)( () => ({ "--height": dimensions.height, "--width": dimensions.width }), [dimensions] ); (0, import_react46.useEffect)(() => { if (ref.current) updateBounds(ref.current); }, [route.path]); (0, import_react46.useEffect)(() => { const element = ref.current; if (!element) return; const resizeObserver = new import_resize_observer_polyfill.default((entries) => { for (const entry of entries) { if (entry.target === element) { updateBounds(ref.current); } } }); resizeObserver.observe(element); return () => { resizeObserver.unobserve(element); }; }, [ref.current]); (0, import_react46.useEffect)(() => { if (!mounted) { setDimensions({ width: void 0, height: void 0 }); return; } if (appearance.isDismissable !== false) { const listener = (e) => { if (e.key === "Escape" && onClose) onClose(); }; document.addEventListener("keydown", listener); return () => { document.removeEventListener("keydown", listener); }; } return; }, [mounted, onClose, appearance.isDismissable]); const Content = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThemeContainer, { $useTheme: appearance?.theme, $useMode: appearance?.mode, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)( ModalRoot, { style: { pointerEvents: rendered ? "auto" : "none", position: inlineSelectorId ? "relative" : void 0 }, children: [ !inlineSelectorId && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ModalOverlay, { $active: rendered, onClick: appearance.isDismissable !== false ? onClose : void 0 }), /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ModalContainer, { style: dimensionsCSS, initial: false, $positionInside: Boolean(inlineSelectorId), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)( BoxContainer, { className: `${rendered && "active"}`, initial: false, $positionInside: Boolean(inlineSelectorId), children: [ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(ControllerContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_framer_motion24.AnimatePresence, { children: onBack && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)( BackButton, { onClick: onBack, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: mobile ? 0 : 0.1, delay: mobile ? 0.01 : 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BackIcon, {}) } ) }), onClose && !inlineSelectorId && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseButton, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseIcon, {}) }) ] }), ModalTitle && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ModalHeading, { children: typeof ModalTitle === "string" ? ModalTitle : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ModalTitle, {}) }), /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PageContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(PageContents, { ref: contentRef, children: [ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorMessage, { $display: Boolean(error), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(ErrorContent, { children: [ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorIcon, {}), error ] }) }), children, /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(footer_default, {}) ] }) }) ] } ) }) ] } ) }); return mounted && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: inlineSelectorId ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(portal_default, { selector: inlineSelectorId, children: Content }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FocusTrap, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(lockBody_default, { children: Content }) }) }) }); }; var modal_default = Modal; // src/components/connectModal/index.tsx var import_jsx_runtime56 = require("react/jsx-runtime"); var ConnectModal = () => { const { setOpen, open } = useModalState(); const { route } = useRouteState(); const { navigate } = useRouter(); const locales = useLocales(); const { hideError } = useModalError(); const { isConnected } = useAccount(); (0, import_react47.useEffect)(() => { setOpen(false); }, [isConnected, setOpen]); (0, import_react47.useEffect)(() => { hideError(); }, [route, hideError]); const { element: PageElement, title, state } = (0, import_react47.useMemo)(() => { const page = getPage(route.path); return { ...page, state: route.state }; }, [route]); const onClose = (0, import_react47.useCallback)(() => { setOpen(false); }, [setOpen]); const onBack = (0, import_react47.useCallback)(() => { navigate("signup" /* Signup */); }, [navigate]); 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, { open, onClose, title: typeof title === "string" ? locales[title] : title, onBack: isCanBack ? onBack : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PageElement, { ...state }) } ); }; var connectModal_default = ConnectModal; // src/context/modalProvider/index.tsx var import_react48 = __toESM(require("react"), 1); // src/actions/filterConnectors.ts var filterConnectors = (connectors) => { return connectors.filter( (connector, index, self) => self.findIndex((c) => c.id === connector.id && c.chainType === connector.chainType) === index ).filter((connector, index, self) => { if (connector.chainType === "solana") { return true; } const isMipd = connector.id.includes("."); if (isMipd) { return true; } const groupId = Object.keys(walletConfigs).find( (id) => id.split(",").map((i) => i.trim()).indexOf(connector.id) !== -1 ); if (groupId && groupId.includes(",")) { const mipdIds = groupId.split(",").map((id) => id.trim()).filter((id) => id.includes(".")); const hasMipd = self.find((c) => mipdIds.includes(c.id)); return Boolean(!hasMipd); } return true; }); }; // src/actions/reconnect.ts var reconnectingConfigUid; async function reconnect(config, parameters = {}) { if (reconnectingConfigUid && reconnectingConfigUid === config.uid) return []; const status = reconnectingConfigUid ? "reconnecting" : void 0; reconnectingConfigUid = config.uid; config.setState((x) => ({ ...x, status: x.current || status ? "reconnecting" : "connecting" })); const connectors = []; if (parameters.connectors?.length) { connectors.push(...parameters.connectors); } else { const configConnectors = config.connectors; connectors.push(...filterConnectors(configConnectors)); } let recentConnectorId; try { recentConnectorId = await config.storage?.getItem("recentConnectorId"); } catch { } const scores = {}; for (const [, connection] of config.state.connections) { scores[connection.connector.id] = 1; } if (recentConnectorId) scores[recentConnectorId] = 0; const sorted = Object.keys(scores).length > 0 ? [...connectors].sort((a, b) => (scores[a.id] ?? 10) - (scores[b.id] ?? 10)) : connectors; let connected = false; const connections = []; const providers = []; for (const connector of sorted) { const provider_ = await connector.getProvider().catch(() => void 0); if (!provider_) continue; if (providers.some((provider) => provider === provider_)) continue; const isAuthorized = await connector.isAuthorized(); if (!isAuthorized) continue; const data = await connector.connect({ isReconnecting: true }).catch(() => null); if (!data) continue; connector.emitter.off("connect", config._internal.events.connect); connector.emitter.on("change", config._internal.events.change); connector.emitter.on("disconnect", config._internal.events.disconnect); config.setState((x) => { const connections2 = new Map(connected ? x.connections : /* @__PURE__ */ new Map()).set(connector.uid, { accounts: data.accounts, chainId: data.chainId, connector }); return { ...x, current: connected ? x.current : connector.uid, connections: connections2 }; }); connections.push({ accounts: data.accounts, chainId: data.chainId, connector }); providers.push(provider_); connected = true; } if (config.state.status === "reconnecting" || config.state.status === "connecting") { if (!connected) { config.setState((x) => ({ ...x, connections: /* @__PURE__ */ new Map(), current: null, status: "disconnected" })); } else { config.setState((x) => ({ ...x, status: "connected" })); } } reconnectingConfigUid = void 0; return connections; } // src/utils/hydrate.ts function hydrate(config, parameters) { const { reconnectOnMount } = parameters; return { async onMount() { if (reconnectOnMount) { reconnect(config); } else if (config.storage) { config.setState((x) => ({ ...x, connections: /* @__PURE__ */ new Map() })); } } }; } // src/context/modalProvider/index.tsx var import_jsx_runtime57 = require("react/jsx-runtime"); var ModalContext = (0, import_react48.createContext)(null); var reconnectConfigUid; var ModalProvider = (props) => { const { reconnectOnMount } = props; const { config } = useContext(); const connections = useConnections(); const account = useAccount(); const { appearance } = useAppearance(); const setSmartAccount = useAAPlugin((state) => state.setSmartAccount); const handlePlugin = async (connections2, plugins) => { const result = connections2.filter((connection) => connection.connector && connection.connector.getProvider); for (const plugin of plugins) { if (result.length) { await plugin.onConnect?.(result); } else { await plugin.onDisconnect?.(); } } const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa"); setSmartAccount(aaPlugin?.smartAccount ?? null); }; (0, import_react48.useEffect)(() => { }, [account]); const reconnectRef = (0, import_react48.useRef)(false); const { onMount } = hydrate(config, { reconnectOnMount }); if (!reconnectRef.current) { reconnectRef.current = true; reconnectConfigUid = config.uid; onMount(); } (0, import_react48.useEffect)(() => { if (config.uid !== reconnectConfigUid) { reconnectConfigUid = config.uid; onMount(); } }, [config.uid, onMount]); 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_react48.useEffect)(() => { if (walletPlugin) { const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa"); const erc4337 = aaPlugin ? aaPlugin.erc4337 : void 0; walletPlugin.init({ erc4337 }); } }, [walletPlugin, config.plugins]); (0, import_react48.useEffect)(() => { if (walletPlugin) { const walletOption = getWalletOption(appearance); walletPlugin.overrideWalletOption({ ...walletOption, language: appearance.language }); } }, [appearance, walletPlugin]); (0, import_react48.useEffect)(() => { handlePlugin(connections, config.plugins); }, [connections, config.plugins]); return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ModalContext.Provider, { value: {}, children: props.children }); }; // src/context/index.tsx var import_jsx_runtime58 = require("react/jsx-runtime"); var Context = (0, import_react49.createContext)(null); var ConnectKitProvider = (parameters) => { 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_react49.useMemo)(() => { const authWalletConnector = config.getWalletConnector("particleAuth"); const aaPlugin = config.plugins.find((plugin) => plugin.id === "aa"); const erc4337 = aaPlugin ? aaPlugin.erc4337 : void 0; let theme = appearance?.mode ?? getSystemMode(); if (theme === "auto") { theme = getSystemMode(); } return { AuthCoreContextProvider: authWalletConnector?.AuthCoreContextProvider ?? import_react49.default.Fragment, authOptions: authWalletConnector ? { options: { themeType: theme, ...authWalletConnector.authOptions, customStyle: { ...authWalletConnector.authOptions?.customStyle, theme: { [theme]: getAuthCoreTheme(appearance) } }, erc4337 } } : void 0 }; }, [config, appearance]); const value = { options: config.options, config }; 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: [ children, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ModalProvider, { reconnectOnMount, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(connectModal_default, {}) }) ] }) }) }) ); }; var useContext = () => { const context = import_react49.default.useContext(Context); if (!context) throw Error("ConnectKit Hook must be inside a Provider."); return context; }; // src/hooks/useAppearance.ts var previousAppearance = {}; function getAppearance(config) { const appearance = { ...config.appearanceStore.getState() }; if (deepEqual(previousAppearance, appearance)) return previousAppearance; previousAppearance = appearance; return appearance; } function useAppearance(config) { if (!config) { const { config: globalConfig } = useContext(); config = globalConfig; } const setAppearance = (0, import_react50.useCallback)( (value) => { config.appearanceStore.setState(value || {}, true); }, [config.appearanceStore] ); const appearance = (0, import_react50.useSyncExternalStore)( config.appearanceStore.subscribe, () => getAppearance(config), () => getAppearance(config) ); return { appearance, setAppearance }; } // src/hooks/useIconColor.ts var useIconColor = () => { const [currentMode, setCurrentMode] = (0, import_react51.useState)(); const { appearance } = useAppearance(); (0, import_react51.useEffect)(() => { if (appearance?.mode && appearance?.mode !== "auto") { setCurrentMode(appearance?.mode); } else { setCurrentMode(getSystemMode()); } }, [appearance?.mode]); const foreground = (0, import_react51.useMemo)(() => { if (currentMode === "dark") { return "#000000"; } else { return "#ffffff"; } }, [currentMode]); const background = (0, import_react51.useMemo)(() => { if (currentMode === "dark") { return "#ffffff"; } else { return "#000000"; } }, [currentMode]); return { foreground, background, currentMode }; }; var useIconColor_default = useIconColor; // src/assets/social/apple.tsx var import_jsx_runtime59 = require("react/jsx-runtime"); var Apple = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 31 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)( "path", { d: "M23.2154 16.3638C23.2404 14.2641 24.402 12.3195 26.2756 11.21C25.089 9.58753 23.1654 8.59733 21.092 8.53768C18.9062 8.32293 16.7953 9.77841 15.6837 9.77841C14.572 9.77841 12.8359 8.54961 10.9998 8.5854C8.57664 8.65698 6.36583 9.94543 5.19173 11.9735C2.68116 16.1252 4.55472 22.2334 6.96537 25.5858C8.16445 27.2322 9.57587 29.0694 11.412 28.9978C13.2106 28.9262 13.8851 27.9003 16.0584 27.9003C18.2317 27.9003 18.8438 28.9978 20.7173 28.962C22.6533 28.9262 23.8649 27.3157 25.0265 25.6455C25.8884 24.4763 26.5628 23.1759 27 21.804C24.7018 20.8734 23.2154 18.726 23.2029 16.3519L23.2154 16.3638Z", fill: background } ), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)( "path", { d: "M19.6679 6.33057C20.7171 5.12563 21.2417 3.56278 21.1168 1.99994C19.5055 2.16696 18.0191 2.8947 16.945 4.06385C15.8958 5.20914 15.3587 6.71233 15.4586 8.23939C17.0948 8.25132 18.6437 7.55937 19.6679 6.3425V6.33057Z", fill: background } ) ] }); }; var apple_default = Apple; // src/assets/social/discord.tsx var import_jsx_runtime60 = require("react/jsx-runtime"); var Discord = () => { return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.1948 17.8025C21.2387 19.2638 19.3423 20.1492 17.4765 20.7288C17.0145 20.0975 16.6068 19.4233 16.2533 18.7163C16.9235 18.4618 17.5693 18.148 18.1835 17.7778C18.0244 17.658 17.8661 17.5328 17.7113 17.405C14.0398 19.1397 10.0032 19.1397 6.28758 17.405C6.13322 17.5335 5.97559 17.658 5.81431 17.7778C6.4241 18.1436 7.06921 18.4589 7.74236 18.7141C7.38886 19.4233 6.97784 20.0954 6.51803 20.7277C4.65442 20.147 2.75951 19.2617 0.804519 17.8025C0.404784 13.5263 1.20462 9.18711 4.15239 4.73615C5.61481 4.05172 7.17916 3.55369 8.8156 3.27118C9.01765 3.63269 9.2572 4.12052 9.41884 4.50788C11.1241 4.24685 12.8453 4.24685 14.5826 4.50788C14.7443 4.12052 14.9791 3.63269 15.179 3.27118C16.8132 3.55369 18.3765 4.04917 19.8378 4.7325C22.3935 8.54528 23.664 12.8452 23.1955 17.8029L23.1948 17.8025ZM10.2776 12.8659C10.298 11.5975 9.38316 10.5574 8.24803 10.5574C7.1129 10.5574 6.21732 11.5986 6.21732 12.8659C6.21732 14.1332 7.1322 15.1722 8.24803 15.1722C9.36387 15.1722 10.2798 14.1321 10.2776 12.8659ZM17.7801 12.8659C17.8005 11.5975 16.8857 10.5574 15.7505 10.5574C14.6154 10.5574 13.7198 11.5986 13.7198 12.8659C13.7198 14.1332 14.6347 15.1722 15.7505 15.1722C16.8664 15.1722 17.7801 14.1321 17.7801 12.8659Z", fill: "#5865F2" } ) }); }; var discord_default = Discord; // src/assets/social/email.tsx var import_jsx_runtime61 = require("react/jsx-runtime"); var Email = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)( "path", { d: "M20.7094 15.5529V8.0907L16.9219 11.9852L20.7094 15.5517M14.3171 14.6618C13.6995 15.3003 12.8591 15.6583 11.9833 15.6561C11.102 15.6561 10.272 15.3028 9.64837 14.6618L7.61689 12.5723L3.2572 16.6801V17.3682C3.2572 18.2685 3.96895 19.0001 4.84357 19.0001H19.123C19.9976 19.0001 20.7094 18.2685 20.7094 17.3694V16.6584L16.3597 12.562L14.3182 14.6606", fill: background } ), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)( "path", { d: "M19.1554 5H4.87591C4.00241 5 3.29179 5.73168 3.29179 6.63075V6.97137L10.243 14.1193C10.7171 14.6055 11.3474 14.8739 12.0167 14.8739C12.6872 14.8739 13.3175 14.6055 13.7905 14.1193L20.7428 6.97137V6.63075C20.7428 5.73168 20.0289 5 19.1554 5ZM3.2572 8.09059V15.5734L7.05464 11.9954L3.2572 8.09059Z", fill: background } ) ] }); }; var email_default = Email; // src/assets/social/facebook.tsx var import_jsx_runtime62 = require("react/jsx-runtime"); var Facebook = () => { return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 31 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)( "path", { d: "M13.0833 29.8389C6.23611 28.6306 1 22.6694 1 15.5C1 7.525 7.525 1 15.5 1C23.475 1 30 7.525 30 15.5C30 22.6694 24.7639 28.6306 17.9167 29.8389L17.1111 29.1944H13.8889L13.0833 29.8389Z", fill: "#0D89F0" } ), /* @__PURE__ */ (0, import_jsx_runtime62.jsx)( "path", { d: "M21.1391 19.5277L21.7835 15.5H17.9168V12.6805C17.9168 11.5527 18.3196 10.6666 20.0918 10.6666H21.9446V6.96108C20.8974 6.79997 19.7696 6.63885 18.7224 6.63885C15.4196 6.63885 13.0835 8.65274 13.0835 12.2777V15.5H9.4585V19.5277H13.0835V29.7583C13.8891 29.9194 14.6946 30 15.5002 30C16.3057 30 17.1113 29.9194 17.9168 29.7583V19.5277H21.1391Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)( "linearGradient", { id: "paint0_linear_1609_510", x1: "15.5", y1: "28.9963", x2: "15.5", y2: "1", gradientUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("stop", { stopColor: "#0062E0" }), /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("stop", { offset: "1", stopColor: "#19AFFF" }) ] } ) }) ] }); }; var facebook_default = Facebook; // src/assets/social/github.tsx var import_jsx_runtime63 = require("react/jsx-runtime"); var Github = () => { const { foreground, background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "22", height: "22", rx: "11", fill: foreground }), /* @__PURE__ */ (0, import_jsx_runtime63.jsx)( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.999 0C4.92483 0 0 4.92483 0 11.0003C0 15.8603 3.15154 19.9829 7.52264 21.4382C8.07299 21.5388 8.27355 21.1991 8.27355 20.9074C8.27355 20.6467 8.2641 19.9546 8.25869 19.0369C5.19899 19.7013 4.55342 17.562 4.55342 17.562C4.05304 16.2918 3.33184 15.9535 3.33184 15.9535C2.3331 15.2708 3.40747 15.2843 3.40747 15.2843C4.51156 15.3627 5.0923 16.4181 5.0923 16.4181C6.07348 18.0989 7.66715 17.6134 8.29381 17.3325C8.39375 16.6214 8.67737 16.1365 8.99205 15.8617C6.54956 15.5841 3.98146 14.6401 3.98146 10.425C3.98146 9.22435 4.41026 8.24249 5.11391 7.47334C5.00046 7.19512 4.62298 6.07686 5.22128 4.5622C5.22128 4.5622 6.14506 4.26643 8.24654 5.68992C9.12373 5.44614 10.0651 5.32392 11.0003 5.31987C11.9343 5.32392 12.8756 5.44614 13.7541 5.68992C15.8543 4.26643 16.776 4.5622 16.776 4.5622C17.3763 6.07686 16.9989 7.19512 16.8854 7.47334C17.5904 8.24249 18.0165 9.22435 18.0165 10.425C18.0165 14.6509 15.4444 15.5808 12.9938 15.8529C13.3888 16.1926 13.7406 16.8638 13.7406 17.8902C13.7406 19.3603 13.7271 20.5468 13.7271 20.9074C13.7271 21.2018 13.925 21.5442 14.4834 21.4368C18.8512 19.9789 22 15.859 22 11.0003C22 4.92483 17.0745 0 10.999 0Z", fill: background } ) ] }); }; var github_default = Github; // src/assets/social/google.tsx var import_jsx_runtime64 = require("react/jsx-runtime"); var Google = () => { return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)( "path", { d: "M22.5012 12.2332C22.5012 11.3699 22.4297 10.7399 22.275 10.0865H12.2155V13.9832H18.1202C18.0012 14.9515 17.3583 16.4099 15.9297 17.3898L15.9097 17.5203L19.0903 19.935L19.3107 19.9565C21.3344 18.1249 22.5012 15.4298 22.5012 12.2332Z", fill: "#4285F4" } ), /* @__PURE__ */ (0, import_jsx_runtime64.jsx)( "path", { d: "M12.2147 22.5C15.1075 22.5 17.5361 21.5666 19.3099 19.9567L15.929 17.3899C15.0242 18.0083 13.8099 18.4399 12.2147 18.4399C9.38142 18.4399 6.97669 16.6083 6.11947 14.0766L5.99382 14.0871L2.68656 16.5954L2.64331 16.7132C4.40519 20.1433 8.02423 22.5 12.2147 22.5Z", fill: "#34A853" } ), /* @__PURE__ */ (0, import_jsx_runtime64.jsx)( "path", { d: "M6.1201 14.0766C5.89391 13.4233 5.76301 12.7232 5.76301 11.9999C5.76301 11.2765 5.89391 10.5766 6.1082 9.92325L6.1022 9.78411L2.75349 7.23547L2.64393 7.28655C1.91777 8.7099 1.5011 10.3083 1.5011 11.9999C1.5011 13.6916 1.91777 15.2899 2.64393 16.7132L6.1201 14.0766Z", fill: "#FBBC05" } ), /* @__PURE__ */ (0, import_jsx_runtime64.jsx)( "path", { d: "M12.2148 5.55997C14.2267 5.55997 15.5838 6.41163 16.3576 7.12335L19.3814 4.23C17.5243 2.53834 15.1076 1.5 12.2148 1.5C8.02426 1.5 4.4052 3.85665 2.64331 7.28662L6.10759 9.92332C6.97672 7.39166 9.38146 5.55997 12.2148 5.55997Z", fill: "#EB4335" } ) ] }); }; var google_default = Google; // src/assets/social/linkedIn.tsx var import_jsx_runtime65 = require("react/jsx-runtime"); var LinkedIn = () => { return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 31 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("circle", { cx: "15.4998", cy: "15.5", r: "14.2083", fill: "#0A66C2" }), /* @__PURE__ */ (0, import_jsx_runtime65.jsx)( "path", { d: "M9.44931 11.34C10.5014 11.34 11.3542 10.4872 11.3542 9.43515C11.3542 8.38312 10.5014 7.53027 9.44931 7.53027C8.39728 7.53027 7.54443 8.38312 7.54443 9.43515C7.54443 10.4872 8.39728 11.34 9.44931 11.34Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime65.jsx)( "path", { d: "M13.0987 12.7478H16.2557V14.194C16.2557 14.194 17.1124 12.4806 19.4434 12.4806C21.5227 12.4806 23.2452 13.505 23.2452 16.6271V23.211H19.9736V17.4249C19.9736 15.5831 18.9903 15.3806 18.241 15.3806C16.686 15.3806 16.4198 16.7219 16.4198 17.6652V23.211H13.0987V12.7478Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M7.78878 12.7478H11.1099V23.211H7.78878V12.7478Z", fill: "white" }) ] }); }; var linkedIn_default = LinkedIn; // src/assets/social/microsoft.tsx var import_jsx_runtime66 = require("react/jsx-runtime"); var Microsoft = () => { return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { x: "12.9231", y: "12.923", width: "9.23077", height: "9.23077", fill: "#FEBA08" }), /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { x: "1.84619", y: "12.923", width: "9.23077", height: "9.23077", fill: "#05A6F0" }), /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { x: "12.9231", y: "1.84613", width: "9.23077", height: "9.23077", fill: "#80BC06" }), /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { x: "1.84619", y: "1.84613", width: "9.23077", height: "9.23077", fill: "#F25325" }) ] }); }; var microsoft_default = Microsoft; // src/assets/social/passkey.tsx var import_jsx_runtime67 = require("react/jsx-runtime"); var Passkey = () => { return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", children: [ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)( "path", { d: "M2.91377 5.05466C2.91371 4.36537 3.09213 3.68782 3.43168 3.08796C3.77122 2.4881 4.2603 1.98638 4.85131 1.63166C5.44232 1.27694 6.11511 1.0813 6.80418 1.06379C7.49324 1.04628 8.1751 1.2075 8.78336 1.53174C9.39162 1.85599 9.90556 2.33222 10.2751 2.91405C10.6447 3.49589 10.8573 4.16352 10.8923 4.85192C10.9272 5.54032 10.7833 6.22604 10.4746 6.84232C10.1658 7.45859 9.70275 7.98442 9.13046 8.3686C9.98877 8.68836 10.768 9.18958 11.4148 9.83804C11.5955 10.0187 11.6879 10.2683 11.689 10.5244C11.6921 11.1598 11.69 11.7962 11.689 12.4316L11.6868 13.577V14.343C11.6868 14.4839 11.6309 14.6191 11.5312 14.7187C11.4316 14.8183 11.2965 14.8743 11.1556 14.8743H1.29664C1.1921 14.8695 1.08952 14.8442 0.994783 14.7997C0.900046 14.7552 0.81501 14.6925 0.744544 14.6151C0.674077 14.5378 0.619564 14.4473 0.584126 14.3488C0.548687 14.2503 0.533019 14.1458 0.538018 14.0413C0.597591 12.7941 1.02187 11.5918 1.75827 10.5834C2.49467 9.57504 3.5108 8.80495 4.68071 8.3686C4.13673 8.00376 3.69096 7.51058 3.3828 6.9326C3.07463 6.35463 2.91355 5.70966 2.91377 5.05466Z", fill: "#D745FF" } ), /* @__PURE__ */ (0, import_jsx_runtime67.jsx)( "path", { d: "M16.7324 7.30484C16.7324 8.23347 16.2564 9.05053 15.535 9.52547C15.4955 9.55052 15.4629 9.585 15.4401 9.62581C15.4173 9.66662 15.405 9.71247 15.4043 9.75922V10.3861C15.4043 10.4573 15.3767 10.5242 15.3267 10.5742L14.9485 10.9524C14.9361 10.9647 14.9263 10.9794 14.9196 10.9955C14.9129 11.0117 14.9095 11.029 14.9095 11.0464C14.9095 11.0639 14.9129 11.0812 14.9196 11.0973C14.9263 11.1135 14.9361 11.1281 14.9485 11.1405L15.3267 11.5187C15.3767 11.5687 15.4043 11.6356 15.4043 11.7057V11.9512C15.4043 12.0223 15.3767 12.0893 15.3267 12.1392L14.9485 12.5175C14.9361 12.5298 14.9263 12.5445 14.9196 12.5606C14.9129 12.5767 14.9095 12.594 14.9095 12.6115C14.9095 12.629 14.9129 12.6463 14.9196 12.6624C14.9263 12.6785 14.9361 12.6932 14.9485 12.7055L15.3267 13.0838C15.3767 13.1337 15.4043 13.2007 15.4043 13.2718V13.5768C15.4046 13.6429 15.3799 13.7066 15.3352 13.7553L14.4852 14.6903C14.4334 14.7473 14.3703 14.7929 14.2999 14.8241C14.2294 14.8553 14.1532 14.8714 14.0762 14.8714C13.9991 14.8714 13.9229 14.8553 13.8525 14.8241C13.782 14.7929 13.7189 14.7473 13.6671 14.6903L12.8171 13.7553C12.7724 13.7066 12.7478 13.6429 12.748 13.5768V9.75922C12.7475 9.71245 12.7352 9.66656 12.7124 9.62574C12.6896 9.58491 12.6569 9.55045 12.6174 9.52547C12.2332 9.27299 11.9211 8.92511 11.7116 8.51587C11.5022 8.10663 11.4025 7.65004 11.4224 7.19074C11.4423 6.73144 11.5811 6.28517 11.8251 5.89557C12.0692 5.50597 12.4101 5.18638 12.8147 4.96806C13.2193 4.74973 13.6736 4.64015 14.1332 4.65003C14.5929 4.6599 15.042 4.7889 15.4369 5.0244C15.8317 5.2599 16.1586 5.59385 16.3857 5.99357C16.6128 6.3933 16.7323 6.84512 16.7324 7.30484ZM14.873 6.90641C14.873 6.69506 14.7891 6.49237 14.6396 6.34293C14.4902 6.19349 14.2875 6.10953 14.0762 6.10953C13.8648 6.10953 13.6621 6.19349 13.5127 6.34293C13.3633 6.49237 13.2793 6.69506 13.2793 6.90641C13.2793 7.11775 13.3633 7.32044 13.5127 7.46988C13.6621 7.61932 13.8648 7.70328 14.0762 7.70328C14.2875 7.70328 14.4902 7.61932 14.6396 7.46988C14.7891 7.32044 14.873 7.11775 14.873 6.90641Z", fill: "#D745FF" } ) ] }); }; var passkey_default = Passkey; // src/assets/social/phone.tsx var import_jsx_runtime68 = require("react/jsx-runtime"); var Phone = () => { const { background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)( "path", { d: "M19.2575 19.772C19.2575 20.158 19.1785 20.5171 19.0206 20.8492C18.8628 21.1812 18.6458 21.4746 18.3696 21.7294C18.0933 21.9843 17.7697 22.185 17.3987 22.3317C17.0277 22.4785 16.6292 22.5518 16.2029 22.5518H7.79705C7.37086 22.5518 6.97228 22.4785 6.6013 22.3317C6.23035 22.185 5.90674 21.9843 5.6305 21.7294C5.35423 21.4746 5.1372 21.1812 4.97935 20.8492C4.82147 20.5171 4.74255 20.158 4.74255 19.772V4.25124C4.74255 3.86515 4.82147 3.50223 4.97935 3.16248C5.1372 2.82271 5.35423 2.52543 5.6305 2.27061C5.90674 2.01579 6.23035 1.81503 6.6013 1.66831C6.97228 1.5216 7.37086 1.44824 7.79705 1.44824H16.2029C16.6292 1.44824 17.0277 1.5216 17.3987 1.66831C17.7697 1.81503 18.0933 2.01579 18.3696 2.27061C18.6458 2.52543 18.8628 2.82271 19.0206 3.16248C19.1785 3.50223 19.2575 3.86515 19.2575 4.25124V19.772ZM17.3395 5.36317H6.63683V18.6368H17.3395V5.36317ZM11.9882 19.2855C11.6567 19.2855 11.3686 19.4013 11.1239 19.633C10.8792 19.8646 10.7569 20.1504 10.7569 20.4901C10.7569 20.8144 10.8792 21.0963 11.1239 21.3356C11.3686 21.575 11.6567 21.6947 11.9882 21.6947C12.3354 21.6947 12.6275 21.575 12.8643 21.3356C13.101 21.0963 13.2195 20.8144 13.2195 20.4901C13.2195 20.1504 13.101 19.8646 12.8643 19.633C12.6275 19.4013 12.3354 19.2855 11.9882 19.2855ZM13.8824 3.39413C13.8824 3.27058 13.843 3.17406 13.764 3.10455C13.6851 3.03506 13.5983 3.00032 13.5036 3.00032H10.4964C10.4175 3.00032 10.3346 3.03506 10.2478 3.10455C10.161 3.17406 10.1176 3.27058 10.1176 3.39413C10.1176 3.51768 10.157 3.61419 10.236 3.68369C10.3149 3.75318 10.4017 3.78794 10.4964 3.78794H13.5036C13.5983 3.78794 13.6851 3.75318 13.764 3.68369C13.843 3.61419 13.8824 3.51768 13.8824 3.39413Z", fill: background } ) }); }; var phone_default = Phone; // src/assets/social/twitch.tsx var import_jsx_runtime69 = require("react/jsx-runtime"); var Twitch = () => { return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)( "path", { d: "M19.4583 11.6875L16.375 14.7709H13.2917L10.5937 17.4688V14.7709H7.125V3.20837H19.4583V11.6875Z", fill: "white" } ), /* @__PURE__ */ (0, import_jsx_runtime69.jsx)( "path", { d: "M6.35417 1.66663L2.5 5.52079V19.3958H7.125V23.25L10.9792 19.3958H14.0625L21 12.4583V1.66663H6.35417ZM19.4583 11.6875L16.375 14.7708H13.2917L10.5937 17.4687V14.7708H7.125V3.20829H19.4583V11.6875Z", fill: "#9146FF" } ), /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M17.1458 5.90625H15.6041V10.5312H17.1458V5.90625Z", fill: "#9146FF" }), /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M12.9062 5.90625H11.3645V10.5312H12.9062V5.90625Z", fill: "#9146FF" }) ] }); }; var twitch_default = Twitch; // src/assets/social/twitter.tsx var import_jsx_runtime70 = require("react/jsx-runtime"); var Twitter = () => { const { foreground, background } = useIconColor_default(); return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M20.7738 3.31128L6.10893 20.6888H3.22681L17.8069 3.31128H20.7738Z", fill: background }), /* @__PURE__ */ (0, import_jsx_runtime70.jsx)( "path", { d: "M19.8914 19.8411H16.1272L4.11694 4.15896H7.97682L19.8914 19.8411Z", fill: foreground, stroke: background, strokeWidth: "1.69536" } ) ] }); }; var twitter_default = Twitter; // src/assets/social/index.ts var socialIcons = { apple: apple_default, discord: discord_default, facebook: facebook_default, github: github_default, google: google_default, linkedin: linkedIn_default, microsoft: microsoft_default, twitch: twitch_default, twitter: twitter_default, email: email_default, phone: phone_default, passkeySmartWallet: passkey_default }; function getSocialIcon(authType) { return socialIcons[authType]; } // src/components/connectButton/index.tsx var import_react54 = require("react"); // src/components/connectedWidget/index.tsx var import_connector_core14 = require("@particle-network/connector-core"); var import_react53 = require("react"); // src/components/horizontalResizeAnimation/index.tsx 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` transition: width 0.3s ease; overflow: hidden; `; var ContentWrapper = import_styled_components31.styled.div` display: inline-block; white-space: nowrap; `; var HorizontalResizeAnimation = ({ children, style, ...props }) => { 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; setWidth(newWidth); }); } }, [children]); return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AnimationContainer, { ref: containerRef, style: { width: `${width}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ContentWrapper, { ref: contentRef, ...props, ...style, children }) }); }; var horizontalResizeAnimation_default = HorizontalResizeAnimation; // src/components/connectedWidget/index.tsx var import_jsx_runtime72 = require("react/jsx-runtime"); var ConnectedWidget = () => { const locales = useLocales(); const { chain } = useAccount(); const walletAddress = useAddress(); const { navigate } = useRouter(); const chains2 = useChains(); const smartAccount = useSmartAccount(); const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase(); 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_react53.useMemo)(() => { const chainName2 = getChainDisplayName(chain); const maxChainNameLength = window.screen.width < 400 ? 9 : 18; return chainName2?.length > maxChainNameLength ? `${chainName2.slice(0, maxChainNameLength)}...` : chainName2; }, [chain]); return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(StyleConnectedWidgetContainer, { children: [ /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(StyleInfoBox, { children: [ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)( StyleChainSection, { ref: leftRef, selected: chains2?.length > 1 || !supportChain, onClick: () => { if (chains2?.length > 1 || !supportChain) { setChainDropdownVisible(!chainDropdownVisible); } }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "wrap", children: [ supportChain ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [ chain && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StyleChainIcon, { src: (0, import_connector_core14.getChainIcon)(chain), alt: "" }), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(horizontalResizeAnimation_default, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StyleChainName2, { children: chainName }) }) ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(StyleSwitchNetwork, { children: [ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ErrorIcon, {}), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(horizontalResizeAnimation_default, { children: locales.switchNetwork }) ] }), (chains2?.length > 1 || !supportChain) && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)( DownArrowIcon, { width: 10, height: 10, spin: !!chainDropdownVisible, color: supportChain ? "var(--pcm-body-color-secondary)" : "var(--pcm-error-color)" } ) ] }) } ), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StyleDivider, {}), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)( StyleAddressSection, { style: { cursor: "pointer" }, onClick: () => { navigate("wallet-info" /* WalletInfo */); }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "wrap", children: [ aaIconName ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(walletAAIcon_default, { size: 20, aaName: aaIconName }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(walletIcon_default, { size: 20 }), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(horizontalResizeAnimation_default, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StyleWalletAddress, { children: shortAddress(walletAddress || "") }) }), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MoreOptionsIcon, {}) ] }) } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime72.jsx)( chainDropdown_default, { visible: chainDropdownVisible, setVisible: setChainDropdownVisible, clickAwayElements: [leftRef], supportChain } ) ] }); }; var connectedWidget_default = ConnectedWidget; // src/components/connectButton/styles.ts var import_framer_motion25 = require("framer-motion"); var import_styled_components32 = require("styled-components"); var ButtonContainer2 = (0, import_styled_components32.styled)(import_framer_motion25.motion.div)` height: 48px; padding: 0 40px; position: relative; background-color: var(--pcm-primary-button-bankground); border-radius: var(--pcm-rounded-lg); color: var(--pcm-primary-button-color); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 200ms ease; width: auto; max-width: 360px; width: 100%; `; // src/components/connectButton/index.tsx var import_jsx_runtime73 = require("react/jsx-runtime"); var ConnectButton = (props) => { const { label } = props; const { isConnected, status } = useAccount(); const { navigate } = useRouter(); const [loading, setLoading] = (0, import_react54.useState)(true); const { appearance } = useAppearance(); const locales = useLocales(); (0, import_react54.useEffect)(() => { setLoading(false); }, [status]); if (loading) { return null; } return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ThemeContainer, { $useTheme: appearance?.theme, $useMode: appearance?.mode, suppressHydrationWarning: true, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(connectedWidget_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)( ButtonContainer2, { whileHover: { scale: 1.05, boxShadow: "0px 0px 8px rgba(255,255,255,0.2)" }, whileTap: { scale: 0.95 }, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { type: "spring", stiffness: 260, damping: 20 }, onClick: () => { navigate("signup" /* Signup */); }, children: label ?? locales.connect } ) }); }; var connectButton_default = ConnectButton; // src/hooks/useModal.ts var useModal = ({ onConnect, onDisconnect } = {}) => { const { navigate, close, isOpen } = useRouter(); const { isConnected } = useAccount(); return { isOpen, setOpen: (open) => { if (open) { navigate(isConnected ? "wallet-info" /* WalletInfo */ : "signup" /* Signup */); } else { close(); } } }; }; // src/createConfig.ts var import_connector_core15 = require("@particle-network/connector-core"); var import_middleware = require("zustand/middleware"); var import_vanilla = require("zustand/vanilla"); var createConfig = (options) => { const { walletConnectors: createWalletConnectorFns, chains: chains2, projectId, clientKey, appId, plugins } = options; if (!createWalletConnectorFns.length) { throw new Error("Please set at least one connector."); } if (!chains2.length) { throw new Error("Please set at least one chain."); } if (options.initialChainId?.evm && chains2.some(import_connector_core15.isEVMChain) && !chains2.find((chain) => chain.id === options.initialChainId?.evm)) { throw new Error("`chains` not includes `initialChainId.evm`"); } if (options.initialChainId?.solana && chains2.some(import_connector_core15.isSolanaChain) && !chains2.find((chain) => chain.id === options.initialChainId?.solana)) { throw new Error("`chains` not includes `initialChainId.solana`"); } const storage = (0, import_connector_core15.createStorage)({ storage: typeof window !== "undefined" && window.localStorage ? window.localStorage : import_connector_core15.noopStorage }); function getInitialState() { return { chainId: chains2[0].id, connections: /* @__PURE__ */ new Map(), current: null, status: "disconnected" }; } const currentVersion = Number(version.replaceAll(".", "")); const store = (0, import_vanilla.createStore)( (0, import_middleware.subscribeWithSelector)( storage ? (0, import_middleware.persist)(getInitialState, { migrate(persistedState, version2) { return persistedState; }, name: "store", partialize(state) { return { connections: { __type: "Map", value: Array.from(state.connections.entries()).map(([key, connection]) => { const { id, name, type, uid: uid2, chainType } = connection.connector; const connector = { id, name, type, uid: uid2, chainType }; return [key, { ...connection, connector }]; }) }, chainId: state.chainId, current: state.current }; }, storage, version: currentVersion }) : getInitialState ) ); function change(data) { store.setState((x) => { const connection = x.connections.get(data.uid); if (!connection) return x; return { ...x, connections: new Map(x.connections).set(data.uid, { accounts: data.accounts ?? connection.accounts, chainId: data.chainId ?? connection.chainId, connector: connection.connector }) }; }); } async function connect2(data) { const status = store.getState().status; if (status === "connecting" || status === "reconnecting") { return; } const connector = connectors.getState().find((x) => x.uid === data.uid); if (!connector) return; const isAuthorized = await connector.isAuthorized(); if (!isAuthorized) { return; } store.setState((x) => { const connector2 = connectors.getState().find((x2) => x2.uid === data.uid); if (!connector2) return x; if (!connector2.emitter.listenerCount("change")) connector2.emitter.on("change", change); if (!connector2.emitter.listenerCount("disconnect")) connector2.emitter.on("disconnect", disconnect2); storage.setItem("recentConnectorId", connector2.id); return { ...x, connections: new Map(x.connections).set(data.uid, { accounts: data.accounts, chainId: data.chainId, connector: connector2 }), current: data.uid, status: "connected" }; }); } function disconnect2(data) { store.setState((x) => { const connection = x.connections.get(data.uid); if (connection) { const connector = connection.connector; if (connector.emitter.listenerCount("change")) connection.connector.emitter.off("change", change); if (connector.emitter.listenerCount("disconnect")) connection.connector.emitter.off("disconnect", disconnect2); } x.connections.delete(data.uid); if (x.connections.size === 0) return { ...x, connections: /* @__PURE__ */ new Map(), current: null, status: "disconnected" }; const nextConnection = x.connections.values().next().value; return { ...x, connections: new Map(x.connections), current: nextConnection.connector.uid }; }); } const connectors = (0, import_vanilla.createStore)(() => []); const connectorSetup = (connector) => { if (!connector.emitter.listenerCount("connect")) { } return connector; }; const setup = (createFn) => { const walletConnector = createFn({ chains: chains2, storage, projectId, clientKey, appId }); const subConnectors = walletConnector.connectors.map(connectorSetup); connectors.setState((x) => [...x, ...subConnectors], true); walletConnector.store.subscribe((state) => { const currentConnectorIds = /* @__PURE__ */ new Map(); for (const connector of connectors.getState()) { currentConnectorIds.set(connector.id, true); } const newConnectors = []; for (const connector of state) { if (currentConnectorIds.has(connector.id)) continue; newConnectors.push(connector); } if (newConnectors.length) { connectors.setState((x) => [...x, ...newConnectors], true); } }); return walletConnector; }; const walletConnectors = createWalletConnectorFns.map(setup); const getWalletConnector = (type) => { const walletConnector = walletConnectors.find((item) => item.type === type); if (walletConnector) { return walletConnector; } return void 0; }; store.subscribe( ({ connections, current }) => current ? connections.get(current)?.chainId : void 0, (chainId) => { const isChainConfigured = chains2.some((x) => x.id === chainId); if (!isChainConfigured) return; return store.setState((x) => ({ ...x, chainId: chainId ?? x.chainId })); } ); function setupPlugin(createPluginFn) { return createPluginFn({ projectConfig: { projectId, clientKey, appId }, chains: chains2 }); } const _plugins = plugins?.map(setupPlugin); const uid = (0, import_connector_core15.uid)(); const _appearance = options.appearance || {}; const appearanceStore = (0, import_vanilla.createStore)(() => _appearance); return { get uid() { return uid; }, get plugins() { return _plugins || []; }, get options() { return options; }, get chains() { return chains2; }, get connectors() { return connectors.getState(); }, get appearanceStore() { return appearanceStore; }, storage, get walletConnectors() { return walletConnectors; }, getWalletConnector, get state() { return store.getState(); }, setState(value) { let newState; if (typeof value === "function") newState = value(store.getState()); else newState = value; const initialState3 = getInitialState(); if (typeof newState !== "object") newState = initialState3; const isCorrupt = Object.keys(initialState3).some((x) => !(x in newState)); if (isCorrupt) newState = initialState3; store.setState(newState, true); }, subscribe(selector, listener, options2) { return store.subscribe( selector, listener, options2 ? { ...options2, fireImmediately: options2.emitImmediately } : void 0 ); }, _internal: { connectors: { setup: connectorSetup, subscribe(listener) { return connectors.subscribe(listener); } }, events: { change, connect: connect2, disconnect: disconnect2 } } }; }; //# sourceMappingURL=index.cjs.map