@crossmint/client-sdk-react-ui 2.2.20 → 2.3.0

package/dist/chunk-KXQ5HCBO.js

@@ -0,0 +1,231 @@
+import{a as _t}from"./chunk-44MREOU3.js";import{a as $t}from"./chunk-JSNUJJQJ.js";import{b as St}from"./chunk-4KDASQO6.js";import{a as Pt}from"./chunk-LD3MRJ3F.js";import{a as Bt}from"./chunk-TBD7RAFW.js";import{a as Q}from"./chunk-GKVX7FEM.js";import{a as Rt}from"./chunk-23YVHBPI.js";import{a as tt}from"./chunk-QQP4GR7V.js";import{a as w,b as Lt}from"./chunk-WK7PY5WL.js";import{a as Ft}from"./chunk-JL7YHC7D.js";import{a as Wt,b as kt,c as Tt}from"./chunk-O5IPDCMT.js";import{a as K}from"./chunk-AOBO3CEQ.js";import{a as Ot,b as Et,c as It}from"./chunk-MN6UTXVP.js";import{a as Mt}from"./chunk-UG5R7IPH.js";import{a as q}from"./chunk-NZUCXN2O.js";import{a as c}from"./chunk-DFSB3TWF.js";import{a as zt}from"./chunk-KFFPM6JM.js";import{a as Ut}from"./chunk-C3JRTLQP.js";import{a as Dt}from"./chunk-UHFCB2EY.js";import{a as ot}from"./chunk-OAHZHKRR.js";import{a as et}from"./chunk-UAFW3OWA.js";import{a as G,b as H,c as Z,d as x}from"./chunk-PXDN3KFO.js";import Po from"color";import pe from"@emotion/styled";import{useState as so}from"react";import{useState as dt}from"react";import L from"@emotion/styled";import{useContext as He}from"react";import{createContext as Le,useEffect as ut,useMemo as Zt,useRef as te,useState as $,useCallback as z}from"react";import{CrossmintAuth as Re,getCookie as Be}from"@crossmint/client-sdk-auth";import{validateApiKeyAndGetCrossmintBaseUrl as De}from"@crossmint/common-sdk-base";import{SESSION_PREFIX as Me}from"@crossmint/common-sdk-auth";import{useCrossmint as $e}from"@crossmint/client-sdk-react-base";import{createContext as Se,useCallback as Ht,useContext as Oe,useEffect as Ee,useState as Kt}from"react";import{ChildWindow as ye,PopupWindow as Ce}from"@crossmint/client-sdk-window";import{useEffect as ve,useRef as we,useState as Ae,useCallback as be}from"react";import{z as rt}from"zod";var Gt=(o,e)=>{let{crossmintAuth:t}=O(),[r,i]=Ae(null),n=we(null);return ve(()=>(n.current==null&&(n.current=new ye(window.opener||window.parent,"*",{incomingEvents:Pe})),()=>{n.current!=null&&n.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:be((u,y)=>x(void 0,null,function*(){if(n.current==null)throw new Error("Child window not initialized");i(u),e(null);let a=new URL(o[u]);if(y!=null){let m=Array.from(a.searchParams.entries());a.search="",y&&a.searchParams.append("provider_login_hint",y),m.forEach(([s,f])=>{a.searchParams.append(s,f)})}let C=yield Ce.init(a.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),d=m=>x(void 0,null,function*(){var s,f;yield t==null?void 0:t.handleRefreshAuthMaterial(m.oneTimeSecret),(s=n.current)==null||s.off("authMaterialFromPopupCallback"),(f=C.window)==null||f.close(),i(null)}),l=m=>{var s,f;e(m.error),(s=n.current)==null||s.off("errorFromPopupCallback"),(f=C.window)==null||f.close(),i(null)};n.current.on("authMaterialFromPopupCallback",d),n.current.on("errorFromPopupCallback",l);let g=setInterval(()=>{var m,s;(m=C.window)!=null&&m.closed&&(clearInterval(g),i(null),(s=n.current)==null||s.off("authMaterialFromPopupCallback"))},2500)}),[o,t,e]),isLoading:r!=null,activeOAuthProvider:r}},Pe={authMaterialFromPopupCallback:rt.object({oneTimeSecret:rt.string()}),errorFromPopupCallback:rt.object({error:rt.string()})};import{jsx as Ie}from"react/jsx-runtime";var Qt={google:"",twitter:""},Nt=Se(void 0);function U(){let o=Oe(Nt);if(!o)throw new Error("useOAuthFlow must be used within an OAuthFlowProvider");return o}function jt({children:o,prefetchOAuthUrls:e}){let{crossmintAuth:t,loginMethods:r}=O(),{setError:i}=w(),[n,p]=Kt(Qt),[u,y]=Kt(!0),{createPopupAndSetupListeners:a,isLoading:C,activeOAuthProvider:d}=Gt(n,i),l=Ht(()=>x(this,null,function*(){y(!0);try{let f=(r||[]).filter(h=>h in Qt).map(h=>x(this,null,function*(){let A=yield t==null?void 0:t.getOAuthUrl(h);return{[h]:A}})),v=Object.assign({},...yield Promise.all(f));p(v)}catch(s){i(s instanceof Error?s.message:"Unable to load oauth providers. Please try again later.")}finally{y(!1)}}),[r,t,i]);Ee(()=>{e&&l()},[l,e]);let m={startOAuthLogin:Ht((s,f)=>x(this,null,function*(){yield a(s,f)}),[a]),isLoading:u||C,activeOAuthProvider:d};return Ie(Nt.Provider,{value:m,children:o})}import{useEffect as ct,useMemo as Vt}from"react";import{useDynamicContext as Fe}from"@dynamic-labs/sdk-react-core";import{isEthereumWallet as We}from"@dynamic-labs/ethereum";import{isSolanaWallet as ke}from"@dynamic-labs/solana";import{EthereumWalletConnectors as qt}from"@dynamic-labs/ethereum";import{SolanaWalletConnectors as Jt}from"@dynamic-labs/solana";import Te from"bs58";import{jsx as Xt}from"react/jsx-runtime";function Ue({children:o,enabled:e,onSdkLoaded:t,onWalletConnected:r,jwt:i}){let{primaryWallet:n,sdkHasLoaded:p,removeWallet:u,handleUnlinkWallet:y}=Fe(),a=!e||p;return ct(()=>{a&&(t==null||t(a))},[a,t]),ct(()=>{i==null&&a&&n!=null&&(u(n.id),y(n.id))},[i,a,n,u,y]),ct(()=>{function C(){return x(this,null,function*(){try{if(We(n)){let d=yield n.getWalletClient(),l={type:"external-wallet",address:d.account.address,viemAccount:H(G({},d.account),{signMessage:g=>x(this,null,function*(){return yield d.signMessage({message:g.message})})})};r(l)}else if(ke(n)){let d=yield n.getSigner(),l={type:"external-wallet",address:n.address,onSignTransaction:g=>x(this,null,function*(){return yield d.signTransaction(g)})};r(l)}else throw new Error("Unsupported wallet type")}catch(d){throw console.error("Failed to get admin signer",d),new Error("Failed to get admin signer")}})}n!=null&&i!=null&&C()},[n,i,r]),o}function Yt({children:o,enabled:e=!0,apiKeyEnvironment:t,loginMethods:r=["web3"],appearance:i,onSdkLoaded:n,onWalletConnected:p}){var d,l;let{crossmintAuth:u,jwt:y}=O(),a=Vt(()=>{var g,m;return`.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: ${(g=i==null?void 0:i.colors)==null?void 0:g.textPrimary} !important; }
+            * { color: ${(m=i==null?void 0:i.colors)==null?void 0:m.textSecondary} !important; }`},[(d=i==null?void 0:i.colors)==null?void 0:d.textPrimary,(l=i==null?void 0:i.colors)==null?void 0:l.textSecondary]),C=Vt(()=>{if(e)return r.includes("web3:evm-only")?[qt]:r.includes("web3:solana-only")?[Jt]:[qt,Jt]},[e,r]);return Xt(Pt,{apiKeyEnvironment:t,settings:{walletConnectors:C,cssOverrides:a,events:{onAuthFailure(g,m){console.error("[DynamicWalletProvider] onAuthFailure",g,m)}},handlers:{handleConnectedWallet:g=>x(this,null,function*(){var s;if(!u)return console.error("[DynamicWalletProvider] crossmintAuth is not available"),!1;let m=g.address;if(m==null)return console.error("[DynamicWalletProvider] handleConnectedWallet: address is missing"),!1;try{let v=(yield St(g))==="solana"?"solana":"evm",h=yield u.signInWithSmartWallet(m,v);if((h==null?void 0:h.challenge)==null)throw new Error("No challenge received from signInWithSmartWallet");let A=yield(s=g.connector)==null?void 0:s.proveOwnership(m,h.challenge);if(A==null)throw new Error("Failed to get signature from wallet");let k=A;if(v==="solana"){let D=Buffer.from(A,"base64");k=Te.encode(D)}let b=yield u.authenticateSmartWallet(m,v,k);if((b==null?void 0:b.oneTimeSecret)==null)throw new Error("No oneTimeSecret received from authenticateSmartWallet");return yield u.handleRefreshAuthMaterial(b.oneTimeSecret),!0}catch(f){return console.error("[DynamicWalletProvider] Error handling wallet connection:",f),!1}})}},children:Xt(Ue,{enabled:e,onSdkLoaded:n,onWalletConnected:p,jwt:y,children:o})},`${t}-${r.join(",")}`)}import{Fragment as Ge,jsx as N,jsxs as ee}from"react/jsx-runtime";var ze={crossmintAuth:void 0,login:()=>{},experimental_loginWithOAuth:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{},experimental_externalWalletSigner:void 0,loginMethods:[]},mt=Le(ze);function dr({children:o,appearance:e,termsOfServiceText:t,prefetchOAuthUrls:r=!0,authModalTitle:i,onLoginSuccess:n,loginMethods:p=["email","google"],refreshRoute:u,logoutRoute:y}){let{crossmint:a}=$e("CrossmintAuthProvider must be used within CrossmintProvider"),[C,d]=$(void 0),[l,g]=$(void 0),m=De(a.apiKey),[s,f]=$(!1),[v,h]=$(!1),[A,k]=$(void 0),[b,D]=$(!0),M=p.some(P=>P.startsWith("web3")),[Ct,he]=$(void 0),at=te(null),_=Zt(()=>(at.current||(at.current=Re.from(a,{callbacks:{onLogout:()=>{d(void 0),g(void 0)},onTokenRefresh:P=>{d(P.user),g(P.jwt)}},refreshRoute:u,logoutRoute:y})),at.current),[]),V=te(null),lt=z(()=>{n==null||n()},[n]);ut(()=>{if(l==null){let P=Be(Me);g(P)}h(!0)},[l]),ut(()=>{l!=null&&s&&(f(!1),lt())},[l,s,lt]);let vt=z(P=>{if(l!=null){console.log("User already logged in");return}P!=null&&typeof P=="string"&&k(P),f(!0)},[l]),wt=z(()=>{_.logout()},[_]),st=z(()=>!v||M&&!b?"initializing":l!=null?"logged-in":s?"in-progress":"logged-out",[v,M,b,l,s]),At=z(()=>x(this,null,function*(){if(l==null){console.log("User not logged in");return}let P=yield _.getUser();return d(P),P}),[l,_]),bt=z(P=>x(this,null,function*(){var Y;yield(Y=V.current)==null?void 0:Y.call(V,P)}),[V]),xe=Zt(()=>({crossmintAuth:_,login:vt,experimental_loginWithOAuth:bt,logout:wt,jwt:l,user:C,status:st(),getUser:At,loginMethods:p,experimental_externalWalletSigner:Ct}),[_,vt,bt,wt,l,C,st,At,p,Ct]);return N(mt.Provider,{value:xe,children:N(Lt,{setDialogOpen:(P,Y)=>{f(P),Y&&lt()},initialState:{appearance:e,loginMethods:p,termsOfServiceText:t,authModalTitle:i,baseUrl:m,defaultEmail:A},children:N(jt,{prefetchOAuthUrls:st()==="logged-out"&&r,children:N(_e,{loginWithOAuthRef:V,children:M?ee(Yt,{apiKeyEnvironment:a.apiKey.includes("production")?"production":"staging",loginMethods:p,appearance:e,onSdkLoaded:D,onWalletConnected:he,children:[o,N(nt,{open:s})]}):ee(Ge,{children:[o,N(nt,{open:s})]})})})})})}function _e({children:o,loginWithOAuthRef:e}){let{startOAuthLogin:t}=U(),{jwt:r}=O(),i=z(n=>x(this,null,function*(){if(r!=null){console.log("User already logged in");return}yield t(n)}),[r,t]);return ut(()=>{e.current=i},[i,e]),o}var O=()=>{let o=He(mt);if(!o)throw new Error("useCrossmintAuth must be used within CrossmintAuthProvider");return o};import{jsx as S,jsxs as J}from"react/jsx-runtime";var Ke=L.div`
+    display: flex;
+    flex-direction: column;
+`,Qe=L.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+`,Ne=L.div`
+    position: relative;
+    left: 12px;
+`,je=L.p`
+    font-size: 16px;
+    font-weight: 400;
+    margin: 16px 0 4px 0;
+    text-align: center;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||c["cm-text-primary"]}};
+`,Ve=L.p`
+    text-align: center;
+    padding: 0 16px;
+    margin: 0;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||c["cm-text-secondary"]}};
+    font-size: 14px;
+    line-height: 1.4;
+`,qe=L.div`
+    padding: 32px 0;
+`,j=L(Tt)`
+    @media (max-width: 379px) {
+        width: 40px;
+        height: 56px;
+        font-size: 28px;
+        margin: 0;
+    }
+`,Je=L.div`
+    font-size: 12px;
+    line-height: 1.3;
+    text-align: center;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||c["cm-text-secondary"]}};
+`;function oe({otpEmailData:o,setOtpEmailData:e}){var f,v,h,A,k;let{crossmintAuth:t}=O(),{appearance:r,setDialogOpen:i,setStep:n,setError:p}=w(),[u,y]=dt(""),[a,C]=dt(!1),[d,l]=dt(!1),g=()=>x(this,null,function*(){var b,D;l(!0);try{let M=yield t==null?void 0:t.confirmEmailOtp((b=o==null?void 0:o.email)!=null?b:"",(D=o==null?void 0:o.emailId)!=null?D:"",u);yield t==null?void 0:t.handleRefreshAuthMaterial(M),i(!1,!0),n("initial")}catch(M){console.error("Error confirming email OTP",M),p("Invalid code. Please try again."),C(!0)}finally{l(!1)}}),m=()=>x(this,null,function*(){var b;try{yield t==null?void 0:t.sendEmailOtp((b=o==null?void 0:o.email)!=null?b:"")}catch(D){p("Failed to resend code. Please try again.")}});return J(Ke,{children:[S(tt,{onClick:()=>{n("initial"),e(null)},iconColor:(f=r==null?void 0:r.colors)==null?void 0:f.textPrimary,ringColor:(v=r==null?void 0:r.colors)==null?void 0:v.accent}),J(Qe,{children:[S(Ne,{children:S(Ut,{customAccentColor:(h=r==null?void 0:r.colors)==null?void 0:h.accent,customButtonBackgroundColor:(A=r==null?void 0:r.colors)==null?void 0:A.buttonBackground,customBackgroundColor:(k=r==null?void 0:r.colors)==null?void 0:k.background})}),S(je,{appearance:r,children:"Check your email"}),J(Ve,{appearance:r,children:["A temporary login code has been sent to",S("br",{}),o!=null&&o.email?S("strong",{children:o.email}):"your email address"]}),S(qe,{children:S(Wt,{maxLength:6,value:u,onChange:b=>{y(b),C(!1),p(null)},onComplete:g,disabled:d,appearance:r,children:J(kt,{children:[S(j,{index:0,hasError:a}),S(j,{index:1,hasError:a}),S(j,{index:2,hasError:a}),S(j,{index:3,hasError:a}),S(j,{index:4,hasError:a}),S(j,{index:5,hasError:a})]})})}),J(Je,{appearance:r,children:["Can't find the email? Check spam folder.",S("br",{}),"Some emails may take several minutes to arrive."]}),S(Ft,{initialSeconds:60,appearance:r,countdownText:b=>`Re-send code in ${b}s`,countdownCompleteText:"Re-send code",handleOnClick:m})]})]})}import{useState as gt}from"react";import ie from"color";import R from"@emotion/styled";import{isEmailValid as ft}from"@crossmint/common-sdk-auth";import re from"@emotion/styled";import{jsx as pt,jsxs as Ze}from"react/jsx-runtime";var Xe=re.button`
+    ${q}
+    
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.border)||c["cm-border"]}};
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"12px"}};
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.buttonBackground)||c["cm-background-primary"]}};
+    cursor: ${o=>o.isLoading?"not-allowed":"pointer"};
+    
+    /* Hover and focus states */
+    &:hover {
+        background-color: ${o=>o.isLoading?c["cm-muted-primary"]:c["cm-hover"]};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: theme["cm-hover"];
+    }
+`,Ye=re.span`
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||c["cm-accent"]}};
+    font-size: 14px;
+    font-weight: 400;
+`;function ne({emailInput:o,appearance:e}){var n,p;let{startOAuthLogin:t,activeOAuthProvider:r}=U(),i=r==="google";return Ze(Xe,{type:"button",appearance:e,isLoading:i,onClick:i?void 0:()=>t("google",o.trim().toLowerCase()),children:[pt(ot,{style:{height:"18px",width:"18px"}}),i?pt(K,{style:{color:(n=e==null?void 0:e.colors)==null?void 0:n.textSecondary,fill:(p=e==null?void 0:e.colors)==null?void 0:p.textPrimary,width:"18px",height:"18px"}}):pt(Ye,{appearance:e,children:"Continue"})]})}import{jsx as T,jsxs as ht}from"react/jsx-runtime";var to=R.div`
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    width: 100%;
+    border-radius: 8px;
+`,eo=R.div`
+    width: 100%;
+`,oo=R.label`
+    display: block;
+    margin-bottom: 5px;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||c["cm-text-primary"]}};
+    font-size: 14px;
+    font-weight: 400;
+`,ro=R.form`
+    position: relative;
+`,no=R.input`
+    ${q}
+    
+    /* Base input styles */
+    display: flex;
+    flex-grow: 1;
+    text-align: left;
+    padding-left: 16px;
+    padding-right: ${o=>o.showGoogleButton?"132px":"80px"};
+    height: 58px;
+    width: 100%;
+    border: 1px solid;
+    border-color: ${o=>{var e,t,r,i;return o.hasError?((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||c["cm-danger"]:((i=(r=o.appearance)==null?void 0:r.colors)==null?void 0:i.border)||c["cm-border"]}};
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"12px"}};
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||c["cm-background-primary"]}};
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||c["cm-text-primary"]}};
+    font-size: 16px;
+    transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
+    
+    &::placeholder {
+        font-weight: 400;
+        color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||c["cm-text-secondary"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        box-shadow: 0 0 0 2px ${o=>{var e,t;return new ie(((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||c["cm-accent"]).alpha(.18).toString()}};
+    }
+    
+    &:read-only {
+        cursor: not-allowed;
+        opacity: 0.7;
+    }
+`,io=R.div`
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    padding-right: 16px;
+    aspect-ratio: 1/1;
+`,ao=R.button`
+    ${q}
+    
+    font-weight: 500;
+    white-space: nowrap;
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||c["cm-background-primary"]}};
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||c["cm-accent"]}};
+    cursor: ${o=>o.disabled?"not-allowed":"pointer"};
+    opacity: ${o=>o.disabled?.6:1};
+    border: none;
+    padding: 8px 12px;
+    border-radius: 6px;
+    transition: opacity 200ms ease;
+    
+    &:hover:not(:disabled) {
+        opacity: 0.8;
+    }
+    
+    &:focus-visible {
+        outline: 2px solid ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||c["cm-accent"]}};
+        outline-offset: 2px;
+    }
+
+    &:not(:disabled):focus-visible {
+        box-shadow: 0 0 0 2px ${o=>{var e,t;return new ie(((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||c["cm-accent"]).alpha(.18).toString()}};
+    }
+`,lo=R.p`
+    font-size: 12px;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||c["cm-danger"]}};
+    margin: 8px 0 8px 0;
+`;function ae({setOtpEmailData:o}){var s,f,v;let{crossmintAuth:e}=O(),{appearance:t,defaultEmail:r,setStep:i,setError:n,loginMethods:p}=w(),[u,y]=gt(r!=null?r:""),[a,C]=gt(""),[d,l]=gt(!1),g=u.toLowerCase().includes("@gmail.com")&&!u.toLowerCase().includes("+")&&ft(u)&&!d&&p.includes("google");function m(h){return x(this,null,function*(){h.preventDefault(),l(!0);try{let A=u.trim().toLowerCase(),k=yield e==null?void 0:e.sendEmailOtp(A);o({email:A,emailId:k.emailId}),i("otp")}catch(A){l(!1),n("Failed to send email. Please try again or contact support.")}})}return T(to,{children:ht(eo,{children:[T(oo,{appearance:t,children:"Email"}),ht(ro,{role:"form",onSubmit:h=>{if(g){h.preventDefault();return}ft(u)?m(h):h.preventDefault()},noValidate:!0,children:[T(Rt,{children:"Email"}),T(no,{id:"emailInput",appearance:t,hasError:!!a,showGoogleButton:g,type:"email",placeholder:"your@email.com",value:u,onChange:h=>{y(h.target.value),C(""),n(null)},readOnly:d,"aria-describedby":"emailError"}),ht(io,{children:[a&&T(et,{customColor:(s=t==null?void 0:t.colors)==null?void 0:s.danger}),d&&T(K,{style:{color:(f=t==null?void 0:t.colors)==null?void 0:f.textSecondary,fill:(v=t==null?void 0:t.colors)==null?void 0:v.textPrimary}}),g?T(ne,{emailInput:u,appearance:t}):!a&&!d?T(ao,{type:"submit",appearance:t,disabled:!ft(u)||d,children:"Submit"}):null]})]}),a&&T(lo,{appearance:t,id:"emailError",children:a})]})})}import{jsx as le}from"react/jsx-runtime";function se(){let{step:o}=w(),[e,t]=so(null);return o==="otp"?le(oe,{otpEmailData:e,setOtpEmailData:t}):o==="initial"?le(ae,{setOtpEmailData:t}):null}import{jsx as xt}from"react/jsx-runtime";function ce(e){var o=Z(e,[]);var u;let{step:t,appearance:r}=w(),{startOAuthLogin:i,activeOAuthProvider:n}=U(),p=n==="google";return t!=="initial"?null:xt(Q,H(G({icon:xt(ot,{style:{height:"25px",width:"25px"}}),isLoading:p,appearance:r,onButtonClick:()=>i("google")},o),{children:xt("span",{style:{color:(u=r==null?void 0:r.colors)==null?void 0:u.textPrimary},children:"Sign in with Google"})}))}import{useEffect as yt,useMemo as co,useState as uo}from"react";import{useSignIn as mo,QRCode as po}from"@farcaster/auth-kit";import B from"@emotion/styled";import{Fragment as bo,jsx as W,jsxs as it}from"react/jsx-runtime";var go=B.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+`,fo=B.div`
+    text-align: center;
+`,ho=B.h3`
+    font-size: 18px;
+    font-weight: 600;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||c["cm-text-primary"]}};
+    margin: 0 0 8px 0;
+`,xo=B.p`
+    font-size: 16px;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||c["cm-text-secondary"]}};
+    margin: 0;
+`,yo=B.div`
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||c["cm-background-primary"]}};
+    aspect-ratio: 1;
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"8px"}};
+    padding: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,Co=B.div`
+    min-height: 246px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,vo=B.p`
+    font-size: 16px;
+    text-align: center;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||c["cm-text-secondary"]}};
+    margin: 0;
+`,wo=B.a`
+    font-size: 16px;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textLink)||c["cm-accent"]}};
+    text-decoration: none;
+    
+    &:hover {
+        text-decoration: underline;
+    }
+`;function ue(){let{step:o,appearance:e,setStep:t,setError:r}=w();return o==="initial"?W(Q,{icon:W(Dt,{style:{height:"25px",width:"25px"}}),appearance:e,onButtonClick:()=>{t("qrCode"),r(null)},children:"Sign in with Farcaster"}):o==="qrCode"?W(Ao,{}):null}function Ao(){var m,s,f,v;let{crossmintAuth:o}=O(),{appearance:e,setStep:t,setDialogOpen:r,setError:i}=w(),[n,p]=uo(null),u=co(()=>({onSuccess:h=>{p(h)}}),[]),{signIn:y,url:a,connect:C,signOut:d,isConnected:l}=mo(u),g=h=>x(this,null,function*(){i(null);try{let A=yield o==null?void 0:o.signInWithFarcaster(h);yield o==null?void 0:o.handleRefreshAuthMaterial(A),r(!1),t("initial")}catch(A){console.error("Error during Farcaster sign-in:",A),i("Failed to sign in with Farcaster")}});return yt(()=>{n!=null&&g(n)},[n]),yt(()=>{l&&y()},[l]),yt(()=>{C()},[]),it("div",{children:[W(tt,{onClick:()=>{d(),t("initial")},iconColor:(m=e==null?void 0:e.colors)==null?void 0:m.textPrimary,ringColor:(s=e==null?void 0:e.colors)==null?void 0:s.accent}),it(go,{children:[it(fo,{children:[W(ho,{appearance:e,children:"Sign in with Farcaster"}),W(xo,{appearance:e,children:"Scan with your phone's camera to continue."})]}),W(yo,{appearance:e,children:a!=null?W(po,{uri:a,size:280}):W(Co,{children:W(K,{style:{color:(f=e==null?void 0:e.colors)==null?void 0:f.textSecondary,fill:(v=e==null?void 0:e.colors)==null?void 0:v.textPrimary}})})}),a?it(bo,{children:[W(vo,{appearance:e,children:"Alternatively, click on this link to open Warpcast."}),W(wo,{href:a,rel:"noopener noreferrer",target:"_blank",appearance:e,children:"Open Warpcast"})]}):W("div",{style:{height:"66px"}})]})]})}import{jsx as me}from"react/jsx-runtime";function de(e){var o=Z(e,[]);let{step:t,appearance:r}=w(),{startOAuthLogin:i,activeOAuthProvider:n}=U(),p=n==="twitter";return t!=="initial"?null:me(Q,H(G({icon:me(zt,{style:{height:"22px",width:"22px"}}),isLoading:p,appearance:r,onButtonClick:()=>i("twitter")},o),{children:"Sign in with X"}))}import{jsx as E,jsxs as X}from"react/jsx-runtime";var So=pe.div`
+    position: relative;
+    padding: 40px 24px 30px 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    -webkit-font-smoothing: antialiased;
+    animation: none;
+    
+    @media (min-width: 480px) {
+        padding: 40px 40px 30px 40px;
+    }
+`,Oo=pe.div`
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    border-radius: 8px;
+    padding: 8px;
+    gap: 8px;
+    margin-top: 34px;
+    background-color: ${o=>{var e,t,r;return new Po((r=(t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)!=null?r:c["cm-danger"]).alpha(.12).toString()}};
+`;function ge({style:o}){var y,a,C,d,l,g,m,s,f,v;let{step:e,appearance:t,loginMethods:r,baseUrl:i,error:n,termsOfServiceText:p,authModalTitle:u}=w();return X(So,{style:o,children:[n!=null?X(Oo,{appearance:t,children:[E("div",{style:{minWidth:"20px"},children:E(et,{customColor:(a=(y=t==null?void 0:t.colors)==null?void 0:y.danger)!=null?a:c["cm-danger"]})}),E("p",{style:{fontSize:"14px",margin:0,color:(d=(C=t==null?void 0:t.colors)==null?void 0:C.danger)!=null?d:c["cm-danger"]},children:n})]}):null,e==="initial"?X("div",{children:[E(Et,{appearance:t,children:u!=null?u:"Sign in to Crossmint"}),E(It,{appearance:t,children:"Access using one of the options below."})]}):null,r.includes("google")?E(ce,{}):null,r.includes("farcaster")?E($t,{baseUrl:i,children:E(ue,{})}):null,r.includes("twitter")?E(de,{}):null,r.some(h=>h.startsWith("web3"))?E(_t,{}):null,r.includes("email")?X("div",{children:[r.length>1?E(Bt,{appearance:t,text:"OR"}):null,E(se,{})]}):null,e==="initial"&&p!=null?X("div",{style:{fontSize:"0.875rem",textAlign:"center",marginTop:"0.5rem",color:(g=(l=t==null?void 0:t.colors)==null?void 0:l.textSecondary)!=null?g:c["cm-text-secondary"]},children:[E("style",{children:`
+                        p a {
+                            color: ${(s=(m=t==null?void 0:t.colors)==null?void 0:m.textLink)!=null?s:c["cm-link"]};
+                        }
+                    `}),p]}):null,e==="initial"||e==="otp"?E(Mt,{style:{marginTop:"1rem",justifyContent:"center"},color:(v=(f=t==null?void 0:t.colors)==null?void 0:f.textSecondary)!=null?v:c["cm-text-secondary"]}):null]})}import{jsx as fe}from"react/jsx-runtime";function nt({open:o}){let{appearance:e,setDialogOpen:t}=w();return fe(Ot,{open:o,setDialogOpen:t,appearance:e,children:fe(ge,{style:{maxWidth:"448px",padding:"0px"}})})}export{nt as a,Gt as b,U as c,jt as d,Yt as e,mt as f,dr as g,O as h,oe as i,ne as j,ae as k,se as l,ce as m,ue as n,de as o,ge as p};

package/dist/chunk-L2E6XMSV.js

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

package/dist/chunk-LUSXGZYB.js

@@ -0,0 +1,66 @@
+import{a as f}from"./chunk-AOBO3CEQ.js";import{a}from"./chunk-DFSB3TWF.js";import{d as g}from"./chunk-PXDN3KFO.js";import{useState as C}from"react";import r from"@emotion/styled";import{jsx as i,jsxs as s}from"react/jsx-runtime";var b=r.div`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 448px;
+    margin: 0 auto;
+    border-radius: 12px;
+`,h=r.h2`
+    margin: 6px 0 8px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+`,v=r.div`
+    margin-bottom: 32px;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||a["cm-border"]}};
+`,I=r.div`
+    display: flex;
+    align-items: center;
+`,B=r.div`
+    flex-shrink: 0;
+    margin-right: 12px;
+`,w=r.span`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    font-size: 16px;
+    overflow-wrap: anywhere;
+`,k=r.div`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.danger)||a["cm-danger"]}};
+    margin-bottom: 16px;
+    font-size: 14px;
+`,S=r.div`
+    display: flex;
+    gap: 12px;
+`,x=r.button`
+    flex: 1;
+    padding: 16px 24px;
+    border-radius: 9999px;
+    text-align: center;
+    font-weight: 500;
+    font-size: 16px;
+    cursor: pointer;
+    transition: opacity 200ms ease;
+    border: none;
+    &:disabled {
+        cursor: not-allowed;
+    }
+`,U=r(x)`
+    background: transparent;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||a["cm-border"]}};
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    &:hover:not(:disabled) {
+        opacity: 0.8;
+    }
+`,$=r(x)`
+    background-color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.accent)||a["cm-accent"]}};
+    color: white;
+    opacity: ${e=>e.isLoading?.7:1};
+    &:hover:not(:disabled) {
+        opacity: 0.9;
+    }
+`,L=r.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;function T({contactInfo:e,icon:o,onConfirm:n,onCancel:u,appearance:t}){var m;let[c,d]=C(!1),[p,l]=C("");return s(b,{children:[i(h,{appearance:t,children:"Send authorization code to"}),i(v,{appearance:t,children:s(I,{children:[i(B,{children:o}),i(w,{appearance:t,children:e})]})}),p&&i(k,{appearance:t,children:p}),s(S,{children:[i(U,{onClick:u,appearance:t,children:"Cancel"}),i($,{onClick:()=>g(this,null,function*(){d(!0),l("");try{yield n(e)}catch(y){console.error("Error sending authorization code:",y),l("Failed to send code. Please try again.")}finally{d(!1)}}),disabled:c,isLoading:c,appearance:t,children:c?i(L,{children:i(f,{style:{color:((m=t==null?void 0:t.colors)==null?void 0:m.background)||a["cm-background-primary"]}})}):"Send code"})]})]})}export{T as a};

package/dist/chunk-MN6UTXVP.js

@@ -0,0 +1,160 @@
+import{a as l}from"./chunk-NZUCXN2O.js";import{a as o}from"./chunk-DFSB3TWF.js";import{a as p}from"./chunk-PXDN3KFO.js";import*as r from"react";import{createPortal as h}from"react-dom";import c from"@emotion/styled";import{CSSTransition as v}from"react-transition-group";import{jsx as n,jsxs as m}from"react/jsx-runtime";var C=c.div`
+    position: fixed;
+    inset: 0;
+    z-index: 999;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+    
+    /* Transition classes */
+    &.dialog-enter {
+        opacity: 0;
+    }
+    &.dialog-enter-active {
+        opacity: 1;
+        transition: opacity 100ms ease;
+    }
+    &.dialog-exit {
+        opacity: 1;
+    }
+    &.dialog-exit-active {
+        opacity: 0;
+        transition: opacity 200ms ease;
+    }
+`,R=c.dialog`
+    ${l}
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    
+    /* Modal styling */
+    position: relative;
+    background-color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.background)||o["cm-background-primary"]}};
+    border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"16px"}};
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    width: 100%;
+    max-height: 90vh;
+    padding: 32px;
+    overflow-y: auto;
+    
+    /* Focus management */
+    &:focus {
+        outline: none;
+    }
+
+    /* Desktop styles and animations */
+    @media (min-width: 480px) {
+        max-width: 448px;
+        border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"24px"}};
+        padding: 40px 40px 30px;
+        
+        /* Desktop transition classes */
+        .dialog-enter & {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        .dialog-enter-active & {
+            transform: scale(1);
+            opacity: 1;
+            transition: transform 200ms ease, opacity 100ms ease;
+        }
+        .dialog-exit & {
+            transform: scale(1);
+            opacity: 1;
+        }
+        .dialog-exit-active & {
+            transform: scale(0.95);
+            opacity: 0;
+            transition: transform 200ms ease, opacity 200ms ease;
+        }
+    }
+
+    /* Mobile styles and animations */
+    @media (max-width: 479px) {
+        position: fixed;
+        left: 0;
+        right: 0;
+        bottom: 8px;
+        width: calc(100% - 16px);
+        max-height: calc(100vh - 18px);
+        border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"36px 36px 50px 50px"}};
+        padding: 40px 30px;
+        margin: 0 auto;
+        
+        /* Mobile transition classes */
+        .dialog-enter & {
+            transform: translateY(100%);
+        }
+        .dialog-enter-active & {
+            transform: translateY(0);
+            transition: transform 200ms ease;
+        }
+        .dialog-exit & {
+            transform: translateY(0);
+        }
+        .dialog-exit-active & {
+            transform: translateY(100%);
+            transition: transform 200ms ease;
+        }
+    }
+`,k=c.button`
+    ${l}
+    
+    /* Close button styling */
+    position: absolute;
+    top: 28px;
+    right: 28px;
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+    border: none;
+    z-index: 1000;
+    background-color: transparent;
+    color: ${t=>{var e,a,i;return(i=(a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)!=null?i:o["cm-text-secondary"]}};
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.15s ease;
+    
+    &:hover {
+        background-color: ${t=>{var e,a;return((a=(e=t==null?void 0:t.appearance)==null?void 0:e.colors)==null?void 0:a.backgroundSecondary)||o["cm-hover"]}};
+        color: ${t=>{var e,a,i;return(i=(a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)!=null?i:o["cm-text-secondary"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color:  ${t=>{var e,a;return((a=(e=t==null?void 0:t.appearance)==null?void 0:e.colors)==null?void 0:a.backgroundSecondary)||o["cm-hover"]}};
+        box-shadow: 0 0 0 2px ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.accent)||o["cm-accent"]}};
+    }
+    
+    svg {
+        width: 28px;
+        height: 28px;
+    }
+`,w=c.h2`
+    ${l}
+    
+    /* Title styling */
+    display: block;
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)||o["cm-text-primary"]}};
+    margin: 0 0 2px 0;
+`,S=c.p`
+    ${l}
+    
+    /* Description styling */
+    display: block;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textSecondary)||o["cm-text-secondary"]}};
+    margin: 0 0 12px 0;
+`,$=c.div`
+    /* Content wrapper */
+    display: flex;
+    flex-direction: column;
+`,B=({open:t,setDialogOpen:e,appearance:a,style:i,children:f,closeOnOverlayClick:x=!1,showCloseButton:y=!0})=>{let[g,u]=r.useState(!1),d=r.useRef(null);return r.useEffect(()=>{u(!0)},[]),r.useEffect(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]),r.useEffect(()=>{let s=b=>{b.key==="Escape"&&t&&(e==null||e(!1))};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[t,e]),g?h(n(v,{nodeRef:d,in:t,timeout:200,classNames:"dialog",unmountOnExit:!0,mountOnEnter:!0,children:n(C,{ref:d,onClick:x?s=>{s.target===s.currentTarget&&(e==null||e(!1))}:void 0,children:m(R,{appearance:a,style:p({},i),children:[y&&n(k,{onClick:()=>e==null?void 0:e(!1),appearance:a,children:m("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n("path",{d:"M18 6 6 18"}),n("path",{d:"m6 6 12 12"})]})}),n($,{children:f})]})})}),document.body):null},F=({children:t,style:e,appearance:a})=>n(w,{style:e,appearance:a,children:t}),N=({children:t,style:e,appearance:a})=>n(S,{style:e,appearance:a,children:t});export{B as a,F as b,N as c};

package/dist/chunk-NL42M74L.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkOVJIGWD7cjs = require('./chunk-OVJIGWD7.cjs');var _chunk5J6CUTGJcjs = require('./chunk-5J6CUTGJ.cjs');var _chunkEDALAJ5Icjs = require('./chunk-EDALAJ5I.cjs');var _chunkYGN7O63Xcjs = require('./chunk-YGN7O63X.cjs');var _chunkAO2V2B62cjs = require('./chunk-AO2V2B62.cjs');var _jsxruntime = require('react/jsx-runtime');function B({phone:i,open:e,setOpen:S,step:r,onSubmitOTP:v,onResendOTPCode:D,onSubmitPhone:h,rejectRef:n,appearance:o}){var l,m;function s(O){var c;(e||O)&&((c=n.current)==null||c.call(n,new Error),S(!1))}return _jsxruntime.jsxs.call(void 0, _chunkAO2V2B62cjs.a,{open:e,setDialogOpen:s,appearance:o,style:{overflow:"hidden"},children:[r==="initial"?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkAO2V2B62cjs.b,{appearance:o,children:"Confirm it's you"}),_jsxruntime.jsx.call(void 0, _chunkAO2V2B62cjs.c,{appearance:o,children:"You're using this wallet for the first time on this device. Click 'Send code' to get a one-time verification code via SMS."})]}):null,r==="otp"?_jsxruntime.jsx.call(void 0, _chunk5J6CUTGJcjs.a,{contactInfo:i!=null?i:"",contactType:"phone",icon:_jsxruntime.jsx.call(void 0, _chunkYGN7O63Xcjs.a,{customAccentColor:(l=o==null?void 0:o.colors)==null?void 0:l.accent,customBackgroundColor:(m=o==null?void 0:o.colors)==null?void 0:m.background}),title:"Check your phone",description:`A temporary login code has been sent via SMS to <strong>${i}</strong>`,helpText:`Can't receive the SMS? Check your phone number.
+Some messages may take several minutes to arrive.`,onSubmitOTP:v,onResendCode:D,appearance:o}):_jsxruntime.jsx.call(void 0, _chunkOVJIGWD7cjs.a,{contactInfo:i!=null?i:"",icon:_jsxruntime.jsx.call(void 0, _chunkEDALAJ5Icjs.a,{}),onConfirm:h,onCancel:s,appearance:o})]})}exports.a = B;

package/dist/chunk-NZUCXN2O.js

@@ -0,0 +1,6 @@
+import{css as i}from"@emotion/react";var s=i`
+    /* Reset inherited styles */
+    all: initial;
+    font-family: inherit;
+    box-sizing: border-box;
+`;export{s as a};

package/dist/chunk-O5IPDCMT.js

@@ -0,0 +1,48 @@
+import{a as r}from"./chunk-DFSB3TWF.js";import{a as s,b as f,c as d}from"./chunk-PXDN3KFO.js";import*as c from"react";import{OTPInput as R,OTPInputContext as h}from"input-otp";import{createContext as I,useContext as b}from"react";import p from"@emotion/styled";import{keyframes as g}from"@emotion/react";import{jsx as i,jsxs as B}from"react/jsx-runtime";var C=I(void 0),O=p.div`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    
+    &:has(:disabled) {
+        opacity: 0.5;
+    }
+`,T=p(R)`
+    &:disabled {
+        cursor: not-allowed;
+    }
+`,v=c.forwardRef((n,o)=>{var a=n,{appearance:e}=a,t=d(a,["appearance"]);return i(C.Provider,{value:e,children:i(O,{children:i(T,s({autoFocus:!0,ref:o},t))})})});v.displayName="InputOTP";var k=p.div`
+    display: flex;
+    gap: 8px;
+    align-items: center;
+`,$=c.forwardRef((o,t)=>{var e=d(o,[]);return i(k,s({ref:t},e))});$.displayName="InputOTPGroup";var w=g`
+    0%, 50% { opacity: 1; }
+    51%, 100% { opacity: 0; }
+`,E=p.div`
+    position: relative;
+    display: flex;
+    height: 56px;
+    width: 48px;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid;
+    font-size: 18px;
+    transition: all 200ms ease;
+    border-radius: ${e=>{var t;return((t=e.appearance)==null?void 0:t.borderRadius)||"6px"}};
+    border-color: ${e=>{var t,o,n,a;return e.hasError?((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.danger)||r["cm-danger"]:((a=(n=e.appearance)==null?void 0:n.colors)==null?void 0:a.border)||r["cm-border"]}};
+    background-color: ${e=>{var t,o,n,a;return e.hasChar?((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.buttonBackground)||r["cm-muted-primary"]:((a=(n=e.appearance)==null?void 0:n.colors)==null?void 0:a.inputBackground)||r["cm-background-primary"]}};
+    color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||r["cm-text-primary"]}};
+    box-shadow: ${e=>{var t,o;return e.isActive?`0 0 0 2px ${((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.accent)||r["cm-accent"]}`:"none"}};
+    z-index: ${e=>e.isActive?10:1};
+`,S=p.div`
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,A=p.div`
+    height: 18px;
+    width: 1px;
+    background-color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||r["cm-text-primary"]}};
+    animation: ${w} 1000ms infinite;
+`,U=c.forwardRef((a,n)=>{var l=a,{index:e,hasError:t}=l,o=d(l,["index","hasError"]);let P=c.useContext(h),{char:m,hasFakeCaret:x,isActive:y}=P.slots[e],u=b(C);return B(E,f(s({ref:n,appearance:u,hasError:t,isActive:y,hasChar:!!m},o),{children:[m,x&&i(S,{children:i(A,{appearance:u})})]}))});U.displayName="InputOTPSlot";export{v as a,$ as b,U as c};

package/dist/chunk-OAHZHKRR.js

@@ -0,0 +1 @@
+import{jsx as l,jsxs as h}from"react/jsx-runtime";function C({style:t}){return h("svg",{width:"25",height:"25",x:"0px",y:"0px",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",style:t,children:[l("path",{fill:"#fbc02d",d:"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"}),l("path",{fill:"#e53935",d:"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"}),l("path",{fill:"#4caf50",d:"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"}),l("path",{fill:"#1565c0",d:"M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"})]})}export{C as a};

package/dist/chunk-OIBR6K7M.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-LUSXGZYB.js";import{a as u}from"./chunk-36S5R2NM.js";import{a as C}from"./chunk-XFYW7RD2.js";import{a as P}from"./chunk-BWCRTWMO.js";import{a as g,b as d,c as f}from"./chunk-MN6UTXVP.js";import{Fragment as y,jsx as t,jsxs as b}from"react/jsx-runtime";function A({phone:i,open:e,setOpen:S,step:r,onSubmitOTP:v,onResendOTPCode:D,onSubmitPhone:h,rejectRef:n,appearance:o}){var l,m;function s(O){var c;(e||O)&&((c=n.current)==null||c.call(n,new Error),S(!1))}return b(g,{open:e,setDialogOpen:s,appearance:o,style:{overflow:"hidden"},children:[r==="initial"?b(y,{children:[t(d,{appearance:o,children:"Confirm it's you"}),t(f,{appearance:o,children:"You're using this wallet for the first time on this device. Click 'Send code' to get a one-time verification code via SMS."})]}):null,r==="otp"?t(u,{contactInfo:i!=null?i:"",contactType:"phone",icon:t(P,{customAccentColor:(l=o==null?void 0:o.colors)==null?void 0:l.accent,customBackgroundColor:(m=o==null?void 0:o.colors)==null?void 0:m.background}),title:"Check your phone",description:`A temporary login code has been sent via SMS to <strong>${i}</strong>`,helpText:`Can't receive the SMS? Check your phone number.
+Some messages may take several minutes to arrive.`,onSubmitOTP:v,onResendCode:D,appearance:o}):t(a,{contactInfo:i!=null?i:"",icon:t(C,{}),onConfirm:h,onCancel:s,appearance:o})]})}export{A as a};

package/dist/{chunk-2OIZFMK3.cjs → chunk-OSSEBYGB.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3PHT3DAKcjs = require('./chunk-3PHT3DAK.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,_chunk3PHT3DAKcjs.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 _chunk4RD5CZ3Dcjs = require('./chunk-4RD5CZ3D.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,_chunk4RD5CZ3Dcjs.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-OVJIGWD7.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkAHMPKIEYcjs = require('./chunk-AHMPKIEY.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _jsxruntime = require('react/jsx-runtime');var b=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 448px;
+    margin: 0 auto;
+    border-radius: 12px;
+`,h=_styled2.default.h2`
+    margin: 6px 0 8px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+`,v=_styled2.default.div`
+    margin-bottom: 32px;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||_chunkEAWYV5ZOcjs.a["cm-border"]}};
+`,I=_styled2.default.div`
+    display: flex;
+    align-items: center;
+`,B=_styled2.default.div`
+    flex-shrink: 0;
+    margin-right: 12px;
+`,w=_styled2.default.span`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    font-size: 16px;
+    overflow-wrap: anywhere;
+`,k=_styled2.default.div`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.danger)||_chunkEAWYV5ZOcjs.a["cm-danger"]}};
+    margin-bottom: 16px;
+    font-size: 14px;
+`,S=_styled2.default.div`
+    display: flex;
+    gap: 12px;
+`,x=_styled2.default.button`
+    flex: 1;
+    padding: 16px 24px;
+    border-radius: 9999px;
+    text-align: center;
+    font-weight: 500;
+    font-size: 16px;
+    cursor: pointer;
+    transition: opacity 200ms ease;
+    border: none;
+    &:disabled {
+        cursor: not-allowed;
+    }
+`,U=_styled2.default.call(void 0, x)`
+    background: transparent;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||_chunkEAWYV5ZOcjs.a["cm-border"]}};
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    &:hover:not(:disabled) {
+        opacity: 0.8;
+    }
+`,$=_styled2.default.call(void 0, x)`
+    background-color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    color: white;
+    opacity: ${e=>e.isLoading?.7:1};
+    &:hover:not(:disabled) {
+        opacity: 0.9;
+    }
+`,L=_styled2.default.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;function R({contactInfo:e,icon:o,onConfirm:n,onCancel:u,appearance:t}){var m;let[c,d]=_react.useState.call(void 0, !1),[p,l]=_react.useState.call(void 0, "");return _jsxruntime.jsxs.call(void 0, b,{children:[_jsxruntime.jsx.call(void 0, h,{appearance:t,children:"Send authorization code to"}),_jsxruntime.jsx.call(void 0, v,{appearance:t,children:_jsxruntime.jsxs.call(void 0, I,{children:[_jsxruntime.jsx.call(void 0, B,{children:o}),_jsxruntime.jsx.call(void 0, w,{appearance:t,children:e})]})}),p&&_jsxruntime.jsx.call(void 0, k,{appearance:t,children:p}),_jsxruntime.jsxs.call(void 0, S,{children:[_jsxruntime.jsx.call(void 0, U,{onClick:u,appearance:t,children:"Cancel"}),_jsxruntime.jsx.call(void 0, $,{onClick:()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){d(!0),l("");try{yield n(e)}catch(y){console.error("Error sending authorization code:",y),l("Failed to send code. Please try again.")}finally{d(!1)}}),disabled:c,isLoading:c,appearance:t,children:c?_jsxruntime.jsx.call(void 0, L,{children:_jsxruntime.jsx.call(void 0, _chunkAHMPKIEYcjs.a,{style:{color:((m=t==null?void 0:t.colors)==null?void 0:m.background)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}})}):"Send code"})]})]})}exports.a = R;

package/dist/chunk-QFUZG5YR.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";function s({style:o}){return e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:o,children:[t("path",{d:"m12 19-7-7 7-7"}),t("path",{d:"M19 12H5"})]})}export{s as a};