@crossmint/client-sdk-react-ui 1.3.12 → 1.3.14

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 wt,getNFTCollectionViewSrc as Pt}from"@crossmint/client-sdk-base";var g="1.3.12";import{jsx as bt}from"react/jsx-runtime";function ve(t){wt(t);let e=Pt(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 kt}from"react/jsx-runtime";function We(t){St(t);let e=vt(t,g);return kt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as Ut,isFiatEmbeddedCheckoutProps as Gt}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as Lt}from"@crossmint/client-sdk-base";import Ft from"bs58";import{IncomingInternalEvents as H,OutgoingInternalEvents as U,crossmintIFrameService as Ot,embeddedCheckoutPropsToUpdatableParamsPayload as Bt}from"@crossmint/client-sdk-base";import It 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)=>!It(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===H.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:i}=l;console.log("[Crossmint] Received incoming transaction",i),u(i)}if(n===H.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:U.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:n}})}catch(n){console.error("[Crossmint] Failed to sign and send transaction",n),e({type:U.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 Ht}from"react/jsx-runtime";function Y(t){return Ht(W,m({},t))}import{jsx as J}from"react/jsx-runtime";function So(t){if(Gt(t))return J(Y,m({},t));if(Ut(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 Uo(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:w,preferredSigninMethod:tt,dismissOverlayOnClick:et,prepay:ot,locale:O="en-US",currency:rt="usd",successCallbackURL:nt="",failureCallbackURL:st="",loginEmail:it="",projectId:at,getButtonText:k,checkoutProps:B={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=A,I=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 I?I.clientId:I.collectionId,[P,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:P,paymentMethod:w,locale:O,checkoutProps:B}),pt=gt=>Ct(gt,()=>{dt(C,d,s,n,h,w,tt,ot,B)}),x=j($(c)),ft=qt(()=>R("span",{className:x.crossmintParagraph,role:"button-paragraph",children:k!=null?k(P,w||"fiat"):ut(P)}),[P,k,w]);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}){let{crossmint:o,setJwt:r}=v("CrossmintAuthProvider must be used within CrossmintProvider");return X(ye,{setJwtToken:r,crossmint: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,Uo 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.14";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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../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","../src/index.ts"],"sourcesContent":["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.12\";\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\";\n\nimport { CrossmintWalletConfig, CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\n\nexport function CrossmintAuthProvider({\n    embeddedWallets,\n    children,\n}: {\n    embeddedWallets: CrossmintWalletConfig;\n    children: ReactNode;\n}) {\n    const { crossmint, setJwt } = useCrossmint(\"CrossmintAuthProvider must be used within CrossmintProvider\");\n\n    return (\n        <AuthCoreProvider setJwtToken={setJwt} crossmint={crossmint}>\n            <CrossmintWalletProvider config={embeddedWallets}>{children}</CrossmintWalletProvider>\n        </AuthCoreProvider>\n    );\n}\n","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"],"mappings":"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","names":["assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","LIB_VERSION","jsx","CrossmintNFTCollectionView","props","assertValidNFTCollectionViewProps","src","getNFTCollectionViewSrc","LIB_VERSION","assertValidValidateNFTDetailProps","getNFTDetailSrc","jsx","CrossmintNFTDetail","props","assertValidValidateNFTDetailProps","src","getNFTDetailSrc","LIB_VERSION","isCryptoEmbeddedCheckoutProps","isFiatEmbeddedCheckoutProps","isCryptoEmbeddedCheckoutPropsWithSigner","bs58","IncomingInternalEvents","OutgoingInternalEvents","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","isEqual","useEffect","useRef","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","useEffect","useState","IncomingInternalEvents","crossmintIFrameService","jsx","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","crossmintIFrameService","height","setHeight","useState","url","useEffect","clearListener","event","type","payload","IncomingInternalEvents","jsx","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","signer","paymentMethod","onInternalEvent","event","type","payload","IncomingInternalEvents","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","OutgoingInternalEvents","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintCryptoEmbeddedCheckout","props","isCryptoEmbeddedCheckoutPropsWithSigner","CryptoEmbeddedCheckoutIFrame","__spreadValues","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","jsx","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintPaymentElement","props","isFiatEmbeddedCheckoutProps","CrossmintFiatEmbeddedCheckout","__spreadValues","isCryptoEmbeddedCheckoutProps","CrossmintCryptoEmbeddedCheckout","useMemo","useState","clientNames","crossmintModalService","crossmintPayButtonService","useEffect","useState","useEnvironment","isServerSideRendering","setIsServerSideRendering","createUseStyles","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","Fragment","jsx","jsxs","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","useState","isServerSideRendering","useEnvironment","connect","crossmintModalService","LIB_VERSION","clientNames","getButtonTextInternal","handleClick","crossmintPayButtonService","_handleClick","event","classes","useStyles","formatProps","content","useMemo","__spreadValues","createContext","useCallback","useContext","useMemo","useRef","useState","getCachedJwt","createCrossmint","jsx","CrossmintContext","createContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","version","setVersion","useState","crossmintRef","useRef","createCrossmint","__spreadProps","__spreadValues","getCachedJwt","target","prop","value","v","setJwt","useCallback","jwt","useMemo","useCrossmint","missingContextMessage","context","useContext","createContext","useEffect","useMemo","useState","SmartWalletError","SmartWalletSDK","jsx","deriveErrorState","error","SmartWalletError","message","stack","WalletContext","createContext","__async","CrossmintWalletProvider","children","config","crossmint","useCrossmint","state","setState","useState","smartWalletSDK","useMemo","SmartWalletSDK","getOrCreateWalletInternal","jwt","wallet","useEffect","getOrCreateWalletExternal","__spreadProps","__spreadValues","useContext","useWallet","walletContext","WalletContext","useAuth","AuthCoreProvider","jsx","CrossmintAuthProvider","embeddedWallets","children","crossmint","setJwt","useCrossmint","AuthCoreProvider","CrossmintWalletProvider","CrossmintEvents","useCrossmintEvents","Chain"]}
+{"version":3,"sources":["../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","../src/index.ts"],"sourcesContent":["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.14\";\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","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"],"mappings":"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","names":["assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","LIB_VERSION","jsx","CrossmintNFTCollectionView","props","assertValidNFTCollectionViewProps","src","getNFTCollectionViewSrc","LIB_VERSION","assertValidValidateNFTDetailProps","getNFTDetailSrc","jsx","CrossmintNFTDetail","props","assertValidValidateNFTDetailProps","src","getNFTDetailSrc","LIB_VERSION","isCryptoEmbeddedCheckoutProps","isFiatEmbeddedCheckoutProps","isCryptoEmbeddedCheckoutPropsWithSigner","bs58","IncomingInternalEvents","OutgoingInternalEvents","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","isEqual","useEffect","useRef","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","useEffect","useState","IncomingInternalEvents","crossmintIFrameService","jsx","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","crossmintIFrameService","height","setHeight","useState","url","useEffect","clearListener","event","type","payload","IncomingInternalEvents","jsx","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","signer","paymentMethod","onInternalEvent","event","type","payload","IncomingInternalEvents","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","OutgoingInternalEvents","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintCryptoEmbeddedCheckout","props","isCryptoEmbeddedCheckoutPropsWithSigner","CryptoEmbeddedCheckoutIFrame","__spreadValues","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","jsx","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintPaymentElement","props","isFiatEmbeddedCheckoutProps","CrossmintFiatEmbeddedCheckout","__spreadValues","isCryptoEmbeddedCheckoutProps","CrossmintCryptoEmbeddedCheckout","useMemo","useState","clientNames","crossmintModalService","crossmintPayButtonService","useEffect","useState","useEnvironment","isServerSideRendering","setIsServerSideRendering","createUseStyles","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","Fragment","jsx","jsxs","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","useState","isServerSideRendering","useEnvironment","connect","crossmintModalService","LIB_VERSION","clientNames","getButtonTextInternal","handleClick","crossmintPayButtonService","_handleClick","event","classes","useStyles","formatProps","content","useMemo","__spreadValues","createContext","useCallback","useContext","useMemo","useRef","useState","createCrossmint","SESSION_PREFIX","getCachedJwt","crossmintSession","row","SESSION_PREFIX","jsx","CrossmintContext","createContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","version","setVersion","useState","crossmintRef","useRef","createCrossmint","__spreadProps","__spreadValues","getCachedJwt","target","prop","value","v","setJwt","useCallback","jwt","useMemo","useCrossmint","missingContextMessage","context","useContext","useContext","createContext","useMemo","useState","SmartWalletError","SmartWalletSDK","jsx","WalletContext","createContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","useMemo","SmartWalletSDK","state","setState","useState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","SmartWalletError","message","stack","useWallet","walletContext","useContext","WalletContext","useContext","createContext","useEffect","useState","createPortal","validateApiKeyAndGetCrossmintBaseUrl","Dialog","Transition","Fragment","useEffect","useRef","useState","z","IFrameWindow","jsx","jsxs","X","className","jsx","jsxs","incomingModalIframeEvents","z","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","iframeSrc","iframeRef","useRef","iframe","setIframe","useState","useEffect","data","handleIframeLoaded","__async","initIframe","IFrameWindow","Transition","Fragment","Dialog","styles","e","X","Fragment","jsx","jsxs","AuthContext","createContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","validateApiKeyAndGetCrossmintBaseUrl","modalOpen","setModalOpen","useState","login","logout","SESSION_PREFIX","useEffect","getAuthStatus","CrossmintWalletProvider","WalletManager","createPortal","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","useAuth","context","useContext","AuthContext","CrossmintEvents","useCrossmintEvents","Chain"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crossmint/client-sdk-react-ui",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "repository": "https://github.com/Crossmint/crossmint-sdk",
   "license": "Apache-2.0",
   "author": "Paella Labs Inc",
@@ -20,21 +20,25 @@
   ],
   "dependencies": {
     "@ethersproject/transactions": "5.7.0",
+    "@headlessui/react": "2.1.5",
     "@solana/web3.js": "1.95.1",
     "bs58": "5.0.0",
     "lodash.isequal": "4.5.0",
     "react-jss": "10.10.0",
-    "@crossmint/client-sdk-auth-core": "1.1.4",
-    "@crossmint/client-sdk-base": "1.2.4",
-    "@crossmint/client-sdk-smart-wallet": "0.1.11",
-    "@crossmint/common-sdk-base": "0.1.2"
+    "tailwindcss": "3.4.10",
+    "zod": "3.22.4",
+    "@crossmint/client-sdk-auth-core": "1.1.6",
+    "@crossmint/client-sdk-base": "1.2.6",
+    "@crossmint/client-sdk-smart-wallet": "0.1.13",
+    "@crossmint/client-sdk-window": "0.0.10",
+    "@crossmint/common-sdk-base": "0.1.4"
   },
   "devDependencies": {
     "@types/lodash.isequal": "4.5.6",
-    "@types/react": "18.2.21",
-    "@types/react-dom": "18.2.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2",

package/src/components/auth/AuthModal.tsx

@@ -0,0 +1,196 @@
+import { Dialog, Transition } from "@headlessui/react";
+import { CSSProperties, Fragment, useEffect, useRef, useState } from "react";
+import { z } from "zod";
+
+import { IFrameWindow } from "@crossmint/client-sdk-window";
+import { UIConfig } from "@crossmint/common-sdk-base";
+
+import X from "../../icons/x";
+
+const incomingModalIframeEvents = {
+    jwtToken: z.object({
+        jwtToken: z.string(),
+    }),
+};
+
+const outgoingModalIframeEvents = {
+    closeWindow: z.object({
+        closeWindow: z.string(),
+    }),
+};
+
+type IncomingModalIframeEventsType = {
+    jwtToken: typeof incomingModalIframeEvents.jwtToken;
+};
+
+type OutgoingModalIframeEventsType = {
+    closeWindow: typeof outgoingModalIframeEvents.closeWindow;
+};
+
+type AuthModalProps = {
+    setModalOpen: (open: boolean) => void;
+    setJwtToken: (jwtToken: string) => void;
+    apiKey: string;
+    baseUrl: string;
+    appearance?: UIConfig;
+};
+
+export default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {
+    let iframeSrc = `${baseUrl}/sdk/auth/frame?apiKey=${apiKey}`;
+    if (appearance != null) {
+        // The appearance object is serialized into a query parameter
+        iframeSrc += `&uiConfig=${encodeURIComponent(JSON.stringify(appearance))}`;
+    }
+
+    const iframeRef = useRef<HTMLIFrameElement | null>(null);
+    const [iframe, setIframe] = useState<IFrameWindow<
+        IncomingModalIframeEventsType,
+        OutgoingModalIframeEventsType
+    > | null>(null);
+
+    useEffect(() => {
+        if (iframe == null) {
+            return;
+        }
+
+        iframe.on("jwtToken", (data) => {
+            setJwtToken(data.jwtToken);
+            iframe.off("jwtToken");
+
+            iframe.send("closeWindow", {
+                closeWindow: "closeWindow",
+            });
+
+            if (iframe?.iframe.contentWindow != null) {
+                iframe.iframe.contentWindow.close();
+            }
+            setModalOpen(false);
+        });
+
+        return () => {
+            if (iframe) {
+                iframe.off("jwtToken");
+
+                if (iframe.iframe.contentWindow != null) {
+                    iframe.iframe.contentWindow.close();
+                }
+            }
+        };
+    }, [iframe, setJwtToken, setModalOpen]);
+
+    const handleIframeLoaded = async () => {
+        if (iframeRef.current == null) {
+            // The iframe should be load, here we should log on DD if possible
+            console.error("Something wrong happened, please try again");
+            return;
+        }
+
+        const initIframe = await IFrameWindow.init(iframeRef.current, {
+            incomingEvents: incomingModalIframeEvents,
+            outgoingEvents: outgoingModalIframeEvents,
+        });
+        setIframe(initIframe);
+    };
+
+    return (
+        <Transition.Root show as={Fragment}>
+            <Dialog as="div" style={styles.dialog} onClose={() => setModalOpen(false)}>
+                <Transition.Child
+                    as={Fragment}
+                    enter="ease-out duration-400"
+                    enterFrom="opacity-0"
+                    enterTo="opacity-100"
+                    leave="ease-in duration-400"
+                    leaveFrom="opacity-100"
+                    leaveTo="opacity-0"
+                >
+                    <div style={styles.transitionBegin} />
+                </Transition.Child>
+                <Transition.Child
+                    as={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"
+                >
+                    <div style={styles.transitionEnd} onClick={(e) => e.stopPropagation()}>
+                        <div style={{ position: "relative", width: "100%" }}>
+                            <button
+                                type="button"
+                                aria-label="Close"
+                                style={{
+                                    width: "1.5rem",
+                                    position: "absolute",
+                                    right: "1.5rem",
+                                    top: "1.5rem",
+                                    cursor: "pointer",
+                                    color: appearance?.colors?.border,
+                                    outlineOffset: "4px",
+                                    borderRadius: "100%",
+                                }}
+                                onClick={() => setModalOpen(false)}
+                            >
+                                <X />
+                            </button>
+                        </div>
+                        <iframe
+                            ref={iframeRef}
+                            src={iframeSrc}
+                            onLoad={handleIframeLoaded}
+                            title="Authentication Modal"
+                            style={{
+                                width: "100%",
+                                height: "500px",
+                                border: `1px solid ${appearance?.colors?.border ?? "#D0D5DD"}`,
+                                borderRadius: appearance?.borderRadius ?? "16px",
+                                padding: "48px 40px 32px",
+                                backgroundColor: appearance?.colors?.background ?? "#FFFFFF",
+                                animation: "fadeIn 3s ease-in-out",
+                            }}
+                        />
+                    </div>
+                </Transition.Child>
+            </Dialog>
+        </Transition.Root>
+    );
+}
+
+const styles: { [key: string]: CSSProperties } = {
+    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,
+    },
+};

package/src/consts/version.ts

@@ -1 +1 @@
-export const LIB_VERSION = "1.3.12";
+export const LIB_VERSION = "1.3.14";

package/src/hooks/index.ts

@@ -1,3 +1,3 @@
 export * from "./useCrossmint";
 export * from "./useWallet";
-export { useAuth } from "@crossmint/client-sdk-auth-core/client";
+export * from "./useAuth";

package/src/hooks/useAuth.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+
+import { AuthContext } from "../providers";
+
+export function useAuth() {
+    const context = useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error("useAuth must be used within an AuthProvider");
+    }
+    return context;
+}

package/src/hooks/useCrossmint.tsx

@@ -1,8 +1,9 @@
 import { ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 
-import { getCachedJwt } from "@crossmint/client-sdk-auth-core/client";
 import { Crossmint, createCrossmint } from "@crossmint/common-sdk-base";
 
+import { getCachedJwt } from "../utils";
+
 export interface CrossmintContext {
     crossmint: Crossmint;
     setJwt: (jwt: string | undefined) => void;

package/src/hooks/useWallet.ts

@@ -1,6 +1,7 @@
-import { WalletContext } from "@/providers/CrossmintWalletProvider";
 import { useContext } from "react";
 
+import { WalletContext } from "../providers/CrossmintWalletProvider";
+
 export function useWallet() {
     const walletContext = useContext(WalletContext);