@crossmint/client-sdk-react-ui 2.2.19 → 2.3.0

package/dist/chunk-23YVHBPI.js

@@ -0,0 +1,11 @@
+import{a as e}from"./chunk-PXDN3KFO.js";import r from"@emotion/styled";import{jsx as n}from"react/jsx-runtime";var p=r.span`
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+`;function d(t){return n(p,e({},t))}export{d as a};

package/dist/chunk-2SBA4RZZ.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _jsxruntime = require('react/jsx-runtime');var g=_styled2.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 8px 0px 12px;
+`,e=_styled2.default.span`
+    width: 100%;
+    height: 1px;
+    background-color: ${_chunkEAWYV5ZOcjs.a["cm-border"]};
+`,x=_styled2.default.p`
+    color: ${_chunkEAWYV5ZOcjs.a["cm-text-primary"]};
+    font-size: 14px;
+    font-weight: 400;
+    margin: 1px;
+    padding: 0 8px;
+`;function v({appearance:o,text:d}){var n,l,s;let{step:f}=_chunkKT4LGFPNcjs.a.call(void 0, );return f!=="initial"?null:_jsxruntime.jsxs.call(void 0, g,{children:[_jsxruntime.jsx.call(void 0, e,{style:{backgroundColor:(n=o==null?void 0:o.colors)==null?void 0:n.border}}),d!=null?_jsxruntime.jsx.call(void 0, x,{style:{color:(l=o==null?void 0:o.colors)==null?void 0:l.textSecondary},children:d}):null,_jsxruntime.jsx.call(void 0, e,{style:{backgroundColor:(s=o==null?void 0:o.colors)==null?void 0:s.border}})]})}exports.a = v;

package/dist/{chunk-WMDN55HV.js → chunk-2ZIM34DD.js}

@@ -1 +1 @@
-import{a as r}from"./chunk-4IHRWQWT.js";import{a as t}from"./chunk-RYQRCUKB.js";import{a as o}from"./chunk-PXDN3KFO.js";import{isCryptoEmbeddedCheckoutProps as m,isFiatEmbeddedCheckoutProps as i}from"@crossmint/client-sdk-base";import{jsx as d}from"react/jsx-runtime";function E(e){if(console.error("[CrossmintPaymentElement_DEPRECATED] \u26A0\uFE0F This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview"),i(e))return d(r,o({},e));if(m(e))return d(t,o({},e));throw new Error("Unsupported: Fiat is the only supported payment method.")}export{E as a};
+import{a as t}from"./chunk-RYQRCUKB.js";import{a as r}from"./chunk-4IHRWQWT.js";import{a as o}from"./chunk-PXDN3KFO.js";import{isCryptoEmbeddedCheckoutProps as m,isFiatEmbeddedCheckoutProps as i}from"@crossmint/client-sdk-base";import{jsx as d}from"react/jsx-runtime";function E(e){if(console.error("[CrossmintPaymentElement_DEPRECATED] \u26A0\uFE0F This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview"),i(e))return d(r,o({},e));if(m(e))return d(t,o({},e));throw new Error("Unsupported: Fiat is the only supported payment method.")}export{E as a};

package/dist/chunk-36S5R2NM.js

@@ -0,0 +1,53 @@
+import{a as I}from"./chunk-JL7YHC7D.js";import{a as O,b as w,c as C}from"./chunk-O5IPDCMT.js";import{a as s}from"./chunk-DFSB3TWF.js";import{d as P}from"./chunk-PXDN3KFO.js";import{useState as c,useRef as z}from"react";import r from"@emotion/styled";import{jsx as o,jsxs as G}from"react/jsx-runtime";var H=9,M=r.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+`,R=r.p`
+    font-size: 16px;
+    font-weight: 400;
+    margin: 16px 0 4px 0;
+    text-align: center;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||s["cm-text-primary"]}};
+`,U=r.p`
+    text-align: center;
+    padding: 0 16px;
+    margin: 0;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||s["cm-text-secondary"]}};
+    font-size: 14px;
+    line-height: 1.4;
+    overflow-wrap: anywhere;
+`,$=r.div`
+    padding: 32px 0;
+`,L=r(C)`
+    /* Mobile styles */
+     @media (max-width: 479px) {
+        width: 32px;
+        height: 44px;
+        font-size: 20px;
+        margin: 0;
+    }
+    /* Mobile styles (small devices) */
+    @media (max-width: 379px) {
+        width: 24px;
+        height: 36px;
+        font-size: 16px;
+        margin: 0;
+    }
+    /* Desktop styles */
+    @media (min-width: 480px) {
+        height: 48px;
+        width: 36px;
+    }
+`,B=r.div`
+    font-size: 14px;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||s["cm-danger"]}};
+    margin-bottom: 16px;
+`,_=r.div`
+    font-size: 12px;
+    line-height: 1.3;
+    text-align: center;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||s["cm-text-secondary"]}};
+    margin-bottom: 16px;
+`;function Q({contactType:n,icon:e,title:t,description:v,onSubmitOTP:S,onResendCode:g,appearance:i,otpLength:f=H,helpText:b}){let[x,E]=c(""),[u,l]=c(!1),[k,h]=c(!1),[T,d]=c(null),m=z(null);return G(M,{children:[e,o(R,{appearance:i,children:t}),o(U,{appearance:i,dangerouslySetInnerHTML:{__html:v}}),o($,{children:o(O,{ref:m,maxLength:f,value:x,onChange:a=>{let p=u;E(a),l(!1),d(null),p&&m.current&&setTimeout(()=>{var y;(y=m.current)==null||y.focus()},0)},onComplete:()=>P(this,null,function*(){h(!0);try{yield S(x),l(!1),d(null)}catch(a){console.error(`Error confirming ${n} OTP:`,a),d("Invalid code. Please try again."),l(!0)}finally{h(!1)}}),disabled:k,appearance:i,style:{overflow:"hidden"},children:o(w,{children:Array.from({length:f}).map((a,p)=>o(L,{index:p,hasError:u},p))})})}),T&&o(B,{appearance:i,children:T}),o(_,{appearance:i,children:b}),g&&o(I,{initialSeconds:60,appearance:i,countdownText:a=>`Re-send code in ${a}s`,countdownCompleteText:"Re-send code",handleOnClick:g})]})}export{Q as a};

package/dist/{chunk-RQ4I3YNZ.js → chunk-3NEYD7GW.js}

@@ -1 +1 @@
-import{a as n}from"./chunk-OKVJQEKZ.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};
+import{a as n}from"./chunk-5VJQFSG6.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};

package/dist/{chunk-ZSHAQLLM.js → chunk-3TUDRFXX.js}

@@ -1 +1 @@
-import{a as t}from"./chunk-OKVJQEKZ.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};
+import{a as t}from"./chunk-5VJQFSG6.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};

package/dist/chunk-3X24JZVG.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('@emotion/react');var o=_react.css`
+    /* Reset inherited styles */
+    all: initial;
+    font-family: inherit;
+    box-sizing: border-box;
+`;exports.a = o;

package/dist/{chunk-DQHM2ITY.js → chunk-44MREOU3.js}

@@ -1 +1 @@
-import{a as n}from"./chunk-JGT6RWSD.js";import{a as r}from"./chunk-ZSJQWAT2.js";import{a as o}from"./chunk-WK7PY5WL.js";import{jsx as e}from"react/jsx-runtime";function p(){let{step:t}=o();return t.startsWith("web3")?e(n,{}):t==="initial"?e(r,{}):null}export{p as a};
+import{a as r}from"./chunk-5MRPY46P.js";import{a as n}from"./chunk-HJGCM4XH.js";import{a as o}from"./chunk-WK7PY5WL.js";import{jsx as e}from"react/jsx-runtime";function p(){let{step:t}=o();return t.startsWith("web3")?e(n,{}):t==="initial"?e(r,{}):null}export{p as a};

package/dist/{chunk-F2PJZF7H.cjs → chunk-4RD5CZ3D.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var t=9;exports.a = t;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var s="2.3.0";var o=s;exports.a = o;

package/dist/chunk-56YL3XJW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKI4HRYHDcjs = require('./chunk-KI4HRYHD.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function V(u){var l=u,{colors:t,displayType:n="icon-and-text"}=l,o=_chunk2WSEHVNPcjs.c.call(void 0, l,["colors","displayType"]);let{icon:C,text:f}={icon:(t==null?void 0:t.icon)||_chunkKI4HRYHDcjs.b.colors.icon,text:(t==null?void 0:t.text)||_chunkKI4HRYHDcjs.a.light.text},s={colors:{icon:C,text:f},displayType:n};o.width==null&&o.height==null&&(o.width=144);let r=_react.useId.call(void 0, );return _jsxruntime.jsxs.call(void 0, "svg",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {viewBox:_chunkKI4HRYHDcjs.c[n]},o),{children:[q(s,r),_jsxruntime.jsx.call(void 0, "g",{children:_jsxruntime.jsxs.call(void 0, "g",{children:[y(s),v(s,r)]})})]}))}function q(t,n){let{icon:o}=t.colors;return o.type!=="gradient"?null:_jsxruntime.jsx.call(void 0, "defs",{children:_jsxruntime.jsxs.call(void 0, "linearGradient",{id:`logoGradient-${n}`,className:"logoGradient",x1:".1",y1:".1",x2:"85.8",y2:"85.8",gradientUnits:"userSpaceOnUse",children:[_jsxruntime.jsx.call(void 0, "stop",{className:"stop-0",offset:"0",stopColor:o.from}),_jsxruntime.jsx.call(void 0, "stop",{className:"stop-1",offset:"1",stopColor:o.to})]})})}function y({colors:t,displayType:n}){if(n==="icon-only")return null;let{text:o}=t;return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "path",{fill:o,d:"M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z"}),_jsxruntime.jsx.call(void 0, "path",{d:"M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58",fillRule:"evenodd",fill:o}),_jsxruntime.jsx.call(void 0, "path",{fill:o,d:"m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z"})]})}function v(t,n){let{icon:o}=t.colors;return _jsxruntime.jsx.call(void 0, "path",{d:"M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z",fill:o.type==="gradient"?`url(#logoGradient-${n})`:o.color,fillRule:"evenodd"})}exports.a = V;

package/dist/chunk-5J6CUTGJ.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkDJZOP4MTcjs = require('./chunk-DJZOP4MT.cjs');var _chunkXBXL7GMYcjs = require('./chunk-XBXL7GMY.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _jsxruntime = require('react/jsx-runtime');var H=9,M=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+`,R=_styled2.default.p`
+    font-size: 16px;
+    font-weight: 400;
+    margin: 16px 0 4px 0;
+    text-align: center;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+`,U=_styled2.default.p`
+    text-align: center;
+    padding: 0 16px;
+    margin: 0;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    font-size: 14px;
+    line-height: 1.4;
+    overflow-wrap: anywhere;
+`,$=_styled2.default.div`
+    padding: 32px 0;
+`,L=_styled2.default.call(void 0, _chunkXBXL7GMYcjs.c)`
+    /* Mobile styles */
+     @media (max-width: 479px) {
+        width: 32px;
+        height: 44px;
+        font-size: 20px;
+        margin: 0;
+    }
+    /* Mobile styles (small devices) */
+    @media (max-width: 379px) {
+        width: 24px;
+        height: 36px;
+        font-size: 16px;
+        margin: 0;
+    }
+    /* Desktop styles */
+    @media (min-width: 480px) {
+        height: 48px;
+        width: 36px;
+    }
+`,B=_styled2.default.div`
+    font-size: 14px;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||_chunkEAWYV5ZOcjs.a["cm-danger"]}};
+    margin-bottom: 16px;
+`,_=_styled2.default.div`
+    font-size: 12px;
+    line-height: 1.3;
+    text-align: center;
+    color: ${n=>{var e,t;return((t=(e=n.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    margin-bottom: 16px;
+`;function K({contactType:n,icon:e,title:t,description:v,onSubmitOTP:S,onResendCode:g,appearance:i,otpLength:f=H,helpText:b}){let[x,E]=_react.useState.call(void 0, ""),[u,l]=_react.useState.call(void 0, !1),[k,h]=_react.useState.call(void 0, !1),[T,d]=_react.useState.call(void 0, null),m=_react.useRef.call(void 0, null);return _jsxruntime.jsxs.call(void 0, M,{children:[e,_jsxruntime.jsx.call(void 0, R,{appearance:i,children:t}),_jsxruntime.jsx.call(void 0, U,{appearance:i,dangerouslySetInnerHTML:{__html:v}}),_jsxruntime.jsx.call(void 0, $,{children:_jsxruntime.jsx.call(void 0, _chunkXBXL7GMYcjs.a,{ref:m,maxLength:f,value:x,onChange:a=>{let p=u;E(a),l(!1),d(null),p&&m.current&&setTimeout(()=>{var y;(y=m.current)==null||y.focus()},0)},onComplete:()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){h(!0);try{yield S(x),l(!1),d(null)}catch(a){console.error(`Error confirming ${n} OTP:`,a),d("Invalid code. Please try again."),l(!0)}finally{h(!1)}}),disabled:k,appearance:i,style:{overflow:"hidden"},children:_jsxruntime.jsx.call(void 0, _chunkXBXL7GMYcjs.b,{children:Array.from({length:f}).map((a,p)=>_jsxruntime.jsx.call(void 0, L,{index:p,hasError:u},p))})})}),T&&_jsxruntime.jsx.call(void 0, B,{appearance:i,children:T}),_jsxruntime.jsx.call(void 0, _,{appearance:i,children:b}),g&&_jsxruntime.jsx.call(void 0, _chunkDJZOP4MTcjs.a,{initialSeconds:60,appearance:i,countdownText:a=>`Re-send code in ${a}s`,countdownCompleteText:"Re-send code",handleOnClick:g})]})}exports.a = K;

package/dist/chunk-5MRPY46P.js

@@ -0,0 +1,46 @@
+import{a as p}from"./chunk-23YVHBPI.js";import{a as l}from"./chunk-WK7PY5WL.js";import{a as s}from"./chunk-NZUCXN2O.js";import{a as n}from"./chunk-DFSB3TWF.js";import{a as u}from"./chunk-HHI2XRKR.js";import{a as m}from"./chunk-H3CPTTQQ.js";import i from"@emotion/styled";import{jsx as r,jsxs as y}from"react/jsx-runtime";var f=i.button`
+    ${s}
+    
+    /* Base button styles */
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 16px;
+    font-size: 16px;
+    min-height: 56px;
+    border: none;
+    border-radius: ${e=>{var t;return((t=e.appearance)==null?void 0:t.borderRadius)||"12px"}};
+    background-color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.buttonBackground)||n["cm-muted-primary"]}};
+    color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||n["cm-text-primary"]}};
+    cursor: pointer;
+    
+    /* Transitions */
+    transition: background-color 200ms ease-in-out;
+
+    &:hover {
+        background-color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.backgroundSecondary)||n["cm-hover"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: ${n["cm-hover"]};
+    }
+`,x=i.div`
+    position: absolute;
+    left: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,g=i.div`
+    position: absolute;
+    right: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,h=i.span`
+    font-weight: 400;
+    margin: 0 32px;
+    color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)||n["cm-text-primary"]}};
+`;function S(){var a,c;let{step:e,appearance:t,setStep:o,setError:d}=l();return e!=="initial"?null:y(f,{appearance:t,onClick:()=>{o("web3"),d(null)},children:[r(x,{children:r(u,{style:{height:"21px",width:"21px",color:(a=t==null?void 0:t.colors)==null?void 0:a.textPrimary}})}),r(h,{appearance:t,children:"Continue with a wallet"}),r(g,{children:r(m,{style:{height:"21px",width:"21px",color:(c=t==null?void 0:t.colors)==null?void 0:c.textSecondary}})}),r(p,{children:"Continue with a wallet"})]})}export{S as a};

package/dist/chunk-5OQLZOD4.cjs

@@ -0,0 +1,231 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkANSLIVQ7cjs = require('./chunk-ANSLIVQ7.cjs');var _chunkBR77Q3PKcjs = require('./chunk-BR77Q3PK.cjs');var _chunkPZ3KXKJDcjs = require('./chunk-PZ3KXKJD.cjs');var _chunkAHD64NAJcjs = require('./chunk-AHD64NAJ.cjs');var _chunk2SBA4RZZcjs = require('./chunk-2SBA4RZZ.cjs');var _chunkVRFL53NPcjs = require('./chunk-VRFL53NP.cjs');var _chunkS4BKL6MRcjs = require('./chunk-S4BKL6MR.cjs');var _chunk7U6Q4ELBcjs = require('./chunk-7U6Q4ELB.cjs');var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _chunkDJZOP4MTcjs = require('./chunk-DJZOP4MT.cjs');var _chunkXBXL7GMYcjs = require('./chunk-XBXL7GMY.cjs');var _chunkAHMPKIEYcjs = require('./chunk-AHMPKIEY.cjs');var _chunkAO2V2B62cjs = require('./chunk-AO2V2B62.cjs');var _chunkSCHRLC2Icjs = require('./chunk-SCHRLC2I.cjs');var _chunk3X24JZVGcjs = require('./chunk-3X24JZVG.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunkUMWTEGO6cjs = require('./chunk-UMWTEGO6.cjs');var _chunkI4GMMHQRcjs = require('./chunk-I4GMMHQR.cjs');var _chunkW5RDCN5Gcjs = require('./chunk-W5RDCN5G.cjs');var _chunkVXAHFAP4cjs = require('./chunk-VXAHFAP4.cjs');var _chunkNRN4WNQLcjs = require('./chunk-NRN4WNQL.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _color = require('color'); var _color2 = _interopRequireDefault(_color);var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _react = require('react');var _clientsdkauth = require('@crossmint/client-sdk-auth');var _commonsdkbase = require('@crossmint/common-sdk-base');var _commonsdkauth = require('@crossmint/common-sdk-auth');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _clientsdkwindow = require('@crossmint/client-sdk-window');var _zod = require('zod');var _t=(o,e)=>{let{crossmintAuth:t}=O(),[r,i]=_react.useState.call(void 0, null),n=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>(n.current==null&&(n.current=new (0, _clientsdkwindow.ChildWindow)(window.opener||window.parent,"*",{incomingEvents:be})),()=>{n.current!=null&&n.current.off("authMaterialFromPopupCallback")}),[]),{createPopupAndSetupListeners:_react.useCallback.call(void 0, (u,y)=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){if(n.current==null)throw new Error("Child window not initialized");i(u),e(null);let a=new URL(o[u]);if(y!=null){let m=Array.from(a.searchParams.entries());a.search="",y&&a.searchParams.append("provider_login_hint",y),m.forEach(([s,f])=>{a.searchParams.append(s,f)})}let C=yield _clientsdkwindow.PopupWindow.init(a.toString(),{awaitToLoad:!1,crossOrigin:!0,width:400,height:700}),d=m=>_chunk2WSEHVNPcjs.d.call(void 0, void 0,null,function*(){var s,f;yield t==null?void 0:t.handleRefreshAuthMaterial(m.oneTimeSecret),(s=n.current)==null||s.off("authMaterialFromPopupCallback"),(f=C.window)==null||f.close(),i(null)}),l=m=>{var s,f;e(m.error),(s=n.current)==null||s.off("errorFromPopupCallback"),(f=C.window)==null||f.close(),i(null)};n.current.on("authMaterialFromPopupCallback",d),n.current.on("errorFromPopupCallback",l);let g=setInterval(()=>{var m,s;(m=C.window)!=null&&m.closed&&(clearInterval(g),i(null),(s=n.current)==null||s.off("authMaterialFromPopupCallback"))},2500)}),[o,t,e]),isLoading:r!=null,activeOAuthProvider:r}},be={authMaterialFromPopupCallback:_zod.z.object({oneTimeSecret:_zod.z.string()}),errorFromPopupCallback:_zod.z.object({error:_zod.z.string()})};var _jsxruntime = require('react/jsx-runtime');var Kt={google:"",twitter:""},Qt=_react.createContext.call(void 0, void 0);function T(){let o=_react.useContext.call(void 0, Qt);if(!o)throw new Error("useOAuthFlow must be used within an OAuthFlowProvider");return o}function Nt({children:o,prefetchOAuthUrls:e}){let{crossmintAuth:t,loginMethods:r}=O(),{setError:i}=_chunkKT4LGFPNcjs.a.call(void 0, ),[n,p]=_react.useState.call(void 0, Kt),[u,y]=_react.useState.call(void 0, !0),{createPopupAndSetupListeners:a,isLoading:C,activeOAuthProvider:d}=_t(n,i),l=_react.useCallback.call(void 0, ()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){y(!0);try{let f=(r||[]).filter(h=>h in Kt).map(h=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){let A=yield t==null?void 0:t.getOAuthUrl(h);return{[h]:A}})),v=Object.assign({},...yield Promise.all(f));p(v)}catch(s){i(s instanceof Error?s.message:"Unable to load oauth providers. Please try again later.")}finally{y(!1)}}),[r,t,i]);_react.useEffect.call(void 0, ()=>{e&&l()},[l,e]);let m={startOAuthLogin:_react.useCallback.call(void 0, (s,f)=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){yield a(s,f)}),[a]),isLoading:u||C,activeOAuthProvider:d};return _jsxruntime.jsx.call(void 0, Qt.Provider,{value:m,children:o})}var _sdkreactcore = require('@dynamic-labs/sdk-react-core');var _ethereum = require('@dynamic-labs/ethereum');var _solana = require('@dynamic-labs/solana');var _bs58 = require('bs58'); var _bs582 = _interopRequireDefault(_bs58);function Te({children:o,enabled:e,onSdkLoaded:t,onWalletConnected:r,jwt:i}){let{primaryWallet:n,sdkHasLoaded:p,removeWallet:u,handleUnlinkWallet:y}=_sdkreactcore.useDynamicContext.call(void 0, ),a=!e||p;return _react.useEffect.call(void 0, ()=>{a&&(t==null||t(a))},[a,t]),_react.useEffect.call(void 0, ()=>{i==null&&a&&n!=null&&(u(n.id),y(n.id))},[i,a,n,u,y]),_react.useEffect.call(void 0, ()=>{function C(){return _chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){try{if(_ethereum.isEthereumWallet.call(void 0, n)){let d=yield n.getWalletClient(),l={type:"external-wallet",address:d.account.address,viemAccount:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},d.account),{signMessage:g=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){return yield d.signMessage({message:g.message})})})};r(l)}else if(_solana.isSolanaWallet.call(void 0, n)){let d=yield n.getSigner(),l={type:"external-wallet",address:n.address,onSignTransaction:g=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){return yield d.signTransaction(g)})};r(l)}else throw new Error("Unsupported wallet type")}catch(d){throw console.error("Failed to get admin signer",d),new Error("Failed to get admin signer")}})}n!=null&&i!=null&&C()},[n,i,r]),o}function Xt({children:o,enabled:e=!0,apiKeyEnvironment:t,loginMethods:r=["web3"],appearance:i,onSdkLoaded:n,onWalletConnected:p}){var d,l;let{crossmintAuth:u,jwt:y}=O(),a=_react.useMemo.call(void 0, ()=>{var g,m;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: ${(g=i==null?void 0:i.colors)==null?void 0:g.textPrimary} !important; }
+            * { color: ${(m=i==null?void 0:i.colors)==null?void 0:m.textSecondary} !important; }`},[(d=i==null?void 0:i.colors)==null?void 0:d.textPrimary,(l=i==null?void 0:i.colors)==null?void 0:l.textSecondary]),C=_react.useMemo.call(void 0, ()=>{if(e)return r.includes("web3:evm-only")?[_ethereum.EthereumWalletConnectors]:r.includes("web3:solana-only")?[_solana.SolanaWalletConnectors]:[_ethereum.EthereumWalletConnectors,_solana.SolanaWalletConnectors]},[e,r]);return _jsxruntime.jsx.call(void 0, _chunkAHD64NAJcjs.a,{apiKeyEnvironment:t,settings:{walletConnectors:C,cssOverrides:a,events:{onAuthFailure(g,m){console.error("[DynamicWalletProvider] onAuthFailure",g,m)}},handlers:{handleConnectedWallet:g=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var s;if(!u)return console.error("[DynamicWalletProvider] crossmintAuth is not available"),!1;let m=g.address;if(m==null)return console.error("[DynamicWalletProvider] handleConnectedWallet: address is missing"),!1;try{let v=(yield _chunkPZ3KXKJDcjs.b.call(void 0, g))==="solana"?"solana":"evm",h=yield u.signInWithSmartWallet(m,v);if((h==null?void 0:h.challenge)==null)throw new Error("No challenge received from signInWithSmartWallet");let A=yield(s=g.connector)==null?void 0:s.proveOwnership(m,h.challenge);if(A==null)throw new Error("Failed to get signature from wallet");let W=A;if(v==="solana"){let B=Buffer.from(A,"base64");W=_bs582.default.encode(B)}let b=yield u.authenticateSmartWallet(m,v,W);if((b==null?void 0:b.oneTimeSecret)==null)throw new Error("No oneTimeSecret received from authenticateSmartWallet");return yield u.handleRefreshAuthMaterial(b.oneTimeSecret),!0}catch(f){return console.error("[DynamicWalletProvider] Error handling wallet connection:",f),!1}})}},children:_jsxruntime.jsx.call(void 0, Te,{enabled:e,onSdkLoaded:n,onWalletConnected:p,jwt:y,children:o})},`${t}-${r.join(",")}`)}var $e={crossmintAuth:void 0,login:()=>{},experimental_loginWithOAuth:()=>{},logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{},experimental_externalWalletSigner:void 0,loginMethods:[]},ut= exports.f =_react.createContext.call(void 0, $e);function mr({children:o,appearance:e,termsOfServiceText:t,prefetchOAuthUrls:r=!0,authModalTitle:i,onLoginSuccess:n,loginMethods:p=["email","google"],refreshRoute:u,logoutRoute:y}){let{crossmint:a}=_clientsdkreactbase.useCrossmint.call(void 0, "CrossmintAuthProvider must be used within CrossmintProvider"),[C,d]=_react.useState.call(void 0, void 0),[l,g]=_react.useState.call(void 0, void 0),m=_commonsdkbase.validateApiKeyAndGetCrossmintBaseUrl.call(void 0, a.apiKey),[s,f]=_react.useState.call(void 0, !1),[v,h]=_react.useState.call(void 0, !1),[A,W]=_react.useState.call(void 0, void 0),[b,B]=_react.useState.call(void 0, !0),D=p.some(P=>P.startsWith("web3")),[yt,fe]=_react.useState.call(void 0, void 0),it=_react.useRef.call(void 0, null),z=_react.useMemo.call(void 0, ()=>(it.current||(it.current=_clientsdkauth.CrossmintAuth.from(a,{callbacks:{onLogout:()=>{d(void 0),g(void 0)},onTokenRefresh:P=>{d(P.user),g(P.jwt)}},refreshRoute:u,logoutRoute:y})),it.current),[]),j=_react.useRef.call(void 0, null),at=_react.useCallback.call(void 0, ()=>{n==null||n()},[n]);_react.useEffect.call(void 0, ()=>{if(l==null){let P=_clientsdkauth.getCookie.call(void 0, _commonsdkauth.SESSION_PREFIX);g(P)}h(!0)},[l]),_react.useEffect.call(void 0, ()=>{l!=null&&s&&(f(!1),at())},[l,s,at]);let Ct=_react.useCallback.call(void 0, P=>{if(l!=null){console.log("User already logged in");return}P!=null&&typeof P=="string"&&W(P),f(!0)},[l]),vt=_react.useCallback.call(void 0, ()=>{z.logout()},[z]),lt=_react.useCallback.call(void 0, ()=>!v||D&&!b?"initializing":l!=null?"logged-in":s?"in-progress":"logged-out",[v,D,b,l,s]),wt=_react.useCallback.call(void 0, ()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){if(l==null){console.log("User not logged in");return}let P=yield z.getUser();return d(P),P}),[l,z]),At=_react.useCallback.call(void 0, P=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var X;yield(X=j.current)==null?void 0:X.call(j,P)}),[j]),he=_react.useMemo.call(void 0, ()=>({crossmintAuth:z,login:Ct,experimental_loginWithOAuth:At,logout:vt,jwt:l,user:C,status:lt(),getUser:wt,loginMethods:p,experimental_externalWalletSigner:yt}),[z,Ct,At,vt,l,C,lt,wt,p,yt]);return _jsxruntime.jsx.call(void 0, ut.Provider,{value:he,children:_jsxruntime.jsx.call(void 0, _chunkKT4LGFPNcjs.b,{setDialogOpen:(P,X)=>{f(P),X&&at()},initialState:{appearance:e,loginMethods:p,termsOfServiceText:t,authModalTitle:i,baseUrl:m,defaultEmail:A},children:_jsxruntime.jsx.call(void 0, Nt,{prefetchOAuthUrls:lt()==="logged-out"&&r,children:_jsxruntime.jsx.call(void 0, ze,{loginWithOAuthRef:j,children:D?_jsxruntime.jsxs.call(void 0, Xt,{apiKeyEnvironment:a.apiKey.includes("production")?"production":"staging",loginMethods:p,appearance:e,onSdkLoaded:B,onWalletConnected:fe,children:[o,_jsxruntime.jsx.call(void 0, rt,{open:s})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[o,_jsxruntime.jsx.call(void 0, rt,{open:s})]})})})})})}function ze({children:o,loginWithOAuthRef:e}){let{startOAuthLogin:t}=T(),{jwt:r}=O(),i=_react.useCallback.call(void 0, n=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){if(r!=null){console.log("User already logged in");return}yield t(n)}),[r,t]);return _react.useEffect.call(void 0, ()=>{e.current=i},[i,e]),o}var O=()=>{let o=_react.useContext.call(void 0, ut);if(!o)throw new Error("useCrossmintAuth must be used within CrossmintAuthProvider");return o};var He=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+`,Ke=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+`,Qe=_styled2.default.div`
+    position: relative;
+    left: 12px;
+`,Ne=_styled2.default.p`
+    font-size: 16px;
+    font-weight: 400;
+    margin: 16px 0 4px 0;
+    text-align: center;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+`,je=_styled2.default.p`
+    text-align: center;
+    padding: 0 16px;
+    margin: 0;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    font-size: 14px;
+    line-height: 1.4;
+`,Ve=_styled2.default.div`
+    padding: 32px 0;
+`,N=_styled2.default.call(void 0, _chunkXBXL7GMYcjs.c)`
+    @media (max-width: 379px) {
+        width: 40px;
+        height: 56px;
+        font-size: 28px;
+        margin: 0;
+    }
+`,qe=_styled2.default.div`
+    font-size: 12px;
+    line-height: 1.3;
+    text-align: center;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+`;function ee({otpEmailData:o,setOtpEmailData:e}){var f,v,h,A,W;let{crossmintAuth:t}=O(),{appearance:r,setDialogOpen:i,setStep:n,setError:p}=_chunkKT4LGFPNcjs.a.call(void 0, ),[u,y]=_react.useState.call(void 0, ""),[a,C]=_react.useState.call(void 0, !1),[d,l]=_react.useState.call(void 0, !1),g=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var b,B;l(!0);try{let D=yield t==null?void 0:t.confirmEmailOtp((b=o==null?void 0:o.email)!=null?b:"",(B=o==null?void 0:o.emailId)!=null?B:"",u);yield t==null?void 0:t.handleRefreshAuthMaterial(D),i(!1,!0),n("initial")}catch(D){console.error("Error confirming email OTP",D),p("Invalid code. Please try again."),C(!0)}finally{l(!1)}}),m=()=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){var b;try{yield t==null?void 0:t.sendEmailOtp((b=o==null?void 0:o.email)!=null?b:"")}catch(B){p("Failed to resend code. Please try again.")}});return _jsxruntime.jsxs.call(void 0, He,{children:[_jsxruntime.jsx.call(void 0, _chunk7U6Q4ELBcjs.a,{onClick:()=>{n("initial"),e(null)},iconColor:(f=r==null?void 0:r.colors)==null?void 0:f.textPrimary,ringColor:(v=r==null?void 0:r.colors)==null?void 0:v.accent}),_jsxruntime.jsxs.call(void 0, Ke,{children:[_jsxruntime.jsx.call(void 0, Qe,{children:_jsxruntime.jsx.call(void 0, _chunkI4GMMHQRcjs.a,{customAccentColor:(h=r==null?void 0:r.colors)==null?void 0:h.accent,customButtonBackgroundColor:(A=r==null?void 0:r.colors)==null?void 0:A.buttonBackground,customBackgroundColor:(W=r==null?void 0:r.colors)==null?void 0:W.background})}),_jsxruntime.jsx.call(void 0, Ne,{appearance:r,children:"Check your email"}),_jsxruntime.jsxs.call(void 0, je,{appearance:r,children:["A temporary login code has been sent to",_jsxruntime.jsx.call(void 0, "br",{}),o!=null&&o.email?_jsxruntime.jsx.call(void 0, "strong",{children:o.email}):"your email address"]}),_jsxruntime.jsx.call(void 0, Ve,{children:_jsxruntime.jsx.call(void 0, _chunkXBXL7GMYcjs.a,{maxLength:6,value:u,onChange:b=>{y(b),C(!1),p(null)},onComplete:g,disabled:d,appearance:r,children:_jsxruntime.jsxs.call(void 0, _chunkXBXL7GMYcjs.b,{children:[_jsxruntime.jsx.call(void 0, N,{index:0,hasError:a}),_jsxruntime.jsx.call(void 0, N,{index:1,hasError:a}),_jsxruntime.jsx.call(void 0, N,{index:2,hasError:a}),_jsxruntime.jsx.call(void 0, N,{index:3,hasError:a}),_jsxruntime.jsx.call(void 0, N,{index:4,hasError:a}),_jsxruntime.jsx.call(void 0, N,{index:5,hasError:a})]})})}),_jsxruntime.jsxs.call(void 0, qe,{appearance:r,children:["Can't find the email? Check spam folder.",_jsxruntime.jsx.call(void 0, "br",{}),"Some emails may take several minutes to arrive."]}),_jsxruntime.jsx.call(void 0, _chunkDJZOP4MTcjs.a,{initialSeconds:60,appearance:r,countdownText:b=>`Re-send code in ${b}s`,countdownCompleteText:"Re-send code",handleOnClick:m})]})]})}var Je=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.border)||_chunkEAWYV5ZOcjs.a["cm-border"]}};
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"12px"}};
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.buttonBackground)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}};
+    cursor: ${o=>o.isLoading?"not-allowed":"pointer"};
+    
+    /* Hover and focus states */
+    &:hover {
+        background-color: ${o=>o.isLoading?_chunkEAWYV5ZOcjs.a["cm-muted-primary"]:_chunkEAWYV5ZOcjs.a["cm-hover"]};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: theme["cm-hover"];
+    }
+`,Xe=_styled2.default.span`
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    font-size: 14px;
+    font-weight: 400;
+`;function re({emailInput:o,appearance:e}){var n,p;let{startOAuthLogin:t,activeOAuthProvider:r}=T(),i=r==="google";return _jsxruntime.jsxs.call(void 0, Je,{type:"button",appearance:e,isLoading:i,onClick:i?void 0:()=>t("google",o.trim().toLowerCase()),children:[_jsxruntime.jsx.call(void 0, _chunkVXAHFAP4cjs.a,{style:{height:"18px",width:"18px"}}),i?_jsxruntime.jsx.call(void 0, _chunkAHMPKIEYcjs.a,{style:{color:(n=e==null?void 0:e.colors)==null?void 0:n.textSecondary,fill:(p=e==null?void 0:e.colors)==null?void 0:p.textPrimary,width:"18px",height:"18px"}}):_jsxruntime.jsx.call(void 0, Xe,{appearance:e,children:"Continue"})]})}var Ze=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    width: 100%;
+    border-radius: 8px;
+`,to=_styled2.default.div`
+    width: 100%;
+`,eo=_styled2.default.label`
+    display: block;
+    margin-bottom: 5px;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    font-size: 14px;
+    font-weight: 400;
+`,oo=_styled2.default.form`
+    position: relative;
+`,ro=_styled2.default.input`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Base input styles */
+    display: flex;
+    flex-grow: 1;
+    text-align: left;
+    padding-left: 16px;
+    padding-right: ${o=>o.showGoogleButton?"132px":"80px"};
+    height: 58px;
+    width: 100%;
+    border: 1px solid;
+    border-color: ${o=>{var e,t,r,i;return o.hasError?((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||_chunkEAWYV5ZOcjs.a["cm-danger"]:((i=(r=o.appearance)==null?void 0:r.colors)==null?void 0:i.border)||_chunkEAWYV5ZOcjs.a["cm-border"]}};
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"12px"}};
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}};
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    font-size: 16px;
+    transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
+    
+    &::placeholder {
+        font-weight: 400;
+        color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        box-shadow: 0 0 0 2px ${o=>{var e,t;return new (0, _color2.default)(((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]).alpha(.18).toString()}};
+    }
+    
+    &:read-only {
+        cursor: not-allowed;
+        opacity: 0.7;
+    }
+`,no=_styled2.default.div`
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    padding-right: 16px;
+    aspect-ratio: 1/1;
+`,io=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    font-weight: 500;
+    white-space: nowrap;
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}};
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    cursor: ${o=>o.disabled?"not-allowed":"pointer"};
+    opacity: ${o=>o.disabled?.6:1};
+    border: none;
+    padding: 8px 12px;
+    border-radius: 6px;
+    transition: opacity 200ms ease;
+    
+    &:hover:not(:disabled) {
+        opacity: 0.8;
+    }
+    
+    &:focus-visible {
+        outline: 2px solid ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+        outline-offset: 2px;
+    }
+
+    &:not(:disabled):focus-visible {
+        box-shadow: 0 0 0 2px ${o=>{var e,t;return new (0, _color2.default)(((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]).alpha(.18).toString()}};
+    }
+`,ao=_styled2.default.p`
+    font-size: 12px;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)||_chunkEAWYV5ZOcjs.a["cm-danger"]}};
+    margin: 8px 0 8px 0;
+`;function ie({setOtpEmailData:o}){var s,f,v;let{crossmintAuth:e}=O(),{appearance:t,defaultEmail:r,setStep:i,setError:n,loginMethods:p}=_chunkKT4LGFPNcjs.a.call(void 0, ),[u,y]=_react.useState.call(void 0, r!=null?r:""),[a,C]=_react.useState.call(void 0, ""),[d,l]=_react.useState.call(void 0, !1),g=u.toLowerCase().includes("@gmail.com")&&!u.toLowerCase().includes("+")&&_commonsdkauth.isEmailValid.call(void 0, u)&&!d&&p.includes("google");function m(h){return _chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){h.preventDefault(),l(!0);try{let A=u.trim().toLowerCase(),W=yield e==null?void 0:e.sendEmailOtp(A);o({email:A,emailId:W.emailId}),i("otp")}catch(A){l(!1),n("Failed to send email. Please try again or contact support.")}})}return _jsxruntime.jsx.call(void 0, Ze,{children:_jsxruntime.jsxs.call(void 0, to,{children:[_jsxruntime.jsx.call(void 0, eo,{appearance:t,children:"Email"}),_jsxruntime.jsxs.call(void 0, oo,{role:"form",onSubmit:h=>{if(g){h.preventDefault();return}_commonsdkauth.isEmailValid.call(void 0, u)?m(h):h.preventDefault()},noValidate:!0,children:[_jsxruntime.jsx.call(void 0, _chunkS4BKL6MRcjs.a,{children:"Email"}),_jsxruntime.jsx.call(void 0, ro,{id:"emailInput",appearance:t,hasError:!!a,showGoogleButton:g,type:"email",placeholder:"your@email.com",value:u,onChange:h=>{y(h.target.value),C(""),n(null)},readOnly:d,"aria-describedby":"emailError"}),_jsxruntime.jsxs.call(void 0, no,{children:[a&&_jsxruntime.jsx.call(void 0, _chunkNRN4WNQLcjs.a,{customColor:(s=t==null?void 0:t.colors)==null?void 0:s.danger}),d&&_jsxruntime.jsx.call(void 0, _chunkAHMPKIEYcjs.a,{style:{color:(f=t==null?void 0:t.colors)==null?void 0:f.textSecondary,fill:(v=t==null?void 0:t.colors)==null?void 0:v.textPrimary}}),g?_jsxruntime.jsx.call(void 0, re,{emailInput:u,appearance:t}):!a&&!d?_jsxruntime.jsx.call(void 0, io,{type:"submit",appearance:t,disabled:!_commonsdkauth.isEmailValid.call(void 0, u)||d,children:"Submit"}):null]})]}),a&&_jsxruntime.jsx.call(void 0, ao,{appearance:t,id:"emailError",children:a})]})})}function le(){let{step:o}=_chunkKT4LGFPNcjs.a.call(void 0, ),[e,t]=_react.useState.call(void 0, null);return o==="otp"?_jsxruntime.jsx.call(void 0, ee,{otpEmailData:e,setOtpEmailData:t}):o==="initial"?_jsxruntime.jsx.call(void 0, ie,{setOtpEmailData:t}):null}function se(e){var o=_chunk2WSEHVNPcjs.c.call(void 0, e,[]);var u;let{step:t,appearance:r}=_chunkKT4LGFPNcjs.a.call(void 0, ),{startOAuthLogin:i,activeOAuthProvider:n}=T(),p=n==="google";return t!=="initial"?null:_jsxruntime.jsx.call(void 0, _chunkVRFL53NPcjs.a,_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {icon:_jsxruntime.jsx.call(void 0, _chunkVXAHFAP4cjs.a,{style:{height:"25px",width:"25px"}}),isLoading:p,appearance:r,onButtonClick:()=>i("google")},o),{children:_jsxruntime.jsx.call(void 0, "span",{style:{color:(u=r==null?void 0:r.colors)==null?void 0:u.textPrimary},children:"Sign in with Google"})}))}var _authkit = require('@farcaster/auth-kit');var po=_styled2.default.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+`,go=_styled2.default.div`
+    text-align: center;
+`,fo=_styled2.default.h3`
+    font-size: 18px;
+    font-weight: 600;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    margin: 0 0 8px 0;
+`,ho=_styled2.default.p`
+    font-size: 16px;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    margin: 0;
+`,xo=_styled2.default.div`
+    background-color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.inputBackground)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}};
+    aspect-ratio: 1;
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"8px"}};
+    padding: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,yo=_styled2.default.div`
+    min-height: 246px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,Co=_styled2.default.p`
+    font-size: 16px;
+    text-align: center;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    margin: 0;
+`,vo=_styled2.default.a`
+    font-size: 16px;
+    font-weight: 400;
+    color: ${o=>{var e,t;return((t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.textLink)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    text-decoration: none;
+    
+    &:hover {
+        text-decoration: underline;
+    }
+`;function ce(){let{step:o,appearance:e,setStep:t,setError:r}=_chunkKT4LGFPNcjs.a.call(void 0, );return o==="initial"?_jsxruntime.jsx.call(void 0, _chunkVRFL53NPcjs.a,{icon:_jsxruntime.jsx.call(void 0, _chunkW5RDCN5Gcjs.a,{style:{height:"25px",width:"25px"}}),appearance:e,onButtonClick:()=>{t("qrCode"),r(null)},children:"Sign in with Farcaster"}):o==="qrCode"?_jsxruntime.jsx.call(void 0, wo,{}):null}function wo(){var m,s,f,v;let{crossmintAuth:o}=O(),{appearance:e,setStep:t,setDialogOpen:r,setError:i}=_chunkKT4LGFPNcjs.a.call(void 0, ),[n,p]=_react.useState.call(void 0, null),u=_react.useMemo.call(void 0, ()=>({onSuccess:h=>{p(h)}}),[]),{signIn:y,url:a,connect:C,signOut:d,isConnected:l}=_authkit.useSignIn.call(void 0, u),g=h=>_chunk2WSEHVNPcjs.d.call(void 0, this,null,function*(){i(null);try{let A=yield o==null?void 0:o.signInWithFarcaster(h);yield o==null?void 0:o.handleRefreshAuthMaterial(A),r(!1),t("initial")}catch(A){console.error("Error during Farcaster sign-in:",A),i("Failed to sign in with Farcaster")}});return _react.useEffect.call(void 0, ()=>{n!=null&&g(n)},[n]),_react.useEffect.call(void 0, ()=>{l&&y()},[l]),_react.useEffect.call(void 0, ()=>{C()},[]),_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, _chunk7U6Q4ELBcjs.a,{onClick:()=>{d(),t("initial")},iconColor:(m=e==null?void 0:e.colors)==null?void 0:m.textPrimary,ringColor:(s=e==null?void 0:e.colors)==null?void 0:s.accent}),_jsxruntime.jsxs.call(void 0, po,{children:[_jsxruntime.jsxs.call(void 0, go,{children:[_jsxruntime.jsx.call(void 0, fo,{appearance:e,children:"Sign in with Farcaster"}),_jsxruntime.jsx.call(void 0, ho,{appearance:e,children:"Scan with your phone's camera to continue."})]}),_jsxruntime.jsx.call(void 0, xo,{appearance:e,children:a!=null?_jsxruntime.jsx.call(void 0, _authkit.QRCode,{uri:a,size:280}):_jsxruntime.jsx.call(void 0, yo,{children:_jsxruntime.jsx.call(void 0, _chunkAHMPKIEYcjs.a,{style:{color:(f=e==null?void 0:e.colors)==null?void 0:f.textSecondary,fill:(v=e==null?void 0:e.colors)==null?void 0:v.textPrimary}})})}),a?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, Co,{appearance:e,children:"Alternatively, click on this link to open Warpcast."}),_jsxruntime.jsx.call(void 0, vo,{href:a,rel:"noopener noreferrer",target:"_blank",appearance:e,children:"Open Warpcast"})]}):_jsxruntime.jsx.call(void 0, "div",{style:{height:"66px"}})]})]})}function me(e){var o=_chunk2WSEHVNPcjs.c.call(void 0, e,[]);let{step:t,appearance:r}=_chunkKT4LGFPNcjs.a.call(void 0, ),{startOAuthLogin:i,activeOAuthProvider:n}=T(),p=n==="twitter";return t!=="initial"?null:_jsxruntime.jsx.call(void 0, _chunkVRFL53NPcjs.a,_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {icon:_jsxruntime.jsx.call(void 0, _chunkUMWTEGO6cjs.a,{style:{height:"22px",width:"22px"}}),isLoading:p,appearance:r,onButtonClick:()=>i("twitter")},o),{children:"Sign in with X"}))}var Po=_styled2.default.div`
+    position: relative;
+    padding: 40px 24px 30px 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    -webkit-font-smoothing: antialiased;
+    animation: none;
+    
+    @media (min-width: 480px) {
+        padding: 40px 40px 30px 40px;
+    }
+`,So=_styled2.default.div`
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    border-radius: 8px;
+    padding: 8px;
+    gap: 8px;
+    margin-top: 34px;
+    background-color: ${o=>{var e,t,r;return new (0, _color2.default)((r=(t=(e=o.appearance)==null?void 0:e.colors)==null?void 0:t.danger)!=null?r:_chunkEAWYV5ZOcjs.a["cm-danger"]).alpha(.12).toString()}};
+`;function pe({style:o}){var y,a,C,d,l,g,m,s,f,v;let{step:e,appearance:t,loginMethods:r,baseUrl:i,error:n,termsOfServiceText:p,authModalTitle:u}=_chunkKT4LGFPNcjs.a.call(void 0, );return _jsxruntime.jsxs.call(void 0, Po,{style:o,children:[n!=null?_jsxruntime.jsxs.call(void 0, So,{appearance:t,children:[_jsxruntime.jsx.call(void 0, "div",{style:{minWidth:"20px"},children:_jsxruntime.jsx.call(void 0, _chunkNRN4WNQLcjs.a,{customColor:(a=(y=t==null?void 0:t.colors)==null?void 0:y.danger)!=null?a:_chunkEAWYV5ZOcjs.a["cm-danger"]})}),_jsxruntime.jsx.call(void 0, "p",{style:{fontSize:"14px",margin:0,color:(d=(C=t==null?void 0:t.colors)==null?void 0:C.danger)!=null?d:_chunkEAWYV5ZOcjs.a["cm-danger"]},children:n})]}):null,e==="initial"?_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, _chunkAO2V2B62cjs.b,{appearance:t,children:u!=null?u:"Sign in to Crossmint"}),_jsxruntime.jsx.call(void 0, _chunkAO2V2B62cjs.c,{appearance:t,children:"Access using one of the options below."})]}):null,r.includes("google")?_jsxruntime.jsx.call(void 0, se,{}):null,r.includes("farcaster")?_jsxruntime.jsx.call(void 0, _chunkBR77Q3PKcjs.a,{baseUrl:i,children:_jsxruntime.jsx.call(void 0, ce,{})}):null,r.includes("twitter")?_jsxruntime.jsx.call(void 0, me,{}):null,r.some(h=>h.startsWith("web3"))?_jsxruntime.jsx.call(void 0, _chunkANSLIVQ7cjs.a,{}):null,r.includes("email")?_jsxruntime.jsxs.call(void 0, "div",{children:[r.length>1?_jsxruntime.jsx.call(void 0, _chunk2SBA4RZZcjs.a,{appearance:t,text:"OR"}):null,_jsxruntime.jsx.call(void 0, le,{})]}):null,e==="initial"&&p!=null?_jsxruntime.jsxs.call(void 0, "div",{style:{fontSize:"0.875rem",textAlign:"center",marginTop:"0.5rem",color:(g=(l=t==null?void 0:t.colors)==null?void 0:l.textSecondary)!=null?g:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]},children:[_jsxruntime.jsx.call(void 0, "style",{children:`
+                        p a {
+                            color: ${(s=(m=t==null?void 0:t.colors)==null?void 0:m.textLink)!=null?s:_chunkEAWYV5ZOcjs.a["cm-link"]};
+                        }
+                    `}),p]}):null,e==="initial"||e==="otp"?_jsxruntime.jsx.call(void 0, _chunkSCHRLC2Icjs.a,{style:{marginTop:"1rem",justifyContent:"center"},color:(v=(f=t==null?void 0:t.colors)==null?void 0:f.textSecondary)!=null?v:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}):null]})}function rt({open:o}){let{appearance:e,setDialogOpen:t}=_chunkKT4LGFPNcjs.a.call(void 0, );return _jsxruntime.jsx.call(void 0, _chunkAO2V2B62cjs.a,{open:o,setDialogOpen:t,appearance:e,children:_jsxruntime.jsx.call(void 0, pe,{style:{maxWidth:"448px",padding:"0px"}})})}exports.a = rt; exports.b = _t; exports.c = T; exports.d = Nt; exports.e = Xt; exports.f = ut; exports.g = mr; exports.h = O; exports.i = ee; exports.j = re; exports.k = ie; exports.l = le; exports.m = se; exports.n = ce; exports.o = me; exports.p = pe;

package/dist/chunk-5VJQFSG6.js

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

package/dist/{chunk-2QPYIF6Q.js → chunk-6QJNYB7C.js}

@@ -1 +1 @@
-import{a as d,b as y}from"./chunk-72P3JMXX.js";import{a as u}from"./chunk-2POV64LQ.js";import{a as p}from"./chunk-OKVJQEKZ.js";import{a as l,c as m}from"./chunk-PXDN3KFO.js";import{useMemo as G}from"react";import{useState as J}from"react";import{clientNames as K,crossmintModalService as Q,crossmintPayButtonService as W}from"@crossmint/client-sdk-base";import{Fragment as Y,jsx as r,jsxs as X}from"react/jsx-runtime";function ct(C){let c=C,{className:g,disabled:P,onClick:h,style:f,tabIndex:I,theme:S="dark",mintTo:B,emailTo:k,listingId:v,auctionId:Z,showOverlay:E=!0,mintConfig:b,whPassThroughArgs:M,environment:T,paymentMethod:t,preferredSigninMethod:x,dismissOverlayOnClick:N,prepay:R,locale:i="en-US",currency:L="usd",successCallbackURL:w="",failureCallbackURL:O="",loginEmail:U="",projectId:H,getButtonText:o,checkoutProps:a={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=c,s=m(c,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),_="clientId"in s?s.clientId:s.collectionId,[e,A]=J(!1),{isServerSideRendering:D}=u(),{connect:V}=Q({clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:p,environment:T,clientName:K.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=W({onClick:h,connecting:e,paymentMethod:t,locale:i,checkoutProps:a}),q=F=>j(F,()=>{V(b,B,k,v,M,t,x,R,a)}),n=y(d(S)),z=G(()=>r("span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return r(Y,{children:!D&&X("button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:l({},f),tabIndex:I,children:[r("img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}export{ct as a};
+import{a as d,b as y}from"./chunk-72P3JMXX.js";import{a as u}from"./chunk-2POV64LQ.js";import{a as p}from"./chunk-5VJQFSG6.js";import{a as l,c as m}from"./chunk-PXDN3KFO.js";import{useMemo as G}from"react";import{useState as J}from"react";import{clientNames as K,crossmintModalService as Q,crossmintPayButtonService as W}from"@crossmint/client-sdk-base";import{Fragment as Y,jsx as r,jsxs as X}from"react/jsx-runtime";function ct(C){let c=C,{className:g,disabled:P,onClick:h,style:f,tabIndex:I,theme:S="dark",mintTo:B,emailTo:k,listingId:v,auctionId:Z,showOverlay:E=!0,mintConfig:b,whPassThroughArgs:M,environment:T,paymentMethod:t,preferredSigninMethod:x,dismissOverlayOnClick:N,prepay:R,locale:i="en-US",currency:L="usd",successCallbackURL:w="",failureCallbackURL:O="",loginEmail:U="",projectId:H,getButtonText:o,checkoutProps:a={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=c,s=m(c,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),_="clientId"in s?s.clientId:s.collectionId,[e,A]=J(!1),{isServerSideRendering:D}=u(),{connect:V}=Q({clientId:_,projectId:H,showOverlay:E,dismissOverlayOnClick:N,setConnecting:A,libVersion:p,environment:T,clientName:K.reactUi,locale:i,currency:L,successCallbackURL:w,failureCallbackURL:O,loginEmail:U}),{getButtonText:$,handleClick:j}=W({onClick:h,connecting:e,paymentMethod:t,locale:i,checkoutProps:a}),q=F=>j(F,()=>{V(b,B,k,v,M,t,x,R,a)}),n=y(d(S)),z=G(()=>r("span",{className:n.crossmintParagraph,role:"button-paragraph",children:o!=null?o(e,t||"fiat"):$(e)}),[e,o,t]);return r(Y,{children:!D&&X("button",{className:`${n.crossmintButton} ${g||""}`,disabled:P,onClick:q,style:l({},f),tabIndex:I,children:[r("img",{className:n.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),z]})})}export{ct as a};

package/dist/chunk-7U6Q4ELB.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _chunk3X24JZVGcjs = require('./chunk-3X24JZVG.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunkEO53B7LLcjs = require('./chunk-EO53B7LL.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _jsxruntime = require('react/jsx-runtime');var f=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+    border: none;
+    z-index: 1000;
+    background-color: transparent;
+    color: ${e=>{var t,o,r;return(r=(o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)!=null?r:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.15s ease;
+    
+    &:hover {
+        background-color: ${e=>{var t,o;return((o=(t=e==null?void 0:e.appearance)==null?void 0:t.colors)==null?void 0:o.backgroundSecondary)||_chunkEAWYV5ZOcjs.a["cm-hover"]}};
+        color: ${e=>{var t,o,r;return(r=(o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.textPrimary)!=null?r:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color: ${e=>{var t,o;return((o=(t=e==null?void 0:e.appearance)==null?void 0:t.colors)==null?void 0:o.backgroundSecondary)||_chunkEAWYV5ZOcjs.a["cm-hover"]}};
+        box-shadow: 0 0 0 2px ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.colors)==null?void 0:o.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    }
+    
+    svg {
+        width: 24px;
+        height: 24px;
+    }
+`,v= exports.a =y=>{var n=y,{iconColor:e,ringColor:t,onClick:o}=n,r=_chunk2WSEHVNPcjs.c.call(void 0, n,["iconColor","ringColor","onClick"]);let{setError:u,appearance:g}=_chunkKT4LGFPNcjs.a.call(void 0, );return _jsxruntime.jsx.call(void 0, f,_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {appearance:g,onClick:x=>{u(null),o==null||o(x)}},r),{children:_jsxruntime.jsx.call(void 0, _chunkEO53B7LLcjs.a,{style:{height:"24px",width:"24px",color:e}})}))};exports.a = v;

package/dist/chunk-A5BH5XDB.js

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

package/dist/chunk-AHMPKIEY.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _react = require('@emotion/react');var _jsxruntime = require('react/jsx-runtime');var n=_react.keyframes`
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+`,C=_styled2.default.svg`
+    width: 24px;
+    height: 24px;
+    fill: ${_chunkEAWYV5ZOcjs.a["cm-text-primary"]};
+    color: ${_chunkEAWYV5ZOcjs.a["cm-text-secondary"]};
+    animation: ${n} 1s linear infinite;
+`,f= exports.a =({style:e})=>_jsxruntime.jsxs.call(void 0, C,{"aria-hidden":"true",style:e,viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[_jsxruntime.jsx.call(void 0, "path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),_jsxruntime.jsx.call(void 0, "path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]});exports.a = f;

package/dist/{chunk-JRIASLIO.cjs → chunk-ALORBDLN.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7UIB46UZcjs = require('./chunk-7UIB46UZ.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunk7UIB46UZcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk4RD5CZ3Dcjs = require('./chunk-4RD5CZ3D.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunk4RD5CZ3Dcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;

package/dist/{chunk-JO7RY6MG.cjs → chunk-ANSLIVQ7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk4ROE755Vcjs = require('./chunk-4ROE755V.cjs');var _chunkLSQT2KG6cjs = require('./chunk-LSQT2KG6.cjs');var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _jsxruntime = require('react/jsx-runtime');function l(){let{step:t}=_chunkKT4LGFPNcjs.a.call(void 0, );return t.startsWith("web3")?_jsxruntime.jsx.call(void 0, _chunk4ROE755Vcjs.a,{}):t==="initial"?_jsxruntime.jsx.call(void 0, _chunkLSQT2KG6cjs.a,{}):null}exports.a = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJVXYIBS3cjs = require('./chunk-JVXYIBS3.cjs');var _chunkWK3BTTQGcjs = require('./chunk-WK3BTTQG.cjs');var _chunkKT4LGFPNcjs = require('./chunk-KT4LGFPN.cjs');var _jsxruntime = require('react/jsx-runtime');function l(){let{step:t}=_chunkKT4LGFPNcjs.a.call(void 0, );return t.startsWith("web3")?_jsxruntime.jsx.call(void 0, _chunkWK3BTTQGcjs.a,{}):t==="initial"?_jsxruntime.jsx.call(void 0, _chunkJVXYIBS3cjs.a,{}):null}exports.a = l;