@crossmint/client-sdk-react-ui 2.2.20 → 2.3.1

package/dist/chunk-LUSXGZYB.js

@@ -0,0 +1,66 @@
+import{a as f}from"./chunk-AOBO3CEQ.js";import{a}from"./chunk-DFSB3TWF.js";import{d as g}from"./chunk-PXDN3KFO.js";import{useState as C}from"react";import r from"@emotion/styled";import{jsx as i,jsxs as s}from"react/jsx-runtime";var b=r.div`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 448px;
+    margin: 0 auto;
+    border-radius: 12px;
+`,h=r.h2`
+    margin: 6px 0 8px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+`,v=r.div`
+    margin-bottom: 32px;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||a["cm-border"]}};
+`,I=r.div`
+    display: flex;
+    align-items: center;
+`,B=r.div`
+    flex-shrink: 0;
+    margin-right: 12px;
+`,w=r.span`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    font-size: 16px;
+    overflow-wrap: anywhere;
+`,k=r.div`
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.danger)||a["cm-danger"]}};
+    margin-bottom: 16px;
+    font-size: 14px;
+`,S=r.div`
+    display: flex;
+    gap: 12px;
+`,x=r.button`
+    flex: 1;
+    padding: 16px 24px;
+    border-radius: 9999px;
+    text-align: center;
+    font-weight: 500;
+    font-size: 16px;
+    cursor: pointer;
+    transition: opacity 200ms ease;
+    border: none;
+    &:disabled {
+        cursor: not-allowed;
+    }
+`,U=r(x)`
+    background: transparent;
+    border: 1px solid ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.border)||a["cm-border"]}};
+    color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    &:hover:not(:disabled) {
+        opacity: 0.8;
+    }
+`,$=r(x)`
+    background-color: ${e=>{var o,n;return((n=(o=e.appearance)==null?void 0:o.colors)==null?void 0:n.accent)||a["cm-accent"]}};
+    color: white;
+    opacity: ${e=>e.isLoading?.7:1};
+    &:hover:not(:disabled) {
+        opacity: 0.9;
+    }
+`,L=r.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;function T({contactInfo:e,icon:o,onConfirm:n,onCancel:u,appearance:t}){var m;let[c,d]=C(!1),[p,l]=C("");return s(b,{children:[i(h,{appearance:t,children:"Send authorization code to"}),i(v,{appearance:t,children:s(I,{children:[i(B,{children:o}),i(w,{appearance:t,children:e})]})}),p&&i(k,{appearance:t,children:p}),s(S,{children:[i(U,{onClick:u,appearance:t,children:"Cancel"}),i($,{onClick:()=>g(this,null,function*(){d(!0),l("");try{yield n(e)}catch(y){console.error("Error sending authorization code:",y),l("Failed to send code. Please try again.")}finally{d(!1)}}),disabled:c,isLoading:c,appearance:t,children:c?i(L,{children:i(f,{style:{color:((m=t==null?void 0:t.colors)==null?void 0:m.background)||a["cm-background-primary"]}})}):"Send code"})]})]})}export{T as a};

package/dist/chunk-MS75EYBH.js

@@ -0,0 +1,98 @@
+import{a as l}from"./chunk-OOLXYAO7.js";import{a as C}from"./chunk-77PBG2JJ.js";import{a as g}from"./chunk-HVZ5M3FY.js";import{a as y}from"./chunk-RV2X7AFS.js";import{a as f}from"./chunk-UG5R7IPH.js";import{a}from"./chunk-DFSB3TWF.js";import r from"@emotion/styled";import{Fragment as R,jsx as t,jsxs as i}from"react/jsx-runtime";var v=r.div`
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    -webkit-font-smoothing: antialiased;
+`,P=r.div`
+    display: flex;
+    justify-content: center;
+    position: relative;
+    left: 6px;
+`,b=r.div`
+    display: flex;
+    justify-content: center;
+`,w=r.p`
+    font-size: 18px;
+    line-height: 28px;
+    font-weight: bold;
+    color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    margin: 0;
+`,B=r.div`
+    margin-bottom: 24px;
+`,T=r.div`
+    font-weight: normal;
+    color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.textSecondary)||a["cm-text-secondary"]}};
+    line-height: 1.5;
+`,I=r.div`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    justify-content: center;
+`,S=r.div`
+    display: flex;
+    justify-content: center;
+    padding-top: 16px;
+`,x=r.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+`,d=r.div`
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+`,u=r.div`
+    flex-shrink: 0;
+`,U=r.div`
+    margin-bottom: 12px;
+`,A=r.button`
+    position: relative;
+    display: flex;
+    font-size: 16px;
+    padding: 16px;
+    background-color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.buttonBackground)||a["cm-muted-primary"]}};
+    color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+    align-items: center;
+    width: 100%;
+    border-radius: ${o=>{var e;return((e=o.appearance)==null?void 0:e.borderRadius)||"12px"}};
+    justify-content: center;
+    transition: all 200ms ease;
+    border: none;
+    cursor: pointer;
+    
+    &:hover {
+        background-color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.backgroundSecondary)||a["cm-hover"]}};
+    }
+    
+    &:focus {
+        background-color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.backgroundSecondary)||a["cm-hover"]}};
+        outline: none;
+    }
+`,F=r.span`
+    font-weight: 500;
+    margin: 0 32px;
+    color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.textPrimary)||a["cm-text-primary"]}};
+`,$=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;
+`,L=r.a`
+    padding: 14px;
+    text-align: center;
+    text-decoration: none;
+    border-radius: 8px;
+    font-weight: bold;
+    background-color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.inputBackground)||a["cm-muted-primary"]}};
+    color: ${o=>{var e,n;return((n=(e=o.appearance)==null?void 0:e.colors)==null?void 0:n.textSecondary)||a["cm-text-primary"]}};
+    transition: opacity 200ms ease;
+    
+    &:hover {
+        opacity: 0.8;
+    }
+`;function p({title:o,content:e,primaryButton:n,secondaryAction:k,open:h,appearance:c}){var m;return t(y,{open:h,appearance:c,showCloseButton:!1,children:i(v,{children:[t(P,{children:t(g,{appearance:c})}),t(b,{children:t(w,{appearance:c,children:o})}),t(B,{children:t(T,{appearance:c,children:e})}),i(I,{children:[n,k]}),t(S,{children:t(f,{color:(m=c==null?void 0:c.colors)==null?void 0:m.textSecondary})})]})})}var s=({appearance:o,onClick:e,children:n})=>i(A,{appearance:o,onClick:e,children:[t(F,{appearance:o,children:n}),t($,{children:n})]});function E({state:o,appearance:e}){if(!o.open||o.type==null)return null;switch(o.type){case"create-wallet":return t(p,{open:o.open,title:"Create Your Wallet",appearance:e,content:i(R,{children:[t(U,{children:"You're about to create a wallet."}),i(x,{children:[i(d,{children:[t(u,{children:t(C,{})}),"Your wallet will be secured with a passkey"]}),i(d,{children:[t(u,{children:t(l,{})}),"Your device will ask you for your fingerprint, face, or screen lock to set it up"]})]})]}),primaryButton:t(s,{appearance:e,onClick:o.primaryActionOnClick,children:"Create Wallet"})});case"create-wallet-error":return t(p,{open:o.open,title:"Wallet Creation Failed",appearance:e,content:t("div",{children:"We couldn't create your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:t(s,{appearance:e,onClick:o.primaryActionOnClick,children:"Try again"})});case"transaction":return t(p,{open:o.open,title:"Use Your Wallet",appearance:e,content:t(x,{children:i(d,{children:[t(u,{children:t(l,{})}),t("span",{children:"Your device will ask you for your fingerprint, face, or screen lock to authorize this action."})]})}),primaryButton:t(s,{appearance:e,onClick:o.primaryActionOnClick,children:"Use Wallet"})});case"transaction-error":return t(p,{open:o.open,title:"Wallet Access Failed",appearance:e,content:t("div",{children:"We couldn't access your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device."}),primaryButton:t(s,{appearance:e,onClick:o.primaryActionOnClick,children:"Try again"}),secondaryAction:t(L,{href:"https://docs.crossmint.com/wallets/signers-and-custody#passkey",rel:"noopener noreferrer",target:"_blank",appearance:e,children:"Troubleshoot"})});case"not-supported":return t(p,{open:o.open,title:"Passkeys Not Supported on This Device",appearance:e,content:t("div",{children:"To access your wallet with a passkey, switch to a device or browser that supports passkeys, such as Chrome or Safari on a smartphone, tablet, or modern computer"}),primaryButton:t(s,{appearance:e,onClick:o.primaryActionOnClick,children:"Understood"})});default:return null}}export{E as a};

package/dist/chunk-MVVTLZ2S.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 _chunkO3H2EYFAcjs = require('./chunk-O3H2EYFA.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, _chunkO3H2EYFAcjs.b,{appearance:t,children:u!=null?u:"Sign in to Crossmint"}),_jsxruntime.jsx.call(void 0, _chunkO3H2EYFAcjs.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, _chunkO3H2EYFAcjs.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-NZUCXN2O.js

@@ -0,0 +1,6 @@
+import{css as i}from"@emotion/react";var s=i`
+    /* Reset inherited styles */
+    all: initial;
+    font-family: inherit;
+    box-sizing: border-box;
+`;export{s as a};

package/dist/chunk-O3H2EYFA.cjs

@@ -0,0 +1,160 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk3X24JZVGcjs = require('./chunk-3X24JZVG.cjs');var _chunkEAWYV5ZOcjs = require('./chunk-EAWYV5ZO.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _reactdom = require('react-dom');var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);var _reacttransitiongroup = require('react-transition-group');var _jsxruntime = require('react/jsx-runtime');var C=_styled2.default.div`
+    position: fixed;
+    inset: 0;
+    z-index: 999;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+    
+    /* Transition classes */
+    &.dialog-enter {
+        opacity: 0;
+    }
+    &.dialog-enter-active {
+        opacity: 1;
+        transition: opacity 100ms ease;
+    }
+    &.dialog-exit {
+        opacity: 1;
+    }
+    &.dialog-exit-active {
+        opacity: 0;
+        transition: opacity 200ms ease;
+    }
+`,R=_styled2.default.div`
+    ${_chunk3X24JZVGcjs.a}
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    
+    /* Modal styling */
+    position: relative;
+    background-color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.background)||_chunkEAWYV5ZOcjs.a["cm-background-primary"]}};
+    border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"16px"}};
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    width: 100%;
+    max-height: 90vh;
+    padding: 32px;
+    overflow-y: auto;
+    
+    /* Focus management */
+    &:focus {
+        outline: none;
+    }
+
+    /* Desktop styles and animations */
+    @media (min-width: 480px) {
+        max-width: 448px;
+        border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"24px"}};
+        padding: 40px 40px 30px;
+        
+        /* Desktop transition classes */
+        .dialog-enter & {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        .dialog-enter-active & {
+            transform: scale(1);
+            opacity: 1;
+            transition: transform 200ms ease, opacity 100ms ease;
+        }
+        .dialog-exit & {
+            transform: scale(1);
+            opacity: 1;
+        }
+        .dialog-exit-active & {
+            transform: scale(0.95);
+            opacity: 0;
+            transition: transform 200ms ease, opacity 200ms ease;
+        }
+    }
+
+    /* Mobile styles and animations */
+    @media (max-width: 479px) {
+        position: fixed;
+        left: 0;
+        right: 0;
+        bottom: 8px;
+        width: calc(100% - 16px);
+        max-height: calc(100vh - 18px);
+        border-radius: ${t=>{var e;return((e=t.appearance)==null?void 0:e.borderRadius)||"36px 36px 50px 50px"}};
+        padding: 40px 30px;
+        margin: 0 auto;
+        
+        /* Mobile transition classes */
+        .dialog-enter & {
+            transform: translateY(100%);
+        }
+        .dialog-enter-active & {
+            transform: translateY(0);
+            transition: transform 200ms ease;
+        }
+        .dialog-exit & {
+            transform: translateY(0);
+        }
+        .dialog-exit-active & {
+            transform: translateY(100%);
+            transition: transform 200ms ease;
+        }
+    }
+`,k=_styled2.default.button`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Close button styling */
+    position: absolute;
+    top: 28px;
+    right: 28px;
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+    border: none;
+    z-index: 1000;
+    background-color: transparent;
+    color: ${t=>{var e,a,i;return(i=(a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)!=null?i:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.15s ease;
+    
+    &:hover {
+        background-color: ${t=>{var e,a;return((a=(e=t==null?void 0:t.appearance)==null?void 0:e.colors)==null?void 0:a.backgroundSecondary)||_chunkEAWYV5ZOcjs.a["cm-hover"]}};
+        color: ${t=>{var e,a,i;return(i=(a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)!=null?i:_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    }
+    
+    &:focus {
+        outline: none;
+        background-color:  ${t=>{var e,a;return((a=(e=t==null?void 0:t.appearance)==null?void 0:e.colors)==null?void 0:a.backgroundSecondary)||_chunkEAWYV5ZOcjs.a["cm-hover"]}};
+        box-shadow: 0 0 0 2px ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.accent)||_chunkEAWYV5ZOcjs.a["cm-accent"]}};
+    }
+    
+    svg {
+        width: 28px;
+        height: 28px;
+    }
+`,w=_styled2.default.h2`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Title styling */
+    display: block;
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textPrimary)||_chunkEAWYV5ZOcjs.a["cm-text-primary"]}};
+    margin: 0 0 2px 0;
+`,S=_styled2.default.p`
+    ${_chunk3X24JZVGcjs.a}
+    
+    /* Description styling */
+    display: block;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: ${t=>{var e,a;return((a=(e=t.appearance)==null?void 0:e.colors)==null?void 0:a.textSecondary)||_chunkEAWYV5ZOcjs.a["cm-text-secondary"]}};
+    margin: 0 0 12px 0;
+`,$=_styled2.default.div`
+    /* Content wrapper */
+    display: flex;
+    flex-direction: column;
+`,M= exports.a =({open:t,setDialogOpen:e,appearance:a,style:i,children:f,closeOnOverlayClick:x=!1,showCloseButton:y=!0})=>{let[u,g]=n.useState(!1),d=n.useRef(null);return n.useEffect(()=>{g(!0)},[]),n.useEffect(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]),n.useEffect(()=>{let s=b=>{b.key==="Escape"&&t&&(e==null||e(!1))};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[t,e]),u?_reactdom.createPortal.call(void 0, _jsxruntime.jsx.call(void 0, _reacttransitiongroup.CSSTransition,{nodeRef:d,in:t,timeout:200,classNames:"dialog",unmountOnExit:!0,mountOnEnter:!0,children:_jsxruntime.jsx.call(void 0, C,{ref:d,onClick:x?s=>{s.target===s.currentTarget&&(e==null||e(!1))}:void 0,children:_jsxruntime.jsxs.call(void 0, R,{appearance:a,role:"dialog","aria-modal":"true",style:_chunk2WSEHVNPcjs.a.call(void 0, {},i),children:[y&&_jsxruntime.jsx.call(void 0, k,{onClick:()=>e==null?void 0:e(!1),appearance:a,children:_jsxruntime.jsxs.call(void 0, "svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[_jsxruntime.jsx.call(void 0, "path",{d:"M18 6 6 18"}),_jsxruntime.jsx.call(void 0, "path",{d:"m6 6 12 12"})]})}),_jsxruntime.jsx.call(void 0, $,{children:f})]})})}),document.body):null},B= exports.b =({children:t,style:e,appearance:a})=>_jsxruntime.jsx.call(void 0, w,{style:e,appearance:a,children:t}),F= exports.c =({children:t,style:e,appearance:a})=>_jsxruntime.jsx.call(void 0, S,{style:e,appearance:a,children:t});exports.a = M; exports.b = B; exports.c = F;