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

package/dist/chunk-CIGMEAL7.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-RV2X7AFS.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-CILUBBIE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXNNGBVFGcjs = require('./chunk-XNNGBVFG.cjs');var _chunkIDQKQMA2cjs = require('./chunk-IDQKQMA2.cjs');var _chunk5UKANIFUcjs = require('./chunk-5UKANIFU.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');var p=P=>()=>{throw new Error(`${P} is not available. Make sure you're using an email or phone signer wallet.`)};function x({children:P,showPasskeyHelpers:d=!0,appearance:m,createOnLogin:o,callbacks:i}){let{experimental_customAuth:t}=_clientsdkreactbase.useCrossmint.call(void 0, ),[F,c]=_react.useState.call(void 0, {open:!1}),[N,y]=_react.useState.call(void 0, !1),[j,S]=_react.useState.call(void 0, "initial"),[q,f]=_react.useState.call(void 0, !1),[V,u]=_react.useState.call(void 0, "initial"),A=_react.useRef.call(void 0, !1),v=_react.useRef.call(void 0, p("sendEmailWithOtp")),g=_react.useRef.call(void 0, p("verifyOtp")),C=_react.useRef.call(void 0, p("sendPhoneWithOtp")),T=_react.useRef.call(void 0, p("verifyPhoneOtp")),n=_react.useRef.call(void 0, p("reject")),R=(o==null?void 0:o.signer.type)==="phone"&&(o==null?void 0:o.signer.phone)!=null?o.signer.phone:t==null?void 0:t.phone,w=_react.useCallback.call(void 0, e=>()=>new Promise(r=>{if(!d){r();return}c({type:e,open:!0,primaryActionOnClick:()=>{c({open:!1}),r()},secondaryActionOnClick:()=>{c({open:!1}),r()}})}),[d]),O=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield v.current(),S("otp")}catch(e){console.error("Failed to send email OTP",e),n.current(new Error("Failed to send email OTP"))}}),B=e=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield g.current(e),y(!1),S("initial")}catch(r){console.error("Failed to verify OTP",r),n.current(new Error("Failed to verify OTP"))}}),E=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield C.current(),u("otp")}catch(e){console.error("Failed to send phone OTP",e),n.current(new Error("Failed to send phone OTP"))}}),I=e=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield T.current(e),f(!1),u("initial")}catch(r){console.error("Failed to verify phone OTP",r),n.current(new Error("Failed to verify phone OTP"))}});return _jsxruntime.jsxs.call(void 0, _clientsdkreactbase.CrossmintWalletBaseProvider,{createOnLogin:o,onAuthRequired:(e,r,b,U)=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){(o==null?void 0:o.signer.type)==="phone"&&o.signer.phone?(f(e),C.current=r,T.current=b):(y(e),v.current=r,g.current=b),A.current=e,n.current=U}),callbacks:(()=>{let e=i==null?void 0:i.onWalletCreationStart,r=i==null?void 0:i.onTransactionStart;return(o==null?void 0:o.signer.type)==="passkey"&&d&&(e=w("create-wallet"),r=w("transaction")),{onWalletCreationStart:e,onTransactionStart:r}})(),children:[P,_jsxruntime.jsx.call(void 0, _chunkIDQKQMA2cjs.a,{rejectRef:n,email:t==null?void 0:t.email,open:N&&(t==null?void 0:t.email)!=null,setOpen:y,step:j,onSubmitOTP:B,onResendOTPCode:O,onSubmitEmail:O,appearance:m}),_jsxruntime.jsx.call(void 0, _chunk5UKANIFUcjs.a,{rejectRef:n,phone:R,open:q&&R!=null,setOpen:f,step:V,onSubmitOTP:I,onResendOTPCode:E,onSubmitPhone:E,appearance:m}),_jsxruntime.jsx.call(void 0, _chunkXNNGBVFGcjs.a,{state:F,appearance:m})]})}exports.a = x;

package/dist/chunk-DFNTIHTH.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-RV2X7AFS.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-DFSB3TWF.js

@@ -0,0 +1 @@
+var r={"cm-text-primary":"#00150D","cm-text-secondary":"#67797F","cm-background-primary":"#FFFFFF","cm-muted-primary":"#F0F2F4","cm-hover":"#E9ECF0","cm-border":"#D9D9D9","cm-link":"#1A74E9","cm-accent":"#4CAF50","cm-danger":"#f44336"};export{r as a};

package/dist/chunk-DJZOP4MT.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk3X24JZVGcjs = require('./chunk-3X24JZVG.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 L=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Button styles */
+    font-size: 14px;
+    line-height: 1.3;
+    text-align: center;
+    margin-top: 8px;
+    transition: opacity 200ms ease;
+    border: none;
+    background: none;
+    border-radius: 4px;
+    
+    /* Conditional styling based on state */
+    cursor: ${e=>e.canResend&&!e.isLoading?"pointer":"default"};
+    opacity: ${e=>e.canResend&&!e.isLoading?1:.5};
+    color: ${e=>{var t,n,s,i;return e.canResend&&!e.isLoading?((n=(t=e.appearance)==null?void 0:t.colors)==null?void 0:n.textLink)||"#1A73E8":((i=(s=e.appearance)==null?void 0:s.colors)==null?void 0:i.textSecondary)||"#67797F"}};
+    
+    /* Hover state for active button */
+    &:hover {
+        opacity: ${e=>e.canResend&&!e.isLoading?.8:.5};
+    }
+
+    /* Tab style for button (for accessibility) */
+    &:focus-visible {
+        outline: 2px solid ${e=>{var t,n;return((n=(t=e.appearance)==null?void 0:t.colors)==null?void 0:n.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+        outline-offset: 2px;
+    }
+    
+    /* Disabled state */
+    &:disabled {
+        cursor: default;
+    }
+`;function S({initialSeconds:e,appearance:t,countdownText:n,countdownCompleteText:s,handleOnClick:i}){let[r,u]=_react.useState.call(void 0, e),[o,f]=_react.useState.call(void 0, !0),[y,C]=_react.useState.call(void 0, 0),[l,p]=_react.useState.call(void 0, !1);_react.useEffect.call(void 0, ()=>{let a;return r>0&&(f(!1),a=setInterval(()=>{u(c=>c<=1?(f(!0),0):c-1)},1e3)),()=>{a!=null&&clearInterval(a)}},[r]);let R=()=>{if(!o)return;let a=Math.min(e*Math.pow(2,y),240);u(a),C(c=>c+1)};return _jsxruntime.jsx.call(void 0, L,{onClick:()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){o&&r===0&&!l&&(p(!0),yield i(),R(),p(!1))}),disabled:!o||l,appearance:t,canResend:o,isLoading:l,children:o?s:n(r)})}exports.a = S;

package/dist/{chunk-ND3NGHHK.js → chunk-DWQ5A3JR.js}

@@ -1 +1 @@
-import{f as e}from"./chunk-P453UQYI.js";import{useContext as o}from"react";function h(){let t=o(e);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}export{h as a};
+import{f as e}from"./chunk-CIGMEAL7.js";import{useContext as o}from"react";function h(){let t=o(e);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}export{h as a};

package/dist/chunk-EA7H4AXL.js

@@ -0,0 +1 @@
+import{a as m,b as p,c as d}from"./chunk-KFL42A3A.js";import{a as c,b as a,c as g}from"./chunk-PXDN3KFO.js";import{useId as h}from"react";import{Fragment as S,jsx as i,jsxs as e}from"react/jsx-runtime";function T(u){var l=u,{colors:t,displayType:n="icon-and-text"}=l,o=g(l,["colors","displayType"]);let{icon:C,text:f}={icon:(t==null?void 0:t.icon)||p.colors.icon,text:(t==null?void 0:t.text)||m.light.text},s={colors:{icon:C,text:f},displayType:n};o.width==null&&o.height==null&&(o.width=144);let r=h();return e("svg",a(c({viewBox:d[n]},o),{children:[q(s,r),i("g",{children:e("g",{children:[y(s),v(s,r)]})})]}))}function q(t,n){let{icon:o}=t.colors;return o.type!=="gradient"?null:i("defs",{children:e("linearGradient",{id:`logoGradient-${n}`,className:"logoGradient",x1:".1",y1:".1",x2:"85.8",y2:"85.8",gradientUnits:"userSpaceOnUse",children:[i("stop",{className:"stop-0",offset:"0",stopColor:o.from}),i("stop",{className:"stop-1",offset:"1",stopColor:o.to})]})})}function y({colors:t,displayType:n}){if(n==="icon-only")return null;let{text:o}=t;return e(S,{children:[i("path",{fill:o,d:"M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z"}),i("path",{d:"M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58",fillRule:"evenodd",fill:o}),i("path",{fill:o,d:"m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z"})]})}function v(t,n){let{icon:o}=t.colors;return i("path",{d:"M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z",fill:o.type==="gradient"?`url(#logoGradient-${n})`:o.color,fillRule:"evenodd"})}export{T as a};

package/dist/chunk-EAWYV5ZO.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var m={"cm-text-primary":"#00150D","cm-text-secondary":"#67797F","cm-background-primary":"#FFFFFF","cm-muted-primary":"#F0F2F4","cm-hover":"#E9ECF0","cm-border":"#D9D9D9","cm-link":"#1A74E9","cm-accent":"#4CAF50","cm-danger":"#f44336"};exports.a = m;

package/dist/chunk-EDALAJ5I.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function i(e){return _jsxruntime.jsxs.call(void 0, "svg",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {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"},e),{children:[_jsxruntime.jsx.call(void 0, "rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2"}),_jsxruntime.jsx.call(void 0, "path",{d:"M12 18h.01"})]}))}exports.a = i;

package/dist/chunk-EO53B7LL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');function n({style:o}){return _jsxruntime.jsxs.call(void 0, "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:[_jsxruntime.jsx.call(void 0, "path",{d:"m12 19-7-7 7-7"}),_jsxruntime.jsx.call(void 0, "path",{d:"M19 12H5"})]})}exports.a = n;

package/dist/chunk-F4LXE6LZ.js

@@ -0,0 +1 @@
+import{a as C}from"./chunk-EA7H4AXL.js";import{a}from"./chunk-OKJ7OOAK.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-7SLUOHO2.cjs → chunk-FBNBB4BQ.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 m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunk3PHT3DAKcjs.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 _chunk3BAA6AWAcjs = require('./chunk-3BAA6AWA.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,_chunk3BAA6AWAcjs.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-G355BJA3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMVVTLZ2Scjs = require('./chunk-MVVTLZ2S.cjs');var _jsxruntime = require('react/jsx-runtime');function m(){return _jsxruntime.jsx.call(void 0, _chunkMVVTLZ2Scjs.p,{style:{width:"100%"}})}exports.a = m;

package/dist/{chunk-L2LMLMMN.js → chunk-GCL4OQK4.js}

@@ -1 +1 @@
-import{a as d,b as y}from"./chunk-72P3JMXX.js";import{a as u}from"./chunk-2POV64LQ.js";import{a as p}from"./chunk-6LFJ3UC3.js";import{a as l,c as m}from"./chunk-PXDN3KFO.js";import{useMemo as G}from"react";import{useState as J}from"react";import{clientNames as K,crossmintModalService as Q,crossmintPayButtonService as W}from"@crossmint/client-sdk-base";import{Fragment as Y,jsx as r,jsxs as X}from"react/jsx-runtime";function ct(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=m(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]=J(!1),{isServerSideRendering:D}=u(),{connect:V}=Q({clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:p,environment:T,clientName:K.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=W({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=y(d(S)),z=G(()=>r("span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return r(Y,{children:!D&&X("button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:l({},f),tabIndex:I,children:[r("img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}export{ct as a};
+import{a as d,b as y}from"./chunk-72P3JMXX.js";import{a as u}from"./chunk-2POV64LQ.js";import{a as p}from"./chunk-Q2GJN22S.js";import{a as l,c as m}from"./chunk-PXDN3KFO.js";import{useMemo as G}from"react";import{useState as J}from"react";import{clientNames as K,crossmintModalService as Q,crossmintPayButtonService as W}from"@crossmint/client-sdk-base";import{Fragment as Y,jsx as r,jsxs as X}from"react/jsx-runtime";function ct(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=m(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]=J(!1),{isServerSideRendering:D}=u(),{connect:V}=Q({clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:p,environment:T,clientName:K.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=W({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=y(d(S)),z=G(()=>r("span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return r(Y,{children:!D&&X("button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:l({},f),tabIndex:I,children:[r("img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}export{ct as a};

package/dist/chunk-GKVX7FEM.js

@@ -0,0 +1,40 @@
+import{a as y}from"./chunk-23YVHBPI.js";import{a as g}from"./chunk-AOBO3CEQ.js";import{a as f}from"./chunk-NZUCXN2O.js";import{a as r}from"./chunk-DFSB3TWF.js";import{a as l,b as m,c as p}from"./chunk-PXDN3KFO.js";import a from"@emotion/styled";import{jsx as c,jsxs as k}from"react/jsx-runtime";var x=a.button`
+    ${f}
+    
+    /* Base button styles */
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 16px;
+    font-size: 16px;
+    min-height: 56px;
+    border: none;
+    border-radius: ${e=>{var o;return((o=e.appearance)==null?void 0:o.borderRadius)||"12px"}};
+    background-color: ${e=>{var o,t;return((t=(o=e.appearance)==null?void 0:o.colors)==null?void 0:t.buttonBackground)||r["cm-muted-primary"]}};
+    color: ${e=>{var o,t;return((t=(o=e.appearance)==null?void 0:o.colors)==null?void 0:t.textPrimary)||r["cm-text-primary"]}};
+    cursor: ${e=>e.isLoading?"not-allowed":"pointer"};
+    
+    /* Transitions */
+    transition: background-color 200ms ease-in-out;
+    
+    /* Hover and focus states */
+    &:hover {
+        background-color: ${e=>{var o,t,n,i;return e.isLoading?((t=(o=e.appearance)==null?void 0:o.colors)==null?void 0:t.buttonBackground)||r["cm-muted-primary"]:((i=(n=e.appearance)==null?void 0:n.colors)==null?void 0:i.backgroundSecondary)||r["cm-hover"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: ${e=>{var o,t;return((t=(o=e.appearance)==null?void 0:o.colors)==null?void 0:t.backgroundSecondary)||r["cm-hover"]}};
+    }
+`,B=a.div`
+    position: absolute;
+    left: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,h=a.span`
+    font-weight: 400;
+    color: ${e=>{var o,t;return((t=(o=e.appearance)==null?void 0:o.colors)==null?void 0:t.textPrimary)||r["cm-text-primary"]}};
+`;function L(C){var s=C,{icon:e,children:o,isLoading:t=!1,appearance:n,onButtonClick:i}=s,b=p(s,["icon","children","isLoading","appearance","onButtonClick"]);var u,d;return k(x,m(l({appearance:n,isLoading:t,onClick:t?void 0:i},b),{children:[c(B,{children:e}),t?c(g,{style:{color:(u=n==null?void 0:n.colors)==null?void 0:u.textSecondary,fill:(d=n==null?void 0:n.colors)==null?void 0:d.textPrimary}}):c(h,{appearance:n,children:o}),c(y,{children:o})]}))}export{L as a};

package/dist/chunk-H3CPTTQQ.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";function n({style:e}){return t("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:e,children:t("path",{d:"m9 18 6-6-6-6"})})}export{n as a};

package/dist/chunk-H6AOYLPM.cjs

@@ -0,0 +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 _chunk4OGRGEDQcjs = require('./chunk-4OGRGEDQ.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');function z(d){let[f,h]=_react.useState.call(void 0, !1),{crossmint:k}=_clientsdkreactbase.useCrossmint.call(void 0, ),y=_chunk4OGRGEDQcjs.a.call(void 0, k),c=d,{recipient:P,locale:g,lineItems:H,payment:S,appearance:V,metadata:v}=c,b=_chunk2WSEHVNPcjs.c.call(void 0, c,["recipient","locale","lineItems","payment","appearance","metadata"]),n={recipient:P,locale:g,lineItems:H,payment:S,appearance:V,metadata:v},x=_clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, {apiClient:y,hostedCheckoutProps:n}),t=_clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, n),p=b,{onClick:r,className:E,children:o}=p,I=_chunk2WSEHVNPcjs.c.call(void 0, p,["onClick","className","children"]);function B(e){e.preventDefault(),e.stopPropagation(),x.createWindow(),r&&r(e)}let i=t.generateCss();return _react.useEffect.call(void 0, ()=>{let{cleanup:e}=t.injectCss(i);return h(!0),e},[i]),f?_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}),o!=null?o:_jsxruntime.jsx.call(void 0, "p",{style:{margin:0},children:t.getButtonText()})]})):null}exports.a = z;

package/dist/chunk-HHI2XRKR.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";function i({style:o}){var t;return r("svg",{style:o,width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M15.0566 12.5H15.067M1.10156 3.5V17.5C1.10156 18.6046 2.02718 19.5 3.16898 19.5H17.6409C18.7827 19.5 19.7083 18.6046 19.7083 17.5V7.5C19.7083 6.39543 18.7827 5.5 17.6409 5.5L3.16898 5.5C2.02718 5.5 1.10156 4.60457 1.10156 3.5ZM1.10156 3.5C1.10156 2.39543 2.02718 1.5 3.16898 1.5H15.5735M15.5735 12.5C15.5735 12.7761 15.3421 13 15.0566 13C14.7712 13 14.5398 12.7761 14.5398 12.5C14.5398 12.2239 14.7712 12 15.0566 12C15.3421 12 15.5735 12.2239 15.5735 12.5Z",stroke:(t=o==null?void 0:o.color)!=null?t:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}export{i as a};

package/dist/chunk-HJGCM4XH.js

@@ -0,0 +1,13 @@
+import{a as l}from"./chunk-QQP4GR7V.js";import{a as r}from"./chunk-WK7PY5WL.js";import n from"@emotion/styled";import{DynamicEmbeddedWidget as m}from"@dynamic-labs/sdk-react-core";import{Fragment as u,jsx as o,jsxs as g}from"react/jsx-runtime";var s=n.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+`,C=n.div`
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 100%;
+`,f=n.div`
+    /* Widget container styles */
+    min-height: 325px;
+`;function b(){var i,e;let{appearance:t,step:c,setStep:d}=r();return c==="web3"?g(u,{children:[o(l,{onClick:()=>d("initial"),iconColor:(i=t==null?void 0:t.colors)==null?void 0:i.textPrimary,ringColor:(e=t==null?void 0:t.colors)==null?void 0:e.accent}),o(s,{children:o(C,{children:o(f,{children:o(m,{background:"none"})})})})]}):null}export{b as a};

package/dist/chunk-IDQKQMA2.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 _chunkBPEDL7VVcjs = require('./chunk-BPEDL7VV.cjs');var _chunkO3H2EYFAcjs = require('./chunk-O3H2EYFA.cjs');var _chunkI4GMMHQRcjs = require('./chunk-I4GMMHQR.cjs');var _jsxruntime = require('react/jsx-runtime');function M({email:i,open:r,setOpen:k,step:e,onSubmitOTP:O,onResendOTPCode:y,onSubmitEmail:P,rejectRef:n,appearance:o}){var s,m,c;function l(a){var d;(r||a)&&((d=n.current)==null||d.call(n,new Error),k(!1))}return _jsxruntime.jsxs.call(void 0, _chunkO3H2EYFAcjs.a,{open:r,setDialogOpen:l,appearance:o,style:{overflow:"hidden"},children:[e==="initial"?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkO3H2EYFAcjs.b,{appearance:o,children:"Confirm it's you"}),_jsxruntime.jsx.call(void 0, _chunkO3H2EYFAcjs.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."})]}):null,e==="otp"?_jsxruntime.jsx.call(void 0, _chunk5J6CUTGJcjs.a,{contactInfo:i!=null?i:"",contactType:"email",icon:_jsxruntime.jsx.call(void 0, "div",{style:{position:"relative",left:"12px"},children:_jsxruntime.jsx.call(void 0, _chunkI4GMMHQRcjs.a,{customAccentColor:(s=o==null?void 0:o.colors)==null?void 0:s.accent,customButtonBackgroundColor:(m=o==null?void 0:o.colors)==null?void 0:m.buttonBackground,customBackgroundColor:(c=o==null?void 0:o.colors)==null?void 0:c.background})}),title:"Check your email",description:`A temporary login code has been sent to <strong>${i}</strong>`,helpText:`Can't find the email? Check spam folder. 
+Some emails may take several minutes to arrive.`,onSubmitOTP:O,onResendCode:y,appearance:o}):_jsxruntime.jsx.call(void 0, _chunkOVJIGWD7cjs.a,{contactInfo:i!=null?i:"",icon:_jsxruntime.jsx.call(void 0, _chunkBPEDL7VVcjs.a,{}),onConfirm:P,onCancel:l,appearance:o})]})}exports.a = M;

package/dist/chunk-J4OVY4SC.js

@@ -0,0 +1 @@
+import{a as D}from"./chunk-MS75EYBH.js";import{a as k}from"./chunk-3YLL6H32.js";import{a as W}from"./chunk-DFNTIHTH.js";import{d as s}from"./chunk-PXDN3KFO.js";import{useState as l,useCallback as $,useRef as a}from"react";import{CrossmintWalletBaseProvider as z,useCrossmint as G}from"@crossmint/client-sdk-react-base";import{jsx as h,jsxs as J}from"react/jsx-runtime";var p=P=>()=>{throw new Error(`${P} is not available. Make sure you're using an email or phone signer wallet.`)};function L({children:P,showPasskeyHelpers:d=!0,appearance:m,createOnLogin:o,callbacks:i}){let{experimental_customAuth:t}=G(),[F,c]=l({open:!1}),[N,y]=l(!1),[j,S]=l("initial"),[q,f]=l(!1),[V,u]=l("initial"),A=a(!1),v=a(p("sendEmailWithOtp")),g=a(p("verifyOtp")),C=a(p("sendPhoneWithOtp")),T=a(p("verifyPhoneOtp")),n=a(p("reject")),R=(o==null?void 0:o.signer.type)==="phone"&&(o==null?void 0:o.signer.phone)!=null?o.signer.phone:t==null?void 0:t.phone,w=$(e=>()=>new Promise(r=>{if(!d){r();return}c({type:e,open:!0,primaryActionOnClick:()=>{c({open:!1}),r()},secondaryActionOnClick:()=>{c({open:!1}),r()}})}),[d]),O=()=>s(this,null,function*(){try{yield v.current(),S("otp")}catch(e){console.error("Failed to send email OTP",e),n.current(new Error("Failed to send email OTP"))}}),B=e=>s(this,null,function*(){try{yield g.current(e),y(!1),S("initial")}catch(r){console.error("Failed to verify OTP",r),n.current(new Error("Failed to verify OTP"))}}),E=()=>s(this,null,function*(){try{yield C.current(),u("otp")}catch(e){console.error("Failed to send phone OTP",e),n.current(new Error("Failed to send phone OTP"))}}),I=e=>s(this,null,function*(){try{yield T.current(e),f(!1),u("initial")}catch(r){console.error("Failed to verify phone OTP",r),n.current(new Error("Failed to verify phone OTP"))}});return J(z,{createOnLogin:o,onAuthRequired:(e,r,b,U)=>s(this,null,function*(){(o==null?void 0:o.signer.type)==="phone"&&o.signer.phone?(f(e),C.current=r,T.current=b):(y(e),v.current=r,g.current=b),A.current=e,n.current=U}),callbacks:(()=>{let e=i==null?void 0:i.onWalletCreationStart,r=i==null?void 0:i.onTransactionStart;return(o==null?void 0:o.signer.type)==="passkey"&&d&&(e=w("create-wallet"),r=w("transaction")),{onWalletCreationStart:e,onTransactionStart:r}})(),children:[P,h(k,{rejectRef:n,email:t==null?void 0:t.email,open:N&&(t==null?void 0:t.email)!=null,setOpen:y,step:j,onSubmitOTP:B,onResendOTPCode:O,onSubmitEmail:O,appearance:m}),h(W,{rejectRef:n,phone:R,open:q&&R!=null,setOpen:f,step:V,onSubmitOTP:I,onResendOTPCode:E,onSubmitPhone:E,appearance:m}),h(D,{state:F,appearance:m})]})}export{L as a};

package/dist/chunk-JL7YHC7D.js

@@ -0,0 +1,34 @@
+import{a as m}from"./chunk-NZUCXN2O.js";import{a as g}from"./chunk-DFSB3TWF.js";import{d as b}from"./chunk-PXDN3KFO.js";import{useState as d,useEffect as x}from"react";import h from"@emotion/styled";import{jsx as k}from"react/jsx-runtime";var L=h.button`
+    ${m}
+    
+    /* Button styles */
+    font-size: 14px;
+    line-height: 1.3;
+    text-align: center;
+    margin-top: 8px;
+    transition: opacity 200ms ease;
+    border: none;
+    background: none;
+    border-radius: 4px;
+    
+    /* Conditional styling based on state */
+    cursor: ${e=>e.canResend&&!e.isLoading?"pointer":"default"};
+    opacity: ${e=>e.canResend&&!e.isLoading?1:.5};
+    color: ${e=>{var t,n,s,i;return e.canResend&&!e.isLoading?((n=(t=e.appearance)==null?void 0:t.colors)==null?void 0:n.textLink)||"#1A73E8":((i=(s=e.appearance)==null?void 0:s.colors)==null?void 0:i.textSecondary)||"#67797F"}};
+    
+    /* Hover state for active button */
+    &:hover {
+        opacity: ${e=>e.canResend&&!e.isLoading?.8:.5};
+    }
+
+    /* Tab style for button (for accessibility) */
+    &:focus-visible {
+        outline: 2px solid ${e=>{var t,n;return((n=(t=e.appearance)==null?void 0:t.colors)==null?void 0:n.accent)||g["cm-accent"]}};
+        outline-offset: 2px;
+    }
+    
+    /* Disabled state */
+    &:disabled {
+        cursor: default;
+    }
+`;function T({initialSeconds:e,appearance:t,countdownText:n,countdownCompleteText:s,handleOnClick:i}){let[r,u]=d(e),[o,f]=d(!0),[y,C]=d(0),[l,p]=d(!1);x(()=>{let a;return r>0&&(f(!1),a=setInterval(()=>{u(c=>c<=1?(f(!0),0):c-1)},1e3)),()=>{a!=null&&clearInterval(a)}},[r]);let R=()=>{if(!o)return;let a=Math.min(e*Math.pow(2,y),240);u(a),C(c=>c+1)};return k(L,{onClick:()=>b(this,null,function*(){o&&r===0&&!l&&(p(!0),yield i(),R(),p(!1))}),disabled:!o||l,appearance:t,canResend:o,isLoading:l,children:o?s:n(r)})}export{T as a};

package/dist/chunk-JVXYIBS3.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkS4BKL6MRcjs = require('./chunk-S4BKL6MR.cjs');var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _chunk3X24JZVGcjs = require('./chunk-3X24JZVG.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunkYCYSZLQ2cjs = require('./chunk-YCYSZLQ2.cjs');var _chunkCDQFTAM2cjs = require('./chunk-CDQFTAM2.cjs');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _jsxruntime = require('react/jsx-runtime');var f=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Base button styles */
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 16px;
+    font-size: 16px;
+    min-height: 56px;
+    border: none;
+    border-radius: ${e=>{var t;return((t=e.appearance)==null?void 0:t.borderRadius)||"12px"}};
+    background-color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.buttonBackground)||_chunkEAWYV5ZOcjs.a["cm-muted-primary"]}};
+    color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    cursor: pointer;
+    
+    /* Transitions */
+    transition: background-color 200ms ease-in-out;
+
+    &:hover {
+        background-color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.backgroundSecondary)||_chunkEAWYV5ZOcjs.a["cm-hover"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: ${_chunkEAWYV5ZOcjs.a["cm-hover"]};
+    }
+`,x=_styled2.default.div`
+    position: absolute;
+    left: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,g=_styled2.default.div`
+    position: absolute;
+    right: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,h=_styled2.default.span`
+    font-weight: 400;
+    margin: 0 32px;
+    color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+`;function R(){var a,c;let{step:e,appearance:t,setStep:o,setError:d}=_chunkKT4LGFPNcjs.a.call(void 0, );return e!=="initial"?null:_jsxruntime.jsxs.call(void 0, f,{appearance:t,onClick:()=>{o("web3"),d(null)},children:[_jsxruntime.jsx.call(void 0, x,{children:_jsxruntime.jsx.call(void 0, _chunkYCYSZLQ2cjs.a,{style:{height:"21px",width:"21px",color:(a=t==null?void 0:t.colors)==null?void 0:a.textPrimary}})}),_jsxruntime.jsx.call(void 0, h,{appearance:t,children:"Continue with a wallet"}),_jsxruntime.jsx.call(void 0, g,{children:_jsxruntime.jsx.call(void 0, _chunkCDQFTAM2cjs.a,{style:{height:"21px",width:"21px",color:(c=t==null?void 0:t.colors)==null?void 0:c.textSecondary}})}),_jsxruntime.jsx.call(void 0, _chunkS4BKL6MRcjs.a,{children:"Continue with a wallet"})]})}exports.a = R;

package/dist/{chunk-NXNLHCGF.cjs → chunk-KEBHXJ3R.cjs}

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

package/dist/chunk-KFFPM6JM.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";function l({style:L}){return t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:L,children:t("path",{d:"M 14.285156 10.171875 L 23.222656 0 L 21.105469 0 L 13.34375 8.832031 L 7.148438 0 L 0 0 L 9.371094 13.355469 L 0 24.019531 L 2.117188 24.019531 L 10.308594 14.691406 L 16.851562 24.019531 L 24 24.019531 M 2.878906 1.5625 L 6.132812 1.5625 L 21.101562 22.535156 L 17.851562 22.535156",fill:"currentColor"})})}export{l as a};