@crossmint/client-sdk-react-ui 2.0.3 → 2.1.0

package/dist/chunk-6T3CVJ6Z.js

@@ -1,11 +0,0 @@
-import{b as $t}from"./chunk-4KDASQO6.js";import{a as no}from"./chunk-GPOZTH2S.js";import{a as to}from"./chunk-JSNUJJQJ.js";import{a as qt,b as Jt,c as J}from"./chunk-VHNBXIOC.js";import{a as H}from"./chunk-TNCETEEL.js";import{a as Kt}from"./chunk-LD3MRJ3F.js";import{a as Ht}from"./chunk-BFHQZOV3.js";import{a as zt}from"./chunk-PI6HNTXR.js";import{a as jt,e as Vt,h as _t,i as Gt}from"./chunk-UDQUVZUQ.js";import{a as Lt}from"./chunk-2VBA64WU.js";import{a as Yt}from"./chunk-EMXNIC4M.js";import{a as dt}from"./chunk-RZG2PAKA.js";import{a as N}from"./chunk-NBJIJZGO.js";import{a as Qt}from"./chunk-SFDQPSSP.js";import{a as oo}from"./chunk-JPJKOERH.js";import{a as ro}from"./chunk-VWL76U5G.js";import{a as ft}from"./chunk-UAFW3OWA.js";import{a as eo}from"./chunk-VLDE23JX.js";import{a as Xt}from"./chunk-C3JRTLQP.js";import{a as Zt}from"./chunk-E4TBJMOO.js";import{a as gt}from"./chunk-WW6GUXHG.js";import{b as ct}from"./chunk-JESO24HE.js";import{a as _,b as G,c as X,d as v}from"./chunk-PXDN3KFO.js";import{createContext as De,useCallback as Re,useContext as Ue,useEffect as Me,useState as At}from"react";import{CrossmintAuthenticationError as Be}from"@crossmint/common-sdk-auth";import{useContext as Te}from"react";import{createContext as Ae,useEffect as No,useMemo as Io,useRef as We,useState as st,useCallback as at}from"react";import{CrossmintAuth as Ee,getCookie as ke}from"@crossmint/client-sdk-auth";import{validateApiKeyAndGetCrossmintBaseUrl as Fe}from"@crossmint/common-sdk-base";import{SESSION_PREFIX as Oe}from"@crossmint/common-sdk-auth";import{VisuallyHidden as Po}from"@radix-ui/react-visually-hidden";import ae from"color";import{useState as qo}from"react";import{useState as Wt}from"react";import{jsx as io}from"react/jsx-runtime";var Q=s=>{var i=s,{className:r,iconColor:o,ringColor:e,onClick:t}=i,n=X(i,["className","iconColor","ringColor","onClick"]);let{setError:u}=b();return io("button",G(_({className:N("absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",r),onClick:m=>{u(null),t==null||t(m)}},n),{children:io(Qt,{className:"w-6 h-6",style:{color:o}})}))};import{jsx as R,jsxs as et}from"react/jsx-runtime";var Bo=6;function lo({otpEmailData:r,setOtpEmailData:o}){var x,p,C,h,P,F,E,S,I,T,D,V,k,B,z,q,g,O,$,ut;let{crossmintAuth:e}=j(),{appearance:t,setDialogOpen:n,setStep:s,setError:i}=b(),[u,m]=Wt(""),[a,y]=Wt(!1),[l,c]=Wt(!1),w=()=>v(this,null,function*(){var L,tt;c(!0);try{let ot=yield e==null?void 0:e.confirmEmailOtp((L=r==null?void 0:r.email)!=null?L:"",(tt=r==null?void 0:r.emailId)!=null?tt:"",u);yield e==null?void 0:e.handleRefreshAuthMaterial(ot),n(!1,!0),s("initial")}catch(ot){console.error("Error confirming email OTP",ot),i("Invalid code. Please try again."),y(!0)}finally{c(!1)}}),f=()=>v(this,null,function*(){var L;try{yield e==null?void 0:e.sendEmailOtp((L=r==null?void 0:r.email)!=null?L:"")}catch(tt){i("Failed to resend code. Please try again.")}});return et("div",{children:[R(Q,{onClick:()=>{s("initial"),o(null)},iconColor:(x=t==null?void 0:t.colors)==null?void 0:x.textPrimary,ringColor:(p=t==null?void 0:t.colors)==null?void 0:p.accent}),et("div",{className:"flex flex-col items-center justify-start w-full",children:[R("div",{className:"relative left-3",children:R(Xt,{customAccentColor:(C=t==null?void 0:t.colors)==null?void 0:C.accent,customButtonBackgroundColor:(h=t==null?void 0:t.colors)==null?void 0:h.buttonBackground,customBackgroundColor:(P=t==null?void 0:t.colors)==null?void 0:P.background})}),R("p",{className:"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",style:{color:(F=t==null?void 0:t.colors)==null?void 0:F.textPrimary},children:"Check your email"}),et("p",{className:"text-center text-cm-text-secondary px-4",style:{color:(E=t==null?void 0:t.colors)==null?void 0:E.textSecondary},children:["A temporary login code has been sent to"," ",r!=null&&r.email?r.email:"your email address"]}),R("div",{className:"py-8",children:R(qt,{maxLength:Bo,value:u,onChange:L=>{m(L),y(!1),i(null)},onComplete:w,disabled:l,customStyles:{accent:(I=(S=t==null?void 0:t.colors)==null?void 0:S.accent)!=null?I:"#04AA6D",danger:(D=(T=t==null?void 0:t.colors)==null?void 0:T.danger)!=null?D:"#f44336",border:(k=(V=t==null?void 0:t.colors)==null?void 0:V.border)!=null?k:"#E5E7EB",textPrimary:(z=(B=t==null?void 0:t.colors)==null?void 0:B.textPrimary)!=null?z:"#909ca3",buttonBackground:(g=(q=t==null?void 0:t.colors)==null?void 0:q.buttonBackground)!=null?g:"#eff6ff",inputBackground:($=(O=t==null?void 0:t.colors)==null?void 0:O.inputBackground)!=null?$:"#FFFFFF",borderRadius:t==null?void 0:t.borderRadius},children:et(Jt,{children:[R(J,{index:0,hasError:a}),R(J,{index:1,hasError:a}),R(J,{index:2,hasError:a}),R(J,{index:3,hasError:a}),R(J,{index:4,hasError:a}),R(J,{index:5,hasError:a})]})})}),R("div",{className:"text-xs leading-tight text-cm-text-secondary text-center",children:et("span",{style:{color:(ut=t==null?void 0:t.colors)==null?void 0:ut.textSecondary},children:["Can't find the email? Check spam folder.",`
-`,"Some emails may take several minutes to arrive."]})}),R(Yt,{initialSeconds:60,appearance:t,countdownText:L=>`Re-send code in ${L}s`,countdownCompleteText:"Re-send code",handleOnClick:f})]})]})}import{useState as kt}from"react";import Ko from"color";import{isEmailValid as ht}from"@crossmint/common-sdk-auth";import{ChildWindow as Lo,PopupWindow as jo}from"@crossmint/client-sdk-window";import{useEffect as Vo,useRef as _o,useState as Go}from"react";import{z as yt}from"zod";var Y=r=>{let{crossmintAuth:o}=j(),{oauthUrlMap:e,setError:t}=b(),[n,s]=Go(!1),i=_o(null);return Vo(()=>(i.current==null&&(i.current=new Lo(window.opener||window.parent,"*",{incomingEvents:zo})),()=>{i.current!=null&&i.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:m=>v(void 0,null,function*(){if(i.current==null)throw new Error("Child window not initialized");s(!0),t(null);let a=new URL(e[r]);if(m!=null){let f=Array.from(a.searchParams.entries());a.search="",m&&a.searchParams.append("provider_login_hint",m),f.forEach(([d,x])=>{a.searchParams.append(d,x)})}let y=yield jo.init(a.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),l=f=>v(void 0,null,function*(){var d;yield o==null?void 0:o.handleRefreshAuthMaterial(f.oneTimeSecret),(d=i.current)==null||d.off("authMaterialFromPopupCallback"),y.window.close(),s(!1)}),c=f=>{var d;t(f.error),(d=i.current)==null||d.off("errorFromPopupCallback"),y.window.close(),s(!1)};i.current.on("authMaterialFromPopupCallback",l),i.current.on("errorFromPopupCallback",c);let w=setInterval(()=>{var f,d;(f=y.window)!=null&&f.closed&&(clearInterval(w),s(!1),(d=i.current)==null||d.off("authMaterialFromPopupCallback"))},2500)}),isLoading:n}},zo={authMaterialFromPopupCallback:yt.object({oneTimeSecret:yt.string()}),errorFromPopupCallback:yt.object({error:yt.string()})};import{jsx as Et,jsxs as Ho}from"react/jsx-runtime";function so({emailInput:r,appearance:o}){var n,s,i,u;let{createPopupAndSetupListeners:e,isLoading:t}=Y("google");return Ho("button",{type:"button",className:N("flex items-center gap-2 justify-center h-[32px] px-2.5 border border-cm-border rounded-xl bg-cm-background-primary","hover:bg-cm-hover focus:bg-cm-hover outline-none",t?"cursor-not-allowed hover:bg-cm-muted-primary":""),onClick:t?void 0:()=>e(r.trim().toLowerCase()),style:{backgroundColor:(n=o==null?void 0:o.colors)==null?void 0:n.buttonBackground,borderRadius:o==null?void 0:o.borderRadius},children:[Et(gt,{className:"max-h-[18px] max-w-[18px] h-[18px] w-[18px]"}),t?Et(H,{style:{color:(s=o==null?void 0:o.colors)==null?void 0:s.textSecondary,fill:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary,width:"18px",height:"18px"}}):Et("span",{className:"text-cm-accent",style:{color:(u=o==null?void 0:o.colors)==null?void 0:u.accent},children:"Continue"})]})}import{Fragment as $o,jsx as K,jsxs as Ft}from"react/jsx-runtime";function ao({setOtpEmailData:r}){var f,d,x,p,C,h,P,F,E,S,I,T,D,V;let{crossmintAuth:o}=j(),{appearance:e,defaultEmail:t,setStep:n,setError:s}=b(),[i,u]=kt(t!=null?t:""),[m,a]=kt(""),[y,l]=kt(!1),c=i.toLowerCase().includes("@gmail.com")&&!i.toLowerCase().includes("+")&&ht(i)&&!y;function w(k){return v(this,null,function*(){k.preventDefault(),l(!0);try{let B=i.trim().toLowerCase(),z=yield o==null?void 0:o.sendEmailOtp(B);r({email:B,emailId:z.emailId}),n("otp")}catch(B){l(!1),s("Failed to send email. Please try again or contact support.")}})}return K($o,{children:K("div",{className:"flex flex-col items-start justify-start w-full rounded-lg",children:Ft("div",{className:"w-full",children:[K("label",{className:"text-cm-text-primary block mb-[5px]",style:{color:(f=e==null?void 0:e.colors)==null?void 0:f.textPrimary},children:"Email"}),Ft("form",{role:"form",className:"relative",onSubmit:k=>{if(c){k.preventDefault();return}ht(i)?w(k):k.preventDefault()},noValidate:!0,children:[K("label",{htmlFor:"emailInput",className:"sr-only",children:"Email"}),K("input",{className:N("flex-grow text-cm-text-primary text-left pl-[16px] h-[58px] w-full border border-cm-border rounded-xl bg-cm-background-primary placeholder:text-md","transition-none duration-200 ease-in-out","focus:outline-none focus-ring-custom","placeholder:[color:var(--placeholder-color)]",m?"border-red-500":"",c?"pr-[132px]":"pr-[80px]"),style:{color:(d=e==null?void 0:e.colors)==null?void 0:d.textPrimary,borderRadius:e==null?void 0:e.borderRadius,borderColor:m?(x=e==null?void 0:e.colors)==null?void 0:x.danger:(p=e==null?void 0:e.colors)==null?void 0:p.border,backgroundColor:(C=e==null?void 0:e.colors)==null?void 0:C.inputBackground,"--placeholder-color":(P=(h=e==null?void 0:e.colors)==null?void 0:h.textSecondary)!=null?P:"#67797F","--focus-ring-color":new Ko((E=(F=e==null?void 0:e.colors)==null?void 0:F.accent)!=null?E:"#04AA6D").alpha(.18).toString()},type:"email",placeholder:"your@email.com",value:i,onChange:k=>{u(k.target.value),a(""),s(null)},readOnly:y,"aria-describedby":"emailError"}),Ft("div",{className:"absolute inset-y-0 right-0 flex items-center pr-4",children:[m&&K(ft,{customColor:(S=e==null?void 0:e.colors)==null?void 0:S.danger}),y&&K(H,{style:{color:(I=e==null?void 0:e.colors)==null?void 0:I.textSecondary,fill:(T=e==null?void 0:e.colors)==null?void 0:T.textPrimary}}),c?K(so,{emailInput:i,appearance:e}):!m&&!y?K("button",{type:"submit",className:N("font-medium text-cm-accent text-nowrap bg-cm-background-primary",ht(i)?"cursor-pointer":"!cursor-not-allowed opacity-60"),style:{color:(D=e==null?void 0:e.colors)==null?void 0:D.accent,backgroundColor:(V=e==null?void 0:e.colors)==null?void 0:V.inputBackground},disabled:!ht(i)||y,children:"Submit"}):null]})]}),m&&K("p",{className:"text-xs text-red-500 mb-2 pt-2",children:m})]})})})}import{jsx as mo}from"react/jsx-runtime";function uo(){let{step:r}=b(),[o,e]=qo(null);return r==="otp"?mo(lo,{otpEmailData:o,setOtpEmailData:e}):r==="initial"?mo(ao,{setOtpEmailData:e}):null}import{jsx as Ot,jsxs as Jo}from"react/jsx-runtime";function co({appearance:r,text:o}){var t,n,s;let{step:e}=b();return e!=="initial"?null:Jo("div",{className:"flex items-center justify-center w-full pt-2 pb-3",children:[Ot("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(t=r==null?void 0:r.colors)==null?void 0:t.border}}),o!=null?Ot("p",{className:"flex-none px-2 text-sm text-cm-text-primary",style:{color:(n=r==null?void 0:r.colors)==null?void 0:n.textSecondary},children:o}):null,Ot("span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(s=r==null?void 0:r.colors)==null?void 0:s.border}})]})}import{Fragment as Xo,jsx as xt,jsxs as fo}from"react/jsx-runtime";function go(o){var r=X(o,[]);var m,a,y,l;let{step:e,appearance:t,isLoadingOauthUrlMap:n}=b(),{createPopupAndSetupListeners:s,isLoading:i}=Y("google"),u=n||i;return e!=="initial"?null:fo("button",G(_({className:N("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",u?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(m=t==null?void 0:t.colors)==null?void 0:m.buttonBackground},onClick:u?void 0:()=>s()},r),{children:[fo(Xo,{children:[xt(gt,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),u?xt(H,{style:{color:(a=t==null?void 0:t.colors)==null?void 0:a.textSecondary,fill:(y=t==null?void 0:t.colors)==null?void 0:y.textPrimary}}):xt("span",{className:"font-medium",style:{margin:"0px 32px",color:(l=t==null?void 0:t.colors)==null?void 0:l.textPrimary},children:"Sign in with Google"})]}),xt("span",{className:"sr-only",children:"Sign in with Google"})]}))}import{useEffect as Nt,useMemo as Qo,useState as Yo}from"react";import{useSignIn as Zo,QRCode as te}from"@farcaster/auth-kit";import{Fragment as ee,jsx as U,jsxs as rt}from"react/jsx-runtime";function yo(){var n,s;let{step:r,appearance:o,setStep:e,setError:t}=b();return r==="initial"?U("div",{children:rt("button",{className:N("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,backgroundColor:(n=o==null?void 0:o.colors)==null?void 0:n.buttonBackground},onClick:()=>{e("qrCode"),t(null)},children:[U(Zt,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),U("span",{className:"font-medium",style:{margin:"0px 32px",color:(s=o==null?void 0:o.colors)==null?void 0:s.textPrimary},children:"Sign in with Farcaster"}),U("span",{className:"sr-only",children:"Sign in with Farcaster"})]})}):r==="qrCode"?U(oe,{}):null}function oe(){var f,d,x,p,C,h,P,F,E;let{crossmintAuth:r}=j(),{appearance:o,setStep:e,setDialogOpen:t,setError:n}=b(),[s,i]=Yo(null),u=Qo(()=>({onSuccess:S=>{i(S)}}),[]),{signIn:m,url:a,connect:y,signOut:l,isConnected:c}=Zo(u),w=S=>v(this,null,function*(){n(null);try{let I=yield r==null?void 0:r.signInWithFarcaster(S);yield r==null?void 0:r.handleRefreshAuthMaterial(I),t(!1),e("initial")}catch(I){console.error("Error during Farcaster sign-in:",I),n("Failed to sign in with Farcaster")}});return Nt(()=>{s!=null&&w(s)},[s]),Nt(()=>{c&&m()},[c]),Nt(()=>{y()},[]),rt("div",{children:[U(Q,{onClick:()=>{l(),e("initial")},iconColor:(f=o==null?void 0:o.colors)==null?void 0:f.textPrimary,ringColor:(d=o==null?void 0:o.colors)==null?void 0:d.accent}),rt("div",{className:"flex flex-col items-center gap-4",children:[rt("div",{className:"text-center",children:[U("h3",{className:"text-lg font-semibold text-cm-text-primary mb-2",style:{color:(x=o==null?void 0:o.colors)==null?void 0:x.textPrimary},children:"Sign in with Farcaster"}),U("p",{className:"text-base font-normal text-cm-text-secondary",style:{color:(p=o==null?void 0:o.colors)==null?void 0:p.textSecondary},children:"Scan with your phone's camera to continue."})]}),U("div",{className:"bg-white aspect-square rounded-lg p-4",style:{backgroundColor:(C=o==null?void 0:o.colors)==null?void 0:C.inputBackground,borderRadius:o==null?void 0:o.borderRadius},children:a!=null?U(te,{uri:a,size:280}):U("div",{className:"min-h-[246px] flex items-center justify-center",children:U(H,{style:{color:(h=o==null?void 0:o.colors)==null?void 0:h.textSecondary,fill:(P=o==null?void 0:o.colors)==null?void 0:P.textPrimary}})})}),a?rt(ee,{children:[U("p",{className:"text-base text-center font-normal text-cm-text-secondary",style:{color:(F=o==null?void 0:o.colors)==null?void 0:F.textSecondary},children:"Alternatively, click on this link to open Warpcast."}),U("a",{href:a,rel:"noopener noreferrer",target:"_blank",className:"text-base font-normal text-cm-link",style:{color:(E=o==null?void 0:o.colors)==null?void 0:E.textLink},children:"Open Warpcast"})]}):null]})]})}import{Fragment as re,jsx as pt,jsxs as ho}from"react/jsx-runtime";function xo(o){var r=X(o,[]);var m,a,y,l;let{step:e,appearance:t,isLoadingOauthUrlMap:n}=b(),{createPopupAndSetupListeners:s,isLoading:i}=Y("twitter"),u=n||i;return e!=="initial"?null:ho("button",G(_({className:N("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",u?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(m=t==null?void 0:t.colors)==null?void 0:m.buttonBackground},onClick:u?void 0:()=>s()},r),{children:[ho(re,{children:[pt(oo,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),u?pt(H,{style:{color:(a=t==null?void 0:t.colors)==null?void 0:a.textSecondary,fill:(y=t==null?void 0:t.colors)==null?void 0:y.textPrimary}}):pt("span",{className:"font-medium",style:{margin:"0px 32px",color:(l=t==null?void 0:t.colors)==null?void 0:l.textPrimary},children:"Sign in with X"})]}),pt("span",{className:"sr-only",children:"Sign in with X"})]}))}import{jsx as bt,jsxs as ne}from"react/jsx-runtime";function po(){var n,s,i,u,m;let{step:r,appearance:o,setStep:e,setError:t}=b();return r!=="initial"?null:ne("button",{className:N("relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:o==null?void 0:o.borderRadius,borderColor:(n=o==null?void 0:o.colors)==null?void 0:n.border,backgroundColor:(s=o==null?void 0:o.colors)==null?void 0:s.buttonBackground},onClick:()=>{e("web3"),t(null)},children:[bt(ro,{className:"h-[21px] w-[21px] absolute left-[20px]",style:{color:(i=o==null?void 0:o.colors)==null?void 0:i.textPrimary}}),bt("span",{className:"font-medium",style:{margin:"0px 32px",color:(u=o==null?void 0:o.colors)==null?void 0:u.textPrimary},children:"Continue with a wallet"}),bt(eo,{className:"h-[21px] w-[21px] absolute right-[20px]",style:{color:(m=o==null?void 0:o.colors)==null?void 0:m.textSecondary}}),bt("span",{className:"sr-only",children:"Continue with a wallet"})]})}import{DynamicEmbeddedWidget as ie}from"@dynamic-labs/sdk-react-core";import{Fragment as le,jsx as nt,jsxs as se}from"react/jsx-runtime";function bo(){var t,n;let{appearance:r,step:o,setStep:e}=b();return o==="web3"?se(le,{children:[nt(Q,{onClick:()=>e("initial"),iconColor:(t=r==null?void 0:r.colors)==null?void 0:t.textPrimary,ringColor:(n=r==null?void 0:r.colors)==null?void 0:n.accent}),nt("div",{className:"flex flex-col items-center",children:nt("div",{className:"flex flex-col gap-[10px] w-full",children:nt("div",{className:"widget-container",children:nt(ie,{background:"none"})})})})]}):null}import{jsx as wo}from"react/jsx-runtime";function vo(){let{step:r}=b();return r.startsWith("web3")?wo(bo,{}):r==="initial"?wo(po,{}):null}import{jsx as M,jsxs as it}from"react/jsx-runtime";function Co({className:r}){var m,a,y,l,c,w,f,d,x,p,C,h,P;let{step:o,appearance:e,loginMethods:t,baseUrl:n,error:s,termsOfServiceText:i,authModalTitle:u}=b();return it("div",{className:N("relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",r),children:[s!=null?it("div",{className:"flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",style:{backgroundColor:new ae((a=(m=e==null?void 0:e.colors)==null?void 0:m.danger)!=null?a:"#f44336").alpha(.12).toString()},children:[M("div",{className:"min-w-[20px]",children:M(ft,{customColor:(l=(y=e==null?void 0:e.colors)==null?void 0:y.danger)!=null?l:"#f44336"})}),M("p",{className:"ml-2 text-sm",style:{color:(w=(c=e==null?void 0:e.colors)==null?void 0:c.danger)!=null?w:"#f44336"},children:s})]}):null,o==="initial"?it("div",{children:[M("h1",{className:"text-2xl font-bold text-cm-text-primary",style:{color:(f=e==null?void 0:e.colors)==null?void 0:f.textPrimary},children:u!=null?u:"Sign in to Crossmint"}),M("p",{className:"text-base font-normal mb-3 text-cm-text-secondary",style:{color:(d=e==null?void 0:e.colors)==null?void 0:d.textSecondary},children:"Access using one of the options below."})]}):null,t.includes("google")?M(go,{}):null,t.includes("farcaster")?M(to,{baseUrl:n,children:M(yo,{})}):null,t.includes("twitter")?M(xo,{}):null,t.some(F=>F.startsWith("web3"))?M(vo,{}):null,t.includes("email")?it("div",{children:[t.length>1?M(co,{appearance:e,text:"OR"}):null,M(uo,{})]}):null,o==="initial"&&i!=null?it("div",{className:"text-sm text-center text-cm-text-secondary mt-2",style:{color:(x=e==null?void 0:e.colors)==null?void 0:x.textSecondary},children:[M("style",{children:`
-                        p a {
-                            color: ${(C=(p=e==null?void 0:e.colors)==null?void 0:p.textLink)!=null?C:"#1A74E9"};
-                        }
-                    `}),i]}):null,o==="initial"||o==="otp"?M(Lt,{className:"mt-1.5 md:mt-4 justify-center",color:(P=(h=e==null?void 0:e.colors)==null?void 0:h.textSecondary)!=null?P:"#67797F"}):null]})}import{useEffect as me}from"react";import{jsx as Z,jsxs as ue}from"react/jsx-runtime";function wt({open:r}){var t,n,s;let{appearance:o,setDialogOpen:e}=b();return me(()=>{document.body.style.overflow=r?"hidden":""},[r]),Z(jt,{modal:!1,open:r,onOpenChange:e,children:ue(Vt,{onInteractOutside:i=>i.preventDefault(),onOpenAutoFocus:i=>i.preventDefault(),closeButtonColor:(t=o==null?void 0:o.colors)==null?void 0:t.textPrimary,closeButtonRingColor:(n=o==null?void 0:o.colors)==null?void 0:n.accent,className:"!p-0 !min-[480px]:p-0",style:{borderRadius:o==null?void 0:o.borderRadius,backgroundColor:(s=o==null?void 0:o.colors)==null?void 0:s.background},children:[Z(Po,{asChild:!0,children:Z(_t,{children:"Crossmint Auth"})}),Z(Po,{asChild:!0,children:Z(Gt,{children:"Sign in via Crossmint"})}),Z(Co,{className:"max-w-[448px]"})]})})}import{useContext as Pe}from"react";import{createContext as pe,useMemo as be,useState as vt,useCallback as Ct,useEffect as Ut,useContext as we,useRef as Pt}from"react";import{CrossmintWallets as ve}from"@crossmint/wallets-sdk";import{throwNotAvailable as Mt}from"@crossmint/client-sdk-react-base";import{createContext as ce,useContext as de,useCallback as It,useEffect as So,useMemo as Dt,useState as Tt}from"react";import{useDynamicContext as fe}from"@dynamic-labs/sdk-react-core";import{isEthereumWallet as ge}from"@dynamic-labs/ethereum";import{isSolanaWallet as ye}from"@dynamic-labs/solana";import{EthereumWalletConnectors as Ao}from"@dynamic-labs/ethereum";import{SolanaWalletConnectors as Wo}from"@dynamic-labs/solana";import he from"bs58";import{jsx as Rt}from"react/jsx-runtime";var Eo=ce(null);function ko(){let r=de(Eo);return r||{isDynamicWalletConnected:!1,isDynamicProviderAvailable:!1,hasDynamicSdkLoaded:!0,getAdminSigner:()=>{throw new Error("useDynamicWallet must be used within DynamicWalletProvider")},initialize:()=>{},cleanup:()=>{}}}function xe({children:r,enabled:o,onSdkLoaded:e}){let[t,n]=Tt(),[s,i]=Tt(),[u,m]=Tt(!1),{primaryWallet:a,sdkHasLoaded:y,removeWallet:l,handleUnlinkWallet:c}=fe(),w=!!a,f=!o||y,d=It((h,P)=>{n(h),i(()=>P),m(!0)},[]),x=It(()=>{t==null&&a&&(l(a.id),c(a.id))},[t,a,l,c]);So(()=>{o&&(s==null||s(f),e==null||e(f))},[f,o,s,e]),So(()=>{t==null&&u&&x()},[t,x,u]);let p=It(()=>v(this,null,function*(){if(a==null)throw new Error("No connected wallet");try{if(ge(a)){let h=yield a.getWalletClient();return{type:"external-wallet",address:h.account.address,viemAccount:G(_({},h.account),{signMessage:P=>v(this,null,function*(){return yield h.signMessage({message:P.message})})})}}if(ye(a)){let h=yield a.getSigner();return{type:"external-wallet",address:a.address,onSignTransaction:P=>v(this,null,function*(){return yield h.signTransaction(P)})}}throw new Error("Unsupported wallet type")}catch(h){throw console.error("Failed to get admin signer",h),new Error("Failed to get admin signer")}}),[a]),C=Dt(()=>({isDynamicWalletConnected:w,isDynamicProviderAvailable:!0,hasDynamicSdkLoaded:f,getAdminSigner:p,initialize:d,cleanup:x}),[w,f,p,d,x]);return Rt(Eo.Provider,{value:C,children:r})}function Fo({children:r,enabled:o=!0,apiKeyEnvironment:e,loginMethods:t=["web3"],appearance:n,onSdkLoaded:s}){var a,y;let{crossmintAuth:i}=j(),u=Dt(()=>{var l,c;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: ${(l=n==null?void 0:n.colors)==null?void 0:l.textPrimary} !important; }
-            * { color: ${(c=n==null?void 0:n.colors)==null?void 0:c.textSecondary} !important; }`},[(a=n==null?void 0:n.colors)==null?void 0:a.textPrimary,(y=n==null?void 0:n.colors)==null?void 0:y.textSecondary]),m=Dt(()=>{if(o)return t.includes("web3:evm-only")?[Ao]:t.includes("web3:solana-only")?[Wo]:[Ao,Wo]},[o,t]);return Rt(Kt,{apiKeyEnvironment:e,settings:{walletConnectors:m,cssOverrides:u,events:{onWalletRemoved(){console.log("[DynamicWalletProvider] onWalletRemoved")},onAuthFlowCancel(){console.log("[DynamicWalletProvider] onAuthFlowCancel")},onAuthFlowClose(){console.log("[DynamicWalletProvider] onAuthFlowClose")},onAuthFailure(l,c){console.error("[DynamicWalletProvider] onAuthFailure",l,c)},onAuthSuccess(l){console.log("[DynamicWalletProvider] onAuthSuccess",l)}},handlers:{handleConnectedWallet:l=>v(this,null,function*(){var w;if(!i)return console.error("[DynamicWalletProvider] crossmintAuth is not available"),!1;console.log("[DynamicWalletProvider] handleConnectedWallet",l);let c=l.address;if(c==null)return console.error("[DynamicWalletProvider] handleConnectedWallet: address is missing"),!1;try{let d=(yield $t(l))==="solana"?"solana":"evm",x=yield i.signInWithSmartWallet(c,d);if((x==null?void 0:x.challenge)==null)throw new Error("No challenge received from signInWithSmartWallet");let p=yield(w=l.connector)==null?void 0:w.proveOwnership(c,x.challenge);if(p==null)throw new Error("Failed to get signature from wallet");let C=p;if(d==="solana"){let P=Buffer.from(p,"base64");C=he.encode(P)}let h=yield i.authenticateSmartWallet(c,d,C);if((h==null?void 0:h.oneTimeSecret)==null)throw new Error("No oneTimeSecret received from authenticateSmartWallet");return yield i.handleRefreshAuthMaterial(h.oneTimeSecret),!0}catch(f){return console.error("[DynamicWalletProvider] Error handling wallet connection:",f),!1}})}},children:Rt(xe,{enabled:o,onSdkLoaded:s,children:r})},`${e}-${t.join(",")}`)}import{createPortal as Oo}from"react-dom";import{jsx as Bt,jsxs as Ce}from"react/jsx-runtime";var St=pe(null);function Ii(r){let o=we(St);if(!o)throw new Error(`useWallet must be used within WalletProvider${r?` (${r})`:""}`);return o}function Ti({children:r,showPasskeyHelpers:o=!0,appearance:e,createOnLogin:t}){var z,q;let{crossmint:n,experimental_setAuth:s}=ct("CrossmintWalletProvider must be used within CrossmintProvider"),i=(z=n.user)==null?void 0:z.email,{isDynamicWalletConnected:u,isDynamicProviderAvailable:m,getAdminSigner:a,hasDynamicSdkLoaded:y}=ko(),[l,c]=vt({status:"not-loaded"}),[w,f]=vt({open:!1}),[d,x]=vt(!1),[p,C]=vt("initial"),h=Pt(!1),P=Pt(Mt("sendEmailWithOtp")),F=Pt(Mt("verifyOtp")),E=Pt(Mt("reject")),S=Ct(g=>()=>new Promise(O=>{if(!o){O();return}f({type:g,open:!0,primaryActionOnClick:()=>{f({open:!1}),O()},secondaryActionOnClick:()=>{f({open:!1}),O()}})}),[o]),I=()=>v(this,null,function*(){try{yield P.current(),C("otp")}catch(g){console.error("Failed to send email OTP",g),E.current(new Error("Failed to send email OTP"))}}),T=g=>v(this,null,function*(){try{yield F.current(g),x(!1),C("initial")}catch(O){console.error("Failed to verify OTP",O),E.current(new Error("Failed to verify OTP"))}}),D=Ct(g=>v(this,null,function*(){var O;if(l.status==="in-progress")return{startedCreation:!1};if(!n.jwt)return{startedCreation:!1};try{c({status:"in-progress"}),((O=g==null?void 0:g.signer)==null?void 0:O.type)==="email"&&(g.signer.onAuthRequired=(L,tt,ot,Mo)=>v(this,null,function*(){h.current=L,P.current=tt,F.current=ot,E.current=Mo,L&&(x(!0),C("initial"))}));let ut=yield ve.from(n).getOrCreateWallet(G(_({},g),{options:G(_({},g.options),{experimental_callbacks:{onWalletCreationStart:S("create-wallet"),onTransactionStart:S("transaction")}})}));return c({status:"loaded",wallet:ut}),{startedCreation:!0}}catch($){return console.error("Failed to create wallet:",$),c({status:"error",error:$ instanceof Error?$:new Error(String($))}),{startedCreation:!1}}}),[n,l.status,S]),V=Ct(()=>v(this,null,function*(){return yield Ht(n.apiKey)}),[n.apiKey]),k=Ct(()=>{c({status:"not-loaded"})},[]);Ut(()=>{var g;(((g=n.user)==null?void 0:g.jwt)!=null||n.jwt!=null)&&k()},[(q=n.user)==null?void 0:q.jwt,n.jwt,k]),Ut(()=>{function g(){return v(this,null,function*(){if(!(l.status!=="not-loaded"||n.jwt==null||m&&!y||(t==null?void 0:t.chain)==null))try{let O=m&&u?yield a():t.signer;yield D({chain:t.chain,signer:O,owner:t.owner,options:{experimental_callbacks:{onWalletCreationStart:S("create-wallet"),onTransactionStart:S("transaction")}}})}catch(O){console.error("Failed to create wallet:",O),s(void 0)}})}t!=null&&g()},[l.status,n.jwt,y,u,a,D,S,t==null?void 0:t.chain,t==null?void 0:t.signer,t==null?void 0:t.owner]),Ut(()=>{n.jwt==null&&l.status!=="not-loaded"&&k()},[n.jwt,l.status,k]);let B=be(()=>({walletState:l,setWalletState:c,showPasskeyHelpers:o,appearance:e,createPasskeyPrompt:S,getOrCreateWallet:D,createPasskeySigner:V,clearWallet:k}),[l,o,e,S,D,V,k]);return Bt(dt,{children:Ce(St.Provider,{value:B,children:[r,d&&i!=null?Oo(Bt(no,{rejectRef:E,email:i,open:d,setOpen:x,step:p,onSubmitOTP:T,onResendOTPCode:I,onSubmitEmail:I,appearance:e}),document.body):null,w.open?Oo(Bt(zt,{state:w,appearance:e}),document.body):null]})})}function ji(){let r=Pe(St);if(!r)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");let{walletState:o,getOrCreateWallet:e,createPasskeySigner:t,clearWallet:n}=r;return{wallet:o.status==="loaded"?o.wallet:void 0,status:o.status,getOrCreateWallet:e,createPasskeySigner:t,clearWallet:n}}import{useContext as Se}from"react";function Ji(){let r=Se(lt);if(r===void 0)throw new Error("useAuth must be used within an AuthProvider");return r}import{Fragment as Ie,jsx as mt,jsxs as To}from"react/jsx-runtime";var Ne={crossmintAuth:void 0,login:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{}},lt=Ae(Ne);function fl({children:r,appearance:o,termsOfServiceText:e,prefetchOAuthUrls:t=!0,authModalTitle:n,onLoginSuccess:s,loginMethods:i=["email","google"],refreshRoute:u,logoutRoute:m}){let[a,y]=st(void 0),{crossmint:l,setJwt:c,experimental_setAuth:w}=ct("CrossmintAuthProvider must be used within CrossmintProvider"),f=We(null),d=Io(()=>(f.current||(f.current=Ee.from(l,{callbacks:{onLogout:()=>{y(void 0),w(void 0)},onTokenRefresh:g=>{y(g.user),w({email:g.user.email,jwt:g.jwt})}},refreshRoute:u,logoutRoute:m})),f.current),[]),x=Fe(l.apiKey),[p,C]=st(!1),[h,P]=st(!1),[F,E]=st(void 0),[S,I]=st(!0),T=i.some(g=>g.startsWith("web3")),D=at(()=>{s==null||s()},[s]);No(()=>{if(l.jwt==null){let g=ke(Oe);c(g)}P(!0)},[l.jwt,c]),No(()=>{l.jwt!=null&&p&&(C(!1),D())},[l.jwt,p,D]);let V=at(g=>{if(l.jwt!=null){console.log("User already logged in");return}g!=null&&typeof g=="string"&&E(g),C(!0)},[l.jwt]),k=at(()=>{console.log("Logging out"),d.logout()},[d]),B=at(()=>!h||T&&!S?"initializing":l.jwt!=null?"logged-in":p?"in-progress":"logged-out",[h,T,S,l.jwt,p]),z=at(()=>v(this,null,function*(){if(l.jwt==null){console.log("User not logged in");return}let g=yield d.getUser();return y(g),w(g),g}),[l.jwt,d,w]),q=Io(()=>({crossmintAuth:d,login:V,logout:k,jwt:l.jwt,user:a,status:B(),getUser:z}),[d,V,k,l.jwt,a,B,z]);return mt(dt,{children:mt(lt.Provider,{value:q,children:mt(Do,{setDialogOpen:(g,O)=>{C(g),O&&D()},preFetchOAuthUrls:B()==="logged-out"&&t,initialState:{appearance:o,loginMethods:i,termsOfServiceText:e,authModalTitle:n,baseUrl:x,defaultEmail:F},children:T?To(Fo,{apiKeyEnvironment:l.apiKey.includes("production")?"production":"staging",loginMethods:i,appearance:o,onSdkLoaded:I,children:[r,mt(wt,{open:p})]}):To(Ie,{children:[r,mt(wt,{open:p})]})})})})}function j(){let r=Te(lt);if(!r)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return r}import{jsx as Le}from"react/jsx-runtime";var Ro={google:"",twitter:""},Uo=De(void 0),b=()=>{let r=Ue(Uo);if(!r)throw new Error("useAuthForm must be used within an AuthFormProvider");return r},Do=({setDialogOpen:r,preFetchOAuthUrls:o,initialState:e,children:t})=>{let{crossmintAuth:n}=j(),[s,i]=At("initial"),[u,m]=At(null),[a,y]=At(Ro),[l,c]=At(!0),{loginMethods:w,baseUrl:f,appearance:d,termsOfServiceText:x,authModalTitle:p,defaultEmail:C}=e,h=Re(()=>v(void 0,null,function*(){c(!0);try{let S=w.filter(T=>T in Ro).map(T=>v(void 0,null,function*(){let D=yield n==null?void 0:n.getOAuthUrl(T);return{[T]:D}})),I=Object.assign({},...yield Promise.all(S));y(I)}catch(E){m(E instanceof Be?E.message:"Unable to load oauth providers. Please try again later.")}finally{c(!1)}}),[w,n]);Me(()=>{o&&h()},[h,o]);let F={step:s,error:u,baseUrl:f,appearance:d,termsOfServiceText:x,authModalTitle:p,loginMethods:w,defaultEmail:C,oauthUrlMap:a,isLoadingOauthUrlMap:l,setDialogOpen:(E,S)=>{r==null||r(E,S),E||setTimeout(()=>i("initial"),250)},setError:m,setStep:i};return Le(Uo.Provider,{value:F,children:t})};export{b as a,Do as b,Q as c,Bo as d,lo as e,Y as f,so as g,ao as h,uo as i,co as j,go as k,yo as l,xo as m,po as n,bo as o,vo as p,Co as q,wt as r,lt as s,fl as t,j as u,ko as v,Fo as w,St as x,Ii as y,Ti as z,ji as A,Ji as B};

package/dist/chunk-JESO24HE.js

@@ -1 +0,0 @@
-import{createContext as p,useCallback as c,useContext as v,useMemo as x,useRef as a,useState as j}from"react";import{createCrossmint as h}from"@crossmint/common-sdk-base";import y from"lodash.isequal";import{jsx as P}from"react/jsx-runtime";var m=p(null);function J({children:e,apiKey:n,overrideBaseUrl:C}){let[f,d]=j(0),r=a(new Proxy(h({apiKey:n,overrideBaseUrl:C}),{set(t,i,u){return i==="jwt"&&t.jwt!==u&&d(w=>w+1),Reflect.set(t,i,u)}})),o=c(t=>{t!==r.current.jwt&&(r.current.jwt=t)},[]),s=c(t=>{t!=null&&!y(t,r.current.user)&&(r.current.user=t,r.current.jwt=t.jwt)},[]),l=x(()=>({get crossmint(){return r.current},setJwt:o,experimental_setAuth:s}),[o,s,f]);return P(m.Provider,{value:l,children:e})}function N(e){let n=v(m);if(n==null)throw new Error(e!=null?e:"useCrossmint must be used within a CrossmintProvider");return n}export{J as a,N as b};

package/dist/chunk-JNLQRLIC.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPZUWRGVPcjs = require('./chunk-PZUWRGVP.cjs');var _core = require('@twind/core');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function d({children:r}){return _react.useEffect.call(void 0, ()=>{_core.install.call(void 0, _chunkPZUWRGVPcjs.a)},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:r})}exports.a = d;

package/dist/chunk-JY3FCGLE.js

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

package/dist/chunk-RZG2PAKA.js

@@ -1 +0,0 @@
-import{a as o}from"./chunk-UILJI3DM.js";import{install as t}from"@twind/core";import{useEffect as e}from"react";import{Fragment as i,jsx as f}from"react/jsx-runtime";function a({children:r}){return e(()=>{t(o)},[]),f(i,{children:r})}export{a};