@crossmint/client-sdk-react-ui 1.3.13 → 1.3.15

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var zt=Object.create;var v=Object.defineProperty,Qt=Object.defineProperties,Xt=Object.getOwnPropertyDescriptor,Zt=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertyNames,R=Object.getOwnPropertySymbols,ee=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable;var ot=(t,e,o)=>e in t?v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,m=(t,e)=>{for(var o in e||(e={}))K.call(e,o)&&ot(t,o,e[o]);if(R)for(var o of R(e))rt.call(e,o)&&ot(t,o,e[o]);return t},F=(t,e)=>Qt(t,Zt(e));var y=(t,e)=>{var o={};for(var r in t)K.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&R)for(var r of R(t))e.indexOf(r)<0&&rt.call(t,r)&&(o[r]=t[r]);return o};var oe=(t,e)=>{for(var o in e)v(t,o,{get:e[o],enumerable:!0})},nt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of te(e))!K.call(t,s)&&s!==o&&v(t,s,{get:()=>e[s],enumerable:!(r=Xt(e,s))||r.enumerable});return t};var O=(t,e,o)=>(o=t!=null?zt(ee(t)):{},nt(e||!t||!t.__esModule?v(o,"default",{value:t,enumerable:!0}):o,t)),re=t=>nt(v({},"__esModule",{value:!0}),t);var g=(t,e,o)=>new Promise((r,s)=>{var u=i=>{try{d(o.next(i))}catch(n){s(n)}},c=i=>{try{d(o.throw(i))}catch(n){s(n)}},d=i=>i.done?r(i.value):Promise.resolve(i.value).then(u,c);d((o=o.apply(t,e)).next())});var pe={};oe(pe,{Chain:()=>Rt.Chain,CrossmintAuthProvider:()=>Ce,CrossmintEvents:()=>H.CrossmintEvents,CrossmintNFTCollectionView:()=>ne,CrossmintNFTDetail:()=>se,CrossmintPayButton:()=>me,CrossmintPaymentElement:()=>ie,CrossmintProvider:()=>ce,CrossmintWalletProvider:()=>Q,WalletContext:()=>U,useAuth:()=>Wt.useAuth,useCrossmint:()=>x,useCrossmintEvents:()=>H.useCrossmintEvents,useWallet:()=>ue});module.exports=re(pe);var B=require("@crossmint/client-sdk-base");var P="1.3.13";var st=require("react/jsx-runtime");function ne(t){(0,B.assertValidNFTCollectionViewProps)(t);let e=(0,B.getNFTCollectionViewSrc)(t,P);return(0,st.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var A=require("@crossmint/client-sdk-base");var it=require("react/jsx-runtime");function se(t){(0,A.assertValidValidateNFTDetailProps)(t);let e=(0,A.getNFTDetailSrc)(t,P);return(0,it.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var _=require("@crossmint/client-sdk-base");var dt=require("@crossmint/client-sdk-base");var mt=O(require("bs58"),1),f=require("@crossmint/client-sdk-base");var at=O(require("lodash.isequal"),1),L=require("react");function I(t,e){let o=(0,L.useRef)(e);(0,L.useEffect)(()=>{if(e.some((s,u)=>!(0,at.default)(s,o.current[u])))return o.current=e,t()},[e])}var w=require("react"),V=require("@crossmint/client-sdk-base");var lt=require("react/jsx-runtime");function k(o){var r=o,{onInternalEvent:t}=r,e=y(r,["onInternalEvent"]);let{getUrl:s,listenToEvents:u,listenToInternalEvents:c}=(0,V.crossmintIFrameService)(e),[d,i]=(0,w.useState)(0),[n]=(0,w.useState)(s(e));return(0,w.useEffect)(()=>{let l=u(a=>{var C;return(C=e.onEvent)==null?void 0:C.call(e,a.data)});return()=>{l()}},[]),(0,w.useEffect)(()=>{let l=c(a=>{let{type:C,payload:S}=a.data;C===V.IncomingInternalEvents.UI_HEIGHT_CHANGED&&i(S.height),t==null||t(a.data)});return()=>{l()}},[]),(0,lt.jsx)("iframe",{src:n,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${d}px`}})}var ct=require("react/jsx-runtime");function $(t){let{emitInternalEvent:e}=(0,f.crossmintIFrameService)(t),{signer:o,paymentMethod:r}=t;function s(i){let{type:n,payload:l}=i;if(n===f.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:a}=l;console.log("[Crossmint] Received incoming transaction",a),u(a)}if(n===f.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:a}=l;console.log("[Crossmint] Received change of chain",a);let C=o.handleChainSwitch;if(C==null)throw new Error("switchNetwork function should have been defined");C(a)}}function u(i){return g(this,null,function*(){try{let n;switch(r){case"SOL":n=yield c(o,i);break;case"ETH":n=yield d(o,i);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",n),e({type:f.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:n}})}catch(n){console.error("[Crossmint] Failed to sign and send transaction",n),e({type:f.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(i,n){return g(this,null,function*(){let{Transaction:l}=yield import("@solana/web3.js"),a=l.from(mt.default.decode(n));return console.log("[Crossmint] Deserialized SOL transaction",a),yield i.signAndSendTransaction(a)})}function d(i,n){return g(this,null,function*(){let{parse:l}=yield import("@ethersproject/transactions"),a=l(n);return console.log("[Crossmint] Deserialized ETH transaction",a),yield i.signAndSendTransaction(a)})}return I(()=>{e({type:"params-update",payload:(0,f.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),(0,ct.jsx)(k,m({onInternalEvent:s},t))}var Ct=require("react/jsx-runtime");function ut(t){if(!(0,dt.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,Ct.jsx)($,m({},t))}var M=require("@crossmint/client-sdk-base");var pt=require("react/jsx-runtime");function j(t){let{emitInternalEvent:e}=(0,M.crossmintIFrameService)(t);return I(()=>{e({type:"params-update",payload:(0,M.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,pt.jsx)(k,m({},t))}var gt=require("react/jsx-runtime");function ft(t){return(0,gt.jsx)(j,m({},t))}var q=require("react/jsx-runtime");function ie(t){if((0,_.isFiatEmbeddedCheckoutProps)(t))return(0,q.jsx)(ft,m({},t));if((0,_.isCryptoEmbeddedCheckoutProps)(t))return(0,q.jsx)(ut,m({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var wt=require("react"),bt=require("react"),b=require("@crossmint/client-sdk-base");var D=require("react");function z(){let[t,e]=(0,D.useState)(!0);return(0,D.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Et=require("react-jss"),ae="#1e1e1e",ht=t=>t==="light",yt=t=>({buttonBgColor:ht(t)?"white":ae,paragraphColor:ht(t)?"black":"white"}),le={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},Pt=(0,Et.createUseStyles)(le);var h=require("react/jsx-runtime");function me(t){let et=t,{className:e,disabled:o,onClick:r,style:s,tabIndex:u,theme:c="dark",mintTo:d,emailTo:i,listingId:n,auctionId:l,showOverlay:a=!0,mintConfig:C,whPassThroughArgs:S,environment:Ft,paymentMethod:W,preferredSigninMethod:Ot,dismissOverlayOnClick:Bt,prepay:At,locale:Z="en-US",currency:Lt="usd",successCallbackURL:Vt="",failureCallbackURL:Mt="",loginEmail:_t="",projectId:Dt,getButtonText:G,checkoutProps:tt={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=et,Y=y(et,["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"]),Ut="clientId"in Y?Y.clientId:Y.collectionId,[N,Ht]=(0,bt.useState)(!1),{isServerSideRendering:Gt}=z(),{connect:Yt}=(0,b.crossmintModalService)({clientId:Ut,projectId:Dt,showOverlay:a,dismissOverlayOnClick:Bt,setConnecting:Ht,libVersion:P,environment:Ft,clientName:b.clientNames.reactUi,locale:Z,currency:Lt,successCallbackURL:Vt,failureCallbackURL:Mt,loginEmail:_t}),{getButtonText:Jt,handleClick:Kt}=(0,b.crossmintPayButtonService)({onClick:r,connecting:N,paymentMethod:W,locale:Z,checkoutProps:tt}),$t=qt=>Kt(qt,()=>{Yt(C,d,i,n,S,W,Ot,At,tt)}),J=Pt(yt(c)),jt=(0,wt.useMemo)(()=>(0,h.jsx)("span",{className:J.crossmintParagraph,role:"button-paragraph",children:G!=null?G(N,W||"fiat"):Jt(N)}),[N,G,W]);return(0,h.jsx)(h.Fragment,{children:!Gt&&(0,h.jsxs)("button",{className:`${J.crossmintButton} ${e||""}`,disabled:o,onClick:$t,style:m({},s),tabIndex:u,children:[(0,h.jsx)("img",{className:J.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),jt]})})}var p=require("react"),St=require("@crossmint/client-sdk-auth-core/client"),vt=require("@crossmint/common-sdk-base");var kt=require("react/jsx-runtime"),It=(0,p.createContext)(null);function ce(o){var r=o,{children:t}=r,e=y(r,["children"]);var n;let[s,u]=(0,p.useState)(0),c=(0,p.useRef)(new Proxy((0,vt.createCrossmint)(F(m({},e),{jwt:(n=e.jwt)!=null?n:(0,St.getCachedJwt)()})),{set(l,a,C){return a==="jwt"&&l.jwt!==C&&u(S=>S+1),Reflect.set(l,a,C)}})),d=(0,p.useCallback)(l=>{l!==c.current.jwt&&(c.current.jwt=l)},[]),i=(0,p.useMemo)(()=>({get crossmint(){return c.current},setJwt:d}),[d,s]);return(0,kt.jsx)(It.Provider,{value:i,children:t})}function x(t){let e=(0,p.useContext)(It);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var E=require("react"),T=require("@crossmint/client-sdk-smart-wallet");var xt=require("react/jsx-runtime");function de(t){if(t instanceof T.SmartWalletError)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new T.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}var U=(0,E.createContext)({status:"not-loaded",getOrCreateWallet:()=>g(void 0,null,function*(){})});function Q({children:t,config:e}){let{crossmint:o}=x("CrossmintWalletProvider must be used within CrossmintProvider"),[r,s]=(0,E.useState)({status:"not-loaded"}),u=(0,E.useMemo)(()=>T.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),c=i=>g(this,null,function*(){try{s({status:"in-progress"});let n=yield u.getOrCreateWallet({jwt:i},e.defaultChain);s({status:"loaded",wallet:n})}catch(n){console.error("There was an error creating a wallet ",n),s(de(n))}});(0,E.useEffect)(()=>{if(e.createOnLogin==="all-users"&&o.jwt!=null&&r.status==="not-loaded"){console.log("Getting or Creating wallet"),c(o.jwt);return}if(r.status==="loaded"&&o.jwt==null){console.log("Clearing wallet"),s({status:"not-loaded"});return}},[o.jwt,e.createOnLogin,r.status]);let d=()=>g(this,null,function*(){if(o.jwt==null){console.log("No authenticated user, not creating wallet.");return}if(r.status==="loaded"||r.status==="in-progress"){console.log("Wallet is already loaded, or is currently loading.");return}return c(o.jwt)});return(0,xt.jsx)(U.Provider,{value:F(m({},r),{getOrCreateWallet:d}),children:t})}var Tt=require("react");function ue(){let t=(0,Tt.useContext)(U);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var Wt=require("@crossmint/client-sdk-auth-core/client");var Nt=require("@crossmint/client-sdk-auth-core/client");var X=require("react/jsx-runtime");function Ce({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:s}=x("CrossmintAuthProvider must be used within CrossmintProvider");return(0,X.jsx)(Nt.AuthProvider,{setJwtToken:s,crossmint:r,appearance:o,children:(0,X.jsx)(Q,{config:t,children:e})})}var H=require("@crossmint/client-sdk-base"),Rt=require("@crossmint/client-sdk-smart-wallet");0&&(module.exports={Chain,CrossmintAuthProvider,CrossmintEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,CrossmintProvider,CrossmintWalletProvider,WalletContext,useAuth,useCrossmint,useCrossmintEvents,useWallet});
+"use strict";var me=Object.create;var R=Object.defineProperty,ce=Object.defineProperties,ue=Object.getOwnPropertyDescriptor,fe=Object.getOwnPropertyDescriptors,pe=Object.getOwnPropertyNames,_=Object.getOwnPropertySymbols,ge=Object.getPrototypeOf,nt=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var Ct=(t,e,o)=>e in t?R(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,u=(t,e)=>{for(var o in e||(e={}))nt.call(e,o)&&Ct(t,o,e[o]);if(_)for(var o of _(e))ht.call(e,o)&&Ct(t,o,e[o]);return t},j=(t,e)=>ce(t,fe(e));var I=(t,e)=>{var o={};for(var n in t)nt.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&_)for(var n of _(t))e.indexOf(n)<0&&ht.call(t,n)&&(o[n]=t[n]);return o};var Ce=(t,e)=>{for(var o in e)R(t,o,{get:e[o],enumerable:!0})},yt=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of pe(e))!nt.call(t,r)&&r!==o&&R(t,r,{get:()=>e[r],enumerable:!(n=ue(e,r))||n.enumerable});return t};var H=(t,e,o)=>(o=t!=null?me(ge(t)):{},yt(e||!t||!t.__esModule?R(o,"default",{value:t,enumerable:!0}):o,t)),he=t=>yt(R({},"__esModule",{value:!0}),t);var E=(t,e,o)=>new Promise((n,r)=>{var d=a=>{try{i(o.next(a))}catch(s){r(s)}},c=a=>{try{i(o.throw(a))}catch(s){r(s)}},i=a=>a.done?n(a.value):Promise.resolve(a.value).then(d,c);i((o=o.apply(t,e)).next())});var Re={};Ce(Re,{AuthContext:()=>Q,Chain:()=>Yt.Chain,CrossmintAuthProvider:()=>Te,CrossmintEvents:()=>Z.CrossmintEvents,CrossmintNFTCollectionView:()=>ye,CrossmintNFTDetail:()=>we,CrossmintPayButton:()=>ve,CrossmintPaymentElement:()=>Ee,CrossmintProvider:()=>Pe,CrossmintWalletProvider:()=>lt,WalletContext:()=>q,useAuth:()=>Fe,useCrossmint:()=>O,useCrossmintEvents:()=>Z.useCrossmintEvents,useWallet:()=>dt});module.exports=he(Re);var K=require("@crossmint/client-sdk-base");var k="1.3.15";var wt=require("react/jsx-runtime");function ye(t){(0,K.assertValidNFTCollectionViewProps)(t);let e=(0,K.getNFTCollectionViewSrc)(t,k);return(0,wt.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var $=require("@crossmint/client-sdk-base");var Et=require("react/jsx-runtime");function we(t){(0,$.assertValidValidateNFTDetailProps)(t);let e=(0,$.getNFTDetailSrc)(t,k);return(0,Et.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var G=require("@crossmint/client-sdk-base");var It=require("@crossmint/client-sdk-base");var vt=H(require("bs58"),1),C=require("@crossmint/client-sdk-base");var St=H(require("lodash.isequal"),1),J=require("react");function N(t,e){let o=(0,J.useRef)(e);(0,J.useEffect)(()=>{if(e.some((r,d)=>!(0,St.default)(r,o.current[d])))return o.current=e,t()},[e])}var x=require("react"),Y=require("@crossmint/client-sdk-base");var bt=require("react/jsx-runtime");function A(o){var n=o,{onInternalEvent:t}=n,e=I(n,["onInternalEvent"]);let{getUrl:r,listenToEvents:d,listenToInternalEvents:c}=(0,Y.crossmintIFrameService)(e),[i,a]=(0,x.useState)(0),[s]=(0,x.useState)(r(e));return(0,x.useEffect)(()=>{let l=d(m=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,m.data)});return()=>{l()}},[]),(0,x.useEffect)(()=>{let l=c(m=>{let{type:f,payload:w}=m.data;f===Y.IncomingInternalEvents.UI_HEIGHT_CHANGED&&a(w.height),t==null||t(m.data)});return()=>{l()}},[]),(0,bt.jsx)("iframe",{src:s,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${i}px`}})}var Pt=require("react/jsx-runtime");function rt(t){let{emitInternalEvent:e}=(0,C.crossmintIFrameService)(t),{signer:o,paymentMethod:n}=t;function r(a){let{type:s,payload:l}=a;if(s===C.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:m}=l;console.log("[Crossmint] Received incoming transaction",m),d(m)}if(s===C.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:m}=l;console.log("[Crossmint] Received change of chain",m);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(m)}}function d(a){return E(this,null,function*(){try{let s;switch(n){case"SOL":s=yield c(o,a);break;case"ETH":s=yield i(o,a);break;default:throw new Error(`Unsupported payment method ${n}`)}console.log("[Crossmint] Signed and sent transaction",s),e({type:C.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:C.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(a,s){return E(this,null,function*(){let{Transaction:l}=yield import("@solana/web3.js"),m=l.from(vt.default.decode(s));return console.log("[Crossmint] Deserialized SOL transaction",m),yield a.signAndSendTransaction(m)})}function i(a,s){return E(this,null,function*(){let{parse:l}=yield import("@ethersproject/transactions"),m=l(s);return console.log("[Crossmint] Deserialized ETH transaction",m),yield a.signAndSendTransaction(m)})}return N(()=>{e({type:"params-update",payload:(0,C.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),(0,Pt.jsx)(A,u({onInternalEvent:r},t))}var xt=require("react/jsx-runtime");function kt(t){if(!(0,It.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,xt.jsx)(rt,u({},t))}var z=require("@crossmint/client-sdk-base");var Tt=require("react/jsx-runtime");function it(t){let{emitInternalEvent:e}=(0,z.crossmintIFrameService)(t);return N(()=>{e({type:"params-update",payload:(0,z.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,Tt.jsx)(A,u({},t))}var Ft=require("react/jsx-runtime");function Wt(t){return(0,Ft.jsx)(it,u({},t))}var st=require("react/jsx-runtime");function Ee(t){if((0,G.isFiatEmbeddedCheckoutProps)(t))return(0,st.jsx)(Wt,u({},t));if((0,G.isCryptoEmbeddedCheckoutProps)(t))return(0,st.jsx)(kt,u({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var Ot=require("react"),Bt=require("react"),T=require("@crossmint/client-sdk-base");var X=require("react");function at(){let[t,e]=(0,X.useState)(!0);return(0,X.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Nt=require("react-jss"),Se="#1e1e1e",Rt=t=>t==="light",At=t=>({buttonBgColor:Rt(t)?"white":Se,paragraphColor:Rt(t)?"black":"white"}),be={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},Mt=(0,Nt.createUseStyles)(be);var S=require("react/jsx-runtime");function ve(t){let gt=t,{className:e,disabled:o,onClick:n,style:r,tabIndex:d,theme:c="dark",mintTo:i,emailTo:a,listingId:s,auctionId:l,showOverlay:m=!0,mintConfig:f,whPassThroughArgs:w,environment:D,paymentMethod:v,preferredSigninMethod:P,dismissOverlayOnClick:zt,prepay:Gt,locale:ft="en-US",currency:Xt="usd",successCallbackURL:qt="",failureCallbackURL:Qt="",loginEmail:Zt="",projectId:te,getButtonText:tt,checkoutProps:pt={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=gt,et=I(gt,["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"]),ee="clientId"in et?et.clientId:et.collectionId,[V,oe]=(0,Bt.useState)(!1),{isServerSideRendering:ne}=at(),{connect:re}=(0,T.crossmintModalService)({clientId:ee,projectId:te,showOverlay:m,dismissOverlayOnClick:zt,setConnecting:oe,libVersion:k,environment:D,clientName:T.clientNames.reactUi,locale:ft,currency:Xt,successCallbackURL:qt,failureCallbackURL:Qt,loginEmail:Zt}),{getButtonText:ie,handleClick:se}=(0,T.crossmintPayButtonService)({onClick:n,connecting:V,paymentMethod:v,locale:ft,checkoutProps:pt}),ae=de=>se(de,()=>{re(f,i,a,s,w,v,P,Gt,pt)}),ot=Mt(At(c)),le=(0,Ot.useMemo)(()=>(0,S.jsx)("span",{className:ot.crossmintParagraph,role:"button-paragraph",children:tt!=null?tt(V,v||"fiat"):ie(V)}),[V,tt,v]);return(0,S.jsx)(S.Fragment,{children:!ne&&(0,S.jsxs)("button",{className:`${ot.crossmintButton} ${e||""}`,disabled:o,onClick:ae,style:u({},r),tabIndex:d,children:[(0,S.jsx)("img",{className:ot.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),le]})})}var p=require("react"),Ut=require("@crossmint/common-sdk-base");var M="crossmint-session";function Lt(){if(typeof document=="undefined")return;let t=document.cookie.split("; ").find(e=>e.startsWith(M));return t?t.split("=")[1]:void 0}var Vt=require("react/jsx-runtime"),Dt=(0,p.createContext)(null);function Pe(o){var n=o,{children:t}=n,e=I(n,["children"]);var s;let[r,d]=(0,p.useState)(0),c=(0,p.useRef)(new Proxy((0,Ut.createCrossmint)(j(u({},e),{jwt:(s=e.jwt)!=null?s:Lt()})),{set(l,m,f){return m==="jwt"&&l.jwt!==f&&d(w=>w+1),Reflect.set(l,m,f)}})),i=(0,p.useCallback)(l=>{l!==c.current.jwt&&(c.current.jwt=l)},[]),a=(0,p.useMemo)(()=>({get crossmint(){return c.current},setJwt:i}),[i,r]);return(0,Vt.jsx)(Dt.Provider,{value:a,children:t})}function O(t){let e=(0,p.useContext)(Dt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var jt=require("react");var W=require("react"),B=require("@crossmint/client-sdk-smart-wallet");var _t=require("react/jsx-runtime"),q=(0,W.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function lt({children:t,defaultChain:e}){let{crossmint:o}=O("CrossmintWalletProvider must be used within CrossmintProvider"),n=(0,W.useMemo)(()=>B.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[r,d]=(0,W.useState)({status:"not-loaded"}),c=(a={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>r.status=="in-progress"?(console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."}):o.jwt==null?{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'}:(E(this,null,function*(){try{d({status:"in-progress"});let l=yield n.getOrCreateWallet({jwt:o.jwt},e,a);d({status:"loaded",wallet:l})}catch(l){console.error("There was an error creating a wallet ",l),d(Ie(l))}}),{startedCreation:!0}),i=()=>{d({status:"not-loaded"})};return(0,_t.jsx)(q.Provider,{value:j(u({},r),{getOrCreateWallet:c,clearWallet:i}),children:t})}function Ie(t){if(t instanceof B.SmartWalletError)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new B.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}function dt(){let t=(0,jt.useContext)(q);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var Jt=require("react");var b=require("react"),Kt=require("react-dom"),$t=require("@crossmint/common-sdk-base");var F=require("@headlessui/react"),h=require("react"),U=require("zod"),Ht=require("@crossmint/client-sdk-window");var L=require("react/jsx-runtime");function mt({className:t}){return(0,L.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,L.jsx)("path",{d:"M18 6 6 18"}),(0,L.jsx)("path",{d:"m6 6 12 12"})]})}var g=require("react/jsx-runtime"),ke={jwtToken:U.z.object({jwtToken:U.z.string()})},xe={closeWindow:U.z.object({closeWindow:U.z.string()})};function ut({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:n,appearance:r}){var l,m,f,w,D,v;let d=`${n}sdk/auth/frame?apiKey=${o}`;r!=null&&(d+=`&uiConfig=${encodeURIComponent(JSON.stringify(r))}`);let c=(0,h.useRef)(null),[i,a]=(0,h.useState)(null);(0,h.useEffect)(()=>{if(i!=null)return i.on("jwtToken",P=>{e(P.jwtToken),i.off("jwtToken"),i.send("closeWindow",{closeWindow:"closeWindow"}),(i==null?void 0:i.iframe.contentWindow)!=null&&i.iframe.contentWindow.close(),t(!1)}),()=>{i&&(i.off("jwtToken"),i.iframe.contentWindow!=null&&i.iframe.contentWindow.close())}},[i,e,t]);let s=()=>E(this,null,function*(){if(c.current==null){console.error("Something wrong happened, please try again");return}let P=yield Ht.IFrameWindow.init(c.current,{incomingEvents:ke,outgoingEvents:xe});a(P)});return(0,g.jsx)(F.Transition.Root,{show:!0,as:h.Fragment,children:(0,g.jsxs)(F.Dialog,{as:"div",style:ct.dialog,onClose:()=>t(!1),children:[(0,g.jsx)(F.Transition.Child,{as:h.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,g.jsx)("div",{style:ct.transitionBegin})}),(0,g.jsx)(F.Transition.Child,{as:h.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-400",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:(0,g.jsxs)("div",{style:ct.transitionEnd,onClick:P=>P.stopPropagation(),children:[(0,g.jsx)("div",{style:{position:"relative",width:"100%"},children:(0,g.jsx)("button",{type:"button","aria-label":"Close",style:{width:"1.5rem",position:"absolute",right:"1.5rem",top:"1.5rem",cursor:"pointer",color:(l=r==null?void 0:r.colors)==null?void 0:l.border,outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:(0,g.jsx)(mt,{})})}),(0,g.jsx)("iframe",{ref:c,src:d,onLoad:s,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(f=(m=r==null?void 0:r.colors)==null?void 0:m.border)!=null?f:"#D0D5DD"}`,borderRadius:(w=r==null?void 0:r.borderRadius)!=null?w:"16px",padding:"48px 40px 32px",backgroundColor:(v=(D=r==null?void 0:r.colors)==null?void 0:D.background)!=null?v:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var ct={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};var y=require("react/jsx-runtime"),Q=(0,b.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function Te({embeddedWallets:t,children:e,appearance:o}){let{crossmint:n,setJwt:r}=O("CrossmintAuthProvider must be used within CrossmintProvider"),d=(0,$t.validateApiKeyAndGetCrossmintBaseUrl)(n.apiKey),[c,i]=(0,b.useState)(!1),a=()=>{if(n.jwt!=null){console.log("User already logged in");return}i(!0)},s=()=>{document.cookie=`${M}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,r(void 0)};(0,b.useEffect)(()=>{n.jwt!=null&&i(!1)},[n.jwt]),(0,b.useEffect)(()=>{n.jwt&&(document.cookie=`${M}=${n.jwt}; path=/;SameSite=Lax;`)},[n.jwt]);let l=()=>n.jwt!=null?"logged-in":c?"in-progress":"logged-out";return(0,y.jsx)(Q.Provider,{value:{login:a,logout:s,jwt:n.jwt,status:l()},children:(0,y.jsxs)(lt,{defaultChain:t.defaultChain,children:[(0,y.jsx)(We,{embeddedWallets:t,accessToken:n.jwt,children:e}),c?(0,Kt.createPortal)((0,y.jsx)(ut,{baseUrl:d,setModalOpen:i,setJwtToken:r,apiKey:n.apiKey,appearance:o}),document.body):null]})})}function We({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:n,clearWallet:r,status:d}=dt();return(0,b.useEffect)(()=>{t.createOnLogin==="all-users"&&d==="not-loaded"&&o!=null&&n({type:t.type,signer:{type:"PASSKEY"}}),d==="loaded"&&o==null&&r()},[o,d]),(0,y.jsx)(y.Fragment,{children:e})}function Fe(){let t=(0,Jt.useContext)(Q);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var Z=require("@crossmint/client-sdk-base"),Yt=require("@crossmint/client-sdk-smart-wallet");0&&(module.exports={AuthContext,Chain,CrossmintAuthProvider,CrossmintEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,CrossmintProvider,CrossmintWalletProvider,WalletContext,useAuth,useCrossmint,useCrossmintEvents,useWallet});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useWallet.ts","../src/hooks/index.ts","../src/providers/CrossmintAuthProvider.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport { type EVMSmartWallet, Chain } from \"@crossmint/client-sdk-smart-wallet\";\nexport type { CrossmintEvent, CrossmintEventMap } from \"@crossmint/client-sdk-base\";\n","import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-collection-view\"\n        />\n    );\n}\n","export const LIB_VERSION = \"1.3.13\";\n","import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTDetailProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTDetail(props: NFTDetailProps) {\n    assertValidValidateNFTDetailProps(props);\n\n    const src = getNFTDetailSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-details\"\n        />\n    );\n}\n","import {\n    CrossmintEmbeddedCheckoutProps,\n    isCryptoEmbeddedCheckoutProps,\n    isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\n// TODO: Rename to CrossmintEmbeddedCheckout on v2 major publish, prior announcement since its a breaking change\nexport function CrossmintPaymentElement(props: CrossmintEmbeddedCheckoutProps) {\n    if (isFiatEmbeddedCheckoutProps(props)) {\n        return <CrossmintFiatEmbeddedCheckout {...props} />;\n    }\n    if (isCryptoEmbeddedCheckoutProps(props)) {\n        return <CrossmintCryptoEmbeddedCheckout {...props} />;\n    }\n    throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n","import { CryptoEmbeddedCheckoutProps, isCryptoEmbeddedCheckoutPropsWithSigner } from \"@crossmint/client-sdk-base\";\n\nimport CryptoEmbeddedCheckoutIFrame from \"./CryptoEmbeddedCheckoutIFrame\";\n\nexport function CrossmintCryptoEmbeddedCheckout(props: CryptoEmbeddedCheckoutProps) {\n    if (!isCryptoEmbeddedCheckoutPropsWithSigner(props)) {\n        throw new Error(\"Invalid parameters: signer is required in versions < 2.0.0\");\n    }\n\n    return <CryptoEmbeddedCheckoutIFrame {...props} />;\n}\n","import bs58 from \"bs58\";\n\nimport {\n    CryptoEmbeddedCheckoutPropsWithSigner,\n    ETHEmbeddedCheckoutSigner,\n    IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport { EVMBlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function CryptoEmbeddedCheckoutIFrame(props: CryptoEmbeddedCheckoutPropsWithSigner) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    const { signer, paymentMethod } = props;\n\n    function onInternalEvent(event: IncomingInternalEvent) {\n        const { type, payload } = event;\n\n        if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {\n            const { serializedTransaction } = payload;\n            console.log(\"[Crossmint] Received incoming transaction\", serializedTransaction);\n            handleIncomingTransaction(serializedTransaction);\n        }\n\n        if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {\n            const { chain } = payload;\n            console.log(\"[Crossmint] Received change of chain\", chain);\n\n            const handleChainSwitch = (signer as ETHEmbeddedCheckoutSigner).handleChainSwitch;\n            if (handleChainSwitch == null) {\n                throw new Error(\"switchNetwork function should have been defined\");\n            }\n            handleChainSwitch(chain as EVMBlockchainIncludingTestnet);\n        }\n    }\n\n    async function handleIncomingTransaction(serializedTransaction: string) {\n        try {\n            let txId: string;\n            switch (paymentMethod) {\n                case \"SOL\":\n                    txId = await handleSOLTransaction(signer, serializedTransaction);\n                    break;\n                case \"ETH\":\n                    txId = await handleETHTransaction(signer, serializedTransaction);\n                    break;\n                default:\n                    throw new Error(`Unsupported payment method ${paymentMethod}`);\n            }\n\n            console.log(\"[Crossmint] Signed and sent transaction\", txId);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,\n                payload: {\n                    txId,\n                },\n            });\n        } catch (e) {\n            console.error(\"[Crossmint] Failed to sign and send transaction\", e);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,\n                payload: {},\n            });\n        }\n    }\n\n    async function handleSOLTransaction(signer: SOLEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { Transaction } = await import(\"@solana/web3.js\");\n        const transaction = Transaction.from(bs58.decode(serializedTransaction));\n        console.log(\"[Crossmint] Deserialized SOL transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    async function handleETHTransaction(signer: ETHEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { parse: parseTransaction } = await import(\"@ethersproject/transactions\");\n        const transaction = parseTransaction(serializedTransaction);\n        console.log(\"[Crossmint] Deserialized ETH transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [\n        props.signer.address,\n        props.recipient,\n        props.mintConfig,\n        props.locale,\n        props.currency,\n        props.whPassThroughArgs,\n        ...(\"chain\" in props.signer ? [props.signer.chain] : []),\n    ]);\n\n    return <CrossmintEmbeddedCheckoutIFrame onInternalEvent={onInternalEvent} {...props} />;\n}\n","import isEqual from \"lodash.isequal\";\nimport { DependencyList, EffectCallback, useEffect, useRef } from \"react\";\n\nexport default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {\n    const dependenciesRef = useRef(dependencies);\n\n    useEffect(() => {\n        const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));\n\n        if (hasChanged) {\n            dependenciesRef.current = dependencies;\n            return callback();\n        }\n    }, [dependencies]);\n}\n","import { useEffect, useState } from \"react\";\n\nimport {\n    CrossmintEmbeddedCheckoutProps,\n    IncomingInternalEvent,\n    IncomingInternalEvents,\n    crossmintIFrameService,\n} from \"@crossmint/client-sdk-base\";\n\ntype CrossmintEmbeddedCheckoutIFrameProps = CrossmintEmbeddedCheckoutProps & {\n    onInternalEvent?: (event: IncomingInternalEvent) => void;\n};\n\nexport default function CrossmintEmbeddedCheckoutIFrame({\n    onInternalEvent,\n    ...props\n}: CrossmintEmbeddedCheckoutIFrameProps) {\n    const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);\n\n    const [height, setHeight] = useState(0);\n    const [url] = useState(getUrl(props));\n\n    // Public events\n    useEffect(() => {\n        const clearListener = listenToEvents((event) => props.onEvent?.(event.data));\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    // Internal events\n    useEffect(() => {\n        const clearListener = listenToInternalEvents((event) => {\n            const { type, payload } = event.data;\n\n            if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {\n                setHeight(payload.height);\n            }\n\n            onInternalEvent?.(event.data);\n        });\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    return (\n        <iframe\n            src={url}\n            id=\"crossmint-embedded-checkout.iframe\"\n            role=\"crossmint-embedded-checkout.iframe\"\n            allow=\"payment *\"\n            style={{\n                boxShadow: \"none\",\n                border: \"none\",\n                padding: \"0px\",\n                width: \"100%\",\n                minWidth: \"100%\",\n                overflow: \"hidden\",\n                display: \"block\",\n                userSelect: \"none\",\n                transform: \"translate(0px)\",\n                opacity: \"1\",\n                transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                height: `${height}px`,\n            }}\n        />\n    );\n}\n","import {\n    FiatEmbeddedCheckoutProps,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n    return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n","import { FiatEmbeddedCheckoutProps } from \"@crossmint/client-sdk-base\";\n\nimport FiatEmbeddedCheckoutIFrame from \"../../../components/embed/fiat/FiatEmbeddedCheckoutIFrame\";\n\nexport function CrossmintFiatEmbeddedCheckout(props: FiatEmbeddedCheckoutProps) {\n    return <FiatEmbeddedCheckoutIFrame {...props} />;\n}\n","import { CSSProperties, MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n    CheckoutProps,\n    CrossmintPayButtonProps,\n    clientNames,\n    crossmintModalService,\n    crossmintPayButtonService,\n} from \"@crossmint/client-sdk-base\";\n\nimport { LIB_VERSION } from \"../../consts/version\";\nimport useEnvironment from \"../../hooks/useEnvironment\";\nimport { formatProps, useStyles } from \"./styles\";\n\nexport type CrossmintPayButtonReactProps = CrossmintPayButtonProps & {\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n    style?: CSSProperties;\n};\n\nexport function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps) {\n    const {\n        className,\n        disabled,\n        onClick,\n        style,\n        tabIndex,\n        theme = \"dark\",\n        mintTo,\n        emailTo,\n        listingId,\n        auctionId,\n        showOverlay = true,\n        mintConfig,\n        whPassThroughArgs,\n        environment,\n        paymentMethod,\n        preferredSigninMethod,\n        dismissOverlayOnClick,\n        prepay,\n        locale = \"en-US\",\n        currency = \"usd\",\n        successCallbackURL = \"\",\n        failureCallbackURL = \"\",\n        loginEmail = \"\",\n        projectId,\n        getButtonText,\n        checkoutProps = {\n            experimental: false,\n            display: \"same-tab\",\n            paymentMethods: [\"fiat\", \"ETH\", \"SOL\"],\n        } as CheckoutProps,\n        ...props\n    } = buttonProps;\n\n    const collectionId = \"clientId\" in props ? props.clientId : props.collectionId;\n\n    const [connecting, setConnecting] = useState(false);\n    const { isServerSideRendering } = useEnvironment();\n\n    const { connect } = crossmintModalService({\n        clientId: collectionId,\n        projectId,\n        showOverlay,\n        dismissOverlayOnClick,\n        setConnecting,\n        libVersion: LIB_VERSION,\n        environment,\n        clientName: clientNames.reactUi,\n        locale,\n        currency,\n        successCallbackURL,\n        failureCallbackURL,\n        loginEmail,\n    });\n\n    const { getButtonText: getButtonTextInternal, handleClick } = crossmintPayButtonService({\n        onClick,\n        connecting,\n        paymentMethod,\n        locale,\n        checkoutProps,\n    });\n\n    const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>\n        handleClick(event, () => {\n            connect(\n                mintConfig,\n                mintTo,\n                emailTo,\n                listingId,\n                whPassThroughArgs,\n                paymentMethod,\n                preferredSigninMethod,\n                prepay,\n                checkoutProps\n            );\n        });\n\n    const classes = useStyles(formatProps(theme));\n\n    const content = useMemo(() => {\n        return (\n            <span className={classes.crossmintParagraph} role=\"button-paragraph\">\n                {getButtonText != null\n                    ? getButtonText(connecting, paymentMethod || \"fiat\")\n                    : getButtonTextInternal(connecting)}\n            </span>\n        );\n    }, [connecting, getButtonText, paymentMethod]);\n\n    return (\n        <>\n            {!isServerSideRendering && (\n                <button\n                    className={`${classes.crossmintButton} ${className || \"\"}`}\n                    disabled={disabled}\n                    onClick={_handleClick}\n                    style={{ ...style }}\n                    tabIndex={tabIndex}\n                >\n                    <img\n                        className={classes.crossmintImg}\n                        src=\"https://www.crossmint.io/assets/crossmint/logo.svg\"\n                        alt=\"Crossmint logo\"\n                    />\n                    {content}\n                </button>\n            )}\n        </>\n    );\n}\n","import { useEffect, useState } from \"react\";\n\nexport default function useEnvironment() {\n    const [isServerSideRendering, setIsServerSideRendering] = useState(true);\n    useEffect(() => {\n        setIsServerSideRendering(false);\n    }, []);\n\n    return { isServerSideRendering };\n}\n","import { Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n    buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n    paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n    buttonBgColor?: string;\n    paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n    \"@global\": {\n        \"@import\":\n            \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n    },\n    crossmintButton: {\n        display: \"flex\",\n        \"flex-direction\": \"row\",\n        \"align-items\": \"center\",\n        padding: \"0.875rem 0.875rem\",\n        \"font-weight\": \"900\",\n        transition: \"opacity ease-in-out 0.25s\",\n        \"border-radius\": \"0.5rem\",\n        \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n        outline: \"none\",\n        border: \"none\",\n        \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n        \"justify-content\": \"center\",\n        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n        \"&:hover:enabled\": {\n            opacity: \"0.6\",\n            cursor: \"pointer\",\n        },\n    },\n    crossmintImg: {\n        width: \"21px\",\n        height: \"21px\",\n        \"margin-right\": \"0.875rem\",\n    },\n    crossmintParagraph: {\n        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n        margin: \"0\",\n    },\n};\n\nexport const useStyles: (\n    data?:\n        | CustomStylingProps & {\n              theme?: any;\n          }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n","import { ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { getCachedJwt } from \"@crossmint/client-sdk-auth-core/client\";\nimport { Crossmint, createCrossmint } from \"@crossmint/common-sdk-base\";\n\nexport interface CrossmintContext {\n    crossmint: Crossmint;\n    setJwt: (jwt: string | undefined) => void;\n}\n\nconst CrossmintContext = createContext<CrossmintContext | null>(null);\n\nexport function CrossmintProvider({\n    children,\n    ...createCrossmintParams\n}: { children: ReactNode } & Parameters<typeof createCrossmint>[0]) {\n    const [version, setVersion] = useState(0);\n\n    const crossmintRef = useRef<Crossmint>(\n        new Proxy<Crossmint>(\n            createCrossmint({ ...createCrossmintParams, jwt: createCrossmintParams.jwt ?? getCachedJwt() }),\n            {\n                set(target, prop, value) {\n                    if (prop === \"jwt\" && target.jwt !== value) {\n                        setVersion((v) => v + 1);\n                    }\n                    return Reflect.set(target, prop, value);\n                },\n            }\n        )\n    );\n\n    const setJwt = useCallback((jwt: string | undefined) => {\n        if (jwt !== crossmintRef.current.jwt) {\n            crossmintRef.current.jwt = jwt;\n        }\n    }, []);\n\n    const value = useMemo(\n        () => ({\n            get crossmint() {\n                return crossmintRef.current;\n            },\n            setJwt,\n        }),\n        [setJwt, version]\n    );\n\n    return <CrossmintContext.Provider value={value}>{children}</CrossmintContext.Provider>;\n}\n\nexport function useCrossmint(missingContextMessage?: string) {\n    const context = useContext(CrossmintContext);\n    if (context == null) {\n        throw new Error(missingContextMessage ?? \"useCrossmint must be used within a CrossmintProvider\");\n    }\n    return context;\n}\n","import { useCrossmint } from \"@/hooks\";\nimport { ReactNode, createContext, useEffect, useMemo, useState } from \"react\";\n\nimport { EVMSmartWallet, SmartWalletError, SmartWalletSDK } from \"@crossmint/client-sdk-smart-wallet\";\n\nexport type CrossmintWalletConfig = {\n    type: \"evm-smart-wallet\";\n    defaultChain: \"polygon-amoy\" | \"base-sepolia\" | \"optimism-sepolia\" | \"arbitrum-sepolia\";\n    createOnLogin: \"all-users\" | \"off\";\n};\n\ntype WalletStatus = \"not-loaded\" | \"in-progress\" | \"loaded\" | \"loading-error\";\n\ntype ValidWalletState =\n    | { status: \"not-loaded\" | \"in-progress\" }\n    | { status: \"loaded\"; wallet: EVMSmartWallet }\n    | { status: \"loading-error\"; error: SmartWalletError };\n\nfunction deriveErrorState(error: unknown): { status: \"loading-error\"; error: SmartWalletError } {\n    if (error instanceof SmartWalletError) {\n        return { status: \"loading-error\", error };\n    }\n\n    const message = error instanceof Error ? error.message : String(error);\n    const stack = error instanceof Error ? error.stack : undefined;\n    return { status: \"loading-error\", error: new SmartWalletError(`Unknown Wallet Error: ${message}`, stack) };\n}\n\ntype WalletContext = {\n    status: WalletStatus;\n    wallet?: EVMSmartWallet;\n    error?: SmartWalletError;\n    getOrCreateWallet: () => Promise<void>;\n};\n\nexport const WalletContext = createContext<WalletContext>({\n    status: \"not-loaded\",\n    getOrCreateWallet: async () => {},\n});\n\nexport function CrossmintWalletProvider({ children, config }: { config: CrossmintWalletConfig; children: ReactNode }) {\n    const { crossmint } = useCrossmint(\"CrossmintWalletProvider must be used within CrossmintProvider\");\n    const [state, setState] = useState<ValidWalletState>({ status: \"not-loaded\" });\n    const smartWalletSDK = useMemo(() => SmartWalletSDK.init({ clientApiKey: crossmint.apiKey }), [crossmint.apiKey]);\n\n    const getOrCreateWalletInternal = async (jwt: string) => {\n        try {\n            setState({ status: \"in-progress\" });\n            const wallet = await smartWalletSDK.getOrCreateWallet({ jwt }, config.defaultChain);\n            setState({ status: \"loaded\", wallet });\n        } catch (error: unknown) {\n            console.error(\"There was an error creating a wallet \", error);\n            setState(deriveErrorState(error));\n        }\n    };\n\n    useEffect(() => {\n        if (config.createOnLogin === \"all-users\" && crossmint.jwt != null && state.status === \"not-loaded\") {\n            console.log(\"Getting or Creating wallet\");\n            getOrCreateWalletInternal(crossmint.jwt);\n            return;\n        }\n\n        if (state.status === \"loaded\" && crossmint.jwt == null) {\n            console.log(\"Clearing wallet\");\n            setState({ status: \"not-loaded\" });\n            return;\n        }\n    }, [crossmint.jwt, config.createOnLogin, state.status]);\n\n    const getOrCreateWalletExternal = async () => {\n        if (crossmint.jwt == null) {\n            console.log(\"No authenticated user, not creating wallet.\");\n            return;\n        }\n\n        if (state.status === \"loaded\" || state.status === \"in-progress\") {\n            console.log(\"Wallet is already loaded, or is currently loading.\");\n            return;\n        }\n\n        return getOrCreateWalletInternal(crossmint.jwt);\n    };\n\n    return (\n        <WalletContext.Provider value={{ ...state, getOrCreateWallet: getOrCreateWalletExternal }}>\n            {children}\n        </WalletContext.Provider>\n    );\n}\n","import { WalletContext } from \"@/providers/CrossmintWalletProvider\";\nimport { useContext } from \"react\";\n\nexport function useWallet() {\n    const walletContext = useContext(WalletContext);\n\n    if (!walletContext) {\n        throw new Error(\"useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider\");\n    }\n\n    return walletContext;\n}\n","export * from \"./useCrossmint\";\nexport * from \"./useWallet\";\nexport { useAuth } from \"@crossmint/client-sdk-auth-core/client\";\n","import { useCrossmint } from \"@/hooks\";\nimport { ReactNode } from \"react\";\n\nimport { AuthProvider as AuthCoreProvider } from \"@crossmint/client-sdk-auth-core/client\";\nimport { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport { CrossmintWalletConfig, CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\n\ntype CrossmintAuthProviderProps = {\n    embeddedWallets: CrossmintWalletConfig;\n    children: ReactNode;\n    appearance?: UIConfig;\n};\n\nexport function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps) {\n    const { crossmint, setJwt } = useCrossmint(\"CrossmintAuthProvider must be used within CrossmintProvider\");\n\n    return (\n        <AuthCoreProvider setJwtToken={setJwt} crossmint={crossmint} appearance={appearance}>\n            <CrossmintWalletProvider config={embeddedWallets}>{children}</CrossmintWalletProvider>\n        </AuthCoreProvider>\n    );\n}\n"],"mappings":"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","names":["src_exports","__export","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useCrossmint","useWallet","__toCommonJS","import_client_sdk_base","LIB_VERSION","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","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","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_client","import_common_sdk_base","import_jsx_runtime","CrossmintContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","version","setVersion","crossmintRef","__spreadProps","__spreadValues","target","prop","value","v","setJwt","jwt","useCrossmint","missingContextMessage","context","import_react","import_client_sdk_smart_wallet","import_jsx_runtime","deriveErrorState","error","message","stack","WalletContext","__async","CrossmintWalletProvider","children","config","crossmint","useCrossmint","state","setState","smartWalletSDK","getOrCreateWalletInternal","jwt","wallet","getOrCreateWalletExternal","__spreadProps","__spreadValues","import_react","useWallet","walletContext","WalletContext","import_client","import_client","import_jsx_runtime","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","AuthCoreProvider","CrossmintWalletProvider","import_client_sdk_base","import_client_sdk_smart_wallet"]}
+{"version":3,"sources":["../src/index.ts","../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/utils/constants.ts","../src/utils/jwt.ts","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport { type EVMSmartWallet, Chain } from \"@crossmint/client-sdk-smart-wallet\";\nexport type { CrossmintEvent, CrossmintEventMap } from \"@crossmint/client-sdk-base\";\n","import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-collection-view\"\n        />\n    );\n}\n","export const LIB_VERSION = \"1.3.15\";\n","import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTDetailProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTDetail(props: NFTDetailProps) {\n    assertValidValidateNFTDetailProps(props);\n\n    const src = getNFTDetailSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-details\"\n        />\n    );\n}\n","import {\n    CrossmintEmbeddedCheckoutProps,\n    isCryptoEmbeddedCheckoutProps,\n    isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\n// TODO: Rename to CrossmintEmbeddedCheckout on v2 major publish, prior announcement since its a breaking change\nexport function CrossmintPaymentElement(props: CrossmintEmbeddedCheckoutProps) {\n    if (isFiatEmbeddedCheckoutProps(props)) {\n        return <CrossmintFiatEmbeddedCheckout {...props} />;\n    }\n    if (isCryptoEmbeddedCheckoutProps(props)) {\n        return <CrossmintCryptoEmbeddedCheckout {...props} />;\n    }\n    throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n","import { CryptoEmbeddedCheckoutProps, isCryptoEmbeddedCheckoutPropsWithSigner } from \"@crossmint/client-sdk-base\";\n\nimport CryptoEmbeddedCheckoutIFrame from \"./CryptoEmbeddedCheckoutIFrame\";\n\nexport function CrossmintCryptoEmbeddedCheckout(props: CryptoEmbeddedCheckoutProps) {\n    if (!isCryptoEmbeddedCheckoutPropsWithSigner(props)) {\n        throw new Error(\"Invalid parameters: signer is required in versions < 2.0.0\");\n    }\n\n    return <CryptoEmbeddedCheckoutIFrame {...props} />;\n}\n","import bs58 from \"bs58\";\n\nimport {\n    CryptoEmbeddedCheckoutPropsWithSigner,\n    ETHEmbeddedCheckoutSigner,\n    IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport { EVMBlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function CryptoEmbeddedCheckoutIFrame(props: CryptoEmbeddedCheckoutPropsWithSigner) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    const { signer, paymentMethod } = props;\n\n    function onInternalEvent(event: IncomingInternalEvent) {\n        const { type, payload } = event;\n\n        if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {\n            const { serializedTransaction } = payload;\n            console.log(\"[Crossmint] Received incoming transaction\", serializedTransaction);\n            handleIncomingTransaction(serializedTransaction);\n        }\n\n        if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {\n            const { chain } = payload;\n            console.log(\"[Crossmint] Received change of chain\", chain);\n\n            const handleChainSwitch = (signer as ETHEmbeddedCheckoutSigner).handleChainSwitch;\n            if (handleChainSwitch == null) {\n                throw new Error(\"switchNetwork function should have been defined\");\n            }\n            handleChainSwitch(chain as EVMBlockchainIncludingTestnet);\n        }\n    }\n\n    async function handleIncomingTransaction(serializedTransaction: string) {\n        try {\n            let txId: string;\n            switch (paymentMethod) {\n                case \"SOL\":\n                    txId = await handleSOLTransaction(signer, serializedTransaction);\n                    break;\n                case \"ETH\":\n                    txId = await handleETHTransaction(signer, serializedTransaction);\n                    break;\n                default:\n                    throw new Error(`Unsupported payment method ${paymentMethod}`);\n            }\n\n            console.log(\"[Crossmint] Signed and sent transaction\", txId);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,\n                payload: {\n                    txId,\n                },\n            });\n        } catch (e) {\n            console.error(\"[Crossmint] Failed to sign and send transaction\", e);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,\n                payload: {},\n            });\n        }\n    }\n\n    async function handleSOLTransaction(signer: SOLEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { Transaction } = await import(\"@solana/web3.js\");\n        const transaction = Transaction.from(bs58.decode(serializedTransaction));\n        console.log(\"[Crossmint] Deserialized SOL transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    async function handleETHTransaction(signer: ETHEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { parse: parseTransaction } = await import(\"@ethersproject/transactions\");\n        const transaction = parseTransaction(serializedTransaction);\n        console.log(\"[Crossmint] Deserialized ETH transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [\n        props.signer.address,\n        props.recipient,\n        props.mintConfig,\n        props.locale,\n        props.currency,\n        props.whPassThroughArgs,\n        ...(\"chain\" in props.signer ? [props.signer.chain] : []),\n    ]);\n\n    return <CrossmintEmbeddedCheckoutIFrame onInternalEvent={onInternalEvent} {...props} />;\n}\n","import isEqual from \"lodash.isequal\";\nimport { DependencyList, EffectCallback, useEffect, useRef } from \"react\";\n\nexport default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {\n    const dependenciesRef = useRef(dependencies);\n\n    useEffect(() => {\n        const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));\n\n        if (hasChanged) {\n            dependenciesRef.current = dependencies;\n            return callback();\n        }\n    }, [dependencies]);\n}\n","import { useEffect, useState } from \"react\";\n\nimport {\n    CrossmintEmbeddedCheckoutProps,\n    IncomingInternalEvent,\n    IncomingInternalEvents,\n    crossmintIFrameService,\n} from \"@crossmint/client-sdk-base\";\n\ntype CrossmintEmbeddedCheckoutIFrameProps = CrossmintEmbeddedCheckoutProps & {\n    onInternalEvent?: (event: IncomingInternalEvent) => void;\n};\n\nexport default function CrossmintEmbeddedCheckoutIFrame({\n    onInternalEvent,\n    ...props\n}: CrossmintEmbeddedCheckoutIFrameProps) {\n    const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);\n\n    const [height, setHeight] = useState(0);\n    const [url] = useState(getUrl(props));\n\n    // Public events\n    useEffect(() => {\n        const clearListener = listenToEvents((event) => props.onEvent?.(event.data));\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    // Internal events\n    useEffect(() => {\n        const clearListener = listenToInternalEvents((event) => {\n            const { type, payload } = event.data;\n\n            if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {\n                setHeight(payload.height);\n            }\n\n            onInternalEvent?.(event.data);\n        });\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    return (\n        <iframe\n            src={url}\n            id=\"crossmint-embedded-checkout.iframe\"\n            role=\"crossmint-embedded-checkout.iframe\"\n            allow=\"payment *\"\n            style={{\n                boxShadow: \"none\",\n                border: \"none\",\n                padding: \"0px\",\n                width: \"100%\",\n                minWidth: \"100%\",\n                overflow: \"hidden\",\n                display: \"block\",\n                userSelect: \"none\",\n                transform: \"translate(0px)\",\n                opacity: \"1\",\n                transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                height: `${height}px`,\n            }}\n        />\n    );\n}\n","import {\n    FiatEmbeddedCheckoutProps,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n    return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n","import { FiatEmbeddedCheckoutProps } from \"@crossmint/client-sdk-base\";\n\nimport FiatEmbeddedCheckoutIFrame from \"../../../components/embed/fiat/FiatEmbeddedCheckoutIFrame\";\n\nexport function CrossmintFiatEmbeddedCheckout(props: FiatEmbeddedCheckoutProps) {\n    return <FiatEmbeddedCheckoutIFrame {...props} />;\n}\n","import { CSSProperties, MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n    CheckoutProps,\n    CrossmintPayButtonProps,\n    clientNames,\n    crossmintModalService,\n    crossmintPayButtonService,\n} from \"@crossmint/client-sdk-base\";\n\nimport { LIB_VERSION } from \"../../consts/version\";\nimport useEnvironment from \"../../hooks/useEnvironment\";\nimport { formatProps, useStyles } from \"./styles\";\n\nexport type CrossmintPayButtonReactProps = CrossmintPayButtonProps & {\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n    style?: CSSProperties;\n};\n\nexport function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps) {\n    const {\n        className,\n        disabled,\n        onClick,\n        style,\n        tabIndex,\n        theme = \"dark\",\n        mintTo,\n        emailTo,\n        listingId,\n        auctionId,\n        showOverlay = true,\n        mintConfig,\n        whPassThroughArgs,\n        environment,\n        paymentMethod,\n        preferredSigninMethod,\n        dismissOverlayOnClick,\n        prepay,\n        locale = \"en-US\",\n        currency = \"usd\",\n        successCallbackURL = \"\",\n        failureCallbackURL = \"\",\n        loginEmail = \"\",\n        projectId,\n        getButtonText,\n        checkoutProps = {\n            experimental: false,\n            display: \"same-tab\",\n            paymentMethods: [\"fiat\", \"ETH\", \"SOL\"],\n        } as CheckoutProps,\n        ...props\n    } = buttonProps;\n\n    const collectionId = \"clientId\" in props ? props.clientId : props.collectionId;\n\n    const [connecting, setConnecting] = useState(false);\n    const { isServerSideRendering } = useEnvironment();\n\n    const { connect } = crossmintModalService({\n        clientId: collectionId,\n        projectId,\n        showOverlay,\n        dismissOverlayOnClick,\n        setConnecting,\n        libVersion: LIB_VERSION,\n        environment,\n        clientName: clientNames.reactUi,\n        locale,\n        currency,\n        successCallbackURL,\n        failureCallbackURL,\n        loginEmail,\n    });\n\n    const { getButtonText: getButtonTextInternal, handleClick } = crossmintPayButtonService({\n        onClick,\n        connecting,\n        paymentMethod,\n        locale,\n        checkoutProps,\n    });\n\n    const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>\n        handleClick(event, () => {\n            connect(\n                mintConfig,\n                mintTo,\n                emailTo,\n                listingId,\n                whPassThroughArgs,\n                paymentMethod,\n                preferredSigninMethod,\n                prepay,\n                checkoutProps\n            );\n        });\n\n    const classes = useStyles(formatProps(theme));\n\n    const content = useMemo(() => {\n        return (\n            <span className={classes.crossmintParagraph} role=\"button-paragraph\">\n                {getButtonText != null\n                    ? getButtonText(connecting, paymentMethod || \"fiat\")\n                    : getButtonTextInternal(connecting)}\n            </span>\n        );\n    }, [connecting, getButtonText, paymentMethod]);\n\n    return (\n        <>\n            {!isServerSideRendering && (\n                <button\n                    className={`${classes.crossmintButton} ${className || \"\"}`}\n                    disabled={disabled}\n                    onClick={_handleClick}\n                    style={{ ...style }}\n                    tabIndex={tabIndex}\n                >\n                    <img\n                        className={classes.crossmintImg}\n                        src=\"https://www.crossmint.io/assets/crossmint/logo.svg\"\n                        alt=\"Crossmint logo\"\n                    />\n                    {content}\n                </button>\n            )}\n        </>\n    );\n}\n","import { useEffect, useState } from \"react\";\n\nexport default function useEnvironment() {\n    const [isServerSideRendering, setIsServerSideRendering] = useState(true);\n    useEffect(() => {\n        setIsServerSideRendering(false);\n    }, []);\n\n    return { isServerSideRendering };\n}\n","import { Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n    buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n    paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n    buttonBgColor?: string;\n    paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n    \"@global\": {\n        \"@import\":\n            \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n    },\n    crossmintButton: {\n        display: \"flex\",\n        \"flex-direction\": \"row\",\n        \"align-items\": \"center\",\n        padding: \"0.875rem 0.875rem\",\n        \"font-weight\": \"900\",\n        transition: \"opacity ease-in-out 0.25s\",\n        \"border-radius\": \"0.5rem\",\n        \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n        outline: \"none\",\n        border: \"none\",\n        \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n        \"justify-content\": \"center\",\n        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n        \"&:hover:enabled\": {\n            opacity: \"0.6\",\n            cursor: \"pointer\",\n        },\n    },\n    crossmintImg: {\n        width: \"21px\",\n        height: \"21px\",\n        \"margin-right\": \"0.875rem\",\n    },\n    crossmintParagraph: {\n        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n        margin: \"0\",\n    },\n};\n\nexport const useStyles: (\n    data?:\n        | CustomStylingProps & {\n              theme?: any;\n          }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n","import { ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Crossmint, createCrossmint } from \"@crossmint/common-sdk-base\";\n\nimport { getCachedJwt } from \"../utils\";\n\nexport interface CrossmintContext {\n    crossmint: Crossmint;\n    setJwt: (jwt: string | undefined) => void;\n}\n\nconst CrossmintContext = createContext<CrossmintContext | null>(null);\n\nexport function CrossmintProvider({\n    children,\n    ...createCrossmintParams\n}: { children: ReactNode } & Parameters<typeof createCrossmint>[0]) {\n    const [version, setVersion] = useState(0);\n\n    const crossmintRef = useRef<Crossmint>(\n        new Proxy<Crossmint>(\n            createCrossmint({ ...createCrossmintParams, jwt: createCrossmintParams.jwt ?? getCachedJwt() }),\n            {\n                set(target, prop, value) {\n                    if (prop === \"jwt\" && target.jwt !== value) {\n                        setVersion((v) => v + 1);\n                    }\n                    return Reflect.set(target, prop, value);\n                },\n            }\n        )\n    );\n\n    const setJwt = useCallback((jwt: string | undefined) => {\n        if (jwt !== crossmintRef.current.jwt) {\n            crossmintRef.current.jwt = jwt;\n        }\n    }, []);\n\n    const value = useMemo(\n        () => ({\n            get crossmint() {\n                return crossmintRef.current;\n            },\n            setJwt,\n        }),\n        [setJwt, version]\n    );\n\n    return <CrossmintContext.Provider value={value}>{children}</CrossmintContext.Provider>;\n}\n\nexport function useCrossmint(missingContextMessage?: string) {\n    const context = useContext(CrossmintContext);\n    if (context == null) {\n        throw new Error(missingContextMessage ?? \"useCrossmint must be used within a CrossmintProvider\");\n    }\n    return context;\n}\n","export const SESSION_PREFIX = \"crossmint-session\";\n","import { SESSION_PREFIX } from \"./constants\";\n\nexport function getCachedJwt(): string | undefined {\n    if (typeof document === \"undefined\") {\n        return undefined; // Check if we're on the client-side\n    }\n    const crossmintSession = document.cookie.split(\"; \").find((row) => row.startsWith(SESSION_PREFIX));\n    return crossmintSession ? crossmintSession.split(\"=\")[1] : undefined;\n}\n","import { useContext } from \"react\";\n\nimport { WalletContext } from \"../providers/CrossmintWalletProvider\";\n\nexport function useWallet() {\n    const walletContext = useContext(WalletContext);\n\n    if (!walletContext) {\n        throw new Error(\"useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider\");\n    }\n\n    return walletContext;\n}\n","import { ReactNode, createContext, useMemo, useState } from \"react\";\n\nimport {\n    EVMSmartWallet,\n    EVMSmartWalletChain,\n    SmartWalletError,\n    SmartWalletSDK,\n    WalletParams,\n} from \"@crossmint/client-sdk-smart-wallet\";\n\nimport { useCrossmint } from \"../hooks\";\n\ntype WalletStatus = \"not-loaded\" | \"in-progress\" | \"loaded\" | \"loading-error\";\ntype ValidWalletState =\n    | { status: \"not-loaded\" | \"in-progress\" }\n    | { status: \"loaded\"; wallet: EVMSmartWallet }\n    | { status: \"loading-error\"; error: SmartWalletError };\n\ntype WalletContext = {\n    status: WalletStatus;\n    wallet?: EVMSmartWallet;\n    error?: SmartWalletError;\n    getOrCreateWallet: (config?: WalletConfig) => { startedCreation: boolean; reason?: string };\n    clearWallet: () => void;\n};\n\nexport const WalletContext = createContext<WalletContext>({\n    status: \"not-loaded\",\n    getOrCreateWallet: () => ({ startedCreation: false }),\n    clearWallet: () => {},\n});\n\nexport type WalletConfig = WalletParams & { type: \"evm-smart-wallet\" };\n\nexport function CrossmintWalletProvider({\n    children,\n    defaultChain,\n}: {\n    children: ReactNode;\n    defaultChain: EVMSmartWalletChain;\n}) {\n    const { crossmint } = useCrossmint(\"CrossmintWalletProvider must be used within CrossmintProvider\");\n    const smartWalletSDK = useMemo(() => SmartWalletSDK.init({ clientApiKey: crossmint.apiKey }), [crossmint.apiKey]);\n\n    const [state, setState] = useState<ValidWalletState>({ status: \"not-loaded\" });\n\n    const getOrCreateWallet = (config: WalletConfig = { type: \"evm-smart-wallet\", signer: { type: \"PASSKEY\" } }) => {\n        if (state.status == \"in-progress\") {\n            console.log(\"Wallet already loading\");\n            return { startedCreation: false, reason: \"Wallet is already loading.\" };\n        }\n\n        if (crossmint.jwt == null) {\n            return { startedCreation: false, reason: `Jwt not set in \"CrossmintProvider\".` };\n        }\n\n        const internalCall = async () => {\n            try {\n                setState({ status: \"in-progress\" });\n                const wallet = await smartWalletSDK.getOrCreateWallet(\n                    { jwt: crossmint.jwt as string },\n                    defaultChain,\n                    config\n                );\n                setState({ status: \"loaded\", wallet });\n            } catch (error: unknown) {\n                console.error(\"There was an error creating a wallet \", error);\n                setState(deriveErrorState(error));\n            }\n        };\n\n        internalCall();\n        return { startedCreation: true };\n    };\n\n    const clearWallet = () => {\n        setState({ status: \"not-loaded\" });\n    };\n\n    return (\n        <WalletContext.Provider value={{ ...state, getOrCreateWallet, clearWallet }}>{children}</WalletContext.Provider>\n    );\n}\n\nfunction deriveErrorState(error: unknown): { status: \"loading-error\"; error: SmartWalletError } {\n    if (error instanceof SmartWalletError) {\n        return { status: \"loading-error\", error };\n    }\n\n    const message = error instanceof Error ? error.message : String(error);\n    const stack = error instanceof Error ? error.stack : undefined;\n    return { status: \"loading-error\", error: new SmartWalletError(`Unknown Wallet Error: ${message}`, stack) };\n}\n","import { useContext } from \"react\";\n\nimport { AuthContext } from \"../providers\";\n\nexport function useAuth() {\n    const context = useContext(AuthContext);\n    if (context === undefined) {\n        throw new Error(\"useAuth must be used within an AuthProvider\");\n    }\n    return context;\n}\n","import { type ReactNode, createContext, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { EVMSmartWalletChain } from \"@crossmint/client-sdk-smart-wallet\";\nimport { type UIConfig, validateApiKeyAndGetCrossmintBaseUrl } from \"@crossmint/common-sdk-base\";\n\nimport AuthModal from \"../components/auth/AuthModal\";\nimport { useCrossmint, useWallet } from \"../hooks\";\nimport { SESSION_PREFIX } from \"../utils\";\nimport { CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\n\nexport type CrossmintAuthWalletConfig = {\n    defaultChain: EVMSmartWalletChain;\n    createOnLogin: \"all-users\" | \"off\";\n    type: \"evm-smart-wallet\";\n};\n\nexport type CrossmintAuthProviderProps = {\n    embeddedWallets: CrossmintAuthWalletConfig;\n    appearance?: UIConfig;\n    children: ReactNode;\n};\n\ntype AuthStatus = \"logged-in\" | \"logged-out\" | \"in-progress\";\n\ntype AuthContextType = {\n    login: () => void;\n    logout: () => void;\n    jwt?: string;\n    status: AuthStatus;\n};\n\nexport const AuthContext = createContext<AuthContextType>({\n    login: () => {},\n    logout: () => {},\n    status: \"logged-out\",\n});\n\nexport function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps) {\n    const { crossmint, setJwt } = useCrossmint(\"CrossmintAuthProvider must be used within CrossmintProvider\");\n    const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const login = () => {\n        if (crossmint.jwt != null) {\n            console.log(\"User already logged in\");\n            return;\n        }\n\n        setModalOpen(true);\n    };\n\n    const logout = () => {\n        document.cookie = `${SESSION_PREFIX}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;\n        setJwt(undefined);\n    };\n\n    useEffect(() => {\n        if (crossmint.jwt == null) {\n            return;\n        }\n\n        setModalOpen(false);\n    }, [crossmint.jwt]);\n\n    useEffect(() => {\n        if (crossmint.jwt) {\n            document.cookie = `${SESSION_PREFIX}=${crossmint.jwt}; path=/;SameSite=Lax;`;\n        }\n    }, [crossmint.jwt]);\n\n    const getAuthStatus = (): AuthStatus => {\n        if (crossmint.jwt != null) {\n            return \"logged-in\";\n        }\n        if (modalOpen) {\n            return \"in-progress\";\n        }\n        return \"logged-out\";\n    };\n\n    return (\n        <AuthContext.Provider\n            value={{\n                login,\n                logout,\n                jwt: crossmint.jwt,\n                status: getAuthStatus(),\n            }}\n        >\n            <CrossmintWalletProvider defaultChain={embeddedWallets.defaultChain}>\n                <WalletManager embeddedWallets={embeddedWallets} accessToken={crossmint.jwt}>\n                    {children}\n                </WalletManager>\n                {modalOpen\n                    ? createPortal(\n                          <AuthModal\n                              baseUrl={crossmintBaseUrl}\n                              setModalOpen={setModalOpen}\n                              setJwtToken={setJwt}\n                              apiKey={crossmint.apiKey}\n                              appearance={appearance}\n                          />,\n\n                          document.body\n                      )\n                    : null}\n            </CrossmintWalletProvider>\n        </AuthContext.Provider>\n    );\n}\n\nfunction WalletManager({\n    embeddedWallets,\n    children,\n    accessToken,\n}: {\n    embeddedWallets: CrossmintAuthWalletConfig;\n    children: ReactNode;\n    accessToken: string | undefined;\n}) {\n    const { getOrCreateWallet, clearWallet, status } = useWallet();\n\n    useEffect(() => {\n        if (embeddedWallets.createOnLogin === \"all-users\" && status === \"not-loaded\" && accessToken != null) {\n            getOrCreateWallet({\n                type: embeddedWallets.type,\n                signer: { type: \"PASSKEY\" },\n            });\n        }\n\n        if (status === \"loaded\" && accessToken == null) {\n            clearWallet();\n        }\n    }, [accessToken, status]);\n\n    return <>{children}</>;\n}\n","import { Dialog, Transition } from \"@headlessui/react\";\nimport { CSSProperties, Fragment, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\n\nimport { IFrameWindow } from \"@crossmint/client-sdk-window\";\nimport { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport X from \"../../icons/x\";\n\nconst incomingModalIframeEvents = {\n    jwtToken: z.object({\n        jwtToken: z.string(),\n    }),\n};\n\nconst outgoingModalIframeEvents = {\n    closeWindow: z.object({\n        closeWindow: z.string(),\n    }),\n};\n\ntype IncomingModalIframeEventsType = {\n    jwtToken: typeof incomingModalIframeEvents.jwtToken;\n};\n\ntype OutgoingModalIframeEventsType = {\n    closeWindow: typeof outgoingModalIframeEvents.closeWindow;\n};\n\ntype AuthModalProps = {\n    setModalOpen: (open: boolean) => void;\n    setJwtToken: (jwtToken: string) => void;\n    apiKey: string;\n    baseUrl: string;\n    appearance?: UIConfig;\n};\n\nexport default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {\n    let iframeSrc = `${baseUrl}sdk/auth/frame?apiKey=${apiKey}`;\n    if (appearance != null) {\n        // The appearance object is serialized into a query parameter\n        iframeSrc += `&uiConfig=${encodeURIComponent(JSON.stringify(appearance))}`;\n    }\n\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const [iframe, setIframe] = useState<IFrameWindow<\n        IncomingModalIframeEventsType,\n        OutgoingModalIframeEventsType\n    > | null>(null);\n\n    useEffect(() => {\n        if (iframe == null) {\n            return;\n        }\n\n        iframe.on(\"jwtToken\", (data) => {\n            setJwtToken(data.jwtToken);\n            iframe.off(\"jwtToken\");\n\n            iframe.send(\"closeWindow\", {\n                closeWindow: \"closeWindow\",\n            });\n\n            if (iframe?.iframe.contentWindow != null) {\n                iframe.iframe.contentWindow.close();\n            }\n            setModalOpen(false);\n        });\n\n        return () => {\n            if (iframe) {\n                iframe.off(\"jwtToken\");\n\n                if (iframe.iframe.contentWindow != null) {\n                    iframe.iframe.contentWindow.close();\n                }\n            }\n        };\n    }, [iframe, setJwtToken, setModalOpen]);\n\n    const handleIframeLoaded = async () => {\n        if (iframeRef.current == null) {\n            // The iframe should be load, here we should log on DD if possible\n            console.error(\"Something wrong happened, please try again\");\n            return;\n        }\n\n        const initIframe = await IFrameWindow.init(iframeRef.current, {\n            incomingEvents: incomingModalIframeEvents,\n            outgoingEvents: outgoingModalIframeEvents,\n        });\n        setIframe(initIframe);\n    };\n\n    return (\n        <Transition.Root show as={Fragment}>\n            <Dialog as=\"div\" style={styles.dialog} onClose={() => setModalOpen(false)}>\n                <Transition.Child\n                    as={Fragment}\n                    enter=\"ease-out duration-400\"\n                    enterFrom=\"opacity-0\"\n                    enterTo=\"opacity-100\"\n                    leave=\"ease-in duration-400\"\n                    leaveFrom=\"opacity-100\"\n                    leaveTo=\"opacity-0\"\n                >\n                    <div style={styles.transitionBegin} />\n                </Transition.Child>\n                <Transition.Child\n                    as={Fragment}\n                    enter=\"ease-out duration-400\"\n                    enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                    enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n                    leave=\"ease-in duration-400\"\n                    leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n                    leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                >\n                    <div style={styles.transitionEnd} onClick={(e) => e.stopPropagation()}>\n                        <div style={{ position: \"relative\", width: \"100%\" }}>\n                            <button\n                                type=\"button\"\n                                aria-label=\"Close\"\n                                style={{\n                                    width: \"1.5rem\",\n                                    position: \"absolute\",\n                                    right: \"1.5rem\",\n                                    top: \"1.5rem\",\n                                    cursor: \"pointer\",\n                                    color: appearance?.colors?.border,\n                                    outlineOffset: \"4px\",\n                                    borderRadius: \"100%\",\n                                }}\n                                onClick={() => setModalOpen(false)}\n                            >\n                                <X />\n                            </button>\n                        </div>\n                        <iframe\n                            ref={iframeRef}\n                            src={iframeSrc}\n                            onLoad={handleIframeLoaded}\n                            title=\"Authentication Modal\"\n                            style={{\n                                width: \"100%\",\n                                height: \"500px\",\n                                border: `1px solid ${appearance?.colors?.border ?? \"#D0D5DD\"}`,\n                                borderRadius: appearance?.borderRadius ?? \"16px\",\n                                padding: \"48px 40px 32px\",\n                                backgroundColor: appearance?.colors?.background ?? \"#FFFFFF\",\n                                animation: \"fadeIn 3s ease-in-out\",\n                            }}\n                        />\n                    </div>\n                </Transition.Child>\n            </Dialog>\n        </Transition.Root>\n    );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n    dialog: {\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        overflowY: \"auto\",\n        position: \"fixed\",\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        zIndex: 20,\n    },\n    transitionBegin: {\n        background: \"rgba(139, 151, 151, 0.2)\",\n        backdropFilter: \"blur(2px)\",\n        position: \"fixed\",\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        transitionProperty: \"opacity\",\n        transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n        transitionDuration: \"300ms\",\n        zIndex: -10,\n    },\n    transitionEnd: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        width: \"100%\",\n        maxWidth: \"448px\",\n        borderRadius: \"0.75rem\",\n        boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n        zIndex: 30,\n    },\n};\n","export default function X({ className }: { className?: string }) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={className}\n        >\n            <path d=\"M18 6 6 18\" />\n            <path d=\"m6 6 12 12\" />\n        </svg>\n    );\n}\n"],"mappings":"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","names":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useWallet","__toCommonJS","import_client_sdk_base","LIB_VERSION","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","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","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","SESSION_PREFIX","getCachedJwt","crossmintSession","row","SESSION_PREFIX","import_jsx_runtime","CrossmintContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","version","setVersion","crossmintRef","__spreadProps","__spreadValues","getCachedJwt","target","prop","value","v","setJwt","jwt","useCrossmint","missingContextMessage","context","import_react","import_react","import_client_sdk_smart_wallet","import_jsx_runtime","WalletContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","state","setState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","message","stack","useWallet","walletContext","WalletContext","import_react","import_react","import_react_dom","import_common_sdk_base","import_react","import_zod","import_client_sdk_window","import_jsx_runtime","X","className","import_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","import_jsx_runtime","AuthContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","modalOpen","setModalOpen","login","logout","SESSION_PREFIX","getAuthStatus","CrossmintWalletProvider","WalletManager","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","useAuth","context","AuthContext","import_client_sdk_base","import_client_sdk_smart_wallet"]}

package/dist/index.d.cts

@@ -5,9 +5,8 @@ export { CrossmintEvent, CrossmintEventMap, CrossmintEvents, useCrossmintEvents
 import * as react from 'react';
 import { MouseEvent, CSSProperties, ReactNode } from 'react';
 import * as _crossmint_client_sdk_smart_wallet from '@crossmint/client-sdk-smart-wallet';
-import { EVMSmartWallet, SmartWalletError } from '@crossmint/client-sdk-smart-wallet';
+import { EVMSmartWallet, SmartWalletError, WalletParams, EVMSmartWalletChain } from '@crossmint/client-sdk-smart-wallet';
 export { Chain, EVMSmartWallet } from '@crossmint/client-sdk-smart-wallet';
-export { useAuth } from '@crossmint/client-sdk-auth-core/client';
 
 declare function CrossmintNFTCollectionView(props: NFTCollectionViewProps): react_jsx_runtime.JSX.Element;
 
@@ -30,36 +29,62 @@ declare function CrossmintProvider({ children, ...createCrossmintParams }: {
 } & Parameters<typeof createCrossmint>[0]): react_jsx_runtime.JSX.Element;
 declare function useCrossmint(missingContextMessage?: string): CrossmintContext;
 
-declare function useWallet(): {
-    status: "not-loaded" | "in-progress" | "loaded" | "loading-error";
-    wallet?: _crossmint_client_sdk_smart_wallet.EVMSmartWallet;
-    error?: _crossmint_client_sdk_smart_wallet.SmartWalletError;
-    getOrCreateWallet: () => Promise<void>;
-};
-
-type CrossmintWalletConfig = {
-    type: "evm-smart-wallet";
-    defaultChain: "polygon-amoy" | "base-sepolia" | "optimism-sepolia" | "arbitrum-sepolia";
-    createOnLogin: "all-users" | "off";
-};
 type WalletStatus = "not-loaded" | "in-progress" | "loaded" | "loading-error";
 type WalletContext = {
     status: WalletStatus;
     wallet?: EVMSmartWallet;
     error?: SmartWalletError;
-    getOrCreateWallet: () => Promise<void>;
+    getOrCreateWallet: (config?: WalletConfig) => {
+        startedCreation: boolean;
+        reason?: string;
+    };
+    clearWallet: () => void;
 };
 declare const WalletContext: react.Context<WalletContext>;
-declare function CrossmintWalletProvider({ children, config }: {
-    config: CrossmintWalletConfig;
+type WalletConfig = WalletParams & {
+    type: "evm-smart-wallet";
+};
+declare function CrossmintWalletProvider({ children, defaultChain, }: {
     children: ReactNode;
+    defaultChain: EVMSmartWalletChain;
 }): react_jsx_runtime.JSX.Element;
 
+declare function useWallet(): {
+    status: "not-loaded" | "in-progress" | "loaded" | "loading-error";
+    wallet?: _crossmint_client_sdk_smart_wallet.EVMSmartWallet;
+    error?: _crossmint_client_sdk_smart_wallet.SmartWalletError;
+    getOrCreateWallet: (config?: WalletConfig) => {
+        startedCreation: boolean;
+        reason?: string;
+    };
+    clearWallet: () => void;
+};
+
+declare function useAuth(): {
+    login: () => void;
+    logout: () => void;
+    jwt?: string;
+    status: "in-progress" | "logged-in" | "logged-out";
+};
+
+type CrossmintAuthWalletConfig = {
+    defaultChain: EVMSmartWalletChain;
+    createOnLogin: "all-users" | "off";
+    type: "evm-smart-wallet";
+};
 type CrossmintAuthProviderProps = {
-    embeddedWallets: CrossmintWalletConfig;
-    children: ReactNode;
+    embeddedWallets: CrossmintAuthWalletConfig;
     appearance?: UIConfig;
+    children: ReactNode;
+};
+type AuthStatus = "logged-in" | "logged-out" | "in-progress";
+type AuthContextType = {
+    login: () => void;
+    logout: () => void;
+    jwt?: string;
+    status: AuthStatus;
 };
+declare const AuthContext: react.Context<AuthContextType>;
 declare function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
 
-export { CrossmintAuthProvider, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, type CrossmintWalletConfig, CrossmintWalletProvider, WalletContext, useCrossmint, useWallet };
+export { AuthContext, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useWallet };

package/dist/index.d.ts

@@ -5,9 +5,8 @@ export { CrossmintEvent, CrossmintEventMap, CrossmintEvents, useCrossmintEvents
 import * as react from 'react';
 import { MouseEvent, CSSProperties, ReactNode } from 'react';
 import * as _crossmint_client_sdk_smart_wallet from '@crossmint/client-sdk-smart-wallet';
-import { EVMSmartWallet, SmartWalletError } from '@crossmint/client-sdk-smart-wallet';
+import { EVMSmartWallet, SmartWalletError, WalletParams, EVMSmartWalletChain } from '@crossmint/client-sdk-smart-wallet';
 export { Chain, EVMSmartWallet } from '@crossmint/client-sdk-smart-wallet';
-export { useAuth } from '@crossmint/client-sdk-auth-core/client';
 
 declare function CrossmintNFTCollectionView(props: NFTCollectionViewProps): react_jsx_runtime.JSX.Element;
 
@@ -30,36 +29,62 @@ declare function CrossmintProvider({ children, ...createCrossmintParams }: {
 } & Parameters<typeof createCrossmint>[0]): react_jsx_runtime.JSX.Element;
 declare function useCrossmint(missingContextMessage?: string): CrossmintContext;
 
-declare function useWallet(): {
-    status: "not-loaded" | "in-progress" | "loaded" | "loading-error";
-    wallet?: _crossmint_client_sdk_smart_wallet.EVMSmartWallet;
-    error?: _crossmint_client_sdk_smart_wallet.SmartWalletError;
-    getOrCreateWallet: () => Promise<void>;
-};
-
-type CrossmintWalletConfig = {
-    type: "evm-smart-wallet";
-    defaultChain: "polygon-amoy" | "base-sepolia" | "optimism-sepolia" | "arbitrum-sepolia";
-    createOnLogin: "all-users" | "off";
-};
 type WalletStatus = "not-loaded" | "in-progress" | "loaded" | "loading-error";
 type WalletContext = {
     status: WalletStatus;
     wallet?: EVMSmartWallet;
     error?: SmartWalletError;
-    getOrCreateWallet: () => Promise<void>;
+    getOrCreateWallet: (config?: WalletConfig) => {
+        startedCreation: boolean;
+        reason?: string;
+    };
+    clearWallet: () => void;
 };
 declare const WalletContext: react.Context<WalletContext>;
-declare function CrossmintWalletProvider({ children, config }: {
-    config: CrossmintWalletConfig;
+type WalletConfig = WalletParams & {
+    type: "evm-smart-wallet";
+};
+declare function CrossmintWalletProvider({ children, defaultChain, }: {
     children: ReactNode;
+    defaultChain: EVMSmartWalletChain;
 }): react_jsx_runtime.JSX.Element;
 
+declare function useWallet(): {
+    status: "not-loaded" | "in-progress" | "loaded" | "loading-error";
+    wallet?: _crossmint_client_sdk_smart_wallet.EVMSmartWallet;
+    error?: _crossmint_client_sdk_smart_wallet.SmartWalletError;
+    getOrCreateWallet: (config?: WalletConfig) => {
+        startedCreation: boolean;
+        reason?: string;
+    };
+    clearWallet: () => void;
+};
+
+declare function useAuth(): {
+    login: () => void;
+    logout: () => void;
+    jwt?: string;
+    status: "in-progress" | "logged-in" | "logged-out";
+};
+
+type CrossmintAuthWalletConfig = {
+    defaultChain: EVMSmartWalletChain;
+    createOnLogin: "all-users" | "off";
+    type: "evm-smart-wallet";
+};
 type CrossmintAuthProviderProps = {
-    embeddedWallets: CrossmintWalletConfig;
-    children: ReactNode;
+    embeddedWallets: CrossmintAuthWalletConfig;
     appearance?: UIConfig;
+    children: ReactNode;
+};
+type AuthStatus = "logged-in" | "logged-out" | "in-progress";
+type AuthContextType = {
+    login: () => void;
+    logout: () => void;
+    jwt?: string;
+    status: AuthStatus;
 };
+declare const AuthContext: react.Context<AuthContextType>;
 declare function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
 
-export { CrossmintAuthProvider, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, type CrossmintWalletConfig, CrossmintWalletProvider, WalletContext, useCrossmint, useWallet };
+export { AuthContext, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useWallet };

package/dist/index.js

@@ -1,2 +1,2 @@
-var ht=Object.defineProperty,Et=Object.defineProperties;var yt=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var L=(t,e,o)=>e in t?ht(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,m=(t,e)=>{for(var o in e||(e={}))V.call(e,o)&&L(t,o,e[o]);if(b)for(var o of b(e))M.call(e,o)&&L(t,o,e[o]);return t},S=(t,e)=>Et(t,yt(e));var f=(t,e)=>{var o={};for(var r in t)V.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&b)for(var r of b(t))e.indexOf(r)<0&&M.call(t,r)&&(o[r]=t[r]);return o};var p=(t,e,o)=>new Promise((r,a)=>{var u=s=>{try{d(o.next(s))}catch(n){a(n)}},c=s=>{try{d(o.throw(s))}catch(n){a(n)}},d=s=>s.done?r(s.value):Promise.resolve(s.value).then(u,c);d((o=o.apply(t,e)).next())});import{assertValidNFTCollectionViewProps as Pt,getNFTCollectionViewSrc as wt}from"@crossmint/client-sdk-base";var g="1.3.13";import{jsx as bt}from"react/jsx-runtime";function ve(t){Pt(t);let e=wt(t,g);return bt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as St,getNFTDetailSrc as vt}from"@crossmint/client-sdk-base";import{jsx as It}from"react/jsx-runtime";function We(t){St(t);let e=vt(t,g);return It("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as Ht,isFiatEmbeddedCheckoutProps as Gt}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as Lt}from"@crossmint/client-sdk-base";import Ft from"bs58";import{IncomingInternalEvents as U,OutgoingInternalEvents as H,crossmintIFrameService as Ot,embeddedCheckoutPropsToUpdatableParamsPayload as Bt}from"@crossmint/client-sdk-base";import kt from"lodash.isequal";import{useEffect as xt,useRef as Tt}from"react";function E(t,e){let o=Tt(e);xt(()=>{if(e.some((a,u)=>!kt(a,o.current[u])))return o.current=e,t()},[e])}import{useEffect as _,useState as D}from"react";import{IncomingInternalEvents as Wt,crossmintIFrameService as Nt}from"@crossmint/client-sdk-base";import{jsx as Rt}from"react/jsx-runtime";function y(o){var r=o,{onInternalEvent:t}=r,e=f(r,["onInternalEvent"]);let{getUrl:a,listenToEvents:u,listenToInternalEvents:c}=Nt(e),[d,s]=D(0),[n]=D(a(e));return _(()=>{let l=u(i=>{var C;return(C=e.onEvent)==null?void 0:C.call(e,i.data)});return()=>{l()}},[]),_(()=>{let l=c(i=>{let{type:C,payload:h}=i.data;C===Wt.UI_HEIGHT_CHANGED&&s(h.height),t==null||t(i.data)});return()=>{l()}},[]),Rt("iframe",{src:n,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${d}px`}})}import{jsx as At}from"react/jsx-runtime";function T(t){let{emitInternalEvent:e}=Ot(t),{signer:o,paymentMethod:r}=t;function a(s){let{type:n,payload:l}=s;if(n===U.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:i}=l;console.log("[Crossmint] Received incoming transaction",i),u(i)}if(n===U.CRYPTO_CHAIN_SWITCH){let{chain:i}=l;console.log("[Crossmint] Received change of chain",i);let C=o.handleChainSwitch;if(C==null)throw new Error("switchNetwork function should have been defined");C(i)}}function u(s){return p(this,null,function*(){try{let n;switch(r){case"SOL":n=yield c(o,s);break;case"ETH":n=yield d(o,s);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",n),e({type:H.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:n}})}catch(n){console.error("[Crossmint] Failed to sign and send transaction",n),e({type:H.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(s,n){return p(this,null,function*(){let{Transaction:l}=yield import("@solana/web3.js"),i=l.from(Ft.decode(n));return console.log("[Crossmint] Deserialized SOL transaction",i),yield s.signAndSendTransaction(i)})}function d(s,n){return p(this,null,function*(){let{parse:l}=yield import("@ethersproject/transactions"),i=l(n);return console.log("[Crossmint] Deserialized ETH transaction",i),yield s.signAndSendTransaction(i)})}return E(()=>{e({type:"params-update",payload:Bt(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),At(y,m({onInternalEvent:a},t))}import{jsx as Vt}from"react/jsx-runtime";function G(t){if(!Lt(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return Vt(T,m({},t))}import{crossmintIFrameService as Mt,embeddedCheckoutPropsToUpdatableParamsPayload as _t}from"@crossmint/client-sdk-base";import{jsx as Dt}from"react/jsx-runtime";function W(t){let{emitInternalEvent:e}=Mt(t);return E(()=>{e({type:"params-update",payload:_t(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),Dt(y,m({},t))}import{jsx as Ut}from"react/jsx-runtime";function Y(t){return Ut(W,m({},t))}import{jsx as J}from"react/jsx-runtime";function So(t){if(Gt(t))return J(Y,m({},t));if(Ht(t))return J(G,m({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as qt}from"react";import{useState as zt}from"react";import{clientNames as Qt,crossmintModalService as Xt,crossmintPayButtonService as Zt}from"@crossmint/client-sdk-base";import{useEffect as Yt,useState as Jt}from"react";function N(){let[t,e]=Jt(!0);return Yt(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as Kt}from"react-jss";var $t="#1e1e1e",K=t=>t==="light",$=t=>({buttonBgColor:K(t)?"white":$t,paragraphColor:K(t)?"black":"white"}),jt={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},j=Kt(jt);import{Fragment as ee,jsx as R,jsxs as te}from"react/jsx-runtime";function Ho(t){let A=t,{className:e,disabled:o,onClick:r,style:a,tabIndex:u,theme:c="dark",mintTo:d,emailTo:s,listingId:n,auctionId:l,showOverlay:i=!0,mintConfig:C,whPassThroughArgs:h,environment:Z,paymentMethod:P,preferredSigninMethod:tt,dismissOverlayOnClick:et,prepay:ot,locale:O="en-US",currency:rt="usd",successCallbackURL:nt="",failureCallbackURL:st="",loginEmail:it="",projectId:at,getButtonText:I,checkoutProps:B={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=A,k=f(A,["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"]),lt="clientId"in k?k.clientId:k.collectionId,[w,mt]=zt(!1),{isServerSideRendering:ct}=N(),{connect:dt}=Xt({clientId:lt,projectId:at,showOverlay:i,dismissOverlayOnClick:et,setConnecting:mt,libVersion:g,environment:Z,clientName:Qt.reactUi,locale:O,currency:rt,successCallbackURL:nt,failureCallbackURL:st,loginEmail:it}),{getButtonText:ut,handleClick:Ct}=Zt({onClick:r,connecting:w,paymentMethod:P,locale:O,checkoutProps:B}),pt=gt=>Ct(gt,()=>{dt(C,d,s,n,h,P,tt,ot,B)}),x=j($(c)),ft=qt(()=>R("span",{className:x.crossmintParagraph,role:"button-paragraph",children:I!=null?I(w,P||"fiat"):ut(w)}),[w,I,P]);return R(ee,{children:!ct&&te("button",{className:`${x.crossmintButton} ${e||""}`,disabled:o,onClick:pt,style:m({},a),tabIndex:u,children:[R("img",{className:x.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ft]})})}import{createContext as oe,useCallback as re,useContext as ne,useMemo as se,useRef as ie,useState as ae}from"react";import{getCachedJwt as le}from"@crossmint/client-sdk-auth-core/client";import{createCrossmint as me}from"@crossmint/common-sdk-base";import{jsx as ce}from"react/jsx-runtime";var q=oe(null);function Qo(o){var r=o,{children:t}=r,e=f(r,["children"]);var n;let[a,u]=ae(0),c=ie(new Proxy(me(S(m({},e),{jwt:(n=e.jwt)!=null?n:le()})),{set(l,i,C){return i==="jwt"&&l.jwt!==C&&u(h=>h+1),Reflect.set(l,i,C)}})),d=re(l=>{l!==c.current.jwt&&(c.current.jwt=l)},[]),s=se(()=>({get crossmint(){return c.current},setJwt:d}),[d,a]);return ce(q.Provider,{value:s,children:t})}function v(t){let e=ne(q);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{createContext as de,useEffect as ue,useMemo as Ce,useState as pe}from"react";import{SmartWalletError as z,SmartWalletSDK as fe}from"@crossmint/client-sdk-smart-wallet";import{jsx as he}from"react/jsx-runtime";function ge(t){if(t instanceof z)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new z(`Unknown Wallet Error: ${e}`,o)}}var F=de({status:"not-loaded",getOrCreateWallet:()=>p(void 0,null,function*(){})});function Q({children:t,config:e}){let{crossmint:o}=v("CrossmintWalletProvider must be used within CrossmintProvider"),[r,a]=pe({status:"not-loaded"}),u=Ce(()=>fe.init({clientApiKey:o.apiKey}),[o.apiKey]),c=s=>p(this,null,function*(){try{a({status:"in-progress"});let n=yield u.getOrCreateWallet({jwt:s},e.defaultChain);a({status:"loaded",wallet:n})}catch(n){console.error("There was an error creating a wallet ",n),a(ge(n))}});ue(()=>{if(e.createOnLogin==="all-users"&&o.jwt!=null&&r.status==="not-loaded"){console.log("Getting or Creating wallet"),c(o.jwt);return}if(r.status==="loaded"&&o.jwt==null){console.log("Clearing wallet"),a({status:"not-loaded"});return}},[o.jwt,e.createOnLogin,r.status]);let d=()=>p(this,null,function*(){if(o.jwt==null){console.log("No authenticated user, not creating wallet.");return}if(r.status==="loaded"||r.status==="in-progress"){console.log("Wallet is already loaded, or is currently loading.");return}return c(o.jwt)});return he(F.Provider,{value:S(m({},r),{getOrCreateWallet:d}),children:t})}import{useContext as Ee}from"react";function dr(){let t=Ee(F);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useAuth as hr}from"@crossmint/client-sdk-auth-core/client";import{AuthProvider as ye}from"@crossmint/client-sdk-auth-core/client";import{jsx as X}from"react/jsx-runtime";function br({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:a}=v("CrossmintAuthProvider must be used within CrossmintProvider");return X(ye,{setJwtToken:a,crossmint:r,appearance:o,children:X(Q,{config:t,children:e})})}import{CrossmintEvents as Nr,useCrossmintEvents as Rr}from"@crossmint/client-sdk-base";import{Chain as Or}from"@crossmint/client-sdk-smart-wallet";export{Or as Chain,br as CrossmintAuthProvider,Nr as CrossmintEvents,ve as CrossmintNFTCollectionView,We as CrossmintNFTDetail,Ho as CrossmintPayButton,So as CrossmintPaymentElement,Qo as CrossmintProvider,Q as CrossmintWalletProvider,F as WalletContext,hr as useAuth,v as useCrossmint,Rr as useCrossmintEvents,dr as useWallet};
+var Rt=Object.defineProperty,Nt=Object.defineProperties;var At=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var G=(t,e,o)=>e in t?Rt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,u=(t,e)=>{for(var o in e||(e={}))X.call(e,o)&&G(t,o,e[o]);if(k)for(var o of k(e))q.call(e,o)&&G(t,o,e[o]);return t},x=(t,e)=>Nt(t,At(e));var w=(t,e)=>{var o={};for(var n in t)X.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&k)for(var n of k(t))e.indexOf(n)<0&&q.call(t,n)&&(o[n]=t[n]);return o};var g=(t,e,o)=>new Promise((n,r)=>{var d=a=>{try{i(o.next(a))}catch(s){r(s)}},c=a=>{try{i(o.throw(a))}catch(s){r(s)}},i=a=>a.done?n(a.value):Promise.resolve(a.value).then(d,c);i((o=o.apply(t,e)).next())});import{assertValidNFTCollectionViewProps as Mt,getNFTCollectionViewSrc as Ot}from"@crossmint/client-sdk-base";var E="1.3.15";import{jsx as Bt}from"react/jsx-runtime";function qe(t){Mt(t);let e=Ot(t,E);return Bt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as Lt,getNFTDetailSrc as Ut}from"@crossmint/client-sdk-base";import{jsx as Dt}from"react/jsx-runtime";function oo(t){Lt(t);let e=Ut(t,E);return Dt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as oe,isFiatEmbeddedCheckoutProps as ne}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as Xt}from"@crossmint/client-sdk-base";import Jt from"bs58";import{IncomingInternalEvents as tt,OutgoingInternalEvents as et,crossmintIFrameService as Yt,embeddedCheckoutPropsToUpdatableParamsPayload as zt}from"@crossmint/client-sdk-base";import Vt from"lodash.isequal";import{useEffect as _t,useRef as jt}from"react";function S(t,e){let o=jt(e);_t(()=>{if(e.some((r,d)=>!Vt(r,o.current[d])))return o.current=e,t()},[e])}import{useEffect as Q,useState as Z}from"react";import{IncomingInternalEvents as Ht,crossmintIFrameService as Kt}from"@crossmint/client-sdk-base";import{jsx as $t}from"react/jsx-runtime";function b(o){var n=o,{onInternalEvent:t}=n,e=w(n,["onInternalEvent"]);let{getUrl:r,listenToEvents:d,listenToInternalEvents:c}=Kt(e),[i,a]=Z(0),[s]=Z(r(e));return Q(()=>{let l=d(m=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,m.data)});return()=>{l()}},[]),Q(()=>{let l=c(m=>{let{type:f,payload:p}=m.data;f===Ht.UI_HEIGHT_CHANGED&&a(p.height),t==null||t(m.data)});return()=>{l()}},[]),$t("iframe",{src:s,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${i}px`}})}import{jsx as Gt}from"react/jsx-runtime";function M(t){let{emitInternalEvent:e}=Yt(t),{signer:o,paymentMethod:n}=t;function r(a){let{type:s,payload:l}=a;if(s===tt.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:m}=l;console.log("[Crossmint] Received incoming transaction",m),d(m)}if(s===tt.CRYPTO_CHAIN_SWITCH){let{chain:m}=l;console.log("[Crossmint] Received change of chain",m);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(m)}}function d(a){return g(this,null,function*(){try{let s;switch(n){case"SOL":s=yield c(o,a);break;case"ETH":s=yield i(o,a);break;default:throw new Error(`Unsupported payment method ${n}`)}console.log("[Crossmint] Signed and sent transaction",s),e({type:et.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:et.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(a,s){return g(this,null,function*(){let{Transaction:l}=yield import("@solana/web3.js"),m=l.from(Jt.decode(s));return console.log("[Crossmint] Deserialized SOL transaction",m),yield a.signAndSendTransaction(m)})}function i(a,s){return g(this,null,function*(){let{parse:l}=yield import("@ethersproject/transactions"),m=l(s);return console.log("[Crossmint] Deserialized ETH transaction",m),yield a.signAndSendTransaction(m)})}return S(()=>{e({type:"params-update",payload:zt(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),Gt(b,u({onInternalEvent:r},t))}import{jsx as qt}from"react/jsx-runtime";function ot(t){if(!Xt(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return qt(M,u({},t))}import{crossmintIFrameService as Qt,embeddedCheckoutPropsToUpdatableParamsPayload as Zt}from"@crossmint/client-sdk-base";import{jsx as te}from"react/jsx-runtime";function O(t){let{emitInternalEvent:e}=Qt(t);return S(()=>{e({type:"params-update",payload:Zt(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),te(b,u({},t))}import{jsx as ee}from"react/jsx-runtime";function nt(t){return ee(O,u({},t))}import{jsx as rt}from"react/jsx-runtime";function Xo(t){if(ne(t))return rt(nt,u({},t));if(oe(t))return rt(ot,u({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as de}from"react";import{useState as me}from"react";import{clientNames as ce,crossmintModalService as ue,crossmintPayButtonService as fe}from"@crossmint/client-sdk-base";import{useEffect as re,useState as ie}from"react";function B(){let[t,e]=ie(!0);return re(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as se}from"react-jss";var ae="#1e1e1e",it=t=>t==="light",st=t=>({buttonBgColor:it(t)?"white":ae,paragraphColor:it(t)?"black":"white"}),le={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},at=se(le);import{Fragment as ge,jsx as L,jsxs as pe}from"react/jsx-runtime";function Cn(t){let z=t,{className:e,disabled:o,onClick:n,style:r,tabIndex:d,theme:c="dark",mintTo:i,emailTo:a,listingId:s,auctionId:l,showOverlay:m=!0,mintConfig:f,whPassThroughArgs:p,environment:P,paymentMethod:h,preferredSigninMethod:y,dismissOverlayOnClick:gt,prepay:Ct,locale:J="en-US",currency:ht="usd",successCallbackURL:yt="",failureCallbackURL:wt="",loginEmail:Et="",projectId:St,getButtonText:R,checkoutProps:Y={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=z,N=w(z,["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"]),bt="clientId"in N?N.clientId:N.collectionId,[I,vt]=me(!1),{isServerSideRendering:Pt}=B(),{connect:It}=ue({clientId:bt,projectId:St,showOverlay:m,dismissOverlayOnClick:gt,setConnecting:vt,libVersion:E,environment:P,clientName:ce.reactUi,locale:J,currency:ht,successCallbackURL:yt,failureCallbackURL:wt,loginEmail:Et}),{getButtonText:kt,handleClick:xt}=fe({onClick:n,connecting:I,paymentMethod:h,locale:J,checkoutProps:Y}),Tt=Ft=>xt(Ft,()=>{It(f,i,a,s,p,h,y,Ct,Y)}),A=at(st(c)),Wt=de(()=>L("span",{className:A.crossmintParagraph,role:"button-paragraph",children:R!=null?R(I,h||"fiat"):kt(I)}),[I,R,h]);return L(ge,{children:!Pt&&pe("button",{className:`${A.crossmintButton} ${e||""}`,disabled:o,onClick:Tt,style:u({},r),tabIndex:d,children:[L("img",{className:A.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Wt]})})}import{createContext as Ce,useCallback as he,useContext as ye,useMemo as we,useRef as Ee,useState as Se}from"react";import{createCrossmint as be}from"@crossmint/common-sdk-base";var v="crossmint-session";function lt(){if(typeof document=="undefined")return;let t=document.cookie.split("; ").find(e=>e.startsWith(v));return t?t.split("=")[1]:void 0}import{jsx as ve}from"react/jsx-runtime";var dt=Ce(null);function Tn(o){var n=o,{children:t}=n,e=w(n,["children"]);var s;let[r,d]=Se(0),c=Ee(new Proxy(be(x(u({},e),{jwt:(s=e.jwt)!=null?s:lt()})),{set(l,m,f){return m==="jwt"&&l.jwt!==f&&d(p=>p+1),Reflect.set(l,m,f)}})),i=he(l=>{l!==c.current.jwt&&(c.current.jwt=l)},[]),a=we(()=>({get crossmint(){return c.current},setJwt:i}),[i,r]);return ve(dt.Provider,{value:a,children:t})}function T(t){let e=ye(dt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as Fe}from"react";import{createContext as Pe,useMemo as Ie,useState as ke}from"react";import{SmartWalletError as mt,SmartWalletSDK as xe}from"@crossmint/client-sdk-smart-wallet";import{jsx as We}from"react/jsx-runtime";var U=Pe({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function ct({children:t,defaultChain:e}){let{crossmint:o}=T("CrossmintWalletProvider must be used within CrossmintProvider"),n=Ie(()=>xe.init({clientApiKey:o.apiKey}),[o.apiKey]),[r,d]=ke({status:"not-loaded"}),c=(a={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>r.status=="in-progress"?(console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."}):o.jwt==null?{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'}:(g(this,null,function*(){try{d({status:"in-progress"});let l=yield n.getOrCreateWallet({jwt:o.jwt},e,a);d({status:"loaded",wallet:l})}catch(l){console.error("There was an error creating a wallet ",l),d(Te(l))}}),{startedCreation:!0}),i=()=>{d({status:"not-loaded"})};return We(U.Provider,{value:x(u({},r),{getOrCreateWallet:c,clearWallet:i}),children:t})}function Te(t){if(t instanceof mt)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new mt(`Unknown Wallet Error: ${e}`,o)}}function ut(){let t=Fe(U);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as Je}from"react";import{createContext as De,useEffect as K,useState as Ve}from"react";import{createPortal as _e}from"react-dom";import{validateApiKeyAndGetCrossmintBaseUrl as je}from"@crossmint/common-sdk-base";import{Dialog as Ne,Transition as V}from"@headlessui/react";import{Fragment as _,useEffect as Ae,useRef as Me,useState as Oe}from"react";import{z as W}from"zod";import{IFrameWindow as Be}from"@crossmint/client-sdk-window";import{jsx as ft,jsxs as Re}from"react/jsx-runtime";function D({className:t}){return Re("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[ft("path",{d:"M18 6 6 18"}),ft("path",{d:"m6 6 12 12"})]})}import{jsx as C,jsxs as pt}from"react/jsx-runtime";var Le={jwtToken:W.object({jwtToken:W.string()})},Ue={closeWindow:W.object({closeWindow:W.string()})};function H({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:n,appearance:r}){var l,m,f,p,P,h;let d=`${n}sdk/auth/frame?apiKey=${o}`;r!=null&&(d+=`&uiConfig=${encodeURIComponent(JSON.stringify(r))}`);let c=Me(null),[i,a]=Oe(null);Ae(()=>{if(i!=null)return i.on("jwtToken",y=>{e(y.jwtToken),i.off("jwtToken"),i.send("closeWindow",{closeWindow:"closeWindow"}),(i==null?void 0:i.iframe.contentWindow)!=null&&i.iframe.contentWindow.close(),t(!1)}),()=>{i&&(i.off("jwtToken"),i.iframe.contentWindow!=null&&i.iframe.contentWindow.close())}},[i,e,t]);let s=()=>g(this,null,function*(){if(c.current==null){console.error("Something wrong happened, please try again");return}let y=yield Be.init(c.current,{incomingEvents:Le,outgoingEvents:Ue});a(y)});return C(V.Root,{show:!0,as:_,children:pt(Ne,{as:"div",style:j.dialog,onClose:()=>t(!1),children:[C(V.Child,{as:_,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:C("div",{style:j.transitionBegin})}),C(V.Child,{as:_,enter:"ease-out duration-400",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-400",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:pt("div",{style:j.transitionEnd,onClick:y=>y.stopPropagation(),children:[C("div",{style:{position:"relative",width:"100%"},children:C("button",{type:"button","aria-label":"Close",style:{width:"1.5rem",position:"absolute",right:"1.5rem",top:"1.5rem",cursor:"pointer",color:(l=r==null?void 0:r.colors)==null?void 0:l.border,outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:C(D,{})})}),C("iframe",{ref:c,src:d,onLoad:s,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(f=(m=r==null?void 0:r.colors)==null?void 0:m.border)!=null?f:"#D0D5DD"}`,borderRadius:(p=r==null?void 0:r.borderRadius)!=null?p:"16px",padding:"48px 40px 32px",backgroundColor:(h=(P=r==null?void 0:r.colors)==null?void 0:P.background)!=null?h:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var j={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};import{Fragment as $e,jsx as F,jsxs as Ke}from"react/jsx-runtime";var $=De({login:()=>{},logout:()=>{},status:"logged-out"});function dr({embeddedWallets:t,children:e,appearance:o}){let{crossmint:n,setJwt:r}=T("CrossmintAuthProvider must be used within CrossmintProvider"),d=je(n.apiKey),[c,i]=Ve(!1),a=()=>{if(n.jwt!=null){console.log("User already logged in");return}i(!0)},s=()=>{document.cookie=`${v}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,r(void 0)};K(()=>{n.jwt!=null&&i(!1)},[n.jwt]),K(()=>{n.jwt&&(document.cookie=`${v}=${n.jwt}; path=/;SameSite=Lax;`)},[n.jwt]);let l=()=>n.jwt!=null?"logged-in":c?"in-progress":"logged-out";return F($.Provider,{value:{login:a,logout:s,jwt:n.jwt,status:l()},children:Ke(ct,{defaultChain:t.defaultChain,children:[F(He,{embeddedWallets:t,accessToken:n.jwt,children:e}),c?_e(F(H,{baseUrl:d,setModalOpen:i,setJwtToken:r,apiKey:n.apiKey,appearance:o}),document.body):null]})})}function He({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:n,clearWallet:r,status:d}=ut();return K(()=>{t.createOnLogin==="all-users"&&d==="not-loaded"&&o!=null&&n({type:t.type,signer:{type:"PASSKEY"}}),d==="loaded"&&o==null&&r()},[o,d]),F($e,{children:e})}function pr(){let t=Je($);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{CrossmintEvents as Sr,useCrossmintEvents as br}from"@crossmint/client-sdk-base";import{Chain as Pr}from"@crossmint/client-sdk-smart-wallet";export{$ as AuthContext,Pr as Chain,dr as CrossmintAuthProvider,Sr as CrossmintEvents,qe as CrossmintNFTCollectionView,oo as CrossmintNFTDetail,Cn as CrossmintPayButton,Xo as CrossmintPaymentElement,Tn as CrossmintProvider,ct as CrossmintWalletProvider,U as WalletContext,pr as useAuth,T as useCrossmint,br as useCrossmintEvents,ut as useWallet};
 //# sourceMappingURL=index.js.map