@crossmint/client-sdk-react-ui 1.15.3 → 1.16.0

package/dist/chunk-OLFE6RRH.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkBR77Q3PKcjs = require('./chunk-BR77Q3PK.cjs');var _chunkZ2FGFHRQcjs = require('./chunk-Z2FGFHRQ.cjs');var _chunk62JYTT2Ycjs = require('./chunk-62JYTT2Y.cjs');var _chunk2BOQSASOcjs = require('./chunk-2BOQSASO.cjs');var _chunkHLGNSXEQcjs = require('./chunk-HLGNSXEQ.cjs');var _chunkFSG3MT7Ccjs = require('./chunk-FSG3MT7C.cjs');var _chunkHG5ML6KXcjs = require('./chunk-HG5ML6KX.cjs');var _chunkE5PPNNTLcjs = require('./chunk-E5PPNNTL.cjs');var _chunkWABJHG6Bcjs = require('./chunk-WABJHG6B.cjs');var _chunkE65EGG73cjs = require('./chunk-E65EGG73.cjs');var _chunkTM7WDKYRcjs = require('./chunk-TM7WDKYR.cjs');var _chunkZBQCXWMDcjs = require('./chunk-ZBQCXWMD.cjs');var _chunkWCDR3KSEcjs = require('./chunk-WCDR3KSE.cjs');var _chunkNRN4WNQLcjs = require('./chunk-NRN4WNQL.cjs');var _chunkI4GMMHQRcjs = require('./chunk-I4GMMHQR.cjs');var _chunkSRQAQHYKcjs = require('./chunk-SRQAQHYK.cjs');var _chunkGPQZG7HCcjs = require('./chunk-GPQZG7HC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _reactdom = require('react-dom');var _clientsdksmartwallet = require('@crossmint/client-sdk-smart-wallet');function Ht(){let r=_react.useContext.call(void 0, ct);if(!r)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return r}var _clientsdkauth = require('@crossmint/client-sdk-auth');var _commonsdkbase = require('@crossmint/common-sdk-base');var _commonsdkauth = require('@crossmint/common-sdk-auth');var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');function U(){let r=_react.useContext.call(void 0, J);if(!r)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return r}var _jsxruntime = require('react/jsx-runtime');var jt={google:"",twitter:""},Gt=_react.createContext.call(void 0, void 0),x= exports.e =()=>{let r=_react.useContext.call(void 0, Gt);if(!r)throw new Error("useAuthForm must be used within an AuthFormProvider");return r},zt= exports.f =({setDialogOpen:r,preFetchOAuthUrls:e,initialState:o,children:t})=>{let{crossmintAuth:i}=U(),[n,s]=_react.useState.call(void 0, "initial"),[a,u]=_react.useState.call(void 0, null),[l,d]=_react.useState.call(void 0, jt),[h,m]=_react.useState.call(void 0, !0),{loginMethods:C,baseUrl:f,appearance:y,embeddedWallets:b,termsOfServiceText:c,authModalTitle:g,defaultEmail:w}=o;if(C.includes("web3")&&(b==null?void 0:b.createOnLogin)==="all-users")throw new Error("Creating wallets on login is not yet supported for web3 login method");let v=_react.useCallback.call(void 0, ()=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){m(!0);try{let k=C.filter(N=>N in jt).map(N=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){let B=yield i==null?void 0:i.getOAuthUrl(N);return{[N]:B}})),R=Object.assign({},...yield Promise.all(k));d(R)}catch(P){u(P instanceof _commonsdkauth.CrossmintAuthenticationError?P.message:"Unable to load oauth providers. Please try again later.")}finally{m(!1)}}),[C,i]);_react.useEffect.call(void 0, ()=>{e&&v()},[v,e]);let I={step:n,error:a,baseUrl:f,appearance:y,termsOfServiceText:c,authModalTitle:g,loginMethods:C,defaultEmail:w,oauthUrlMap:l,isLoadingOauthUrlMap:h,setDialogOpen:(P,k)=>{r==null||r(P,k),P||setTimeout(()=>s("initial"),250)},setError:u,setStep:s};return _jsxruntime.jsx.call(void 0, Gt.Provider,{value:I,children:t})};var _color = require('color'); var _color2 = _interopRequireDefault(_color);var rt=n=>{var s=n,{className:r,iconColor:e,ringColor:o,onClick:t}=s,i=_chunk2WSEHVNPcjs.c.call(void 0, s,["className","iconColor","ringColor","onClick"]);let{setError:a}=x();return _jsxruntime.jsx.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {className:_chunkWABJHG6Bcjs.a.call(void 0, "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:u=>{a(null),t==null||t(u)}},i),{children:_jsxruntime.jsx.call(void 0, _chunkTM7WDKYRcjs.a,{className:"w-6 h-6",style:{color:e}})}))};var xo=6;function _t({otpEmailData:r,setOtpEmailData:e}){var b,c,g,w,v,M,I,P,k,R,N,B,p,V,Y,bt,wt,vt,Pt,St;let{crossmintAuth:o}=U(),{appearance:t,setDialogOpen:i,setStep:n,setError:s}=x(),[a,u]=_react.useState.call(void 0, ""),[l,d]=_react.useState.call(void 0, !1),[h,m]=_react.useState.call(void 0, !1),C=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var D,ut;m(!0);try{let mt=yield o==null?void 0:o.confirmEmailOtp((D=r==null?void 0:r.email)!=null?D:"",(ut=r==null?void 0:r.emailId)!=null?ut:"",a);yield o==null?void 0:o.handleRefreshAuthMaterial(mt),i(!1,!0),n("initial")}catch(mt){console.error("Error confirming email OTP",mt),s("Invalid code. Please try again."),d(!0)}finally{m(!1)}}),f=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var D;try{yield o==null?void 0:o.sendEmailOtp((D=r==null?void 0:r.email)!=null?D:"")}catch(ut){s("Failed to resend code. Please try again.")}});return _jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, rt,{onClick:()=>{n("initial"),e(null)},iconColor:(b=t==null?void 0:t.colors)==null?void 0:b.textPrimary,ringColor:(c=t==null?void 0:t.colors)==null?void 0:c.accent}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-center justify-start w-full",children:[_jsxruntime.jsx.call(void 0, "div",{className:"relative left-3",children:_jsxruntime.jsx.call(void 0, _chunkI4GMMHQRcjs.a,{customAccentColor:(g=t==null?void 0:t.colors)==null?void 0:g.accent,customButtonBackgroundColor:(w=t==null?void 0:t.colors)==null?void 0:w.buttonBackground,customBackgroundColor:(v=t==null?void 0:t.colors)==null?void 0:v.background})}),_jsxruntime.jsx.call(void 0, "p",{className:"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",style:{color:(M=t==null?void 0:t.colors)==null?void 0:M.textPrimary},children:"Check your email"}),_jsxruntime.jsxs.call(void 0, "p",{className:"text-center text-cm-text-secondary px-4",style:{color:(I=t==null?void 0:t.colors)==null?void 0:I.textSecondary},children:["A temporary login code has been sent to"," ",r!=null&&r.email?r.email:"your email address"]}),_jsxruntime.jsx.call(void 0, "div",{className:"py-8",children:_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.a,{maxLength:xo,value:a,onChange:D=>{u(D),d(!1),s(null)},onComplete:C,disabled:h,customStyles:{accent:(k=(P=t==null?void 0:t.colors)==null?void 0:P.accent)!=null?k:"#04AA6D",danger:(N=(R=t==null?void 0:t.colors)==null?void 0:R.danger)!=null?N:"#f44336",border:(p=(B=t==null?void 0:t.colors)==null?void 0:B.border)!=null?p:"#E5E7EB",textPrimary:(Y=(V=t==null?void 0:t.colors)==null?void 0:V.textPrimary)!=null?Y:"#909ca3",buttonBackground:(wt=(bt=t==null?void 0:t.colors)==null?void 0:bt.buttonBackground)!=null?wt:"#eff6ff",inputBackground:(Pt=(vt=t==null?void 0:t.colors)==null?void 0:vt.inputBackground)!=null?Pt:"#FFFFFF",borderRadius:t==null?void 0:t.borderRadius},children:_jsxruntime.jsxs.call(void 0, _chunkHG5ML6KXcjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:0,hasError:l}),_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:1,hasError:l}),_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:2,hasError:l}),_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:3,hasError:l}),_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:4,hasError:l}),_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.c,{index:5,hasError:l})]})})}),_jsxruntime.jsx.call(void 0, "div",{className:"text-xs leading-tight text-cm-text-secondary text-center",children:_jsxruntime.jsxs.call(void 0, "span",{style:{color:(St=t==null?void 0:t.colors)==null?void 0:St.textSecondary},children:["Can't find the email? Check spam folder.",`
-`,"Some emails may take several minutes to arrive."]})}),_jsxruntime.jsx.call(void 0, _chunkHLGNSXEQcjs.a,{initialSeconds:60,appearance:t,countdownText:D=>`Re-send code in ${D}s`,countdownCompleteText:"Re-send code",handleOnClick:f})]})]})}var _clientsdkwindow = require('@crossmint/client-sdk-window');var _zod = require('zod');var K=r=>{let{crossmintAuth:e}=U(),{oauthUrlMap:o,setError:t}=x(),[i,n]=_react.useState.call(void 0, !1),s=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>(s.current==null&&(s.current=new (0, _clientsdkwindow.ChildWindow)(window.opener||window.parent,"*",{incomingEvents:So})),()=>{s.current!=null&&s.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:u=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){if(s.current==null)throw new Error("Child window not initialized");n(!0),t(null);let l=new URL(o[r]);if(u!=null){let f=Array.from(l.searchParams.entries());l.search="",u&&l.searchParams.append("provider_login_hint",u),f.forEach(([y,b])=>{l.searchParams.append(y,b)})}let d=yield _clientsdkwindow.PopupWindow.init(l.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),h=f=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){var y;yield e==null?void 0:e.handleRefreshAuthMaterial(f.oneTimeSecret),(y=s.current)==null||y.off("authMaterialFromPopupCallback"),d.window.close(),n(!1)}),m=f=>{var y;t(f.error),(y=s.current)==null||y.off("errorFromPopupCallback"),d.window.close(),n(!1)};s.current.on("authMaterialFromPopupCallback",h),s.current.on("errorFromPopupCallback",m);let C=setInterval(()=>{var f;d.window.closed&&(clearInterval(C),n(!1),(f=s.current)==null||f.off("authMaterialFromPopupCallback"))},2500)}),isLoading:i}},So={authMaterialFromPopupCallback:_zod.z.object({oneTimeSecret:_zod.z.string()}),errorFromPopupCallback:_zod.z.object({error:_zod.z.string()})};function qt({emailInput:r,appearance:e}){var i,n,s,a;let{createPopupAndSetupListeners:o,isLoading:t}=K("google");return _jsxruntime.jsxs.call(void 0, "button",{type:"button",className:_chunkWABJHG6Bcjs.a.call(void 0, "flex items-center gap-2 justify-center h-[32px] px-2.5 border border-cm-border rounded-xl bg-cm-background-primary","hover:bg-cm-hover focus:bg-cm-hover outline-none",t?"cursor-not-allowed hover:bg-cm-muted-primary":""),onClick:t?void 0:()=>o(r.trim().toLowerCase()),style:{backgroundColor:(i=e==null?void 0:e.colors)==null?void 0:i.buttonBackground,borderRadius:e==null?void 0:e.borderRadius},children:[_jsxruntime.jsx.call(void 0, _chunkE65EGG73cjs.a,{className:"max-h-[18px] max-w-[18px] h-[18px] w-[18px]"}),t?_jsxruntime.jsx.call(void 0, _chunkZ2FGFHRQcjs.a,{style:{color:(n=e==null?void 0:e.colors)==null?void 0:n.textSecondary,fill:(s=e==null?void 0:e.colors)==null?void 0:s.textPrimary,width:"18px",height:"18px"}}):_jsxruntime.jsx.call(void 0, "span",{className:"text-cm-accent",style:{color:(a=e==null?void 0:e.colors)==null?void 0:a.accent},children:"Continue"})]})}function Jt({setOtpEmailData:r}){var f,y,b,c,g,w,v,M,I,P,k,R,N,B;let{crossmintAuth:e}=U(),{appearance:o,defaultEmail:t,setStep:i,setError:n}=x(),[s,a]=_react.useState.call(void 0, t!=null?t:""),[u,l]=_react.useState.call(void 0, ""),[d,h]=_react.useState.call(void 0, !1),m=s.toLowerCase().includes("@gmail.com")&&!s.toLowerCase().includes("+")&&_commonsdkauth.isEmailValid.call(void 0, s)&&!d;function C(p){return _chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){p.preventDefault(),h(!0);try{let V=s.trim().toLowerCase(),Y=yield e==null?void 0:e.sendEmailOtp(V);r({email:V,emailId:Y.emailId}),i("otp")}catch(V){h(!1),n("Failed to send email. Please try again or contact support.")}})}return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col items-start justify-start w-full rounded-lg",children:_jsxruntime.jsxs.call(void 0, "div",{className:"w-full",children:[_jsxruntime.jsx.call(void 0, "label",{className:"text-cm-text-primary block mb-[5px]",style:{color:(f=o==null?void 0:o.colors)==null?void 0:f.textPrimary},children:"Email"}),_jsxruntime.jsxs.call(void 0, "form",{role:"form",className:"relative",onSubmit:p=>{if(m){p.preventDefault();return}_commonsdkauth.isEmailValid.call(void 0, s)?C(p):p.preventDefault()},noValidate:!0,children:[_jsxruntime.jsx.call(void 0, "label",{htmlFor:"emailInput",className:"sr-only",children:"Email"}),_jsxruntime.jsx.call(void 0, "input",{className:_chunkWABJHG6Bcjs.a.call(void 0, "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)]",u?"border-red-500":"",m?"pr-[132px]":"pr-[80px]"),style:{color:(y=o==null?void 0:o.colors)==null?void 0:y.textPrimary,borderRadius:o==null?void 0:o.borderRadius,borderColor:u?(b=o==null?void 0:o.colors)==null?void 0:b.danger:(c=o==null?void 0:o.colors)==null?void 0:c.border,backgroundColor:(g=o==null?void 0:o.colors)==null?void 0:g.inputBackground,"--placeholder-color":(v=(w=o==null?void 0:o.colors)==null?void 0:w.textSecondary)!=null?v:"#67797F","--focus-ring-color":new (0, _color2.default)((I=(M=o==null?void 0:o.colors)==null?void 0:M.accent)!=null?I:"#04AA6D").alpha(.18).toString()},type:"email",placeholder:"your@email.com",value:s,onChange:p=>{a(p.target.value),l(""),n(null)},readOnly:d,"aria-describedby":"emailError"}),_jsxruntime.jsxs.call(void 0, "div",{className:"absolute inset-y-0 right-0 flex items-center pr-4",children:[u&&_jsxruntime.jsx.call(void 0, _chunkNRN4WNQLcjs.a,{customColor:(P=o==null?void 0:o.colors)==null?void 0:P.danger}),d&&_jsxruntime.jsx.call(void 0, _chunkZ2FGFHRQcjs.a,{style:{color:(k=o==null?void 0:o.colors)==null?void 0:k.textSecondary,fill:(R=o==null?void 0:o.colors)==null?void 0:R.textPrimary}}),m?_jsxruntime.jsx.call(void 0, qt,{emailInput:s,appearance:o}):!u&&!d?_jsxruntime.jsx.call(void 0, "button",{type:"submit",className:_chunkWABJHG6Bcjs.a.call(void 0, "font-medium text-cm-accent text-nowrap bg-cm-background-primary",_commonsdkauth.isEmailValid.call(void 0, s)?"cursor-pointer":"!cursor-not-allowed opacity-60"),style:{color:(N=o==null?void 0:o.colors)==null?void 0:N.accent,backgroundColor:(B=o==null?void 0:o.colors)==null?void 0:B.inputBackground},disabled:!_commonsdkauth.isEmailValid.call(void 0, s)||d,children:"Submit"}):null]})]}),u&&_jsxruntime.jsx.call(void 0, "p",{className:"text-xs text-red-500 mb-2 pt-2",children:u})]})})})}function $t(){let{step:r}=x(),[e,o]=_react.useState.call(void 0, null);return r==="otp"?_jsxruntime.jsx.call(void 0, _t,{otpEmailData:e,setOtpEmailData:o}):r==="initial"?_jsxruntime.jsx.call(void 0, Jt,{setOtpEmailData:o}):null}function Qt({appearance:r,text:e}){var t,i,n;let{step:o}=x();return o!=="initial"?null:_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center justify-center w-full pt-2 pb-3",children:[_jsxruntime.jsx.call(void 0, "span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(t=r==null?void 0:r.colors)==null?void 0:t.border}}),e!=null?_jsxruntime.jsx.call(void 0, "p",{className:"flex-none px-2 text-sm text-cm-text-primary",style:{color:(i=r==null?void 0:r.colors)==null?void 0:i.textSecondary},children:e}):null,_jsxruntime.jsx.call(void 0, "span",{className:"w-full h-[1px] bg-cm-border",style:{backgroundColor:(n=r==null?void 0:r.colors)==null?void 0:n.border}})]})}function Zt(e){var r=_chunk2WSEHVNPcjs.c.call(void 0, e,[]);var u,l,d,h;let{step:o,appearance:t,isLoadingOauthUrlMap:i}=x(),{createPopupAndSetupListeners:n,isLoading:s}=K("google"),a=i||s;return o!=="initial"?null:_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",a?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(u=t==null?void 0:t.colors)==null?void 0:u.buttonBackground},onClick:a?void 0:()=>n()},r),{children:[_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkE65EGG73cjs.a,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),a?_jsxruntime.jsx.call(void 0, _chunkZ2FGFHRQcjs.a,{style:{color:(l=t==null?void 0:t.colors)==null?void 0:l.textSecondary,fill:(d=t==null?void 0:t.colors)==null?void 0:d.textPrimary}}):_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with Google"})]}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Sign in with Google"})]}))}var _authkit = require('@farcaster/auth-kit');function to(){var i,n;let{step:r,appearance:e,setStep:o,setError:t}=x();return r==="initial"?_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsxs.call(void 0, "button",{className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none"),style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(i=e==null?void 0:e.colors)==null?void 0:i.buttonBackground},onClick:()=>{o("qrCode"),t(null)},children:[_jsxruntime.jsx.call(void 0, _chunkSRQAQHYKcjs.a,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(n=e==null?void 0:e.colors)==null?void 0:n.textPrimary},children:"Sign in with Farcaster"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Sign in with Farcaster"})]})}):r==="qrCode"?_jsxruntime.jsx.call(void 0, Uo,{}):null}function Uo(){var f,y,b,c,g,w,v,M,I;let{crossmintAuth:r}=U(),{appearance:e,setStep:o,setDialogOpen:t,setError:i}=x(),[n,s]=_react.useState.call(void 0, null),a=_react.useMemo.call(void 0, ()=>({onSuccess:P=>{s(P)}}),[]),{signIn:u,url:l,connect:d,signOut:h,isConnected:m}=_authkit.useSignIn.call(void 0, a),C=P=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){i(null);try{let k=yield r==null?void 0:r.signInWithFarcaster(P);yield r==null?void 0:r.handleRefreshAuthMaterial(k),t(!1),o("initial")}catch(k){console.error("Error during Farcaster sign-in:",k),i("Failed to sign in with Farcaster")}});return _react.useEffect.call(void 0, ()=>{n!=null&&C(n)},[n]),_react.useEffect.call(void 0, ()=>{m&&u()},[m]),_react.useEffect.call(void 0, ()=>{d()},[]),_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, rt,{onClick:()=>{h(),o("initial")},iconColor:(f=e==null?void 0:e.colors)==null?void 0:f.textPrimary,ringColor:(y=e==null?void 0:e.colors)==null?void 0:y.accent}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-center gap-4",children:[_jsxruntime.jsxs.call(void 0, "div",{className:"text-center",children:[_jsxruntime.jsx.call(void 0, "h3",{className:"text-lg font-semibold text-cm-text-primary mb-2",style:{color:(b=e==null?void 0:e.colors)==null?void 0:b.textPrimary},children:"Sign in with Farcaster"}),_jsxruntime.jsx.call(void 0, "p",{className:"text-base font-normal text-cm-text-secondary",style:{color:(c=e==null?void 0:e.colors)==null?void 0:c.textSecondary},children:"Scan with your phone's camera to continue."})]}),_jsxruntime.jsx.call(void 0, "div",{className:"bg-white aspect-square rounded-lg p-4",style:{backgroundColor:(g=e==null?void 0:e.colors)==null?void 0:g.inputBackground,borderRadius:e==null?void 0:e.borderRadius},children:l!=null?_jsxruntime.jsx.call(void 0, _authkit.QRCode,{uri:l,size:280}):_jsxruntime.jsx.call(void 0, "div",{className:"min-h-[246px] flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, _chunkZ2FGFHRQcjs.a,{style:{color:(w=e==null?void 0:e.colors)==null?void 0:w.textSecondary,fill:(v=e==null?void 0:e.colors)==null?void 0:v.textPrimary}})})}),l?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "p",{className:"text-base text-center font-normal text-cm-text-secondary",style:{color:(M=e==null?void 0:e.colors)==null?void 0:M.textSecondary},children:"Alternatively, click on this link to open Warpcast."}),_jsxruntime.jsx.call(void 0, "a",{href:l,rel:"noopener noreferrer",target:"_blank",className:"text-base font-normal text-cm-link",style:{color:(I=e==null?void 0:e.colors)==null?void 0:I.textLink},children:"Open Warpcast"})]}):null]})]})}function eo(e){var r=_chunk2WSEHVNPcjs.c.call(void 0, e,[]);var u,l,d,h;let{step:o,appearance:t,isLoadingOauthUrlMap:i}=x(),{createPopupAndSetupListeners:n,isLoading:s}=K("twitter"),a=i||s;return o!=="initial"?null:_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {className:_chunkWABJHG6Bcjs.a.call(void 0, "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center","transition-colors duration-200 ease-in-out","hover:bg-cm-hover focus:bg-cm-hover outline-none",a?"cursor-not-allowed hover:bg-cm-muted-primary":""),style:{borderRadius:t==null?void 0:t.borderRadius,backgroundColor:(u=t==null?void 0:t.colors)==null?void 0:u.buttonBackground},onClick:a?void 0:()=>n()},r),{children:[_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkZBQCXWMDcjs.a,{className:"max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]"}),a?_jsxruntime.jsx.call(void 0, _chunkZ2FGFHRQcjs.a,{style:{color:(l=t==null?void 0:t.colors)==null?void 0:l.textSecondary,fill:(d=t==null?void 0:t.colors)==null?void 0:d.textPrimary}}):_jsxruntime.jsx.call(void 0, "span",{className:"font-medium",style:{margin:"0px 32px",color:(h=t==null?void 0:t.colors)==null?void 0:h.textPrimary},children:"Sign in with X"})]}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Sign in with X"})]}))}var Vo=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./components/auth/methods/web3/Web3AuthFlow.cjs"))).then(r=>({default:r.Web3AuthFlow})));function ro({className:r}){var u,l,d,h,m,C,f,y,b,c,g,w,v;let{step:e,appearance:o,loginMethods:t,baseUrl:i,error:n,termsOfServiceText:s,authModalTitle:a}=x();return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkWABJHG6Bcjs.a.call(void 0, "relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",r),children:[n!=null?_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",style:{backgroundColor:new (0, _color2.default)((l=(u=o==null?void 0:o.colors)==null?void 0:u.danger)!=null?l:"#f44336").alpha(.12).toString()},children:[_jsxruntime.jsx.call(void 0, "div",{className:"min-w-[20px]",children:_jsxruntime.jsx.call(void 0, _chunkNRN4WNQLcjs.a,{customColor:(h=(d=o==null?void 0:o.colors)==null?void 0:d.danger)!=null?h:"#f44336"})}),_jsxruntime.jsx.call(void 0, "p",{className:"ml-2 text-sm",style:{color:(C=(m=o==null?void 0:o.colors)==null?void 0:m.danger)!=null?C:"#f44336"},children:n})]}):null,e==="initial"?_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, "h1",{className:"text-2xl font-bold text-cm-text-primary",style:{color:(f=o==null?void 0:o.colors)==null?void 0:f.textPrimary},children:a!=null?a:"Sign in to Crossmint"}),_jsxruntime.jsx.call(void 0, "p",{className:"text-base font-normal mb-3 text-cm-text-secondary",style:{color:(y=o==null?void 0:o.colors)==null?void 0:y.textSecondary},children:"Access using one of the options below."})]}):null,t.includes("google")?_jsxruntime.jsx.call(void 0, Zt,{}):null,t.includes("farcaster")?_jsxruntime.jsx.call(void 0, _chunkBR77Q3PKcjs.a,{baseUrl:i,children:_jsxruntime.jsx.call(void 0, to,{})}):null,t.includes("twitter")?_jsxruntime.jsx.call(void 0, eo,{}):null,t.includes("web3")?_jsxruntime.jsx.call(void 0, Vo,{}):null,t.includes("email")?_jsxruntime.jsxs.call(void 0, "div",{children:[t.length>1?_jsxruntime.jsx.call(void 0, Qt,{appearance:o,text:"OR"}):null,_jsxruntime.jsx.call(void 0, $t,{})]}):null,e==="initial"&&s!=null?_jsxruntime.jsxs.call(void 0, "div",{className:"text-sm text-center text-cm-text-secondary mt-2",style:{color:(b=o==null?void 0:o.colors)==null?void 0:b.textSecondary},children:[_jsxruntime.jsx.call(void 0, "style",{children:`
-                        p a {
-                            color: ${(g=(c=o==null?void 0:o.colors)==null?void 0:c.textLink)!=null?g:"#1A74E9"};
-                        }
-                    `}),s]}):null,e==="initial"||e==="otp"?_jsxruntime.jsx.call(void 0, _chunk2BOQSASOcjs.a,{className:"mt-1.5 md:mt-4 justify-center",color:(v=(w=o==null?void 0:o.colors)==null?void 0:w.textSecondary)!=null?v:"#67797F"}):null]})}function xt({open:r}){var t,i,n;let{appearance:e,setDialogOpen:o}=x();return _react.useEffect.call(void 0, ()=>{document.body.style.overflow=r?"hidden":""},[r]),_jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.a,{modal:!1,open:r,onOpenChange:o,children:_jsxruntime.jsxs.call(void 0, _chunkFSG3MT7Ccjs.e,{onInteractOutside:s=>s.preventDefault(),onOpenAutoFocus:s=>s.preventDefault(),closeButtonColor:(t=e==null?void 0:e.colors)==null?void 0:t.textPrimary,closeButtonRingColor:(i=e==null?void 0:e.colors)==null?void 0:i.accent,className:"!p-0 !min-[480px]:p-0",style:{borderRadius:e==null?void 0:e.borderRadius,backgroundColor:(n=e==null?void 0:e.colors)==null?void 0:n.background},children:[_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.h,{children:"Crossmint Auth"})}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkFSG3MT7Ccjs.i,{children:"Sign in via Crossmint"})}),_jsxruntime.jsx.call(void 0, ro,{className:"max-w-[448px]"})]})})}var Qo={crossmintAuth:void 0,login:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{}},J= exports.t =_react.createContext.call(void 0, Qo),Yo={defaultChain:"base-sepolia",createOnLogin:"off",type:"evm-smart-wallet"};function Ls({embeddedWallets:r=Yo,children:e,appearance:o,termsOfServiceText:t,prefetchOAuthUrls:i=!0,authModalTitle:n,onLoginSuccess:s,loginMethods:a=["email","google"],refreshRoute:u,logoutRoute:l}){let[d,h]=_react.useState.call(void 0, void 0),{crossmint:m,setJwt:C}=_chunkGPQZG7HCcjs.b.call(void 0, "CrossmintAuthProvider must be used within CrossmintProvider"),f=_react.useRef.call(void 0, null),y=_react.useMemo.call(void 0, ()=>(f.current||(f.current=_clientsdkauth.CrossmintAuth.from(m,{callbacks:{onLogout:()=>{C(void 0),h(void 0)},onTokenRefresh:p=>{C(p.jwt),h(p.user)}},refreshRoute:u,logoutRoute:l})),f.current),[]),b=_commonsdkbase.validateApiKeyAndGetCrossmintBaseUrl.call(void 0, m.apiKey),[c,g]=_react.useState.call(void 0, !1),[w,v]=_react.useState.call(void 0, !1),[M,I]=_react.useState.call(void 0, void 0),P=_react.useCallback.call(void 0, ()=>{s==null||s()},[s]);_react.useEffect.call(void 0, ()=>{if(m.jwt==null){let p=_clientsdkauth.getCookie.call(void 0, _commonsdkauth.SESSION_PREFIX);C(p)}v(!0)},[]),_react.useEffect.call(void 0, ()=>{m.jwt!=null&&c&&(g(!1),P())},[m.jwt,c,s]);let k=p=>{if(m.jwt!=null){console.log("User already logged in");return}p!=null&&typeof p=="string"&&I(p),g(!0)},R=()=>{y.logout()},N=()=>w?m.jwt!=null?"logged-in":c?"in-progress":"logged-out":"initializing",B=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){if(m.jwt==null){console.log("User not logged in");return}let p=yield y.getUser();h(p)});return _jsxruntime.jsx.call(void 0, _chunkE5PPNNTLcjs.a,{children:_jsxruntime.jsx.call(void 0, J.Provider,{value:{crossmintAuth:y,login:k,logout:R,jwt:m.jwt,user:d,status:N(),getUser:B},children:_jsxruntime.jsx.call(void 0, no,{defaultChain:r.defaultChain,showPasskeyHelpers:r.showPasskeyHelpers,appearance:o,children:_jsxruntime.jsxs.call(void 0, zt,{setDialogOpen:(p,V)=>{g(p),V&&P()},preFetchOAuthUrls:N()==="logged-out"&&i,initialState:{appearance:o,loginMethods:a,termsOfServiceText:t,authModalTitle:n,embeddedWallets:r,baseUrl:b,defaultEmail:M},children:[_jsxruntime.jsx.call(void 0, Zo,{embeddedWallets:r,accessToken:m.jwt,children:e}),_jsxruntime.jsx.call(void 0, xt,{open:c})]})},m.jwt)})})}function Zo({embeddedWallets:r,children:e,accessToken:o}){let{getOrCreateWallet:t,clearWallet:i,status:n}=Ht();return _react.useEffect.call(void 0, ()=>{r.createOnLogin==="all-users"&&n==="not-loaded"&&o!=null&&t(),n==="loaded"&&o==null&&i()},[o,n]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:e})}function io(){let r=_react.useContext.call(void 0, J);if(r===void 0)throw new Error("useAuth must be used within an AuthProvider");return r}var ct=_react.createContext.call(void 0, {status:"not-loaded",getOrCreateWallet:()=>Promise.resolve({startedCreation:!1}),createPasskeySigner:()=>Promise.resolve(null),clearWallet:()=>{}});function no({children:r,defaultChain:e,showPasskeyHelpers:o=!0,appearance:t}){let{user:i}=io(),{crossmint:n}=_chunkGPQZG7HCcjs.b.call(void 0, "CrossmintWalletProvider must be used within CrossmintProvider"),s=_react.useMemo.call(void 0, ()=>_clientsdksmartwallet.SmartWalletSDK.init({clientApiKey:n.apiKey}),[n.apiKey]),a=_chunkWCDR3KSEcjs.a.call(void 0, i==null?void 0:i.id),[u,l]=_react.useState.call(void 0, {status:"not-loaded"}),[d,h]=_react.useState.call(void 0, {open:!1}),m=c=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){yield f("create-wallet")();let g=yield s.createPasskeySigner(c);return a.setPasskey(g),g}),C=c=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var g;if(u.status=="in-progress")return console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."};if(n.jwt==null)return{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'};try{l({status:"in-progress"});let w=(g=c==null?void 0:c.signer)!=null?g:yield b(),v=yield s.getOrCreateWallet({jwt:n.jwt},e,c!=null?c:{signer:w},{onWalletCreationFailed:f("create-wallet-error"),onTransactionSigningStarted:()=>a.isWalletInitialized?Promise.resolve():f("transaction")(),onTransactionSigningFailed:f("transaction-error"),onTransactionCompleted:()=>(a.setWalletInitialized(!0),Promise.resolve())});a.setWalletAddress(v.address),l({status:"loaded",wallet:v})}catch(w){console.error("There was an error creating a wallet ",w),l(le(w))}return{startedCreation:!0}}),f=c=>()=>new Promise(g=>{if(!o){g();return}h({type:c,open:!0,primaryActionOnClick:()=>{h({open:!1}),g()},secondaryActionOnClick:()=>{h({open:!1}),g()}})}),y=()=>{l({status:"not-loaded"})},b=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){let c=a.passkey;return c===void 0?yield m("Crossmint Wallet"):c});return _jsxruntime.jsxs.call(void 0, ct.Provider,{value:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},u),{getOrCreateWallet:C,createPasskeySigner:m,clearWallet:y}),children:[r,d.open?_reactdom.createPortal.call(void 0, _jsxruntime.jsx.call(void 0, _chunk62JYTT2Ycjs.a,{state:d,appearance:t}),document.body):null]})}function le(r){if(r instanceof _clientsdksmartwallet.SmartWalletError)return{status:"loading-error",error:r};let e=r instanceof Error?r.message:String(r),o=r instanceof Error?r.stack:void 0;return{status:"loading-error",error:new (0, _clientsdksmartwallet.SmartWalletError)(`Unknown Wallet Error: ${e}`,o)}}exports.a = ct; exports.b = no; exports.c = Ht; exports.d = U; exports.e = x; exports.f = zt; exports.g = rt; exports.h = xo; exports.i = _t; exports.j = K; exports.k = qt; exports.l = Jt; exports.m = $t; exports.n = Qt; exports.o = Zt; exports.p = to; exports.q = eo; exports.r = ro; exports.s = xt; exports.t = J; exports.u = Ls; exports.v = io;

package/dist/chunk-WCDR3KSE.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');function h(a){let n=_react.useCallback.call(void 0, ()=>{if(a==null)return null;let e=`smart-wallet-${a}`,t=localStorage.getItem(e);return t==null?null:JSON.parse(t)},[a]),l=_react.useCallback.call(void 0, e=>{if(a==null)return;let t=`smart-wallet-${a}`;localStorage.setItem(t,JSON.stringify(e))},[a]),u=_react.useCallback.call(void 0, e=>{let t=n()||{};l(_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t),{wallet:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.wallet),{address:e})}))},[n,l]),d=_react.useMemo.call(void 0, ()=>{var t,c;let e=n();return e==null?!1:(c=(t=e.wallet)==null?void 0:t.initialized)!=null?c:!1},[n]),y=_react.useCallback.call(void 0, e=>{let t=n();t===null||t.wallet===void 0||l(_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t),{wallet:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.wallet),{initialized:e})}))},[n,l]),p=_react.useMemo.call(void 0, ()=>{let e=n();if(!(e===null||e.passkey===void 0))return{type:"PASSKEY",credential:{id:e.passkey.authenticatorId,publicKey:{prefix:e.passkey.pubKeyPrefix,x:BigInt(e.passkey.pubKeyX),y:BigInt(e.passkey.pubKeyY)}}}},[n]),f=_react.useCallback.call(void 0, e=>{let t=n()||{};l(_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t),{passkey:{authenticatorId:e.credential.id,domain:"localhost",passkeyName:"Crossmint Wallet",pubKeyPrefix:e.credential.publicKey.prefix,pubKeyX:e.credential.publicKey.x.toString(),pubKeyY:e.credential.publicKey.y.toString()}}))},[n,l]);return{setWalletAddress:u,isWalletInitialized:d,setWalletInitialized:y,passkey:p,setPasskey:f}}exports.a = h;

package/dist/hooks/useWalletCache.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWCDR3KSEcjs = require('../chunk-WCDR3KSE.cjs');require('../chunk-2WSEHVNP.cjs');exports.useWalletCache = _chunkWCDR3KSEcjs.a;

package/dist/hooks/useWalletCache.d.cts

@@ -1,12 +0,0 @@
-import { Address } from 'viem';
-import { PasskeySigner } from '@crossmint/client-sdk-smart-wallet';
-
-declare function useWalletCache(userId: string | undefined): {
-    setWalletAddress: (address: Address) => void;
-    isWalletInitialized: boolean;
-    setWalletInitialized: (initialized: boolean) => void;
-    passkey: PasskeySigner | undefined;
-    setPasskey: (passkeySigner: PasskeySigner) => void;
-};
-
-export { useWalletCache };

package/dist/hooks/useWalletCache.d.ts

@@ -1,12 +0,0 @@
-import { Address } from 'viem';
-import { PasskeySigner } from '@crossmint/client-sdk-smart-wallet';
-
-declare function useWalletCache(userId: string | undefined): {
-    setWalletAddress: (address: Address) => void;
-    isWalletInitialized: boolean;
-    setWalletInitialized: (initialized: boolean) => void;
-    passkey: PasskeySigner | undefined;
-    setPasskey: (passkeySigner: PasskeySigner) => void;
-};
-
-export { useWalletCache };

package/dist/hooks/useWalletCache.js

@@ -1 +0,0 @@
-import{a}from"../chunk-7G3VO3NN.js";import"../chunk-PXDN3KFO.js";export{a as useWalletCache};