@crossmint/client-sdk-react-ui 2.2.14 → 2.2.16

package/dist/chunk-PJSZM627.js

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

package/dist/chunk-T34D7CJP.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHUFKDHMJcjs = require('./chunk-HUFKDHMJ.cjs');var _chunkVEAVGSERcjs = require('./chunk-VEAVGSER.cjs');var _chunkX4BUSZRJcjs = require('./chunk-X4BUSZRJ.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _reactdom = require('react-dom');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');var P=l=>()=>{throw new Error(`${l} is not available. Make sure you're using an email signer wallet.`)};function Q({children:l,showPasskeyHelpers:p=!0,appearance:u,createOnLogin:i,callbacks:r}){let{experimental_customAuth:o}=_clientsdkreactbase.useCrossmint.call(void 0, ),[f,m]=_react.useState.call(void 0, {open:!1}),[S,d]=_react.useState.call(void 0, !1),[W,g]=_react.useState.call(void 0, "initial"),[j,h]=_react.useState.call(void 0, !1),v=_react.useRef.call(void 0, P("sendEmailWithOtp")),C=_react.useRef.call(void 0, P("verifyOtp")),n=_react.useRef.call(void 0, P("reject")),O=_react.useCallback.call(void 0, e=>()=>new Promise(t=>{if(!p){t();return}m({type:e,open:!0,primaryActionOnClick:()=>{m({open:!1}),t()},secondaryActionOnClick:()=>{m({open:!1}),t()}})}),[p]),T=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield v.current(),g("otp")}catch(e){console.error("Failed to send email OTP",e),n.current(new Error("Failed to send email OTP"))}}),b=e=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{yield C.current(e),d(!1),g("initial")}catch(t){console.error("Failed to verify OTP",t),n.current(new Error("Failed to verify OTP"))}});return _jsxruntime.jsx.call(void 0, _chunkX4BUSZRJcjs.a,{children:_jsxruntime.jsxs.call(void 0, _clientsdkreactbase.CrossmintWalletBaseProvider,{createOnLogin:i,onAuthRequired:(e,t,A,D)=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){d(e),h(e),v.current=t,C.current=A,n.current=D}),callbacks:(()=>{let e=r==null?void 0:r.onWalletCreationStart,t=r==null?void 0:r.onTransactionStart;return(i==null?void 0:i.signer.type)==="passkey"&&p&&(e=O("create-wallet"),t=O("transaction")),{onWalletCreationStart:e,onTransactionStart:t}})(),children:[l,S&&(o==null?void 0:o.email)!=null?_reactdom.createPortal.call(void 0, _jsxruntime.jsx.call(void 0, _chunkHUFKDHMJcjs.a,{rejectRef:n,email:o==null?void 0:o.email,open:S,setOpen:d,step:W,onSubmitOTP:b,onResendOTPCode:T,onSubmitEmail:T,appearance:u}),document.body):null,f.open?_reactdom.createPortal.call(void 0, _jsxruntime.jsx.call(void 0, _chunkVEAVGSERcjs.a,{state:f,appearance:u}),document.body):null]})})}exports.a = Q;

package/dist/chunk-XLX43RQW.js

@@ -1,2 +0,0 @@
-import{a as R,b as G,c as s}from"./chunk-VHNBXIOC.js";import{a as U}from"./chunk-EMXNIC4M.js";import{a as L}from"./chunk-C3JRTLQP.js";import{d as A}from"./chunk-PXDN3KFO.js";import{useState as r}from"react";import{jsx as t,jsxs as d}from"react/jsx-runtime";function W({email:D,onSubmitOTP:H,onResendCode:n,appearance:o}){var y,P,v,c,h,k,E,b,O,T,C,I,e,B,S,N,F,w;let[x,$]=r(""),[l,m]=r(!1),[j,f]=r(!1),[g,u]=r(null),q=()=>A(this,null,function*(){f(!0);try{yield H(x),m(!1),u(null)}catch(i){console.error("Error confirming recovery key OTP",i),u("Invalid code. Please try again."),m(!0)}finally{f(!1)}});return d("div",{className:"flex flex-col items-center justify-start w-full",children:[t("div",{className:"relative left-3",children:t(L,{customAccentColor:(y=o==null?void 0:o.colors)==null?void 0:y.accent,customButtonBackgroundColor:(P=o==null?void 0:o.colors)==null?void 0:P.buttonBackground,customBackgroundColor:(v=o==null?void 0:o.colors)==null?void 0:v.background})}),t("p",{className:"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",style:{color:(c=o==null?void 0:o.colors)==null?void 0:c.textPrimary},children:"Check your email"}),d("p",{className:"text-center text-cm-text-secondary px-4",style:{color:(h=o==null?void 0:o.colors)==null?void 0:h.textSecondary},children:["A temporary login code has been sent to ",D]}),t("div",{className:"py-8",children:t(R,{maxLength:6,value:x,onChange:i=>{$(i),m(!1),u(null)},onComplete:q,disabled:j,customStyles:{accent:(E=(k=o==null?void 0:o.colors)==null?void 0:k.accent)!=null?E:"#04AA6D",danger:(O=(b=o==null?void 0:o.colors)==null?void 0:b.danger)!=null?O:"#f44336",border:(C=(T=o==null?void 0:o.colors)==null?void 0:T.border)!=null?C:"#E5E7EB",textPrimary:(e=(I=o==null?void 0:o.colors)==null?void 0:I.textPrimary)!=null?e:"#909ca3",buttonBackground:(S=(B=o==null?void 0:o.colors)==null?void 0:B.buttonBackground)!=null?S:"#eff6ff",inputBackground:(F=(N=o==null?void 0:o.colors)==null?void 0:N.inputBackground)!=null?F:"#FFFFFF",borderRadius:o==null?void 0:o.borderRadius},children:d(G,{children:[t(s,{index:0,hasError:l}),t(s,{index:1,hasError:l}),t(s,{index:2,hasError:l}),t(s,{index:3,hasError:l}),t(s,{index:4,hasError:l}),t(s,{index:5,hasError:l})]})})}),g&&t("div",{className:"text-sm text-red-500 mb-4",children:g}),t("div",{className:"text-xs leading-tight text-cm-text-secondary text-center",children:d("span",{style:{color:(w=o==null?void 0:o.colors)==null?void 0:w.textSecondary},children:["Can't find the email? Check spam folder.",`
-`,"Some emails may take several minutes to arrive."]})}),n&&t(U,{initialSeconds:60,appearance:o,countdownText:i=>`Re-send code in ${i}s`,countdownCompleteText:"Re-send code",handleOnClick:n})]})}export{W as a};