@harsh132/crew-ai 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -0
- package/bin/crew.mjs +49 -0
- package/dist/assets/AccountNotFoundScreen-mrDHRRtZ-CNwZwgdA.js +1 -0
- package/dist/assets/AddFundsSelectionScreen-D76JlRA1-Dx0vImHm.js +24 -0
- package/dist/assets/Address-9aHCoAYt-Ca6TQh8z.js +17 -0
- package/dist/assets/AffirmativeConsentScreen-Cva7mCde-BpKZB2xK.js +6 -0
- package/dist/assets/AllowlistRejectionScreen-CJlenrjE-a-xZa8sX.js +1 -0
- package/dist/assets/ApiController-Dm_aZs5q.js +5 -0
- package/dist/assets/ArrowsRightLeftIcon-Cpc9sQGG.js +1 -0
- package/dist/assets/AuthenticateWithWalletScreen-C_zdZyDa-BP8lHEUi.js +1 -0
- package/dist/assets/AwaitingEvmToSolBridgingScreen-Ch3fh4A4-B1BDspph.js +1 -0
- package/dist/assets/AwaitingExternalEthereumTransferScreen-C9yfbYim-BN1YAQmx.js +1 -0
- package/dist/assets/AwaitingPasswordlessCodeScreen-DkpWm3cl-DB6yuR1m.js +103 -0
- package/dist/assets/AwaitingSolToEvmBridgingScreen-D-2h-r2V-DDx-QToS.js +1 -0
- package/dist/assets/BridgeNetworkSelectionView-DPw4O-jL-DLiXJ_7u.js +68 -0
- package/dist/assets/CaptchaScreen-DTWKq3oC-DStoNOyV.js +1 -0
- package/dist/assets/CheckCircleIcon-DTHMHp70.js +1 -0
- package/dist/assets/CheckCircleIcon-jhB7zp8X.js +1 -0
- package/dist/assets/Checkbox-D1EDeo41-B4iShCep.js +52 -0
- package/dist/assets/ChevronDownIcon-cvBdBC_R.js +1 -0
- package/dist/assets/Chip-CZKIKt9K-DGpuw9Pi.js +26 -0
- package/dist/assets/CoinbaseOnrampStatusScreen-yM8i1dq5-nwvQM-i-.js +16 -0
- package/dist/assets/ConnectEmailForm-CvtooZ8i-CVf2LNEF.js +3 -0
- package/dist/assets/ConnectLedgerScreen-COys-OjJ-CAsBrjgm.js +10 -0
- package/dist/assets/ConnectOnlyLandingScreen-C3myVsvL-CcdSW7Hi.js +1 -0
- package/dist/assets/ConnectOnlyStatusScreen-B-uqGIbz-Dre9H6bQ.js +1 -0
- package/dist/assets/ConnectOrCreateScreen-DD7cB8dy-CxI8fTvv.js +1 -0
- package/dist/assets/ConnectPhoneForm-BClRnco--CqcBfBZV.js +95 -0
- package/dist/assets/ConnectWalletView-D37hqEee-C1VppGRt.js +74 -0
- package/dist/assets/ConnectionStatusScreen-gJeQDnkD-Cv2Xchgs.js +7 -0
- package/dist/assets/ConnectorUtil-BS3XprR9.js +21 -0
- package/dist/assets/ConstantsUtil-DmLsRHAl.js +198 -0
- package/dist/assets/CopyToClipboard-i_OQSBJr-DWOP52LO.js +39 -0
- package/dist/assets/CopyableText-CQapvaMr-jG_q6v_s.js +28 -0
- package/dist/assets/CrossAppAuthScreen-DO1JO_KV-BpsT4WQL.js +1 -0
- package/dist/assets/CustomLandingScreenView-mjmDHGwr-CMorV_Ld.js +22 -0
- package/dist/assets/DelegatedActionsConsentScreen-BCgARvf7-CSJZU-up.js +1 -0
- package/dist/assets/DelegatedActionsRevokeScreen-BcwL74R--SCAuQ-OG.js +1 -0
- package/dist/assets/DepositAddressScreen-CDAmKcTm-C9_lhGWr.js +194 -0
- package/dist/assets/EmailInputForm-Cqo1mda8-C2y9xKLb.js +124 -0
- package/dist/assets/EmbeddedWalletConnectingScreen-CM-Kfv91-Dcp-OR3s.js +1 -0
- package/dist/assets/EmbeddedWalletCreatedScreen-Zscvn5zZ-B0V78kud.js +1 -0
- package/dist/assets/EmbeddedWalletKeyExportScreen-CP5NN-uM-D_2C420x.js +23 -0
- package/dist/assets/EmbeddedWalletOnAccountCreateScreen-Cc3IEizD-DfNQs_i3.js +1 -0
- package/dist/assets/EmbeddedWalletPasswordUpdateScreen-vT10Bm2m-o80m8UEV.js +1 -0
- package/dist/assets/EmbeddedWalletPasswordUpdateSplashScreen-BuBFHC6o-BpBfi_F9.js +1 -0
- package/dist/assets/EnrollTotp-C2nNwn93-ByQ2HtBV.js +66 -0
- package/dist/assets/EnvelopeIcon-D-QmesNq.js +1 -0
- package/dist/assets/ErrorBanner-BcpGRt0h-CNeXqIfc.js +21 -0
- package/dist/assets/ErrorMessage-D8VaAP5m-BpdhHW8B.js +8 -0
- package/dist/assets/ErrorScreen-CudzJvQF-Cj9CtRmk.js +4 -0
- package/dist/assets/ExclamationCircleIcon-kT4sJAq0.js +1 -0
- package/dist/assets/ExclamationTriangleIcon-BhYaWuCF.js +1 -0
- package/dist/assets/FarcasterConnectStatusScreen-AJge1G0j-C8K2lc0Q.js +75 -0
- package/dist/assets/FarcasterSignerStatusScreen-Cjd-9_IN-LdgPyHZj.js +28 -0
- package/dist/assets/FiatOnrampScreen-D-ijGLq9-BEItduae.js +488 -0
- package/dist/assets/FingerPrintIcon-DtmKp0tV.js +1 -0
- package/dist/assets/FundSolWalletWithExternalSolanaWallet-Bu7nN8uS-BJ53Vh4u.js +1 -0
- package/dist/assets/FundWalletMethodHeader-CkyJhN9p-BHOErvVi.js +1 -0
- package/dist/assets/FundWithBankDepositScreen-CbY8cUX1-BeX7F-2Q.js +58 -0
- package/dist/assets/FundingEditAmountScreen-DTonST2j-CP-yThbV.js +1 -0
- package/dist/assets/FundingMethodSelectionScreen-CebSau1c-BBhI5kL1.js +1 -0
- package/dist/assets/GlobeAltIcon-CP8HEwal.js +1 -0
- package/dist/assets/GooglePay-B53WnudL-TJc_nnUf.js +1 -0
- package/dist/assets/HCaptchaWrapper-CUi9LJsp-DWJGs0TK.js +4 -0
- package/dist/assets/InAppBrowserLoginNotPossible-BsOHoSJE-D5QraLs1.js +1 -0
- package/dist/assets/InfoBanner-Cb3p1z12-scQ-B3pk.js +22 -0
- package/dist/assets/InjectedWalletIcon-DLcYOGDj-wWhqDdys.js +1 -0
- package/dist/assets/InstallWalletScreen-BTkuwBNN-De-8so3x.js +1 -0
- package/dist/assets/JsonTree-BHzNC-ic-D9-xP7_V.js +34 -0
- package/dist/assets/LabelXs-oqZNqbm_-nENvK4Q2.js +6 -0
- package/dist/assets/LandingScreen-DA4XFqxS-BxIJeNon.js +1 -0
- package/dist/assets/Layouts-BMRfo5hw-DR1mfDO_.js +77 -0
- package/dist/assets/Link-DTncR-24-tWodMdTl.js +40 -0
- package/dist/assets/LinkConflictScreen-CZztICqG-Dz0I_qBv.js +77 -0
- package/dist/assets/LinkEmailScreen-DGPysBCv-Cudkz47L.js +1 -0
- package/dist/assets/LinkPasskeyScreen-CxW7ka3t-Dx8PYJsw.js +117 -0
- package/dist/assets/LinkPhoneScreen-CJcpCkxo-BTbUhvx9.js +1 -0
- package/dist/assets/Loader-UAZqxsnw-CoDoKvWJ.js +62 -0
- package/dist/assets/LoadingSkeleton-BMsgO5PV-DSh5kFAG.js +17 -0
- package/dist/assets/LockClosedIcon-RucwJCR_.js +1 -0
- package/dist/assets/LoginFailedScreen-Dze4SI3Y-BVBzu7sL.js +1 -0
- package/dist/assets/ManualTransferScreen-Drt1Mp6E-CbK48hbd.js +1 -0
- package/dist/assets/MfaAuthEnrollmentFlowScreen-5IWp37BG-B0sW1OVK.js +1 -0
- package/dist/assets/MfaAuthVerifyFlowScreen-W132fIHD-D8DNNteP.js +1 -0
- package/dist/assets/MfaEnrollmentFlowScreen-B2ZcSeBE-DE3DvN-Z.js +1 -0
- package/dist/assets/MfaVerifyFlowScreen-CzNn41ji-0FnJaanM.js +1 -0
- package/dist/assets/ModalFooter-DKyozrEX-DWQrl9hN.js +403 -0
- package/dist/assets/MoonpayStatusScreen-Bey2zhxF-CbNJA_gu.js +16 -0
- package/dist/assets/OAuthStatusScreen-D8EiVa2Y-BxfKVL_9.js +1 -0
- package/dist/assets/OpenLink-CUpJ1mOr-Bzr_f0Wd.js +39 -0
- package/dist/assets/PasskeySelectSignupOrLogin-CwjunGne-VKReUS32.js +1 -0
- package/dist/assets/PasskeyStatusScreen-D0GgmiKb-BZ1fwR-4.js +6 -0
- package/dist/assets/PasswordRecoveryScreen-Q5SHSGfd-C44CmHs6.js +20 -0
- package/dist/assets/PhArrowCircleDown-D97G-BOA.js +14 -0
- package/dist/assets/PhArrowClockwise-DVgyFuez.js +14 -0
- package/dist/assets/PhArrowDown-87b1BizM.js +14 -0
- package/dist/assets/PhArrowLeft-Da0MfnbK.js +14 -0
- package/dist/assets/PhArrowRight-AdrIL4DW.js +14 -0
- package/dist/assets/PhArrowSquareOut-Bk2CMG3I.js +14 -0
- package/dist/assets/PhArrowUp-4sgyKPGx.js +14 -0
- package/dist/assets/PhArrowUpRight-BNghD2zq.js +14 -0
- package/dist/assets/PhArrowsClockwise-BXRn1GEl.js +14 -0
- package/dist/assets/PhArrowsDownUp-DM09Jo_3.js +14 -0
- package/dist/assets/PhArrowsLeftRight-MuKBLUoF.js +14 -0
- package/dist/assets/PhBank-fHbgCqqZ.js +14 -0
- package/dist/assets/PhBrowser-2-9m-AkM.js +14 -0
- package/dist/assets/PhCaretDown-BDNabFuL.js +14 -0
- package/dist/assets/PhCaretLeft-CI460R-A.js +14 -0
- package/dist/assets/PhCaretRight-D7ZS3Ls8.js +14 -0
- package/dist/assets/PhCaretUp-C-iIfyvO.js +14 -0
- package/dist/assets/PhCheck-DxQXn57r.js +14 -0
- package/dist/assets/PhCircleHalf-MJZeRBGF.js +14 -0
- package/dist/assets/PhClock-x3MS3Mwi.js +14 -0
- package/dist/assets/PhCompass-hYn3HhGN.js +14 -0
- package/dist/assets/PhCopy-CWNYcABI.js +14 -0
- package/dist/assets/PhCreditCard-Fy4pzwtt.js +14 -0
- package/dist/assets/PhCurrencyDollar-BgiaenCi.js +14 -0
- package/dist/assets/PhDesktop-CxrzCSv5.js +14 -0
- package/dist/assets/PhDeviceMobile-CsyA5Goi.js +14 -0
- package/dist/assets/PhDotsThree-D-k1BiYg.js +14 -0
- package/dist/assets/PhEnvelope-D8kzeNox.js +14 -0
- package/dist/assets/PhFunnelSimple-CfQs5DAW.js +14 -0
- package/dist/assets/PhGlobe-DvmSc9_A.js +14 -0
- package/dist/assets/PhIdentificationCard-CfkZm-5K.js +14 -0
- package/dist/assets/PhImage-Cf0J2ZfJ.js +14 -0
- package/dist/assets/PhInfo-Bwi51-2X.js +14 -0
- package/dist/assets/PhLightbulb-C4FZV7Es.js +14 -0
- package/dist/assets/PhMagnifyingGlass-C9u8jSCJ.js +14 -0
- package/dist/assets/PhPaperPlaneRight-zxQVvPLX.js +14 -0
- package/dist/assets/PhPlus-C4UoW-2n.js +14 -0
- package/dist/assets/PhPower-CFyWDmgD.js +14 -0
- package/dist/assets/PhPuzzlePiece-BjoNVfST.js +14 -0
- package/dist/assets/PhQrCode-CP3tFauY.js +14 -0
- package/dist/assets/PhQuestion-wOWJBd3G.js +14 -0
- package/dist/assets/PhQuestionMark-CV0k9C0Y.js +14 -0
- package/dist/assets/PhSealCheck-vIKzREuN.js +14 -0
- package/dist/assets/PhSignOut-CxELV-i0.js +14 -0
- package/dist/assets/PhSpinner-CGDmbzUd.js +14 -0
- package/dist/assets/PhTrash-C9PD0SAt.js +14 -0
- package/dist/assets/PhUser-0sWNXQeZ.js +14 -0
- package/dist/assets/PhVault-6JTskUcC.js +14 -0
- package/dist/assets/PhWarning-CoKs3gz6.js +14 -0
- package/dist/assets/PhWarningCircle-BXHw1fCt.js +14 -0
- package/dist/assets/PhX-DX0SFIqC.js +14 -0
- package/dist/assets/PhoneIcon-mqxUi40U.js +1 -0
- package/dist/assets/PinInput-DbZ0b1i1-CkvWEG0R.js +247 -0
- package/dist/assets/PrivyPluginContext-DA-yS5vO-CDgvyHSu.js +1 -0
- package/dist/assets/QrCode-CpGkVlXb-BvtkZ_GW.js +22 -0
- package/dist/assets/RecoveryOAuthStatusScreen-CGpbUHkL-DauzUqQs.js +1 -0
- package/dist/assets/RecoveryPasswordCreateScreen-Dr_WQf6A-BFoYHPOa.js +1 -0
- package/dist/assets/RecoverySelectionScreen-CagonGs_-D1LLtufh.js +7 -0
- package/dist/assets/SIWXUtil-CB3piUiD.js +12 -0
- package/dist/assets/Screen-DMmH56yL-BONUk9MS.js +175 -0
- package/dist/assets/ScreenHeader-CHmc4-Lu-Cwialz2C.js +31 -0
- package/dist/assets/ScreenLayout-DTsWfKKs-gf6mEESm.js +1 -0
- package/dist/assets/SelectSourceAsset-CXcAyH34-CrQc2CvF.js +140 -0
- package/dist/assets/SetAutomaticRecoveryScreen-Dz6S1LST-DxxI7aBI.js +14 -0
- package/dist/assets/SetWalletPasswordForm-B3EVuPZv-8w0PfIqr.js +11 -0
- package/dist/assets/ShieldCheckIcon-B5byLL0q.js +1 -0
- package/dist/assets/SignRequestScreen-ipPnPIlP-DjlwqB37.js +26 -0
- package/dist/assets/StackedContainer-B2vaEl56-CSWVo6_P.js +24 -0
- package/dist/assets/StandardSignAndSendTransactionScreen-DPcArlC7-uI27tguH.js +20 -0
- package/dist/assets/Subtitle-CV-2yKE4-BaRxbHL7.js +13 -0
- package/dist/assets/TelegramAuthScreen-Bb_tyqBP-BSuvScW6.js +1 -0
- package/dist/assets/Title-BnzYV3Is-ByrLkU4J.js +7 -0
- package/dist/assets/TodoList-DnyULl18-DcjnXpJH.js +36 -0
- package/dist/assets/TransactionDetails-BkfhYtAg-DtmWhXP3.js +109 -0
- package/dist/assets/TransactionErrorView-DLbrU4bp-DYe09cVy.js +178 -0
- package/dist/assets/TransferFromWalletScreen-DTZSqDtC-CXT4q9D4.js +31 -0
- package/dist/assets/TransferOrBridgeLoadingScreen-DUbPtRQe-BweKnV9Z.js +6 -0
- package/dist/assets/TurnstileWrapper-BmL4TDJu-C1ZljqAH.js +1 -0
- package/dist/assets/UpdateEmailScreen-LL6semse-BygwSi8c.js +1 -0
- package/dist/assets/UpdatePhoneScreen-CS7n7kwA-DN4yaYoN.js +1 -0
- package/dist/assets/UserLimitReachedScreen-Cq4YnJkA-BrSxSBdW.js +1 -0
- package/dist/assets/Value-DTgR824E-B7IXbyVg.js +27 -0
- package/dist/assets/WalletCards-DH1rqayz-CT6JT__W.js +1 -0
- package/dist/assets/WalletIcon-XKzVUAjE.js +1 -0
- package/dist/assets/WalletInfoCard-BpO3gP5Y-IumlKDdQ.js +29 -0
- package/dist/assets/WalletInterstitialScreen-CZboB6Va-DJlEjs_V.js +1 -0
- package/dist/assets/WalletLink-7Vc0Y1tZ-TJACjVN6.js +20 -0
- package/dist/assets/WalletOverflowButton-BsG-fdaJ-CfA-DNtB.js +1 -0
- package/dist/assets/WarningBanner-ZZqCEtZK-DZXanQlM.js +21 -0
- package/dist/assets/_esm-Diwx42KJ.js +8 -0
- package/dist/assets/analytics-mkkvFRju-BRBcadka.js +1 -0
- package/dist/assets/basic-CodwVTu4.js +1575 -0
- package/dist/assets/capitalizeFirstLetter-DmLYqXsO-DtOXx-2n.js +1 -0
- package/dist/assets/ccip-C3Vjk59S.js +32 -0
- package/dist/assets/ccip-D33NgLUV.js +1 -0
- package/dist/assets/check-BM01T5vi.js +1 -0
- package/dist/assets/chevron-down-C6zww19L.js +1 -0
- package/dist/assets/circle-alert-CU29J06e.js +1 -0
- package/dist/assets/circle-check-big-BR2wXS_n.js +1 -0
- package/dist/assets/circle-x-DUmAAGJw.js +1 -0
- package/dist/assets/context-xV99-GKt-D_PAQTXr.js +1 -0
- package/dist/assets/copy-BkA8KqAF.js +1 -0
- package/dist/assets/core-DJhku8Ql.js +2 -0
- package/dist/assets/createLucideIcon-DmNNZQFn.js +1 -0
- package/dist/assets/credit-card-Dc2lSkjL.js +1 -0
- package/dist/assets/dijkstra-BsSV2JU0.js +1 -0
- package/dist/assets/dist-Cm7pNAtL.js +1 -0
- package/dist/assets/dist-CoS6E-3x.js +1 -0
- package/dist/assets/dist-D03ChgcR.js +16 -0
- package/dist/assets/dist-Dl07uGq1.js +1 -0
- package/dist/assets/errors-DRgCdgfK-CJpKdU03.js +1 -0
- package/dist/assets/esm-C3DslVJx.js +1 -0
- package/dist/assets/esm-CY8oIzLS.js +36 -0
- package/dist/assets/esm-Ci1ogKuK.js +1 -0
- package/dist/assets/esm-DJNUAQDg.js +1 -0
- package/dist/assets/ethers-DKNnmkib-BCpmt8uR.js +1 -0
- package/dist/assets/eventemitter3-BB9OE-nf.js +1 -0
- package/dist/assets/events-context-BJ75xIIf-CYNYb_Ky.js +1 -0
- package/dist/assets/external-link-CX89hR89.js +1 -0
- package/dist/assets/farcaster-DPlSjvF5-fDPVMv4F.js +1 -0
- package/dist/assets/features-BLHkjJUy.js +2 -0
- package/dist/assets/fingerprint-pattern-Cp7j1QKS.js +1 -0
- package/dist/assets/floating-ui.react-Cw-d0Rmp.js +1 -0
- package/dist/assets/floating-ui.react-dom-CvVHChFs.js +1 -0
- package/dist/assets/formatErc20TokenAmount-BuPk9xcy-BVqOKQif.js +1 -0
- package/dist/assets/get-entropy-details-for-user-Bq7nAeEf-BxiiqenT.js +1 -0
- package/dist/assets/getChainName-DjpPdUSc-DUyKDrnp.js +1 -0
- package/dist/assets/getErc20Balance-DHgWH7_1-D498CggM.js +1 -0
- package/dist/assets/getErc20TokenInfo-DluFoVaC-BT8pxO6f.js +1 -0
- package/dist/assets/getFormattedUsdFromLamports-De3U9GlO-Gx4_wxON.js +1 -0
- package/dist/assets/getUsdcMintAddress-BVgm9GRo-r2UnDeEy.js +1 -0
- package/dist/assets/hmac-D_yamlhz.js +1 -0
- package/dist/assets/hooks.module-QanQLMCy.js +1 -0
- package/dist/assets/hourglass-Cg3o4_cb.js +1 -0
- package/dist/assets/id-UqEwL2BI-DBaJPjJB.js +1 -0
- package/dist/assets/index-BCRY02zL.js +77 -0
- package/dist/assets/index-BKK46WdR-CIT1mGom.js +12 -0
- package/dist/assets/index-CNRa7QGv.css +2 -0
- package/dist/assets/index-CWARkn2w-Bfi1vKEt.js +61 -0
- package/dist/assets/index-DkRtfMoa-7oM5LZg8.js +438 -0
- package/dist/assets/index-DmwSQBu2-DJjTbL_B.js +1 -0
- package/dist/assets/index-wHxkX697-DiHUiKHG.js +1 -0
- package/dist/assets/index.es-CwXtBCnD.js +4 -0
- package/dist/assets/isAddress-C6_gPDNS.js +2 -0
- package/dist/assets/jsx-runtime-CMaQg7dW.js +1 -0
- package/dist/assets/lib-bp6F03Um.js +1 -0
- package/dist/assets/localBatchGatewayRequest-yR_7m5UB.js +32 -0
- package/dist/assets/lock-Dbw4M4hN.js +1 -0
- package/dist/assets/mail-BCVv02Hb.js +1 -0
- package/dist/assets/modal-context-2Nf1WTbJ-CkR760DI.js +1 -0
- package/dist/assets/ofetch.CWycOUEr-CHp-crOQ.js +1 -0
- package/dist/assets/p256-B1d5Y6sM.js +1 -0
- package/dist/assets/parseEther-D_FKLPQO.js +1 -0
- package/dist/assets/pkce-B0PpK2pd-CkbNVGiy.js +1 -0
- package/dist/assets/preload-helper-QurRbaCr.js +2 -0
- package/dist/assets/prepareAuthorization-hDX99ycX.js +1 -0
- package/dist/assets/privy-context-i6NfqAl1-BONGHL94.js +1 -0
- package/dist/assets/property-DuZ9DLP4.js +3 -0
- package/dist/assets/react-DLzuq_tL.js +1 -0
- package/dist/assets/react-auth-sHnipzbS.js +1 -0
- package/dist/assets/react-dom-ChmAq1X2.js +1 -0
- package/dist/assets/reservoir-B7XIq5qj-j-r1ULqP.js +1 -0
- package/dist/assets/rolldown-runtime-C_s2cVnS.js +1 -0
- package/dist/assets/safe-url-D7SRPu33-CkMedGro.js +1 -0
- package/dist/assets/secp256k1-C8Ph-XiD.js +1 -0
- package/dist/assets/secp256k1-DZXeCH9F.js +1 -0
- package/dist/assets/sha256-fChkrcNS.js +1 -0
- package/dist/assets/sha3-D7MpjpcL.js +1 -0
- package/dist/assets/shared-DEkT-Gv3-DoqdOiYl.js +193 -0
- package/dist/assets/shared-FM0rljBt-B2Y0CoZ4.js +21 -0
- package/dist/assets/shouldProceedtoEmbeddedWalletCreationFlow-DDzHjOUJ-D78LT0Ws.js +1 -0
- package/dist/assets/simulateTransaction-BM0su-14-DKYYx4Yu.js +1 -0
- package/dist/assets/smartphone-BYDnV9zT.js +1 -0
- package/dist/assets/src-Dxu8F9ei.js +1 -0
- package/dist/assets/storage-j7ai9Sne-D8mWN3Z2.js +9 -0
- package/dist/assets/stripe.esm-BCW9KcRF.js +2 -0
- package/dist/assets/styles-BsotlekN-of63S6Pp.js +9 -0
- package/dist/assets/styles-C9oLwuTf-BrU3WqQp.js +92 -0
- package/dist/assets/styles-DVyDvTdj-BRvzvs97.js +74 -0
- package/dist/assets/styles-tjTwTW2h-9GCNH_Dh.js +164 -0
- package/dist/assets/telegram-B-JqnkqZ-BVmFrRSR.js +1 -0
- package/dist/assets/to-ui-error-CD8Q_l7P-BW6keC5U.js +4 -0
- package/dist/assets/toViemAccount-BE0ZbZYx-BqW9Bqj8.js +14 -0
- package/dist/assets/transaction-BNTP-bFm-M5tJx8vY.js +1 -0
- package/dist/assets/transfer-6YztDh-t-BVQkTvG-.js +1 -0
- package/dist/assets/triangle-alert-BjGbSItA.js +1 -0
- package/dist/assets/twitch-5IOe4sIQ--IPFzphL.js +1 -0
- package/dist/assets/use-deposit-address-za6ZBYoS-z0C8GF90.js +1 -0
- package/dist/assets/useActiveWallet-D3PAxAaJ-BVwosGzn.js +123 -0
- package/dist/assets/useGetSolPrice-x7gfUIHJ-CChrTtVQ.js +1 -0
- package/dist/assets/useGetTokenPrice-B9Z2p9XG-Bu19_6lM.js +1 -0
- package/dist/assets/useI18n-C0rfdPEH-DoMbAOal.js +1 -0
- package/dist/assets/usePrivy-DXAqHE25-CdUu2aK0.js +1 -0
- package/dist/assets/useWalletBalance-D47dI-xh-DKp-JCOX.js +1 -0
- package/dist/assets/utils-De7E53Fk.js +1 -0
- package/dist/assets/utils-oVEYY1QK.js +1 -0
- package/dist/assets/w3m-modal-CI7dmrlk.js +1174 -0
- package/dist/assets/wallet-BbJaOyCZ.js +1 -0
- package/dist/assets/wallet-connect-MWSDFRmF-tGAmUa5S.js +1 -0
- package/dist/assets/wui-ux-by-reown-Bl01NIb8.js +1147 -0
- package/dist/assets/x-DgidrGFV.js +1 -0
- package/dist/crewai-banner.png +0 -0
- package/dist/crewai-logo.svg +11 -0
- package/dist/crewai-mark.png +0 -0
- package/dist/crewai-mark.svg +10 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.html +85 -0
- package/package.json +43 -0
- package/server/main.mjs +153334 -0
|
@@ -0,0 +1,1575 @@
|
|
|
1
|
+
import{o as e,t}from"./rolldown-runtime-C_s2cVnS.js";import{i as n,n as r,r as i,t as a}from"./ConnectorUtil-BS3XprR9.js";import{t as o}from"./dijkstra-BsSV2JU0.js";import{D as s,E as c,O as l,R as u,S as d,U as f,b as p,d as m,f as h,g,m as ee,n as _,o as v,p as y,t as b,w as x,x as S,y as te}from"./ApiController-Dm_aZs5q.js";import{h as ne,i as C,l as w,m as re,n as T,p as E,s as D,u as ie,v as ae}from"./ConstantsUtil-DmLsRHAl.js";import{a as O,c as k,i as A,n as oe,o as j,r as se,s as M,t as ce}from"./wui-ux-by-reown-Bl01NIb8.js";var le=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ue=class extends w{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=m.state.connectors,this.count=b.state.count,this.filteredCount=b.state.filteredWallets.length,this.isFetchingRecommendedWallets=b.state.isFetchingRecommendedWallets,this.unsubscribe.push(m.subscribeKey(`connectors`,e=>this.connectors=e),b.subscribeKey(`count`,e=>this.count=e),b.subscribeKey(`filteredWallets`,e=>this.filteredCount=e.length),b.subscribeKey(`isFetchingRecommendedWallets`,e=>this.isFetchingRecommendedWallets=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=this.connectors.find(e=>e.id===`walletConnect`),{allWallets:t}=x.state;if(!e||t===`HIDE`||t===`ONLY_MOBILE`&&!c.isMobile())return null;let n=b.state.featured.length,r=this.count+n,i=r<10?r:Math.floor(r/10)*10,a=this.filteredCount>0?this.filteredCount:i,o=`${a}`;this.filteredCount>0?o=`${this.filteredCount}`:a<r&&(o=`${a}+`);let s=v.hasAnyConnection(f.CONNECTOR_ID.WALLET_CONNECT);return E`
|
|
2
|
+
<wui-list-wallet
|
|
3
|
+
name="Search Wallet"
|
|
4
|
+
walletIcon="search"
|
|
5
|
+
showAllWallets
|
|
6
|
+
@click=${this.onAllWallets.bind(this)}
|
|
7
|
+
tagLabel=${o}
|
|
8
|
+
tagVariant="info"
|
|
9
|
+
data-testid="all-wallets"
|
|
10
|
+
tabIdx=${A(this.tabIdx)}
|
|
11
|
+
.loading=${this.isFetchingRecommendedWallets}
|
|
12
|
+
?disabled=${s}
|
|
13
|
+
size="sm"
|
|
14
|
+
></wui-list-wallet>
|
|
15
|
+
`}onAllWallets(){g.sendEvent({type:`track`,event:`CLICK_ALL_WALLETS`}),y.push(`AllWallets`,{redirectView:y.state.data?.redirectView})}};le([k()],ue.prototype,`tabIdx`,void 0),le([M()],ue.prototype,`connectors`,void 0),le([M()],ue.prototype,`count`,void 0),le([M()],ue.prototype,`filteredCount`,void 0),le([M()],ue.prototype,`isFetchingRecommendedWallets`,void 0),ue=le([O(`w3m-all-wallets-widget`)],ue);var de=D`
|
|
16
|
+
:host {
|
|
17
|
+
margin-top: ${({spacing:e})=>e[1]};
|
|
18
|
+
}
|
|
19
|
+
wui-separator {
|
|
20
|
+
margin: ${({spacing:e})=>e[3]} calc(${({spacing:e})=>e[3]} * -1)
|
|
21
|
+
${({spacing:e})=>e[2]} calc(${({spacing:e})=>e[3]} * -1);
|
|
22
|
+
width: calc(100% + ${({spacing:e})=>e[3]} * 2);
|
|
23
|
+
}
|
|
24
|
+
`,N=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},P=class extends w{constructor(){super(),this.unsubscribe=[],this.connectors=m.state.connectors,this.recommended=b.state.recommended,this.featured=b.state.featured,this.explorerWallets=b.state.explorerWallets,this.connections=v.state.connections,this.connectorImages=S.state.connectorImages,this.loadingTelegram=!1,this.unsubscribe.push(m.subscribeKey(`connectors`,e=>this.connectors=e),v.subscribeKey(`connections`,e=>this.connections=e),S.subscribeKey(`connectorImages`,e=>this.connectorImages=e),b.subscribeKey(`recommended`,e=>this.recommended=e),b.subscribeKey(`featured`,e=>this.featured=e),b.subscribeKey(`explorerFilteredWallets`,e=>{this.explorerWallets=e?.length?e:b.state.explorerWallets}),b.subscribeKey(`explorerWallets`,e=>{this.explorerWallets?.length||(this.explorerWallets=e)})),c.isTelegram()&&c.isIos()&&(this.loadingTelegram=!v.state.wcUri,this.unsubscribe.push(v.subscribeKey(`wcUri`,e=>this.loadingTelegram=!e)))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return E`
|
|
25
|
+
<wui-flex flexDirection="column" gap="2"> ${this.connectorListTemplate()} </wui-flex>
|
|
26
|
+
`}mapConnectorsToExplorerWallets(e,t){return e.map(e=>{if(e.type===`MULTI_CHAIN`&&e.connectors){let n=e.connectors.map(e=>e.id),r=e.connectors.map(e=>e.name),i=e.connectors.map(e=>e.info?.rdns);return e.explorerWallet=t?.find(e=>n.includes(e.id)||r.includes(e.name)||e.rdns&&(i.includes(e.rdns)||n.includes(e.rdns)))??e.explorerWallet,e}return e.explorerWallet=t?.find(t=>t.id===e.id||t.rdns===e.info?.rdns||t.name===e.name)??e.explorerWallet,e})}processConnectorsByType(e,t=!0){let n=a.sortConnectorsByExplorerWallet([...e]);return t?n.filter(a.showConnector):n}connectorListTemplate(){let e=this.mapConnectorsToExplorerWallets(this.connectors,this.explorerWallets??[]),t=a.getConnectorsByType(e,this.recommended,this.featured),n=this.processConnectorsByType(t.announced.filter(e=>e.id!==`walletConnect`)),r=this.processConnectorsByType(t.injected),i=this.processConnectorsByType(t.multiChain.filter(e=>e.name!==`WalletConnect`),!1),o=t.custom,s=t.recent,l=this.processConnectorsByType(t.external.filter(e=>e.id!==f.CONNECTOR_ID.COINBASE_SDK)),u=t.recommended,d=t.featured,p=a.getConnectorTypeOrder({custom:o,recent:s,announced:n,injected:r,multiChain:i,recommended:u,featured:d,external:l}),m=this.connectors.find(e=>e.id===`walletConnect`),h=c.isMobile(),g=[];for(let e of p)switch(e){case`walletConnect`:!h&&m&&g.push({kind:`connector`,subtype:`walletConnect`,connector:m});break;case`recent`:a.getFilteredRecentWallets().forEach(e=>g.push({kind:`wallet`,subtype:`recent`,wallet:e}));break;case`injected`:i.forEach(e=>g.push({kind:`connector`,subtype:`multiChain`,connector:e})),n.forEach(e=>g.push({kind:`connector`,subtype:`announced`,connector:e})),r.forEach(e=>g.push({kind:`connector`,subtype:`injected`,connector:e}));break;case`featured`:d.forEach(e=>g.push({kind:`wallet`,subtype:`featured`,wallet:e}));break;case`custom`:a.getFilteredCustomWallets(o??[]).forEach(e=>g.push({kind:`wallet`,subtype:`custom`,wallet:e}));break;case`external`:l.forEach(e=>g.push({kind:`connector`,subtype:`external`,connector:e}));break;case`recommended`:a.getCappedRecommendedWallets(u).forEach(e=>g.push({kind:`wallet`,subtype:`recommended`,wallet:e}));break;default:console.warn(`Unknown connector type: ${e}`)}return g.map((e,t)=>e.kind===`connector`?this.renderConnector(e,t):this.renderWallet(e,t))}renderConnector(e,t){let r=e.connector,i=p.getConnectorImage(r)||this.connectorImages[r?.imageId??``],a=(this.connections.get(r.chain)??[]).some(e=>n.isLowerCaseMatch(e.connectorId,r.id)),o,s;e.subtype===`multiChain`?(o=`multichain`,s=`info`):e.subtype===`walletConnect`?(o=`qr code`,s=`accent`):e.subtype===`injected`||e.subtype===`announced`?(o=a?`connected`:`installed`,s=a?`info`:`success`):(o=void 0,s=void 0);let c=v.hasAnyConnection(f.CONNECTOR_ID.WALLET_CONNECT),l=e.subtype===`walletConnect`||e.subtype===`external`?c:!1;return E`
|
|
27
|
+
<w3m-list-wallet
|
|
28
|
+
displayIndex=${t}
|
|
29
|
+
imageSrc=${A(i)}
|
|
30
|
+
.installed=${!0}
|
|
31
|
+
name=${r.name??`Unknown`}
|
|
32
|
+
.tagVariant=${s}
|
|
33
|
+
tagLabel=${A(o)}
|
|
34
|
+
data-testid=${`wallet-selector-${r.id.toLowerCase()}`}
|
|
35
|
+
size="sm"
|
|
36
|
+
@click=${()=>this.onClickConnector(e)}
|
|
37
|
+
tabIdx=${A(this.tabIdx)}
|
|
38
|
+
?disabled=${l}
|
|
39
|
+
rdnsId=${A(r.explorerWallet?.rdns||void 0)}
|
|
40
|
+
walletRank=${A(r.explorerWallet?.order)}
|
|
41
|
+
>
|
|
42
|
+
</w3m-list-wallet>
|
|
43
|
+
`}onClickConnector(e){let t=y.state.data?.redirectView;if(e.subtype===`walletConnect`){m.setActiveConnector(e.connector),c.isMobile()?y.push(`AllWallets`):y.push(`ConnectingWalletConnect`,{redirectView:t});return}if(e.subtype===`multiChain`){m.setActiveConnector(e.connector),y.push(`ConnectingMultiChain`,{redirectView:t});return}if(e.subtype===`injected`){m.setActiveConnector(e.connector),y.push(`ConnectingExternal`,{connector:e.connector,redirectView:t,wallet:e.connector.explorerWallet});return}if(e.subtype===`announced`){if(e.connector.id===`walletConnect`){c.isMobile()?y.push(`AllWallets`):y.push(`ConnectingWalletConnect`,{redirectView:t});return}y.push(`ConnectingExternal`,{connector:e.connector,redirectView:t,wallet:e.connector.explorerWallet});return}y.push(`ConnectingExternal`,{connector:e.connector,redirectView:t})}renderWallet(e,t){let n=e.wallet,r=p.getWalletImage(n),i=v.hasAnyConnection(f.CONNECTOR_ID.WALLET_CONNECT),a=this.loadingTelegram,o=e.subtype===`recent`?`recent`:void 0,s=e.subtype===`recent`?`info`:void 0;return E`
|
|
44
|
+
<w3m-list-wallet
|
|
45
|
+
displayIndex=${t}
|
|
46
|
+
imageSrc=${A(r)}
|
|
47
|
+
name=${n.name??`Unknown`}
|
|
48
|
+
@click=${()=>this.onClickWallet(e)}
|
|
49
|
+
size="sm"
|
|
50
|
+
data-testid=${`wallet-selector-${n.id}`}
|
|
51
|
+
tabIdx=${A(this.tabIdx)}
|
|
52
|
+
?loading=${a}
|
|
53
|
+
?disabled=${i}
|
|
54
|
+
rdnsId=${A(n.rdns||void 0)}
|
|
55
|
+
walletRank=${A(n.order)}
|
|
56
|
+
tagLabel=${A(o)}
|
|
57
|
+
.tagVariant=${s}
|
|
58
|
+
>
|
|
59
|
+
</w3m-list-wallet>
|
|
60
|
+
`}onClickWallet(e){let t=y.state.data?.redirectView;if(e.subtype===`featured`){m.selectWalletConnector(e.wallet);return}if(e.subtype===`recent`){if(this.loadingTelegram)return;m.selectWalletConnector(e.wallet);return}if(e.subtype===`custom`){if(this.loadingTelegram)return;y.push(`ConnectingWalletConnect`,{wallet:e.wallet,redirectView:t});return}if(this.loadingTelegram)return;let n=m.getConnector({id:e.wallet.id,rdns:e.wallet.rdns});n?y.push(`ConnectingExternal`,{connector:n,redirectView:t}):y.push(`ConnectingWalletConnect`,{wallet:e.wallet,redirectView:t})}};P.styles=de,N([k({type:Number})],P.prototype,`tabIdx`,void 0),N([M()],P.prototype,`connectors`,void 0),N([M()],P.prototype,`recommended`,void 0),N([M()],P.prototype,`featured`,void 0),N([M()],P.prototype,`explorerWallets`,void 0),N([M()],P.prototype,`connections`,void 0),N([M()],P.prototype,`connectorImages`,void 0),N([M()],P.prototype,`loadingTelegram`,void 0),P=N([O(`w3m-connector-list`)],P);var fe=D`
|
|
61
|
+
:host {
|
|
62
|
+
flex: 1;
|
|
63
|
+
height: 100%;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
button {
|
|
67
|
+
width: 100%;
|
|
68
|
+
height: 100%;
|
|
69
|
+
display: inline-flex;
|
|
70
|
+
align-items: center;
|
|
71
|
+
padding: ${({spacing:e})=>e[1]} ${({spacing:e})=>e[2]};
|
|
72
|
+
column-gap: ${({spacing:e})=>e[1]};
|
|
73
|
+
color: ${({tokens:e})=>e.theme.textSecondary};
|
|
74
|
+
border-radius: ${({borderRadius:e})=>e[20]};
|
|
75
|
+
background-color: transparent;
|
|
76
|
+
transition: background-color ${({durations:e})=>e.lg}
|
|
77
|
+
${({easings:e})=>e[`ease-out-power-2`]};
|
|
78
|
+
will-change: background-color;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/* -- Hover & Active states ----------------------------------------------------------- */
|
|
82
|
+
button[data-active='true'] {
|
|
83
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
84
|
+
background-color: ${({tokens:e})=>e.theme.foregroundTertiary};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
button:hover:enabled:not([data-active='true']),
|
|
88
|
+
button:active:enabled:not([data-active='true']) {
|
|
89
|
+
wui-text,
|
|
90
|
+
wui-icon {
|
|
91
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
`,pe=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},me={lg:`lg-regular`,md:`md-regular`,sm:`sm-regular`},he={lg:`md`,md:`sm`,sm:`sm`},F=class extends w{constructor(){super(...arguments),this.icon=`mobile`,this.size=`md`,this.label=``,this.active=!1}render(){return E`
|
|
95
|
+
<button data-active=${this.active}>
|
|
96
|
+
${this.icon?E`<wui-icon size=${he[this.size]} name=${this.icon}></wui-icon>`:``}
|
|
97
|
+
<wui-text variant=${me[this.size]}> ${this.label} </wui-text>
|
|
98
|
+
</button>
|
|
99
|
+
`}};F.styles=[C,T,fe],pe([k()],F.prototype,`icon`,void 0),pe([k()],F.prototype,`size`,void 0),pe([k()],F.prototype,`label`,void 0),pe([k({type:Boolean})],F.prototype,`active`,void 0),F=pe([O(`wui-tab-item`)],F);var ge=D`
|
|
100
|
+
:host {
|
|
101
|
+
display: inline-flex;
|
|
102
|
+
align-items: center;
|
|
103
|
+
background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
|
|
104
|
+
border-radius: ${({borderRadius:e})=>e[32]};
|
|
105
|
+
padding: ${({spacing:e})=>e[`01`]};
|
|
106
|
+
box-sizing: border-box;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
:host([data-size='sm']) {
|
|
110
|
+
height: 26px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
:host([data-size='md']) {
|
|
114
|
+
height: 36px;
|
|
115
|
+
}
|
|
116
|
+
`,_e=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},I=class extends w{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.size=`md`,this.activeTab=0}render(){return this.dataset.size=this.size,this.tabs.map((e,t)=>{let n=t===this.activeTab;return E`
|
|
117
|
+
<wui-tab-item
|
|
118
|
+
@click=${()=>this.onTabClick(t)}
|
|
119
|
+
icon=${e.icon}
|
|
120
|
+
size=${this.size}
|
|
121
|
+
label=${e.label}
|
|
122
|
+
?active=${n}
|
|
123
|
+
data-active=${n}
|
|
124
|
+
data-testid="tab-${e.label?.toLowerCase()}"
|
|
125
|
+
></wui-tab-item>
|
|
126
|
+
`})}onTabClick(e){this.activeTab=e,this.onTabChange(e)}};I.styles=[C,T,ge],_e([k({type:Array})],I.prototype,`tabs`,void 0),_e([k()],I.prototype,`onTabChange`,void 0),_e([k()],I.prototype,`size`,void 0),_e([M()],I.prototype,`activeTab`,void 0),I=_e([O(`wui-tabs`)],I);var ve=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ye=class extends w{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=this.generateTabs();return E`
|
|
127
|
+
<wui-flex justifyContent="center" .padding=${[`0`,`0`,`4`,`0`]}>
|
|
128
|
+
<wui-tabs .tabs=${e} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs>
|
|
129
|
+
</wui-flex>
|
|
130
|
+
`}generateTabs(){let e=this.platforms.map(e=>e===`browser`?{label:`Browser`,icon:`extension`,platform:`browser`}:e===`mobile`?{label:`Mobile`,icon:`mobile`,platform:`mobile`}:e===`qrcode`?{label:`Mobile`,icon:`mobile`,platform:`qrcode`}:e===`web`?{label:`Webapp`,icon:`browser`,platform:`web`}:e===`desktop`?{label:`Desktop`,icon:`desktop`,platform:`desktop`}:{label:`Browser`,icon:`extension`,platform:`unsupported`});return this.platformTabs=e.map(({platform:e})=>e),e}onTabChange(e){let t=this.platformTabs[e];t&&this.onSelectPlatfrom?.(t)}};ve([k({type:Array})],ye.prototype,`platforms`,void 0),ve([k()],ye.prototype,`onSelectPlatfrom`,void 0),ye=ve([O(`w3m-connecting-header`)],ye);var be=D`
|
|
131
|
+
:host {
|
|
132
|
+
width: var(--local-width);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
button {
|
|
136
|
+
width: var(--local-width);
|
|
137
|
+
white-space: nowrap;
|
|
138
|
+
column-gap: ${({spacing:e})=>e[2]};
|
|
139
|
+
transition:
|
|
140
|
+
scale ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-1`]},
|
|
141
|
+
background-color ${({durations:e})=>e.lg}
|
|
142
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
143
|
+
border-radius ${({durations:e})=>e.lg}
|
|
144
|
+
${({easings:e})=>e[`ease-out-power-1`]};
|
|
145
|
+
will-change: scale, background-color, border-radius;
|
|
146
|
+
cursor: pointer;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* -- Sizes --------------------------------------------------- */
|
|
150
|
+
button[data-size='sm'] {
|
|
151
|
+
border-radius: ${({borderRadius:e})=>e[2]};
|
|
152
|
+
padding: 0 ${({spacing:e})=>e[2]};
|
|
153
|
+
height: 28px;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
button[data-size='md'] {
|
|
157
|
+
border-radius: ${({borderRadius:e})=>e[3]};
|
|
158
|
+
padding: 0 ${({spacing:e})=>e[4]};
|
|
159
|
+
height: 38px;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
button[data-size='lg'] {
|
|
163
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
164
|
+
padding: 0 ${({spacing:e})=>e[5]};
|
|
165
|
+
height: 48px;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/* -- Variants --------------------------------------------------------- */
|
|
169
|
+
button[data-variant='accent-primary'] {
|
|
170
|
+
background-color: ${({tokens:e})=>e.core.backgroundAccentPrimary};
|
|
171
|
+
color: ${({tokens:e})=>e.theme.textInvert};
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
button[data-variant='accent-secondary'] {
|
|
175
|
+
background-color: ${({tokens:e})=>e.core.foregroundAccent010};
|
|
176
|
+
color: ${({tokens:e})=>e.core.textAccentPrimary};
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
button[data-variant='neutral-primary'] {
|
|
180
|
+
background-color: ${({tokens:e})=>e.theme.backgroundInvert};
|
|
181
|
+
color: ${({tokens:e})=>e.theme.textInvert};
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
button[data-variant='neutral-secondary'] {
|
|
185
|
+
background-color: transparent;
|
|
186
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderSecondary};
|
|
187
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
button[data-variant='neutral-tertiary'] {
|
|
191
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
192
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
button[data-variant='error-primary'] {
|
|
196
|
+
background-color: ${({tokens:e})=>e.core.textError};
|
|
197
|
+
color: ${({tokens:e})=>e.theme.textInvert};
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
button[data-variant='error-secondary'] {
|
|
201
|
+
background-color: ${({tokens:e})=>e.core.backgroundError};
|
|
202
|
+
color: ${({tokens:e})=>e.core.textError};
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
button[data-variant='shade'] {
|
|
206
|
+
background: var(--wui-color-gray-glass-002);
|
|
207
|
+
color: var(--wui-color-fg-200);
|
|
208
|
+
border: none;
|
|
209
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/* -- Focus states --------------------------------------------------- */
|
|
213
|
+
button[data-size='sm']:focus-visible:enabled {
|
|
214
|
+
border-radius: 28px;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
button[data-size='md']:focus-visible:enabled {
|
|
218
|
+
border-radius: 38px;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
button[data-size='lg']:focus-visible:enabled {
|
|
222
|
+
border-radius: 48px;
|
|
223
|
+
}
|
|
224
|
+
button[data-variant='shade']:focus-visible:enabled {
|
|
225
|
+
background: var(--wui-color-gray-glass-005);
|
|
226
|
+
box-shadow:
|
|
227
|
+
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
228
|
+
0 0 0 4px var(--wui-color-gray-glass-002);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
/* -- Hover & Active states ----------------------------------------------------------- */
|
|
232
|
+
@media (hover: hover) {
|
|
233
|
+
button[data-size='sm']:hover:enabled {
|
|
234
|
+
border-radius: 28px;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
button[data-size='md']:hover:enabled {
|
|
238
|
+
border-radius: 38px;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
button[data-size='lg']:hover:enabled {
|
|
242
|
+
border-radius: 48px;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
button[data-variant='shade']:hover:enabled {
|
|
246
|
+
background: var(--wui-color-gray-glass-002);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
button[data-variant='shade']:active:enabled {
|
|
250
|
+
background: var(--wui-color-gray-glass-005);
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
button[data-size='sm']:active:enabled {
|
|
255
|
+
border-radius: 28px;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
button[data-size='md']:active:enabled {
|
|
259
|
+
border-radius: 38px;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
button[data-size='lg']:active:enabled {
|
|
263
|
+
border-radius: 48px;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
/* -- Disabled states --------------------------------------------------- */
|
|
267
|
+
button:disabled {
|
|
268
|
+
opacity: 0.3;
|
|
269
|
+
}
|
|
270
|
+
`,L=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},xe={lg:`lg-regular-mono`,md:`md-regular-mono`,sm:`sm-regular-mono`},Se={lg:`md`,md:`md`,sm:`sm`},R=class extends w{constructor(){super(...arguments),this.size=`lg`,this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant=`accent-primary`}render(){this.style.cssText=`
|
|
271
|
+
--local-width: ${this.fullWidth?`100%`:`auto`};
|
|
272
|
+
`;let e=this.textVariant??xe[this.size];return E`
|
|
273
|
+
<button data-variant=${this.variant} data-size=${this.size} ?disabled=${this.disabled}>
|
|
274
|
+
${this.loadingTemplate()}
|
|
275
|
+
<slot name="iconLeft"></slot>
|
|
276
|
+
<wui-text variant=${e} color="inherit">
|
|
277
|
+
<slot></slot>
|
|
278
|
+
</wui-text>
|
|
279
|
+
<slot name="iconRight"></slot>
|
|
280
|
+
</button>
|
|
281
|
+
`}loadingTemplate(){if(this.loading){let e=Se[this.size],t=this.variant===`neutral-primary`||this.variant===`accent-primary`?`invert`:`primary`;return E`<wui-loading-spinner color=${t} size=${e}></wui-loading-spinner>`}return null}};R.styles=[C,T,be],L([k()],R.prototype,`size`,void 0),L([k({type:Boolean})],R.prototype,`disabled`,void 0),L([k({type:Boolean})],R.prototype,`fullWidth`,void 0),L([k({type:Boolean})],R.prototype,`loading`,void 0),L([k()],R.prototype,`variant`,void 0),L([k()],R.prototype,`textVariant`,void 0),R=L([O(`wui-button`)],R);var Ce=D`
|
|
282
|
+
:host {
|
|
283
|
+
display: block;
|
|
284
|
+
width: 100px;
|
|
285
|
+
height: 100px;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
svg {
|
|
289
|
+
width: 100px;
|
|
290
|
+
height: 100px;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
rect {
|
|
294
|
+
fill: none;
|
|
295
|
+
stroke: ${e=>e.colors.accent100};
|
|
296
|
+
stroke-width: 3px;
|
|
297
|
+
stroke-linecap: round;
|
|
298
|
+
animation: dash 1s linear infinite;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
@keyframes dash {
|
|
302
|
+
to {
|
|
303
|
+
stroke-dashoffset: 0px;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
`,we=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Te=class extends w{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){let e=this.radius>50?50:this.radius,t=36-e,n=116+t,r=245+t,i=360+t*1.75;return E`
|
|
307
|
+
<svg viewBox="0 0 110 110" width="110" height="110">
|
|
308
|
+
<rect
|
|
309
|
+
x="2"
|
|
310
|
+
y="2"
|
|
311
|
+
width="106"
|
|
312
|
+
height="106"
|
|
313
|
+
rx=${e}
|
|
314
|
+
stroke-dasharray="${n} ${r}"
|
|
315
|
+
stroke-dashoffset=${i}
|
|
316
|
+
/>
|
|
317
|
+
</svg>
|
|
318
|
+
`}};Te.styles=[C,Ce],we([k({type:Number})],Te.prototype,`radius`,void 0),Te=we([O(`wui-loading-thumbnail`)],Te);var Ee=D`
|
|
319
|
+
wui-flex {
|
|
320
|
+
width: 100%;
|
|
321
|
+
height: 52px;
|
|
322
|
+
box-sizing: border-box;
|
|
323
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
324
|
+
border-radius: ${({borderRadius:e})=>e[5]};
|
|
325
|
+
padding-left: ${({spacing:e})=>e[3]};
|
|
326
|
+
padding-right: ${({spacing:e})=>e[3]};
|
|
327
|
+
display: flex;
|
|
328
|
+
align-items: center;
|
|
329
|
+
justify-content: space-between;
|
|
330
|
+
gap: ${({spacing:e})=>e[6]};
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
wui-text {
|
|
334
|
+
color: ${({tokens:e})=>e.theme.textSecondary};
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
wui-icon {
|
|
338
|
+
width: 12px;
|
|
339
|
+
height: 12px;
|
|
340
|
+
}
|
|
341
|
+
`,De=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Oe=class extends w{constructor(){super(...arguments),this.disabled=!1,this.label=``,this.buttonLabel=``}render(){return E`
|
|
342
|
+
<wui-flex justifyContent="space-between" alignItems="center">
|
|
343
|
+
<wui-text variant="lg-regular" color="inherit">${this.label}</wui-text>
|
|
344
|
+
<wui-button variant="accent-secondary" size="sm">
|
|
345
|
+
${this.buttonLabel}
|
|
346
|
+
<wui-icon name="chevronRight" color="inherit" size="inherit" slot="iconRight"></wui-icon>
|
|
347
|
+
</wui-button>
|
|
348
|
+
</wui-flex>
|
|
349
|
+
`}};Oe.styles=[C,T,Ee],De([k({type:Boolean})],Oe.prototype,`disabled`,void 0),De([k()],Oe.prototype,`label`,void 0),De([k()],Oe.prototype,`buttonLabel`,void 0),Oe=De([O(`wui-cta-button`)],Oe);var ke=D`
|
|
350
|
+
:host {
|
|
351
|
+
display: block;
|
|
352
|
+
padding: 0 ${({spacing:e})=>e[5]} ${({spacing:e})=>e[5]};
|
|
353
|
+
}
|
|
354
|
+
`,Ae=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},je=class extends w{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display=`none`,null;let{name:e,app_store:t,play_store:n,chrome_store:r,homepage:i}=this.wallet,a=c.isMobile(),o=c.isIos(),s=c.isAndroid(),l=[t,n,i,r].filter(Boolean).length>1,u=j.getTruncateString({string:e,charsStart:12,charsEnd:0,truncate:`end`});return l&&!a?E`
|
|
355
|
+
<wui-cta-button
|
|
356
|
+
label=${`Don't have ${u}?`}
|
|
357
|
+
buttonLabel="Get"
|
|
358
|
+
@click=${()=>y.push(`Downloads`,{wallet:this.wallet})}
|
|
359
|
+
></wui-cta-button>
|
|
360
|
+
`:!l&&i?E`
|
|
361
|
+
<wui-cta-button
|
|
362
|
+
label=${`Don't have ${u}?`}
|
|
363
|
+
buttonLabel="Get"
|
|
364
|
+
@click=${this.onHomePage.bind(this)}
|
|
365
|
+
></wui-cta-button>
|
|
366
|
+
`:t&&o?E`
|
|
367
|
+
<wui-cta-button
|
|
368
|
+
label=${`Don't have ${u}?`}
|
|
369
|
+
buttonLabel="Get"
|
|
370
|
+
@click=${this.onAppStore.bind(this)}
|
|
371
|
+
></wui-cta-button>
|
|
372
|
+
`:n&&s?E`
|
|
373
|
+
<wui-cta-button
|
|
374
|
+
label=${`Don't have ${u}?`}
|
|
375
|
+
buttonLabel="Get"
|
|
376
|
+
@click=${this.onPlayStore.bind(this)}
|
|
377
|
+
></wui-cta-button>
|
|
378
|
+
`:(this.style.display=`none`,null)}onAppStore(){this.wallet?.app_store&&c.openHref(this.wallet.app_store,`_blank`)}onPlayStore(){this.wallet?.play_store&&c.openHref(this.wallet.play_store,`_blank`)}onHomePage(){this.wallet?.homepage&&c.openHref(this.wallet.homepage,`_blank`)}};je.styles=[ke],Ae([k({type:Object})],je.prototype,`wallet`,void 0),je=Ae([O(`w3m-mobile-download-links`)],je);var Me=D`
|
|
379
|
+
@keyframes shake {
|
|
380
|
+
0% {
|
|
381
|
+
transform: translateX(0);
|
|
382
|
+
}
|
|
383
|
+
25% {
|
|
384
|
+
transform: translateX(3px);
|
|
385
|
+
}
|
|
386
|
+
50% {
|
|
387
|
+
transform: translateX(-3px);
|
|
388
|
+
}
|
|
389
|
+
75% {
|
|
390
|
+
transform: translateX(3px);
|
|
391
|
+
}
|
|
392
|
+
100% {
|
|
393
|
+
transform: translateX(0);
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
wui-flex:first-child:not(:only-child) {
|
|
398
|
+
position: relative;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
wui-wallet-image {
|
|
402
|
+
width: 56px;
|
|
403
|
+
height: 56px;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
wui-loading-thumbnail {
|
|
407
|
+
position: absolute;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
wui-icon-box {
|
|
411
|
+
position: absolute;
|
|
412
|
+
right: calc(${({spacing:e})=>e[1]} * -1);
|
|
413
|
+
bottom: calc(${({spacing:e})=>e[1]} * -1);
|
|
414
|
+
opacity: 0;
|
|
415
|
+
transform: scale(0.5);
|
|
416
|
+
transition-property: opacity, transform;
|
|
417
|
+
transition-duration: ${({durations:e})=>e.lg};
|
|
418
|
+
transition-timing-function: ${({easings:e})=>e[`ease-out-power-2`]};
|
|
419
|
+
will-change: opacity, transform;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
wui-text[align='center'] {
|
|
423
|
+
width: 100%;
|
|
424
|
+
padding: 0px ${({spacing:e})=>e[4]};
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
[data-error='true'] wui-icon-box {
|
|
428
|
+
opacity: 1;
|
|
429
|
+
transform: scale(1);
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
[data-error='true'] > wui-flex:first-child {
|
|
433
|
+
animation: shake 250ms ${({easings:e})=>e[`ease-out-power-2`]} both;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
[data-retry='false'] wui-link {
|
|
437
|
+
display: none;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
[data-retry='true'] wui-link {
|
|
441
|
+
display: block;
|
|
442
|
+
opacity: 1;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
w3m-mobile-download-links {
|
|
446
|
+
padding: 0px;
|
|
447
|
+
width: 100%;
|
|
448
|
+
}
|
|
449
|
+
`,z=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},B=class extends w{constructor(){super(),this.wallet=y.state.data?.wallet,this.connector=y.state.data?.connector,this.timeout=void 0,this.secondaryBtnIcon=`refresh`,this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=p.getConnectorImage(this.connector)??p.getWalletImage(this.wallet),this.name=this.wallet?.name??this.connector?.name??`Wallet`,this.isRetrying=!1,this.uri=v.state.wcUri,this.error=v.state.wcError,this.ready=!1,this.showRetry=!1,this.label=void 0,this.secondaryBtnLabel=`Try again`,this.secondaryLabel=`Accept connection request in the wallet`,this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(v.subscribeKey(`wcUri`,e=>{this.uri=e,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,this.onConnect?.())}),v.subscribeKey(`wcError`,e=>this.error=e)),(c.isTelegram()||c.isSafari())&&c.isIos()&&v.state.wcUri&&this.onConnect?.()}firstUpdated(){this.onAutoConnect?.(),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),v.setWcError(!1),clearTimeout(this.timeout)}render(){this.onRender?.(),this.onShowRetry();let e=this.error?`Connection can be declined if a previous request is still active`:this.secondaryLabel,t=``;return this.label?t=this.label:(t=`Continue in ${this.name}`,this.error&&(t=`Connection declined`)),E`
|
|
450
|
+
<wui-flex
|
|
451
|
+
data-error=${A(this.error)}
|
|
452
|
+
data-retry=${this.showRetry}
|
|
453
|
+
flexDirection="column"
|
|
454
|
+
alignItems="center"
|
|
455
|
+
.padding=${[`10`,`5`,`5`,`5`]}
|
|
456
|
+
gap="6"
|
|
457
|
+
>
|
|
458
|
+
<wui-flex gap="2" justifyContent="center" alignItems="center">
|
|
459
|
+
<wui-wallet-image size="lg" imageSrc=${A(this.imageSrc)}></wui-wallet-image>
|
|
460
|
+
|
|
461
|
+
${this.error?null:this.loaderTemplate()}
|
|
462
|
+
|
|
463
|
+
<wui-icon-box
|
|
464
|
+
color="error"
|
|
465
|
+
icon="close"
|
|
466
|
+
size="sm"
|
|
467
|
+
border
|
|
468
|
+
borderColor="wui-color-bg-125"
|
|
469
|
+
></wui-icon-box>
|
|
470
|
+
</wui-flex>
|
|
471
|
+
|
|
472
|
+
<wui-flex flexDirection="column" alignItems="center" gap="6"> <wui-flex
|
|
473
|
+
flexDirection="column"
|
|
474
|
+
alignItems="center"
|
|
475
|
+
gap="2"
|
|
476
|
+
.padding=${[`2`,`0`,`0`,`0`]}
|
|
477
|
+
>
|
|
478
|
+
<wui-text align="center" variant="lg-medium" color=${this.error?`error`:`primary`}>
|
|
479
|
+
${t}
|
|
480
|
+
</wui-text>
|
|
481
|
+
<wui-text align="center" variant="lg-regular" color="secondary">${e}</wui-text>
|
|
482
|
+
</wui-flex>
|
|
483
|
+
|
|
484
|
+
${this.secondaryBtnLabel?E`
|
|
485
|
+
<wui-button
|
|
486
|
+
variant="neutral-secondary"
|
|
487
|
+
size="md"
|
|
488
|
+
?disabled=${this.isRetrying||this.isLoading}
|
|
489
|
+
@click=${this.onTryAgain.bind(this)}
|
|
490
|
+
data-testid="w3m-connecting-widget-secondary-button"
|
|
491
|
+
>
|
|
492
|
+
<wui-icon
|
|
493
|
+
color="inherit"
|
|
494
|
+
slot="iconLeft"
|
|
495
|
+
name=${this.secondaryBtnIcon}
|
|
496
|
+
></wui-icon>
|
|
497
|
+
${this.secondaryBtnLabel}
|
|
498
|
+
</wui-button>
|
|
499
|
+
`:null}
|
|
500
|
+
</wui-flex>
|
|
501
|
+
|
|
502
|
+
${this.isWalletConnect?E`
|
|
503
|
+
<wui-flex .padding=${[`0`,`5`,`5`,`5`]} justifyContent="center">
|
|
504
|
+
<wui-link
|
|
505
|
+
@click=${this.onCopyUri}
|
|
506
|
+
variant="secondary"
|
|
507
|
+
icon="copy"
|
|
508
|
+
data-testid="wui-link-copy"
|
|
509
|
+
>
|
|
510
|
+
Copy link
|
|
511
|
+
</wui-link>
|
|
512
|
+
</wui-flex>
|
|
513
|
+
`:null}
|
|
514
|
+
|
|
515
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links></wui-flex>
|
|
516
|
+
</wui-flex>
|
|
517
|
+
`}onShowRetry(){this.error&&!this.showRetry&&(this.showRetry=!0,(this.shadowRoot?.querySelector(`wui-button`))?.animate([{opacity:0},{opacity:1}],{fill:`forwards`,easing:`ease`}))}onTryAgain(){v.setWcError(!1),this.onRetry?(this.isRetrying=!0,this.onRetry?.()):this.onConnect?.()}loaderTemplate(){let e=h.state.themeVariables[`--w3m-border-radius-master`],t=e?parseInt(e.replace(`px`,``),10):4;return E`<wui-loading-thumbnail radius=${t*9}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(c.copyToClopboard(this.uri),te.showSuccess(`Link copied`))}catch{te.showError(`Failed to copy`)}}};B.styles=Me,z([M()],B.prototype,`isRetrying`,void 0),z([M()],B.prototype,`uri`,void 0),z([M()],B.prototype,`error`,void 0),z([M()],B.prototype,`ready`,void 0),z([M()],B.prototype,`showRetry`,void 0),z([M()],B.prototype,`label`,void 0),z([M()],B.prototype,`secondaryBtnLabel`,void 0),z([M()],B.prototype,`secondaryLabel`,void 0),z([M()],B.prototype,`isLoading`,void 0),z([k({type:Boolean})],B.prototype,`isMobile`,void 0),z([k()],B.prototype,`onRetry`,void 0);var Ne=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Pe=class extends B{constructor(){if(super(),!this.wallet)throw Error(`w3m-connecting-wc-browser: No wallet provided`);this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet.name,platform:`browser`,displayIndex:this.wallet?.display_index,walletRank:this.wallet.order,view:y.state.view}})}async onConnectProxy(){try{this.error=!1;let{connectors:e}=m.state,t=e.find(e=>e.type===`ANNOUNCED`&&e.info?.rdns===this.wallet?.rdns||e.type===`INJECTED`||e.name===this.wallet?.name);if(t)await v.connectExternal(t,t.chain);else throw Error(`w3m-connecting-wc-browser: No connector found`);ee.close(),g.sendEvent({type:`track`,event:`CONNECT_SUCCESS`,properties:{method:`browser`,name:this.wallet?.name||`Unknown`,view:y.state.view,walletRank:this.wallet?.order}})}catch(e){e instanceof d&&e.originalName===u.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST?g.sendEvent({type:`track`,event:`USER_REJECTED`,properties:{message:e.message}}):g.sendEvent({type:`track`,event:`CONNECT_ERROR`,properties:{message:e?.message??`Unknown`}}),this.error=!0}}};Pe=Ne([O(`w3m-connecting-wc-browser`)],Pe);var Fe=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ie=class extends B{constructor(){if(super(),!this.wallet)throw Error(`w3m-connecting-wc-desktop: No wallet provided`);this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet.name,platform:`desktop`,displayIndex:this.wallet?.display_index,walletRank:this.wallet.order,view:y.state.view}})}onRenderProxy(){!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onConnectProxy(){if(this.wallet?.desktop_link&&this.uri)try{this.error=!1;let{desktop_link:e,name:t}=this.wallet,{redirect:n,href:r}=c.formatNativeUrl(e,this.uri);v.setWcLinking({name:t,href:r}),v.setRecentWallet(this.wallet),c.openHref(n,`_blank`)}catch{this.error=!0}}};Ie=Fe([O(`w3m-connecting-wc-desktop`)],Ie);var Le=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Re=class extends B{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=x.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{if(this.wallet?.mobile_link&&this.uri)try{this.error=!1;let{mobile_link:e,link_mode:t,name:n}=this.wallet,{redirect:r,redirectUniversalLink:i,href:a}=c.formatNativeUrl(e,this.uri,t);this.redirectDeeplink=r,this.redirectUniversalLink=i,this.target=c.isIframe()?`_top`:`_self`,v.setWcLinking({name:n,href:a}),v.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?c.openHref(this.redirectUniversalLink,this.target):c.openHref(this.redirectDeeplink,this.target)}catch(e){g.sendEvent({type:`track`,event:`CONNECT_PROXY_ERROR`,properties:{message:e instanceof Error?e.message:`Error parsing the deeplink`,uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw Error(`w3m-connecting-wc-mobile: No wallet provided`);this.secondaryBtnLabel=`Open`,this.secondaryLabel=l.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon=`externalLink`,this.onHandleURI(),this.unsubscribe.push(v.subscribeKey(`wcUri`,()=>{this.onHandleURI()})),g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet.name,platform:`mobile`,displayIndex:this.wallet?.display_index,walletRank:this.wallet.order,view:y.state.view}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onTryAgain(){v.setWcError(!1),this.onConnect?.()}};Le([M()],Re.prototype,`redirectDeeplink`,void 0),Le([M()],Re.prototype,`redirectUniversalLink`,void 0),Le([M()],Re.prototype,`target`,void 0),Le([M()],Re.prototype,`preferUniversalLinks`,void 0),Le([M()],Re.prototype,`isLoading`,void 0),Re=Le([O(`w3m-connecting-wc-mobile`)],Re);var ze=t(((e,t)=>{t.exports=function(){return typeof Promise==`function`&&Promise.prototype&&Promise.prototype.then}})),Be=t((e=>{var t,n=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];e.getSymbolSize=function(e){if(!e)throw Error(`"version" cannot be null or undefined`);if(e<1||e>40)throw Error(`"version" should be in range from 1 to 40`);return e*4+17},e.getSymbolTotalCodewords=function(e){return n[e]},e.getBCHDigit=function(e){let t=0;for(;e!==0;)t++,e>>>=1;return t},e.setToSJISFunction=function(e){if(typeof e!=`function`)throw Error(`"toSJISFunc" is not a valid function.`);t=e},e.isKanjiModeEnabled=function(){return t!==void 0},e.toSJIS=function(e){return t(e)}})),Ve=t((e=>{e.L={bit:1},e.M={bit:0},e.Q={bit:3},e.H={bit:2};function t(t){if(typeof t!=`string`)throw Error(`Param is not a string`);switch(t.toLowerCase()){case`l`:case`low`:return e.L;case`m`:case`medium`:return e.M;case`q`:case`quartile`:return e.Q;case`h`:case`high`:return e.H;default:throw Error(`Unknown EC Level: `+t)}}e.isValid=function(e){return e&&e.bit!==void 0&&e.bit>=0&&e.bit<4},e.from=function(n,r){if(e.isValid(n))return n;try{return t(n)}catch{return r}}})),He=t(((e,t)=>{function n(){this.buffer=[],this.length=0}n.prototype={get:function(e){let t=Math.floor(e/8);return(this.buffer[t]>>>7-e%8&1)==1},put:function(e,t){for(let n=0;n<t;n++)this.putBit((e>>>t-n-1&1)==1)},getLengthInBits:function(){return this.length},putBit:function(e){let t=Math.floor(this.length/8);this.buffer.length<=t&&this.buffer.push(0),e&&(this.buffer[t]|=128>>>this.length%8),this.length++}},t.exports=n})),Ue=t(((e,t)=>{function n(e){if(!e||e<1)throw Error(`BitMatrix size must be defined and greater than 0`);this.size=e,this.data=new Uint8Array(e*e),this.reservedBit=new Uint8Array(e*e)}n.prototype.set=function(e,t,n,r){let i=e*this.size+t;this.data[i]=n,r&&(this.reservedBit[i]=!0)},n.prototype.get=function(e,t){return this.data[e*this.size+t]},n.prototype.xor=function(e,t,n){this.data[e*this.size+t]^=n},n.prototype.isReserved=function(e,t){return this.reservedBit[e*this.size+t]},t.exports=n})),We=t((e=>{var t=Be().getSymbolSize;e.getRowColCoords=function(e){if(e===1)return[];let n=Math.floor(e/7)+2,r=t(e),i=r===145?26:Math.ceil((r-13)/(2*n-2))*2,a=[r-7];for(let e=1;e<n-1;e++)a[e]=a[e-1]-i;return a.push(6),a.reverse()},e.getPositions=function(t){let n=[],r=e.getRowColCoords(t),i=r.length;for(let e=0;e<i;e++)for(let t=0;t<i;t++)e===0&&t===0||e===0&&t===i-1||e===i-1&&t===0||n.push([r[e],r[t]]);return n}})),Ge=t((e=>{var t=Be().getSymbolSize,n=7;e.getPositions=function(e){let r=t(e);return[[0,0],[r-n,0],[0,r-n]]}})),Ke=t((e=>{e.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};var t={N1:3,N2:3,N3:40,N4:10};e.isValid=function(e){return e!=null&&e!==``&&!isNaN(e)&&e>=0&&e<=7},e.from=function(t){return e.isValid(t)?parseInt(t,10):void 0},e.getPenaltyN1=function(e){let n=e.size,r=0,i=0,a=0,o=null,s=null;for(let c=0;c<n;c++){i=a=0,o=s=null;for(let l=0;l<n;l++){let n=e.get(c,l);n===o?i++:(i>=5&&(r+=t.N1+(i-5)),o=n,i=1),n=e.get(l,c),n===s?a++:(a>=5&&(r+=t.N1+(a-5)),s=n,a=1)}i>=5&&(r+=t.N1+(i-5)),a>=5&&(r+=t.N1+(a-5))}return r},e.getPenaltyN2=function(e){let n=e.size,r=0;for(let t=0;t<n-1;t++)for(let i=0;i<n-1;i++){let n=e.get(t,i)+e.get(t,i+1)+e.get(t+1,i)+e.get(t+1,i+1);(n===4||n===0)&&r++}return r*t.N2},e.getPenaltyN3=function(e){let n=e.size,r=0,i=0,a=0;for(let t=0;t<n;t++){i=a=0;for(let o=0;o<n;o++)i=i<<1&2047|e.get(t,o),o>=10&&(i===1488||i===93)&&r++,a=a<<1&2047|e.get(o,t),o>=10&&(a===1488||a===93)&&r++}return r*t.N3},e.getPenaltyN4=function(e){let n=0,r=e.data.length;for(let t=0;t<r;t++)n+=e.data[t];return Math.abs(Math.ceil(n*100/r/5)-10)*t.N4};function n(t,n,r){switch(t){case e.Patterns.PATTERN000:return(n+r)%2==0;case e.Patterns.PATTERN001:return n%2==0;case e.Patterns.PATTERN010:return r%3==0;case e.Patterns.PATTERN011:return(n+r)%3==0;case e.Patterns.PATTERN100:return(Math.floor(n/2)+Math.floor(r/3))%2==0;case e.Patterns.PATTERN101:return n*r%2+n*r%3==0;case e.Patterns.PATTERN110:return(n*r%2+n*r%3)%2==0;case e.Patterns.PATTERN111:return(n*r%3+(n+r)%2)%2==0;default:throw Error(`bad maskPattern:`+t)}}e.applyMask=function(e,t){let r=t.size;for(let i=0;i<r;i++)for(let a=0;a<r;a++)t.isReserved(a,i)||t.xor(a,i,n(e,a,i))},e.getBestMask=function(t,n){let r=Object.keys(e.Patterns).length,i=0,a=1/0;for(let o=0;o<r;o++){n(o),e.applyMask(o,t);let r=e.getPenaltyN1(t)+e.getPenaltyN2(t)+e.getPenaltyN3(t)+e.getPenaltyN4(t);e.applyMask(o,t),r<a&&(a=r,i=o)}return i}})),qe=t((e=>{var t=Ve(),n=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81],r=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];e.getBlocksCount=function(e,r){switch(r){case t.L:return n[(e-1)*4+0];case t.M:return n[(e-1)*4+1];case t.Q:return n[(e-1)*4+2];case t.H:return n[(e-1)*4+3];default:return}},e.getTotalCodewordsCount=function(e,n){switch(n){case t.L:return r[(e-1)*4+0];case t.M:return r[(e-1)*4+1];case t.Q:return r[(e-1)*4+2];case t.H:return r[(e-1)*4+3];default:return}}})),Je=t((e=>{var t=new Uint8Array(512),n=new Uint8Array(256);(function(){let e=1;for(let r=0;r<255;r++)t[r]=e,n[e]=r,e<<=1,e&256&&(e^=285);for(let e=255;e<512;e++)t[e]=t[e-255]})(),e.log=function(e){if(e<1)throw Error(`log(`+e+`)`);return n[e]},e.exp=function(e){return t[e]},e.mul=function(e,r){return e===0||r===0?0:t[n[e]+n[r]]}})),Ye=t((e=>{var t=Je();e.mul=function(e,n){let r=new Uint8Array(e.length+n.length-1);for(let i=0;i<e.length;i++)for(let a=0;a<n.length;a++)r[i+a]^=t.mul(e[i],n[a]);return r},e.mod=function(e,n){let r=new Uint8Array(e);for(;r.length-n.length>=0;){let e=r[0];for(let i=0;i<n.length;i++)r[i]^=t.mul(n[i],e);let i=0;for(;i<r.length&&r[i]===0;)i++;r=r.slice(i)}return r},e.generateECPolynomial=function(n){let r=new Uint8Array([1]);for(let i=0;i<n;i++)r=e.mul(r,new Uint8Array([1,t.exp(i)]));return r}})),Xe=t(((e,t)=>{var n=Ye();function r(e){this.genPoly=void 0,this.degree=e,this.degree&&this.initialize(this.degree)}r.prototype.initialize=function(e){this.degree=e,this.genPoly=n.generateECPolynomial(this.degree)},r.prototype.encode=function(e){if(!this.genPoly)throw Error(`Encoder not initialized`);let t=new Uint8Array(e.length+this.degree);t.set(e);let r=n.mod(t,this.genPoly),i=this.degree-r.length;if(i>0){let e=new Uint8Array(this.degree);return e.set(r,i),e}return r},t.exports=r})),Ze=t((e=>{e.isValid=function(e){return!isNaN(e)&&e>=1&&e<=40}})),Qe=t((e=>{var t=`[0-9]+`,n=`[A-Z $%*+\\-./:]+`,r=`(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+`;r=r.replace(/u/g,`\\u`);var i=`(?:(?![A-Z0-9 $%*+\\-./:]|`+r+`)(?:.|[\r
|
|
518
|
+
]))+`;e.KANJI=new RegExp(r,`g`),e.BYTE_KANJI=RegExp(`[^A-Z0-9 $%*+\\-./:]+`,`g`),e.BYTE=new RegExp(i,`g`),e.NUMERIC=new RegExp(t,`g`),e.ALPHANUMERIC=new RegExp(n,`g`);var a=RegExp(`^`+r+`$`),o=RegExp(`^[0-9]+$`),s=RegExp(`^[A-Z0-9 $%*+\\-./:]+$`);e.testKanji=function(e){return a.test(e)},e.testNumeric=function(e){return o.test(e)},e.testAlphanumeric=function(e){return s.test(e)}})),$e=t((e=>{var t=Ze(),n=Qe();e.NUMERIC={id:`Numeric`,bit:1,ccBits:[10,12,14]},e.ALPHANUMERIC={id:`Alphanumeric`,bit:2,ccBits:[9,11,13]},e.BYTE={id:`Byte`,bit:4,ccBits:[8,16,16]},e.KANJI={id:`Kanji`,bit:8,ccBits:[8,10,12]},e.MIXED={bit:-1},e.getCharCountIndicator=function(e,n){if(!e.ccBits)throw Error(`Invalid mode: `+e);if(!t.isValid(n))throw Error(`Invalid version: `+n);return n>=1&&n<10?e.ccBits[0]:n<27?e.ccBits[1]:e.ccBits[2]},e.getBestModeForData=function(t){return n.testNumeric(t)?e.NUMERIC:n.testAlphanumeric(t)?e.ALPHANUMERIC:n.testKanji(t)?e.KANJI:e.BYTE},e.toString=function(e){if(e&&e.id)return e.id;throw Error(`Invalid mode`)},e.isValid=function(e){return e&&e.bit&&e.ccBits};function r(t){if(typeof t!=`string`)throw Error(`Param is not a string`);switch(t.toLowerCase()){case`numeric`:return e.NUMERIC;case`alphanumeric`:return e.ALPHANUMERIC;case`kanji`:return e.KANJI;case`byte`:return e.BYTE;default:throw Error(`Unknown mode: `+t)}}e.from=function(t,n){if(e.isValid(t))return t;try{return r(t)}catch{return n}}})),et=t((e=>{var t=Be(),n=qe(),r=Ve(),i=$e(),a=Ze(),o=7973,s=t.getBCHDigit(o);function c(t,n,r){for(let i=1;i<=40;i++)if(n<=e.getCapacity(i,r,t))return i}function l(e,t){return i.getCharCountIndicator(e,t)+4}function u(e,t){let n=0;return e.forEach(function(e){let r=l(e.mode,t);n+=r+e.getBitsLength()}),n}function d(t,n){for(let r=1;r<=40;r++)if(u(t,r)<=e.getCapacity(r,n,i.MIXED))return r}e.from=function(e,t){return a.isValid(e)?parseInt(e,10):t},e.getCapacity=function(e,r,o){if(!a.isValid(e))throw Error(`Invalid QR Code version`);o===void 0&&(o=i.BYTE);let s=(t.getSymbolTotalCodewords(e)-n.getTotalCodewordsCount(e,r))*8;if(o===i.MIXED)return s;let c=s-l(o,e);switch(o){case i.NUMERIC:return Math.floor(c/10*3);case i.ALPHANUMERIC:return Math.floor(c/11*2);case i.KANJI:return Math.floor(c/13);case i.BYTE:default:return Math.floor(c/8)}},e.getBestVersionForData=function(e,t){let n,i=r.from(t,r.M);if(Array.isArray(e)){if(e.length>1)return d(e,i);if(e.length===0)return 1;n=e[0]}else n=e;return c(n.mode,n.getLength(),i)},e.getEncodedBits=function(e){if(!a.isValid(e)||e<7)throw Error(`Invalid QR Code version`);let n=e<<12;for(;t.getBCHDigit(n)-s>=0;)n^=o<<t.getBCHDigit(n)-s;return e<<12|n}})),tt=t((e=>{var t=Be(),n=1335,r=21522,i=t.getBCHDigit(n);e.getEncodedBits=function(e,a){let o=e.bit<<3|a,s=o<<10;for(;t.getBCHDigit(s)-i>=0;)s^=n<<t.getBCHDigit(s)-i;return(o<<10|s)^r}})),nt=t(((e,t)=>{var n=$e();function r(e){this.mode=n.NUMERIC,this.data=e.toString()}r.getBitsLength=function(e){return 10*Math.floor(e/3)+(e%3?e%3*3+1:0)},r.prototype.getLength=function(){return this.data.length},r.prototype.getBitsLength=function(){return r.getBitsLength(this.data.length)},r.prototype.write=function(e){let t,n,r;for(t=0;t+3<=this.data.length;t+=3)n=this.data.substr(t,3),r=parseInt(n,10),e.put(r,10);let i=this.data.length-t;i>0&&(n=this.data.substr(t),r=parseInt(n,10),e.put(r,i*3+1))},t.exports=r})),rt=t(((e,t)=>{var n=$e(),r=`0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:`.split(``);function i(e){this.mode=n.ALPHANUMERIC,this.data=e}i.getBitsLength=function(e){return 11*Math.floor(e/2)+e%2*6},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(e){let t=0;for(;t+2<=this.data.length;t+=2){let n=r.indexOf(this.data[t])*45;n+=r.indexOf(this.data[t+1]),e.put(n,11)}this.data.length%2&&e.put(r.indexOf(this.data[t]),6)},t.exports=i})),it=t(((e,t)=>{t.exports=function(e){for(var t=[],n=e.length,r=0;r<n;r++){var i=e.charCodeAt(r);if(i>=55296&&i<=56319&&n>r+1){var a=e.charCodeAt(r+1);a>=56320&&a<=57343&&(i=(i-55296)*1024+a-56320+65536,r+=1)}if(i<128){t.push(i);continue}if(i<2048){t.push(i>>6|192),t.push(i&63|128);continue}if(i<55296||i>=57344&&i<65536){t.push(i>>12|224),t.push(i>>6&63|128),t.push(i&63|128);continue}if(i>=65536&&i<=1114111){t.push(i>>18|240),t.push(i>>12&63|128),t.push(i>>6&63|128),t.push(i&63|128);continue}t.push(239,191,189)}return new Uint8Array(t).buffer}})),at=t(((e,t)=>{var n=it(),r=$e();function i(e){this.mode=r.BYTE,typeof e==`string`&&(e=n(e)),this.data=new Uint8Array(e)}i.getBitsLength=function(e){return e*8},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(e){for(let t=0,n=this.data.length;t<n;t++)e.put(this.data[t],8)},t.exports=i})),ot=t(((e,t)=>{var n=$e(),r=Be();function i(e){this.mode=n.KANJI,this.data=e}i.getBitsLength=function(e){return e*13},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(e){let t=0;for(;t<this.data.length;t++){let n=r.toSJIS(this.data[t]);if(n>=33088&&n<=40956)n-=33088;else if(n>=57408&&n<=60351)n-=49472;else throw Error(`Invalid SJIS character: `+this.data[t]+`
|
|
519
|
+
Make sure your charset is UTF-8`);n=(n>>>8&255)*192+(n&255),e.put(n,13)}},t.exports=i})),st=t((e=>{var t=$e(),n=nt(),r=rt(),i=at(),a=ot(),s=Qe(),c=Be(),l=o();function u(e){return unescape(encodeURIComponent(e)).length}function d(e,t,n){let r=[],i;for(;(i=e.exec(n))!==null;)r.push({data:i[0],index:i.index,mode:t,length:i[0].length});return r}function f(e){let n=d(s.NUMERIC,t.NUMERIC,e),r=d(s.ALPHANUMERIC,t.ALPHANUMERIC,e),i,a;return c.isKanjiModeEnabled()?(i=d(s.BYTE,t.BYTE,e),a=d(s.KANJI,t.KANJI,e)):(i=d(s.BYTE_KANJI,t.BYTE,e),a=[]),n.concat(r,i,a).sort(function(e,t){return e.index-t.index}).map(function(e){return{data:e.data,mode:e.mode,length:e.length}})}function p(e,o){switch(o){case t.NUMERIC:return n.getBitsLength(e);case t.ALPHANUMERIC:return r.getBitsLength(e);case t.KANJI:return a.getBitsLength(e);case t.BYTE:return i.getBitsLength(e)}}function m(e){return e.reduce(function(e,t){let n=e.length-1>=0?e[e.length-1]:null;return n&&n.mode===t.mode?(e[e.length-1].data+=t.data,e):(e.push(t),e)},[])}function h(e){let n=[];for(let r=0;r<e.length;r++){let i=e[r];switch(i.mode){case t.NUMERIC:n.push([i,{data:i.data,mode:t.ALPHANUMERIC,length:i.length},{data:i.data,mode:t.BYTE,length:i.length}]);break;case t.ALPHANUMERIC:n.push([i,{data:i.data,mode:t.BYTE,length:i.length}]);break;case t.KANJI:n.push([i,{data:i.data,mode:t.BYTE,length:u(i.data)}]);break;case t.BYTE:n.push([{data:i.data,mode:t.BYTE,length:u(i.data)}])}}return n}function g(e,n){let r={},i={start:{}},a=[`start`];for(let o=0;o<e.length;o++){let s=e[o],c=[];for(let e=0;e<s.length;e++){let l=s[e],u=``+o+e;c.push(u),r[u]={node:l,lastCount:0},i[u]={};for(let e=0;e<a.length;e++){let o=a[e];r[o]&&r[o].node.mode===l.mode?(i[o][u]=p(r[o].lastCount+l.length,l.mode)-p(r[o].lastCount,l.mode),r[o].lastCount+=l.length):(r[o]&&(r[o].lastCount=l.length),i[o][u]=p(l.length,l.mode)+4+t.getCharCountIndicator(l.mode,n))}}a=c}for(let e=0;e<a.length;e++)i[a[e]].end=0;return{map:i,table:r}}function ee(e,o){let s,l=t.getBestModeForData(e);if(s=t.from(o,l),s!==t.BYTE&&s.bit<l.bit)throw Error(`"`+e+`" cannot be encoded with mode `+t.toString(s)+`.
|
|
520
|
+
Suggested mode is: `+t.toString(l));switch(s===t.KANJI&&!c.isKanjiModeEnabled()&&(s=t.BYTE),s){case t.NUMERIC:return new n(e);case t.ALPHANUMERIC:return new r(e);case t.KANJI:return new a(e);case t.BYTE:return new i(e)}}e.fromArray=function(e){return e.reduce(function(e,t){return typeof t==`string`?e.push(ee(t,null)):t.data&&e.push(ee(t.data,t.mode)),e},[])},e.fromString=function(t,n){let r=g(h(f(t,c.isKanjiModeEnabled())),n),i=l.find_path(r.map,`start`,`end`),a=[];for(let e=1;e<i.length-1;e++)a.push(r.table[i[e]].node);return e.fromArray(m(a))},e.rawSplit=function(t){return e.fromArray(f(t,c.isKanjiModeEnabled()))}})),ct=t((e=>{var t=Be(),n=Ve(),r=He(),i=Ue(),a=We(),o=Ge(),s=Ke(),c=qe(),l=Xe(),u=et(),d=tt(),f=$e(),p=st();function m(e,t){let n=e.size,r=o.getPositions(t);for(let t=0;t<r.length;t++){let i=r[t][0],a=r[t][1];for(let t=-1;t<=7;t++)if(!(i+t<=-1||n<=i+t))for(let r=-1;r<=7;r++)a+r<=-1||n<=a+r||(t>=0&&t<=6&&(r===0||r===6)||r>=0&&r<=6&&(t===0||t===6)||t>=2&&t<=4&&r>=2&&r<=4?e.set(i+t,a+r,!0,!0):e.set(i+t,a+r,!1,!0))}}function h(e){let t=e.size;for(let n=8;n<t-8;n++){let t=n%2==0;e.set(n,6,t,!0),e.set(6,n,t,!0)}}function g(e,t){let n=a.getPositions(t);for(let t=0;t<n.length;t++){let r=n[t][0],i=n[t][1];for(let t=-2;t<=2;t++)for(let n=-2;n<=2;n++)t===-2||t===2||n===-2||n===2||t===0&&n===0?e.set(r+t,i+n,!0,!0):e.set(r+t,i+n,!1,!0)}}function ee(e,t){let n=e.size,r=u.getEncodedBits(t),i,a,o;for(let t=0;t<18;t++)i=Math.floor(t/3),a=t%3+n-8-3,o=(r>>t&1)==1,e.set(i,a,o,!0),e.set(a,i,o,!0)}function _(e,t,n){let r=e.size,i=d.getEncodedBits(t,n),a,o;for(a=0;a<15;a++)o=(i>>a&1)==1,a<6?e.set(a,8,o,!0):a<8?e.set(a+1,8,o,!0):e.set(r-15+a,8,o,!0),a<8?e.set(8,r-a-1,o,!0):a<9?e.set(8,15-a-1+1,o,!0):e.set(8,15-a-1,o,!0);e.set(r-8,8,1,!0)}function v(e,t){let n=e.size,r=-1,i=n-1,a=7,o=0;for(let s=n-1;s>0;s-=2)for(s===6&&s--;;){for(let n=0;n<2;n++)if(!e.isReserved(i,s-n)){let r=!1;o<t.length&&(r=(t[o]>>>a&1)==1),e.set(i,s-n,r),a--,a===-1&&(o++,a=7)}if(i+=r,i<0||n<=i){i-=r,r=-r;break}}}function y(e,n,i){let a=new r;i.forEach(function(t){a.put(t.mode.bit,4),a.put(t.getLength(),f.getCharCountIndicator(t.mode,e)),t.write(a)});let o=(t.getSymbolTotalCodewords(e)-c.getTotalCodewordsCount(e,n))*8;for(a.getLengthInBits()+4<=o&&a.put(0,4);a.getLengthInBits()%8!=0;)a.putBit(0);let s=(o-a.getLengthInBits())/8;for(let e=0;e<s;e++)a.put(e%2?17:236,8);return b(a,e,n)}function b(e,n,r){let i=t.getSymbolTotalCodewords(n),a=i-c.getTotalCodewordsCount(n,r),o=c.getBlocksCount(n,r),s=o-i%o,u=Math.floor(i/o),d=Math.floor(a/o),f=d+1,p=u-d,m=new l(p),h=0,g=Array(o),ee=Array(o),_=0,v=new Uint8Array(e.buffer);for(let e=0;e<o;e++){let t=e<s?d:f;g[e]=v.slice(h,h+t),ee[e]=m.encode(g[e]),h+=t,_=Math.max(_,t)}let y=new Uint8Array(i),b=0,x,S;for(x=0;x<_;x++)for(S=0;S<o;S++)x<g[S].length&&(y[b++]=g[S][x]);for(x=0;x<p;x++)for(S=0;S<o;S++)y[b++]=ee[S][x];return y}function x(e,n,r,a){let o;if(Array.isArray(e))o=p.fromArray(e);else if(typeof e==`string`){let t=n;if(!t){let n=p.rawSplit(e);t=u.getBestVersionForData(n,r)}o=p.fromString(e,t||40)}else throw Error(`Invalid data`);let c=u.getBestVersionForData(o,r);if(!c)throw Error(`The amount of data is too big to be stored in a QR Code`);if(!n)n=c;else if(n<c)throw Error(`
|
|
521
|
+
The chosen QR Code version cannot contain this amount of data.
|
|
522
|
+
Minimum version required to store current data is: `+c+`.
|
|
523
|
+
`);let l=y(n,r,o),d=new i(t.getSymbolSize(n));return m(d,n),h(d),g(d,n),_(d,r,0),n>=7&&ee(d,n),v(d,l),isNaN(a)&&(a=s.getBestMask(d,_.bind(null,d,r))),s.applyMask(a,d),_(d,r,a),{modules:d,version:n,errorCorrectionLevel:r,maskPattern:a,segments:o}}e.create=function(e,r){if(e===void 0||e===``)throw Error(`No input text`);let i=n.M,a,o;return r!==void 0&&(i=n.from(r.errorCorrectionLevel,n.M),a=u.from(r.version),o=s.from(r.maskPattern),r.toSJISFunc&&t.setToSJISFunction(r.toSJISFunc)),x(e,a,i,o)}})),lt=t((e=>{function t(e){if(typeof e==`number`&&(e=e.toString()),typeof e!=`string`)throw Error(`Color should be defined as hex string`);let t=e.slice().replace(`#`,``).split(``);if(t.length<3||t.length===5||t.length>8)throw Error(`Invalid hex color: `+e);(t.length===3||t.length===4)&&(t=Array.prototype.concat.apply([],t.map(function(e){return[e,e]}))),t.length===6&&t.push(`F`,`F`);let n=parseInt(t.join(``),16);return{r:n>>24&255,g:n>>16&255,b:n>>8&255,a:n&255,hex:`#`+t.slice(0,6).join(``)}}e.getOptions=function(e){e||={},e.color||(e.color={});let n=e.margin===void 0||e.margin===null||e.margin<0?4:e.margin,r=e.width&&e.width>=21?e.width:void 0,i=e.scale||4;return{width:r,scale:r?4:i,margin:n,color:{dark:t(e.color.dark||`#000000ff`),light:t(e.color.light||`#ffffffff`)},type:e.type,rendererOpts:e.rendererOpts||{}}},e.getScale=function(e,t){return t.width&&t.width>=e+t.margin*2?t.width/(e+t.margin*2):t.scale},e.getImageWidth=function(t,n){let r=e.getScale(t,n);return Math.floor((t+n.margin*2)*r)},e.qrToImageData=function(t,n,r){let i=n.modules.size,a=n.modules.data,o=e.getScale(i,r),s=Math.floor((i+r.margin*2)*o),c=r.margin*o,l=[r.color.light,r.color.dark];for(let e=0;e<s;e++)for(let n=0;n<s;n++){let u=(e*s+n)*4,d=r.color.light;if(e>=c&&n>=c&&e<s-c&&n<s-c){let t=Math.floor((e-c)/o),r=Math.floor((n-c)/o);d=l[+!!a[t*i+r]]}t[u++]=d.r,t[u++]=d.g,t[u++]=d.b,t[u]=d.a}}})),ut=t((e=>{var t=lt();function n(e,t,n){e.clearRect(0,0,t.width,t.height),t.style||={},t.height=n,t.width=n,t.style.height=n+`px`,t.style.width=n+`px`}function r(){try{return document.createElement(`canvas`)}catch{throw Error(`You need to specify a canvas element`)}}e.render=function(e,i,a){let o=a,s=i;o===void 0&&(!i||!i.getContext)&&(o=i,i=void 0),i||(s=r()),o=t.getOptions(o);let c=t.getImageWidth(e.modules.size,o),l=s.getContext(`2d`),u=l.createImageData(c,c);return t.qrToImageData(u.data,e,o),n(l,s,c),l.putImageData(u,0,0),s},e.renderToDataURL=function(t,n,r){let i=r;i===void 0&&(!n||!n.getContext)&&(i=n,n=void 0),i||={};let a=e.render(t,n,i),o=i.type||`image/png`,s=i.rendererOpts||{};return a.toDataURL(o,s.quality)}})),dt=t((e=>{var t=lt();function n(e,t){let n=e.a/255,r=t+`="`+e.hex+`"`;return n<1?r+` `+t+`-opacity="`+n.toFixed(2).slice(1)+`"`:r}function r(e,t,n){let r=e+t;return n!==void 0&&(r+=` `+n),r}function i(e,t,n){let i=``,a=0,o=!1,s=0;for(let c=0;c<e.length;c++){let l=Math.floor(c%t),u=Math.floor(c/t);!l&&!o&&(o=!0),e[c]?(s++,c>0&&l>0&&e[c-1]||(i+=o?r(`M`,l+n,.5+u+n):r(`m`,a,0),a=0,o=!1),l+1<t&&e[c+1]||(i+=r(`h`,s),s=0)):a++}return i}e.render=function(e,r,a){let o=t.getOptions(r),s=e.modules.size,c=e.modules.data,l=s+o.margin*2,u=o.color.light.a?`<path `+n(o.color.light,`fill`)+` d="M0 0h`+l+`v`+l+`H0z"/>`:``,d=`<path `+n(o.color.dark,`stroke`)+` d="`+i(c,s,o.margin)+`"/>`,f=`viewBox="0 0 `+l+` `+l+`"`,p=`<svg xmlns="http://www.w3.org/2000/svg" `+(o.width?`width="`+o.width+`" height="`+o.width+`" `:``)+f+` shape-rendering="crispEdges">`+u+d+`</svg>
|
|
524
|
+
`;return typeof a==`function`&&a(null,p),p}})),ft=e(t((e=>{var t=ze(),n=ct(),r=ut(),i=dt();function a(e,r,i,a,o){let s=[].slice.call(arguments,1),c=s.length,l=typeof s[c-1]==`function`;if(!l&&!t())throw Error(`Callback required as last argument`);if(l){if(c<2)throw Error(`Too few arguments provided`);c===2?(o=i,i=r,r=a=void 0):c===3&&(r.getContext&&o===void 0?(o=a,a=void 0):(o=a,a=i,i=r,r=void 0))}else{if(c<1)throw Error(`Too few arguments provided`);return c===1?(i=r,r=a=void 0):c===2&&!r.getContext&&(a=i,i=r,r=void 0),new Promise(function(t,o){try{t(e(n.create(i,a),r,a))}catch(e){o(e)}})}try{let t=n.create(i,a);o(null,e(t,r,a))}catch(e){o(e)}}e.create=n.create,e.toCanvas=a.bind(null,r.render),e.toDataURL=a.bind(null,r.renderToDataURL),e.toString=a.bind(null,function(e,t,n){return i.render(e,n)})}))(),1),pt=.1,mt=2.5,ht=7;function gt(e,t,n){return e!==t&&(e-t<0?t-e:e-t)<=n+pt}function _t(e,t){let n=Array.prototype.slice.call(ft.create(e,{errorCorrectionLevel:t}).modules.data,0),r=Math.sqrt(n.length);return n.reduce((e,t,n)=>(n%r===0?e.push([t]):e[e.length-1].push(t))&&e,[])}var vt={generate({uri:e,size:t,logoSize:n,padding:r=8,dotColor:i=`var(--apkt-colors-black)`}){let a=[],o=_t(e,`Q`),s=(t-2*r)/o.length,c=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];c.forEach(({x:e,y:t})=>{let n=(o.length-ht)*s*e+r,l=(o.length-ht)*s*t+r,u=.45;for(let e=0;e<c.length;e+=1){let t=s*(ht-e*2);a.push(ne`
|
|
525
|
+
<rect
|
|
526
|
+
fill=${e===2?`var(--apkt-colors-black)`:`var(--apkt-colors-white)`}
|
|
527
|
+
width=${e===0?t-10:t}
|
|
528
|
+
rx= ${e===0?(t-10)*u:t*u}
|
|
529
|
+
ry= ${e===0?(t-10)*u:t*u}
|
|
530
|
+
stroke=${i}
|
|
531
|
+
stroke-width=${e===0?10:0}
|
|
532
|
+
height=${e===0?t-10:t}
|
|
533
|
+
x= ${e===0?l+s*e+5:l+s*e}
|
|
534
|
+
y= ${e===0?n+s*e+5:n+s*e}
|
|
535
|
+
/>
|
|
536
|
+
`)}});let l=Math.floor((n+25)/s),u=o.length/2-l/2,d=o.length/2+l/2-1,f=[];o.forEach((e,t)=>{e.forEach((e,n)=>{if(o[t][n]&&!(t<ht&&n<ht||t>o.length-8&&n<ht||t<ht&&n>o.length-8)&&!(t>u&&t<d&&n>u&&n<d)){let e=t*s+s/2+r,i=n*s+s/2+r;f.push([e,i])}})});let p={};return f.forEach(([e,t])=>{p[e]?p[e]?.push(t):p[e]=[t]}),Object.entries(p).map(([e,t])=>{let n=t.filter(e=>t.every(t=>!gt(e,t,s)));return[Number(e),n]}).forEach(([e,t])=>{t.forEach(t=>{a.push(ne`<circle cx=${e} cy=${t} fill=${i} r=${s/mt} />`)})}),Object.entries(p).filter(([e,t])=>t.length>1).map(([e,t])=>{let n=t.filter(e=>t.some(t=>gt(e,t,s)));return[Number(e),n]}).map(([e,t])=>{t.sort((e,t)=>e<t?-1:1);let n=[];for(let e of t){let t=n.find(t=>t.some(t=>gt(e,t,s)));t?t.push(e):n.push([e])}return[e,n.map(e=>[e[0],e[e.length-1]])]}).forEach(([e,t])=>{t.forEach(([t,n])=>{a.push(ne`
|
|
537
|
+
<line
|
|
538
|
+
x1=${e}
|
|
539
|
+
x2=${e}
|
|
540
|
+
y1=${t}
|
|
541
|
+
y2=${n}
|
|
542
|
+
stroke=${i}
|
|
543
|
+
stroke-width=${s/(mt/2)}
|
|
544
|
+
stroke-linecap="round"
|
|
545
|
+
/>
|
|
546
|
+
`)})}),a}},yt=D`
|
|
547
|
+
:host {
|
|
548
|
+
position: relative;
|
|
549
|
+
user-select: none;
|
|
550
|
+
display: block;
|
|
551
|
+
overflow: hidden;
|
|
552
|
+
aspect-ratio: 1 / 1;
|
|
553
|
+
width: 100%;
|
|
554
|
+
height: 100%;
|
|
555
|
+
background-color: ${({colors:e})=>e.white};
|
|
556
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderPrimary};
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
:host {
|
|
560
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
561
|
+
display: flex;
|
|
562
|
+
align-items: center;
|
|
563
|
+
justify-content: center;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
:host([data-clear='true']) > wui-icon {
|
|
567
|
+
display: none;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
svg:first-child,
|
|
571
|
+
wui-image,
|
|
572
|
+
wui-icon {
|
|
573
|
+
position: absolute;
|
|
574
|
+
top: 50%;
|
|
575
|
+
left: 50%;
|
|
576
|
+
transform: translateY(-50%) translateX(-50%);
|
|
577
|
+
background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
|
|
578
|
+
box-shadow: inset 0 0 0 4px ${({tokens:e})=>e.theme.backgroundPrimary};
|
|
579
|
+
border-radius: ${({borderRadius:e})=>e[6]};
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
wui-image {
|
|
583
|
+
width: 25%;
|
|
584
|
+
height: 25%;
|
|
585
|
+
border-radius: ${({borderRadius:e})=>e[2]};
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
wui-icon {
|
|
589
|
+
width: 100%;
|
|
590
|
+
height: 100%;
|
|
591
|
+
color: #3396ff !important;
|
|
592
|
+
transform: translateY(-50%) translateX(-50%) scale(0.25);
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
wui-icon > svg {
|
|
596
|
+
width: inherit;
|
|
597
|
+
height: inherit;
|
|
598
|
+
}
|
|
599
|
+
`,V=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},H=class extends w{constructor(){super(...arguments),this.uri=``,this.size=0,this.theme=`dark`,this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=`--local-size: ${this.size}px`,E`<wui-flex
|
|
600
|
+
alignItems="center"
|
|
601
|
+
justifyContent="center"
|
|
602
|
+
class="wui-qr-code"
|
|
603
|
+
direction="column"
|
|
604
|
+
gap="4"
|
|
605
|
+
width="100%"
|
|
606
|
+
style="height: 100%"
|
|
607
|
+
>
|
|
608
|
+
${this.templateVisual()} ${this.templateSvg()}
|
|
609
|
+
</wui-flex>`}templateSvg(){return ne`
|
|
610
|
+
<svg height=${this.size} width=${this.size}>
|
|
611
|
+
${vt.generate({uri:this.uri,size:this.size,logoSize:this.arenaClear?0:this.size/4})}
|
|
612
|
+
</svg>
|
|
613
|
+
`}templateVisual(){return this.imageSrc?E`<wui-image src=${this.imageSrc} alt=${this.alt??`logo`}></wui-image>`:this.farcaster?E`<wui-icon
|
|
614
|
+
class="farcaster"
|
|
615
|
+
size="inherit"
|
|
616
|
+
color="inherit"
|
|
617
|
+
name="farcaster"
|
|
618
|
+
></wui-icon>`:E`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};H.styles=[C,yt],V([k()],H.prototype,`uri`,void 0),V([k({type:Number})],H.prototype,`size`,void 0),V([k()],H.prototype,`theme`,void 0),V([k()],H.prototype,`imageSrc`,void 0),V([k()],H.prototype,`alt`,void 0),V([k({type:Boolean})],H.prototype,`arenaClear`,void 0),V([k({type:Boolean})],H.prototype,`farcaster`,void 0),H=V([O(`wui-qr-code`)],H);var bt=D`
|
|
619
|
+
:host {
|
|
620
|
+
display: block;
|
|
621
|
+
background: linear-gradient(
|
|
622
|
+
90deg,
|
|
623
|
+
${({tokens:e})=>e.theme.foregroundSecondary} 0%,
|
|
624
|
+
${({tokens:e})=>e.theme.foregroundTertiary} 50%,
|
|
625
|
+
${({tokens:e})=>e.theme.foregroundSecondary} 100%
|
|
626
|
+
);
|
|
627
|
+
background-size: 200% 100%;
|
|
628
|
+
animation: shimmer 1s ease-in-out infinite;
|
|
629
|
+
border-radius: ${({borderRadius:e})=>e[2]};
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
:host([data-rounded='true']) {
|
|
633
|
+
border-radius: ${({borderRadius:e})=>e[16]};
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
@keyframes shimmer {
|
|
637
|
+
0% {
|
|
638
|
+
background-position: 200% 0;
|
|
639
|
+
}
|
|
640
|
+
100% {
|
|
641
|
+
background-position: -200% 0;
|
|
642
|
+
}
|
|
643
|
+
}
|
|
644
|
+
`,xt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},St=class extends w{constructor(){super(...arguments),this.width=``,this.height=``,this.variant=`default`,this.rounded=!1}render(){return this.style.cssText=`
|
|
645
|
+
width: ${this.width};
|
|
646
|
+
height: ${this.height};
|
|
647
|
+
`,this.dataset.rounded=this.rounded?`true`:`false`,E`<slot></slot>`}};St.styles=[bt],xt([k()],St.prototype,`width`,void 0),xt([k()],St.prototype,`height`,void 0),xt([k()],St.prototype,`variant`,void 0),xt([k({type:Boolean})],St.prototype,`rounded`,void 0),St=xt([O(`wui-shimmer`)],St);var Ct=D`
|
|
648
|
+
wui-shimmer {
|
|
649
|
+
width: 100%;
|
|
650
|
+
aspect-ratio: 1 / 1;
|
|
651
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
wui-qr-code {
|
|
655
|
+
opacity: 0;
|
|
656
|
+
animation-duration: ${({durations:e})=>e.xl};
|
|
657
|
+
animation-timing-function: ${({easings:e})=>e[`ease-out-power-2`]};
|
|
658
|
+
animation-name: fade-in;
|
|
659
|
+
animation-fill-mode: forwards;
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
@keyframes fade-in {
|
|
663
|
+
from {
|
|
664
|
+
opacity: 0;
|
|
665
|
+
}
|
|
666
|
+
to {
|
|
667
|
+
opacity: 1;
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
`,wt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Tt=class extends B{constructor(){super(),this.basic=!1,this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener(`resize`,this.forceUpdate)}firstUpdated(){this.basic||g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet?.name??`WalletConnect`,platform:`qrcode`,displayIndex:this.wallet?.display_index,walletRank:this.wallet?.order,view:y.state.view}})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribe?.forEach(e=>e()),window.removeEventListener(`resize`,this.forceUpdate)}render(){return this.onRenderProxy(),E`
|
|
671
|
+
<wui-flex
|
|
672
|
+
flexDirection="column"
|
|
673
|
+
alignItems="center"
|
|
674
|
+
.padding=${[`0`,`5`,`5`,`5`]}
|
|
675
|
+
gap="5"
|
|
676
|
+
>
|
|
677
|
+
<wui-shimmer width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
|
|
678
|
+
<wui-text variant="lg-medium" color="primary"> Scan this QR Code with your phone </wui-text>
|
|
679
|
+
${this.copyTemplate()}
|
|
680
|
+
</wui-flex>
|
|
681
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
|
|
682
|
+
`}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;let e=this.getBoundingClientRect().width-40,t=this.wallet?this.wallet.name:void 0;v.setWcLinking(void 0),v.setRecentWallet(this.wallet);let n=this.uri;if(this.wallet?.mobile_link){let{redirect:e}=c.formatNativeUrl(this.wallet?.mobile_link,this.uri,null);n=e}return E` <wui-qr-code
|
|
683
|
+
size=${e}
|
|
684
|
+
theme=${h.state.themeMode}
|
|
685
|
+
uri=${n}
|
|
686
|
+
imageSrc=${A(p.getWalletImage(this.wallet))}
|
|
687
|
+
color=${A(h.state.themeVariables[`--w3m-qr-color`])}
|
|
688
|
+
alt=${A(t)}
|
|
689
|
+
data-testid="wui-qr-code"
|
|
690
|
+
></wui-qr-code>`}copyTemplate(){let e=!this.uri||!this.ready;return E`<wui-button
|
|
691
|
+
.disabled=${e}
|
|
692
|
+
@click=${this.onCopyUri}
|
|
693
|
+
variant="neutral-secondary"
|
|
694
|
+
size="sm"
|
|
695
|
+
data-testid="copy-wc2-uri"
|
|
696
|
+
>
|
|
697
|
+
Copy link
|
|
698
|
+
<wui-icon size="sm" color="inherit" name="copy" slot="iconRight"></wui-icon>
|
|
699
|
+
</wui-button>`}};Tt.styles=Ct,wt([k({type:Boolean})],Tt.prototype,`basic`,void 0),Tt=wt([O(`w3m-connecting-wc-qrcode`)],Tt);var Et=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Dt=class extends w{constructor(){if(super(),this.wallet=y.state.data?.wallet,!this.wallet)throw Error(`w3m-connecting-wc-unsupported: No wallet provided`);g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet.name,platform:`browser`,displayIndex:this.wallet?.display_index,walletRank:this.wallet?.order,view:y.state.view}})}render(){return E`
|
|
700
|
+
<wui-flex
|
|
701
|
+
flexDirection="column"
|
|
702
|
+
alignItems="center"
|
|
703
|
+
.padding=${[`10`,`5`,`5`,`5`]}
|
|
704
|
+
gap="5"
|
|
705
|
+
>
|
|
706
|
+
<wui-wallet-image
|
|
707
|
+
size="lg"
|
|
708
|
+
imageSrc=${A(p.getWalletImage(this.wallet))}
|
|
709
|
+
></wui-wallet-image>
|
|
710
|
+
|
|
711
|
+
<wui-text variant="md-regular" color="primary">Not Detected</wui-text>
|
|
712
|
+
</wui-flex>
|
|
713
|
+
|
|
714
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
|
|
715
|
+
`}};Dt=Et([O(`w3m-connecting-wc-unsupported`)],Dt);var Ot=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},kt=class extends B{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw Error(`w3m-connecting-wc-web: No wallet provided`);this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel=`Open`,this.secondaryLabel=l.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon=`externalLink`,this.updateLoadingState(),this.unsubscribe.push(v.subscribeKey(`wcUri`,()=>{this.updateLoadingState()})),g.sendEvent({type:`track`,event:`SELECT_WALLET`,properties:{name:this.wallet.name,platform:`web`,displayIndex:this.wallet?.display_index,walletRank:this.wallet?.order,view:y.state.view}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){if(this.wallet?.webapp_link&&this.uri)try{this.error=!1;let{webapp_link:e,name:t}=this.wallet,{redirect:n,href:r}=c.formatUniversalUrl(e,this.uri);v.setWcLinking({name:t,href:r}),v.setRecentWallet(this.wallet),c.openHref(n,`_blank`)}catch{this.error=!0}}};Ot([M()],kt.prototype,`isLoading`,void 0),kt=Ot([O(`w3m-connecting-wc-web`)],kt);var At=D`
|
|
716
|
+
:host([data-mobile-fullscreen='true']) {
|
|
717
|
+
height: 100%;
|
|
718
|
+
display: flex;
|
|
719
|
+
flex-direction: column;
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
:host([data-mobile-fullscreen='true']) wui-ux-by-reown {
|
|
723
|
+
margin-top: auto;
|
|
724
|
+
}
|
|
725
|
+
`,jt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},U=class extends w{constructor(){super(),this.wallet=y.state.data?.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=!!x.state.siwx,this.remoteFeatures=x.state.remoteFeatures,this.displayBranding=!0,this.basic=!1,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(x.subscribeKey(`remoteFeatures`,e=>this.remoteFeatures=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return x.state.enableMobileFullScreen&&this.setAttribute(`data-mobile-fullscreen`,`true`),E`
|
|
726
|
+
${this.headerTemplate()}
|
|
727
|
+
<div class="platform-container">${this.platformTemplate()}</div>
|
|
728
|
+
${this.reownBrandingTemplate()}
|
|
729
|
+
`}reownBrandingTemplate(){return!this.remoteFeatures?.reownBranding||!this.displayBranding?null:E`<wui-ux-by-reown></wui-ux-by-reown>`}async initializeConnection(e=!1){if(!(this.platform===`browser`||x.state.manualWCControl&&!e))try{let{wcPairingExpiry:t,status:n}=v.state,{redirectView:r}=y.state.data??{};if(e||x.state.enableEmbedded||c.isPairingExpired(t)||n===`connecting`){let e=v.getConnections(_.state.activeChain),t=this.remoteFeatures?.multiWallet,n=e.length>0;await v.connectWalletConnect({cache:`never`}),this.isSiwxEnabled||(n&&t?(y.replace(`ProfileWallets`),te.showSuccess(`New Wallet Added`)):r?y.replace(r):ee.close())}}catch(e){if(e instanceof Error&&e.message.includes(`An error occurred when attempting to switch chain`)&&!x.state.enableNetworkSwitch&&_.state.activeChain){_.setActiveCaipNetwork(i.getUnsupportedNetwork(`${_.state.activeChain}:${_.state.activeCaipNetwork?.id}`)),_.showUnsupportedChainUI();return}e instanceof d&&e.originalName===u.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST?g.sendEvent({type:`track`,event:`USER_REJECTED`,properties:{message:e.message}}):g.sendEvent({type:`track`,event:`CONNECT_ERROR`,properties:{message:e?.message??`Unknown`}}),v.setWcError(!0),te.showError(e.message??`Connection error`),v.resetWcConnection(),y.goBack()}}determinePlatforms(){if(!this.wallet){this.platforms.push(`qrcode`),this.platform=`qrcode`;return}if(this.platform)return;let{mobile_link:e,desktop_link:t,webapp_link:n,injected:r,rdns:i}=this.wallet,a=r?.map(({injected_id:e})=>e).filter(Boolean),o=[...i?[i]:a??[]],s=!x.state.isUniversalProvider&&o.length,l=e,u=n,d=v.checkInstalled(o),f=s&&d,p=t&&!c.isMobile();f&&!_.state.noAdapters&&this.platforms.push(`browser`),l&&this.platforms.push(c.isMobile()?`mobile`:`qrcode`),u&&this.platforms.push(`web`),p&&this.platforms.push(`desktop`),!f&&s&&!_.state.noAdapters&&this.platforms.push(`unsupported`),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case`browser`:return E`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case`web`:return E`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case`desktop`:return E`
|
|
730
|
+
<w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}>
|
|
731
|
+
</w3m-connecting-wc-desktop>
|
|
732
|
+
`;case`mobile`:return E`
|
|
733
|
+
<w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}>
|
|
734
|
+
</w3m-connecting-wc-mobile>
|
|
735
|
+
`;case`qrcode`:return E`<w3m-connecting-wc-qrcode ?basic=${this.basic}></w3m-connecting-wc-qrcode>`;default:return E`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?E`
|
|
736
|
+
<w3m-connecting-header
|
|
737
|
+
.platforms=${this.platforms}
|
|
738
|
+
.onSelectPlatfrom=${this.onSelectPlatform.bind(this)}
|
|
739
|
+
>
|
|
740
|
+
</w3m-connecting-header>
|
|
741
|
+
`:null}async onSelectPlatform(e){let t=this.shadowRoot?.querySelector(`div`);t&&(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:`forwards`,easing:`ease`}).finished,this.platform=e,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:`forwards`,easing:`ease`}))}};U.styles=At,jt([M()],U.prototype,`platform`,void 0),jt([M()],U.prototype,`platforms`,void 0),jt([M()],U.prototype,`isSiwxEnabled`,void 0),jt([M()],U.prototype,`remoteFeatures`,void 0),jt([k({type:Boolean})],U.prototype,`displayBranding`,void 0),jt([k({type:Boolean})],U.prototype,`basic`,void 0),U=jt([O(`w3m-connecting-wc-view`)],U);var Mt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Nt=class extends w{constructor(){super(),this.unsubscribe=[],this.isMobile=c.isMobile(),this.remoteFeatures=x.state.remoteFeatures,this.unsubscribe.push(x.subscribeKey(`remoteFeatures`,e=>this.remoteFeatures=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(this.isMobile){let{featured:e,recommended:t}=b.state,{customWallets:n}=x.state,r=s.getRecentWallets(),i=e.length||t.length||n?.length||r.length;return E`<wui-flex flexDirection="column" gap="2" .margin=${[`1`,`3`,`3`,`3`]}>
|
|
742
|
+
${i?E`<w3m-connector-list></w3m-connector-list>`:null}
|
|
743
|
+
<w3m-all-wallets-widget></w3m-all-wallets-widget>
|
|
744
|
+
</wui-flex>`}return E`<wui-flex flexDirection="column" .padding=${[`0`,`0`,`4`,`0`]}>
|
|
745
|
+
<w3m-connecting-wc-view ?basic=${!0} .displayBranding=${!1}></w3m-connecting-wc-view>
|
|
746
|
+
<wui-flex flexDirection="column" .padding=${[`0`,`3`,`0`,`3`]}>
|
|
747
|
+
<w3m-all-wallets-widget></w3m-all-wallets-widget>
|
|
748
|
+
</wui-flex>
|
|
749
|
+
</wui-flex>
|
|
750
|
+
${this.reownBrandingTemplate()} `}reownBrandingTemplate(){return this.remoteFeatures?.reownBranding?E` <wui-flex flexDirection="column" .padding=${[`1`,`0`,`1`,`0`]}>
|
|
751
|
+
<wui-ux-by-reown></wui-ux-by-reown>
|
|
752
|
+
</wui-flex>`:null}};Mt([M()],Nt.prototype,`isMobile`,void 0),Mt([M()],Nt.prototype,`remoteFeatures`,void 0),Nt=Mt([O(`w3m-connecting-wc-basic-view`)],Nt);var{I:Pt}=re,Ft=e=>e.strings===void 0,It=(e,t)=>{let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),It(e,t);return!0},Lt=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},Rt=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),Vt(t)}};function zt(e){this._$AN===void 0?this._$AM=e:(Lt(this),this._$AM=e,Rt(this))}function Bt(e,t=!1,n=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0){if(t){if(Array.isArray(r))for(let e=n;e<r.length;e++)It(r[e],!1),Lt(r[e]);else r!=null&&(It(r,!1),Lt(r))}else It(this,e)}}var Vt=e=>{e.type==se.CHILD&&(e._$AP??=Bt,e._$AQ??=zt)},Ht=class extends oe{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),Rt(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(It(this,e),Lt(this))}setValue(e){if(Ft(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}},Ut=()=>new Wt,Wt=class{},Gt=new WeakMap,Kt=ce(class extends Ht{render(e){return ie}update(e,[t]){let n=t!==this.G;return n&&this.rt(void 0),(n||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),ie}rt(e){if(this.G!==void 0){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=Gt.get(t);n===void 0&&(n=new WeakMap,Gt.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}}get lt(){return typeof this.G==`function`?Gt.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),qt=D`
|
|
753
|
+
:host {
|
|
754
|
+
display: flex;
|
|
755
|
+
align-items: center;
|
|
756
|
+
justify-content: center;
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
label {
|
|
760
|
+
position: relative;
|
|
761
|
+
display: inline-block;
|
|
762
|
+
user-select: none;
|
|
763
|
+
transition:
|
|
764
|
+
background-color ${({durations:e})=>e.lg}
|
|
765
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
766
|
+
color ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
767
|
+
border ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
768
|
+
box-shadow ${({durations:e})=>e.lg}
|
|
769
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
770
|
+
width ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
771
|
+
height ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
772
|
+
transform ${({durations:e})=>e.lg}
|
|
773
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
774
|
+
opacity ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]};
|
|
775
|
+
will-change: background-color, color, border, box-shadow, width, height, transform, opacity;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
input {
|
|
779
|
+
width: 0;
|
|
780
|
+
height: 0;
|
|
781
|
+
opacity: 0;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
span {
|
|
785
|
+
position: absolute;
|
|
786
|
+
cursor: pointer;
|
|
787
|
+
top: 0;
|
|
788
|
+
left: 0;
|
|
789
|
+
right: 0;
|
|
790
|
+
bottom: 0;
|
|
791
|
+
background-color: ${({colors:e})=>e.neutrals300};
|
|
792
|
+
border-radius: ${({borderRadius:e})=>e.round};
|
|
793
|
+
border: 1px solid transparent;
|
|
794
|
+
will-change: border;
|
|
795
|
+
transition:
|
|
796
|
+
background-color ${({durations:e})=>e.lg}
|
|
797
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
798
|
+
color ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
799
|
+
border ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
800
|
+
box-shadow ${({durations:e})=>e.lg}
|
|
801
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
802
|
+
width ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
803
|
+
height ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
|
|
804
|
+
transform ${({durations:e})=>e.lg}
|
|
805
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
806
|
+
opacity ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]};
|
|
807
|
+
will-change: background-color, color, border, box-shadow, width, height, transform, opacity;
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
span:before {
|
|
811
|
+
content: '';
|
|
812
|
+
position: absolute;
|
|
813
|
+
background-color: ${({colors:e})=>e.white};
|
|
814
|
+
border-radius: 50%;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
/* -- Sizes --------------------------------------------------------- */
|
|
818
|
+
label[data-size='lg'] {
|
|
819
|
+
width: 48px;
|
|
820
|
+
height: 32px;
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
label[data-size='md'] {
|
|
824
|
+
width: 40px;
|
|
825
|
+
height: 28px;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
label[data-size='sm'] {
|
|
829
|
+
width: 32px;
|
|
830
|
+
height: 22px;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
label[data-size='lg'] > span:before {
|
|
834
|
+
height: 24px;
|
|
835
|
+
width: 24px;
|
|
836
|
+
left: 4px;
|
|
837
|
+
top: 3px;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
label[data-size='md'] > span:before {
|
|
841
|
+
height: 20px;
|
|
842
|
+
width: 20px;
|
|
843
|
+
left: 4px;
|
|
844
|
+
top: 3px;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
label[data-size='sm'] > span:before {
|
|
848
|
+
height: 16px;
|
|
849
|
+
width: 16px;
|
|
850
|
+
left: 3px;
|
|
851
|
+
top: 2px;
|
|
852
|
+
}
|
|
853
|
+
|
|
854
|
+
/* -- Focus states --------------------------------------------------- */
|
|
855
|
+
input:focus-visible:not(:checked) + span,
|
|
856
|
+
input:focus:not(:checked) + span {
|
|
857
|
+
border: 1px solid ${({tokens:e})=>e.core.iconAccentPrimary};
|
|
858
|
+
background-color: ${({tokens:e})=>e.theme.textTertiary};
|
|
859
|
+
box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
input:focus-visible:checked + span,
|
|
863
|
+
input:focus:checked + span {
|
|
864
|
+
border: 1px solid ${({tokens:e})=>e.core.iconAccentPrimary};
|
|
865
|
+
box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
/* -- Checked states --------------------------------------------------- */
|
|
869
|
+
input:checked + span {
|
|
870
|
+
background-color: ${({tokens:e})=>e.core.iconAccentPrimary};
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
label[data-size='lg'] > input:checked + span:before {
|
|
874
|
+
transform: translateX(calc(100% - 9px));
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
label[data-size='md'] > input:checked + span:before {
|
|
878
|
+
transform: translateX(calc(100% - 9px));
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
label[data-size='sm'] > input:checked + span:before {
|
|
882
|
+
transform: translateX(calc(100% - 7px));
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
/* -- Hover states ------------------------------------------------------- */
|
|
886
|
+
label:hover > input:not(:checked):not(:disabled) + span {
|
|
887
|
+
background-color: ${({colors:e})=>e.neutrals400};
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
label:hover > input:checked:not(:disabled) + span {
|
|
891
|
+
background-color: ${({colors:e})=>e.accent080};
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
/* -- Disabled state --------------------------------------------------- */
|
|
895
|
+
label:has(input:disabled) {
|
|
896
|
+
pointer-events: none;
|
|
897
|
+
user-select: none;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
input:not(:checked):disabled + span {
|
|
901
|
+
background-color: ${({colors:e})=>e.neutrals700};
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
input:checked:disabled + span {
|
|
905
|
+
background-color: ${({colors:e})=>e.neutrals700};
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
input:not(:checked):disabled + span::before {
|
|
909
|
+
background-color: ${({colors:e})=>e.neutrals400};
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
input:checked:disabled + span::before {
|
|
913
|
+
background-color: ${({tokens:e})=>e.theme.textTertiary};
|
|
914
|
+
}
|
|
915
|
+
`,Jt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Yt=class extends w{constructor(){super(...arguments),this.inputElementRef=Ut(),this.checked=!1,this.disabled=!1,this.size=`md`}render(){return E`
|
|
916
|
+
<label data-size=${this.size}>
|
|
917
|
+
<input
|
|
918
|
+
${Kt(this.inputElementRef)}
|
|
919
|
+
type="checkbox"
|
|
920
|
+
?checked=${this.checked}
|
|
921
|
+
?disabled=${this.disabled}
|
|
922
|
+
@change=${this.dispatchChangeEvent.bind(this)}
|
|
923
|
+
/>
|
|
924
|
+
<span></span>
|
|
925
|
+
</label>
|
|
926
|
+
`}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent(`switchChange`,{detail:this.inputElementRef.value?.checked,bubbles:!0,composed:!0}))}};Yt.styles=[C,T,qt],Jt([k({type:Boolean})],Yt.prototype,`checked`,void 0),Jt([k({type:Boolean})],Yt.prototype,`disabled`,void 0),Jt([k()],Yt.prototype,`size`,void 0),Yt=Jt([O(`wui-toggle`)],Yt);var Xt=D`
|
|
927
|
+
:host {
|
|
928
|
+
height: auto;
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
:host > wui-flex {
|
|
932
|
+
height: 100%;
|
|
933
|
+
display: flex;
|
|
934
|
+
align-items: center;
|
|
935
|
+
justify-content: center;
|
|
936
|
+
column-gap: ${({spacing:e})=>e[2]};
|
|
937
|
+
padding: ${({spacing:e})=>e[2]} ${({spacing:e})=>e[3]};
|
|
938
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
939
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
940
|
+
box-shadow: inset 0 0 0 1px ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
941
|
+
transition: background-color ${({durations:e})=>e.lg}
|
|
942
|
+
${({easings:e})=>e[`ease-out-power-2`]};
|
|
943
|
+
will-change: background-color;
|
|
944
|
+
cursor: pointer;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
wui-switch {
|
|
948
|
+
pointer-events: none;
|
|
949
|
+
}
|
|
950
|
+
`,Zt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Qt=class extends w{constructor(){super(...arguments),this.checked=!1}render(){return E`
|
|
951
|
+
<wui-flex>
|
|
952
|
+
<wui-icon size="xl" name="walletConnectBrown"></wui-icon>
|
|
953
|
+
<wui-toggle
|
|
954
|
+
?checked=${this.checked}
|
|
955
|
+
size="sm"
|
|
956
|
+
@switchChange=${this.handleToggleChange.bind(this)}
|
|
957
|
+
></wui-toggle>
|
|
958
|
+
</wui-flex>
|
|
959
|
+
`}handleToggleChange(e){e.stopPropagation(),this.checked=e.detail,this.dispatchSwitchEvent()}dispatchSwitchEvent(){this.dispatchEvent(new CustomEvent(`certifiedSwitchChange`,{detail:this.checked,bubbles:!0,composed:!0}))}};Qt.styles=[C,T,Xt],Zt([k({type:Boolean})],Qt.prototype,`checked`,void 0),Qt=Zt([O(`wui-certified-switch`)],Qt);var $t=D`
|
|
960
|
+
:host {
|
|
961
|
+
position: relative;
|
|
962
|
+
width: 100%;
|
|
963
|
+
display: inline-flex;
|
|
964
|
+
flex-direction: column;
|
|
965
|
+
gap: ${({spacing:e})=>e[3]};
|
|
966
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
967
|
+
caret-color: ${({tokens:e})=>e.core.textAccentPrimary};
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
.wui-input-text-container {
|
|
971
|
+
position: relative;
|
|
972
|
+
display: flex;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
input {
|
|
976
|
+
width: 100%;
|
|
977
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
978
|
+
color: inherit;
|
|
979
|
+
background: transparent;
|
|
980
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderPrimary};
|
|
981
|
+
caret-color: ${({tokens:e})=>e.core.textAccentPrimary};
|
|
982
|
+
padding: ${({spacing:e})=>e[3]} ${({spacing:e})=>e[3]}
|
|
983
|
+
${({spacing:e})=>e[3]} ${({spacing:e})=>e[10]};
|
|
984
|
+
font-size: ${({textSize:e})=>e.large};
|
|
985
|
+
line-height: ${({typography:e})=>e[`lg-regular`].lineHeight};
|
|
986
|
+
letter-spacing: ${({typography:e})=>e[`lg-regular`].letterSpacing};
|
|
987
|
+
font-weight: ${({fontWeight:e})=>e.regular};
|
|
988
|
+
font-family: ${({fontFamily:e})=>e.regular};
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
input[data-size='lg'] {
|
|
992
|
+
padding: ${({spacing:e})=>e[4]} ${({spacing:e})=>e[3]}
|
|
993
|
+
${({spacing:e})=>e[4]} ${({spacing:e})=>e[10]};
|
|
994
|
+
}
|
|
995
|
+
|
|
996
|
+
@media (hover: hover) and (pointer: fine) {
|
|
997
|
+
input:hover:enabled {
|
|
998
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderSecondary};
|
|
999
|
+
}
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
input:disabled {
|
|
1003
|
+
cursor: unset;
|
|
1004
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderPrimary};
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
input::placeholder {
|
|
1008
|
+
color: ${({tokens:e})=>e.theme.textSecondary};
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
input:focus:enabled {
|
|
1012
|
+
border: 1px solid ${({tokens:e})=>e.theme.borderSecondary};
|
|
1013
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
1014
|
+
-webkit-box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent040};
|
|
1015
|
+
-moz-box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent040};
|
|
1016
|
+
box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent040};
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
div.wui-input-text-container:has(input:disabled) {
|
|
1020
|
+
opacity: 0.5;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
wui-icon.wui-input-text-left-icon {
|
|
1024
|
+
position: absolute;
|
|
1025
|
+
top: 50%;
|
|
1026
|
+
transform: translateY(-50%);
|
|
1027
|
+
pointer-events: none;
|
|
1028
|
+
left: ${({spacing:e})=>e[4]};
|
|
1029
|
+
color: ${({tokens:e})=>e.theme.iconDefault};
|
|
1030
|
+
}
|
|
1031
|
+
|
|
1032
|
+
button.wui-input-text-submit-button {
|
|
1033
|
+
position: absolute;
|
|
1034
|
+
top: 50%;
|
|
1035
|
+
transform: translateY(-50%);
|
|
1036
|
+
right: ${({spacing:e})=>e[3]};
|
|
1037
|
+
width: 24px;
|
|
1038
|
+
height: 24px;
|
|
1039
|
+
border: none;
|
|
1040
|
+
background: transparent;
|
|
1041
|
+
border-radius: ${({borderRadius:e})=>e[2]};
|
|
1042
|
+
color: ${({tokens:e})=>e.core.textAccentPrimary};
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
button.wui-input-text-submit-button:disabled {
|
|
1046
|
+
opacity: 1;
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
button.wui-input-text-submit-button.loading wui-icon {
|
|
1050
|
+
animation: spin 1s linear infinite;
|
|
1051
|
+
}
|
|
1052
|
+
|
|
1053
|
+
button.wui-input-text-submit-button:hover {
|
|
1054
|
+
background: ${({tokens:e})=>e.core.foregroundAccent010};
|
|
1055
|
+
}
|
|
1056
|
+
|
|
1057
|
+
input:has(+ .wui-input-text-submit-button) {
|
|
1058
|
+
padding-right: ${({spacing:e})=>e[12]};
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
input[type='number'] {
|
|
1062
|
+
-moz-appearance: textfield;
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
input[type='search']::-webkit-search-decoration,
|
|
1066
|
+
input[type='search']::-webkit-search-cancel-button,
|
|
1067
|
+
input[type='search']::-webkit-search-results-button,
|
|
1068
|
+
input[type='search']::-webkit-search-results-decoration {
|
|
1069
|
+
-webkit-appearance: none;
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
/* -- Keyframes --------------------------------------------------- */
|
|
1073
|
+
@keyframes spin {
|
|
1074
|
+
from {
|
|
1075
|
+
transform: rotate(0deg);
|
|
1076
|
+
}
|
|
1077
|
+
to {
|
|
1078
|
+
transform: rotate(360deg);
|
|
1079
|
+
}
|
|
1080
|
+
}
|
|
1081
|
+
`,W=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},G=class extends w{constructor(){super(...arguments),this.inputElementRef=Ut(),this.disabled=!1,this.loading=!1,this.placeholder=``,this.type=`text`,this.value=``,this.size=`md`}render(){return E` <div class="wui-input-text-container">
|
|
1082
|
+
${this.templateLeftIcon()}
|
|
1083
|
+
<input
|
|
1084
|
+
data-size=${this.size}
|
|
1085
|
+
${Kt(this.inputElementRef)}
|
|
1086
|
+
data-testid="wui-input-text"
|
|
1087
|
+
type=${this.type}
|
|
1088
|
+
enterkeyhint=${A(this.enterKeyHint)}
|
|
1089
|
+
?disabled=${this.disabled}
|
|
1090
|
+
placeholder=${this.placeholder}
|
|
1091
|
+
@input=${this.dispatchInputChangeEvent.bind(this)}
|
|
1092
|
+
@keydown=${this.onKeyDown}
|
|
1093
|
+
.value=${this.value||``}
|
|
1094
|
+
/>
|
|
1095
|
+
${this.templateSubmitButton()}
|
|
1096
|
+
<slot class="wui-input-text-slot"></slot>
|
|
1097
|
+
</div>
|
|
1098
|
+
${this.templateError()} ${this.templateWarning()}`}templateLeftIcon(){return this.icon?E`<wui-icon
|
|
1099
|
+
class="wui-input-text-left-icon"
|
|
1100
|
+
size="md"
|
|
1101
|
+
data-size=${this.size}
|
|
1102
|
+
color="inherit"
|
|
1103
|
+
name=${this.icon}
|
|
1104
|
+
></wui-icon>`:null}templateSubmitButton(){return this.onSubmit?E`<button
|
|
1105
|
+
class="wui-input-text-submit-button ${this.loading?`loading`:``}"
|
|
1106
|
+
@click=${this.onSubmit?.bind(this)}
|
|
1107
|
+
?disabled=${this.disabled||this.loading}
|
|
1108
|
+
>
|
|
1109
|
+
${this.loading?E`<wui-icon name="spinner" size="md"></wui-icon>`:E`<wui-icon name="chevronRight" size="md"></wui-icon>`}
|
|
1110
|
+
</button>`:null}templateError(){return this.errorText?E`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`:null}templateWarning(){return this.warningText?E`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent(`inputChange`,{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};G.styles=[C,T,$t],W([k()],G.prototype,`icon`,void 0),W([k({type:Boolean})],G.prototype,`disabled`,void 0),W([k({type:Boolean})],G.prototype,`loading`,void 0),W([k()],G.prototype,`placeholder`,void 0),W([k()],G.prototype,`type`,void 0),W([k()],G.prototype,`value`,void 0),W([k()],G.prototype,`errorText`,void 0),W([k()],G.prototype,`warningText`,void 0),W([k()],G.prototype,`onSubmit`,void 0),W([k()],G.prototype,`size`,void 0),W([k({attribute:!1})],G.prototype,`onKeyDown`,void 0),G=W([O(`wui-input-text`)],G);var en=D`
|
|
1111
|
+
:host {
|
|
1112
|
+
position: relative;
|
|
1113
|
+
display: inline-block;
|
|
1114
|
+
width: 100%;
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
wui-icon {
|
|
1118
|
+
position: absolute;
|
|
1119
|
+
top: 50%;
|
|
1120
|
+
transform: translateY(-50%);
|
|
1121
|
+
right: ${({spacing:e})=>e[3]};
|
|
1122
|
+
color: ${({tokens:e})=>e.theme.iconDefault};
|
|
1123
|
+
cursor: pointer;
|
|
1124
|
+
padding: ${({spacing:e})=>e[2]};
|
|
1125
|
+
background-color: transparent;
|
|
1126
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
1127
|
+
transition: background-color ${({durations:e})=>e.lg}
|
|
1128
|
+
${({easings:e})=>e[`ease-out-power-2`]};
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
@media (hover: hover) {
|
|
1132
|
+
wui-icon:hover {
|
|
1133
|
+
background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
|
|
1134
|
+
}
|
|
1135
|
+
}
|
|
1136
|
+
`,tn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},nn=class extends w{constructor(){super(...arguments),this.inputComponentRef=Ut(),this.inputValue=``}render(){return E`
|
|
1137
|
+
<wui-input-text
|
|
1138
|
+
${Kt(this.inputComponentRef)}
|
|
1139
|
+
placeholder="Search wallet"
|
|
1140
|
+
icon="search"
|
|
1141
|
+
type="search"
|
|
1142
|
+
enterKeyHint="search"
|
|
1143
|
+
size="sm"
|
|
1144
|
+
@inputChange=${this.onInputChange}
|
|
1145
|
+
>
|
|
1146
|
+
${this.inputValue?E`<wui-icon
|
|
1147
|
+
@click=${this.clearValue}
|
|
1148
|
+
color="inherit"
|
|
1149
|
+
size="sm"
|
|
1150
|
+
name="close"
|
|
1151
|
+
></wui-icon>`:null}
|
|
1152
|
+
</wui-input-text>
|
|
1153
|
+
`}onInputChange(e){this.inputValue=e.detail||``}clearValue(){let e=this.inputComponentRef.value?.inputElementRef.value;e&&(e.value=``,this.inputValue=``,e.focus(),e.dispatchEvent(new Event(`input`)))}};nn.styles=[C,en],tn([k()],nn.prototype,`inputValue`,void 0),nn=tn([O(`wui-search-bar`)],nn);var rn=ne`<svg viewBox="0 0 48 54" fill="none">
|
|
1154
|
+
<path
|
|
1155
|
+
d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
|
|
1156
|
+
/>
|
|
1157
|
+
</svg>`,an=D`
|
|
1158
|
+
:host {
|
|
1159
|
+
display: flex;
|
|
1160
|
+
flex-direction: column;
|
|
1161
|
+
justify-content: center;
|
|
1162
|
+
align-items: center;
|
|
1163
|
+
height: 104px;
|
|
1164
|
+
width: 104px;
|
|
1165
|
+
row-gap: ${({spacing:e})=>e[2]};
|
|
1166
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
1167
|
+
border-radius: ${({borderRadius:e})=>e[5]};
|
|
1168
|
+
position: relative;
|
|
1169
|
+
}
|
|
1170
|
+
|
|
1171
|
+
wui-shimmer[data-type='network'] {
|
|
1172
|
+
border: none;
|
|
1173
|
+
-webkit-clip-path: var(--apkt-path-network);
|
|
1174
|
+
clip-path: var(--apkt-path-network);
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
svg {
|
|
1178
|
+
position: absolute;
|
|
1179
|
+
width: 48px;
|
|
1180
|
+
height: 54px;
|
|
1181
|
+
z-index: 1;
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1184
|
+
svg > path {
|
|
1185
|
+
stroke: ${({tokens:e})=>e.theme.foregroundSecondary};
|
|
1186
|
+
stroke-width: 1px;
|
|
1187
|
+
}
|
|
1188
|
+
|
|
1189
|
+
@media (max-width: 350px) {
|
|
1190
|
+
:host {
|
|
1191
|
+
width: 100%;
|
|
1192
|
+
}
|
|
1193
|
+
}
|
|
1194
|
+
`,on=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},sn=class extends w{constructor(){super(...arguments),this.type=`wallet`}render(){return E`
|
|
1195
|
+
${this.shimmerTemplate()}
|
|
1196
|
+
<wui-shimmer width="80px" height="20px"></wui-shimmer>
|
|
1197
|
+
`}shimmerTemplate(){return this.type===`network`?E` <wui-shimmer data-type=${this.type} width="48px" height="54px"></wui-shimmer>
|
|
1198
|
+
${rn}`:E`<wui-shimmer width="56px" height="56px"></wui-shimmer>`}};sn.styles=[C,T,an],on([k()],sn.prototype,`type`,void 0),sn=on([O(`wui-card-select-loader`)],sn);var cn=ae`
|
|
1199
|
+
:host {
|
|
1200
|
+
display: grid;
|
|
1201
|
+
width: inherit;
|
|
1202
|
+
height: inherit;
|
|
1203
|
+
}
|
|
1204
|
+
`,K=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},q=class extends w{render(){return this.style.cssText=`
|
|
1205
|
+
grid-template-rows: ${this.gridTemplateRows};
|
|
1206
|
+
grid-template-columns: ${this.gridTemplateColumns};
|
|
1207
|
+
justify-items: ${this.justifyItems};
|
|
1208
|
+
align-items: ${this.alignItems};
|
|
1209
|
+
justify-content: ${this.justifyContent};
|
|
1210
|
+
align-content: ${this.alignContent};
|
|
1211
|
+
column-gap: ${this.columnGap&&`var(--apkt-spacing-${this.columnGap})`};
|
|
1212
|
+
row-gap: ${this.rowGap&&`var(--apkt-spacing-${this.rowGap})`};
|
|
1213
|
+
gap: ${this.gap&&`var(--apkt-spacing-${this.gap})`};
|
|
1214
|
+
padding-top: ${this.padding&&j.getSpacingStyles(this.padding,0)};
|
|
1215
|
+
padding-right: ${this.padding&&j.getSpacingStyles(this.padding,1)};
|
|
1216
|
+
padding-bottom: ${this.padding&&j.getSpacingStyles(this.padding,2)};
|
|
1217
|
+
padding-left: ${this.padding&&j.getSpacingStyles(this.padding,3)};
|
|
1218
|
+
margin-top: ${this.margin&&j.getSpacingStyles(this.margin,0)};
|
|
1219
|
+
margin-right: ${this.margin&&j.getSpacingStyles(this.margin,1)};
|
|
1220
|
+
margin-bottom: ${this.margin&&j.getSpacingStyles(this.margin,2)};
|
|
1221
|
+
margin-left: ${this.margin&&j.getSpacingStyles(this.margin,3)};
|
|
1222
|
+
`,E`<slot></slot>`}};q.styles=[C,cn],K([k()],q.prototype,`gridTemplateRows`,void 0),K([k()],q.prototype,`gridTemplateColumns`,void 0),K([k()],q.prototype,`justifyItems`,void 0),K([k()],q.prototype,`alignItems`,void 0),K([k()],q.prototype,`justifyContent`,void 0),K([k()],q.prototype,`alignContent`,void 0),K([k()],q.prototype,`columnGap`,void 0),K([k()],q.prototype,`rowGap`,void 0),K([k()],q.prototype,`gap`,void 0),K([k()],q.prototype,`padding`,void 0),K([k()],q.prototype,`margin`,void 0),q=K([O(`wui-grid`)],q);var ln=D`
|
|
1223
|
+
button {
|
|
1224
|
+
display: flex;
|
|
1225
|
+
flex-direction: column;
|
|
1226
|
+
justify-content: center;
|
|
1227
|
+
align-items: center;
|
|
1228
|
+
cursor: pointer;
|
|
1229
|
+
width: 104px;
|
|
1230
|
+
row-gap: ${({spacing:e})=>e[2]};
|
|
1231
|
+
padding: ${({spacing:e})=>e[3]} ${({spacing:e})=>e[0]};
|
|
1232
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
1233
|
+
border-radius: clamp(0px, ${({borderRadius:e})=>e[4]}, 20px);
|
|
1234
|
+
transition:
|
|
1235
|
+
color ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-1`]},
|
|
1236
|
+
background-color ${({durations:e})=>e.lg}
|
|
1237
|
+
${({easings:e})=>e[`ease-out-power-1`]},
|
|
1238
|
+
border-radius ${({durations:e})=>e.lg}
|
|
1239
|
+
${({easings:e})=>e[`ease-out-power-1`]};
|
|
1240
|
+
will-change: background-color, color, border-radius;
|
|
1241
|
+
outline: none;
|
|
1242
|
+
border: none;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
button > wui-flex > wui-text {
|
|
1246
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
1247
|
+
max-width: 86px;
|
|
1248
|
+
white-space: nowrap;
|
|
1249
|
+
overflow: hidden;
|
|
1250
|
+
text-overflow: ellipsis;
|
|
1251
|
+
justify-content: center;
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1254
|
+
button > wui-flex > wui-text.certified {
|
|
1255
|
+
max-width: 66px;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1259
|
+
button:hover:enabled {
|
|
1260
|
+
background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
|
|
1261
|
+
}
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1264
|
+
button:disabled > wui-flex > wui-text {
|
|
1265
|
+
color: ${({tokens:e})=>e.core.glass010};
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
[data-selected='true'] {
|
|
1269
|
+
background-color: ${({colors:e})=>e.accent020};
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1273
|
+
[data-selected='true']:hover:enabled {
|
|
1274
|
+
background-color: ${({colors:e})=>e.accent010};
|
|
1275
|
+
}
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
[data-selected='true']:active:enabled {
|
|
1279
|
+
background-color: ${({colors:e})=>e.accent010};
|
|
1280
|
+
}
|
|
1281
|
+
|
|
1282
|
+
@media (max-width: 350px) {
|
|
1283
|
+
button {
|
|
1284
|
+
width: 100%;
|
|
1285
|
+
}
|
|
1286
|
+
}
|
|
1287
|
+
`,J=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Y=class extends w{constructor(){super(),this.observer=new IntersectionObserver(()=>void 0),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.isImpressed=!1,this.explorerId=``,this.walletQuery=``,this.certified=!1,this.displayIndex=0,this.wallet=void 0,this.observer=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting?(this.visible=!0,this.fetchImageSrc(),this.sendImpressionEvent()):this.visible=!1})},{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){let e=this.wallet?.badge_type===`certified`;return E`
|
|
1288
|
+
<button>
|
|
1289
|
+
${this.imageTemplate()}
|
|
1290
|
+
<wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="1">
|
|
1291
|
+
<wui-text
|
|
1292
|
+
variant="md-regular"
|
|
1293
|
+
color="inherit"
|
|
1294
|
+
class=${A(e?`certified`:void 0)}
|
|
1295
|
+
>${this.wallet?.name}</wui-text
|
|
1296
|
+
>
|
|
1297
|
+
${e?E`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null}
|
|
1298
|
+
</wui-flex>
|
|
1299
|
+
</button>
|
|
1300
|
+
`}imageTemplate(){return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():E`
|
|
1301
|
+
<wui-wallet-image
|
|
1302
|
+
size="lg"
|
|
1303
|
+
imageSrc=${A(this.imageSrc)}
|
|
1304
|
+
name=${A(this.wallet?.name)}
|
|
1305
|
+
.installed=${this.wallet?.installed??!1}
|
|
1306
|
+
badgeSize="sm"
|
|
1307
|
+
>
|
|
1308
|
+
</wui-wallet-image>
|
|
1309
|
+
`}shimmerTemplate(){return E`<wui-shimmer width="56px" height="56px"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=p.getWalletImage(this.wallet),!this.imageSrc&&(this.imageLoading=!0,this.imageSrc=await p.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}sendImpressionEvent(){this.wallet&&!this.isImpressed&&(this.isImpressed=!0,g.sendWalletImpressionEvent({name:this.wallet.name,walletRank:this.wallet.order,explorerId:this.explorerId,view:y.state.view,query:this.walletQuery,certified:this.certified,displayIndex:this.displayIndex}))}};Y.styles=ln,J([M()],Y.prototype,`visible`,void 0),J([M()],Y.prototype,`imageSrc`,void 0),J([M()],Y.prototype,`imageLoading`,void 0),J([M()],Y.prototype,`isImpressed`,void 0),J([k()],Y.prototype,`explorerId`,void 0),J([k()],Y.prototype,`walletQuery`,void 0),J([k()],Y.prototype,`certified`,void 0),J([k()],Y.prototype,`displayIndex`,void 0),J([k({type:Object})],Y.prototype,`wallet`,void 0),Y=J([O(`w3m-all-wallets-list-item`)],Y);var un=D`
|
|
1310
|
+
wui-grid {
|
|
1311
|
+
max-height: clamp(360px, 400px, 80vh);
|
|
1312
|
+
overflow: scroll;
|
|
1313
|
+
scrollbar-width: none;
|
|
1314
|
+
grid-auto-rows: min-content;
|
|
1315
|
+
grid-template-columns: repeat(auto-fill, 104px);
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
:host([data-mobile-fullscreen='true']) wui-grid {
|
|
1319
|
+
max-height: none;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
@media (max-width: 350px) {
|
|
1323
|
+
wui-grid {
|
|
1324
|
+
grid-template-columns: repeat(2, 1fr);
|
|
1325
|
+
}
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
wui-grid[data-scroll='false'] {
|
|
1329
|
+
overflow: hidden;
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1332
|
+
wui-grid::-webkit-scrollbar {
|
|
1333
|
+
display: none;
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
w3m-all-wallets-list-item {
|
|
1337
|
+
opacity: 0;
|
|
1338
|
+
animation-duration: ${({durations:e})=>e.xl};
|
|
1339
|
+
animation-timing-function: ${({easings:e})=>e[`ease-inout-power-2`]};
|
|
1340
|
+
animation-name: fade-in;
|
|
1341
|
+
animation-fill-mode: forwards;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
@keyframes fade-in {
|
|
1345
|
+
from {
|
|
1346
|
+
opacity: 0;
|
|
1347
|
+
}
|
|
1348
|
+
to {
|
|
1349
|
+
opacity: 1;
|
|
1350
|
+
}
|
|
1351
|
+
}
|
|
1352
|
+
|
|
1353
|
+
wui-loading-spinner {
|
|
1354
|
+
padding-top: ${({spacing:e})=>e[4]};
|
|
1355
|
+
padding-bottom: ${({spacing:e})=>e[4]};
|
|
1356
|
+
justify-content: center;
|
|
1357
|
+
grid-column: 1 / span 4;
|
|
1358
|
+
}
|
|
1359
|
+
`,X=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},dn=`local-paginator`,Z=class extends w{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!b.state.wallets.length,this.wallets=b.state.wallets,this.recommended=b.state.recommended,this.featured=b.state.featured,this.filteredWallets=b.state.filteredWallets,this.mobileFullScreen=x.state.enableMobileFullScreen,this.unsubscribe.push(b.subscribeKey(`wallets`,e=>this.wallets=e),b.subscribeKey(`recommended`,e=>this.recommended=e),b.subscribeKey(`featured`,e=>this.featured=e),b.subscribeKey(`filteredWallets`,e=>this.filteredWallets=e))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.paginationObserver?.disconnect()}render(){return this.mobileFullScreen&&this.setAttribute(`data-mobile-fullscreen`,`true`),E`
|
|
1360
|
+
<wui-grid
|
|
1361
|
+
data-scroll=${!this.loading}
|
|
1362
|
+
.padding=${[`0`,`3`,`3`,`3`]}
|
|
1363
|
+
gap="2"
|
|
1364
|
+
justifyContent="space-between"
|
|
1365
|
+
>
|
|
1366
|
+
${this.loading?this.shimmerTemplate(16):this.walletsTemplate()}
|
|
1367
|
+
${this.paginationLoaderTemplate()}
|
|
1368
|
+
</wui-grid>
|
|
1369
|
+
`}async initialFetch(){this.loading=!0;let e=this.shadowRoot?.querySelector(`wui-grid`);e&&(await b.fetchWalletsByPage({page:1}),await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:`forwards`,easing:`ease`}).finished,this.loading=!1,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:`forwards`,easing:`ease`}))}shimmerTemplate(e,t){return[...Array(e)].map(()=>E`
|
|
1370
|
+
<wui-card-select-loader type="wallet" id=${A(t)}></wui-card-select-loader>
|
|
1371
|
+
`)}getWallets(){let e=[...this.featured,...this.recommended];this.filteredWallets?.length>0?e.push(...this.filteredWallets):e.push(...this.wallets);let t=c.uniqueBy(e,`id`),n=r.markWalletsAsInstalled(t);return r.markWalletsWithDisplayIndex(n)}walletsTemplate(){return this.getWallets().map((e,t)=>E`
|
|
1372
|
+
<w3m-all-wallets-list-item
|
|
1373
|
+
data-testid="wallet-search-item-${e.id}"
|
|
1374
|
+
@click=${()=>this.onConnectWallet(e)}
|
|
1375
|
+
.wallet=${e}
|
|
1376
|
+
explorerId=${e.id}
|
|
1377
|
+
certified=${this.badge===`certified`}
|
|
1378
|
+
displayIndex=${t}
|
|
1379
|
+
></w3m-all-wallets-list-item>
|
|
1380
|
+
`)}paginationLoaderTemplate(){let{wallets:e,recommended:t,featured:n,count:r,mobileFilteredOutWalletsLength:i}=b.state,a=window.innerWidth<352?3:4,o=e.length+t.length,s=Math.ceil(o/a)*a-o+a;return s-=e.length?n.length%a:0,r===0&&n.length>0?null:r===0||[...n,...e,...t].length<r-(i??0)?this.shimmerTemplate(s,dn):null}createPaginationObserver(){let e=this.shadowRoot?.querySelector(`#${dn}`);e&&(this.paginationObserver=new IntersectionObserver(([e])=>{if(e?.isIntersecting&&!this.loading){let{page:e,count:t,wallets:n}=b.state;n.length<t&&b.fetchWalletsByPage({page:e+1})}}),this.paginationObserver.observe(e))}onConnectWallet(e){m.selectWalletConnector(e)}};Z.styles=un,X([M()],Z.prototype,`loading`,void 0),X([M()],Z.prototype,`wallets`,void 0),X([M()],Z.prototype,`recommended`,void 0),X([M()],Z.prototype,`featured`,void 0),X([M()],Z.prototype,`filteredWallets`,void 0),X([M()],Z.prototype,`badge`,void 0),X([M()],Z.prototype,`mobileFullScreen`,void 0),Z=X([O(`w3m-all-wallets-list`)],Z);var fn=ae`
|
|
1381
|
+
wui-grid,
|
|
1382
|
+
wui-loading-spinner,
|
|
1383
|
+
wui-flex {
|
|
1384
|
+
height: 360px;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
wui-grid {
|
|
1388
|
+
overflow: scroll;
|
|
1389
|
+
scrollbar-width: none;
|
|
1390
|
+
grid-auto-rows: min-content;
|
|
1391
|
+
grid-template-columns: repeat(auto-fill, 104px);
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
:host([data-mobile-fullscreen='true']) wui-grid {
|
|
1395
|
+
max-height: none;
|
|
1396
|
+
height: auto;
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
wui-grid[data-scroll='false'] {
|
|
1400
|
+
overflow: hidden;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
wui-grid::-webkit-scrollbar {
|
|
1404
|
+
display: none;
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
wui-loading-spinner {
|
|
1408
|
+
justify-content: center;
|
|
1409
|
+
align-items: center;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
@media (max-width: 350px) {
|
|
1413
|
+
wui-grid {
|
|
1414
|
+
grid-template-columns: repeat(2, 1fr);
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
`,pn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},mn=class extends w{constructor(){super(...arguments),this.prevQuery=``,this.prevBadge=void 0,this.loading=!0,this.mobileFullScreen=x.state.enableMobileFullScreen,this.query=``}render(){return this.mobileFullScreen&&this.setAttribute(`data-mobile-fullscreen`,`true`),this.onSearch(),this.loading?E`<wui-loading-spinner color="accent-primary"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){(this.query.trim()!==this.prevQuery.trim()||this.badge!==this.prevBadge)&&(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await b.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){let{search:e}=b.state,t=r.markWalletsAsInstalled(e);return e.length?E`
|
|
1418
|
+
<wui-grid
|
|
1419
|
+
data-testid="wallet-list"
|
|
1420
|
+
.padding=${[`0`,`3`,`3`,`3`]}
|
|
1421
|
+
rowGap="4"
|
|
1422
|
+
columngap="2"
|
|
1423
|
+
justifyContent="space-between"
|
|
1424
|
+
>
|
|
1425
|
+
${t.map((e,t)=>E`
|
|
1426
|
+
<w3m-all-wallets-list-item
|
|
1427
|
+
@click=${()=>this.onConnectWallet(e)}
|
|
1428
|
+
.wallet=${e}
|
|
1429
|
+
data-testid="wallet-search-item-${e.id}"
|
|
1430
|
+
explorerId=${e.id}
|
|
1431
|
+
certified=${this.badge===`certified`}
|
|
1432
|
+
walletQuery=${this.query}
|
|
1433
|
+
displayIndex=${t}
|
|
1434
|
+
></w3m-all-wallets-list-item>
|
|
1435
|
+
`)}
|
|
1436
|
+
</wui-grid>
|
|
1437
|
+
`:E`
|
|
1438
|
+
<wui-flex
|
|
1439
|
+
data-testid="no-wallet-found"
|
|
1440
|
+
justifyContent="center"
|
|
1441
|
+
alignItems="center"
|
|
1442
|
+
gap="3"
|
|
1443
|
+
flexDirection="column"
|
|
1444
|
+
>
|
|
1445
|
+
<wui-icon-box size="lg" color="default" icon="wallet"></wui-icon-box>
|
|
1446
|
+
<wui-text data-testid="no-wallet-found-text" color="secondary" variant="md-medium">
|
|
1447
|
+
No Wallet found
|
|
1448
|
+
</wui-text>
|
|
1449
|
+
</wui-flex>
|
|
1450
|
+
`}onConnectWallet(e){m.selectWalletConnector(e)}};mn.styles=fn,pn([M()],mn.prototype,`loading`,void 0),pn([M()],mn.prototype,`mobileFullScreen`,void 0),pn([k()],mn.prototype,`query`,void 0),pn([k()],mn.prototype,`badge`,void 0),mn=pn([O(`w3m-all-wallets-search`)],mn);var hn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},gn=class extends w{constructor(){super(...arguments),this.search=``,this.badge=void 0,this.onDebouncedSearch=c.debounce(e=>{this.search=e})}render(){let e=this.search.length>=2;return E`
|
|
1451
|
+
<wui-flex .padding=${[`1`,`3`,`3`,`3`]} gap="2" alignItems="center">
|
|
1452
|
+
<wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
|
|
1453
|
+
<wui-certified-switch
|
|
1454
|
+
?checked=${this.badge===`certified`}
|
|
1455
|
+
@certifiedSwitchChange=${this.onCertifiedSwitchChange.bind(this)}
|
|
1456
|
+
data-testid="wui-certified-switch"
|
|
1457
|
+
></wui-certified-switch>
|
|
1458
|
+
${this.qrButtonTemplate()}
|
|
1459
|
+
</wui-flex>
|
|
1460
|
+
${e||this.badge?E`<w3m-all-wallets-search
|
|
1461
|
+
query=${this.search}
|
|
1462
|
+
.badge=${this.badge}
|
|
1463
|
+
></w3m-all-wallets-search>`:E`<w3m-all-wallets-list .badge=${this.badge}></w3m-all-wallets-list>`}
|
|
1464
|
+
`}onInputChange(e){this.onDebouncedSearch(e.detail)}onCertifiedSwitchChange(e){e.detail?(this.badge=`certified`,te.showSvg(`Only WalletConnect certified`,{icon:`walletConnectBrown`,iconColor:`accent-100`})):this.badge=void 0}qrButtonTemplate(){return c.isMobile()?E`
|
|
1465
|
+
<wui-icon-box
|
|
1466
|
+
size="xl"
|
|
1467
|
+
iconSize="xl"
|
|
1468
|
+
color="accent-primary"
|
|
1469
|
+
icon="qrCode"
|
|
1470
|
+
border
|
|
1471
|
+
borderColor="wui-accent-glass-010"
|
|
1472
|
+
@click=${this.onWalletConnectQr.bind(this)}
|
|
1473
|
+
></wui-icon-box>
|
|
1474
|
+
`:null}onWalletConnectQr(){y.push(`ConnectingWalletConnect`)}};hn([M()],gn.prototype,`search`,void 0),hn([M()],gn.prototype,`badge`,void 0),gn=hn([O(`w3m-all-wallets-view`)],gn);var _n=D`
|
|
1475
|
+
:host {
|
|
1476
|
+
width: 100%;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
button {
|
|
1480
|
+
display: flex;
|
|
1481
|
+
align-items: center;
|
|
1482
|
+
justify-content: space-between;
|
|
1483
|
+
padding: ${({spacing:e})=>e[3]};
|
|
1484
|
+
width: 100%;
|
|
1485
|
+
background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
|
|
1486
|
+
border-radius: ${({borderRadius:e})=>e[4]};
|
|
1487
|
+
transition:
|
|
1488
|
+
background-color ${({durations:e})=>e.lg}
|
|
1489
|
+
${({easings:e})=>e[`ease-out-power-2`]},
|
|
1490
|
+
scale ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]};
|
|
1491
|
+
will-change: background-color, scale;
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
wui-text {
|
|
1495
|
+
text-transform: capitalize;
|
|
1496
|
+
}
|
|
1497
|
+
|
|
1498
|
+
wui-image {
|
|
1499
|
+
color: ${({tokens:e})=>e.theme.textPrimary};
|
|
1500
|
+
}
|
|
1501
|
+
|
|
1502
|
+
@media (hover: hover) {
|
|
1503
|
+
button:hover:enabled {
|
|
1504
|
+
background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
|
|
1505
|
+
}
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
button:disabled {
|
|
1509
|
+
opacity: 0.5;
|
|
1510
|
+
cursor: not-allowed;
|
|
1511
|
+
}
|
|
1512
|
+
`,Q=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},$=class extends w{constructor(){super(...arguments),this.imageSrc=`google`,this.loading=!1,this.disabled=!1,this.rightIcon=!0,this.rounded=!1,this.fullSize=!1}render(){return this.dataset.rounded=this.rounded?`true`:`false`,E`
|
|
1513
|
+
<button
|
|
1514
|
+
?disabled=${this.loading?!0:!!this.disabled}
|
|
1515
|
+
data-loading=${this.loading}
|
|
1516
|
+
tabindex=${A(this.tabIdx)}
|
|
1517
|
+
>
|
|
1518
|
+
<wui-flex gap="2" alignItems="center">
|
|
1519
|
+
${this.templateLeftIcon()}
|
|
1520
|
+
<wui-flex gap="1">
|
|
1521
|
+
<slot></slot>
|
|
1522
|
+
</wui-flex>
|
|
1523
|
+
</wui-flex>
|
|
1524
|
+
${this.templateRightIcon()}
|
|
1525
|
+
</button>
|
|
1526
|
+
`}templateLeftIcon(){return this.icon?E`<wui-image
|
|
1527
|
+
icon=${this.icon}
|
|
1528
|
+
iconColor=${A(this.iconColor)}
|
|
1529
|
+
?boxed=${!0}
|
|
1530
|
+
?rounded=${this.rounded}
|
|
1531
|
+
></wui-image>`:E`<wui-image
|
|
1532
|
+
?boxed=${!0}
|
|
1533
|
+
?rounded=${this.rounded}
|
|
1534
|
+
?fullSize=${this.fullSize}
|
|
1535
|
+
src=${this.imageSrc}
|
|
1536
|
+
></wui-image>`}templateRightIcon(){return this.rightIcon?this.loading?E`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:E`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>`:null}};$.styles=[C,T,_n],Q([k()],$.prototype,`imageSrc`,void 0),Q([k()],$.prototype,`icon`,void 0),Q([k()],$.prototype,`iconColor`,void 0),Q([k({type:Boolean})],$.prototype,`loading`,void 0),Q([k()],$.prototype,`tabIdx`,void 0),Q([k({type:Boolean})],$.prototype,`disabled`,void 0),Q([k({type:Boolean})],$.prototype,`rightIcon`,void 0),Q([k({type:Boolean})],$.prototype,`rounded`,void 0),Q([k({type:Boolean})],$.prototype,`fullSize`,void 0),$=Q([O(`wui-list-item`)],$);var vn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},yn=class extends w{constructor(){super(...arguments),this.wallet=y.state.data?.wallet}render(){if(!this.wallet)throw Error(`w3m-downloads-view`);return E`
|
|
1537
|
+
<wui-flex gap="2" flexDirection="column" .padding=${[`3`,`3`,`4`,`3`]}>
|
|
1538
|
+
${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
|
|
1539
|
+
${this.homepageTemplate()}
|
|
1540
|
+
</wui-flex>
|
|
1541
|
+
`}chromeTemplate(){return this.wallet?.chrome_store?E`<wui-list-item
|
|
1542
|
+
variant="icon"
|
|
1543
|
+
icon="chromeStore"
|
|
1544
|
+
iconVariant="square"
|
|
1545
|
+
@click=${this.onChromeStore.bind(this)}
|
|
1546
|
+
chevron
|
|
1547
|
+
>
|
|
1548
|
+
<wui-text variant="md-medium" color="primary">Chrome Extension</wui-text>
|
|
1549
|
+
</wui-list-item>`:null}iosTemplate(){return this.wallet?.app_store?E`<wui-list-item
|
|
1550
|
+
variant="icon"
|
|
1551
|
+
icon="appStore"
|
|
1552
|
+
iconVariant="square"
|
|
1553
|
+
@click=${this.onAppStore.bind(this)}
|
|
1554
|
+
chevron
|
|
1555
|
+
>
|
|
1556
|
+
<wui-text variant="md-medium" color="primary">iOS App</wui-text>
|
|
1557
|
+
</wui-list-item>`:null}androidTemplate(){return this.wallet?.play_store?E`<wui-list-item
|
|
1558
|
+
variant="icon"
|
|
1559
|
+
icon="playStore"
|
|
1560
|
+
iconVariant="square"
|
|
1561
|
+
@click=${this.onPlayStore.bind(this)}
|
|
1562
|
+
chevron
|
|
1563
|
+
>
|
|
1564
|
+
<wui-text variant="md-medium" color="primary">Android App</wui-text>
|
|
1565
|
+
</wui-list-item>`:null}homepageTemplate(){return this.wallet?.homepage?E`
|
|
1566
|
+
<wui-list-item
|
|
1567
|
+
variant="icon"
|
|
1568
|
+
icon="browser"
|
|
1569
|
+
iconVariant="square-blue"
|
|
1570
|
+
@click=${this.onHomePage.bind(this)}
|
|
1571
|
+
chevron
|
|
1572
|
+
>
|
|
1573
|
+
<wui-text variant="md-medium" color="primary">Website</wui-text>
|
|
1574
|
+
</wui-list-item>
|
|
1575
|
+
`:null}openStore(e){e.href&&this.wallet&&(g.sendEvent({type:`track`,event:`GET_WALLET`,properties:{name:this.wallet.name,walletRank:this.wallet.order,explorerId:this.wallet.id,type:e.type}}),c.openHref(e.href,`_blank`))}onChromeStore(){this.wallet?.chrome_store&&this.openStore({href:this.wallet.chrome_store,type:`chrome_store`})}onAppStore(){this.wallet?.app_store&&this.openStore({href:this.wallet.app_store,type:`app_store`})}onPlayStore(){this.wallet?.play_store&&this.openStore({href:this.wallet.play_store,type:`play_store`})}onHomePage(){this.wallet?.homepage&&this.openStore({href:this.wallet.homepage,type:`homepage`})}};yn=vn([O(`w3m-downloads-view`)],yn);export{gn as W3mAllWalletsView,Nt as W3mConnectingWcBasicView,yn as W3mDownloadsView};
|