@privy-io/react-auth 2.0.1 → 2.0.2-beta-20250114201156

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.
Files changed (155) hide show
  1. package/dist/cjs/client.js +1 -1
  2. package/dist/cjs/components/ModalFooter.js +2 -2
  3. package/dist/cjs/components/embedded-wallets/SetWalletPasswordForm/ConfimWalletPasswordForm.js +1 -1
  4. package/dist/cjs/components/embedded-wallets/SetWalletPasswordForm/ConfimWalletPasswordSaved.js +1 -1
  5. package/dist/cjs/components/embedded-wallets/SetWalletPasswordForm/CreateWalletPassword.js +1 -1
  6. package/dist/cjs/components/embedded-wallets/SetWalletPasswordForm/SaveWalletPassword.js +1 -1
  7. package/dist/cjs/components/embedded-wallets/SetWalletPasswordForm/SetWalletPasswordComplete.js +1 -1
  8. package/dist/cjs/config.js +1 -1
  9. package/dist/cjs/connectors/embeddedProvider.js +1 -1
  10. package/dist/cjs/connectors/index.js +1 -1
  11. package/dist/cjs/constants.js +1 -1
  12. package/dist/cjs/embedded-wallets/solana/provider.js +1 -1
  13. package/dist/cjs/hooks/privy-provider.js +1 -1
  14. package/dist/cjs/index.js +1 -1
  15. package/dist/cjs/privy-components/user-pill/UserMenu.js +1 -1
  16. package/dist/cjs/privy-provider-CjsU1Mr4.js +3 -0
  17. package/dist/cjs/screens/AccountTransferScreen/EmbeddedWalletInfoView.js +1 -1
  18. package/dist/cjs/screens/AccountTransferScreen/LinkConflictScreen.js +1 -1
  19. package/dist/cjs/screens/AffirmativeConsentScreen.js +1 -1
  20. package/dist/cjs/screens/AwaitingPasswordlessCodeScreen.js +1 -1
  21. package/dist/cjs/screens/CaptchaScreen.js +1 -1
  22. package/dist/cjs/screens/ConnectOnlyAuthenticatedScreen.js +1 -1
  23. package/dist/cjs/screens/ConnectOnlyLandingScreen.js +1 -1
  24. package/dist/cjs/screens/ConnectOnlyStatusScreen.js +1 -1
  25. package/dist/cjs/screens/ConnectionStatusScreen.js +1 -1
  26. package/dist/cjs/screens/CrossAppAuthScreen.js +1 -1
  27. package/dist/cjs/screens/DelegatedActionsConsentScreen.js +1 -1
  28. package/dist/cjs/screens/DelegatedActionsRevokeScreen.js +1 -1
  29. package/dist/cjs/screens/EmbeddedWalletCreatedScreen.js +1 -1
  30. package/dist/cjs/screens/EmbeddedWalletKeyExportScreen.js +1 -1
  31. package/dist/cjs/screens/EmbeddedWalletPasswordUpdateSplashScreen.js +1 -1
  32. package/dist/cjs/screens/FarcasterConnectStatusScreen.js +1 -1
  33. package/dist/cjs/screens/FarcasterSignerStatusScreen.js +1 -1
  34. package/dist/cjs/screens/Funding/AwaitingEvmToSolBridgingScreen.js +1 -1
  35. package/dist/cjs/screens/Funding/AwaitingExternalSolanaTransferScreen.js +1 -1
  36. package/dist/cjs/screens/Funding/AwaitingExternalTransferScreen.js +1 -1
  37. package/dist/cjs/screens/Funding/AwaitingSolToEvmBridgingScreen.js +1 -1
  38. package/dist/cjs/screens/Funding/BridgeNetworkSelectionView.js +1 -1
  39. package/dist/cjs/screens/Funding/CoinbaseOnrampStatusScreen.js +1 -1
  40. package/dist/cjs/screens/Funding/FundingEditAmountScreen.js +1 -1
  41. package/dist/cjs/screens/Funding/FundingMethodSelectionScreen.js +1 -1
  42. package/dist/cjs/screens/Funding/ManualTransferScreen.js +1 -1
  43. package/dist/cjs/screens/Funding/MoonpayStatusScreen.js +1 -1
  44. package/dist/cjs/screens/Funding/TransferFromWalletScreen.js +1 -1
  45. package/dist/cjs/screens/Funding/TransferOrBridgeLoadingScreen.js +1 -1
  46. package/dist/cjs/screens/Funding/styles.js +1 -1
  47. package/dist/cjs/screens/InAppBrowserLoginNotPossible.js +1 -1
  48. package/dist/cjs/screens/InstallPhantomScreen.js +1 -1
  49. package/dist/cjs/screens/LandingScreen/CustomLandingScreenView.js +1 -1
  50. package/dist/cjs/screens/LandingScreen/LandingScreenView.js +1 -1
  51. package/dist/cjs/screens/LinkPasskeyScreen.js +1 -1
  52. package/dist/cjs/screens/LinkWalletScreen.js +1 -1
  53. package/dist/cjs/screens/LoginFailedScreen.js +1 -1
  54. package/dist/cjs/screens/MfaScreens/EnrollLandingScreen.js +1 -1
  55. package/dist/cjs/screens/MfaScreens/EnrollPasskey.js +1 -1
  56. package/dist/cjs/screens/MfaScreens/EnrollTotp.js +1 -1
  57. package/dist/cjs/screens/MfaScreens/MfaEnrollmentFlowScreen.js +1 -1
  58. package/dist/cjs/screens/MfaScreens/MfaVerifyFlowScreen.js +1 -1
  59. package/dist/cjs/screens/MfaScreens/VerifyWithPasskey.js +1 -1
  60. package/dist/cjs/screens/OAuthStatusScreen.js +1 -1
  61. package/dist/cjs/screens/PasskeySelectSignupOrLogin.js +1 -1
  62. package/dist/cjs/screens/PasskeyStatusScreen.js +1 -1
  63. package/dist/cjs/screens/PhantomInterstitialScreen.js +1 -1
  64. package/dist/cjs/screens/Recovery/PasswordRecoveryScreen.js +1 -1
  65. package/dist/cjs/screens/Recovery/RecoveryOAuthStatusScreen.js +1 -1
  66. package/dist/cjs/screens/Recovery/RecoverySelectionScreen.js +1 -1
  67. package/dist/cjs/screens/Recovery/SetAutomaticRecoveryScreen.js +1 -1
  68. package/dist/cjs/screens/SendSolanaTransactionScreen/SolanaTransactionReceiptView.js +1 -1
  69. package/dist/cjs/screens/SendTransactionScreen/SendTransactionScreenView.js +1 -1
  70. package/dist/cjs/screens/SendTransactionScreen/TransactionErrorView.js +1 -1
  71. package/dist/cjs/screens/SendTransactionScreen/TransactionReceiptView.js +1 -1
  72. package/dist/cjs/screens/SignRequestScreen.js +1 -1
  73. package/dist/cjs/screens/TelegramAuthScreen.js +1 -1
  74. package/dist/cjs/screens/UpdateEmailScreen.js +1 -1
  75. package/dist/cjs/screens/UserLimitReachedScreen.js +1 -1
  76. package/dist/cjs/session.js +1 -1
  77. package/dist/esm/client.mjs +1 -1
  78. package/dist/esm/components/ModalFooter.mjs +2 -2
  79. package/dist/esm/components/embedded-wallets/SetWalletPasswordForm/ConfimWalletPasswordForm.mjs +1 -1
  80. package/dist/esm/components/embedded-wallets/SetWalletPasswordForm/ConfimWalletPasswordSaved.mjs +1 -1
  81. package/dist/esm/components/embedded-wallets/SetWalletPasswordForm/CreateWalletPassword.mjs +1 -1
  82. package/dist/esm/components/embedded-wallets/SetWalletPasswordForm/SaveWalletPassword.mjs +1 -1
  83. package/dist/esm/components/embedded-wallets/SetWalletPasswordForm/SetWalletPasswordComplete.mjs +1 -1
  84. package/dist/esm/config.mjs +1 -1
  85. package/dist/esm/connectors/embeddedProvider.mjs +1 -1
  86. package/dist/esm/connectors/index.mjs +1 -1
  87. package/dist/esm/constants.mjs +1 -1
  88. package/dist/esm/embedded-wallets/solana/provider.mjs +1 -1
  89. package/dist/esm/hooks/privy-provider.mjs +1 -1
  90. package/dist/esm/index.mjs +1 -1
  91. package/dist/esm/privy-components/user-pill/UserMenu.mjs +1 -1
  92. package/dist/esm/privy-provider-BUvuLRa8.mjs +3 -0
  93. package/dist/esm/screens/AccountTransferScreen/EmbeddedWalletInfoView.mjs +1 -1
  94. package/dist/esm/screens/AccountTransferScreen/LinkConflictScreen.mjs +1 -1
  95. package/dist/esm/screens/AffirmativeConsentScreen.mjs +1 -1
  96. package/dist/esm/screens/AwaitingPasswordlessCodeScreen.mjs +1 -1
  97. package/dist/esm/screens/CaptchaScreen.mjs +1 -1
  98. package/dist/esm/screens/ConnectOnlyAuthenticatedScreen.mjs +1 -1
  99. package/dist/esm/screens/ConnectOnlyLandingScreen.mjs +1 -1
  100. package/dist/esm/screens/ConnectOnlyStatusScreen.mjs +1 -1
  101. package/dist/esm/screens/ConnectionStatusScreen.mjs +1 -1
  102. package/dist/esm/screens/CrossAppAuthScreen.mjs +1 -1
  103. package/dist/esm/screens/DelegatedActionsConsentScreen.mjs +1 -1
  104. package/dist/esm/screens/DelegatedActionsRevokeScreen.mjs +1 -1
  105. package/dist/esm/screens/EmbeddedWalletCreatedScreen.mjs +1 -1
  106. package/dist/esm/screens/EmbeddedWalletKeyExportScreen.mjs +1 -1
  107. package/dist/esm/screens/EmbeddedWalletPasswordUpdateSplashScreen.mjs +1 -1
  108. package/dist/esm/screens/FarcasterConnectStatusScreen.mjs +1 -1
  109. package/dist/esm/screens/FarcasterSignerStatusScreen.mjs +1 -1
  110. package/dist/esm/screens/Funding/AwaitingEvmToSolBridgingScreen.mjs +1 -1
  111. package/dist/esm/screens/Funding/AwaitingExternalSolanaTransferScreen.mjs +1 -1
  112. package/dist/esm/screens/Funding/AwaitingExternalTransferScreen.mjs +1 -1
  113. package/dist/esm/screens/Funding/AwaitingSolToEvmBridgingScreen.mjs +1 -1
  114. package/dist/esm/screens/Funding/BridgeNetworkSelectionView.mjs +1 -1
  115. package/dist/esm/screens/Funding/CoinbaseOnrampStatusScreen.mjs +1 -1
  116. package/dist/esm/screens/Funding/FundingEditAmountScreen.mjs +1 -1
  117. package/dist/esm/screens/Funding/FundingMethodSelectionScreen.mjs +1 -1
  118. package/dist/esm/screens/Funding/ManualTransferScreen.mjs +1 -1
  119. package/dist/esm/screens/Funding/MoonpayStatusScreen.mjs +1 -1
  120. package/dist/esm/screens/Funding/TransferFromWalletScreen.mjs +1 -1
  121. package/dist/esm/screens/Funding/TransferOrBridgeLoadingScreen.mjs +1 -1
  122. package/dist/esm/screens/Funding/styles.mjs +1 -1
  123. package/dist/esm/screens/InAppBrowserLoginNotPossible.mjs +1 -1
  124. package/dist/esm/screens/InstallPhantomScreen.mjs +1 -1
  125. package/dist/esm/screens/LandingScreen/CustomLandingScreenView.mjs +1 -1
  126. package/dist/esm/screens/LandingScreen/LandingScreenView.mjs +1 -1
  127. package/dist/esm/screens/LinkPasskeyScreen.mjs +1 -1
  128. package/dist/esm/screens/LinkWalletScreen.mjs +1 -1
  129. package/dist/esm/screens/LoginFailedScreen.mjs +1 -1
  130. package/dist/esm/screens/MfaScreens/EnrollLandingScreen.mjs +1 -1
  131. package/dist/esm/screens/MfaScreens/EnrollPasskey.mjs +1 -1
  132. package/dist/esm/screens/MfaScreens/EnrollTotp.mjs +1 -1
  133. package/dist/esm/screens/MfaScreens/MfaEnrollmentFlowScreen.mjs +1 -1
  134. package/dist/esm/screens/MfaScreens/MfaVerifyFlowScreen.mjs +1 -1
  135. package/dist/esm/screens/MfaScreens/VerifyWithPasskey.mjs +1 -1
  136. package/dist/esm/screens/OAuthStatusScreen.mjs +1 -1
  137. package/dist/esm/screens/PasskeySelectSignupOrLogin.mjs +1 -1
  138. package/dist/esm/screens/PasskeyStatusScreen.mjs +1 -1
  139. package/dist/esm/screens/PhantomInterstitialScreen.mjs +1 -1
  140. package/dist/esm/screens/Recovery/PasswordRecoveryScreen.mjs +1 -1
  141. package/dist/esm/screens/Recovery/RecoveryOAuthStatusScreen.mjs +1 -1
  142. package/dist/esm/screens/Recovery/RecoverySelectionScreen.mjs +1 -1
  143. package/dist/esm/screens/Recovery/SetAutomaticRecoveryScreen.mjs +1 -1
  144. package/dist/esm/screens/SendSolanaTransactionScreen/SolanaTransactionReceiptView.mjs +1 -1
  145. package/dist/esm/screens/SendTransactionScreen/SendTransactionScreenView.mjs +1 -1
  146. package/dist/esm/screens/SendTransactionScreen/TransactionErrorView.mjs +1 -1
  147. package/dist/esm/screens/SendTransactionScreen/TransactionReceiptView.mjs +1 -1
  148. package/dist/esm/screens/SignRequestScreen.mjs +1 -1
  149. package/dist/esm/screens/TelegramAuthScreen.mjs +1 -1
  150. package/dist/esm/screens/UpdateEmailScreen.mjs +1 -1
  151. package/dist/esm/screens/UserLimitReachedScreen.mjs +1 -1
  152. package/dist/esm/session.mjs +1 -1
  153. package/package.json +3 -3
  154. package/dist/cjs/privy-provider-CpJ88X4F.js +0 -3
  155. package/dist/esm/privy-provider-B3m8Pe2u.mjs +0 -3
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{BlobbyFooter as r}from"../../components/ModalFooter.mjs";import{ModalHeader as s}from"../../components/ModalHeader.mjs";import{CenteredScreenHeader as m}from"../../components/ScreenHeader.mjs";import a from"../../components/embedded-wallets/FundWalletMethodHeader.mjs";import{Chip as c}from"../../components/ui/chips/Chip.mjs";import{Subtitle as l}from"../../components/ui/typography/Subtitle.mjs";import{usePrivyInternal as p}from"../../hooks/internal-context.mjs";import{usePrivyModal as h}from"../../hooks/modal-context.mjs";import{useWallets as d}from"../../hooks/useWallets.mjs";import{WalletOverflowButton as j}from"../LandingScreen/WalletOverflowButton.mjs";import{ModalScreen as u}from"../index.mjs";import{toWalletButtons as g}from"../LandingScreen/WalletButtonList.mjs";import{LoginMethodContainer as y,LoginMethodButton as f}from"../LandingScreen/styles.mjs";import{IconContainer as C}from"./styles.mjs";import{useSolanaWallets as T}from"../../hooks/solana/useSolanaWallets.mjs";import"styled-components";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/index.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/PrefetchedImage.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";import"@heroicons/react/24/outline/WalletIcon";import"../LandingScreen/EmptyWalletView.mjs";import"../LandingScreen/WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"../../recent-login/context.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../components/Button.mjs";import"../../components/Loader.mjs";import"../LinkPasskeyScreen.mjs";import"@heroicons/react/24/outline/CheckCircleIcon";import"@heroicons/react/24/outline/ClockIcon";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";import"../../errors.mjs";import"ofetch";import"../../hooks/privy-context.mjs";import"../../svg/face-id.mjs";import"../../svg/fingerprint.mjs";import"../MfaScreens/StyledComponents.mjs";const w=()=>{let c,{connectors:f}=p(),{app:C,setModalData:w,data:I,navigate:N}=h(),{wallets:_}=d(),{wallets:E}=T(),[S,b]=n("default"),k="solana"===I?.funding?.chainType,A=!!I?.funding?.crossChainBridgingEnabled;c="ethereum"===I?.funding?.chainType?I.funding.erc20Address&&!I.funding.isUSDC?"ethereum-only":A&&!I.funding.chain.testnet?"ethereum-and-solana":"ethereum-only":A?"ethereum-and-solana":"solana-only";let L=_.filter((e=>"privy"!==e.walletClientType)),W=L.map((e=>e.walletClientType)),x=E.filter((e=>"privy"!==e.walletClientType)),R=x.map((e=>e.walletClientType)),M=[],F={...I.funding};F.usingDefaultFundingMethod&&(F.usingDefaultFundingMethod=!1);let D=({address:e,walletChainType:o})=>{w({...I,funding:{...F,connectedWalletAddress:e,onContinueWithExternalWallet:()=>N(O({destChainType:k?"solana":"ethereum",sourceChainType:o}))}}),N(u.FUNDING_EDIT_AMOUNT_SCREEN)};"solana-only"!==c&&M.push(...L.map(((o,t)=>/*#__PURE__*/e(v,{onClick:()=>D({address:o.address,walletChainType:"ethereum"}),icon:o.meta.icon,name:o.meta.name,chainType:o.type},t)))),"ethereum-only"!==c&&M.push(...x.map(((o,t)=>/*#__PURE__*/e(v,{onClick:()=>D({address:o.address,walletChainType:"solana"}),icon:o.meta.icon,name:o.meta.name,chainType:o.type},t)))),M.push(...g({walletList:C.appearance.walletList.filter((e=>!L.some((o=>o.walletClientType===e))&&!x.some((o=>o.walletClientType===e)))),walletChainType:c,connectors:f,connectOnly:!0,ignore:[...C.appearance.walletList,...W,...R],walletConnectEnabled:C.externalWallets.walletConnect.enabled}));let G=/*#__PURE__*/e(j,{text:"More wallets",onClick:()=>b("overflow")}),O=({sourceChainType:e,destChainType:o})=>"ethereum"===e&&"solana"===o?u.FUNDING_AWAITING_EVM_TO_SOL_BRIDGING_SCREEN:"ethereum"===e&&"ethereum"===o?u.FUNDING_AWAITING_TRANSFER_FROM_EXTERNAL_WALLET_SCREEN:"solana"===e&&"ethereum"===o?u.FUNDING_AWAITING_SOL_TO_EVM_BRIDGING_SCREEN:u.FUNDING_AWAITING_TRANSFER_FROM_EXTERNAL_SOLANA_WALLET_SCREEN;return i((()=>{w({...I,externalConnectWallet:{onCompleteNavigateTo:({walletChainType:e})=>(w({...I,funding:{...F,onContinueWithExternalWallet:()=>{N(O({destChainType:k?"solana":"ethereum",sourceChainType:e??"ethereum"}))}}}),u.FUNDING_EDIT_AMOUNT_SCREEN)}})}),[]),/*#__PURE__*/o(t,"overflow"===S?{children:[/*#__PURE__*/e(s,{backFn:()=>b("default")},"header"),/*#__PURE__*/o(y,{children:[/*#__PURE__*/e(l,{style:{color:"var(--privy-color-foreground-3)",textAlign:"left"},children:"More wallets"}),M]}),/*#__PURE__*/e(r,{})]}:{children:[/*#__PURE__*/e(a,{}),/*#__PURE__*/e(m,{title:"Transfer from wallet",description:"Connect a wallet to deposit funds or send funds manually to your wallet address."}),/*#__PURE__*/o(y,{children:[M.length>4?M.slice(0,3):M,M.length>4&&G]}),/*#__PURE__*/e(r,{})]})};let v=({onClick:t,icon:n,name:i,chainType:r})=>/*#__PURE__*/o(f,{onClick:t,children:[/*#__PURE__*/e(C,{style:{width:20},children:/*#__PURE__*/e("img",{src:n})}),i,/*#__PURE__*/e(c,{color:"gray",style:{marginLeft:"auto"},children:"Connected"}),"solana"===r&&/*#__PURE__*/e(c,{color:"gray",children:"Solana"})]});export{w as TransferFromWalletScreen};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{BlobbyFooter as r}from"../../components/ModalFooter.mjs";import{ModalHeader as s}from"../../components/ModalHeader.mjs";import{CenteredScreenHeader as m}from"../../components/ScreenHeader.mjs";import a from"../../components/embedded-wallets/FundWalletMethodHeader.mjs";import{Chip as c}from"../../components/ui/chips/Chip.mjs";import{Subtitle as l}from"../../components/ui/typography/Subtitle.mjs";import{usePrivyInternal as p}from"../../hooks/internal-context.mjs";import{usePrivyModal as h}from"../../hooks/modal-context.mjs";import{useWallets as d}from"../../hooks/useWallets.mjs";import{WalletOverflowButton as j}from"../LandingScreen/WalletOverflowButton.mjs";import{ModalScreen as u}from"../index.mjs";import{toWalletButtons as g}from"../LandingScreen/WalletButtonList.mjs";import{LoginMethodContainer as y,LoginMethodButton as f}from"../LandingScreen/styles.mjs";import{IconContainer as C}from"./styles.mjs";import{useSolanaWallets as T}from"../../hooks/solana/useSolanaWallets.mjs";import"styled-components";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/index.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/PrefetchedImage.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";import"@heroicons/react/24/outline/WalletIcon";import"../LandingScreen/EmptyWalletView.mjs";import"../LandingScreen/WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"../../recent-login/context.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../components/Button.mjs";import"../../components/Loader.mjs";import"../LinkPasskeyScreen.mjs";import"@heroicons/react/24/outline/CheckCircleIcon";import"@heroicons/react/24/outline/ClockIcon";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";import"../../errors.mjs";import"ofetch";import"../../hooks/privy-context.mjs";import"../../svg/face-id.mjs";import"../../svg/fingerprint.mjs";import"../MfaScreens/StyledComponents.mjs";const w=()=>{let c,{connectors:f}=p(),{app:C,setModalData:w,data:I,navigate:N}=h(),{wallets:_}=d(),{wallets:E}=T(),[S,b]=n("default"),k="solana"===I?.funding?.chainType,A=!!I?.funding?.crossChainBridgingEnabled;c="ethereum"===I?.funding?.chainType?I.funding.erc20Address&&!I.funding.isUSDC?"ethereum-only":A&&!I.funding.chain.testnet?"ethereum-and-solana":"ethereum-only":A?"ethereum-and-solana":"solana-only";let L=_.filter((e=>"privy"!==e.walletClientType)),W=L.map((e=>e.walletClientType)),x=E.filter((e=>"privy"!==e.walletClientType)),R=x.map((e=>e.walletClientType)),M=[],F={...I.funding};F.usingDefaultFundingMethod&&(F.usingDefaultFundingMethod=!1);let D=({address:e,walletChainType:o})=>{w({...I,funding:{...F,connectedWalletAddress:e,onContinueWithExternalWallet:()=>N(O({destChainType:k?"solana":"ethereum",sourceChainType:o}))}}),N(u.FUNDING_EDIT_AMOUNT_SCREEN)};"solana-only"!==c&&M.push(...L.map(((o,t)=>/*#__PURE__*/e(v,{onClick:()=>D({address:o.address,walletChainType:"ethereum"}),icon:o.meta.icon,name:o.meta.name,chainType:o.type},t)))),"ethereum-only"!==c&&M.push(...x.map(((o,t)=>/*#__PURE__*/e(v,{onClick:()=>D({address:o.address,walletChainType:"solana"}),icon:o.meta.icon,name:o.meta.name,chainType:o.type},t)))),M.push(...g({walletList:C.appearance.walletList.filter((e=>!L.some((o=>o.walletClientType===e))&&!x.some((o=>o.walletClientType===e)))),walletChainType:c,connectors:f,connectOnly:!0,ignore:[...C.appearance.walletList,...W,...R],walletConnectEnabled:C.externalWallets.walletConnect.enabled}));let G=/*#__PURE__*/e(j,{text:"More wallets",onClick:()=>b("overflow")}),O=({sourceChainType:e,destChainType:o})=>"ethereum"===e&&"solana"===o?u.FUNDING_AWAITING_EVM_TO_SOL_BRIDGING_SCREEN:"ethereum"===e&&"ethereum"===o?u.FUNDING_AWAITING_TRANSFER_FROM_EXTERNAL_WALLET_SCREEN:"solana"===e&&"ethereum"===o?u.FUNDING_AWAITING_SOL_TO_EVM_BRIDGING_SCREEN:u.FUNDING_AWAITING_TRANSFER_FROM_EXTERNAL_SOLANA_WALLET_SCREEN;return i((()=>{w({...I,externalConnectWallet:{onCompleteNavigateTo:({walletChainType:e})=>(w({...I,funding:{...F,onContinueWithExternalWallet:()=>{N(O({destChainType:k?"solana":"ethereum",sourceChainType:e??"ethereum"}))}}}),u.FUNDING_EDIT_AMOUNT_SCREEN)}})}),[]),/*#__PURE__*/o(t,"overflow"===S?{children:[/*#__PURE__*/e(s,{backFn:()=>b("default")},"header"),/*#__PURE__*/o(y,{children:[/*#__PURE__*/e(l,{style:{color:"var(--privy-color-foreground-3)",textAlign:"left"},children:"More wallets"}),M]}),/*#__PURE__*/e(r,{})]}:{children:[/*#__PURE__*/e(a,{}),/*#__PURE__*/e(m,{title:"Transfer from wallet",description:"Connect a wallet to deposit funds or send funds manually to your wallet address."}),/*#__PURE__*/o(y,{children:[M.length>4?M.slice(0,3):M,M.length>4&&G]}),/*#__PURE__*/e(r,{})]})};let v=({onClick:t,icon:n,name:i,chainType:r})=>/*#__PURE__*/o(f,{onClick:t,children:[/*#__PURE__*/e(C,{style:{width:20},children:/*#__PURE__*/e("img",{src:n})}),i,/*#__PURE__*/e(c,{color:"gray",style:{marginLeft:"auto"},children:"Connected"}),"solana"===r&&/*#__PURE__*/e(c,{color:"gray",children:"Solana"})]});export{w as TransferFromWalletScreen};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import{styled as t}from"styled-components";import{CenteredItem as e,ConfigurableSpacer as s}from"../../components/Layouts.mjs";import{BlobbyFooter as r}from"../../components/ModalFooter.mjs";import{CenteredScreenHeader as m}from"../../components/ScreenHeader.mjs";import c from"../../components/embedded-wallets/FundWalletMethodHeader.mjs";import{InjectedWalletIcon as p}from"../../components/external-wallets/InjectedWalletIcon.mjs";import{NeutralSpinner as a}from"../../components/primitives/NeutralSpinner/index.mjs";import{Rows as l,Row as j}from"../../components/ui/layout/Row.mjs";import{LabelSm as h}from"../../components/ui/typography/LabelSm.mjs";import{Value as d}from"../../components/ui/typography/Value.mjs";import{Address as u}from"../../components/ui/wallet/Address.mjs";import{NetworkIcon as g}from"../../components/ui/wallet/NetworkIcon.mjs";import{toLogo as f}from"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/protected-by-privy.mjs";import"../../hooks/modal-context.mjs";import"react";import"../../components/PrefetchedImage.mjs";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../index.mjs";import"../../hooks/index.mjs";import"../../components/ModalHeader.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/internal-context.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../components/ui/animation/LoadingSkeleton.mjs";import"@heroicons/react/24/outline/CheckIcon";import"@heroicons/react/24/outline/Square2StackIcon";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../errors.mjs";import"ofetch";import"../../utils/eth/getPublicClient.mjs";import"viem";import"@heroicons/react/24/outline/GlobeAltIcon";import"../../components/ui/icons/Arbitum.mjs";import"../../components/ui/icons/Avalanche.mjs";import"../../components/ui/icons/Base.mjs";import"../../components/ui/icons/Celo.mjs";import"../../components/ui/icons/Linea.mjs";import"../../components/ui/icons/Mainnnet.mjs";import"../../components/ui/icons/Optimism.mjs";import"../../components/ui/icons/Polygon.mjs";import"../../components/ui/icons/Solana.mjs";import"../../components/ui/icons/Zora.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";const y=({wallet:t,displayName:y,addressToFund:v,chainId:b,chainName:I,isBridging:x,isErc20Flow:C,totalPriceInNativeCurrency:k,totalPriceInUsd:S,gasPriceInNativeCurrency:T,gasPriceInUsd:A})=>/*#__PURE__*/o(i,{children:[/*#__PURE__*/n(c,{}),/*#__PURE__*/n(a,{}),/*#__PURE__*/n(e,{style:{marginTop:"16px"},children:/*#__PURE__*/n(p,{icon:f(t.walletClientType,t.connectorType,t.walletClientType),name:t.walletClientType})}),/*#__PURE__*/n(m,{style:{marginTop:"8px",marginBottom:"12px"},title:`${x?"Bridging":"Confirming"} with ${y}`}),!x&&!C&&/*#__PURE__*/o(l,{children:[/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Total"}),/*#__PURE__*/n(d,{children:S||k})]}),/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"To"}),/*#__PURE__*/n(d,{children:/*#__PURE__*/n(u,{address:v,showCopyIcon:!1})})]}),/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Network"}),/*#__PURE__*/n(d,{children:/*#__PURE__*/o(w,{children:[/*#__PURE__*/n(g,{chainId:b,height:16,width:16})," ",I]})})]}),T&&/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Estimated fee"}),/*#__PURE__*/n(d,{children:A||T})]})]}),/*#__PURE__*/n(s,{height:24}),/*#__PURE__*/n(r,{})]});let w=/*#__PURE__*/t.div.withConfig({displayName:"NetworkColumn",componentId:"sc-67160e5-0"})(["display:flex;flex-direction:row;align-items:center;gap:4px;"]);export{y as TransferOrBridgeLoadingScreen};
1
+ import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import{styled as t}from"styled-components";import{CenteredItem as e,ConfigurableSpacer as s}from"../../components/Layouts.mjs";import{BlobbyFooter as r}from"../../components/ModalFooter.mjs";import{CenteredScreenHeader as m}from"../../components/ScreenHeader.mjs";import c from"../../components/embedded-wallets/FundWalletMethodHeader.mjs";import{InjectedWalletIcon as p}from"../../components/external-wallets/InjectedWalletIcon.mjs";import{NeutralSpinner as a}from"../../components/primitives/NeutralSpinner/index.mjs";import{Rows as l,Row as j}from"../../components/ui/layout/Row.mjs";import{LabelSm as h}from"../../components/ui/typography/LabelSm.mjs";import{Value as d}from"../../components/ui/typography/Value.mjs";import{Address as u}from"../../components/ui/wallet/Address.mjs";import{NetworkIcon as g}from"../../components/ui/wallet/NetworkIcon.mjs";import{toLogo as f}from"../../lib/external-wallets/displayHelpers.mjs";import"../../configuration/context.mjs";import"react";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../svg/protected-by-privy.mjs";import"../../hooks/modal-context.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"../../hooks/index.mjs";import"../../components/ModalHeader.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/internal-context.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../components/ui/animation/LoadingSkeleton.mjs";import"@heroicons/react/24/outline/CheckIcon";import"@heroicons/react/24/outline/Square2StackIcon";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../errors.mjs";import"ofetch";import"../../utils/eth/getPublicClient.mjs";import"viem";import"@heroicons/react/24/outline/GlobeAltIcon";import"../../components/ui/icons/Arbitum.mjs";import"../../components/ui/icons/Avalanche.mjs";import"../../components/ui/icons/Base.mjs";import"../../components/ui/icons/Celo.mjs";import"../../components/ui/icons/Linea.mjs";import"../../components/ui/icons/Mainnnet.mjs";import"../../components/ui/icons/Optimism.mjs";import"../../components/ui/icons/Polygon.mjs";import"../../components/ui/icons/Solana.mjs";import"../../components/ui/icons/Zora.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";const y=({wallet:t,displayName:y,addressToFund:v,chainId:b,chainName:I,isBridging:x,isErc20Flow:C,totalPriceInNativeCurrency:k,totalPriceInUsd:S,gasPriceInNativeCurrency:T,gasPriceInUsd:A})=>/*#__PURE__*/o(i,{children:[/*#__PURE__*/n(c,{}),/*#__PURE__*/n(a,{}),/*#__PURE__*/n(e,{style:{marginTop:"16px"},children:/*#__PURE__*/n(p,{icon:f(t.walletClientType,t.connectorType,t.walletClientType),name:t.walletClientType})}),/*#__PURE__*/n(m,{style:{marginTop:"8px",marginBottom:"12px"},title:`${x?"Bridging":"Confirming"} with ${y}`}),!x&&!C&&/*#__PURE__*/o(l,{children:[/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Total"}),/*#__PURE__*/n(d,{children:S||k})]}),/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"To"}),/*#__PURE__*/n(d,{children:/*#__PURE__*/n(u,{address:v,showCopyIcon:!1})})]}),/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Network"}),/*#__PURE__*/n(d,{children:/*#__PURE__*/o(w,{children:[/*#__PURE__*/n(g,{chainId:b,height:16,width:16})," ",I]})})]}),T&&/*#__PURE__*/o(j,{children:[/*#__PURE__*/n(h,{children:"Estimated fee"}),/*#__PURE__*/n(d,{children:A||T})]})]}),/*#__PURE__*/n(s,{height:24}),/*#__PURE__*/n(r,{})]});let w=/*#__PURE__*/t.div.withConfig({displayName:"NetworkColumn",componentId:"sc-67160e5-0"})(["display:flex;flex-direction:row;align-items:center;gap:4px;"]);export{y as TransferOrBridgeLoadingScreen};
@@ -1 +1 @@
1
- import{styled as o,keyframes as n}from"styled-components";import{SoftCtaButton as i}from"../../components/Button.mjs";import{LinkButton as t}from"../LinkPasskeyScreen.mjs";import"react/jsx-runtime";import"../../components/Loader.mjs";import"@heroicons/react/24/outline/CheckCircleIcon";import"@heroicons/react/24/outline/ClockIcon";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";import"react";import"../../components/ModalFooter.mjs";import"../../svg/protected-by-privy.mjs";import"../../components/ModalHeader.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/internal-context.mjs";import"../../hooks/index.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/privy-context.mjs";import"../../svg/face-id.mjs";import"../../svg/fingerprint.mjs";import"../MfaScreens/StyledComponents.mjs";const r=/*#__PURE__*/o.div.withConfig({displayName:"FundingMethodContainer",componentId:"sc-eaaa12a-0"})(["display:flex;flex-direction:column;gap:12px;padding-top:24px;padding-bottom:24px;"]),e=/*#__PURE__*/o.div.withConfig({displayName:"IconContainer",componentId:"sc-eaaa12a-1"})(["width:24px;height:24px;display:flex;justify-content:center;align-items:center;svg{border-radius:var(--privy-border-radius-sm);}"]),a=/*#__PURE__*/o.div.withConfig({displayName:"FundingQuantityWrapper",componentId:"sc-eaaa12a-2"})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;"]),s=/*#__PURE__*/o.div.withConfig({displayName:"FundingQuantity",componentId:"sc-eaaa12a-3"})(["display:flex;align-items:center;gap:4px;width:100%;padding:0 16px;border-width:1px !important;border-radius:12px;cursor:text;&:focus-within{border-color:var(--privy-color-accent);}"]),c=/*#__PURE__*/o.div.withConfig({displayName:"FundingAmount",componentId:"sc-eaaa12a-4"})(["font-size:42px !important;"]),m=/*#__PURE__*/o.input.withConfig({displayName:"FundingAmountInput",componentId:"sc-eaaa12a-5"})(["background-color:var(--privy-color-background);width:100%;&:focus{outline:none !important;border:none !important;box-shadow:none !important;}&&{font-size:26px;}"]),p=/*#__PURE__*/o(m).withConfig({displayName:"FundingAmountInputLarge",componentId:"sc-eaaa12a-6"})(["&&{font-size:42px;}"]),d=/*#__PURE__*/o.button.withConfig({displayName:"FundingAmountEditButton",componentId:"sc-eaaa12a-7"})(["cursor:pointer;padding-left:4px;"]),l=/*#__PURE__*/o.div.withConfig({displayName:"FundingCurrency",componentId:"sc-eaaa12a-8"})(["font-size:18px;"]),h=/*#__PURE__*/o.div.withConfig({displayName:"FundingDollars",componentId:"sc-eaaa12a-9"})(["font-size:12px;color:var(--privy-color-foreground-3);height:20px;"]),u=/*#__PURE__*/o.div.withConfig({displayName:"FundingNetwork",componentId:"sc-eaaa12a-10"})(["display:flex;flex-direction:row;line-height:22px;font-size:16px;text-align:center;svg{margin-right:6px;margin:auto;}"]),g=/*#__PURE__*/o(t).withConfig({displayName:"ManualFundsButton",componentId:"sc-eaaa12a-11"})(["margin-top:16px;"]);let f=/*#__PURE__*/n(["from{opacity:0;}to{opacity:1;}"]);const j=/*#__PURE__*/o(i).withConfig({displayName:"ContinueFromManualButton",componentId:"sc-eaaa12a-12"})(["border-radius:var(--privy-border-radius-md) !important;animation:"," 0.3s ease-in-out;"],f),y=/*#__PURE__*/o.div.withConfig({displayName:"InfoButtonText",componentId:"sc-eaaa12a-13"})([""]),x=/*#__PURE__*/o.a.withConfig({displayName:"InfoButtonLink",componentId:"sc-eaaa12a-14"})(["&&{color:var(--privy-color-accent);}cursor:pointer;"]);export{j as ContinueFromManualButton,c as FundingAmount,d as FundingAmountEditButton,m as FundingAmountInput,p as FundingAmountInputLarge,l as FundingCurrency,h as FundingDollars,r as FundingMethodContainer,u as FundingNetwork,s as FundingQuantity,a as FundingQuantityWrapper,e as IconContainer,x as InfoButtonLink,y as InfoButtonText,g as ManualFundsButton};
1
+ import{styled as o,keyframes as n}from"styled-components";import{SoftCtaButton as i}from"../../components/Button.mjs";import{LinkButton as t}from"../LinkPasskeyScreen.mjs";import"react/jsx-runtime";import"../../components/Loader.mjs";import"@heroicons/react/24/outline/CheckCircleIcon";import"@heroicons/react/24/outline/ClockIcon";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";import"react";import"../../components/ModalFooter.mjs";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../svg/protected-by-privy.mjs";import"../../components/ModalHeader.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/internal-context.mjs";import"../../hooks/index.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/privy-context.mjs";import"../../svg/face-id.mjs";import"../../svg/fingerprint.mjs";import"../MfaScreens/StyledComponents.mjs";const r=/*#__PURE__*/o.div.withConfig({displayName:"FundingMethodContainer",componentId:"sc-eaaa12a-0"})(["display:flex;flex-direction:column;gap:12px;padding-top:24px;padding-bottom:24px;"]),e=/*#__PURE__*/o.div.withConfig({displayName:"IconContainer",componentId:"sc-eaaa12a-1"})(["width:24px;height:24px;display:flex;justify-content:center;align-items:center;svg{border-radius:var(--privy-border-radius-sm);}"]),a=/*#__PURE__*/o.div.withConfig({displayName:"FundingQuantityWrapper",componentId:"sc-eaaa12a-2"})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;"]),s=/*#__PURE__*/o.div.withConfig({displayName:"FundingQuantity",componentId:"sc-eaaa12a-3"})(["display:flex;align-items:center;gap:4px;width:100%;padding:0 16px;border-width:1px !important;border-radius:12px;cursor:text;&:focus-within{border-color:var(--privy-color-accent);}"]),c=/*#__PURE__*/o.div.withConfig({displayName:"FundingAmount",componentId:"sc-eaaa12a-4"})(["font-size:42px !important;"]),m=/*#__PURE__*/o.input.withConfig({displayName:"FundingAmountInput",componentId:"sc-eaaa12a-5"})(["background-color:var(--privy-color-background);width:100%;&:focus{outline:none !important;border:none !important;box-shadow:none !important;}&&{font-size:26px;}"]),p=/*#__PURE__*/o(m).withConfig({displayName:"FundingAmountInputLarge",componentId:"sc-eaaa12a-6"})(["&&{font-size:42px;}"]),d=/*#__PURE__*/o.button.withConfig({displayName:"FundingAmountEditButton",componentId:"sc-eaaa12a-7"})(["cursor:pointer;padding-left:4px;"]),l=/*#__PURE__*/o.div.withConfig({displayName:"FundingCurrency",componentId:"sc-eaaa12a-8"})(["font-size:18px;"]),h=/*#__PURE__*/o.div.withConfig({displayName:"FundingDollars",componentId:"sc-eaaa12a-9"})(["font-size:12px;color:var(--privy-color-foreground-3);height:20px;"]),u=/*#__PURE__*/o.div.withConfig({displayName:"FundingNetwork",componentId:"sc-eaaa12a-10"})(["display:flex;flex-direction:row;line-height:22px;font-size:16px;text-align:center;svg{margin-right:6px;margin:auto;}"]),g=/*#__PURE__*/o(t).withConfig({displayName:"ManualFundsButton",componentId:"sc-eaaa12a-11"})(["margin-top:16px;"]);let f=/*#__PURE__*/n(["from{opacity:0;}to{opacity:1;}"]);const j=/*#__PURE__*/o(i).withConfig({displayName:"ContinueFromManualButton",componentId:"sc-eaaa12a-12"})(["border-radius:var(--privy-border-radius-md) !important;animation:"," 0.3s ease-in-out;"],f),y=/*#__PURE__*/o.div.withConfig({displayName:"InfoButtonText",componentId:"sc-eaaa12a-13"})([""]),x=/*#__PURE__*/o.a.withConfig({displayName:"InfoButtonLink",componentId:"sc-eaaa12a-14"})(["&&{color:var(--privy-color-accent);}cursor:pointer;"]);export{j as ContinueFromManualButton,c as FundingAmount,d as FundingAmountEditButton,m as FundingAmountInput,p as FundingAmountInputLarge,l as FundingCurrency,h as FundingDollars,r as FundingMethodContainer,u as FundingNetwork,s as FundingQuantity,a as FundingQuantityWrapper,e as IconContainer,x as InfoButtonLink,y as InfoButtonText,g as ManualFundsButton};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as n,jsx as t}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/ArrowTopRightOnSquareIcon";import{styled as r}from"styled-components";import{PrimaryButton as e}from"../components/Button.mjs";import{BottomPusherContainer as s,RefactorSpacerBottom as c}from"../components/Layouts.mjs";import{BlobbyFooter as m}from"../components/ModalFooter.mjs";import{ModalHeader as a}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as p}from"../components/ScreenHeader.mjs";import{usePrivyInternal as l}from"../hooks/internal-context.mjs";import"../components/Loader.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../hooks/index.mjs";const h=()=>{let{closePrivyModal:r}=l();/*#__PURE__*/return o(n,{children:[/*#__PURE__*/t(a,{},"header"),/*#__PURE__*/t(j,{children:/*#__PURE__*/t(i,{style:{width:32,height:32}})}),/*#__PURE__*/t(p,{title:"Could not log in with provider",description:"It looks like you're using an in-app browser. To log in, please try again using an external browser.",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"}}),/*#__PURE__*/t(s,{children:/*#__PURE__*/t(e,{onClick:()=>r(),children:"Close"})}),/*#__PURE__*/t(c,{}),/*#__PURE__*/t(m,{})]})};let j=/*#__PURE__*/r.div.withConfig({displayName:"StyledCircle",componentId:"sc-30eca48b-0"})(["border-radius:50%;height:68px;width:68px;display:flex;align-items:center;justify-content:center;background-color:var(--privy-color-accent);color:white;margin:0 auto 24px auto;"]);export{h as InAppBrowserLoginNotPossible};
1
+ import{jsxs as o,Fragment as n,jsx as t}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/ArrowTopRightOnSquareIcon";import{styled as r}from"styled-components";import{PrimaryButton as e}from"../components/Button.mjs";import{BottomPusherContainer as s,RefactorSpacerBottom as c}from"../components/Layouts.mjs";import{BlobbyFooter as m}from"../components/ModalFooter.mjs";import{ModalHeader as a}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as p}from"../components/ScreenHeader.mjs";import{usePrivyInternal as l}from"../hooks/internal-context.mjs";import"../components/Loader.mjs";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../hooks/index.mjs";const h=()=>{let{closePrivyModal:r}=l();/*#__PURE__*/return o(n,{children:[/*#__PURE__*/t(a,{},"header"),/*#__PURE__*/t(j,{children:/*#__PURE__*/t(i,{style:{width:32,height:32}})}),/*#__PURE__*/t(p,{title:"Could not log in with provider",description:"It looks like you're using an in-app browser. To log in, please try again using an external browser.",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"}}),/*#__PURE__*/t(s,{children:/*#__PURE__*/t(e,{onClick:()=>r(),children:"Close"})}),/*#__PURE__*/t(c,{}),/*#__PURE__*/t(m,{})]})};let j=/*#__PURE__*/r.div.withConfig({displayName:"StyledCircle",componentId:"sc-30eca48b-0"})(["border-radius:50%;height:68px;width:68px;display:flex;align-items:center;justify-content:center;background-color:var(--privy-color-accent);color:white;margin:0 auto 24px auto;"]);export{h as InAppBrowserLoginNotPossible};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import*as r from"react-device-detect";import{styled as e}from"styled-components";import{SoftCtaButton as i}from"../components/Button.mjs";import{RefactorSpacerTop as s,RefactorSpacerBottom as c,CenteredItem as m}from"../components/Layouts.mjs";import{ModalFooter as a}from"../components/ModalFooter.mjs";import{ModalHeader as p}from"../components/ModalHeader.mjs";import{ScreenHeader as l}from"../components/ScreenHeader.mjs";import{TodoList as h,TodoItem as j,TodoSpacer as d}from"../components/TodoList.mjs";import{usePrivyModal as f}from"../hooks/modal-context.mjs";import{Phantom as g}from"../svg/phantom.mjs";import"../components/Loader.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../hooks/internal-context.mjs";import"../hooks/index.mjs";import"../svg/check-badge.mjs";import"../components/PrefetchedImage.mjs";import"./index.mjs";let u=()=>{let t=r.isFirefox?"https://addons.mozilla.org/en-US/firefox/addon/phantom-app/":"https://chrome.google.com/webstore/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa?hl=en";/*#__PURE__*/return o(y,{children:[/*#__PURE__*/n(l,{title:"Create a Phantom wallet",description:"Follow the instructions below to get started."}),/*#__PURE__*/n(m,{children:/*#__PURE__*/n(g,{style:{width:"152px",height:"152px"}})}),/*#__PURE__*/o(h,{children:[/*#__PURE__*/n(j,{children:/*#__PURE__*/o("div",{children:[/*#__PURE__*/n("span",{children:"Install the "}),/*#__PURE__*/n("a",{href:t,target:"_blank",children:"Phantom browser extension"})]})}),/*#__PURE__*/n(d,{}),/*#__PURE__*/n(j,{children:"Set up your first wallet"}),/*#__PURE__*/n(d,{}),/*#__PURE__*/n(j,{children:"Store your recovery phrase in a safe place!"})]}),/*#__PURE__*/n(i,{onClick:()=>window.location.reload(),children:"Reload the page to use your wallet"})]})};const b=()=>{let{navigateBack:r}=f();/*#__PURE__*/return o(t,{children:[/*#__PURE__*/n(p,{backFn:r},"header"),/*#__PURE__*/n(s,{}),/*#__PURE__*/n(u,{}),/*#__PURE__*/n(c,{}),/*#__PURE__*/o(a,{children:[/*#__PURE__*/n("span",{children:"Still not sure? "}),/*#__PURE__*/n("a",{target:"_blank",href:"https://solana.com/docs/intro/wallets",children:"Learn more"})]})]})};let y=/*#__PURE__*/e(m).withConfig({displayName:"CreateWalletContainer",componentId:"sc-8f484e26-0"})(["gap:30px;> :first-child > svg{margin-top:20px;}"]);export{b as InstallPhantomScreen};
1
+ import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import*as r from"react-device-detect";import{styled as e}from"styled-components";import{SoftCtaButton as i}from"../components/Button.mjs";import{RefactorSpacerTop as s,RefactorSpacerBottom as c,CenteredItem as m}from"../components/Layouts.mjs";import{ModalFooter as a}from"../components/ModalFooter.mjs";import{ModalHeader as p}from"../components/ModalHeader.mjs";import{ScreenHeader as l}from"../components/ScreenHeader.mjs";import{TodoList as h,TodoItem as j,TodoSpacer as d}from"../components/TodoList.mjs";import{usePrivyModal as f}from"../hooks/modal-context.mjs";import{Phantom as g}from"../svg/phantom.mjs";import"../components/Loader.mjs";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../hooks/internal-context.mjs";import"../hooks/index.mjs";import"../svg/check-badge.mjs";import"../components/PrefetchedImage.mjs";import"./index.mjs";let u=()=>{let t=r.isFirefox?"https://addons.mozilla.org/en-US/firefox/addon/phantom-app/":"https://chrome.google.com/webstore/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa?hl=en";/*#__PURE__*/return o(y,{children:[/*#__PURE__*/n(l,{title:"Create a Phantom wallet",description:"Follow the instructions below to get started."}),/*#__PURE__*/n(m,{children:/*#__PURE__*/n(g,{style:{width:"152px",height:"152px"}})}),/*#__PURE__*/o(h,{children:[/*#__PURE__*/n(j,{children:/*#__PURE__*/o("div",{children:[/*#__PURE__*/n("span",{children:"Install the "}),/*#__PURE__*/n("a",{href:t,target:"_blank",children:"Phantom browser extension"})]})}),/*#__PURE__*/n(d,{}),/*#__PURE__*/n(j,{children:"Set up your first wallet"}),/*#__PURE__*/n(d,{}),/*#__PURE__*/n(j,{children:"Store your recovery phrase in a safe place!"})]}),/*#__PURE__*/n(i,{onClick:()=>window.location.reload(),children:"Reload the page to use your wallet"})]})};const b=()=>{let{navigateBack:r}=f();/*#__PURE__*/return o(t,{children:[/*#__PURE__*/n(p,{backFn:r},"header"),/*#__PURE__*/n(s,{}),/*#__PURE__*/n(u,{}),/*#__PURE__*/n(c,{}),/*#__PURE__*/o(a,{children:[/*#__PURE__*/n("span",{children:"Still not sure? "}),/*#__PURE__*/n("a",{target:"_blank",href:"https://solana.com/docs/intro/wallets",children:"Learn more"})]})]})};let y=/*#__PURE__*/e(m).withConfig({displayName:"CreateWalletContainer",componentId:"sc-8f484e26-0"})(["gap:30px;> :first-child > svg{margin-top:20px;}"]);export{b as InstallPhantomScreen};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as t,jsx as e}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/UserCircleIcon";import{useState as r,useEffect as s}from"react";import{styled as n}from"styled-components";import{TermsAndConditions as m,BlobbyFooter as p}from"../../components/ModalFooter.mjs";import{ModalHeader as a}from"../../components/ModalHeader.mjs";import{useAppConfig as c}from"../../configuration/context.mjs";import{usePrivyInternal as l}from"../../hooks/internal-context.mjs";import{usePrivyModal as j}from"../../hooks/modal-context.mjs";import{toDisplayFromAccountType as d}from"../../lib/toDisplayFromAccountType.mjs";import{useRecentlyUsedLogin as h}from"../../recent-login/context.mjs";import{splitAtIndex as g}from"../../utils/index.mjs";import{AppLogoHeader as f}from"./AppLogoHeader.mjs";import{CrossAppButton as u}from"./CrossAppButton.mjs";import{EmailButton as v}from"./EmailButton.mjs";import{FarcasterButton as y}from"./FarcasterButton.mjs";import{PasskeyLink as b}from"./PasskeyLink.mjs";import{SmsButton as w}from"./SmsButton.mjs";import{SocialButton as k}from"./SocialButton.mjs";import{TelegramButton as x}from"./TelegramButton.mjs";import{toWalletButtons as C}from"./WalletButtonList.mjs";import{Web2OverflowButton as M}from"./Web2OverflowButton.mjs";import{Subtitle as I,AlignBottom as A,LoginMethodContainerWithScrollShadows as E}from"./styles.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../errors.mjs";import"ofetch";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../components/AppLogo.mjs";import"../../components/Loader.mjs";import"../../components/ProviderAppLogo.mjs";import"../../hooks/privy-context.mjs";import"@heroicons/react/24/outline/EnvelopeIcon";import"../../components/ConnectEmailForm.mjs";import"../../hooks/captcha-context.mjs";import"../../components/Button.mjs";import"../../components/ui/chips/Chip.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/ui/forms/EmailInputForm.mjs";import"../../components/ui/typography/ErrorMessage.mjs";import"../../svg/farcaster.mjs";import"@heroicons/react/24/outline/PhoneIcon";import"../../components/ConnectPhoneForm.mjs";import"@privy-io/js-sdk-core";import"../../components/PhoneCountryDropdown.mjs";import"../../svg/apple.mjs";import"../../svg/discord.mjs";import"../../svg/github.mjs";import"../../svg/google.mjs";import"../../svg/instagram.mjs";import"../../svg/linkedin.mjs";import"../../svg/spotify.mjs";import"../../svg/tiktok.mjs";import"../../svg/twitter.mjs";import"../../svg/telegram.mjs";import"./EmptyWalletView.mjs";import"./WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";let L=o=>`${o.props.provider}:${o.props.displayName}`;const S=({connectOnly:n})=>{let{closePrivyModal:f,connectors:S}=l(),{app:W,onUserCloseViaDialogOrKeybindRef:O,data:F}=j(),{appearance:{palette:{colorScheme:P}}}=c(),{accountType:H,walletClientType:z,chainType:V}=h(),D=H?d(H):null,R=W.loginMethodsAndOrder?.primary??[],$=W.loginMethodsAndOrder?.overflow??[],N=[...R,...$],U=W.loginMethods.passkey,K=F?.login,Q=[];z&&N.includes(z)?Q.push(z):H&&N.includes(D?.loginMethod)&&Q.push(D?.loginMethod);let[X,Y]=r("default"),[q,G]=r("phone"===H?"sms":"email");s((()=>{"phone"===H&&G("sms");let o=N.indexOf("sms"),t=N.indexOf("email");o>-1&&o<t&&G("sms")}),[H,R,$]);let J=()=>{f({shouldCallAuthOnSuccess:!0}),setTimeout((()=>{Y("default")}),150)};O.current=J;let Z=o=>"email"===o?/*#__PURE__*/e(v,{isEditable:"email"===q,setIsEditable:()=>{G("email")},defaultValue:"email"===K?.prefill?.type?K.prefill.value:void 0},o):"sms"===o?/*#__PURE__*/e(w,{isEditable:"sms"===q,setIsEditable:()=>{G("sms")},defaultValue:"phone"===K?.prefill?.type?K.prefill.value:void 0},o):"apple"===o?/*#__PURE__*/e(k,{provider:"apple"},o):"discord"===o?/*#__PURE__*/e(k,{provider:"discord"},o):"farcaster"===o?/*#__PURE__*/e(y,{},o):"github"===o?/*#__PURE__*/e(k,{provider:"github"},o):"google"===o?/*#__PURE__*/e(k,{provider:"google"},o):"linkedin"===o?/*#__PURE__*/e(k,{provider:"linkedin"},o):"spotify"===o?/*#__PURE__*/e(k,{provider:"spotify"},o):"instagram"===o?/*#__PURE__*/e(k,{provider:"instagram"},o):"tiktok"===o?/*#__PURE__*/e(k,{provider:"tiktok"},o):"twitter"===o?/*#__PURE__*/e(k,{provider:"twitter"},o):"telegram"===o?/*#__PURE__*/e(x,{},o):o.startsWith("privy:")?/*#__PURE__*/e(u,{appId:o.replace("privy:","")},o):C({walletList:W.appearance.walletList,walletChainType:W.appearance.walletChainType,connectors:S,connectOnly:n,ignore:[],walletConnectEnabled:W.externalWallets.walletConnect.enabled,forceWallet:{wallet:o,chainType:V??"ethereum"}}),_=Q.flatMap(Z),oo=R.filter((o=>o!==z&&o!==D?.loginMethod)).flatMap(Z),to=$.filter((o=>o!==z&&o!==D?.loginMethod)).flatMap(Z),eo=to.filter((o=>!oo.map(L).includes(L(o)))),[io,ro]=g([..._,...oo,...eo],T({primary:oo.length+_.length,overflow:to.length}));/*#__PURE__*/return o(t,{children:[/*#__PURE__*/e(a,{title:W.appearance.landingHeader,onClose:J,backFn:"default"===X?void 0:()=>{Y("default")}}),"default"===X&&/*#__PURE__*/e(B,{}),"default"===X&&("string"==typeof W.appearance.loginMessage?/*#__PURE__*/e(I,{children:W.appearance.loginMessage}):W.appearance.loginMessage),/*#__PURE__*/e(A,{style:{overflow:"hidden"},children:/*#__PURE__*/o(E,{$colorScheme:P,style:{maxHeight:400,overflowY:"scroll",padding:2},children:["default"===X&&/*#__PURE__*/o(t,{children:[io,ro.length>0&&/*#__PURE__*/e(M,{text:"More options",icon:/*#__PURE__*/e(i,{}),onClick:()=>Y("overflow")})]}),"overflow"===X&&/*#__PURE__*/e(t,{children:ro}),U&&"default"===X&&/*#__PURE__*/e(b,{})]})}),W&&/*#__PURE__*/e(m,{app:W}),/*#__PURE__*/e(p,{})]})};let T=({primary:o,overflow:t})=>o<5?o:5===o&&0===t?5:4,B=/*#__PURE__*/n(f).withConfig({displayName:"StyledAppLogoHeader",componentId:"sc-5bf511fb-0"})(["margin-bottom:16px;"]);export{S as CustomLandingScreenView};
1
+ import{jsxs as o,Fragment as t,jsx as e}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/UserCircleIcon";import{useState as r,useEffect as s}from"react";import{styled as n}from"styled-components";import{TermsAndConditions as m,BlobbyFooter as p}from"../../components/ModalFooter.mjs";import{ModalHeader as a}from"../../components/ModalHeader.mjs";import{useAppConfig as c}from"../../configuration/context.mjs";import{usePrivyInternal as l}from"../../hooks/internal-context.mjs";import{usePrivyModal as j}from"../../hooks/modal-context.mjs";import{toDisplayFromAccountType as d}from"../../lib/toDisplayFromAccountType.mjs";import{useRecentlyUsedLogin as h}from"../../recent-login/context.mjs";import{splitAtIndex as g}from"../../utils/index.mjs";import{AppLogoHeader as f}from"./AppLogoHeader.mjs";import{CrossAppButton as u}from"./CrossAppButton.mjs";import{EmailButton as v}from"./EmailButton.mjs";import{FarcasterButton as y}from"./FarcasterButton.mjs";import{PasskeyLink as b}from"./PasskeyLink.mjs";import{SmsButton as w}from"./SmsButton.mjs";import{SocialButton as k}from"./SocialButton.mjs";import{TelegramButton as x}from"./TelegramButton.mjs";import{toWalletButtons as C}from"./WalletButtonList.mjs";import{Web2OverflowButton as M}from"./Web2OverflowButton.mjs";import{Subtitle as I,AlignBottom as A,LoginMethodContainerWithScrollShadows as E}from"./styles.mjs";import"../../svg/protected-by-privy.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../errors.mjs";import"ofetch";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../components/AppLogo.mjs";import"../../components/Loader.mjs";import"../../components/ProviderAppLogo.mjs";import"../../hooks/privy-context.mjs";import"@heroicons/react/24/outline/EnvelopeIcon";import"../../components/ConnectEmailForm.mjs";import"../../hooks/captcha-context.mjs";import"../../components/Button.mjs";import"../../components/ui/chips/Chip.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/ui/forms/EmailInputForm.mjs";import"../../components/ui/typography/ErrorMessage.mjs";import"../../svg/farcaster.mjs";import"@heroicons/react/24/outline/PhoneIcon";import"../../components/ConnectPhoneForm.mjs";import"@privy-io/js-sdk-core";import"../../components/PhoneCountryDropdown.mjs";import"../../svg/apple.mjs";import"../../svg/discord.mjs";import"../../svg/github.mjs";import"../../svg/google.mjs";import"../../svg/instagram.mjs";import"../../svg/linkedin.mjs";import"../../svg/spotify.mjs";import"../../svg/tiktok.mjs";import"../../svg/twitter.mjs";import"../../svg/telegram.mjs";import"./EmptyWalletView.mjs";import"./WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";let L=o=>`${o.props.provider}:${o.props.displayName}`;const S=({connectOnly:n})=>{let{closePrivyModal:f,connectors:S}=l(),{app:W,onUserCloseViaDialogOrKeybindRef:O,data:F}=j(),{appearance:{palette:{colorScheme:P}}}=c(),{accountType:H,walletClientType:z,chainType:V}=h(),D=H?d(H):null,R=W.loginMethodsAndOrder?.primary??[],$=W.loginMethodsAndOrder?.overflow??[],N=[...R,...$],U=W.loginMethods.passkey,K=F?.login,Q=[];z&&N.includes(z)?Q.push(z):H&&N.includes(D?.loginMethod)&&Q.push(D?.loginMethod);let[X,Y]=r("default"),[q,G]=r("phone"===H?"sms":"email");s((()=>{"phone"===H&&G("sms");let o=N.indexOf("sms"),t=N.indexOf("email");o>-1&&o<t&&G("sms")}),[H,R,$]);let J=()=>{f({shouldCallAuthOnSuccess:!0}),setTimeout((()=>{Y("default")}),150)};O.current=J;let Z=o=>"email"===o?/*#__PURE__*/e(v,{isEditable:"email"===q,setIsEditable:()=>{G("email")},defaultValue:"email"===K?.prefill?.type?K.prefill.value:void 0},o):"sms"===o?/*#__PURE__*/e(w,{isEditable:"sms"===q,setIsEditable:()=>{G("sms")},defaultValue:"phone"===K?.prefill?.type?K.prefill.value:void 0},o):"apple"===o?/*#__PURE__*/e(k,{provider:"apple"},o):"discord"===o?/*#__PURE__*/e(k,{provider:"discord"},o):"farcaster"===o?/*#__PURE__*/e(y,{},o):"github"===o?/*#__PURE__*/e(k,{provider:"github"},o):"google"===o?/*#__PURE__*/e(k,{provider:"google"},o):"linkedin"===o?/*#__PURE__*/e(k,{provider:"linkedin"},o):"spotify"===o?/*#__PURE__*/e(k,{provider:"spotify"},o):"instagram"===o?/*#__PURE__*/e(k,{provider:"instagram"},o):"tiktok"===o?/*#__PURE__*/e(k,{provider:"tiktok"},o):"twitter"===o?/*#__PURE__*/e(k,{provider:"twitter"},o):"telegram"===o?/*#__PURE__*/e(x,{},o):o.startsWith("privy:")?/*#__PURE__*/e(u,{appId:o.replace("privy:","")},o):C({walletList:W.appearance.walletList,walletChainType:W.appearance.walletChainType,connectors:S,connectOnly:n,ignore:[],walletConnectEnabled:W.externalWallets.walletConnect.enabled,forceWallet:{wallet:o,chainType:V??"ethereum"}}),_=Q.flatMap(Z),oo=R.filter((o=>o!==z&&o!==D?.loginMethod)).flatMap(Z),to=$.filter((o=>o!==z&&o!==D?.loginMethod)).flatMap(Z),eo=to.filter((o=>!oo.map(L).includes(L(o)))),[io,ro]=g([..._,...oo,...eo],T({primary:oo.length+_.length,overflow:to.length}));/*#__PURE__*/return o(t,{children:[/*#__PURE__*/e(a,{title:W.appearance.landingHeader,onClose:J,backFn:"default"===X?void 0:()=>{Y("default")}}),"default"===X&&/*#__PURE__*/e(B,{}),"default"===X&&("string"==typeof W.appearance.loginMessage?/*#__PURE__*/e(I,{children:W.appearance.loginMessage}):W.appearance.loginMessage),/*#__PURE__*/e(A,{style:{overflow:"hidden"},children:/*#__PURE__*/o(E,{$colorScheme:P,style:{maxHeight:400,overflowY:"scroll",padding:2},children:["default"===X&&/*#__PURE__*/o(t,{children:[io,ro.length>0&&/*#__PURE__*/e(M,{text:"More options",icon:/*#__PURE__*/e(i,{}),onClick:()=>Y("overflow")})]}),"overflow"===X&&/*#__PURE__*/e(t,{children:ro}),U&&"default"===X&&/*#__PURE__*/e(b,{})]})}),W&&/*#__PURE__*/e(m,{app:W}),/*#__PURE__*/e(p,{})]})};let T=({primary:o,overflow:t})=>o<5?o:5===o&&0===t?5:4,B=/*#__PURE__*/n(f).withConfig({displayName:"StyledAppLogoHeader",componentId:"sc-5bf511fb-0"})(["margin-bottom:16px;"]);export{S as CustomLandingScreenView};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/EnvelopeIcon";import r from"@heroicons/react/24/outline/PhoneIcon";import s from"@heroicons/react/24/outline/UserCircleIcon";import{useMemo as n,useState as m,useEffect as l}from"react";import{styled as a}from"styled-components";import{toObjectKeys as p}from"@privy-io/js-sdk-core";import{TermsAndConditions as c,BlobbyFooter as h}from"../../components/ModalFooter.mjs";import{ModalHeader as g}from"../../components/ModalHeader.mjs";import{useAppConfig as d}from"../../configuration/context.mjs";import{usePrivyInternal as j}from"../../hooks/internal-context.mjs";import{usePrivyModal as f}from"../../hooks/modal-context.mjs";import{toDisplayFromAccountType as u}from"../../lib/toDisplayFromAccountType.mjs";import{useRecentlyUsedLogin as y}from"../../recent-login/context.mjs";import{EmailOrPhone as w}from"../../svg/email-or-phone.mjs";import{AppLogoHeader as v}from"./AppLogoHeader.mjs";import{EmailButton as b}from"./EmailButton.mjs";import{EmptyWalletView as k}from"./EmptyWalletView.mjs";import{FarcasterButton as C}from"./FarcasterButton.mjs";import{PasskeyLink as T}from"./PasskeyLink.mjs";import{SmsButton as x}from"./SmsButton.mjs";import{SocialButton as A}from"./SocialButton.mjs";import{TelegramButton as M}from"./TelegramButton.mjs";import{toWalletButtons as I}from"./WalletButtonList.mjs";import{WalletOverflowButton as L}from"./WalletOverflowButton.mjs";import{Web2OverflowButton as E}from"./Web2OverflowButton.mjs";import{Subtitle as W,AlignBottom as B,LoginMethodContainer as P}from"./styles.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../components/AppLogo.mjs";import"../../components/ConnectEmailForm.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/captcha-context.mjs";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../hooks/privy-context.mjs";import"../../components/Button.mjs";import"../../components/Loader.mjs";import"../../components/ui/chips/Chip.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/ui/forms/EmailInputForm.mjs";import"../../components/ui/typography/ErrorMessage.mjs";import"../../svg/farcaster.mjs";import"../../components/ConnectPhoneForm.mjs";import"../../components/PhoneCountryDropdown.mjs";import"../../svg/apple.mjs";import"../../svg/discord.mjs";import"../../svg/github.mjs";import"../../svg/google.mjs";import"../../svg/instagram.mjs";import"../../svg/linkedin.mjs";import"../../svg/spotify.mjs";import"../../svg/tiktok.mjs";import"../../svg/twitter.mjs";import"../../svg/telegram.mjs";import"./WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";const O=({connectOnly:i})=>{let{closePrivyModal:r,connectors:s}=j(),{data:a,onUserCloseViaDialogOrKeybindRef:w}=f(),v=d(),{accountType:O,walletClientType:z,chainType:D}=y(),V=O?u(O):null,G=a?.login,{email:K,sms:N,google:Q,twitter:X,discord:q,github:J,spotify:Y,instagram:Z,tiktok:$,linkedin:_,apple:oo,wallet:eo,farcaster:to,telegram:io}=n((()=>G?.loginMethods?p(G.loginMethods,!0):null),[G])??v.loginMethods,{passkey:ro}=v.loginMethods,so=[K&&"email",N&&"sms",Q&&"google",X&&"twitter",q&&"discord",J&&"github",Y&&"spotify",Z&&"instagram",$&&"tiktok",_&&"linkedin",oo&&"apple",to&&"farcaster",io&&"telegram"].filter((o=>!!o)),no=so.length>0,mo=n((()=>eo&&!no?"web3-first":eo&&v?.appearance.loginGroupPriority||"web2-first"),[eo,no,v?.appearance.loginGroupPriority]),lo=v?.appearance.hideDirectWeb2Inputs,[ao,po]=m("default"),[co,ho]=m(U({mostRecentlyUsedAccountType:O,smsAvailable:N,emailAvailable:K,prefilledType:G?.prefill?.type}));l((()=>{ho(U({mostRecentlyUsedAccountType:O,smsAvailable:N,emailAvailable:K,prefilledType:G?.prefill?.type}))}),[K,N,O]);let go=()=>{r({shouldCallAuthOnSuccess:!0}),setTimeout((()=>{po("default")}),150)};w.current=go;let jo=[];z&&eo?jo.push(z):V?.loginMethod&&so.includes(V.loginMethod)&&jo.push(V.loginMethod);let fo=e=>"email"===e?/*#__PURE__*/o(b,{isEditable:"email"===co,setIsEditable:()=>{ho("email")},defaultValue:"email"===G?.prefill?.type?G.prefill.value:void 0},e):"sms"===e?/*#__PURE__*/o(x,{isEditable:"sms"===co,setIsEditable:()=>{ho("sms")},defaultValue:"phone"===G?.prefill?.type?G.prefill.value:void 0},e):"apple"===e?/*#__PURE__*/o(A,{provider:"apple"},e):"discord"===e?/*#__PURE__*/o(A,{provider:"discord"},e):"farcaster"===e?/*#__PURE__*/o(C,{},e):"github"===e?/*#__PURE__*/o(A,{provider:"github"},e):"google"===e?/*#__PURE__*/o(A,{provider:"google"},e):"linkedin"===e?/*#__PURE__*/o(A,{provider:"linkedin"},e):"tiktok"===e?/*#__PURE__*/o(A,{provider:"tiktok"},e):"spotify"===e?/*#__PURE__*/o(A,{provider:"spotify"},e):"instagram"===e?/*#__PURE__*/o(A,{provider:"instagram"},e):"twitter"===e?/*#__PURE__*/o(A,{provider:"twitter"},e):"telegram"===e?/*#__PURE__*/o(M,{},e):I({walletList:v.appearance.walletList,walletChainType:v.appearance.walletChainType,connectors:s,connectOnly:i,ignore:[],walletConnectEnabled:v.externalWallets.walletConnect.enabled,forceWallet:{wallet:e,chainType:D??"ethereum"}}),uo=I({walletList:v.appearance.walletList.filter((o=>o!==z)),walletChainType:v.appearance.walletChainType,connectors:s,connectOnly:i,ignore:[...v.appearance.walletList,z],walletConnectEnabled:v.externalWallets.walletConnect.enabled}),yo=so.filter((o=>o!==V?.loginMethod)).flatMap(fo),wo=jo.flatMap(fo);"web3-first"===mo&&"default"===ao?uo.unshift(...wo):"web2-first"===mo&&yo.unshift(...wo);let vo=so.filter((o=>"email"!==o&&"sms"!==o)),bo=F({priority:mo,email:K,sms:N,social:vo}),ko=H({priority:mo,email:K,sms:N,social:vo}),Co=/*#__PURE__*/o(L,{text:R({priority:mo}),onClick:()=>po("web3-overflow")}),To=/*#__PURE__*/o(E,{text:bo,icon:ko,onClick:()=>po("web2-overflow")}),xo=lo?0:1,Ao=eo&&uo.length>0,Mo=0===yo.length&&eo&&0===uo.length,Io=5-(Ao?1:0),Lo=uo.length>0?uo:/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType,withPadding:!0});/*#__PURE__*/return e(t,{children:[/*#__PURE__*/o(g,{title:v.appearance.landingHeader,onClose:go,backFn:"default"===ao?void 0:()=>{po("default")}}),"default"===ao&&/*#__PURE__*/o(S,{}),"default"===ao&&("string"==typeof v.appearance.loginMessage?/*#__PURE__*/o(W,{children:v.appearance.loginMessage}):v.appearance.loginMessage),/*#__PURE__*/o(B,{style:{overflow:"hidden",padding:2},children:/*#__PURE__*/e(P,{children:["default"===ao&&"web2-first"===mo&&/*#__PURE__*/e(t,{children:[yo.length>Io?yo.slice(0,Io-1):yo,yo.length>Io&&To,Ao&&Co,Mo&&/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType})]}),"default"===ao&&"web3-first"===mo&&/*#__PURE__*/e(t,{children:[eo&&/*#__PURE__*/e(t,{children:[uo.length>Io?uo.slice(0,Io-1):uo,uo.length>Io&&Co]}),yo.length>xo&&To,yo.length===xo&&yo[0],Mo&&/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType})]}),"web2-overflow"===ao&&/*#__PURE__*/o(t,{children:"web3-first"===mo?yo:yo.slice(3)}),"web3-overflow"===ao?Lo:[],ro&&"default"===ao&&/*#__PURE__*/o(T,{})]})}),v&&/*#__PURE__*/o(c,{app:v}),/*#__PURE__*/o(h,{})]})};let S=/*#__PURE__*/a(v).withConfig({displayName:"StyledAppLogoHeader",componentId:"sc-4938a02-0"})(["margin-bottom:16px;"]),F=({priority:o,email:e,sms:t,social:i})=>"web2-first"===o?"Other socials":e&&t&&i.length>0||e&&i.length>0?"Log in with email or socials":t&&i.length>0?"Log in with sms or socials":e&&t?"Continue with email or sms":e?"Continue with email":t?"Continue with sms":"Log in with a social account",H=({priority:e,email:t,sms:n,social:m})=>"web2-first"===e||m.length>0?/*#__PURE__*/o(s,{}):t&&n?/*#__PURE__*/o(w,{}):t?/*#__PURE__*/o(i,{}):n?/*#__PURE__*/o(r,{}):null,R=({priority:o})=>"web2-first"===o?"Continue with a wallet":"Other wallets",U=({mostRecentlyUsedAccountType:o,smsAvailable:e,emailAvailable:t,prefilledType:i})=>t&&("email"===o&&"phone"!==i||"email"===i)||!e||"phone"!==o&&"phone"!==i?"email":"sms";export{O as LandingScreenView};
1
+ import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/EnvelopeIcon";import r from"@heroicons/react/24/outline/PhoneIcon";import s from"@heroicons/react/24/outline/UserCircleIcon";import{useMemo as n,useState as m,useEffect as l}from"react";import{styled as a}from"styled-components";import{toObjectKeys as p}from"@privy-io/js-sdk-core";import{TermsAndConditions as c,BlobbyFooter as h}from"../../components/ModalFooter.mjs";import{ModalHeader as g}from"../../components/ModalHeader.mjs";import{useAppConfig as d}from"../../configuration/context.mjs";import{usePrivyInternal as j}from"../../hooks/internal-context.mjs";import{usePrivyModal as f}from"../../hooks/modal-context.mjs";import{toDisplayFromAccountType as u}from"../../lib/toDisplayFromAccountType.mjs";import{useRecentlyUsedLogin as y}from"../../recent-login/context.mjs";import{EmailOrPhone as w}from"../../svg/email-or-phone.mjs";import{AppLogoHeader as v}from"./AppLogoHeader.mjs";import{EmailButton as b}from"./EmailButton.mjs";import{EmptyWalletView as k}from"./EmptyWalletView.mjs";import{FarcasterButton as C}from"./FarcasterButton.mjs";import{PasskeyLink as T}from"./PasskeyLink.mjs";import{SmsButton as x}from"./SmsButton.mjs";import{SocialButton as A}from"./SocialButton.mjs";import{TelegramButton as M}from"./TelegramButton.mjs";import{toWalletButtons as I}from"./WalletButtonList.mjs";import{WalletOverflowButton as L}from"./WalletOverflowButton.mjs";import{Web2OverflowButton as E}from"./Web2OverflowButton.mjs";import{Subtitle as W,AlignBottom as B,LoginMethodContainer as P}from"./styles.mjs";import"../../svg/protected-by-privy.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"../../hooks/events-context.mjs";import"../../storage.mjs";import"../../components/AppLogo.mjs";import"../../components/ConnectEmailForm.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/captcha-context.mjs";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../hooks/privy-context.mjs";import"../../components/Button.mjs";import"../../components/Loader.mjs";import"../../components/ui/chips/Chip.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";import"../../components/ui/forms/EmailInputForm.mjs";import"../../components/ui/typography/ErrorMessage.mjs";import"../../svg/farcaster.mjs";import"../../components/ConnectPhoneForm.mjs";import"../../components/PhoneCountryDropdown.mjs";import"../../svg/apple.mjs";import"../../svg/discord.mjs";import"../../svg/github.mjs";import"../../svg/google.mjs";import"../../svg/instagram.mjs";import"../../svg/linkedin.mjs";import"../../svg/spotify.mjs";import"../../svg/tiktok.mjs";import"../../svg/twitter.mjs";import"../../svg/telegram.mjs";import"./WalletButton.mjs";import"react-device-detect";import"../../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../../lib/external-wallets/displayHelpers.mjs";import"../../svg/brave-browser-icon.mjs";import"../../svg/bybit.mjs";import"../../svg/coinbase-wallet.mjs";import"../../svg/cryptocom.mjs";import"../../svg/metamask.mjs";import"../../svg/phantom.mjs";import"../../svg/rabby.mjs";import"../../svg/rainbow.mjs";import"../../svg/safe.mjs";import"../../svg/uniswap.mjs";import"../../svg/universal-profile.mjs";import"../../svg/wallet-connect.mjs";import"../../svg/zerion.mjs";import"../../lib/isEmbeddedWebview.mjs";import"@heroicons/react/24/outline/ChevronRightIcon";const O=({connectOnly:i})=>{let{closePrivyModal:r,connectors:s}=j(),{data:a,onUserCloseViaDialogOrKeybindRef:w}=f(),v=d(),{accountType:O,walletClientType:z,chainType:D}=y(),V=O?u(O):null,G=a?.login,{email:K,sms:N,google:Q,twitter:X,discord:q,github:J,spotify:Y,instagram:Z,tiktok:$,linkedin:_,apple:oo,wallet:eo,farcaster:to,telegram:io}=n((()=>G?.loginMethods?p(G.loginMethods,!0):null),[G])??v.loginMethods,{passkey:ro}=v.loginMethods,so=[K&&"email",N&&"sms",Q&&"google",X&&"twitter",q&&"discord",J&&"github",Y&&"spotify",Z&&"instagram",$&&"tiktok",_&&"linkedin",oo&&"apple",to&&"farcaster",io&&"telegram"].filter((o=>!!o)),no=so.length>0,mo=n((()=>eo&&!no?"web3-first":eo&&v?.appearance.loginGroupPriority||"web2-first"),[eo,no,v?.appearance.loginGroupPriority]),lo=v?.appearance.hideDirectWeb2Inputs,[ao,po]=m("default"),[co,ho]=m(U({mostRecentlyUsedAccountType:O,smsAvailable:N,emailAvailable:K,prefilledType:G?.prefill?.type}));l((()=>{ho(U({mostRecentlyUsedAccountType:O,smsAvailable:N,emailAvailable:K,prefilledType:G?.prefill?.type}))}),[K,N,O]);let go=()=>{r({shouldCallAuthOnSuccess:!0}),setTimeout((()=>{po("default")}),150)};w.current=go;let jo=[];z&&eo?jo.push(z):V?.loginMethod&&so.includes(V.loginMethod)&&jo.push(V.loginMethod);let fo=e=>"email"===e?/*#__PURE__*/o(b,{isEditable:"email"===co,setIsEditable:()=>{ho("email")},defaultValue:"email"===G?.prefill?.type?G.prefill.value:void 0},e):"sms"===e?/*#__PURE__*/o(x,{isEditable:"sms"===co,setIsEditable:()=>{ho("sms")},defaultValue:"phone"===G?.prefill?.type?G.prefill.value:void 0},e):"apple"===e?/*#__PURE__*/o(A,{provider:"apple"},e):"discord"===e?/*#__PURE__*/o(A,{provider:"discord"},e):"farcaster"===e?/*#__PURE__*/o(C,{},e):"github"===e?/*#__PURE__*/o(A,{provider:"github"},e):"google"===e?/*#__PURE__*/o(A,{provider:"google"},e):"linkedin"===e?/*#__PURE__*/o(A,{provider:"linkedin"},e):"tiktok"===e?/*#__PURE__*/o(A,{provider:"tiktok"},e):"spotify"===e?/*#__PURE__*/o(A,{provider:"spotify"},e):"instagram"===e?/*#__PURE__*/o(A,{provider:"instagram"},e):"twitter"===e?/*#__PURE__*/o(A,{provider:"twitter"},e):"telegram"===e?/*#__PURE__*/o(M,{},e):I({walletList:v.appearance.walletList,walletChainType:v.appearance.walletChainType,connectors:s,connectOnly:i,ignore:[],walletConnectEnabled:v.externalWallets.walletConnect.enabled,forceWallet:{wallet:e,chainType:D??"ethereum"}}),uo=I({walletList:v.appearance.walletList.filter((o=>o!==z)),walletChainType:v.appearance.walletChainType,connectors:s,connectOnly:i,ignore:[...v.appearance.walletList,z],walletConnectEnabled:v.externalWallets.walletConnect.enabled}),yo=so.filter((o=>o!==V?.loginMethod)).flatMap(fo),wo=jo.flatMap(fo);"web3-first"===mo&&"default"===ao?uo.unshift(...wo):"web2-first"===mo&&yo.unshift(...wo);let vo=so.filter((o=>"email"!==o&&"sms"!==o)),bo=F({priority:mo,email:K,sms:N,social:vo}),ko=H({priority:mo,email:K,sms:N,social:vo}),Co=/*#__PURE__*/o(L,{text:R({priority:mo}),onClick:()=>po("web3-overflow")}),To=/*#__PURE__*/o(E,{text:bo,icon:ko,onClick:()=>po("web2-overflow")}),xo=lo?0:1,Ao=eo&&uo.length>0,Mo=0===yo.length&&eo&&0===uo.length,Io=5-(Ao?1:0),Lo=uo.length>0?uo:/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType,withPadding:!0});/*#__PURE__*/return e(t,{children:[/*#__PURE__*/o(g,{title:v.appearance.landingHeader,onClose:go,backFn:"default"===ao?void 0:()=>{po("default")}}),"default"===ao&&/*#__PURE__*/o(S,{}),"default"===ao&&("string"==typeof v.appearance.loginMessage?/*#__PURE__*/o(W,{children:v.appearance.loginMessage}):v.appearance.loginMessage),/*#__PURE__*/o(B,{style:{overflow:"hidden",padding:2},children:/*#__PURE__*/e(P,{children:["default"===ao&&"web2-first"===mo&&/*#__PURE__*/e(t,{children:[yo.length>Io?yo.slice(0,Io-1):yo,yo.length>Io&&To,Ao&&Co,Mo&&/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType})]}),"default"===ao&&"web3-first"===mo&&/*#__PURE__*/e(t,{children:[eo&&/*#__PURE__*/e(t,{children:[uo.length>Io?uo.slice(0,Io-1):uo,uo.length>Io&&Co]}),yo.length>xo&&To,yo.length===xo&&yo[0],Mo&&/*#__PURE__*/o(k,{chainType:v.appearance.walletChainType})]}),"web2-overflow"===ao&&/*#__PURE__*/o(t,{children:"web3-first"===mo?yo:yo.slice(3)}),"web3-overflow"===ao?Lo:[],ro&&"default"===ao&&/*#__PURE__*/o(T,{})]})}),v&&/*#__PURE__*/o(c,{app:v}),/*#__PURE__*/o(h,{})]})};let S=/*#__PURE__*/a(v).withConfig({displayName:"StyledAppLogoHeader",componentId:"sc-4938a02-0"})(["margin-bottom:16px;"]),F=({priority:o,email:e,sms:t,social:i})=>"web2-first"===o?"Other socials":e&&t&&i.length>0||e&&i.length>0?"Log in with email or socials":t&&i.length>0?"Log in with sms or socials":e&&t?"Continue with email or sms":e?"Continue with email":t?"Continue with sms":"Log in with a social account",H=({priority:e,email:t,sms:n,social:m})=>"web2-first"===e||m.length>0?/*#__PURE__*/o(s,{}):t&&n?/*#__PURE__*/o(w,{}):t?/*#__PURE__*/o(i,{}):n?/*#__PURE__*/o(r,{}):null,R=({priority:o})=>"web2-first"===o?"Continue with a wallet":"Other wallets",U=({mostRecentlyUsedAccountType:o,smsAvailable:e,emailAvailable:t,prefilledType:i})=>t&&("email"===o&&"phone"!==i||"email"===i)||!e||"phone"!==o&&"phone"!==i?"email":"sms";export{O as LandingScreenView};
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/CheckCircleIcon";import t from"@heroicons/react/24/outline/ClockIcon";import r from"@heroicons/react/24/outline/TrashIcon";import c from"@heroicons/react/24/solid/CheckBadgeIcon";import s from"@heroicons/react/24/solid/LockClosedIcon";import{useState as a,useEffect as m}from"react";import{styled as l,css as p}from"styled-components";import{PrimaryButton as d}from"../components/Button.mjs";import{ButtonLoader as h}from"../components/Loader.mjs";import{ModalFooter as f}from"../components/ModalFooter.mjs";import{ModalHeader as g}from"../components/ModalHeader.mjs";import{PrivyError as y,PrivyErrorCode as u}from"../errors.mjs";import{usePrivyInternal as j}from"../hooks/internal-context.mjs";import{usePrivyContext as v}from"../hooks/privy-context.mjs";import{FaceId as k}from"../svg/face-id.mjs";import{FingerPrint as x}from"../svg/fingerprint.mjs";import{IconWrapper as w,BottomSection as b,AppLogoContainer as I,ListItem as C,ListItemIcon as N}from"./MfaScreens/StyledComponents.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../configuration/context.mjs";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../hooks/index.mjs";import"ofetch";let S=({passkeys:o,expanded:i,onUnlink:t,onExpand:c})=>{let[s,m]=a([]),l=i?o.length:2;/*#__PURE__*/return e("div",{children:[/*#__PURE__*/n(F,{children:"Your passkeys"}),/*#__PURE__*/e(P,{children:[o.slice(0,l).map((o=>{/*#__PURE__*/return e($,{children:[/*#__PURE__*/e("div",{children:[/*#__PURE__*/n(O,{children:(i=o,i.authenticatorName?i.createdWithBrowser?`${i.authenticatorName} on ${i.createdWithBrowser}`:i.authenticatorName:i.createdWithBrowser?i.createdWithOs?`${i.createdWithBrowser} on ${i.createdWithOs}`:`${i.createdWithBrowser}`:"Unknown device")}),/*#__PURE__*/e(U,{children:["Last used: ",(o.latestVerifiedAt??o.verifiedAt).toLocaleString()]})]}),/*#__PURE__*/n(H,{disabled:s.includes(o.credentialId),onClick:()=>(async e=>{m((o=>o.concat([e]))),await t(e),m((o=>o.filter((o=>o!==e))))})(o.credentialId),children:s.includes(o.credentialId)?/*#__PURE__*/n(h,{}):/*#__PURE__*/n(r,{height:"1.6em"})})]},o.credentialId);var i})),o.length>2&&!i&&/*#__PURE__*/n(E,{onClick:c,children:"View all"})]})]})},A=()=>/*#__PURE__*/e(P,{children:[/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(c,{})}),"Log in with Touch ID, Face ID, or a security key."]}),/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(s,{})}),"More secure than a password."]}),/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(t,{})}),"Takes seconds to set up and use."]})]});const L=()=>{let{user:t,unlinkPasskey:r}=v(),{linkWithPasskey:c,closePrivyModal:s}=j(),l=t?.linkedAccounts.filter((e=>"passkey"===e.type)),[p,h]=a(!1),[C,N]=a(""),[L,M]=a(!1),[E,P]=a(!1);m((()=>{0===l.length&&P(!1)}),[l.length]);let F=async e=>(h(!0),await r(e).then((()=>M(!0))).catch((e=>{e instanceof y&&e.privyErrorCode===u.MISSING_MFA_CREDENTIALS?N("Cannot unlink a passkey enrolled in MFA"):N("Unknown error occurred.")})).finally((()=>{h(!1)})));/*#__PURE__*/return e(o,L?{children:[/*#__PURE__*/n(g,{onClose:()=>s()},"header"),/*#__PURE__*/n(w,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/n(i,{})}),/*#__PURE__*/n(B,{style:{marginBottom:"1.5rem"},children:"Passkeys updated"}),/*#__PURE__*/n(W,{children:" "}),/*#__PURE__*/n(b,{children:/*#__PURE__*/n(d,{onClick:()=>s(),children:"Done"})}),/*#__PURE__*/n(f,{})]}:E?{children:[/*#__PURE__*/n(g,{backFn:()=>P(!1),onClose:()=>s()},"header"),/*#__PURE__*/n(S,{passkeys:l,expanded:E,onUnlink:F,onExpand:()=>P(!0)}),/*#__PURE__*/n(f,{})]}:{children:[/*#__PURE__*/n(g,{onClose:()=>s()},"header"),/*#__PURE__*/n(I,{children:/*#__PURE__*/e(T,{children:[/*#__PURE__*/n(k,{}),/*#__PURE__*/n(x,{})]})}),/*#__PURE__*/n(B,{children:"Secure your account with a passkey"}),/*#__PURE__*/n(_,{}),0===l.length?/*#__PURE__*/n(A,{}):/*#__PURE__*/n(S,{passkeys:l,expanded:E,onUnlink:F,onExpand:()=>P(!0)}),/*#__PURE__*/e(b,{style:{marginTop:"12px"},children:[C&&/*#__PURE__*/n(z,{$fail:!0,children:C}),/*#__PURE__*/n(d,{onClick:()=>{h(!0),c().then((()=>M(!0))).catch((e=>{if(e instanceof y){if(e.privyErrorCode===u.CANNOT_LINK_MORE_OF_TYPE)return void N("Cannot link more passkeys to account.");if(e.privyErrorCode===u.PASSKEY_NOT_ALLOWED)return void N("Passkey request timed out or rejected by user.")}N("Unknown error occurred.")})).finally((()=>{h(!1)}))},loading:p,children:"Add new passkey"})]}),/*#__PURE__*/n(f,{})]})},T=/*#__PURE__*/l.div.withConfig({displayName:"DoubleIconWrapper",componentId:"sc-302702bc-0"})(["display:flex;align-items:center;justify-content:center;width:180px;height:90px;border-radius:50%;svg + svg{margin-left:12px;}> svg{z-index:2;color:var(--privy-color-accent) !important;stroke:var(--privy-color-accent) !important;fill:var(--privy-color-accent) !important;}"]);let z=/*#__PURE__*/l.div.withConfig({displayName:"InputHelp",componentId:"sc-302702bc-1"})(["line-height:20px;height:20px;font-size:13px;color:",";display:flex;justify-content:flex-beginngin;width:100%;"],(e=>e.$fail?"var(--privy-color-error)":"var(--privy-color-foreground-3)")),M=/*#__PURE__*/p(["&&{width:100%;font-size:0.875rem;line-height:1rem;@media (min-width:440px){font-size:14px;}display:flex;gap:12px;justify-content:center;padding:6px 8px;background-color:var(--privy-color-background);transition:background-color 200ms ease;color:var(--privy-color-accent) !important;:focus{outline:none;box-shadow:none;}}"]);const E=/*#__PURE__*/l.button.withConfig({displayName:"LinkButton",componentId:"sc-302702bc-2"})(["",""],M);let P=/*#__PURE__*/l.div.withConfig({displayName:"List",componentId:"sc-302702bc-3"})(["display:flex;flex-direction:column;align-items:stretch;gap:0.8rem;padding:0.5rem 0rem 0rem;flex-grow:1;width:100%;"]),B=/*#__PURE__*/l.div.withConfig({displayName:"ModalTitle",componentId:"sc-302702bc-4"})(["font-size:18px;line-height:18px;text-align:center;font-weight:600;"]),W=/*#__PURE__*/l.div.withConfig({displayName:"ModalSubTitle",componentId:"sc-302702bc-5"})(["font-size:0.875rem;text-align:center;margin-top:10px;"]),_=/*#__PURE__*/l.div.withConfig({displayName:"SectionSpacer",componentId:"sc-302702bc-6"})(["height:32px;"]),F=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyListTitle",componentId:"sc-302702bc-7"})(["line-height:20px;height:20px;font-size:1em;font-weight:450;display:flex;justify-content:flex-beginning;width:100%;"]),O=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyItemTitle",componentId:"sc-302702bc-8"})(["font-size:1em;line-height:1.3em;font-weight:500;color:var(--privy-color-foreground-2);padding:0.2em 0;"]),U=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyItemSubtitle",componentId:"sc-302702bc-9"})(["font-size:0.875rem;line-height:1rem;color:#64668b;padding:0.2em 0;"]),$=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyListItem",componentId:"sc-302702bc-10"})(["display:flex;align-items:center;justify-content:space-between;padding:1em;gap:10px;font-size:0.875rem;line-height:1rem;text-align:left;border-radius:8px;border:1px solid #e2e3f0 !important;width:100%;height:5em;"]),D=/*#__PURE__*/p([":focus,:hover,:active{outline:none;}display:flex;width:2em;height:2em;justify-content:center;align-items:center;svg{color:var(--privy-color-error);}svg:hover{color:var(--privy-color-foreground-3);}"]),H=/*#__PURE__*/l.button.withConfig({displayName:"PasskeyItemUnlinkButton",componentId:"sc-302702bc-11"})(["",""],D);export{T as DoubleIconWrapper,E as LinkButton,L as LinkPasskeyScreen};
1
+ import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/CheckCircleIcon";import t from"@heroicons/react/24/outline/ClockIcon";import r from"@heroicons/react/24/outline/TrashIcon";import c from"@heroicons/react/24/solid/CheckBadgeIcon";import s from"@heroicons/react/24/solid/LockClosedIcon";import{useState as a,useEffect as m}from"react";import{styled as l,css as p}from"styled-components";import{PrimaryButton as d}from"../components/Button.mjs";import{ButtonLoader as h}from"../components/Loader.mjs";import{ModalFooter as f}from"../components/ModalFooter.mjs";import{ModalHeader as g}from"../components/ModalHeader.mjs";import{PrivyError as y,PrivyErrorCode as u}from"../errors.mjs";import{usePrivyInternal as j}from"../hooks/internal-context.mjs";import{usePrivyContext as v}from"../hooks/privy-context.mjs";import{FaceId as k}from"../svg/face-id.mjs";import{FingerPrint as x}from"../svg/fingerprint.mjs";import{IconWrapper as w,BottomSection as b,AppLogoContainer as I,ListItem as C,ListItemIcon as N}from"./MfaScreens/StyledComponents.mjs";import"../configuration/context.mjs";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../hooks/index.mjs";import"ofetch";let S=({passkeys:o,expanded:i,onUnlink:t,onExpand:c})=>{let[s,m]=a([]),l=i?o.length:2;/*#__PURE__*/return e("div",{children:[/*#__PURE__*/n(F,{children:"Your passkeys"}),/*#__PURE__*/e(P,{children:[o.slice(0,l).map((o=>{/*#__PURE__*/return e($,{children:[/*#__PURE__*/e("div",{children:[/*#__PURE__*/n(O,{children:(i=o,i.authenticatorName?i.createdWithBrowser?`${i.authenticatorName} on ${i.createdWithBrowser}`:i.authenticatorName:i.createdWithBrowser?i.createdWithOs?`${i.createdWithBrowser} on ${i.createdWithOs}`:`${i.createdWithBrowser}`:"Unknown device")}),/*#__PURE__*/e(U,{children:["Last used: ",(o.latestVerifiedAt??o.verifiedAt).toLocaleString()]})]}),/*#__PURE__*/n(H,{disabled:s.includes(o.credentialId),onClick:()=>(async e=>{m((o=>o.concat([e]))),await t(e),m((o=>o.filter((o=>o!==e))))})(o.credentialId),children:s.includes(o.credentialId)?/*#__PURE__*/n(h,{}):/*#__PURE__*/n(r,{height:"1.6em"})})]},o.credentialId);var i})),o.length>2&&!i&&/*#__PURE__*/n(E,{onClick:c,children:"View all"})]})]})},A=()=>/*#__PURE__*/e(P,{children:[/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(c,{})}),"Log in with Touch ID, Face ID, or a security key."]}),/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(s,{})}),"More secure than a password."]}),/*#__PURE__*/e(C,{children:[/*#__PURE__*/n(N,{children:/*#__PURE__*/n(t,{})}),"Takes seconds to set up and use."]})]});const L=()=>{let{user:t,unlinkPasskey:r}=v(),{linkWithPasskey:c,closePrivyModal:s}=j(),l=t?.linkedAccounts.filter((e=>"passkey"===e.type)),[p,h]=a(!1),[C,N]=a(""),[L,M]=a(!1),[E,P]=a(!1);m((()=>{0===l.length&&P(!1)}),[l.length]);let F=async e=>(h(!0),await r(e).then((()=>M(!0))).catch((e=>{e instanceof y&&e.privyErrorCode===u.MISSING_MFA_CREDENTIALS?N("Cannot unlink a passkey enrolled in MFA"):N("Unknown error occurred.")})).finally((()=>{h(!1)})));/*#__PURE__*/return e(o,L?{children:[/*#__PURE__*/n(g,{onClose:()=>s()},"header"),/*#__PURE__*/n(w,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/n(i,{})}),/*#__PURE__*/n(B,{style:{marginBottom:"1.5rem"},children:"Passkeys updated"}),/*#__PURE__*/n(W,{children:" "}),/*#__PURE__*/n(b,{children:/*#__PURE__*/n(d,{onClick:()=>s(),children:"Done"})}),/*#__PURE__*/n(f,{})]}:E?{children:[/*#__PURE__*/n(g,{backFn:()=>P(!1),onClose:()=>s()},"header"),/*#__PURE__*/n(S,{passkeys:l,expanded:E,onUnlink:F,onExpand:()=>P(!0)}),/*#__PURE__*/n(f,{})]}:{children:[/*#__PURE__*/n(g,{onClose:()=>s()},"header"),/*#__PURE__*/n(I,{children:/*#__PURE__*/e(T,{children:[/*#__PURE__*/n(k,{}),/*#__PURE__*/n(x,{})]})}),/*#__PURE__*/n(B,{children:"Secure your account with a passkey"}),/*#__PURE__*/n(_,{}),0===l.length?/*#__PURE__*/n(A,{}):/*#__PURE__*/n(S,{passkeys:l,expanded:E,onUnlink:F,onExpand:()=>P(!0)}),/*#__PURE__*/e(b,{style:{marginTop:"12px"},children:[C&&/*#__PURE__*/n(z,{$fail:!0,children:C}),/*#__PURE__*/n(d,{onClick:()=>{h(!0),c().then((()=>M(!0))).catch((e=>{if(e instanceof y){if(e.privyErrorCode===u.CANNOT_LINK_MORE_OF_TYPE)return void N("Cannot link more passkeys to account.");if(e.privyErrorCode===u.PASSKEY_NOT_ALLOWED)return void N("Passkey request timed out or rejected by user.")}N("Unknown error occurred.")})).finally((()=>{h(!1)}))},loading:p,children:"Add new passkey"})]}),/*#__PURE__*/n(f,{})]})},T=/*#__PURE__*/l.div.withConfig({displayName:"DoubleIconWrapper",componentId:"sc-302702bc-0"})(["display:flex;align-items:center;justify-content:center;width:180px;height:90px;border-radius:50%;svg + svg{margin-left:12px;}> svg{z-index:2;color:var(--privy-color-accent) !important;stroke:var(--privy-color-accent) !important;fill:var(--privy-color-accent) !important;}"]);let z=/*#__PURE__*/l.div.withConfig({displayName:"InputHelp",componentId:"sc-302702bc-1"})(["line-height:20px;height:20px;font-size:13px;color:",";display:flex;justify-content:flex-beginngin;width:100%;"],(e=>e.$fail?"var(--privy-color-error)":"var(--privy-color-foreground-3)")),M=/*#__PURE__*/p(["&&{width:100%;font-size:0.875rem;line-height:1rem;@media (min-width:440px){font-size:14px;}display:flex;gap:12px;justify-content:center;padding:6px 8px;background-color:var(--privy-color-background);transition:background-color 200ms ease;color:var(--privy-color-accent) !important;:focus{outline:none;box-shadow:none;}}"]);const E=/*#__PURE__*/l.button.withConfig({displayName:"LinkButton",componentId:"sc-302702bc-2"})(["",""],M);let P=/*#__PURE__*/l.div.withConfig({displayName:"List",componentId:"sc-302702bc-3"})(["display:flex;flex-direction:column;align-items:stretch;gap:0.8rem;padding:0.5rem 0rem 0rem;flex-grow:1;width:100%;"]),B=/*#__PURE__*/l.div.withConfig({displayName:"ModalTitle",componentId:"sc-302702bc-4"})(["font-size:18px;line-height:18px;text-align:center;font-weight:600;"]),W=/*#__PURE__*/l.div.withConfig({displayName:"ModalSubTitle",componentId:"sc-302702bc-5"})(["font-size:0.875rem;text-align:center;margin-top:10px;"]),_=/*#__PURE__*/l.div.withConfig({displayName:"SectionSpacer",componentId:"sc-302702bc-6"})(["height:32px;"]),F=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyListTitle",componentId:"sc-302702bc-7"})(["line-height:20px;height:20px;font-size:1em;font-weight:450;display:flex;justify-content:flex-beginning;width:100%;"]),O=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyItemTitle",componentId:"sc-302702bc-8"})(["font-size:1em;line-height:1.3em;font-weight:500;color:var(--privy-color-foreground-2);padding:0.2em 0;"]),U=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyItemSubtitle",componentId:"sc-302702bc-9"})(["font-size:0.875rem;line-height:1rem;color:#64668b;padding:0.2em 0;"]),$=/*#__PURE__*/l.div.withConfig({displayName:"PasskeyListItem",componentId:"sc-302702bc-10"})(["display:flex;align-items:center;justify-content:space-between;padding:1em;gap:10px;font-size:0.875rem;line-height:1rem;text-align:left;border-radius:8px;border:1px solid #e2e3f0 !important;width:100%;height:5em;"]),D=/*#__PURE__*/p([":focus,:hover,:active{outline:none;}display:flex;width:2em;height:2em;justify-content:center;align-items:center;svg{color:var(--privy-color-error);}svg:hover{color:var(--privy-color-foreground-3);}"]),H=/*#__PURE__*/l.button.withConfig({displayName:"PasskeyItemUnlinkButton",componentId:"sc-302702bc-11"})(["",""],D);export{T as DoubleIconWrapper,E as LinkButton,L as LinkPasskeyScreen};
@@ -1 +1 @@
1
- import{jsxs as o,jsx as t,Fragment as e}from"react/jsx-runtime";import{BlobbyFooter as n}from"../components/ModalFooter.mjs";import{ModalHeader as i}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as s}from"../components/ScreenHeader.mjs";import{Address as r}from"../components/ui/wallet/Address.mjs";import{usePrivyInternal as m}from"../hooks/internal-context.mjs";import{usePrivyModal as c}from"../hooks/modal-context.mjs";import{toWalletButtons as a,WalletButtonList as p}from"./LandingScreen/WalletButtonList.mjs";import{LoginMethodContainer as l}from"./LandingScreen/styles.mjs";import"styled-components";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../hooks/index.mjs";import"@heroicons/react/24/outline/CheckIcon";import"@heroicons/react/24/outline/Square2StackIcon";import"../utils/index.mjs";import"../connectors/get-legacy-injected-providers.mjs";import"../connectors/is-wallet-installed.mjs";import"../errors.mjs";import"ofetch";import"../utils/eth/getPublicClient.mjs";import"viem";import"../components/PrefetchedImage.mjs";import"./index.mjs";import"./LandingScreen/EmptyWalletView.mjs";import"./LandingScreen/WalletButton.mjs";import"react-device-detect";import"../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../components/ui/chips/Chip.mjs";import"../components/ui/animation/LoadingSkeleton.mjs";import"../lib/external-wallets/displayHelpers.mjs";import"../svg/brave-browser-icon.mjs";import"../svg/bybit.mjs";import"../svg/coinbase-wallet.mjs";import"../svg/cryptocom.mjs";import"../svg/metamask.mjs";import"../svg/phantom.mjs";import"../svg/rabby.mjs";import"../svg/rainbow.mjs";import"../svg/safe.mjs";import"../svg/uniswap.mjs";import"../svg/universal-profile.mjs";import"../svg/wallet-connect.mjs";import"../svg/zerion.mjs";import"../lib/isEmbeddedWebview.mjs";import"../recent-login/context.mjs";import"../hooks/events-context.mjs";import"../storage.mjs";const j=()=>{let{app:j,data:h}=c(),d=h?.externalConnectWallet?.suggestedAddress,g=d?/*#__PURE__*/o("span",{children:["Link the wallet with address ",/*#__PURE__*/t(r,{showCopyIcon:!1,address:d})," ",j?.name?`to ${j.name}.`:"."]}):`Link a wallet to your ${j?.name} account`,{connectors:u}=m(),w=a({walletList:h?.externalConnectWallet?.walletList??j.appearance.walletList,walletChainType:j.appearance.walletChainType,connectors:u,connectOnly:!1,ignore:j.appearance.walletList,walletConnectEnabled:j.externalWallets.walletConnect.enabled});/*#__PURE__*/return o(e,{children:[/*#__PURE__*/t(i,{},"header"),w.length>0&&/*#__PURE__*/t(s,{title:"Link your wallet",description:g}),/*#__PURE__*/t(l,{children:/*#__PURE__*/t(p,{wallets:w})}),/*#__PURE__*/t(n,{})]})};export{j as LinkWalletScreen};
1
+ import{jsxs as o,jsx as t,Fragment as e}from"react/jsx-runtime";import{BlobbyFooter as n}from"../components/ModalFooter.mjs";import{ModalHeader as i}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as s}from"../components/ScreenHeader.mjs";import{Address as r}from"../components/ui/wallet/Address.mjs";import{usePrivyInternal as m}from"../hooks/internal-context.mjs";import{usePrivyModal as c}from"../hooks/modal-context.mjs";import{toWalletButtons as a,WalletButtonList as p}from"./LandingScreen/WalletButtonList.mjs";import{LoginMethodContainer as l}from"./LandingScreen/styles.mjs";import"styled-components";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../hooks/index.mjs";import"@heroicons/react/24/outline/CheckIcon";import"@heroicons/react/24/outline/Square2StackIcon";import"../utils/index.mjs";import"../connectors/get-legacy-injected-providers.mjs";import"../connectors/is-wallet-installed.mjs";import"../errors.mjs";import"ofetch";import"../utils/eth/getPublicClient.mjs";import"viem";import"../components/PrefetchedImage.mjs";import"./index.mjs";import"./LandingScreen/EmptyWalletView.mjs";import"./LandingScreen/WalletButton.mjs";import"react-device-detect";import"../components/external-wallets/InjectedWalletIcon.mjs";import"@heroicons/react/24/outline/WalletIcon";import"../components/ui/chips/Chip.mjs";import"../components/ui/animation/LoadingSkeleton.mjs";import"../lib/external-wallets/displayHelpers.mjs";import"../svg/brave-browser-icon.mjs";import"../svg/bybit.mjs";import"../svg/coinbase-wallet.mjs";import"../svg/cryptocom.mjs";import"../svg/metamask.mjs";import"../svg/phantom.mjs";import"../svg/rabby.mjs";import"../svg/rainbow.mjs";import"../svg/safe.mjs";import"../svg/uniswap.mjs";import"../svg/universal-profile.mjs";import"../svg/wallet-connect.mjs";import"../svg/zerion.mjs";import"../lib/isEmbeddedWebview.mjs";import"../recent-login/context.mjs";import"../hooks/events-context.mjs";import"../storage.mjs";const j=()=>{let{app:j,data:h}=c(),d=h?.externalConnectWallet?.suggestedAddress,g=d?/*#__PURE__*/o("span",{children:["Link the wallet with address ",/*#__PURE__*/t(r,{showCopyIcon:!1,address:d})," ",j?.name?`to ${j.name}.`:"."]}):`Link a wallet to your ${j?.name} account`,{connectors:u}=m(),w=a({walletList:h?.externalConnectWallet?.walletList??j.appearance.walletList,walletChainType:j.appearance.walletChainType,connectors:u,connectOnly:!1,ignore:j.appearance.walletList,walletConnectEnabled:j.externalWallets.walletConnect.enabled});/*#__PURE__*/return o(e,{children:[/*#__PURE__*/t(i,{},"header"),w.length>0&&/*#__PURE__*/t(s,{title:"Link your wallet",description:g}),/*#__PURE__*/t(l,{children:/*#__PURE__*/t(p,{wallets:w})}),/*#__PURE__*/t(n,{})]})};export{j as LinkWalletScreen};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as n,jsx as t}from"react/jsx-runtime";import{PrimaryButton as i,SecondaryButton as r}from"../components/Button.mjs";import{RefactorSpacerTop as s,BottomPusherContainer as c,RefactorSpacerBottom as e}from"../components/Layouts.mjs";import{BlobbyFooter as m}from"../components/ModalFooter.mjs";import{ModalHeader as a}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as p}from"../components/ScreenHeader.mjs";import{usePrivyInternal as l}from"../hooks/internal-context.mjs";import{usePrivyModal as h}from"../hooks/modal-context.mjs";import{ErrorCircle as j}from"../svg/error-circle.mjs";import{ModalScreen as d}from"./index.mjs";import"styled-components";import"../components/Loader.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../hooks/index.mjs";import"../components/PrefetchedImage.mjs";const f=()=>{let{closePrivyModal:f}=l(),{navigate:u}=h();/*#__PURE__*/return o(n,{children:[/*#__PURE__*/t(a,{},"header"),/*#__PURE__*/t(s,{}),/*#__PURE__*/t(j,{style:{width:"160px",height:"160px",margin:"0 auto 20px"}}),/*#__PURE__*/t(p,{title:"Could not connect with wallet",description:"Please check that Phantom multichain is enabled and try again.",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"}}),/*#__PURE__*/o(c,{children:[/*#__PURE__*/t(i,{onClick:()=>u(d.LANDING),children:"Try again"}),/*#__PURE__*/t(r,{onClick:()=>f(),children:"Cancel"})]}),/*#__PURE__*/t(e,{}),/*#__PURE__*/t(m,{})]})};export{f as LoginFailedScreen};
1
+ import{jsxs as o,Fragment as n,jsx as t}from"react/jsx-runtime";import{PrimaryButton as i,SecondaryButton as r}from"../components/Button.mjs";import{RefactorSpacerTop as s,BottomPusherContainer as c,RefactorSpacerBottom as e}from"../components/Layouts.mjs";import{BlobbyFooter as m}from"../components/ModalFooter.mjs";import{ModalHeader as a}from"../components/ModalHeader.mjs";import{PaddedScreenHeader as p}from"../components/ScreenHeader.mjs";import{usePrivyInternal as l}from"../hooks/internal-context.mjs";import{usePrivyModal as h}from"../hooks/modal-context.mjs";import{ErrorCircle as j}from"../svg/error-circle.mjs";import{ModalScreen as d}from"./index.mjs";import"styled-components";import"../components/Loader.mjs";import"../configuration/context.mjs";import"react";import"../config.mjs";import"../configuration/defaultClientConfig.mjs";import"../constants.mjs";import"../configuration/login-methods.mjs";import"../configuration/wallets.mjs";import"../connectors/chains/index.mjs";import"../connectors/chains/arbitrum.mjs";import"../connectors/chains/arbitrumSepolia.mjs";import"../connectors/chains/avalanche.mjs";import"../connectors/chains/avalancheFuji.mjs";import"../connectors/chains/base.mjs";import"../connectors/chains/baseSepolia.mjs";import"../connectors/chains/berachainArtio.mjs";import"../connectors/chains/celo.mjs";import"../connectors/chains/celoAlfajores.mjs";import"../connectors/chains/filecoin.mjs";import"../connectors/chains/filecoinCalibration.mjs";import"../connectors/chains/garnetHolesky.mjs";import"../connectors/chains/holesky.mjs";import"../connectors/chains/linea.mjs";import"../connectors/chains/lineaTestnet.mjs";import"../connectors/chains/lukso.mjs";import"../connectors/chains/mainnet.mjs";import"../connectors/chains/optimism.mjs";import"../connectors/chains/optimismSepolia.mjs";import"../connectors/chains/polygon.mjs";import"../connectors/chains/polygonAmoy.mjs";import"../connectors/chains/redstone.mjs";import"../connectors/chains/sepolia.mjs";import"../connectors/chains/zora.mjs";import"../connectors/chains/zoraSepolia.mjs";import"../connectors/chains/zoraTestnet.mjs";import"../connectors/chains/utils.mjs";import"../lib/solana/index.mjs";import"../theme.mjs";import"tinycolor2";import"../lib/cybr53.mjs";import"../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../hooks/index.mjs";import"../components/PrefetchedImage.mjs";const f=()=>{let{closePrivyModal:f}=l(),{navigate:u}=h();/*#__PURE__*/return o(n,{children:[/*#__PURE__*/t(a,{},"header"),/*#__PURE__*/t(s,{}),/*#__PURE__*/t(j,{style:{width:"160px",height:"160px",margin:"0 auto 20px"}}),/*#__PURE__*/t(p,{title:"Could not connect with wallet",description:"Please check that Phantom multichain is enabled and try again.",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"}}),/*#__PURE__*/o(c,{children:[/*#__PURE__*/t(i,{onClick:()=>u(d.LANDING),children:"Try again"}),/*#__PURE__*/t(r,{onClick:()=>f(),children:"Cancel"})]}),/*#__PURE__*/t(e,{}),/*#__PURE__*/t(m,{})]})};export{f as LoginFailedScreen};
@@ -1 +1 @@
1
- import{jsxs as o,Fragment as e,jsx as i}from"react/jsx-runtime";import n from"@heroicons/react/24/outline/ChevronRightIcon";import r from"@heroicons/react/24/outline/DevicePhoneMobileIcon";import t from"@heroicons/react/24/outline/FingerPrintIcon";import s from"@heroicons/react/24/outline/MinusCircleIcon";import c from"@heroicons/react/24/outline/PhoneIcon";import m from"@heroicons/react/24/outline/ShieldCheckIcon";import{styled as a}from"styled-components";import{Loader as l}from"../../components/Loader.mjs";import{ModalFooter as h}from"../../components/ModalFooter.mjs";import{ModalHeader as p}from"../../components/ModalHeader.mjs";import{Chip as d}from"../../components/ui/chips/Chip.mjs";import{LoginMethodButton as j}from"../LandingScreen/styles.mjs";import{IconWrapper as u,Title as y,SubTitle as f,ErrorMessage as g,MethodList as k,MethodListItem as b,SmsInsecureText as C,MethodText as v,ExtraText as M,RemoveMethodButton as I}from"./StyledComponents.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../configuration/context.mjs";import"react";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/internal-context.mjs";import"../../hooks/index.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";const S=({showIntro:a,userMfaMethods:d,appMfaMethods:S,userHasAuthSms:A,isTotpLoading:x,isPasskeyLoading:L,error:T,onClose:P,onBackToIntro:F,handleSelectMethod:H,setRemovingMfaMethod:R})=>{let z=d.reduce(((o,e)=>({...o,[e]:!0})),{}),E=S.reduce(((o,e)=>({...o,[e]:!0})),{});/*#__PURE__*/return o(e,{children:[/*#__PURE__*/i(p,{backFn:a?F:void 0,onClose:P},"header"),/*#__PURE__*/i(u,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/i(m,{})}),/*#__PURE__*/i(y,{children:"Choose a verification method"}),d.length>0?/*#__PURE__*/i(f,{children:"To add or delete verification methods, verification is required."}):/*#__PURE__*/i(f,{children:"How would you like to verify your identity? You can change this later."}),T&&/*#__PURE__*/i(g,{style:{marginTop:"1.25rem"},children:T.message}),/*#__PURE__*/o(k,{children:[(E.totp||z.totp)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{style:{justifyContent:"center"},disabled:z.totp||x,onClick:()=>H("totp"),children:x?/*#__PURE__*/i(l,{style:{height:24,width:24,borderWidth:2},color:"var(--privy-color-foreground-3)"}):/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(r,{}),"Authenticator app"]}),z.totp?/*#__PURE__*/i(w,{color:"green",children:"Enabled"}):/*#__PURE__*/i(M,{children:"Recommended"})]})}),z.totp&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("totp"),children:/*#__PURE__*/i(s,{})})]},"totp"),(E.sms||z.sms)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{disabled:z.sms||A,onClick:()=>H("sms"),children:/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(c,{}),"SMS"]}),z.sms&&/*#__PURE__*/i(w,{color:"green",children:"Enabled"}),A&&/*#__PURE__*/i(M,{children:"Disabled"})]})}),z.sms&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("sms"),children:/*#__PURE__*/i(s,{})})]},"sms"),(E.passkey||z.passkey)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{style:{justifyContent:"center"},onClick:()=>H("passkey"),disabled:z.passkey||L,children:L?/*#__PURE__*/i(l,{style:{height:24,width:24,borderWidth:2},color:"var(--privy-color-foreground-3)"}):/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(t,{}),"Passkey"]}),z.passkey?/*#__PURE__*/i(w,{color:"green",children:"Enabled"}):/*#__PURE__*/i(M,{isAccent:!0,children:/*#__PURE__*/i(n,{})})]})}),z.passkey&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("passkey"),children:/*#__PURE__*/i(s,{})})]},"passkey")]}),/*#__PURE__*/i(h,{})]})};let w=/*#__PURE__*/a(d).withConfig({displayName:"StyledChip",componentId:"sc-998ca5bc-0"})(["margin-right:1.5rem;"]);export{S as EnrollLandingScreen};
1
+ import{jsxs as o,Fragment as e,jsx as i}from"react/jsx-runtime";import n from"@heroicons/react/24/outline/ChevronRightIcon";import r from"@heroicons/react/24/outline/DevicePhoneMobileIcon";import t from"@heroicons/react/24/outline/FingerPrintIcon";import s from"@heroicons/react/24/outline/MinusCircleIcon";import c from"@heroicons/react/24/outline/PhoneIcon";import m from"@heroicons/react/24/outline/ShieldCheckIcon";import{styled as a}from"styled-components";import{Loader as l}from"../../components/Loader.mjs";import{ModalFooter as h}from"../../components/ModalFooter.mjs";import{ModalHeader as p}from"../../components/ModalHeader.mjs";import{Chip as d}from"../../components/ui/chips/Chip.mjs";import{LoginMethodButton as j}from"../LandingScreen/styles.mjs";import{IconWrapper as u,Title as y,SubTitle as f,ErrorMessage as g,MethodList as k,MethodListItem as b,SmsInsecureText as C,MethodText as v,ExtraText as M,RemoveMethodButton as I}from"./StyledComponents.mjs";import"../../configuration/context.mjs";import"react";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/internal-context.mjs";import"../../hooks/index.mjs";import"../../components/ui/animation/LoadingSkeleton.mjs";const S=({showIntro:a,userMfaMethods:d,appMfaMethods:S,userHasAuthSms:A,isTotpLoading:x,isPasskeyLoading:L,error:T,onClose:P,onBackToIntro:F,handleSelectMethod:H,setRemovingMfaMethod:R})=>{let z=d.reduce(((o,e)=>({...o,[e]:!0})),{}),E=S.reduce(((o,e)=>({...o,[e]:!0})),{});/*#__PURE__*/return o(e,{children:[/*#__PURE__*/i(p,{backFn:a?F:void 0,onClose:P},"header"),/*#__PURE__*/i(u,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/i(m,{})}),/*#__PURE__*/i(y,{children:"Choose a verification method"}),d.length>0?/*#__PURE__*/i(f,{children:"To add or delete verification methods, verification is required."}):/*#__PURE__*/i(f,{children:"How would you like to verify your identity? You can change this later."}),T&&/*#__PURE__*/i(g,{style:{marginTop:"1.25rem"},children:T.message}),/*#__PURE__*/o(k,{children:[(E.totp||z.totp)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{style:{justifyContent:"center"},disabled:z.totp||x,onClick:()=>H("totp"),children:x?/*#__PURE__*/i(l,{style:{height:24,width:24,borderWidth:2},color:"var(--privy-color-foreground-3)"}):/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(r,{}),"Authenticator app"]}),z.totp?/*#__PURE__*/i(w,{color:"green",children:"Enabled"}):/*#__PURE__*/i(M,{children:"Recommended"})]})}),z.totp&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("totp"),children:/*#__PURE__*/i(s,{})})]},"totp"),(E.sms||z.sms)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{disabled:z.sms||A,onClick:()=>H("sms"),children:/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(c,{}),"SMS"]}),z.sms&&/*#__PURE__*/i(w,{color:"green",children:"Enabled"}),A&&/*#__PURE__*/i(M,{children:"Disabled"})]})}),z.sms&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("sms"),children:/*#__PURE__*/i(s,{})})]},"sms"),(E.passkey||z.passkey)&&/*#__PURE__*/o(b,{children:[/*#__PURE__*/i(j,{style:{justifyContent:"center"},onClick:()=>H("passkey"),disabled:z.passkey||L,children:L?/*#__PURE__*/i(l,{style:{height:24,width:24,borderWidth:2},color:"var(--privy-color-foreground-3)"}):/*#__PURE__*/o(C,{children:[/*#__PURE__*/o(v,{children:[/*#__PURE__*/i(t,{}),"Passkey"]}),z.passkey?/*#__PURE__*/i(w,{color:"green",children:"Enabled"}):/*#__PURE__*/i(M,{isAccent:!0,children:/*#__PURE__*/i(n,{})})]})}),z.passkey&&/*#__PURE__*/i(I,{style:{position:"absolute",right:0},onClick:()=>R("passkey"),children:/*#__PURE__*/i(s,{})})]},"passkey")]}),/*#__PURE__*/i(h,{})]})};let w=/*#__PURE__*/a(d).withConfig({displayName:"StyledChip",componentId:"sc-998ca5bc-0"})(["margin-right:1.5rem;"]);export{S as EnrollLandingScreen};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e,Fragment as n}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/ArrowRightEndOnRectangleIcon";import r from"@heroicons/react/24/outline/CheckCircleIcon";import t from"@heroicons/react/24/outline/ClockIcon";import s from"@heroicons/react/24/outline/ShieldCheckIcon";import{useState as c,useMemo as m}from"react";import{styled as a}from"styled-components";import{PrimaryButton as l}from"../../components/Button.mjs";import{Loader as p}from"../../components/Loader.mjs";import{ModalFooter as d}from"../../components/ModalFooter.mjs";import{ModalHeader as h}from"../../components/ModalHeader.mjs";import{usePrivyInternal as u}from"../../hooks/internal-context.mjs";import{usePrivyModal as y}from"../../hooks/modal-context.mjs";import{usePrivyContext as j}from"../../hooks/privy-context.mjs";import{useMfaEnrollment as f}from"../../hooks/useMfaEnrollment.mjs";import{FaceId as k}from"../../svg/face-id.mjs";import{FingerPrint as g}from"../../svg/fingerprint.mjs";import{ErrorScreenView as C}from"../ErrorScreen.mjs";import{DoubleIconWrapper as w}from"../LinkPasskeyScreen.mjs";import{AppLogoContainer as b,Title as v,List as I,ListItem as x,ListItemIcon as S,IconWrapper as P,SubTitle as A,BottomSection as W}from"./StyledComponents.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"@heroicons/react/24/outline/ExclamationTriangleIcon";import"@heroicons/react/24/outline/PhoneIcon";import"../../components/CircleBorder.mjs";import"../../components/layout/StackedContainer.mjs";import"../../embedded-wallets/errors.mjs";import"../../embedded-wallets/types.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/captcha-context.mjs";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../svg/lock-closed.mjs";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";const E=({onComplete:e,onClose:n,onReset:i})=>{let{user:r}=j(),{data:t}=y(),{initLinkWithPasskey:s,linkWithPasskey:a}=u(),{initEnrollmentWithPasskey:l,submitEnrollmentWithPasskey:p}=f(),[d,h]=c(!1),[k,g]=c(!1),[w,b]=c(!1),[v,I]=c(null),x=m((()=>r?.linkedAccounts.filter((o=>"passkey"===o.type))??[]),[r]),S=()=>{t?.mfaEnrollmentFlow?.onSuccess(),e()},P=async o=>{h(!0);try{await l(),await p({credentialIds:o}),b(!0)}catch(o){I(o)}finally{h(!1)}},A=async()=>{g(!0),I(null);try{await s();let o=await a(),e=o?.linkedAccounts.filter((o=>"passkey"===o.type)).map((o=>o.credentialId))??[];await P(e)}catch(o){I(o)}finally{g(!1)}};return 0===x.length||k?/*#__PURE__*/o(T,{onReset:i,onClose:n,onClick:A,isCreating:k}):w?/*#__PURE__*/o(F,{onClick:S,onClose:S}):v?/*#__PURE__*/o(C,{error:v,backFn:()=>I(null),onClick:()=>I(null)}):/*#__PURE__*/o(B,{passkeys:x,isSubmitting:d,isCreating:k,onReset:i,onClose:n,onSubmitEnrollment:()=>P(x.map((o=>o.credentialId))),onAddPasskey:A})};let T=({onReset:r,onClose:c,onClick:m,isCreating:a})=>/*#__PURE__*/e(n,{children:[/*#__PURE__*/o(h,{backFn:r,onClose:c},"header"),/*#__PURE__*/o(b,{children:/*#__PURE__*/e(w,{children:[/*#__PURE__*/o(k,{}),/*#__PURE__*/o(g,{})]})}),/*#__PURE__*/o(v,{children:"Set up passkey verification"}),/*#__PURE__*/e(I,{children:[/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(s,{})}),"Verify with Touch ID, Face ID, PIN, or hardware key"]}),/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(t,{})}),"Takes seconds to set up and use"]}),/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(i,{})}),"Use your passkey to verify transactions and login to your account"]})]}),/*#__PURE__*/o(l,{style:{marginTop:"2.25rem"},onClick:m,loading:a,children:"Add a new passkey"}),/*#__PURE__*/o(d,{})]}),B=({onReset:i,onClose:r,onAddPasskey:t,onSubmitEnrollment:s,passkeys:m,isSubmitting:a,isCreating:u})=>{let[y,j]=c(!1),f=y?m.length:m.length>3?2:3;/*#__PURE__*/return e(n,{children:[/*#__PURE__*/o(h,{backFn:y?()=>j(!1):i,onClose:r},"header"),!y&&/*#__PURE__*/o(b,{children:/*#__PURE__*/e(w,{children:[/*#__PURE__*/o(k,{}),/*#__PURE__*/o(g,{})]})}),/*#__PURE__*/o(v,{children:"Enable your passkeys for verification"}),/*#__PURE__*/e(I,{children:[m.slice(0,f).map((n=>/*#__PURE__*/e(L,{children:[/*#__PURE__*/o(N,{children:z(n)}),/*#__PURE__*/e(R,{children:["Last used: ",n.latestVerifiedAt?.toLocaleString()]})]},n.credentialId))),!y&&m.length>3&&/*#__PURE__*/o(M,{onClick:()=>j(!0),children:"View All"})]}),/*#__PURE__*/o(l,{style:{marginTop:"1.5rem"},onClick:s,loading:a,children:"Enable passkeys"}),m.length<5&&/*#__PURE__*/o(M,{style:{marginTop:"0.5rem"},onClick:t,disabled:u,children:u?/*#__PURE__*/o(p,{style:{height:"1rem",width:"1rem",borderWidth:2}}):"Add new passkey"}),/*#__PURE__*/o(d,{})]})},F=({onClick:i,onClose:t})=>/*#__PURE__*/e(n,{children:[/*#__PURE__*/o(h,{onClose:t},"header"),/*#__PURE__*/o(P,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/o(r,{})}),/*#__PURE__*/o(v,{children:"Passkey verification added"}),/*#__PURE__*/o(A,{children:"From now on, you'll use the passkey whenever you use your Privy wallet."}),/*#__PURE__*/o(W,{children:/*#__PURE__*/o(l,{onClick:i,children:"Done"})}),/*#__PURE__*/o(d,{})]}),L=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItem",componentId:"sc-926c6706-0"})(["&&{padding:0.75rem 1rem;text-align:left;border-radius:0.5rem;border:1px solid var(--privy-color-foreground-4);width:100%;}"]),N=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItemTitle",componentId:"sc-926c6706-1"})(["font-size:0.875rem;line-height:1.375rem;font-weight:500;color:var(--privy-color-foreground-1);"]),R=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItemSubtitle",componentId:"sc-926c6706-2"})(["font-size:0.75rem;font-weight:400;line-height:1.125rem;color:var(--privy-color-foreground-2);"]),z=o=>o.authenticatorName?o.createdWithBrowser?`${o.authenticatorName} on ${o.createdWithBrowser}`:o.authenticatorName:o.createdWithBrowser?o.createdWithOs?`${o.createdWithBrowser} on ${o.createdWithOs}`:`${o.createdWithBrowser}`:"Unknown device";const M=/*#__PURE__*/a.button.withConfig({displayName:"StyledLink",componentId:"sc-926c6706-3"})(["&&{width:100%;font-size:0.875rem;line-height:1rem;@media (min-width:440px){font-size:14px;}display:flex;gap:12px;justify-content:center;padding:0.75rem 1rem;background-color:var(--privy-color-background);transition:background-color 200ms ease;color:var(--privy-color-accent);:focus{outline:none;box-shadow:none;}}"]);export{E as EnrollPasskey,M as StyledLink};
1
+ import{jsx as o,jsxs as e,Fragment as n}from"react/jsx-runtime";import i from"@heroicons/react/24/outline/ArrowRightEndOnRectangleIcon";import r from"@heroicons/react/24/outline/CheckCircleIcon";import t from"@heroicons/react/24/outline/ClockIcon";import s from"@heroicons/react/24/outline/ShieldCheckIcon";import{useState as c,useMemo as m}from"react";import{styled as a}from"styled-components";import{PrimaryButton as l}from"../../components/Button.mjs";import{Loader as p}from"../../components/Loader.mjs";import{ModalFooter as d}from"../../components/ModalFooter.mjs";import{ModalHeader as h}from"../../components/ModalHeader.mjs";import{usePrivyInternal as u}from"../../hooks/internal-context.mjs";import{usePrivyModal as y}from"../../hooks/modal-context.mjs";import{usePrivyContext as j}from"../../hooks/privy-context.mjs";import{useMfaEnrollment as f}from"../../hooks/useMfaEnrollment.mjs";import{FaceId as k}from"../../svg/face-id.mjs";import{FingerPrint as g}from"../../svg/fingerprint.mjs";import{ErrorScreenView as C}from"../ErrorScreen.mjs";import{DoubleIconWrapper as w}from"../LinkPasskeyScreen.mjs";import{AppLogoContainer as b,Title as v,List as I,ListItem as x,ListItemIcon as S,IconWrapper as P,SubTitle as A,BottomSection as W}from"./StyledComponents.mjs";import"../../configuration/context.mjs";import"../../config.mjs";import"../../configuration/defaultClientConfig.mjs";import"../../constants.mjs";import"../../configuration/login-methods.mjs";import"../../configuration/wallets.mjs";import"../../connectors/chains/index.mjs";import"../../connectors/chains/arbitrum.mjs";import"../../connectors/chains/arbitrumSepolia.mjs";import"../../connectors/chains/avalanche.mjs";import"../../connectors/chains/avalancheFuji.mjs";import"../../connectors/chains/base.mjs";import"../../connectors/chains/baseSepolia.mjs";import"../../connectors/chains/berachainArtio.mjs";import"../../connectors/chains/celo.mjs";import"../../connectors/chains/celoAlfajores.mjs";import"../../connectors/chains/filecoin.mjs";import"../../connectors/chains/filecoinCalibration.mjs";import"../../connectors/chains/garnetHolesky.mjs";import"../../connectors/chains/holesky.mjs";import"../../connectors/chains/linea.mjs";import"../../connectors/chains/lineaTestnet.mjs";import"../../connectors/chains/lukso.mjs";import"../../connectors/chains/mainnet.mjs";import"../../connectors/chains/optimism.mjs";import"../../connectors/chains/optimismSepolia.mjs";import"../../connectors/chains/polygon.mjs";import"../../connectors/chains/polygonAmoy.mjs";import"../../connectors/chains/redstone.mjs";import"../../connectors/chains/sepolia.mjs";import"../../connectors/chains/zora.mjs";import"../../connectors/chains/zoraSepolia.mjs";import"../../connectors/chains/zoraTestnet.mjs";import"../../connectors/chains/utils.mjs";import"../../lib/solana/index.mjs";import"../../theme.mjs";import"tinycolor2";import"../../lib/cybr53.mjs";import"../../svg/protected-by-privy.mjs";import"@heroicons/react/24/outline/ArrowLeftIcon";import"@heroicons/react/24/outline/ArrowRightIcon";import"@heroicons/react/24/outline/QuestionMarkCircleIcon";import"@heroicons/react/24/outline/XMarkIcon";import"../../hooks/index.mjs";import"../../components/PrefetchedImage.mjs";import"../index.mjs";import"@heroicons/react/24/outline/ExclamationTriangleIcon";import"@heroicons/react/24/outline/PhoneIcon";import"../../components/CircleBorder.mjs";import"../../components/layout/StackedContainer.mjs";import"../../embedded-wallets/errors.mjs";import"../../embedded-wallets/types.mjs";import"../../errors.mjs";import"ofetch";import"../../hooks/captcha-context.mjs";import"../../utils/index.mjs";import"../../connectors/get-legacy-injected-providers.mjs";import"../../connectors/is-wallet-installed.mjs";import"../../utils/eth/getPublicClient.mjs";import"viem";import"../../svg/lock-closed.mjs";import"@heroicons/react/24/outline/TrashIcon";import"@heroicons/react/24/solid/CheckBadgeIcon";import"@heroicons/react/24/solid/LockClosedIcon";const E=({onComplete:e,onClose:n,onReset:i})=>{let{user:r}=j(),{data:t}=y(),{initLinkWithPasskey:s,linkWithPasskey:a}=u(),{initEnrollmentWithPasskey:l,submitEnrollmentWithPasskey:p}=f(),[d,h]=c(!1),[k,g]=c(!1),[w,b]=c(!1),[v,I]=c(null),x=m((()=>r?.linkedAccounts.filter((o=>"passkey"===o.type))??[]),[r]),S=()=>{t?.mfaEnrollmentFlow?.onSuccess(),e()},P=async o=>{h(!0);try{await l(),await p({credentialIds:o}),b(!0)}catch(o){I(o)}finally{h(!1)}},A=async()=>{g(!0),I(null);try{await s();let o=await a(),e=o?.linkedAccounts.filter((o=>"passkey"===o.type)).map((o=>o.credentialId))??[];await P(e)}catch(o){I(o)}finally{g(!1)}};return 0===x.length||k?/*#__PURE__*/o(T,{onReset:i,onClose:n,onClick:A,isCreating:k}):w?/*#__PURE__*/o(F,{onClick:S,onClose:S}):v?/*#__PURE__*/o(C,{error:v,backFn:()=>I(null),onClick:()=>I(null)}):/*#__PURE__*/o(B,{passkeys:x,isSubmitting:d,isCreating:k,onReset:i,onClose:n,onSubmitEnrollment:()=>P(x.map((o=>o.credentialId))),onAddPasskey:A})};let T=({onReset:r,onClose:c,onClick:m,isCreating:a})=>/*#__PURE__*/e(n,{children:[/*#__PURE__*/o(h,{backFn:r,onClose:c},"header"),/*#__PURE__*/o(b,{children:/*#__PURE__*/e(w,{children:[/*#__PURE__*/o(k,{}),/*#__PURE__*/o(g,{})]})}),/*#__PURE__*/o(v,{children:"Set up passkey verification"}),/*#__PURE__*/e(I,{children:[/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(s,{})}),"Verify with Touch ID, Face ID, PIN, or hardware key"]}),/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(t,{})}),"Takes seconds to set up and use"]}),/*#__PURE__*/e(x,{children:[/*#__PURE__*/o(S,{children:/*#__PURE__*/o(i,{})}),"Use your passkey to verify transactions and login to your account"]})]}),/*#__PURE__*/o(l,{style:{marginTop:"2.25rem"},onClick:m,loading:a,children:"Add a new passkey"}),/*#__PURE__*/o(d,{})]}),B=({onReset:i,onClose:r,onAddPasskey:t,onSubmitEnrollment:s,passkeys:m,isSubmitting:a,isCreating:u})=>{let[y,j]=c(!1),f=y?m.length:m.length>3?2:3;/*#__PURE__*/return e(n,{children:[/*#__PURE__*/o(h,{backFn:y?()=>j(!1):i,onClose:r},"header"),!y&&/*#__PURE__*/o(b,{children:/*#__PURE__*/e(w,{children:[/*#__PURE__*/o(k,{}),/*#__PURE__*/o(g,{})]})}),/*#__PURE__*/o(v,{children:"Enable your passkeys for verification"}),/*#__PURE__*/e(I,{children:[m.slice(0,f).map((n=>/*#__PURE__*/e(L,{children:[/*#__PURE__*/o(N,{children:z(n)}),/*#__PURE__*/e(R,{children:["Last used: ",n.latestVerifiedAt?.toLocaleString()]})]},n.credentialId))),!y&&m.length>3&&/*#__PURE__*/o(M,{onClick:()=>j(!0),children:"View All"})]}),/*#__PURE__*/o(l,{style:{marginTop:"1.5rem"},onClick:s,loading:a,children:"Enable passkeys"}),m.length<5&&/*#__PURE__*/o(M,{style:{marginTop:"0.5rem"},onClick:t,disabled:u,children:u?/*#__PURE__*/o(p,{style:{height:"1rem",width:"1rem",borderWidth:2}}):"Add new passkey"}),/*#__PURE__*/o(d,{})]})},F=({onClick:i,onClose:t})=>/*#__PURE__*/e(n,{children:[/*#__PURE__*/o(h,{onClose:t},"header"),/*#__PURE__*/o(P,{style:{marginBottom:"1.5rem"},children:/*#__PURE__*/o(r,{})}),/*#__PURE__*/o(v,{children:"Passkey verification added"}),/*#__PURE__*/o(A,{children:"From now on, you'll use the passkey whenever you use your Privy wallet."}),/*#__PURE__*/o(W,{children:/*#__PURE__*/o(l,{onClick:i,children:"Done"})}),/*#__PURE__*/o(d,{})]}),L=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItem",componentId:"sc-926c6706-0"})(["&&{padding:0.75rem 1rem;text-align:left;border-radius:0.5rem;border:1px solid var(--privy-color-foreground-4);width:100%;}"]),N=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItemTitle",componentId:"sc-926c6706-1"})(["font-size:0.875rem;line-height:1.375rem;font-weight:500;color:var(--privy-color-foreground-1);"]),R=/*#__PURE__*/a.div.withConfig({displayName:"PasskeyItemSubtitle",componentId:"sc-926c6706-2"})(["font-size:0.75rem;font-weight:400;line-height:1.125rem;color:var(--privy-color-foreground-2);"]),z=o=>o.authenticatorName?o.createdWithBrowser?`${o.authenticatorName} on ${o.createdWithBrowser}`:o.authenticatorName:o.createdWithBrowser?o.createdWithOs?`${o.createdWithBrowser} on ${o.createdWithOs}`:`${o.createdWithBrowser}`:"Unknown device";const M=/*#__PURE__*/a.button.withConfig({displayName:"StyledLink",componentId:"sc-926c6706-3"})(["&&{width:100%;font-size:0.875rem;line-height:1rem;@media (min-width:440px){font-size:14px;}display:flex;gap:12px;justify-content:center;padding:0.75rem 1rem;background-color:var(--privy-color-background);transition:background-color 200ms ease;color:var(--privy-color-accent);:focus{outline:none;box-shadow:none;}}"]);export{E as EnrollPasskey,M as StyledLink};