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

package/dist/providers/dynamic/DynamicWalletProvider.js

@@ -1 +1 @@
-import{b as a}from"../../chunk-YWAEP7EZ.js";import"../../chunk-4KDASQO6.js";import"../../chunk-JSNUJJQJ.js";import"../../chunk-LD3MRJ3F.js";import"../../chunk-JPJKOERH.js";import"../../chunk-VWL76U5G.js";import"../../chunk-VHNBXIOC.js";import"../../chunk-TNCETEEL.js";import"../../chunk-UDQUVZUQ.js";import"../../chunk-XB3VAPRK.js";import"../../chunk-EMXNIC4M.js";import"../../chunk-ZFHUZZF2.js";import"../../chunk-NBJIJZGO.js";import"../../chunk-H34D6PAN.js";import"../../chunk-VLDE23JX.js";import"../../chunk-C3JRTLQP.js";import"../../chunk-E4TBJMOO.js";import"../../chunk-WW6GUXHG.js";import"../../chunk-SFDQPSSP.js";import"../../chunk-UAFW3OWA.js";import"../../chunk-UILJI3DM.js";import"../../chunk-PXDN3KFO.js";export{a as DynamicWalletProvider};
+import{b as a}from"../../chunk-LWX23VQI.js";import"../../chunk-JSNUJJQJ.js";import"../../chunk-4KDASQO6.js";import"../../chunk-LD3MRJ3F.js";import"../../chunk-JPJKOERH.js";import"../../chunk-VWL76U5G.js";import"../../chunk-VLDE23JX.js";import"../../chunk-E4TBJMOO.js";import"../../chunk-WW6GUXHG.js";import"../../chunk-SFDQPSSP.js";import"../../chunk-EMXNIC4M.js";import"../../chunk-VHNBXIOC.js";import"../../chunk-TNCETEEL.js";import"../../chunk-UDQUVZUQ.js";import"../../chunk-XB3VAPRK.js";import"../../chunk-NBJIJZGO.js";import"../../chunk-H34D6PAN.js";import"../../chunk-C3JRTLQP.js";import"../../chunk-ZFHUZZF2.js";import"../../chunk-UAFW3OWA.js";import"../../chunk-UILJI3DM.js";import"../../chunk-PXDN3KFO.js";export{a as DynamicWalletProvider};

package/dist/providers/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-7ABHEMG7.cjs');var _chunkBO4IWVJ7cjs = require('../chunk-BO4IWVJ7.cjs');var _chunkT34D7CJPcjs = require('../chunk-T34D7CJP.cjs');require('../chunk-HUFKDHMJ.cjs');require('../chunk-DGY7DTSC.cjs');require('../chunk-A7H6M63M.cjs');require('../chunk-VEAVGSER.cjs');require('../chunk-TWX7ZBKZ.cjs');require('../chunk-QYQERFYL.cjs');require('../chunk-VI6TW7JT.cjs');require('../chunk-GIFMRB57.cjs');require('../chunk-5YVOGU43.cjs');require('../chunk-PYYIYSHA.cjs');require('../chunk-TIMWFXI5.cjs');require('../chunk-FYCKQBCI.cjs');require('../chunk-PZ3KXKJD.cjs');require('../chunk-BR77Q3PK.cjs');require('../chunk-AHD64NAJ.cjs');require('../chunk-ZBQCXWMD.cjs');require('../chunk-TXOVDTYK.cjs');require('../chunk-HG5ML6KX.cjs');require('../chunk-Z2FGFHRQ.cjs');require('../chunk-WMBBIP2C.cjs');require('../chunk-DCACW4K6.cjs');require('../chunk-HLGNSXEQ.cjs');require('../chunk-X4BUSZRJ.cjs');require('../chunk-WABJHG6B.cjs');require('../chunk-FQ246XXN.cjs');require('../chunk-YXF74MVI.cjs');require('../chunk-I4GMMHQR.cjs');require('../chunk-SRQAQHYK.cjs');require('../chunk-E65EGG73.cjs');require('../chunk-TM7WDKYR.cjs');require('../chunk-NRN4WNQL.cjs');require('../chunk-PZUWRGVP.cjs');require('../chunk-FRXIWXHU.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintAuthProvider = _chunkBO4IWVJ7cjs.a; exports.CrossmintWalletProvider = _chunkT34D7CJPcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-7ABHEMG7.cjs');var _chunkSGIMVEZTcjs = require('../chunk-SGIMVEZT.cjs');require('../chunk-B7QO52HD.cjs');require('../chunk-VI6TW7JT.cjs');require('../chunk-TWX7ZBKZ.cjs');require('../chunk-QYQERFYL.cjs');var _chunkXH7RM4UWcjs = require('../chunk-XH7RM4UW.cjs');require('../chunk-UXNLOKSG.cjs');require('../chunk-MIN6TMUL.cjs');require('../chunk-4I42JCKB.cjs');require('../chunk-DGY7DTSC.cjs');require('../chunk-RERW4UT4.cjs');require('../chunk-F2PJZF7H.cjs');require('../chunk-GNLTOJSY.cjs');require('../chunk-CNLXVMBD.cjs');require('../chunk-GIFMRB57.cjs');require('../chunk-EYTEERNX.cjs');require('../chunk-XRIQR4V3.cjs');require('../chunk-AY5XZILB.cjs');require('../chunk-IYOY7DV2.cjs');require('../chunk-BR77Q3PK.cjs');require('../chunk-PZ3KXKJD.cjs');require('../chunk-AHD64NAJ.cjs');require('../chunk-ZBQCXWMD.cjs');require('../chunk-TXOVDTYK.cjs');require('../chunk-YXF74MVI.cjs');require('../chunk-SRQAQHYK.cjs');require('../chunk-E65EGG73.cjs');require('../chunk-TM7WDKYR.cjs');require('../chunk-HLGNSXEQ.cjs');require('../chunk-HG5ML6KX.cjs');require('../chunk-Z2FGFHRQ.cjs');require('../chunk-WMBBIP2C.cjs');require('../chunk-DCACW4K6.cjs');require('../chunk-WABJHG6B.cjs');require('../chunk-FQ246XXN.cjs');require('../chunk-I4GMMHQR.cjs');require('../chunk-X4BUSZRJ.cjs');require('../chunk-NRN4WNQL.cjs');require('../chunk-PZUWRGVP.cjs');require('../chunk-OVONVFET.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintAuthProvider = _chunkXH7RM4UWcjs.a; exports.CrossmintWalletProvider = _chunkSGIMVEZTcjs.a;

package/dist/providers/index.js

@@ -1 +1 @@
-import"../chunk-P4RTBQI6.js";import{a}from"../chunk-BXA6GFT6.js";import{a as b}from"../chunk-PJSZM627.js";import"../chunk-GPOZTH2S.js";import"../chunk-JSOMGEEA.js";import"../chunk-XLX43RQW.js";import"../chunk-WKBTOP6Q.js";import"../chunk-HVZ5M3FY.js";import"../chunk-OOLXYAO7.js";import"../chunk-77PBG2JJ.js";import"../chunk-HYWUM3J2.js";import"../chunk-7ES6Y5N6.js";import"../chunk-FDUPM6VW.js";import"../chunk-2KRNJ7ZH.js";import"../chunk-YWAEP7EZ.js";import"../chunk-4KDASQO6.js";import"../chunk-JSNUJJQJ.js";import"../chunk-LD3MRJ3F.js";import"../chunk-JPJKOERH.js";import"../chunk-VWL76U5G.js";import"../chunk-VHNBXIOC.js";import"../chunk-TNCETEEL.js";import"../chunk-UDQUVZUQ.js";import"../chunk-XB3VAPRK.js";import"../chunk-EMXNIC4M.js";import"../chunk-ZFHUZZF2.js";import"../chunk-NBJIJZGO.js";import"../chunk-H34D6PAN.js";import"../chunk-VLDE23JX.js";import"../chunk-C3JRTLQP.js";import"../chunk-E4TBJMOO.js";import"../chunk-WW6GUXHG.js";import"../chunk-SFDQPSSP.js";import"../chunk-UAFW3OWA.js";import"../chunk-UILJI3DM.js";import"../chunk-CNKSQE42.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintAuthProvider,b as CrossmintWalletProvider};
+import"../chunk-P4RTBQI6.js";import{a as b}from"../chunk-4SRO2VKL.js";import"../chunk-GKMMHRKR.js";import"../chunk-77PBG2JJ.js";import"../chunk-HVZ5M3FY.js";import"../chunk-OOLXYAO7.js";import{a}from"../chunk-HANJOFAU.js";import"../chunk-U6SU4GSC.js";import"../chunk-CHOIE7TZ.js";import"../chunk-643TTR4H.js";import"../chunk-JSOMGEEA.js";import"../chunk-KL5A44S4.js";import"../chunk-GGUEHZAY.js";import"../chunk-QCLLJVY2.js";import"../chunk-D6KA2HLB.js";import"../chunk-HYWUM3J2.js";import"../chunk-JK2MXIJK.js";import"../chunk-TB7PWIBK.js";import"../chunk-S7MVGO3P.js";import"../chunk-LWX23VQI.js";import"../chunk-JSNUJJQJ.js";import"../chunk-4KDASQO6.js";import"../chunk-LD3MRJ3F.js";import"../chunk-JPJKOERH.js";import"../chunk-VWL76U5G.js";import"../chunk-VLDE23JX.js";import"../chunk-E4TBJMOO.js";import"../chunk-WW6GUXHG.js";import"../chunk-SFDQPSSP.js";import"../chunk-EMXNIC4M.js";import"../chunk-VHNBXIOC.js";import"../chunk-TNCETEEL.js";import"../chunk-UDQUVZUQ.js";import"../chunk-XB3VAPRK.js";import"../chunk-NBJIJZGO.js";import"../chunk-H34D6PAN.js";import"../chunk-C3JRTLQP.js";import"../chunk-ZFHUZZF2.js";import"../chunk-UAFW3OWA.js";import"../chunk-UILJI3DM.js";import"../chunk-DR6MFZ6K.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintAuthProvider,b as CrossmintWalletProvider};

package/dist/utils/createCrossmintApiClient.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTIMWFXI5cjs = require('../chunk-TIMWFXI5.cjs');require('../chunk-FRXIWXHU.cjs');require('../chunk-2WSEHVNP.cjs');exports.createCrossmintApiClient = _chunkTIMWFXI5cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAY5XZILBcjs = require('../chunk-AY5XZILB.cjs');require('../chunk-OVONVFET.cjs');require('../chunk-2WSEHVNP.cjs');exports.createCrossmintApiClient = _chunkAY5XZILBcjs.a;

package/dist/utils/createCrossmintApiClient.js

@@ -1 +1 @@
-import{a}from"../chunk-2KRNJ7ZH.js";import"../chunk-CNKSQE42.js";import"../chunk-PXDN3KFO.js";export{a as createCrossmintApiClient};
+import{a}from"../chunk-S7MVGO3P.js";import"../chunk-DR6MFZ6K.js";import"../chunk-PXDN3KFO.js";export{a as createCrossmintApiClient};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crossmint/client-sdk-react-ui",
-  "version": "2.2.14",
+  "version": "2.2.15",
   "repository": "https://github.com/Crossmint/crossmint-sdk",
   "license": "Apache-2.0",
   "author": "Paella Labs Inc",
@@ -41,14 +41,14 @@
     "tailwindcss": "3.4.10",
     "viem": "2.23.6",
     "zod": "3.22.4",
-    "@crossmint/client-sdk-auth": "1.2.21",
-    "@crossmint/client-sdk-base": "1.5.12",
+    "@crossmint/client-sdk-auth": "1.2.22",
+    "@crossmint/client-sdk-base": "1.5.13",
+    "@crossmint/client-sdk-react-base": "0.5.15",
     "@crossmint/client-sdk-window": "1.0.2",
     "@crossmint/client-signers": "0.0.18",
-    "@crossmint/common-sdk-auth": "1.0.43",
-    "@crossmint/common-sdk-base": "0.8.4",
-    "@crossmint/wallets-sdk": "0.10.14",
-    "@crossmint/client-sdk-react-base": "0.5.14"
+    "@crossmint/common-sdk-auth": "1.0.44",
+    "@crossmint/common-sdk-base": "0.8.5",
+    "@crossmint/wallets-sdk": "0.10.15"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.1",

package/dist/chunk-A7H6M63M.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHG5ML6KXcjs = require('./chunk-HG5ML6KX.cjs');var _chunkHLGNSXEQcjs = require('./chunk-HLGNSXEQ.cjs');var _chunkI4GMMHQRcjs = require('./chunk-I4GMMHQR.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function V({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,$]=_react.useState.call(void 0, ""),[l,m]=_react.useState.call(void 0, !1),[j,f]=_react.useState.call(void 0, !1),[g,u]=_react.useState.call(void 0, null),q=()=>_chunk2WSEHVNPcjs.d.call(void 0, 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 _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:(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})}),_jsxruntime.jsx.call(void 0, "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"}),_jsxruntime.jsxs.call(void 0, "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]}),_jsxruntime.jsx.call(void 0, "div",{className:"py-8",children:_jsxruntime.jsx.call(void 0, _chunkHG5ML6KXcjs.a,{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:_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})]})})}),g&&_jsxruntime.jsx.call(void 0, "div",{className:"text-sm text-red-500 mb-4",children:g}),_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:(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&&_jsxruntime.jsx.call(void 0, _chunkHLGNSXEQcjs.a,{initialSeconds:60,appearance:o,countdownText:i=>`Re-send code in ${i}s`,countdownCompleteText:"Re-send code",handleOnClick:n})]})}exports.a = V;

package/dist/chunk-CNKSQE42.js

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

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};