@crossmint/client-sdk-react-ui 1.16.1 → 1.16.2

package/README.md

@@ -29,11 +29,13 @@ We provide two essential React context providers:
 
 - `CrossmintProvider` - Base provider for accessing Crossmint services
 - `CrossmintAuthProvider` - Authentication context provider for your components
+- `CrossmintWalletProvider` - Wallet context provider for your components, can be used to integrate with other auth providers. Visit [Crossmint Signers Demo](https://crossmint-signers-demo.vercel.app/examples/dynamic) for complete implementation details and advanced features.
 
 #### Supported Login Methods
 - **Email OTP**: Passwordless sign-in using a one-time code
-- **Social Accounts**: Sign in with Google, Apple, X, and more
+- **Social Accounts**: Sign in with Google, X, and more
 - **Farcaster**: Using the Sign In With Farcaster (SIWF) standard
+- **Web3**: Sign in with EOA wallet (limited support for now)
 
 #### UI Options
 - **Modal Login**: Popup interface for authentication
@@ -57,21 +59,25 @@ We provide two essential React hooks for integrating Crossmint wallets into your
 import { useAuth } from "@crossmint/client-sdk-react-ui";
 ```
 Manages authentication state and user sessions. Key features:
+- `status` - Current auth state ("logged-in" | "logged-out" | "in-progress" | "initializing")
+- `user` - Active user information
+- `jwt` - Current user's JWT token
+- `getUser()` - Retrieve current user information
 - `login()` - Initiate user authentication
 - `logout()` - End user session
-- `jwt` - Current user's JWT token
-- `user` - Active user information
-- `status` - Current auth state ("loading" | "authenticated" | "unauthenticated")
+- `crossmintAuth` - Access to the CrossmintAuth instance
 
 #### `useWallet`
 ```typescript
 import { useWallet } from "@crossmint/client-sdk-react-ui";
 ```
 Handles wallet creation and management. Key features:
+- `status` - Wallet state ("not-loaded" | "in-progress" | "loading-error" | "loaded")
 - `wallet` - Access to the EVMSmartWallet instance
-- `status` - Wallet state ("not-loaded" | "in-progress" | "loaded" | "loading-error")
+- `type` - Wallet type ("evm-smart-wallet" | "solana-smart-wallet")
 - `getOrCreateWallet()` - Initialize or retrieve user's wallet
 - `clearWallet()` - Reset wallet state
+- `createPasskeySigner()` - Create a passkey signer for the wallet (not supported for Solana)
 
 Visit [our documentation](https://docs.crossmint.com/wallets/quickstarts/overview) for complete implementation details and advanced features.
 

package/dist/{chunk-DTDUYE6I.js → chunk-4YBLCXW3.js}

@@ -1 +1 @@
-import{b as p}from"./chunk-3SJ74HLG.js";import{a as d}from"./chunk-XIVIIEY5.js";import{d as c,e as m}from"./chunk-5UD5UP6V.js";import{d as s}from"./chunk-PXDN3KFO.js";import{EthereumWalletConnectors as f}from"@dynamic-labs/ethereum";import{SolanaWalletConnectors as x}from"@dynamic-labs/solana";import{jsx as S}from"react/jsx-runtime";function T({children:C,apiKeyEnvironment:h}){var a,i;let{crossmintAuth:o}=c(),{appearance:n}=m(),y=`.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(a=n==null?void 0:n.colors)==null?void 0:a.textPrimary} !important; } * { color: ${(i=n==null?void 0:n.colors)==null?void 0:i.textSecondary} !important; }`;return S(d,{apiKeyEnvironment:h,settings:{walletConnectors:[f,x],cssOverrides:y,events:{onAuthFlowCancel(){console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel")},onAuthFlowClose(){console.log("[CryptoWalletConnectionHandler] onAuthFlowClose")},onAuthFailure(e,t){console.error("[CryptoWalletConnectionHandler] onAuthFailure",e,t)},onAuthSuccess(e){console.log("[CryptoWalletConnectionHandler] onAuthSuccess",e)}},handlers:{handleConnectedWallet:e=>s(this,null,function*(){var l;console.log("[CryptoWalletConnectionHandler] handleConnectedWallet",e);let t=e.address;if(!t)return console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing"),!1;let u=yield p(e);console.log({chain:u});try{let r=yield o==null?void 0:o.signInWithSmartWallet(t),g=yield(l=e.signMessage)==null?void 0:l.call(e,r.challenge),W=(yield o==null?void 0:o.authenticateSmartWallet(t,g)).oneTimeSecret;yield o==null?void 0:o.handleRefreshAuthMaterial(W)}catch(r){return console.error("[CryptoWalletConnectionHandler] Error authenticating wallet:",r),!1}return!0})}},children:C})}export{T as a};
+import{b as p}from"./chunk-3SJ74HLG.js";import{a as d}from"./chunk-XIVIIEY5.js";import{d as c,e as m}from"./chunk-DY3BDN42.js";import{d as s}from"./chunk-PXDN3KFO.js";import{EthereumWalletConnectors as f}from"@dynamic-labs/ethereum";import{SolanaWalletConnectors as x}from"@dynamic-labs/solana";import{jsx as S}from"react/jsx-runtime";function T({children:C,apiKeyEnvironment:h}){var a,i;let{crossmintAuth:o}=c(),{appearance:n}=m(),y=`.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(a=n==null?void 0:n.colors)==null?void 0:a.textPrimary} !important; } * { color: ${(i=n==null?void 0:n.colors)==null?void 0:i.textSecondary} !important; }`;return S(d,{apiKeyEnvironment:h,settings:{walletConnectors:[f,x],cssOverrides:y,events:{onAuthFlowCancel(){console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel")},onAuthFlowClose(){console.log("[CryptoWalletConnectionHandler] onAuthFlowClose")},onAuthFailure(e,t){console.error("[CryptoWalletConnectionHandler] onAuthFailure",e,t)},onAuthSuccess(e){console.log("[CryptoWalletConnectionHandler] onAuthSuccess",e)}},handlers:{handleConnectedWallet:e=>s(this,null,function*(){var l;console.log("[CryptoWalletConnectionHandler] handleConnectedWallet",e);let t=e.address;if(!t)return console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing"),!1;let u=yield p(e);console.log({chain:u});try{let r=yield o==null?void 0:o.signInWithSmartWallet(t),g=yield(l=e.signMessage)==null?void 0:l.call(e,r.challenge),W=(yield o==null?void 0:o.authenticateSmartWallet(t,g)).oneTimeSecret;yield o==null?void 0:o.handleRefreshAuthMaterial(W)}catch(r){return console.error("[CryptoWalletConnectionHandler] Error authenticating wallet:",r),!1}return!0})}},children:C})}export{T as a};

package/dist/{chunk-HYWV45DD.cjs → chunk-5TW2ANEA.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNAJHXPGRcjs = require('./chunk-NAJHXPGR.cjs');var _commonsdkbase = require('@crossmint/common-sdk-base');function C(t,i){return new (0, _commonsdkbase.CrossmintApiClient)(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:_chunkNAJHXPGRcjs.a},apiKeyExpectations:i}})}exports.a = C;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDUDFFIHMcjs = require('./chunk-DUDFFIHM.cjs');var _commonsdkbase = require('@crossmint/common-sdk-base');function C(t,i){return new (0, _commonsdkbase.CrossmintApiClient)(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:_chunkDUDFFIHMcjs.a},apiKeyExpectations:i}})}exports.a = C;

package/dist/{chunk-Y2NIOWGT.cjs → chunk-75ENIIM6.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTXOVDTYKcjs = require('./chunk-TXOVDTYK.cjs');var _chunkYXF74MVIcjs = require('./chunk-YXF74MVI.cjs');var _chunkBQ7TYNXYcjs = require('./chunk-BQ7TYNXY.cjs');var _chunkWABJHG6Bcjs = require('./chunk-WABJHG6B.cjs');var _jsxruntime = require('react/jsx-runtime');function N(){var r,l,s,e,i;let{step:b,appearance:o,setStep:x,setError:d}=_chunkBQ7TYNXYcjs.e.call(void 0, );return b!=="initial"?null:_jsxruntime.jsxs.call(void 0, "button",{className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,borderColor:(r=o==null?void 0:o.colors)==null?void 0:r.border,backgroundColor:(l=o==null?void 0:o.colors)==null?void 0:l.buttonBackground},onClick:()=>{x("web3"),d(null)},children:[_jsxruntime.jsx.call(void 0, _chunkTXOVDTYKcjs.a,{className:"h-[21px] w-[21px] absolute left-[20px]",style:{color:(s=o==null?void 0:o.colors)==null?void 0:s.textPrimary}}),_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(e=o==null?void 0:o.colors)==null?void 0:e.textPrimary},children:"Continue with a wallet"}),_jsxruntime.jsx.call(void 0, _chunkYXF74MVIcjs.a,{className:"h-[21px] w-[21px] absolute right-[20px]",style:{color:(i=o==null?void 0:o.colors)==null?void 0:i.textSecondary}}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Continue with a wallet"})]})}exports.a = N;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTXOVDTYKcjs = require('./chunk-TXOVDTYK.cjs');var _chunkYXF74MVIcjs = require('./chunk-YXF74MVI.cjs');var _chunkYXGEEJSYcjs = require('./chunk-YXGEEJSY.cjs');var _chunkWABJHG6Bcjs = require('./chunk-WABJHG6B.cjs');var _jsxruntime = require('react/jsx-runtime');function N(){var r,l,s,e,i;let{step:b,appearance:o,setStep:x,setError:d}=_chunkYXGEEJSYcjs.e.call(void 0, );return b!=="initial"?null:_jsxruntime.jsxs.call(void 0, "button",{className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,borderColor:(r=o==null?void 0:o.colors)==null?void 0:r.border,backgroundColor:(l=o==null?void 0:o.colors)==null?void 0:l.buttonBackground},onClick:()=>{x("web3"),d(null)},children:[_jsxruntime.jsx.call(void 0, _chunkTXOVDTYKcjs.a,{className:"h-[21px] w-[21px] absolute left-[20px]",style:{color:(s=o==null?void 0:o.colors)==null?void 0:s.textPrimary}}),_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(e=o==null?void 0:o.colors)==null?void 0:e.textPrimary},children:"Continue with a wallet"}),_jsxruntime.jsx.call(void 0, _chunkYXF74MVIcjs.a,{className:"h-[21px] w-[21px] absolute right-[20px]",style:{color:(i=o==null?void 0:o.colors)==null?void 0:i.textSecondary}}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Continue with a wallet"})]})}exports.a = N;

package/dist/chunk-7P7YWVTH.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2BOQSASOcjs = require('./chunk-2BOQSASO.cjs');var _chunkFSG3MT7Ccjs = require('./chunk-FSG3MT7C.cjs');var _chunkWABJHG6Bcjs = require('./chunk-WABJHG6B.cjs');var _chunkVI6TW7JTcjs = require('./chunk-VI6TW7JT.cjs');var _chunkTWX7ZBKZcjs = require('./chunk-TWX7ZBKZ.cjs');var _chunkQYQERFYLcjs = require('./chunk-QYQERFYL.cjs');var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');var _jsxruntime = require('react/jsx-runtime');function n({title:i,content:t,primaryButton:s,secondaryAction:l,appearance:e}){var u,a,y,f;return _jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.a,{modal:!1,open:!0,onOpenChange:()=>{},children:_jsxruntime.jsxs.call(void 0, _chunkFSG3MT7Ccjs.e,{showCloseButton:!1,onInteractOutside:d=>d.preventDefault(),onOpenAutoFocus:d=>d.preventDefault(),className:"!p-0 !min-[480px]:p-0",style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(u=e==null?void 0:e.colors)==null?void 0:u.background},children:[_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.h,{children:i})}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.i,{children:t})}),_jsxruntime.jsxs.call(void 0, "div",{className:"relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center left-1.5 relative",children:_jsxruntime.jsx.call(void 0, _chunkTWX7ZBKZcjs.a,{appearance:e})}),_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center",children:_jsxruntime.jsx.call(void 0, "p",{style:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"bold",color:((a=e==null?void 0:e.colors)==null?void 0:a.textPrimary)||"#20343E"},children:i})}),_jsxruntime.jsx.call(void 0, "div",{className:"mb-6",children:_jsxruntime.jsx.call(void 0, "div",{style:{fontWeight:"normal",color:((y=e==null?void 0:e.colors)==null?void 0:y.textSecondary)||"#67797F"},children:t})}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-4 justify-center",children:[s,l]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center pt-4",children:_jsxruntime.jsx.call(void 0, _chunk2BOQSASOcjs.a,{color:(f=e==null?void 0:e.colors)==null?void 0:f.textSecondary})})]})]})})}function F({state:i,appearance:t}){var s,l;switch(i.type){case"create-wallet":return _jsxruntime.jsx.call(void 0, n,{title:"Create Your Wallet",appearance:t,content:_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "div",{className:"mb-3",children:"You're about to create a wallet."}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-2",children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex gap-2",children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkVI6TW7JTcjs.a,{})}),"Your wallet will be secured with a passkey"]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex gap-2",children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkQYQERFYLcjs.a,{})}),"Your device will ask you for your fingerprint, face, or screen lock to set it up"]})]})]}),primaryButton:_jsxruntime.jsx.call(void 0, c,{appearance:t,onClick:i.primaryActionOnClick,children:"Create Wallet"})});case"create-wallet-error":return _jsxruntime.jsx.call(void 0, n,{title:"Wallet Creation Failed",appearance:t,content:_jsxruntime.jsx.call(void 0, "div",{children:"We couldn't create your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:_jsxruntime.jsx.call(void 0, c,{appearance:t,onClick:i.primaryActionOnClick,children:"Try again"})});case"transaction":return _jsxruntime.jsx.call(void 0, n,{title:"First Time Using Your Wallet",appearance:t,content:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col gap-2",children:_jsxruntime.jsxs.call(void 0, "div",{className:"flex gap-2",children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkQYQERFYLcjs.a,{})}),_jsxruntime.jsx.call(void 0, "span",{children:"Your device will ask you for your fingerprint, face, or screen lock to authorize this action."})]})}),primaryButton:_jsxruntime.jsx.call(void 0, c,{appearance:t,onClick:i.primaryActionOnClick,children:"Use Wallet"})});case"transaction-error":return _jsxruntime.jsx.call(void 0, n,{title:"Wallet Access Failed",appearance:t,content:_jsxruntime.jsx.call(void 0, "div",{children:"We couldn't access your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:_jsxruntime.jsx.call(void 0, c,{appearance:t,onClick:i.primaryActionOnClick,children:"Try again"}),secondaryAction:_jsxruntime.jsx.call(void 0, "a",{href:"https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot",rel:"noopener noreferrer",target:"_blank",style:{padding:"0.875rem",width:"100%",textAlign:"center",textDecoration:"none",borderRadius:"0.5rem",fontWeight:"bold",backgroundColor:((s=t==null?void 0:t.colors)==null?void 0:s.inputBackground)||"#F0F2F4",color:((l=t==null?void 0:t.colors)==null?void 0:l.textSecondary)||"#00150D"},children:"Troubleshoot"})});case"not-supported":return _jsxruntime.jsx.call(void 0, n,{title:"Passkeys Not Supported on This Device",appearance:t,content:_jsxruntime.jsx.call(void 0, "div",{children:"To access your wallet with a passkey, switch to a device or browser that supports passkeys, such as Chrome or Safari on a smartphone, tablet, or modern computer"}),primaryButton:_jsxruntime.jsx.call(void 0, c,{appearance:t,onClick:i.primaryActionOnClick,children:"Understood"})});default:return null}}var c=({appearance:i,onClick:t,children:s})=>{var l,e;return _jsxruntime.jsxs.call(void 0, "button",{className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:i==null?void 0:i.borderRadius,backgroundColor:(l=i==null?void 0:i.colors)==null?void 0:l.buttonBackground},onClick:t,children:[_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(e=i==null?void 0:i.colors)==null?void 0:e.textPrimary},children:s}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:s})]})};exports.a = F;

package/dist/{chunk-NAJHXPGR.cjs → chunk-DUDFFIHM.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var s="1.16.1";var c=s;exports.a = c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var s="1.16.2";var c=s;exports.a = c;

package/dist/{chunk-PTFGPW7K.cjs → chunk-DVA5HJAY.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk36BNPW66cjs = require('./chunk-36BNPW66.cjs');var _chunkFON43I6Gcjs = require('./chunk-FON43I6G.cjs');var _chunkBQ7TYNXYcjs = require('./chunk-BQ7TYNXY.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _ethereum = require('@dynamic-labs/ethereum');var _solana = require('@dynamic-labs/solana');var _jsxruntime = require('react/jsx-runtime');function K({children:C,apiKeyEnvironment:h}){var a,i;let{crossmintAuth:o}=_chunkBQ7TYNXYcjs.d.call(void 0, ),{appearance:n}=_chunkBQ7TYNXYcjs.e.call(void 0, ),y=`.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(a=n==null?void 0:n.colors)==null?void 0:a.textPrimary} !important; } * { color: ${(i=n==null?void 0:n.colors)==null?void 0:i.textSecondary} !important; }`;return _jsxruntime.jsx.call(void 0, _chunkFON43I6Gcjs.a,{apiKeyEnvironment:h,settings:{walletConnectors:[_ethereum.EthereumWalletConnectors,_solana.SolanaWalletConnectors],cssOverrides:y,events:{onAuthFlowCancel(){console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel")},onAuthFlowClose(){console.log("[CryptoWalletConnectionHandler] onAuthFlowClose")},onAuthFailure(e,t){console.error("[CryptoWalletConnectionHandler] onAuthFailure",e,t)},onAuthSuccess(e){console.log("[CryptoWalletConnectionHandler] onAuthSuccess",e)}},handlers:{handleConnectedWallet:e=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var l;console.log("[CryptoWalletConnectionHandler] handleConnectedWallet",e);let t=e.address;if(!t)return console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing"),!1;let u=yield _chunk36BNPW66cjs.b.call(void 0, e);console.log({chain:u});try{let r=yield o==null?void 0:o.signInWithSmartWallet(t),g=yield(l=e.signMessage)==null?void 0:l.call(e,r.challenge),W=(yield o==null?void 0:o.authenticateSmartWallet(t,g)).oneTimeSecret;yield o==null?void 0:o.handleRefreshAuthMaterial(W)}catch(r){return console.error("[CryptoWalletConnectionHandler] Error authenticating wallet:",r),!1}return!0})}},children:C})}exports.a = K;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk36BNPW66cjs = require('./chunk-36BNPW66.cjs');var _chunkFON43I6Gcjs = require('./chunk-FON43I6G.cjs');var _chunkYXGEEJSYcjs = require('./chunk-YXGEEJSY.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _ethereum = require('@dynamic-labs/ethereum');var _solana = require('@dynamic-labs/solana');var _jsxruntime = require('react/jsx-runtime');function K({children:C,apiKeyEnvironment:h}){var a,i;let{crossmintAuth:o}=_chunkYXGEEJSYcjs.d.call(void 0, ),{appearance:n}=_chunkYXGEEJSYcjs.e.call(void 0, ),y=`.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(a=n==null?void 0:n.colors)==null?void 0:a.textPrimary} !important; } * { color: ${(i=n==null?void 0:n.colors)==null?void 0:i.textSecondary} !important; }`;return _jsxruntime.jsx.call(void 0, _chunkFON43I6Gcjs.a,{apiKeyEnvironment:h,settings:{walletConnectors:[_ethereum.EthereumWalletConnectors,_solana.SolanaWalletConnectors],cssOverrides:y,events:{onAuthFlowCancel(){console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel")},onAuthFlowClose(){console.log("[CryptoWalletConnectionHandler] onAuthFlowClose")},onAuthFailure(e,t){console.error("[CryptoWalletConnectionHandler] onAuthFailure",e,t)},onAuthSuccess(e){console.log("[CryptoWalletConnectionHandler] onAuthSuccess",e)}},handlers:{handleConnectedWallet:e=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var l;console.log("[CryptoWalletConnectionHandler] handleConnectedWallet",e);let t=e.address;if(!t)return console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing"),!1;let u=yield _chunk36BNPW66cjs.b.call(void 0, e);console.log({chain:u});try{let r=yield o==null?void 0:o.signInWithSmartWallet(t),g=yield(l=e.signMessage)==null?void 0:l.call(e,r.challenge),W=(yield o==null?void 0:o.authenticateSmartWallet(t,g)).oneTimeSecret;yield o==null?void 0:o.handleRefreshAuthMaterial(W)}catch(r){return console.error("[CryptoWalletConnectionHandler] Error authenticating wallet:",r),!1}return!0})}},children:C})}exports.a = K;

package/dist/{chunk-5UD5UP6V.js → chunk-DY3BDN42.js}

@@ -1,6 +1,6 @@
-import{a as Lt}from"./chunk-JSNUJJQJ.js";import{a as Wt,b as Nt,c as K}from"./chunk-VHNBXIOC.js";import{a as R}from"./chunk-TNCETEEL.js";import{a as Ft}from"./chunk-BFHQZOV3.js";import{a as Et}from"./chunk-VRC3MYU6.js";import{a as Ot}from"./chunk-2VBA64WU.js";import{a as Mt}from"./chunk-EMXNIC4M.js";import{a as Bt,e as Dt,h as Gt,i as jt}from"./chunk-NQ2WKZU6.js";import{a as Vt}from"./chunk-QRX6P4MW.js";import{a as E}from"./chunk-NBJIJZGO.js";import{a as Tt}from"./chunk-SFDQPSSP.js";import{a as Rt}from"./chunk-JPJKOERH.js";import{a as ot}from"./chunk-UAFW3OWA.js";import{a as It}from"./chunk-C3JRTLQP.js";import{a as Ut}from"./chunk-E4TBJMOO.js";import{a as et}from"./chunk-WW6GUXHG.js";import{b as tt}from"./chunk-ROJ6HFVK.js";import{a as U,b as L,c as _,d as P}from"./chunk-PXDN3KFO.js";import{createContext as ee,useMemo as re,useState as ao}from"react";import{createPortal as se}from"react-dom";import{CrossmintWallet as ne}from"@crossmint/wallets-sdk";import{useContext as uo}from"react";function Ht(){let r=uo(ct);if(!r)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return r}import{useContext as oe}from"react";import{createContext as Ho,useEffect as wt,useMemo as Ko,useRef as _o,useState as ut,useCallback as Ct}from"react";import{CrossmintAuth as zo,getCookie as qo}from"@crossmint/client-sdk-auth";import{validateApiKeyAndGetCrossmintBaseUrl as Jo}from"@crossmint/common-sdk-base";import{SESSION_PREFIX as Xo}from"@crossmint/common-sdk-auth";import{VisuallyHidden as lo}from"@radix-ui/react-visually-hidden";import{createContext as co,useCallback as fo,useContext as go,useEffect as ho,useState as rt}from"react";import{CrossmintAuthenticationError as yo}from"@crossmint/common-sdk-auth";import{useContext as mo}from"react";function B(){let r=mo(X);if(!r)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return r}import{jsx as po}from"react/jsx-runtime";var Kt={google:"",twitter:""},_t=co(void 0),x=()=>{let r=go(_t);if(!r)throw new Error("useAuthForm must be used within an AuthFormProvider");return r},zt=({setDialogOpen:r,preFetchOAuthUrls:e,initialState:o,children:t})=>{let{crossmintAuth:l}=B(),[n,s]=rt("initial"),[c,a]=rt(null),[i,u]=rt(Kt),[h,m]=rt(!0),{loginMethods:f,baseUrl:d,appearance:g,embeddedWallets:y,termsOfServiceText:b,authModalTitle:S,defaultEmail:k}=o;if(f.includes("web3")&&(y==null?void 0:y.createOnLogin)==="all-users")throw new Error("Creating wallets on login is not yet supported for web3 login method");let A=fo(()=>P(void 0,null,function*(){m(!0);try{let O=f.filter(I=>I in Kt).map(I=>P(void 0,null,function*(){let j=yield l==null?void 0:l.getOAuthUrl(I);return{[I]:j}})),G=Object.assign({},...yield Promise.all(O));u(G)}catch(w){a(w instanceof yo?w.message:"Unable to load oauth providers. Please try again later.")}finally{m(!1)}}),[f,l]);ho(()=>{e&&A()},[A,e]);let T={step:n,error:c,baseUrl:d,appearance:g,termsOfServiceText:b,authModalTitle:S,loginMethods:f,defaultEmail:k,oauthUrlMap:i,isLoadingOauthUrlMap:h,setDialogOpen:(w,O)=>{r==null||r(w,O),w||setTimeout(()=>s("initial"),250)},setError:a,setStep:s};return po(_t.Provider,{value:T,children:t})};import{lazy as Bo}from"react";import Do from"color";import{useState as Eo}from"react";import{useState as ft}from"react";import{jsx as qt}from"react/jsx-runtime";var st=n=>{var s=n,{className:r,iconColor:e,ringColor:o,onClick:t}=s,l=_(s,["className","iconColor","ringColor","onClick"]);let{setError:c}=x();return qt("button",L(U({className:E("absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",r),onClick:a=>{c(null),t==null||t(a)}},l),{children:qt(Tt,{className:"w-6 h-6",style:{color:e}})}))};import{jsx as F,jsxs as Q}from"react/jsx-runtime";var xo=6;function Jt({otpEmailData:r,setOtpEmailData:e}){var y,b,S,k,A,M,T,w,O,G,I,j,p,H,Z,vt,Pt,St,At,kt;let{crossmintAuth:o}=B(),{appearance:t,setDialogOpen:l,setStep:n,setError:s}=x(),[c,a]=ft(""),[i,u]=ft(!1),[h,m]=ft(!1),f=()=>P(this,null,function*(){var V,mt;m(!0);try{let dt=yield o==null?void 0:o.confirmEmailOtp((V=r==null?void 0:r.email)!=null?V:"",(mt=r==null?void 0:r.emailId)!=null?mt:"",c);yield o==null?void 0:o.handleRefreshAuthMaterial(dt),l(!1,!0),n("initial")}catch(dt){console.error("Error confirming email OTP",dt),s("Invalid code. Please try again."),u(!0)}finally{m(!1)}}),d=()=>P(this,null,function*(){var V;try{yield o==null?void 0:o.sendEmailOtp((V=r==null?void 0:r.email)!=null?V:"")}catch(mt){s("Failed to resend code. Please try again.")}});return Q("div",{children:[F(st,{onClick:()=>{n("initial"),e(null)},iconColor:(y=t==null?void 0:t.colors)==null?void 0:y.textPrimary,ringColor:(b=t==null?void 0:t.colors)==null?void 0:b.accent}),Q("div",{className:"flex flex-col items-center justify-start w-full",children:[F("div",{className:"relative left-3",children:F(It,{customAccentColor:(S=t==null?void 0:t.colors)==null?void 0:S.accent,customButtonBackgroundColor:(k=t==null?void 0:t.colors)==null?void 0:k.buttonBackground,customBackgroundColor:(A=t==null?void 0:t.colors)==null?void 0:A.background})}),F("p",{className:"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",style:{color:(M=t==null?void 0:t.colors)==null?void 0:M.textPrimary},children:"Check your email"}),Q("p",{className:"text-center text-cm-text-secondary px-4",style:{color:(T=t==null?void 0:t.colors)==null?void 0:T.textSecondary},children:["A temporary login code has been sent to"," ",r!=null&&r.email?r.email:"your email address"]}),F("div",{className:"py-8",children:F(Wt,{maxLength:xo,value:c,onChange:V=>{a(V),u(!1),s(null)},onComplete:f,disabled:h,customStyles:{accent:(O=(w=t==null?void 0:t.colors)==null?void 0:w.accent)!=null?O:"#04AA6D",danger:(I=(G=t==null?void 0:t.colors)==null?void 0:G.danger)!=null?I:"#f44336",border:(p=(j=t==null?void 0:t.colors)==null?void 0:j.border)!=null?p:"#E5E7EB",textPrimary:(Z=(H=t==null?void 0:t.colors)==null?void 0:H.textPrimary)!=null?Z:"#909ca3",buttonBackground:(Pt=(vt=t==null?void 0:t.colors)==null?void 0:vt.buttonBackground)!=null?Pt:"#eff6ff",inputBackground:(At=(St=t==null?void 0:t.colors)==null?void 0:St.inputBackground)!=null?At:"#FFFFFF",borderRadius:t==null?void 0:t.borderRadius},children:Q(Nt,{children:[F(K,{index:0,hasError:i}),F(K,{index:1,hasError:i}),F(K,{index:2,hasError:i}),F(K,{index:3,hasError:i}),F(K,{index:4,hasError:i}),F(K,{index:5,hasError:i})]})})}),F("div",{className:"text-xs leading-tight text-cm-text-secondary text-center",children:Q("span",{style:{color:(kt=t==null?void 0:t.colors)==null?void 0:kt.textSecondary},children:["Can't find the email? Check spam folder.",`
-`,"Some emails may take several minutes to arrive."]})}),F(Mt,{initialSeconds:60,appearance:t,countdownText:V=>`Re-send code in ${V}s`,countdownCompleteText:"Re-send code",handleOnClick:d})]})]})}import{useState as ht}from"react";import ko from"color";import{isEmailValid as lt}from"@crossmint/common-sdk-auth";import{ChildWindow as bo,PopupWindow as wo}from"@crossmint/client-sdk-window";import{useEffect as Co,useRef as vo,useState as Po}from"react";import{z as nt}from"zod";var z=r=>{let{crossmintAuth:e}=B(),{oauthUrlMap:o,setError:t}=x(),[l,n]=Po(!1),s=vo(null);return Co(()=>(s.current==null&&(s.current=new bo(window.opener||window.parent,"*",{incomingEvents:So})),()=>{s.current!=null&&s.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:a=>P(void 0,null,function*(){if(s.current==null)throw new Error("Child window not initialized");n(!0),t(null);let i=new URL(o[r]);if(a!=null){let d=Array.from(i.searchParams.entries());i.search="",a&&i.searchParams.append("provider_login_hint",a),d.forEach(([g,y])=>{i.searchParams.append(g,y)})}let u=yield wo.init(i.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),h=d=>P(void 0,null,function*(){var g;yield e==null?void 0:e.handleRefreshAuthMaterial(d.oneTimeSecret),(g=s.current)==null||g.off("authMaterialFromPopupCallback"),u.window.close(),n(!1)}),m=d=>{var g;t(d.error),(g=s.current)==null||g.off("errorFromPopupCallback"),u.window.close(),n(!1)};s.current.on("authMaterialFromPopupCallback",h),s.current.on("errorFromPopupCallback",m);let f=setInterval(()=>{var d;u.window.closed&&(clearInterval(f),n(!1),(d=s.current)==null||d.off("authMaterialFromPopupCallback"))},2500)}),isLoading:l}},So={authMaterialFromPopupCallback:nt.object({oneTimeSecret:nt.string()}),errorFromPopupCallback:nt.object({error:nt.string()})};import{jsx as gt,jsxs as Ao}from"react/jsx-runtime";function Xt({emailInput:r,appearance:e}){var l,n,s,c;let{createPopupAndSetupListeners:o,isLoading:t}=z("google");return Ao("button",{type:"button",className:E("flex items-center gap-2 justify-center h-[32px] px-2.5 border border-cm-border rounded-xl bg-cm-background-primary","hover:bg-cm-hover focus:bg-cm-hover outline-none",t?"cursor-not-allowed hover:bg-cm-muted-primary":""),onClick:t?void 0:()=>o(r.trim().toLowerCase()),style:{backgroundColor:(l=e==null?void 0:e.colors)==null?void 0:l.buttonBackground,borderRadius:e==null?void 0:e.borderRadius},children:[gt(et,{className:"max-h-[18px] max-w-[18px] h-[18px] w-[18px]"}),t?gt(R,{style:{color:(n=e==null?void 0:e.colors)==null?void 0:n.textSecondary,fill:(s=e==null?void 0:e.colors)==null?void 0:s.textPrimary,width:"18px",height:"18px"}}):gt("span",{className:"text-cm-accent",style:{color:(c=e==null?void 0:e.colors)==null?void 0:c.accent},children:"Continue"})]})}import{Fragment as Oo,jsx as D,jsxs as yt}from"react/jsx-runtime";function Qt({setOtpEmailData:r}){var d,g,y,b,S,k,A,M,T,w,O,G,I,j;let{crossmintAuth:e}=B(),{appearance:o,defaultEmail:t,setStep:l,setError:n}=x(),[s,c]=ht(t!=null?t:""),[a,i]=ht(""),[u,h]=ht(!1),m=s.toLowerCase().includes("@gmail.com")&&!s.toLowerCase().includes("+")&&lt(s)&&!u;function f(p){return P(this,null,function*(){p.preventDefault(),h(!0);try{let H=s.trim().toLowerCase(),Z=yield e==null?void 0:e.sendEmailOtp(H);r({email:H,emailId:Z.emailId}),l("otp")}catch(H){h(!1),n("Failed to send email. Please try again or contact support.")}})}return D(Oo,{children:D("div",{className:"flex flex-col items-start justify-start w-full rounded-lg",children:yt("div",{className:"w-full",children:[D("label",{className:"text-cm-text-primary block mb-[5px]",style:{color:(d=o==null?void 0:o.colors)==null?void 0:d.textPrimary},children:"Email"}),yt("form",{role:"form",className:"relative",onSubmit:p=>{if(m){p.preventDefault();return}lt(s)?f(p):p.preventDefault()},noValidate:!0,children:[D("label",{htmlFor:"emailInput",className:"sr-only",children:"Email"}),D("input",{className:E("flex-grow text-cm-text-primary text-left pl-[16px] h-[58px] w-full border border-cm-border rounded-xl bg-cm-background-primary placeholder:text-md","transition-none duration-200 ease-in-out","focus:outline-none focus-ring-custom","placeholder:[color:var(--placeholder-color)]",a?"border-red-500":"",m?"pr-[132px]":"pr-[80px]"),style:{color:(g=o==null?void 0:o.colors)==null?void 0:g.textPrimary,borderRadius:o==null?void 0:o.borderRadius,borderColor:a?(y=o==null?void 0:o.colors)==null?void 0:y.danger:(b=o==null?void 0:o.colors)==null?void 0:b.border,backgroundColor:(S=o==null?void 0:o.colors)==null?void 0:S.inputBackground,"--placeholder-color":(A=(k=o==null?void 0:o.colors)==null?void 0:k.textSecondary)!=null?A:"#67797F","--focus-ring-color":new ko((T=(M=o==null?void 0:o.colors)==null?void 0:M.accent)!=null?T:"#04AA6D").alpha(.18).toString()},type:"email",placeholder:"your@email.com",value:s,onChange:p=>{c(p.target.value),i(""),n(null)},readOnly:u,"aria-describedby":"emailError"}),yt("div",{className:"absolute inset-y-0 right-0 flex items-center pr-4",children:[a&&D(ot,{customColor:(w=o==null?void 0:o.colors)==null?void 0:w.danger}),u&&D(R,{style:{color:(O=o==null?void 0:o.colors)==null?void 0:O.textSecondary,fill:(G=o==null?void 0:o.colors)==null?void 0:G.textPrimary}}),m?D(Xt,{emailInput:s,appearance:o}):!a&&!u?D("button",{type:"submit",className:E("font-medium text-cm-accent text-nowrap bg-cm-background-primary",lt(s)?"cursor-pointer":"!cursor-not-allowed opacity-60"),style:{color:(I=o==null?void 0:o.colors)==null?void 0:I.accent,backgroundColor:(j=o==null?void 0:o.colors)==null?void 0:j.inputBackground},disabled:!lt(s)||u,children:"Submit"}):null]})]}),a&&D("p",{className:"text-xs text-red-500 mb-2 pt-2",children:a})]})})})}import{jsx as $t}from"react/jsx-runtime";function Yt(){let{step:r}=x(),[e,o]=Eo(null);return r==="otp"?$t(Jt,{otpEmailData:e,setOtpEmailData:o}):r==="initial"?$t(Qt,{setOtpEmailData:o}):null}import{jsx as pt,jsxs as Fo}from"react/jsx-runtime";function Zt({appearance:r,text:e}){var t,l,n;let{step:o}=x();return o!=="initial"?null:Fo("div",{className:"flex items-center justify-center w-full pt-2 pb-3",children:[pt("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(t=r==null?void 0:r.colors)==null?void 0:t.border}}),e!=null?pt("p",{className:"flex-none px-2 text-sm text-cm-text-primary",style:{color:(l=r==null?void 0:r.colors)==null?void 0:l.textSecondary},children:e}):null,pt("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(n=r==null?void 0:r.colors)==null?void 0:n.border}})]})}import{Fragment as Wo,jsx as it,jsxs as to}from"react/jsx-runtime";function oo(e){var r=_(e,[]);var a,i,u,h;let{step:o,appearance:t,isLoadingOauthUrlMap:l}=x(),{createPopupAndSetupListeners:n,isLoading:s}=z("google"),c=l||s;return o!=="initial"?null:to("button",L(U({className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",c?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(a=t==null?void 0:t.colors)==null?void 0:a.buttonBackground},onClick:c?void 0:()=>n()},r),{children:[to(Wo,{children:[it(et,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),c?it(R,{style:{color:(i=t==null?void 0:t.colors)==null?void 0:i.textSecondary,fill:(u=t==null?void 0:t.colors)==null?void 0:u.textPrimary}}):it("span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with Google"})]}),it("span",{className:"sr-only",children:"Sign in with Google"})]}))}import{useEffect as xt,useMemo as No,useState as Io}from"react";import{useSignIn as To,QRCode as Mo}from"@farcaster/auth-kit";import{Fragment as Lo,jsx as W,jsxs as $}from"react/jsx-runtime";function eo(){var l,n;let{step:r,appearance:e,setStep:o,setError:t}=x();return r==="initial"?W("div",{children:$("button",{className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(l=e==null?void 0:e.colors)==null?void 0:l.buttonBackground},onClick:()=>{o("qrCode"),t(null)},children:[W(Ut,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),W("span",{className:"font-medium",style:{margin:"0px 32px",color:(n=e==null?void 0:e.colors)==null?void 0:n.textPrimary},children:"Sign in with Farcaster"}),W("span",{className:"sr-only",children:"Sign in with Farcaster"})]})}):r==="qrCode"?W(Uo,{}):null}function Uo(){var d,g,y,b,S,k,A,M,T;let{crossmintAuth:r}=B(),{appearance:e,setStep:o,setDialogOpen:t,setError:l}=x(),[n,s]=Io(null),c=No(()=>({onSuccess:w=>{s(w)}}),[]),{signIn:a,url:i,connect:u,signOut:h,isConnected:m}=To(c),f=w=>P(this,null,function*(){l(null);try{let O=yield r==null?void 0:r.signInWithFarcaster(w);yield r==null?void 0:r.handleRefreshAuthMaterial(O),t(!1),o("initial")}catch(O){console.error("Error during Farcaster sign-in:",O),l("Failed to sign in with Farcaster")}});return xt(()=>{n!=null&&f(n)},[n]),xt(()=>{m&&a()},[m]),xt(()=>{u()},[]),$("div",{children:[W(st,{onClick:()=>{h(),o("initial")},iconColor:(d=e==null?void 0:e.colors)==null?void 0:d.textPrimary,ringColor:(g=e==null?void 0:e.colors)==null?void 0:g.accent}),$("div",{className:"flex flex-col items-center gap-4",children:[$("div",{className:"text-center",children:[W("h3",{className:"text-lg font-semibold text-cm-text-primary mb-2",style:{color:(y=e==null?void 0:e.colors)==null?void 0:y.textPrimary},children:"Sign in with Farcaster"}),W("p",{className:"text-base font-normal text-cm-text-secondary",style:{color:(b=e==null?void 0:e.colors)==null?void 0:b.textSecondary},children:"Scan with your phone's camera to continue."})]}),W("div",{className:"bg-white aspect-square rounded-lg p-4",style:{backgroundColor:(S=e==null?void 0:e.colors)==null?void 0:S.inputBackground,borderRadius:e==null?void 0:e.borderRadius},children:i!=null?W(Mo,{uri:i,size:280}):W("div",{className:"min-h-[246px] flex items-center justify-center",children:W(R,{style:{color:(k=e==null?void 0:e.colors)==null?void 0:k.textSecondary,fill:(A=e==null?void 0:e.colors)==null?void 0:A.textPrimary}})})}),i?$(Lo,{children:[W("p",{className:"text-base text-center font-normal text-cm-text-secondary",style:{color:(M=e==null?void 0:e.colors)==null?void 0:M.textSecondary},children:"Alternatively, click on this link to open Warpcast."}),W("a",{href:i,rel:"noopener noreferrer",target:"_blank",className:"text-base font-normal text-cm-link",style:{color:(T=e==null?void 0:e.colors)==null?void 0:T.textLink},children:"Open Warpcast"})]}):null]})]})}import{Fragment as Ro,jsx as at,jsxs as ro}from"react/jsx-runtime";function so(e){var r=_(e,[]);var a,i,u,h;let{step:o,appearance:t,isLoadingOauthUrlMap:l}=x(),{createPopupAndSetupListeners:n,isLoading:s}=z("twitter"),c=l||s;return o!=="initial"?null:ro("button",L(U({className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",c?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(a=t==null?void 0:t.colors)==null?void 0:a.buttonBackground},onClick:c?void 0:()=>n()},r),{children:[ro(Ro,{children:[at(Rt,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),c?at(R,{style:{color:(i=t==null?void 0:t.colors)==null?void 0:i.textSecondary,fill:(u=t==null?void 0:t.colors)==null?void 0:u.textPrimary}}):at("span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with X"})]}),at("span",{className:"sr-only",children:"Sign in with X"})]}))}import{jsx as N,jsxs as Y}from"react/jsx-runtime";var Go=Bo(()=>import("./components/auth/methods/web3/Web3AuthFlow.js").then(r=>({default:r.Web3AuthFlow})));function no({className:r}){var a,i,u,h,m,f,d,g,y,b,S,k,A;let{step:e,appearance:o,loginMethods:t,baseUrl:l,error:n,termsOfServiceText:s,authModalTitle:c}=x();return Y("div",{className:E("relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",r),children:[n!=null?Y("div",{className:"flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",style:{backgroundColor:new Do((i=(a=o==null?void 0:o.colors)==null?void 0:a.danger)!=null?i:"#f44336").alpha(.12).toString()},children:[N("div",{className:"min-w-[20px]",children:N(ot,{customColor:(h=(u=o==null?void 0:o.colors)==null?void 0:u.danger)!=null?h:"#f44336"})}),N("p",{className:"ml-2 text-sm",style:{color:(f=(m=o==null?void 0:o.colors)==null?void 0:m.danger)!=null?f:"#f44336"},children:n})]}):null,e==="initial"?Y("div",{children:[N("h1",{className:"text-2xl font-bold text-cm-text-primary",style:{color:(d=o==null?void 0:o.colors)==null?void 0:d.textPrimary},children:c!=null?c:"Sign in to Crossmint"}),N("p",{className:"text-base font-normal mb-3 text-cm-text-secondary",style:{color:(g=o==null?void 0:o.colors)==null?void 0:g.textSecondary},children:"Access using one of the options below."})]}):null,t.includes("google")?N(oo,{}):null,t.includes("farcaster")?N(Lt,{baseUrl:l,children:N(eo,{})}):null,t.includes("twitter")?N(so,{}):null,t.includes("web3")?N(Go,{}):null,t.includes("email")?Y("div",{children:[t.length>1?N(Zt,{appearance:o,text:"OR"}):null,N(Yt,{})]}):null,e==="initial"&&s!=null?Y("div",{className:"text-sm text-center text-cm-text-secondary mt-2",style:{color:(y=o==null?void 0:o.colors)==null?void 0:y.textSecondary},children:[N("style",{children:`
+import{a as Gt}from"./chunk-JSNUJJQJ.js";import{a as Mt,b as Ut,c as K}from"./chunk-VHNBXIOC.js";import{a as R}from"./chunk-TNCETEEL.js";import{a as Tt}from"./chunk-BFHQZOV3.js";import{a as It}from"./chunk-YP7THW7Y.js";import{a as Ot}from"./chunk-2VBA64WU.js";import{a as Bt}from"./chunk-EMXNIC4M.js";import{a as Et,e as Ft,h as Wt,i as Nt}from"./chunk-NQ2WKZU6.js";import{a as Vt}from"./chunk-QRX6P4MW.js";import{a as E}from"./chunk-NBJIJZGO.js";import{a as Rt}from"./chunk-SFDQPSSP.js";import{a as jt}from"./chunk-JPJKOERH.js";import{a as ot}from"./chunk-UAFW3OWA.js";import{a as Lt}from"./chunk-C3JRTLQP.js";import{a as Dt}from"./chunk-E4TBJMOO.js";import{a as et}from"./chunk-WW6GUXHG.js";import{b as tt}from"./chunk-ROJ6HFVK.js";import{a as U,b as L,c as _,d as P}from"./chunk-PXDN3KFO.js";import{createContext as ee,useMemo as re,useState as ao}from"react";import{createPortal as se}from"react-dom";import{CrossmintWallets as ne}from"@crossmint/wallets-sdk";import{useContext as uo}from"react";function Ht(){let r=uo(ct);if(!r)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return r}import{useContext as oe}from"react";import{createContext as Ho,useEffect as wt,useMemo as Ko,useRef as _o,useState as ut,useCallback as Ct}from"react";import{CrossmintAuth as zo,getCookie as qo}from"@crossmint/client-sdk-auth";import{validateApiKeyAndGetCrossmintBaseUrl as Jo}from"@crossmint/common-sdk-base";import{SESSION_PREFIX as Xo}from"@crossmint/common-sdk-auth";import{VisuallyHidden as lo}from"@radix-ui/react-visually-hidden";import{createContext as co,useCallback as fo,useContext as go,useEffect as ho,useState as rt}from"react";import{CrossmintAuthenticationError as yo}from"@crossmint/common-sdk-auth";import{useContext as mo}from"react";function B(){let r=mo(X);if(!r)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return r}import{jsx as po}from"react/jsx-runtime";var Kt={google:"",twitter:""},_t=co(void 0),x=()=>{let r=go(_t);if(!r)throw new Error("useAuthForm must be used within an AuthFormProvider");return r},zt=({setDialogOpen:r,preFetchOAuthUrls:e,initialState:o,children:t})=>{let{crossmintAuth:l}=B(),[n,s]=rt("initial"),[c,a]=rt(null),[i,u]=rt(Kt),[h,m]=rt(!0),{loginMethods:f,baseUrl:d,appearance:g,embeddedWallets:y,termsOfServiceText:b,authModalTitle:S,defaultEmail:k}=o;if(f.includes("web3")&&(y==null?void 0:y.createOnLogin)==="all-users")throw new Error("Creating wallets on login is not yet supported for web3 login method");let A=fo(()=>P(void 0,null,function*(){m(!0);try{let O=f.filter(I=>I in Kt).map(I=>P(void 0,null,function*(){let j=yield l==null?void 0:l.getOAuthUrl(I);return{[I]:j}})),G=Object.assign({},...yield Promise.all(O));u(G)}catch(w){a(w instanceof yo?w.message:"Unable to load oauth providers. Please try again later.")}finally{m(!1)}}),[f,l]);ho(()=>{e&&A()},[A,e]);let T={step:n,error:c,baseUrl:d,appearance:g,termsOfServiceText:b,authModalTitle:S,loginMethods:f,defaultEmail:k,oauthUrlMap:i,isLoadingOauthUrlMap:h,setDialogOpen:(w,O)=>{r==null||r(w,O),w||setTimeout(()=>s("initial"),250)},setError:a,setStep:s};return po(_t.Provider,{value:T,children:t})};import{lazy as Bo}from"react";import Do from"color";import{useState as Eo}from"react";import{useState as ft}from"react";import{jsx as qt}from"react/jsx-runtime";var st=n=>{var s=n,{className:r,iconColor:e,ringColor:o,onClick:t}=s,l=_(s,["className","iconColor","ringColor","onClick"]);let{setError:c}=x();return qt("button",L(U({className:E("absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",r),onClick:a=>{c(null),t==null||t(a)}},l),{children:qt(Rt,{className:"w-6 h-6",style:{color:e}})}))};import{jsx as F,jsxs as Q}from"react/jsx-runtime";var xo=6;function Jt({otpEmailData:r,setOtpEmailData:e}){var y,b,S,k,A,M,T,w,O,G,I,j,p,H,Z,vt,Pt,St,At,kt;let{crossmintAuth:o}=B(),{appearance:t,setDialogOpen:l,setStep:n,setError:s}=x(),[c,a]=ft(""),[i,u]=ft(!1),[h,m]=ft(!1),f=()=>P(this,null,function*(){var V,mt;m(!0);try{let dt=yield o==null?void 0:o.confirmEmailOtp((V=r==null?void 0:r.email)!=null?V:"",(mt=r==null?void 0:r.emailId)!=null?mt:"",c);yield o==null?void 0:o.handleRefreshAuthMaterial(dt),l(!1,!0),n("initial")}catch(dt){console.error("Error confirming email OTP",dt),s("Invalid code. Please try again."),u(!0)}finally{m(!1)}}),d=()=>P(this,null,function*(){var V;try{yield o==null?void 0:o.sendEmailOtp((V=r==null?void 0:r.email)!=null?V:"")}catch(mt){s("Failed to resend code. Please try again.")}});return Q("div",{children:[F(st,{onClick:()=>{n("initial"),e(null)},iconColor:(y=t==null?void 0:t.colors)==null?void 0:y.textPrimary,ringColor:(b=t==null?void 0:t.colors)==null?void 0:b.accent}),Q("div",{className:"flex flex-col items-center justify-start w-full",children:[F("div",{className:"relative left-3",children:F(Lt,{customAccentColor:(S=t==null?void 0:t.colors)==null?void 0:S.accent,customButtonBackgroundColor:(k=t==null?void 0:t.colors)==null?void 0:k.buttonBackground,customBackgroundColor:(A=t==null?void 0:t.colors)==null?void 0:A.background})}),F("p",{className:"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",style:{color:(M=t==null?void 0:t.colors)==null?void 0:M.textPrimary},children:"Check your email"}),Q("p",{className:"text-center text-cm-text-secondary px-4",style:{color:(T=t==null?void 0:t.colors)==null?void 0:T.textSecondary},children:["A temporary login code has been sent to"," ",r!=null&&r.email?r.email:"your email address"]}),F("div",{className:"py-8",children:F(Mt,{maxLength:xo,value:c,onChange:V=>{a(V),u(!1),s(null)},onComplete:f,disabled:h,customStyles:{accent:(O=(w=t==null?void 0:t.colors)==null?void 0:w.accent)!=null?O:"#04AA6D",danger:(I=(G=t==null?void 0:t.colors)==null?void 0:G.danger)!=null?I:"#f44336",border:(p=(j=t==null?void 0:t.colors)==null?void 0:j.border)!=null?p:"#E5E7EB",textPrimary:(Z=(H=t==null?void 0:t.colors)==null?void 0:H.textPrimary)!=null?Z:"#909ca3",buttonBackground:(Pt=(vt=t==null?void 0:t.colors)==null?void 0:vt.buttonBackground)!=null?Pt:"#eff6ff",inputBackground:(At=(St=t==null?void 0:t.colors)==null?void 0:St.inputBackground)!=null?At:"#FFFFFF",borderRadius:t==null?void 0:t.borderRadius},children:Q(Ut,{children:[F(K,{index:0,hasError:i}),F(K,{index:1,hasError:i}),F(K,{index:2,hasError:i}),F(K,{index:3,hasError:i}),F(K,{index:4,hasError:i}),F(K,{index:5,hasError:i})]})})}),F("div",{className:"text-xs leading-tight text-cm-text-secondary text-center",children:Q("span",{style:{color:(kt=t==null?void 0:t.colors)==null?void 0:kt.textSecondary},children:["Can't find the email? Check spam folder.",`
+`,"Some emails may take several minutes to arrive."]})}),F(Bt,{initialSeconds:60,appearance:t,countdownText:V=>`Re-send code in ${V}s`,countdownCompleteText:"Re-send code",handleOnClick:d})]})]})}import{useState as ht}from"react";import ko from"color";import{isEmailValid as lt}from"@crossmint/common-sdk-auth";import{ChildWindow as bo,PopupWindow as wo}from"@crossmint/client-sdk-window";import{useEffect as Co,useRef as vo,useState as Po}from"react";import{z as nt}from"zod";var z=r=>{let{crossmintAuth:e}=B(),{oauthUrlMap:o,setError:t}=x(),[l,n]=Po(!1),s=vo(null);return Co(()=>(s.current==null&&(s.current=new bo(window.opener||window.parent,"*",{incomingEvents:So})),()=>{s.current!=null&&s.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:a=>P(void 0,null,function*(){if(s.current==null)throw new Error("Child window not initialized");n(!0),t(null);let i=new URL(o[r]);if(a!=null){let d=Array.from(i.searchParams.entries());i.search="",a&&i.searchParams.append("provider_login_hint",a),d.forEach(([g,y])=>{i.searchParams.append(g,y)})}let u=yield wo.init(i.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),h=d=>P(void 0,null,function*(){var g;yield e==null?void 0:e.handleRefreshAuthMaterial(d.oneTimeSecret),(g=s.current)==null||g.off("authMaterialFromPopupCallback"),u.window.close(),n(!1)}),m=d=>{var g;t(d.error),(g=s.current)==null||g.off("errorFromPopupCallback"),u.window.close(),n(!1)};s.current.on("authMaterialFromPopupCallback",h),s.current.on("errorFromPopupCallback",m);let f=setInterval(()=>{var d;u.window.closed&&(clearInterval(f),n(!1),(d=s.current)==null||d.off("authMaterialFromPopupCallback"))},2500)}),isLoading:l}},So={authMaterialFromPopupCallback:nt.object({oneTimeSecret:nt.string()}),errorFromPopupCallback:nt.object({error:nt.string()})};import{jsx as gt,jsxs as Ao}from"react/jsx-runtime";function Xt({emailInput:r,appearance:e}){var l,n,s,c;let{createPopupAndSetupListeners:o,isLoading:t}=z("google");return Ao("button",{type:"button",className:E("flex items-center gap-2 justify-center h-[32px] px-2.5 border border-cm-border rounded-xl bg-cm-background-primary","hover:bg-cm-hover focus:bg-cm-hover outline-none",t?"cursor-not-allowed hover:bg-cm-muted-primary":""),onClick:t?void 0:()=>o(r.trim().toLowerCase()),style:{backgroundColor:(l=e==null?void 0:e.colors)==null?void 0:l.buttonBackground,borderRadius:e==null?void 0:e.borderRadius},children:[gt(et,{className:"max-h-[18px] max-w-[18px] h-[18px] w-[18px]"}),t?gt(R,{style:{color:(n=e==null?void 0:e.colors)==null?void 0:n.textSecondary,fill:(s=e==null?void 0:e.colors)==null?void 0:s.textPrimary,width:"18px",height:"18px"}}):gt("span",{className:"text-cm-accent",style:{color:(c=e==null?void 0:e.colors)==null?void 0:c.accent},children:"Continue"})]})}import{Fragment as Oo,jsx as D,jsxs as yt}from"react/jsx-runtime";function Qt({setOtpEmailData:r}){var d,g,y,b,S,k,A,M,T,w,O,G,I,j;let{crossmintAuth:e}=B(),{appearance:o,defaultEmail:t,setStep:l,setError:n}=x(),[s,c]=ht(t!=null?t:""),[a,i]=ht(""),[u,h]=ht(!1),m=s.toLowerCase().includes("@gmail.com")&&!s.toLowerCase().includes("+")&&lt(s)&&!u;function f(p){return P(this,null,function*(){p.preventDefault(),h(!0);try{let H=s.trim().toLowerCase(),Z=yield e==null?void 0:e.sendEmailOtp(H);r({email:H,emailId:Z.emailId}),l("otp")}catch(H){h(!1),n("Failed to send email. Please try again or contact support.")}})}return D(Oo,{children:D("div",{className:"flex flex-col items-start justify-start w-full rounded-lg",children:yt("div",{className:"w-full",children:[D("label",{className:"text-cm-text-primary block mb-[5px]",style:{color:(d=o==null?void 0:o.colors)==null?void 0:d.textPrimary},children:"Email"}),yt("form",{role:"form",className:"relative",onSubmit:p=>{if(m){p.preventDefault();return}lt(s)?f(p):p.preventDefault()},noValidate:!0,children:[D("label",{htmlFor:"emailInput",className:"sr-only",children:"Email"}),D("input",{className:E("flex-grow text-cm-text-primary text-left pl-[16px] h-[58px] w-full border border-cm-border rounded-xl bg-cm-background-primary placeholder:text-md","transition-none duration-200 ease-in-out","focus:outline-none focus-ring-custom","placeholder:[color:var(--placeholder-color)]",a?"border-red-500":"",m?"pr-[132px]":"pr-[80px]"),style:{color:(g=o==null?void 0:o.colors)==null?void 0:g.textPrimary,borderRadius:o==null?void 0:o.borderRadius,borderColor:a?(y=o==null?void 0:o.colors)==null?void 0:y.danger:(b=o==null?void 0:o.colors)==null?void 0:b.border,backgroundColor:(S=o==null?void 0:o.colors)==null?void 0:S.inputBackground,"--placeholder-color":(A=(k=o==null?void 0:o.colors)==null?void 0:k.textSecondary)!=null?A:"#67797F","--focus-ring-color":new ko((T=(M=o==null?void 0:o.colors)==null?void 0:M.accent)!=null?T:"#04AA6D").alpha(.18).toString()},type:"email",placeholder:"your@email.com",value:s,onChange:p=>{c(p.target.value),i(""),n(null)},readOnly:u,"aria-describedby":"emailError"}),yt("div",{className:"absolute inset-y-0 right-0 flex items-center pr-4",children:[a&&D(ot,{customColor:(w=o==null?void 0:o.colors)==null?void 0:w.danger}),u&&D(R,{style:{color:(O=o==null?void 0:o.colors)==null?void 0:O.textSecondary,fill:(G=o==null?void 0:o.colors)==null?void 0:G.textPrimary}}),m?D(Xt,{emailInput:s,appearance:o}):!a&&!u?D("button",{type:"submit",className:E("font-medium text-cm-accent text-nowrap bg-cm-background-primary",lt(s)?"cursor-pointer":"!cursor-not-allowed opacity-60"),style:{color:(I=o==null?void 0:o.colors)==null?void 0:I.accent,backgroundColor:(j=o==null?void 0:o.colors)==null?void 0:j.inputBackground},disabled:!lt(s)||u,children:"Submit"}):null]})]}),a&&D("p",{className:"text-xs text-red-500 mb-2 pt-2",children:a})]})})})}import{jsx as $t}from"react/jsx-runtime";function Yt(){let{step:r}=x(),[e,o]=Eo(null);return r==="otp"?$t(Jt,{otpEmailData:e,setOtpEmailData:o}):r==="initial"?$t(Qt,{setOtpEmailData:o}):null}import{jsx as pt,jsxs as Fo}from"react/jsx-runtime";function Zt({appearance:r,text:e}){var t,l,n;let{step:o}=x();return o!=="initial"?null:Fo("div",{className:"flex items-center justify-center w-full pt-2 pb-3",children:[pt("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(t=r==null?void 0:r.colors)==null?void 0:t.border}}),e!=null?pt("p",{className:"flex-none px-2 text-sm text-cm-text-primary",style:{color:(l=r==null?void 0:r.colors)==null?void 0:l.textSecondary},children:e}):null,pt("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(n=r==null?void 0:r.colors)==null?void 0:n.border}})]})}import{Fragment as Wo,jsx as it,jsxs as to}from"react/jsx-runtime";function oo(e){var r=_(e,[]);var a,i,u,h;let{step:o,appearance:t,isLoadingOauthUrlMap:l}=x(),{createPopupAndSetupListeners:n,isLoading:s}=z("google"),c=l||s;return o!=="initial"?null:to("button",L(U({className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",c?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(a=t==null?void 0:t.colors)==null?void 0:a.buttonBackground},onClick:c?void 0:()=>n()},r),{children:[to(Wo,{children:[it(et,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),c?it(R,{style:{color:(i=t==null?void 0:t.colors)==null?void 0:i.textSecondary,fill:(u=t==null?void 0:t.colors)==null?void 0:u.textPrimary}}):it("span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with Google"})]}),it("span",{className:"sr-only",children:"Sign in with Google"})]}))}import{useEffect as xt,useMemo as No,useState as Io}from"react";import{useSignIn as To,QRCode as Mo}from"@farcaster/auth-kit";import{Fragment as Lo,jsx as W,jsxs as $}from"react/jsx-runtime";function eo(){var l,n;let{step:r,appearance:e,setStep:o,setError:t}=x();return r==="initial"?W("div",{children:$("button",{className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(l=e==null?void 0:e.colors)==null?void 0:l.buttonBackground},onClick:()=>{o("qrCode"),t(null)},children:[W(Dt,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),W("span",{className:"font-medium",style:{margin:"0px 32px",color:(n=e==null?void 0:e.colors)==null?void 0:n.textPrimary},children:"Sign in with Farcaster"}),W("span",{className:"sr-only",children:"Sign in with Farcaster"})]})}):r==="qrCode"?W(Uo,{}):null}function Uo(){var d,g,y,b,S,k,A,M,T;let{crossmintAuth:r}=B(),{appearance:e,setStep:o,setDialogOpen:t,setError:l}=x(),[n,s]=Io(null),c=No(()=>({onSuccess:w=>{s(w)}}),[]),{signIn:a,url:i,connect:u,signOut:h,isConnected:m}=To(c),f=w=>P(this,null,function*(){l(null);try{let O=yield r==null?void 0:r.signInWithFarcaster(w);yield r==null?void 0:r.handleRefreshAuthMaterial(O),t(!1),o("initial")}catch(O){console.error("Error during Farcaster sign-in:",O),l("Failed to sign in with Farcaster")}});return xt(()=>{n!=null&&f(n)},[n]),xt(()=>{m&&a()},[m]),xt(()=>{u()},[]),$("div",{children:[W(st,{onClick:()=>{h(),o("initial")},iconColor:(d=e==null?void 0:e.colors)==null?void 0:d.textPrimary,ringColor:(g=e==null?void 0:e.colors)==null?void 0:g.accent}),$("div",{className:"flex flex-col items-center gap-4",children:[$("div",{className:"text-center",children:[W("h3",{className:"text-lg font-semibold text-cm-text-primary mb-2",style:{color:(y=e==null?void 0:e.colors)==null?void 0:y.textPrimary},children:"Sign in with Farcaster"}),W("p",{className:"text-base font-normal text-cm-text-secondary",style:{color:(b=e==null?void 0:e.colors)==null?void 0:b.textSecondary},children:"Scan with your phone's camera to continue."})]}),W("div",{className:"bg-white aspect-square rounded-lg p-4",style:{backgroundColor:(S=e==null?void 0:e.colors)==null?void 0:S.inputBackground,borderRadius:e==null?void 0:e.borderRadius},children:i!=null?W(Mo,{uri:i,size:280}):W("div",{className:"min-h-[246px] flex items-center justify-center",children:W(R,{style:{color:(k=e==null?void 0:e.colors)==null?void 0:k.textSecondary,fill:(A=e==null?void 0:e.colors)==null?void 0:A.textPrimary}})})}),i?$(Lo,{children:[W("p",{className:"text-base text-center font-normal text-cm-text-secondary",style:{color:(M=e==null?void 0:e.colors)==null?void 0:M.textSecondary},children:"Alternatively, click on this link to open Warpcast."}),W("a",{href:i,rel:"noopener noreferrer",target:"_blank",className:"text-base font-normal text-cm-link",style:{color:(T=e==null?void 0:e.colors)==null?void 0:T.textLink},children:"Open Warpcast"})]}):null]})]})}import{Fragment as Ro,jsx as at,jsxs as ro}from"react/jsx-runtime";function so(e){var r=_(e,[]);var a,i,u,h;let{step:o,appearance:t,isLoadingOauthUrlMap:l}=x(),{createPopupAndSetupListeners:n,isLoading:s}=z("twitter"),c=l||s;return o!=="initial"?null:ro("button",L(U({className:E("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",c?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(a=t==null?void 0:t.colors)==null?void 0:a.buttonBackground},onClick:c?void 0:()=>n()},r),{children:[ro(Ro,{children:[at(jt,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),c?at(R,{style:{color:(i=t==null?void 0:t.colors)==null?void 0:i.textSecondary,fill:(u=t==null?void 0:t.colors)==null?void 0:u.textPrimary}}):at("span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with X"})]}),at("span",{className:"sr-only",children:"Sign in with X"})]}))}import{jsx as N,jsxs as Y}from"react/jsx-runtime";var Go=Bo(()=>import("./components/auth/methods/web3/Web3AuthFlow.js").then(r=>({default:r.Web3AuthFlow})));function no({className:r}){var a,i,u,h,m,f,d,g,y,b,S,k,A;let{step:e,appearance:o,loginMethods:t,baseUrl:l,error:n,termsOfServiceText:s,authModalTitle:c}=x();return Y("div",{className:E("relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",r),children:[n!=null?Y("div",{className:"flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",style:{backgroundColor:new Do((i=(a=o==null?void 0:o.colors)==null?void 0:a.danger)!=null?i:"#f44336").alpha(.12).toString()},children:[N("div",{className:"min-w-[20px]",children:N(ot,{customColor:(h=(u=o==null?void 0:o.colors)==null?void 0:u.danger)!=null?h:"#f44336"})}),N("p",{className:"ml-2 text-sm",style:{color:(f=(m=o==null?void 0:o.colors)==null?void 0:m.danger)!=null?f:"#f44336"},children:n})]}):null,e==="initial"?Y("div",{children:[N("h1",{className:"text-2xl font-bold text-cm-text-primary",style:{color:(d=o==null?void 0:o.colors)==null?void 0:d.textPrimary},children:c!=null?c:"Sign in to Crossmint"}),N("p",{className:"text-base font-normal mb-3 text-cm-text-secondary",style:{color:(g=o==null?void 0:o.colors)==null?void 0:g.textSecondary},children:"Access using one of the options below."})]}):null,t.includes("google")?N(oo,{}):null,t.includes("farcaster")?N(Gt,{baseUrl:l,children:N(eo,{})}):null,t.includes("twitter")?N(so,{}):null,t.includes("web3")?N(Go,{}):null,t.includes("email")?Y("div",{children:[t.length>1?N(Zt,{appearance:o,text:"OR"}):null,N(Yt,{})]}):null,e==="initial"&&s!=null?Y("div",{className:"text-sm text-center text-cm-text-secondary mt-2",style:{color:(y=o==null?void 0:o.colors)==null?void 0:y.textSecondary},children:[N("style",{children:`
                         p a {
                             color: ${(S=(b=o==null?void 0:o.colors)==null?void 0:b.textLink)!=null?S:"#1A74E9"};
                         }
-                    `}),s]}):null,e==="initial"||e==="otp"?N(Ot,{className:"mt-1.5 md:mt-4 justify-center",color:(A=(k=o==null?void 0:o.colors)==null?void 0:k.textSecondary)!=null?A:"#67797F"}):null]})}import{useEffect as jo}from"react";import{jsx as q,jsxs as Vo}from"react/jsx-runtime";function bt({open:r}){var t,l,n;let{appearance:e,setDialogOpen:o}=x();return jo(()=>{document.body.style.overflow=r?"hidden":""},[r]),q(Bt,{modal:!1,open:r,onOpenChange:o,children:Vo(Dt,{onInteractOutside:s=>s.preventDefault(),onOpenAutoFocus:s=>s.preventDefault(),closeButtonColor:(t=e==null?void 0:e.colors)==null?void 0:t.textPrimary,closeButtonRingColor:(l=e==null?void 0:e.colors)==null?void 0:l.accent,className:"!p-0 !min-[480px]:p-0",style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(n=e==null?void 0:e.colors)==null?void 0:n.background},children:[q(lo,{asChild:!0,children:q(Gt,{children:"Crossmint Auth"})}),q(lo,{asChild:!0,children:q(jt,{children:"Sign in via Crossmint"})}),q(no,{className:"max-w-[448px]"})]})})}import{Fragment as te,jsx as J,jsxs as Zo}from"react/jsx-runtime";var Qo={crossmintAuth:void 0,login:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{}},X=Ho(Qo),$o={defaultChain:"base-sepolia",createOnLogin:"off",type:"evm-smart-wallet"};function Us({embeddedWallets:r=$o,children:e,appearance:o,termsOfServiceText:t,prefetchOAuthUrls:l=!0,authModalTitle:n,onLoginSuccess:s,loginMethods:c=["email","google"],refreshRoute:a,logoutRoute:i}){let[u,h]=ut(void 0),{crossmint:m,setJwt:f}=tt("CrossmintAuthProvider must be used within CrossmintProvider"),d=_o(null),g=Ko(()=>(d.current||(d.current=zo.from(m,{callbacks:{onLogout:()=>{f(void 0),h(void 0)},onTokenRefresh:p=>{f(p.jwt),h(p.user)}},refreshRoute:a,logoutRoute:i})),d.current),[]),y=Jo(m.apiKey),[b,S]=ut(!1),[k,A]=ut(!1),[M,T]=ut(void 0),w=Ct(()=>{s==null||s()},[s]);wt(()=>{if(m.jwt==null){let p=qo(Xo);f(p)}A(!0)},[m.jwt,f]),wt(()=>{m.jwt!=null&&b&&(S(!1),w())},[m.jwt,b,w]);let O=p=>{if(m.jwt!=null){console.log("User already logged in");return}p!=null&&typeof p=="string"&&T(p),S(!0)},G=()=>{g.logout()},I=()=>k?m.jwt!=null?"logged-in":b?"in-progress":"logged-out":"initializing",j=()=>P(this,null,function*(){if(m.jwt==null){console.log("User not logged in");return}let p=yield g.getUser();h(p)});return J(Vt,{children:J(X.Provider,{value:{crossmintAuth:g,login:O,logout:G,jwt:m.jwt,user:u,status:I(),getUser:j},children:J(io,{showPasskeyHelpers:r.showPasskeyHelpers,appearance:o,children:Zo(zt,{setDialogOpen:(p,H)=>{S(p),H&&w()},preFetchOAuthUrls:I()==="logged-out"&&l,initialState:{appearance:o,loginMethods:c,termsOfServiceText:t,authModalTitle:n,embeddedWallets:r,baseUrl:y,defaultEmail:M},children:[J(Yo,{embeddedWallets:r,accessToken:m.jwt,children:e}),J(bt,{open:b})]})},m.jwt)})})}function Yo({embeddedWallets:r,children:e,accessToken:o}){let{type:t,createOnLogin:l,adminSigner:n,linkedUser:s}=r,{getOrCreateWallet:c,clearWallet:a,status:i}=Ht(),u=l==="all-users"&&i==="not-loaded"&&o!=null,h=Ct(()=>{u&&c({type:r.type,args:L(U({},r.type==="evm-smart-wallet"?{chain:r.defaultChain}:{}),{adminSigner:n,linkedUser:s})})},[u,c,t,n,s]),m=Ct(()=>{i==="loaded"&&o==null&&a()},[i,o,a]);return wt(()=>{h(),m()},[h,m]),J(te,{children:e})}function zs(){let r=oe(X);if(r===void 0)throw new Error("useAuth must be used within an AuthProvider");return r}import{jsx as ie,jsxs as ae}from"react/jsx-runtime";var ct=ee({status:"not-loaded",getOrCreateWallet:()=>Promise.resolve({startedCreation:!1}),createPasskeySigner:()=>Promise.resolve(null),clearWallet:()=>{}});function io({children:r,showPasskeyHelpers:e=!0,appearance:o}){let{crossmint:t}=tt("CrossmintWalletProvider must be used within CrossmintProvider"),l=re(()=>ne.from({apiKey:t.apiKey,jwt:t==null?void 0:t.jwt}),[t.apiKey,t.jwt]),[n,s]=ao({status:"not-loaded"}),[c,a]=ao({open:!1}),i=f=>P(this,null,function*(){var d;if(n.status=="in-progress")return console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."};if(t.jwt==null)return{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'};try{s({status:"in-progress"});let g={onWalletCreationStart:u("create-wallet"),onWalletCreationFail:u("create-wallet-error"),onTransactionStart:u("transaction"),onTransactionFail:u("transaction-error")};switch(f.type){case"evm-smart-wallet":{let y={chain:f.args.chain,adminSigner:(d=f.args.adminSigner)!=null?d:{type:"evm-passkey"},linkedUser:f.args.linkedUser},b=yield l.getOrCreateWallet("evm-smart-wallet",y,{experimental_callbacks:g});s({status:"loaded",wallet:b,type:"evm-smart-wallet"});break}case"solana-smart-wallet":{let y=yield l.getOrCreateWallet("solana-smart-wallet",f.args,{experimental_callbacks:g});s({status:"loaded",wallet:y,type:"solana-smart-wallet"});break}}}catch(g){console.error("There was an error creating a wallet ",g),s(le(g))}return{startedCreation:!0}}),u=f=>()=>new Promise(d=>{if(!e){d();return}a({type:f,open:!0,primaryActionOnClick:()=>{a({open:!1}),d()},secondaryActionOnClick:()=>{a({open:!1}),d()}})}),h=()=>{s({status:"not-loaded"})},m=(f,d)=>P(this,null,function*(){return d!=null&&(yield u(d)()),yield Ft(f)});return ae(ct.Provider,{value:L(U({},n),{getOrCreateWallet:i,createPasskeySigner:m,clearWallet:h}),children:[r,c.open?se(ie(Et,{state:c,appearance:o}),document.body):null]})}function le(r){return{status:"loading-error",error:r instanceof Error?r.message:String(r)}}export{ct as a,io as b,Ht as c,B as d,x as e,zt as f,st as g,xo as h,Jt as i,z as j,Xt as k,Qt as l,Yt as m,Zt as n,oo as o,eo as p,so as q,no as r,bt as s,X as t,Us as u,zs as v};
+                    `}),s]}):null,e==="initial"||e==="otp"?N(Ot,{className:"mt-1.5 md:mt-4 justify-center",color:(A=(k=o==null?void 0:o.colors)==null?void 0:k.textSecondary)!=null?A:"#67797F"}):null]})}import{useEffect as jo}from"react";import{jsx as q,jsxs as Vo}from"react/jsx-runtime";function bt({open:r}){var t,l,n;let{appearance:e,setDialogOpen:o}=x();return jo(()=>{document.body.style.overflow=r?"hidden":""},[r]),q(Et,{modal:!1,open:r,onOpenChange:o,children:Vo(Ft,{onInteractOutside:s=>s.preventDefault(),onOpenAutoFocus:s=>s.preventDefault(),closeButtonColor:(t=e==null?void 0:e.colors)==null?void 0:t.textPrimary,closeButtonRingColor:(l=e==null?void 0:e.colors)==null?void 0:l.accent,className:"!p-0 !min-[480px]:p-0",style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(n=e==null?void 0:e.colors)==null?void 0:n.background},children:[q(lo,{asChild:!0,children:q(Wt,{children:"Crossmint Auth"})}),q(lo,{asChild:!0,children:q(Nt,{children:"Sign in via Crossmint"})}),q(no,{className:"max-w-[448px]"})]})})}import{Fragment as te,jsx as J,jsxs as Zo}from"react/jsx-runtime";var Qo={crossmintAuth:void 0,login:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{}},X=Ho(Qo),$o={defaultChain:"base-sepolia",createOnLogin:"off",type:"evm-smart-wallet"};function Us({embeddedWallets:r=$o,children:e,appearance:o,termsOfServiceText:t,prefetchOAuthUrls:l=!0,authModalTitle:n,onLoginSuccess:s,loginMethods:c=["email","google"],refreshRoute:a,logoutRoute:i}){let[u,h]=ut(void 0),{crossmint:m,setJwt:f}=tt("CrossmintAuthProvider must be used within CrossmintProvider"),d=_o(null),g=Ko(()=>(d.current||(d.current=zo.from(m,{callbacks:{onLogout:()=>{f(void 0),h(void 0)},onTokenRefresh:p=>{f(p.jwt),h(p.user)}},refreshRoute:a,logoutRoute:i})),d.current),[]),y=Jo(m.apiKey),[b,S]=ut(!1),[k,A]=ut(!1),[M,T]=ut(void 0),w=Ct(()=>{s==null||s()},[s]);wt(()=>{if(m.jwt==null){let p=qo(Xo);f(p)}A(!0)},[m.jwt,f]),wt(()=>{m.jwt!=null&&b&&(S(!1),w())},[m.jwt,b,w]);let O=p=>{if(m.jwt!=null){console.log("User already logged in");return}p!=null&&typeof p=="string"&&T(p),S(!0)},G=()=>{g.logout()},I=()=>k?m.jwt!=null?"logged-in":b?"in-progress":"logged-out":"initializing",j=()=>P(this,null,function*(){if(m.jwt==null){console.log("User not logged in");return}let p=yield g.getUser();h(p)});return J(Vt,{children:J(X.Provider,{value:{crossmintAuth:g,login:O,logout:G,jwt:m.jwt,user:u,status:I(),getUser:j},children:J(io,{showPasskeyHelpers:r.showPasskeyHelpers,appearance:o,children:Zo(zt,{setDialogOpen:(p,H)=>{S(p),H&&w()},preFetchOAuthUrls:I()==="logged-out"&&l,initialState:{appearance:o,loginMethods:c,termsOfServiceText:t,authModalTitle:n,embeddedWallets:r,baseUrl:y,defaultEmail:M},children:[J(Yo,{embeddedWallets:r,accessToken:m.jwt,children:e}),J(bt,{open:b})]})},m.jwt)})})}function Yo({embeddedWallets:r,children:e,accessToken:o}){let{type:t,createOnLogin:l,adminSigner:n,linkedUser:s}=r,{getOrCreateWallet:c,clearWallet:a,status:i}=Ht(),u=l==="all-users"&&i==="not-loaded"&&o!=null,h=Ct(()=>{u&&c({type:r.type,args:L(U({},r.type==="evm-smart-wallet"?{chain:r.defaultChain}:{}),{adminSigner:n,linkedUser:s})})},[u,c,t,n,s]),m=Ct(()=>{i==="loaded"&&o==null&&a()},[i,o,a]);return wt(()=>{h(),m()},[h,m]),J(te,{children:e})}function zs(){let r=oe(X);if(r===void 0)throw new Error("useAuth must be used within an AuthProvider");return r}import{jsx as ie,jsxs as ae}from"react/jsx-runtime";var ct=ee({status:"not-loaded",getOrCreateWallet:()=>Promise.resolve({startedCreation:!1}),createPasskeySigner:()=>Promise.resolve(null),clearWallet:()=>{}});function io({children:r,showPasskeyHelpers:e=!0,appearance:o}){let{crossmint:t}=tt("CrossmintWalletProvider must be used within CrossmintProvider"),l=re(()=>ne.from({apiKey:t.apiKey,jwt:t==null?void 0:t.jwt}),[t.apiKey,t.jwt]),[n,s]=ao({status:"not-loaded"}),[c,a]=ao({open:!1}),i=f=>P(this,null,function*(){var d;if(n.status=="in-progress")return console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."};if(t.jwt==null)return{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'};try{s({status:"in-progress"});let g={onWalletCreationStart:u("create-wallet"),onWalletCreationFail:u("create-wallet-error"),onTransactionStart:u("transaction"),onTransactionFail:u("transaction-error")};switch(f.type){case"evm-smart-wallet":{let y={chain:f.args.chain,adminSigner:(d=f.args.adminSigner)!=null?d:{type:"evm-passkey"},linkedUser:f.args.linkedUser},b=yield l.getOrCreateWallet("evm-smart-wallet",y,{experimental_callbacks:g});s({status:"loaded",wallet:b,type:"evm-smart-wallet"});break}case"solana-smart-wallet":{let y=yield l.getOrCreateWallet("solana-smart-wallet",f.args,{experimental_callbacks:g});s({status:"loaded",wallet:y,type:"solana-smart-wallet"});break}}}catch(g){console.error("There was an error creating a wallet ",g),s(le(g))}return{startedCreation:!0}}),u=f=>()=>new Promise(d=>{if(!e){d();return}a({type:f,open:!0,primaryActionOnClick:()=>{a({open:!1}),d()},secondaryActionOnClick:()=>{a({open:!1}),d()}})}),h=()=>{s({status:"not-loaded"})},m=(f,d)=>P(this,null,function*(){return d!=null&&(yield u(d)()),yield Tt(f)});return ae(ct.Provider,{value:L(U({},n),{getOrCreateWallet:i,createPasskeySigner:m,clearWallet:h}),children:[r,c.open?se(ie(It,{state:c,appearance:o}),document.body):null]})}function le(r){return{status:"loading-error",error:r instanceof Error?r.message:String(r)}}export{ct as a,io as b,Ht as c,B as d,x as e,zt as f,st as g,xo as h,Jt as i,z as j,Xt as k,Qt as l,Yt as m,Zt as n,oo as o,eo as p,so as q,no as r,bt as s,X as t,Us as u,zs as v};

package/dist/{chunk-KP4BELIY.cjs → chunk-F22YICZ7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNAJHXPGRcjs = require('./chunk-NAJHXPGR.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunkNAJHXPGRcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDUDFFIHMcjs = require('./chunk-DUDFFIHM.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunkDUDFFIHMcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;

package/dist/chunk-HVZ5M3FY.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as g}from"react/jsx-runtime";function f({appearance:C}){var t,i,l,s,d,M;return g("svg",{width:"96",height:"72",viewBox:"20 10 76 76",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{d:"M39.8333 29.625H39.425C35.9947 29.625 34.2795 29.625 32.9693 30.2926C31.8168 30.8798 30.8798 31.8168 30.2926 32.9693C29.625 34.2795 29.625 35.9947 29.625 39.425V39.8333M39.8333 66.375H39.425C35.9947 66.375 34.2795 66.375 32.9693 65.7074C31.8168 65.1202 30.8798 64.1832 30.2926 63.0307C29.625 61.7205 29.625 60.0053 29.625 56.575V56.1667M66.375 39.8333V39.425C66.375 35.9947 66.375 34.2795 65.7074 32.9693C65.1202 31.8168 64.1832 30.8798 63.0307 30.2926C61.7205 29.625 60.0053 29.625 56.575 29.625H56.1667M66.375 56.1667V56.575C66.375 60.0053 66.375 61.7205 65.7074 63.0307C65.1202 64.1832 64.1832 65.1202 63.0307 65.7074C61.7205 66.375 60.0053 66.375 56.575 66.375H56.1667M38.8125 39.8333V42.8958M57.1875 39.8333V42.8958M45.9583 49.2252C47.5917 49.2252 49.0208 47.796 49.0208 46.1627V39.8333M54.5337 54.5332C50.8587 58.2082 44.9379 58.2082 41.2629 54.5332",stroke:(i=(t=C==null?void 0:C.colors)==null?void 0:t.accent)!=null?i:"#04AA6D",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),o("g",{filter:"url(#filter0_d_1_1167)",children:o("circle",{cx:"86.5625",cy:"62",r:"20",fill:(s=(l=C==null?void 0:C.colors)==null?void 0:l.inputBackground)!=null?s:"#FFFFFF"})}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M86.5625 52.375C84.9562 52.375 83.4646 52.855 82.2202 53.6792C81.8173 53.946 81.2744 53.8358 81.0076 53.4329C80.7407 53.03 80.851 52.487 81.2539 52.2202C82.776 51.2121 84.602 50.625 86.5625 50.625C91.8782 50.625 96.1875 54.9343 96.1875 60.25C96.1875 63.7678 95.5178 67.1313 94.2974 70.2183C94.1197 70.6677 93.6114 70.8879 93.1619 70.7103C92.7125 70.5326 92.4923 70.0243 92.6699 69.5749C93.8106 66.6895 94.4375 63.5441 94.4375 60.25C94.4375 55.9008 90.9117 52.375 86.5625 52.375ZM79.7454 54.6951C80.1482 54.9619 80.2585 55.5048 79.9917 55.9077C79.1675 57.1521 78.6875 58.6437 78.6875 60.25C78.6875 62.132 78.1468 63.8905 77.2112 65.3751C76.9536 65.784 76.4133 65.9065 76.0044 65.6489C75.5956 65.3913 75.473 64.851 75.7307 64.4421C76.4953 63.2288 76.9375 61.7925 76.9375 60.25C76.9375 58.2895 77.5246 56.4635 78.5327 54.9414C78.7995 54.5385 79.3425 54.4282 79.7454 54.6951ZM86.5625 56.75C84.6295 56.75 83.0625 58.317 83.0625 60.25C83.0625 63.8664 81.6905 67.1643 79.4396 69.6482C79.1151 70.0063 78.5617 70.0335 78.2036 69.709C77.8455 69.3845 77.8183 68.8312 78.1428 68.4731C80.1134 66.2986 81.3125 63.4154 81.3125 60.25C81.3125 57.3505 83.663 55 86.5625 55C89.462 55 91.8125 57.3505 91.8125 60.25C91.8125 60.8884 91.7865 61.5213 91.7348 62.1475C91.695 62.6291 91.2723 62.9872 90.7907 62.9474C90.3091 62.9077 89.951 62.485 89.9908 62.0034C90.0385 61.4258 90.0625 60.841 90.0625 60.25C90.0625 58.317 88.4955 56.75 86.5625 56.75ZM86.5629 59.375C87.0461 59.375 87.4379 59.7668 87.4379 60.25C87.4379 64.8095 85.7761 68.9831 83.0262 72.1948C82.7119 72.5619 82.1595 72.6047 81.7924 72.2904C81.4254 71.9761 81.3826 71.4237 81.6969 71.0566C84.1855 68.15 85.6879 64.3766 85.6879 60.25C85.6879 59.7668 86.0796 59.375 86.5629 59.375ZM90.341 65.4219C90.8057 65.5545 91.075 66.0387 90.9424 66.5034C90.2775 68.8339 89.2506 71.0112 87.9267 72.9707C87.6562 73.3712 87.1123 73.4765 86.7119 73.2059C86.3114 72.9354 86.2061 72.3915 86.4767 71.991C87.6989 70.182 88.6463 68.1729 89.2595 66.0233C89.3921 65.5586 89.8763 65.2893 90.341 65.4219Z",fill:(M=(d=C==null?void 0:C.colors)==null?void 0:d.accent)!=null?M:"#04AA6D"})]})}export{f as a};

package/dist/chunk-I3PY7PHN.js

@@ -0,0 +1 @@
+var s="1.16.2";var r=s;export{r as a};

package/dist/{chunk-EGCUDGRN.js → chunk-KNAPEASF.js}

@@ -1 +1 @@
-import{r as o}from"./chunk-5UD5UP6V.js";import{jsx as m}from"react/jsx-runtime";function d(){return m(o,{className:"w-full"})}export{d as a};
+import{r as o}from"./chunk-DY3BDN42.js";import{jsx as m}from"react/jsx-runtime";function d(){return m(o,{className:"w-full"})}export{d as a};

package/dist/{chunk-K2RIX5SW.js → chunk-LMN53V2B.js}

@@ -1 +1 @@
-import{a as e}from"./chunk-KUS5WCV7.js";import{assertValidNFTCollectionViewProps as r,getNFTCollectionViewSrc as t}from"@crossmint/client-sdk-base";import{jsx as n}from"react/jsx-runtime";function w(o){r(o);let i=t(o,e);return n("iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}export{w as a};
+import{a as e}from"./chunk-I3PY7PHN.js";import{assertValidNFTCollectionViewProps as r,getNFTCollectionViewSrc as t}from"@crossmint/client-sdk-base";import{jsx as n}from"react/jsx-runtime";function w(o){r(o);let i=t(o,e);return n("iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}export{w as a};

package/dist/{chunk-DMKP6OCN.cjs → chunk-LUNOXEXL.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNAJHXPGRcjs = require('./chunk-NAJHXPGR.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function n(r){_clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, r);let o=_clientsdkbase.getNFTDetailSrc.call(void 0, r,_chunkNAJHXPGRcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}exports.a = n;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDUDFFIHMcjs = require('./chunk-DUDFFIHM.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function n(r){_clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, r);let o=_clientsdkbase.getNFTDetailSrc.call(void 0, r,_chunkDUDFFIHMcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}exports.a = n;

package/dist/{chunk-AMHBLNQ5.js → chunk-MNK7VK4H.js}

@@ -1 +1 @@
-import{a as i}from"./chunk-MMW7DYOT.js";import{b as o}from"./chunk-ROJ6HFVK.js";import{createContext as h,useContext as l,useEffect as g,useState as s}from"react";import{jsx as k}from"react/jsx-runtime";var d=h(void 0);function b({children:e}){let[r,c]=s(void 0),[u,C]=s(void 0),{crossmint:m}=o(),a=i(m,{usageOrigin:"client"});return g(()=>{let n=t=>{if(t.origin!==new URL(a.baseUrl).origin||t.data.event!=="order:updated")return;let{order:f,orderClientSecret:p}=t.data.data;c(f),C(p)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),k(d.Provider,{value:{order:r,orderClientSecret:u},children:e})}function S(){let e=l(d);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}export{b as a,S as b};
+import{a as i}from"./chunk-QM36N4QV.js";import{b as o}from"./chunk-ROJ6HFVK.js";import{createContext as h,useContext as l,useEffect as g,useState as s}from"react";import{jsx as k}from"react/jsx-runtime";var d=h(void 0);function b({children:e}){let[r,c]=s(void 0),[u,C]=s(void 0),{crossmint:m}=o(),a=i(m,{usageOrigin:"client"});return g(()=>{let n=t=>{if(t.origin!==new URL(a.baseUrl).origin||t.data.event!=="order:updated")return;let{order:f,orderClientSecret:p}=t.data.data;c(f),C(p)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),k(d.Provider,{value:{order:r,orderClientSecret:u},children:e})}function S(){let e=l(d);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}export{b as a,S as b};

package/dist/{chunk-UG3RCR3Y.js → chunk-MSVOSO4O.js}

@@ -1 +1 @@
-import{a as t}from"./chunk-KUS5WCV7.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};
+import{a as t}from"./chunk-I3PY7PHN.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};

package/dist/{chunk-H7UEH2Z3.cjs → chunk-OFIN3QN4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHYWV45DDcjs = require('./chunk-HYWV45DD.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var d=_react.createContext.call(void 0, void 0);function O({children:e}){let[r,c]=_react.useState.call(void 0, void 0),[u,C]=_react.useState.call(void 0, void 0),{crossmint:m}=_chunkGPQZG7HCcjs.b.call(void 0, ),a=_chunkHYWV45DDcjs.a.call(void 0, m,{usageOrigin:"client"});return _react.useEffect.call(void 0, ()=>{let n=t=>{if(t.origin!==new URL(a.baseUrl).origin||t.data.event!=="order:updated")return;let{order:f,orderClientSecret:p}=t.data.data;c(f),C(p)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),_jsxruntime.jsx.call(void 0, d.Provider,{value:{order:r,orderClientSecret:u},children:e})}function b(){let e=_react.useContext.call(void 0, d);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}exports.a = O; exports.b = b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5TW2ANEAcjs = require('./chunk-5TW2ANEA.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var d=_react.createContext.call(void 0, void 0);function O({children:e}){let[r,c]=_react.useState.call(void 0, void 0),[u,C]=_react.useState.call(void 0, void 0),{crossmint:m}=_chunkGPQZG7HCcjs.b.call(void 0, ),a=_chunk5TW2ANEAcjs.a.call(void 0, m,{usageOrigin:"client"});return _react.useEffect.call(void 0, ()=>{let n=t=>{if(t.origin!==new URL(a.baseUrl).origin||t.data.event!=="order:updated")return;let{order:f,orderClientSecret:p}=t.data.data;c(f),C(p)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),_jsxruntime.jsx.call(void 0, d.Provider,{value:{order:r,orderClientSecret:u},children:e})}function b(){let e=_react.useContext.call(void 0, d);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}exports.a = O; exports.b = b;

package/dist/{chunk-WLXUOO7V.cjs → chunk-OHETPLJO.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBQ7TYNXYcjs = require('./chunk-BQ7TYNXY.cjs');var _sdkreactcore = require('@dynamic-labs/sdk-react-core');var _jsxruntime = require('react/jsx-runtime');function g(){var i,e;let{appearance:o,step:n,setStep:c}=_chunkBQ7TYNXYcjs.e.call(void 0, );return n==="web3"?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkBQ7TYNXYcjs.g,{onClick:()=>c("initial"),iconColor:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary,ringColor:(e=o==null?void 0:o.colors)==null?void 0:e.accent}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col items-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col gap-[10px] w-full",children:_jsxruntime.jsx.call(void 0, "div",{className:"widget-container",children:_jsxruntime.jsx.call(void 0, _sdkreactcore.DynamicEmbeddedWidget,{background:"none"})})})})]}):null}exports.a = g;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYXGEEJSYcjs = require('./chunk-YXGEEJSY.cjs');var _sdkreactcore = require('@dynamic-labs/sdk-react-core');var _jsxruntime = require('react/jsx-runtime');function g(){var i,e;let{appearance:o,step:n,setStep:c}=_chunkYXGEEJSYcjs.e.call(void 0, );return n==="web3"?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkYXGEEJSYcjs.g,{onClick:()=>c("initial"),iconColor:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary,ringColor:(e=o==null?void 0:o.colors)==null?void 0:e.accent}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col items-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col gap-[10px] w-full",children:_jsxruntime.jsx.call(void 0, "div",{className:"widget-container",children:_jsxruntime.jsx.call(void 0, _sdkreactcore.DynamicEmbeddedWidget,{background:"none"})})})})]}):null}exports.a = g;

package/dist/{chunk-CEAGCEOP.js → chunk-QKZNQM6V.js}

@@ -1 +1 @@
-import{a as c}from"./chunk-VWL76U5G.js";import{a as m}from"./chunk-VLDE23JX.js";import{e as u}from"./chunk-5UD5UP6V.js";import{a as n}from"./chunk-NBJIJZGO.js";import{jsx as t,jsxs as f}from"react/jsx-runtime";function a(){var r,l,s,e,i;let{step:b,appearance:o,setStep:x,setError:d}=u();return b!=="initial"?null:f("button",{className:n("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,borderColor:(r=o==null?void 0:o.colors)==null?void 0:r.border,backgroundColor:(l=o==null?void 0:o.colors)==null?void 0:l.buttonBackground},onClick:()=>{x("web3"),d(null)},children:[t(c,{className:"h-[21px] w-[21px] absolute left-[20px]",style:{color:(s=o==null?void 0:o.colors)==null?void 0:s.textPrimary}}),t("span",{className:"font-medium",style:{margin:"0px 32px",color:(e=o==null?void 0:o.colors)==null?void 0:e.textPrimary},children:"Continue with a wallet"}),t(m,{className:"h-[21px] w-[21px] absolute right-[20px]",style:{color:(i=o==null?void 0:o.colors)==null?void 0:i.textSecondary}}),t("span",{className:"sr-only",children:"Continue with a wallet"})]})}export{a};
+import{a as c}from"./chunk-VWL76U5G.js";import{a as m}from"./chunk-VLDE23JX.js";import{e as u}from"./chunk-DY3BDN42.js";import{a as n}from"./chunk-NBJIJZGO.js";import{jsx as t,jsxs as f}from"react/jsx-runtime";function a(){var r,l,s,e,i;let{step:b,appearance:o,setStep:x,setError:d}=u();return b!=="initial"?null:f("button",{className:n("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,borderColor:(r=o==null?void 0:o.colors)==null?void 0:r.border,backgroundColor:(l=o==null?void 0:o.colors)==null?void 0:l.buttonBackground},onClick:()=>{x("web3"),d(null)},children:[t(c,{className:"h-[21px] w-[21px] absolute left-[20px]",style:{color:(s=o==null?void 0:o.colors)==null?void 0:s.textPrimary}}),t("span",{className:"font-medium",style:{margin:"0px 32px",color:(e=o==null?void 0:o.colors)==null?void 0:e.textPrimary},children:"Continue with a wallet"}),t(m,{className:"h-[21px] w-[21px] absolute right-[20px]",style:{color:(i=o==null?void 0:o.colors)==null?void 0:i.textSecondary}}),t("span",{className:"sr-only",children:"Continue with a wallet"})]})}export{a};

package/dist/{chunk-MMW7DYOT.js → chunk-QM36N4QV.js}

@@ -1 +1 @@
-import{a as n}from"./chunk-KUS5WCV7.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};
+import{a as n}from"./chunk-I3PY7PHN.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};

package/dist/{chunk-2O3RW5UM.cjs → chunk-R4STR6OW.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRMGQ6A6Acjs = require('./chunk-RMGQ6A6A.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function s(d){return _jsxruntime.jsx.call(void 0, _chunkRMGQ6A6Acjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},d))}exports.a = s;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWBNLTMD5cjs = require('./chunk-WBNLTMD5.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function s(d){return _jsxruntime.jsx.call(void 0, _chunkWBNLTMD5cjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},d))}exports.a = s;

package/dist/{chunk-JTS4ZMUI.js → chunk-SFRY6TCS.js}

@@ -1 +1 @@
-import{e as l,g as r}from"./chunk-5UD5UP6V.js";import{DynamicEmbeddedWidget as m}from"@dynamic-labs/sdk-react-core";import{Fragment as s,jsx as t,jsxs as d}from"react/jsx-runtime";function a(){var i,e;let{appearance:o,step:n,setStep:c}=l();return n==="web3"?d(s,{children:[t(r,{onClick:()=>c("initial"),iconColor:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary,ringColor:(e=o==null?void 0:o.colors)==null?void 0:e.accent}),t("div",{className:"flex flex-col items-center",children:t("div",{className:"flex flex-col gap-[10px] w-full",children:t("div",{className:"widget-container",children:t(m,{background:"none"})})})})]}):null}export{a};
+import{e as l,g as r}from"./chunk-DY3BDN42.js";import{DynamicEmbeddedWidget as m}from"@dynamic-labs/sdk-react-core";import{Fragment as s,jsx as t,jsxs as d}from"react/jsx-runtime";function a(){var i,e;let{appearance:o,step:n,setStep:c}=l();return n==="web3"?d(s,{children:[t(r,{onClick:()=>c("initial"),iconColor:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary,ringColor:(e=o==null?void 0:o.colors)==null?void 0:e.accent}),t("div",{className:"flex flex-col items-center",children:t("div",{className:"flex flex-col gap-[10px] w-full",children:t("div",{className:"widget-container",children:t(m,{background:"none"})})})})]}):null}export{a};

package/dist/{chunk-RWKPB47N.js → chunk-SO5RPNA6.js}

@@ -1 +1 @@
-import{a as C}from"./chunk-EA7H4AXL.js";import{a}from"./chunk-MMW7DYOT.js";import{b as l}from"./chunk-ROJ6HFVK.js";import{a as m,b as u,c as s}from"./chunk-PXDN3KFO.js";import{crossmintHostedCheckoutV3Service as M,crossmintHostedCheckoutV3StylesService as N}from"@crossmint/client-sdk-base";import R from"clsx";import{useEffect as T,useState as j}from"react";import{jsx as d,jsxs as w}from"react/jsx-runtime";function z(f){let[h,k]=j(!1),{crossmint:y}=l(),P=a(y),c=f,{recipient:g,locale:H,lineItems:S,payment:V,appearance:v}=c,b=s(c,["recipient","locale","lineItems","payment","appearance"]),n={recipient:g,locale:H,lineItems:S,payment:V,appearance:v},x=M({apiClient:P,hostedCheckoutProps:n}),t=N(n),p=b,{onClick:r,className:E,children:e}=p,I=s(p,["onClick","className","children"]);function B(o){o.preventDefault(),o.stopPropagation(),x.createWindow(),r&&r(o)}let i=t.generateCss();return T(()=>{let{cleanup:o}=t.injectCss(i);return k(!0),o},[i]),h?w("button",u(m({onClick:B,className:R(t.identifiers.buttonClassNames,E)},I),{children:[d(C,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),e!=null?e:d("p",{style:{margin:0},children:t.getButtonText()})]})):null}export{z as a};
+import{a as C}from"./chunk-EA7H4AXL.js";import{a}from"./chunk-QM36N4QV.js";import{b as l}from"./chunk-ROJ6HFVK.js";import{a as m,b as u,c as s}from"./chunk-PXDN3KFO.js";import{crossmintHostedCheckoutV3Service as M,crossmintHostedCheckoutV3StylesService as N}from"@crossmint/client-sdk-base";import R from"clsx";import{useEffect as T,useState as j}from"react";import{jsx as d,jsxs as w}from"react/jsx-runtime";function z(f){let[h,k]=j(!1),{crossmint:y}=l(),P=a(y),c=f,{recipient:g,locale:H,lineItems:S,payment:V,appearance:v}=c,b=s(c,["recipient","locale","lineItems","payment","appearance"]),n={recipient:g,locale:H,lineItems:S,payment:V,appearance:v},x=M({apiClient:P,hostedCheckoutProps:n}),t=N(n),p=b,{onClick:r,className:E,children:e}=p,I=s(p,["onClick","className","children"]);function B(o){o.preventDefault(),o.stopPropagation(),x.createWindow(),r&&r(o)}let i=t.generateCss();return T(()=>{let{cleanup:o}=t.injectCss(i);return k(!0),o},[i]),h?w("button",u(m({onClick:B,className:R(t.identifiers.buttonClassNames,E)},I),{children:[d(C,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),e!=null?e:d("p",{style:{margin:0},children:t.getButtonText()})]})):null}export{z as a};

package/dist/{chunk-ZYAD5USE.cjs → chunk-TAB7QOMU.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk56YL3XJWcjs = require('./chunk-56YL3XJW.cjs');var _chunkHYWV45DDcjs = require('./chunk-HYWV45DD.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function q(f){let[h,k]=_react.useState.call(void 0, !1),{crossmint:y}=_chunkGPQZG7HCcjs.b.call(void 0, ),P=_chunkHYWV45DDcjs.a.call(void 0, y),c=f,{recipient:g,locale:H,lineItems:S,payment:V,appearance:v}=c,b=_chunk2WSEHVNPcjs.c.call(void 0, c,["recipient","locale","lineItems","payment","appearance"]),n={recipient:g,locale:H,lineItems:S,payment:V,appearance:v},x=_clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, {apiClient:P,hostedCheckoutProps:n}),t=_clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, n),p=b,{onClick:r,className:E,children:e}=p,I=_chunk2WSEHVNPcjs.c.call(void 0, p,["onClick","className","children"]);function B(o){o.preventDefault(),o.stopPropagation(),x.createWindow(),r&&r(o)}let i=t.generateCss();return _react.useEffect.call(void 0, ()=>{let{cleanup:o}=t.injectCss(i);return k(!0),o},[i]),h?_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {onClick:B,className:_clsx2.default.call(void 0, t.identifiers.buttonClassNames,E)},I),{children:[_jsxruntime.jsx.call(void 0, _chunk56YL3XJWcjs.a,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),e!=null?e:_jsxruntime.jsx.call(void 0, "p",{style:{margin:0},children:t.getButtonText()})]})):null}exports.a = q;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk56YL3XJWcjs = require('./chunk-56YL3XJW.cjs');var _chunk5TW2ANEAcjs = require('./chunk-5TW2ANEA.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function q(f){let[h,k]=_react.useState.call(void 0, !1),{crossmint:y}=_chunkGPQZG7HCcjs.b.call(void 0, ),P=_chunk5TW2ANEAcjs.a.call(void 0, y),c=f,{recipient:g,locale:H,lineItems:S,payment:V,appearance:v}=c,b=_chunk2WSEHVNPcjs.c.call(void 0, c,["recipient","locale","lineItems","payment","appearance"]),n={recipient:g,locale:H,lineItems:S,payment:V,appearance:v},x=_clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, {apiClient:P,hostedCheckoutProps:n}),t=_clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, n),p=b,{onClick:r,className:E,children:e}=p,I=_chunk2WSEHVNPcjs.c.call(void 0, p,["onClick","className","children"]);function B(o){o.preventDefault(),o.stopPropagation(),x.createWindow(),r&&r(o)}let i=t.generateCss();return _react.useEffect.call(void 0, ()=>{let{cleanup:o}=t.injectCss(i);return k(!0),o},[i]),h?_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {onClick:B,className:_clsx2.default.call(void 0, t.identifiers.buttonClassNames,E)},I),{children:[_jsxruntime.jsx.call(void 0, _chunk56YL3XJWcjs.a,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),e!=null?e:_jsxruntime.jsx.call(void 0, "p",{style:{margin:0},children:t.getButtonText()})]})):null}exports.a = q;

package/dist/chunk-TWX7ZBKZ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');function f({appearance:C}){var t,i,l,s,d,M;return _jsxruntime.jsxs.call(void 0, "svg",{width:"96",height:"72",viewBox:"20 10 76 76",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[_jsxruntime.jsx.call(void 0, "path",{d:"M39.8333 29.625H39.425C35.9947 29.625 34.2795 29.625 32.9693 30.2926C31.8168 30.8798 30.8798 31.8168 30.2926 32.9693C29.625 34.2795 29.625 35.9947 29.625 39.425V39.8333M39.8333 66.375H39.425C35.9947 66.375 34.2795 66.375 32.9693 65.7074C31.8168 65.1202 30.8798 64.1832 30.2926 63.0307C29.625 61.7205 29.625 60.0053 29.625 56.575V56.1667M66.375 39.8333V39.425C66.375 35.9947 66.375 34.2795 65.7074 32.9693C65.1202 31.8168 64.1832 30.8798 63.0307 30.2926C61.7205 29.625 60.0053 29.625 56.575 29.625H56.1667M66.375 56.1667V56.575C66.375 60.0053 66.375 61.7205 65.7074 63.0307C65.1202 64.1832 64.1832 65.1202 63.0307 65.7074C61.7205 66.375 60.0053 66.375 56.575 66.375H56.1667M38.8125 39.8333V42.8958M57.1875 39.8333V42.8958M45.9583 49.2252C47.5917 49.2252 49.0208 47.796 49.0208 46.1627V39.8333M54.5337 54.5332C50.8587 58.2082 44.9379 58.2082 41.2629 54.5332",stroke:(i=(t=C==null?void 0:C.colors)==null?void 0:t.accent)!=null?i:"#04AA6D",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),_jsxruntime.jsx.call(void 0, "g",{filter:"url(#filter0_d_1_1167)",children:_jsxruntime.jsx.call(void 0, "circle",{cx:"86.5625",cy:"62",r:"20",fill:(s=(l=C==null?void 0:C.colors)==null?void 0:l.inputBackground)!=null?s:"#FFFFFF"})}),_jsxruntime.jsx.call(void 0, "path",{fillRule:"evenodd",clipRule:"evenodd",d:"M86.5625 52.375C84.9562 52.375 83.4646 52.855 82.2202 53.6792C81.8173 53.946 81.2744 53.8358 81.0076 53.4329C80.7407 53.03 80.851 52.487 81.2539 52.2202C82.776 51.2121 84.602 50.625 86.5625 50.625C91.8782 50.625 96.1875 54.9343 96.1875 60.25C96.1875 63.7678 95.5178 67.1313 94.2974 70.2183C94.1197 70.6677 93.6114 70.8879 93.1619 70.7103C92.7125 70.5326 92.4923 70.0243 92.6699 69.5749C93.8106 66.6895 94.4375 63.5441 94.4375 60.25C94.4375 55.9008 90.9117 52.375 86.5625 52.375ZM79.7454 54.6951C80.1482 54.9619 80.2585 55.5048 79.9917 55.9077C79.1675 57.1521 78.6875 58.6437 78.6875 60.25C78.6875 62.132 78.1468 63.8905 77.2112 65.3751C76.9536 65.784 76.4133 65.9065 76.0044 65.6489C75.5956 65.3913 75.473 64.851 75.7307 64.4421C76.4953 63.2288 76.9375 61.7925 76.9375 60.25C76.9375 58.2895 77.5246 56.4635 78.5327 54.9414C78.7995 54.5385 79.3425 54.4282 79.7454 54.6951ZM86.5625 56.75C84.6295 56.75 83.0625 58.317 83.0625 60.25C83.0625 63.8664 81.6905 67.1643 79.4396 69.6482C79.1151 70.0063 78.5617 70.0335 78.2036 69.709C77.8455 69.3845 77.8183 68.8312 78.1428 68.4731C80.1134 66.2986 81.3125 63.4154 81.3125 60.25C81.3125 57.3505 83.663 55 86.5625 55C89.462 55 91.8125 57.3505 91.8125 60.25C91.8125 60.8884 91.7865 61.5213 91.7348 62.1475C91.695 62.6291 91.2723 62.9872 90.7907 62.9474C90.3091 62.9077 89.951 62.485 89.9908 62.0034C90.0385 61.4258 90.0625 60.841 90.0625 60.25C90.0625 58.317 88.4955 56.75 86.5625 56.75ZM86.5629 59.375C87.0461 59.375 87.4379 59.7668 87.4379 60.25C87.4379 64.8095 85.7761 68.9831 83.0262 72.1948C82.7119 72.5619 82.1595 72.6047 81.7924 72.2904C81.4254 71.9761 81.3826 71.4237 81.6969 71.0566C84.1855 68.15 85.6879 64.3766 85.6879 60.25C85.6879 59.7668 86.0796 59.375 86.5629 59.375ZM90.341 65.4219C90.8057 65.5545 91.075 66.0387 90.9424 66.5034C90.2775 68.8339 89.2506 71.0112 87.9267 72.9707C87.6562 73.3712 87.1123 73.4765 86.7119 73.2059C86.3114 72.9354 86.2061 72.3915 86.4767 71.991C87.6989 70.182 88.6463 68.1729 89.2595 66.0233C89.3921 65.5586 89.8763 65.2893 90.341 65.4219Z",fill:(M=(d=C==null?void 0:C.colors)==null?void 0:d.accent)!=null?M:"#04AA6D"})]})}exports.a = f;

package/dist/{chunk-YXDRYHCD.cjs → chunk-UTS6I77K.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBQ7TYNXYcjs = require('./chunk-BQ7TYNXY.cjs');var _jsxruntime = require('react/jsx-runtime');function u(){return _jsxruntime.jsx.call(void 0, _chunkBQ7TYNXYcjs.r,{className:"w-full"})}exports.a = u;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYXGEEJSYcjs = require('./chunk-YXGEEJSY.cjs');var _jsxruntime = require('react/jsx-runtime');function u(){return _jsxruntime.jsx.call(void 0, _chunkYXGEEJSYcjs.r,{className:"w-full"})}exports.a = u;

package/dist/{chunk-66G7PMPB.js → chunk-VWNKZZJG.js}

@@ -1 +1 @@
-import{a as o}from"./chunk-DCEOHYT3.js";import{a as e}from"./chunk-PXDN3KFO.js";import{jsx as t}from"react/jsx-runtime";function i(d){return t(o,e({},d))}export{i as a};
+import{a as o}from"./chunk-ZHL7D2BI.js";import{a as e}from"./chunk-PXDN3KFO.js";import{jsx as t}from"react/jsx-runtime";function i(d){return t(o,e({},d))}export{i as a};

package/dist/{chunk-RMGQ6A6A.cjs → chunk-WBNLTMD5.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQLPV72AEcjs = require('./chunk-QLPV72AE.cjs');var _chunkHYWV45DDcjs = require('./chunk-HYWV45DD.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');var V=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs"))).then(t=>({default:t.CryptoWalletConnectionHandler})));function J(t){var m;let[e,P]=_react.useState.call(void 0, null),[b,g]=_react.useState.call(void 0, 0),k=_react.useRef.call(void 0, (m=t.payment.crypto.payer)==null?void 0:m.initialChain),n=_react.useRef.call(void 0, t);if(I(t,n.current)){let r=_chunk2WSEHVNPcjs.a.call(void 0, {},t),u=w(t,k.current);u.shouldPreserve&&(r.payment.crypto.payer=u.updatedPayer),n.current=r}let{crossmint:E}=_chunkGPQZG7HCcjs.b.call(void 0, ),d=_chunkHYWV45DDcjs.a.call(void 0, E,{usageOrigin:"client"}),c=_clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, {apiClient:d}),i=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let r=i.current;!r||e||P(c.iframe.createClient(r))},[i.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",r=>g(r.height)),()=>{e.off("ui:height.changed")}},[e]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "iframe",{ref:i,src:c.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?_jsxruntime.jsx.call(void 0, _chunkQLPV72AEcjs.a,{payer:n.current.payment.crypto.payer,iframeClient:e}):_jsxruntime.jsx.call(void 0, V,{iframeClient:e,apiKeyEnvironment:d.parsedAPIKey.environment}):null,_jsxruntime.jsx.call(void 0, "span",{id:"crossmint-focus-target",tabIndex:-1})]})}function I(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function w(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}exports.a = J;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQLPV72AEcjs = require('./chunk-QLPV72AE.cjs');var _chunk5TW2ANEAcjs = require('./chunk-5TW2ANEA.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');var V=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs"))).then(t=>({default:t.CryptoWalletConnectionHandler})));function J(t){var m;let[e,P]=_react.useState.call(void 0, null),[b,g]=_react.useState.call(void 0, 0),k=_react.useRef.call(void 0, (m=t.payment.crypto.payer)==null?void 0:m.initialChain),n=_react.useRef.call(void 0, t);if(I(t,n.current)){let r=_chunk2WSEHVNPcjs.a.call(void 0, {},t),u=w(t,k.current);u.shouldPreserve&&(r.payment.crypto.payer=u.updatedPayer),n.current=r}let{crossmint:E}=_chunkGPQZG7HCcjs.b.call(void 0, ),d=_chunk5TW2ANEAcjs.a.call(void 0, E,{usageOrigin:"client"}),c=_clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, {apiClient:d}),i=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let r=i.current;!r||e||P(c.iframe.createClient(r))},[i.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",r=>g(r.height)),()=>{e.off("ui:height.changed")}},[e]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "iframe",{ref:i,src:c.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?_jsxruntime.jsx.call(void 0, _chunkQLPV72AEcjs.a,{payer:n.current.payment.crypto.payer,iframeClient:e}):_jsxruntime.jsx.call(void 0, V,{iframeClient:e,apiKeyEnvironment:d.parsedAPIKey.environment}):null,_jsxruntime.jsx.call(void 0, "span",{id:"crossmint-focus-target",tabIndex:-1})]})}function I(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function w(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}exports.a = J;

package/dist/{chunk-TMVAJY2S.cjs → chunk-Y3T2TQZD.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO5J2ZIJ6cjs = require('./chunk-O5J2ZIJ6.cjs');var _chunkX5BBXO27cjs = require('./chunk-X5BBXO27.cjs');var _chunkNAJHXPGRcjs = require('./chunk-NAJHXPGR.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function at(C){let c=C,{className:g,disabled:P,onClick:h,style:f,tabIndex:I,theme:S="dark",mintTo:B,emailTo:k,listingId:v,auctionId:Z,showOverlay:E=!0,mintConfig:b,whPassThroughArgs:M,environment:T,paymentMethod:t,preferredSigninMethod:x,dismissOverlayOnClick:N,prepay:R,locale:i="en-US",currency:L="usd",successCallbackURL:w="",failureCallbackURL:O="",loginEmail:U="",projectId:H,getButtonText:o,checkoutProps:a={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=c,s=_chunk2WSEHVNPcjs.c.call(void 0, c,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),_="clientId"in s?s.clientId:s.collectionId,[e,A]=_react.useState.call(void 0, !1),{isServerSideRendering:D}=_chunkX5BBXO27cjs.a.call(void 0, ),{connect:V}=_clientsdkbase.crossmintModalService.call(void 0, {clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:_chunkNAJHXPGRcjs.a,environment:T,clientName:_clientsdkbase.clientNames.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=_clientsdkbase.crossmintPayButtonService.call(void 0, {onClick:h,connecting:e,paymentMethod:t,locale:i,checkoutProps:a}),q=F=>j(F,()=>{V(b,B,k,v,M,t,x,R,a)}),n=_chunkO5J2ZIJ6cjs.b.call(void 0, _chunkO5J2ZIJ6cjs.a.call(void 0, S)),z=_react.useMemo.call(void 0, ()=>_jsxruntime.jsx.call(void 0, "span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:!D&&_jsxruntime.jsxs.call(void 0, "button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:_chunk2WSEHVNPcjs.a.call(void 0, {},f),tabIndex:I,children:[_jsxruntime.jsx.call(void 0, "img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}exports.a = at;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO5J2ZIJ6cjs = require('./chunk-O5J2ZIJ6.cjs');var _chunkX5BBXO27cjs = require('./chunk-X5BBXO27.cjs');var _chunkDUDFFIHMcjs = require('./chunk-DUDFFIHM.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function at(C){let c=C,{className:g,disabled:P,onClick:h,style:f,tabIndex:I,theme:S="dark",mintTo:B,emailTo:k,listingId:v,auctionId:Z,showOverlay:E=!0,mintConfig:b,whPassThroughArgs:M,environment:T,paymentMethod:t,preferredSigninMethod:x,dismissOverlayOnClick:N,prepay:R,locale:i="en-US",currency:L="usd",successCallbackURL:w="",failureCallbackURL:O="",loginEmail:U="",projectId:H,getButtonText:o,checkoutProps:a={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=c,s=_chunk2WSEHVNPcjs.c.call(void 0, c,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),_="clientId"in s?s.clientId:s.collectionId,[e,A]=_react.useState.call(void 0, !1),{isServerSideRendering:D}=_chunkX5BBXO27cjs.a.call(void 0, ),{connect:V}=_clientsdkbase.crossmintModalService.call(void 0, {clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:_chunkDUDFFIHMcjs.a,environment:T,clientName:_clientsdkbase.clientNames.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=_clientsdkbase.crossmintPayButtonService.call(void 0, {onClick:h,connecting:e,paymentMethod:t,locale:i,checkoutProps:a}),q=F=>j(F,()=>{V(b,B,k,v,M,t,x,R,a)}),n=_chunkO5J2ZIJ6cjs.b.call(void 0, _chunkO5J2ZIJ6cjs.a.call(void 0, S)),z=_react.useMemo.call(void 0, ()=>_jsxruntime.jsx.call(void 0, "span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:!D&&_jsxruntime.jsxs.call(void 0, "button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:_chunk2WSEHVNPcjs.a.call(void 0, {},f),tabIndex:I,children:[_jsxruntime.jsx.call(void 0, "img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}exports.a = at;

package/dist/chunk-YP7THW7Y.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk-2VBA64WU.js";import{a as C,e as x,h as b,i as P}from"./chunk-NQ2WKZU6.js";import{a as k}from"./chunk-NBJIJZGO.js";import{a as v}from"./chunk-77PBG2JJ.js";import{a as g}from"./chunk-HVZ5M3FY.js";import{a as m}from"./chunk-OOLXYAO7.js";import{VisuallyHidden as N}from"@radix-ui/react-visually-hidden";import{Fragment as w,jsx as o,jsxs as r}from"react/jsx-runtime";function n({title:i,content:t,primaryButton:s,secondaryAction:l,appearance:e}){var u,a,y,f;return o(C,{modal:!1,open:!0,onOpenChange:()=>{},children:r(x,{showCloseButton:!1,onInteractOutside:d=>d.preventDefault(),onOpenAutoFocus:d=>d.preventDefault(),className:"!p-0 !min-[480px]:p-0",style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(u=e==null?void 0:e.colors)==null?void 0:u.background},children:[o(N,{asChild:!0,children:o(b,{children:i})}),o(N,{asChild:!0,children:o(P,{children:t})}),r("div",{className:"relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",children:[o("div",{className:"flex justify-center left-1.5 relative",children:o(g,{appearance:e})}),o("div",{className:"flex justify-center",children:o("p",{style:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"bold",color:((a=e==null?void 0:e.colors)==null?void 0:a.textPrimary)||"#20343E"},children:i})}),o("div",{className:"mb-6",children:o("div",{style:{fontWeight:"normal",color:((y=e==null?void 0:e.colors)==null?void 0:y.textSecondary)||"#67797F"},children:t})}),r("div",{className:"flex flex-col gap-4 justify-center",children:[s,l]}),o("div",{className:"flex justify-center pt-4",children:o(h,{color:(f=e==null?void 0:e.colors)==null?void 0:f.textSecondary})})]})]})})}function I({state:i,appearance:t}){var s,l;switch(i.type){case"create-wallet":return o(n,{title:"Create Your Wallet",appearance:t,content:r(w,{children:[o("div",{className:"mb-3",children:"You're about to create a wallet."}),r("div",{className:"flex flex-col gap-2",children:[r("div",{className:"flex gap-2",children:[o("div",{children:o(v,{})}),"Your wallet will be secured with a passkey"]}),r("div",{className:"flex gap-2",children:[o("div",{children:o(m,{})}),"Your device will ask you for your fingerprint, face, or screen lock to set it up"]})]})]}),primaryButton:o(c,{appearance:t,onClick:i.primaryActionOnClick,children:"Create Wallet"})});case"create-wallet-error":return o(n,{title:"Wallet Creation Failed",appearance:t,content:o("div",{children:"We couldn't create your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:o(c,{appearance:t,onClick:i.primaryActionOnClick,children:"Try again"})});case"transaction":return o(n,{title:"First Time Using Your Wallet",appearance:t,content:o("div",{className:"flex flex-col gap-2",children:r("div",{className:"flex gap-2",children:[o("div",{children:o(m,{})}),o("span",{children:"Your device will ask you for your fingerprint, face, or screen lock to authorize this action."})]})}),primaryButton:o(c,{appearance:t,onClick:i.primaryActionOnClick,children:"Use Wallet"})});case"transaction-error":return o(n,{title:"Wallet Access Failed",appearance:t,content:o("div",{children:"We couldn't access your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:o(c,{appearance:t,onClick:i.primaryActionOnClick,children:"Try again"}),secondaryAction:o("a",{href:"https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot",rel:"noopener noreferrer",target:"_blank",style:{padding:"0.875rem",width:"100%",textAlign:"center",textDecoration:"none",borderRadius:"0.5rem",fontWeight:"bold",backgroundColor:((s=t==null?void 0:t.colors)==null?void 0:s.inputBackground)||"#F0F2F4",color:((l=t==null?void 0:t.colors)==null?void 0:l.textSecondary)||"#00150D"},children:"Troubleshoot"})});case"not-supported":return o(n,{title:"Passkeys Not Supported on This Device",appearance:t,content:o("div",{children:"To access your wallet with a passkey, switch to a device or browser that supports passkeys, such as Chrome or Safari on a smartphone, tablet, or modern computer"}),primaryButton:o(c,{appearance:t,onClick:i.primaryActionOnClick,children:"Understood"})});default:return null}}var c=({appearance:i,onClick:t,children:s})=>{var l,e;return r("button",{className:k("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:i==null?void 0:i.borderRadius,backgroundColor:(l=i==null?void 0:i.colors)==null?void 0:l.buttonBackground},onClick:t,children:[o("span",{className:"font-medium",style:{margin:"0px 32px",color:(e=i==null?void 0:i.colors)==null?void 0:e.textPrimary},children:s}),o("span",{className:"sr-only",children:s})]})};export{I as a};