@crossmint/client-sdk-react-ui 1.16.8 → 1.17.0

package/dist/chunk-NQSJLWMO.cjs

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

package/dist/chunk-Q7J4KIEO.js

@@ -1 +0,0 @@
-import{a as t,b as e,d as o}from"./chunk-PXDN3KFO.js";function l(n,c,i,s){return o(this,null,function*(){let a={chain:c,serializedTransaction:i,iframeClient:s};switch(n.chain){case"EVM":let{handleEvmTransaction:r}=yield import("./components/embed/v3/crypto/utils/handleEvmTransaction.js");return yield r(e(t({},a),{primaryWallet:n}));case"SOL":let{handleSolanaTransaction:m}=yield import("./components/embed/v3/crypto/utils/handleSolanaTransaction.js");return yield m(e(t({},a),{primaryWallet:n}));default:throw new Error(`Connected wallet is on an unsupported chain: ${n.chain}`)}})}export{l as a};

package/dist/chunk-TLKROPGW.js

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