@crossmint/client-sdk-react-ui 1.3.24 → 1.4.0

package/dist/index.js

@@ -1,2 +1,2 @@
-var Mt=Object.defineProperty,Ft=Object.defineProperties;var Ot=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var z=(t,e,o)=>e in t?Mt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,u=(t,e)=>{for(var o in e||(e={}))J.call(e,o)&&z(t,o,e[o]);if(k)for(var o of k(e))G.call(e,o)&&z(t,o,e[o]);return t},q=(t,e)=>Ft(t,Ot(e));var v=(t,e)=>{var o={};for(var r in t)J.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&k)for(var r of k(t))e.indexOf(r)<0&&G.call(t,r)&&(o[r]=t[r]);return o};var f=(t,e,o)=>new Promise((r,n)=>{var l=s=>{try{i(o.next(s))}catch(a){n(a)}},c=s=>{try{i(o.throw(s))}catch(a){n(a)}},i=s=>s.done?r(s.value):Promise.resolve(s.value).then(l,c);i((o=o.apply(t,e)).next())});import{install as eo}from"@twind/core";import{defineConfig as Bt}from"@twind/core";import Dt from"@twind/preset-tailwind";var X=Bt({presets:[Dt()]});import{assertValidNFTCollectionViewProps as jt,getNFTCollectionViewSrc as Lt}from"@crossmint/client-sdk-base";var Q="1.3.24";var y=Q;import{jsx as Ut}from"react/jsx-runtime";function uo(t){jt(t);let e=Lt(t,y);return Ut("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as _t,getNFTDetailSrc as Ht}from"@crossmint/client-sdk-base";import{jsx as Kt}from"react/jsx-runtime";function ho(t){_t(t);let e=Ht(t,y);return Kt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as ae,isFiatEmbeddedCheckoutProps as le}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as ee}from"@crossmint/client-sdk-base";import Xt from"bs58";import{IncomingInternalEvents as et,OutgoingInternalEvents as ot,crossmintIFrameService as Qt,embeddedCheckoutPropsToUpdatableParamsPayload as Zt}from"@crossmint/client-sdk-base";import $t from"lodash.isequal";import{useEffect as Yt,useRef as zt}from"react";function w(t,e){let o=zt(e);Yt(()=>{if(e.some((n,l)=>!$t(n,o.current[l])))return o.current=e,t()},[e])}import{useEffect as Z,useState as tt}from"react";import{IncomingInternalEvents as Jt,crossmintIFrameService as Gt}from"@crossmint/client-sdk-base";import{jsx as qt}from"react/jsx-runtime";function E(o){var r=o,{onInternalEvent:t}=r,e=v(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:l,listenToInternalEvents:c}=Gt(e),[i,s]=tt(0),[a]=tt(n(e));return Z(()=>{let m=l(d=>{var p;return(p=e.onEvent)==null?void 0:p.call(e,d.data)});return()=>{m()}},[]),Z(()=>{let m=c(d=>{let{type:p,payload:h}=d.data;p===Jt.UI_HEIGHT_CHANGED&&s(h.height),t==null||t(d.data)});return()=>{m()}},[]),qt("iframe",{src:a,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 te}from"react/jsx-runtime";function R(t){let{emitInternalEvent:e}=Qt(t),{signer:o,paymentMethod:r}=t;function n(s){let{type:a,payload:m}=s;if(a===et.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=m;console.log("[Crossmint] Received incoming transaction",d),l(d)}if(a===et.CRYPTO_CHAIN_SWITCH){let{chain:d}=m;console.log("[Crossmint] Received change of chain",d);let p=o.handleChainSwitch;if(p==null)throw new Error("switchNetwork function should have been defined");p(d)}}function l(s){return f(this,null,function*(){try{let a;switch(r){case"SOL":a=yield c(o,s);break;case"ETH":a=yield i(o,s);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",a),e({type:ot.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:a}})}catch(a){console.error("[Crossmint] Failed to sign and send transaction",a),e({type:ot.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(s,a){return f(this,null,function*(){let{Transaction:m}=yield import("@solana/web3.js"),d=m.from(Xt.decode(a));return console.log("[Crossmint] Deserialized SOL transaction",d),yield s.signAndSendTransaction(d)})}function i(s,a){return f(this,null,function*(){let{parse:m}=yield import("@ethersproject/transactions"),d=m(a);return console.log("[Crossmint] Deserialized ETH transaction",d),yield s.signAndSendTransaction(d)})}return w(()=>{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]:[]]),te(E,u({onInternalEvent:n},t))}import{jsx as oe}from"react/jsx-runtime";function rt(t){if(!ee(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return oe(R,u({},t))}import{crossmintIFrameService as re,embeddedCheckoutPropsToUpdatableParamsPayload as ne}from"@crossmint/client-sdk-base";import{jsx as se}from"react/jsx-runtime";function M(t){let{emitInternalEvent:e}=re(t);return w(()=>{e({type:"params-update",payload:ne(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),se(E,u({},t))}import{jsx as ie}from"react/jsx-runtime";function nt(t){return ie(M,u({},t))}import{jsx as st}from"react/jsx-runtime";function Zo(t){if(le(t))return st(nt,u({},t));if(ae(t))return st(rt,u({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as fe}from"react";import{useState as ge}from"react";import{clientNames as Ce,crossmintModalService as he,crossmintPayButtonService as ye}from"@crossmint/client-sdk-base";import{useEffect as de,useState as me}from"react";function F(){let[t,e]=me(!0);return de(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as ce}from"react-jss";var ue="#1e1e1e",it=t=>t==="light",at=t=>({buttonBgColor:it(t)?"white":ue,paragraphColor:it(t)?"black":"white"}),pe={"@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"}},lt=ce(pe);import{Fragment as Ee,jsx as O,jsxs as we}from"react/jsx-runtime";function pr(t){let Y=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:l,theme:c="dark",mintTo:i,emailTo:s,listingId:a,auctionId:m,showOverlay:d=!0,mintConfig:p,whPassThroughArgs:h,environment:C,paymentMethod:b,preferredSigninMethod:Ct,dismissOverlayOnClick:ht,prepay:yt,locale:K="en-US",currency:wt="usd",successCallbackURL:Et="",failureCallbackURL:bt="",loginEmail:St="",projectId:kt,getButtonText:W,checkoutProps:$={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=Y,A=v(Y,["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"]),vt="clientId"in A?A.clientId:A.collectionId,[S,Pt]=ge(!1),{isServerSideRendering:xt}=F(),{connect:It}=he({clientId:vt,projectId:kt,showOverlay:d,dismissOverlayOnClick:ht,setConnecting:Pt,libVersion:y,environment:C,clientName:Ce.reactUi,locale:K,currency:wt,successCallbackURL:Et,failureCallbackURL:bt,loginEmail:St}),{getButtonText:Tt,handleClick:Wt}=ye({onClick:r,connecting:S,paymentMethod:b,locale:K,checkoutProps:$}),At=Rt=>Wt(Rt,()=>{It(p,i,s,a,h,b,Ct,yt,$)}),N=lt(at(c)),Nt=fe(()=>O("span",{className:N.crossmintParagraph,role:"button-paragraph",children:W!=null?W(S,b||"fiat"):Tt(S)}),[S,W,b]);return O(Ee,{children:!xt&&we("button",{className:`${N.crossmintButton} ${e||""}`,disabled:o,onClick:At,style:u({},n),tabIndex:l,children:[O("img",{className:N.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Nt]})})}import{createContext as be,useCallback as Se,useContext as ke,useMemo as ve,useRef as Pe,useState as xe}from"react";import{createCrossmint as Ie}from"@crossmint/common-sdk-base";import{jsx as Te}from"react/jsx-runtime";var dt=be(null);function wr({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=xe(0),l=Pe(new Proxy(Ie({apiKey:e,overrideBaseUrl:o}),{set(s,a,m){return a==="jwt"&&s.jwt!==m&&n(d=>d+1),Reflect.set(s,a,m)}})),c=Se(s=>{s!==l.current.jwt&&(l.current.jwt=s)},[]),i=ve(()=>({get crossmint(){return l.current},setJwt:c}),[c,r]);return Te(dt.Provider,{value:i,children:t})}function P(t){let e=ke(dt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as Oe}from"react";import{createContext as We,useMemo as Ae,useState as Ne}from"react";import{SmartWalletError as mt,SmartWalletSDK as Re}from"@crossmint/client-sdk-smart-wallet";import{jsx as Fe}from"react/jsx-runtime";var B=We({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function ct({children:t,defaultChain:e}){let{crossmint:o}=P("CrossmintWalletProvider must be used within CrossmintProvider"),r=Ae(()=>Re.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,l]=Ne({status:"not-loaded"}),c=(s={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>n.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".'}:(f(this,null,function*(){try{l({status:"in-progress"});let m=yield r.getOrCreateWallet({jwt:o.jwt},e,s);l({status:"loaded",wallet:m})}catch(m){console.error("There was an error creating a wallet ",m),l(Me(m))}}),{startedCreation:!0}),i=()=>{l({status:"not-loaded"})};return Fe(B.Provider,{value:q(u({},n),{getOrCreateWallet:c,clearWallet:i}),children:t})}function Me(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=Oe(B);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as to}from"react";import{createContext as Ye,useEffect as I,useState as ze}from"react";import{createPortal as Je}from"react-dom";import{validateApiKeyAndGetCrossmintBaseUrl as Ge}from"@crossmint/common-sdk-base";import{Dialog as je,Transition as V}from"@headlessui/react";import{Fragment as j,useEffect as Le,useRef as Ue,useState as _e}from"react";import{z as x}from"zod";import{IFrameWindow as He}from"@crossmint/client-sdk-window";import{jsx as pt,jsxs as Be}from"react/jsx-runtime";function D({className:t}){return Be("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:[pt("path",{d:"M18 6 6 18"}),pt("path",{d:"m6 6 12 12"})]})}import{clsx as De}from"clsx";import{twMerge as Ve}from"tailwind-merge";function ft(...t){return Ve(De(t))}import{jsx as g,jsxs as gt}from"react/jsx-runtime";var Ke={jwtToken:x.object({jwtToken:x.string()})},$e={closeWindow:x.object({closeWindow:x.string()})};function U({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:r,appearance:n}){var m,d,p,h;let l=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(l+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let c=Ue(null),[i,s]=_e(null);Le(()=>{if(i!=null)return i.on("jwtToken",C=>{e(C.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 a=()=>f(this,null,function*(){if(c.current==null){console.error("Something wrong happened, please try again");return}let C=yield He.init(c.current,{incomingEvents:Ke,outgoingEvents:$e});s(C)});return g(V.Root,{show:!0,as:j,children:gt(je,{as:"div",style:L.dialog,onClose:()=>t(!1),children:[g(V.Child,{as:j,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:g("div",{style:L.transitionBegin})}),g(V.Child,{as:j,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:gt("div",{style:L.transitionEnd,onClick:C=>C.stopPropagation(),children:[g("div",{style:{position:"relative",width:"100%"},children:g("button",{type:"button","aria-label":"Close",style:{width:"1.5rem",position:"absolute",right:"1.5rem",top:"1.5rem",cursor:"pointer",color:(d=(m=n==null?void 0:n.colors)==null?void 0:m.border)!=null?d:"#909ca3",outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:g(D,{})})}),g("iframe",{ref:c,src:l,onLoad:a,title:"Authentication Modal",className:ft("w-full h-[500px] border pt-12 pb-8",(p=n==null?void 0:n.colors)!=null&&p.border?`border-[${n.colors.border}]`:"border-[#D0D5DD]",n!=null&&n.borderRadius?`rounded-[${n.borderRadius}]`:"rounded-2xl",(h=n==null?void 0:n.colors)!=null&&h.background?`bg-[${n.colors.background}]`:"bg-white")})]})})]})})}var L={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 Ze,jsx as T,jsxs as Qe}from"react/jsx-runtime";var _="crossmint-session",H=Ye({login:()=>{},logout:()=>{},status:"logged-out"});function Xr({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n}=P("CrossmintAuthProvider must be used within CrossmintProvider"),l=Ge(r.apiKey),[c,i]=ze(!1);I(()=>{let d=Xe();d!=null&&n(d)},[]);let s=()=>{if(r.jwt!=null){console.log("User already logged in");return}i(!0)},a=()=>{document.cookie=`${_}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,n(void 0)};I(()=>{r.jwt!=null&&i(!1)},[r.jwt]),I(()=>{r.jwt&&(document.cookie=`${_}=${r.jwt}; path=/;SameSite=Lax;`)},[r.jwt]);let m=()=>r.jwt!=null?"logged-in":c?"in-progress":"logged-out";return T(H.Provider,{value:{login:s,logout:a,jwt:r.jwt,status:m()},children:Qe(ct,{defaultChain:t.defaultChain,children:[T(qe,{embeddedWallets:t,accessToken:r.jwt,children:e}),c?Je(T(U,{baseUrl:l,setModalOpen:i,setJwtToken:n,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function qe({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:l}=ut();return I(()=>{t.createOnLogin==="all-users"&&l==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),l==="loaded"&&o==null&&n()},[o,l]),T(Ze,{children:e})}function Xe(){let t=document.cookie.split("; ").find(e=>e.startsWith(_));return t?t.split("=")[1]:void 0}function on(){let t=to(H);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{CrossmintEvents as un,useCrossmintEvents as pn}from"@crossmint/client-sdk-base";import{Chain as gn,SmartWalletError as Cn,UserWalletAlreadyCreatedError as hn,AdminAlreadyUsedError as yn,AdminMismatchError as wn,PasskeyMismatchError as En,PasskeyPromptError as bn,PasskeyRegistrationError as Sn,PasskeyIncompatibleAuthenticatorError as kn,ConfigError as vn,SmartWalletsNotEnabledError as Pn,EVMSendTransactionError as xn,EVMSendTransactionExecutionRevertedError as In}from"@crossmint/client-sdk-smart-wallet";eo(X);export{yn as AdminAlreadyUsedError,wn as AdminMismatchError,H as AuthContext,gn as Chain,vn as ConfigError,Xr as CrossmintAuthProvider,un as CrossmintEvents,uo as CrossmintNFTCollectionView,ho as CrossmintNFTDetail,pr as CrossmintPayButton,Zo as CrossmintPaymentElement,wr as CrossmintProvider,ct as CrossmintWalletProvider,xn as EVMSendTransactionError,In as EVMSendTransactionExecutionRevertedError,kn as PasskeyIncompatibleAuthenticatorError,En as PasskeyMismatchError,bn as PasskeyPromptError,Sn as PasskeyRegistrationError,Cn as SmartWalletError,Pn as SmartWalletsNotEnabledError,hn as UserWalletAlreadyCreatedError,B as WalletContext,on as useAuth,P as useCrossmint,pn as useCrossmintEvents,ut as useWallet};
+var Bt=Object.defineProperty,Vt=Object.defineProperties;var Lt=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var q=(t,e,o)=>e in t?Bt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,p=(t,e)=>{for(var o in e||(e={}))Q.call(e,o)&&q(t,o,e[o]);if(P)for(var o of P(e))Z.call(e,o)&&q(t,o,e[o]);return t},tt=(t,e)=>Vt(t,Lt(e));var T=(t,e)=>{var o={};for(var r in t)Q.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&P)for(var r of P(t))e.indexOf(r)<0&&Z.call(t,r)&&(o[r]=t[r]);return o};var h=(t,e,o)=>new Promise((r,n)=>{var i=l=>{try{a(o.next(l))}catch(s){n(s)}},m=l=>{try{a(o.throw(l))}catch(s){n(s)}},a=l=>l.done?r(l.value):Promise.resolve(l.value).then(i,m);a((o=o.apply(t,e)).next())});import{install as fo}from"@twind/core";import{defineConfig as jt}from"@twind/core";import Ht from"@twind/preset-tailwind";var et=jt({presets:[Ht()]});import{assertValidNFTCollectionViewProps as $t,getNFTCollectionViewSrc as Jt}from"@crossmint/client-sdk-base";var ot="1.4.0";var E=ot;import{jsx as Yt}from"react/jsx-runtime";function So(t){$t(t);let e=Jt(t,E);return Yt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as zt,getNFTDetailSrc as Gt}from"@crossmint/client-sdk-base";import{jsx as Xt}from"react/jsx-runtime";function Io(t){zt(t);let e=Gt(t,E);return Xt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as fe,isFiatEmbeddedCheckoutProps as pe}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as ae}from"@crossmint/client-sdk-base";import re from"bs58";import{IncomingInternalEvents as st,OutgoingInternalEvents as it,crossmintIFrameService as ne,embeddedCheckoutPropsToUpdatableParamsPayload as se}from"@crossmint/client-sdk-base";import qt from"lodash.isequal";import{useEffect as Qt,useRef as Zt}from"react";function w(t,e){let o=Zt(e);Qt(()=>{if(e.some((n,i)=>!qt(n,o.current[i])))return o.current=e,t()},[e])}import{useEffect as rt,useState as nt}from"react";import{IncomingInternalEvents as te,crossmintIFrameService as ee}from"@crossmint/client-sdk-base";import{jsx as oe}from"react/jsx-runtime";function k(o){var r=o,{onInternalEvent:t}=r,e=T(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:i,listenToInternalEvents:m}=ee(e),[a,l]=nt(0),[s]=nt(n(e));return rt(()=>{let c=i(d=>{var u;return(u=e.onEvent)==null?void 0:u.call(e,d.data)});return()=>{c()}},[]),rt(()=>{let c=m(d=>{let{type:u,payload:g}=d.data;u===te.UI_HEIGHT_CHANGED&&l(g.height),t==null||t(d.data)});return()=>{c()}},[]),oe("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:`${a}px`}})}import{jsx as ie}from"react/jsx-runtime";function N(t){let{emitInternalEvent:e}=ne(t),{signer:o,paymentMethod:r}=t;function n(l){let{type:s,payload:c}=l;if(s===st.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=c;console.log("[Crossmint] Received incoming transaction",d),i(d)}if(s===st.CRYPTO_CHAIN_SWITCH){let{chain:d}=c;console.log("[Crossmint] Received change of chain",d);let u=o.handleChainSwitch;if(u==null)throw new Error("switchNetwork function should have been defined");u(d)}}function i(l){return h(this,null,function*(){try{let s;switch(r){case"SOL":s=yield m(o,l);break;case"ETH":s=yield a(o,l);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",s),e({type:it.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:it.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function m(l,s){return h(this,null,function*(){let{Transaction:c}=yield import("@solana/web3.js"),d=c.from(re.decode(s));return console.log("[Crossmint] Deserialized SOL transaction",d),yield l.signAndSendTransaction(d)})}function a(l,s){return h(this,null,function*(){let{parse:c}=yield import("@ethersproject/transactions"),d=c(s);return console.log("[Crossmint] Deserialized ETH transaction",d),yield l.signAndSendTransaction(d)})}return w(()=>{e({type:"params-update",payload:se(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),ie(k,p({onInternalEvent:n},t))}import{jsx as le}from"react/jsx-runtime";function at(t){if(!ae(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return le(N,p({},t))}import{crossmintIFrameService as ce,embeddedCheckoutPropsToUpdatableParamsPayload as de}from"@crossmint/client-sdk-base";import{jsx as me}from"react/jsx-runtime";function O(t){let{emitInternalEvent:e}=ce(t);return w(()=>{e({type:"params-update",payload:de(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),me(k,p({},t))}import{jsx as ue}from"react/jsx-runtime";function lt(t){return ue(O,p({},t))}import{jsx as ct}from"react/jsx-runtime";function dr(t){if(pe(t))return ct(lt,p({},t));if(fe(t))return ct(at,p({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as we}from"react";import{useState as ke}from"react";import{clientNames as be,crossmintModalService as Se,crossmintPayButtonService as ve}from"@crossmint/client-sdk-base";import{useEffect as he,useState as ge}from"react";function D(){let[t,e]=ge(!0);return he(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as Ce}from"react-jss";var ye="#1e1e1e",dt=t=>t==="light",mt=t=>({buttonBgColor:dt(t)?"white":ye,paragraphColor:dt(t)?"black":"white"}),Ee={"@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"}},ut=Ce(Ee);import{Fragment as Te,jsx as U,jsxs as Pe}from"react/jsx-runtime";function vr(t){let X=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:i,theme:m="dark",mintTo:a,emailTo:l,listingId:s,auctionId:c,showOverlay:d=!0,mintConfig:u,whPassThroughArgs:g,environment:f,paymentMethod:S,preferredSigninMethod:bt,dismissOverlayOnClick:St,prepay:vt,locale:z="en-US",currency:Pt="usd",successCallbackURL:Tt="",failureCallbackURL:xt="",loginEmail:It="",projectId:Wt,getButtonText:R,checkoutProps:G={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=X,F=T(X,["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"]),At="clientId"in F?F.clientId:F.collectionId,[v,Rt]=ke(!1),{isServerSideRendering:Ft}=D(),{connect:Mt}=Se({clientId:At,projectId:Wt,showOverlay:d,dismissOverlayOnClick:St,setConnecting:Rt,libVersion:E,environment:f,clientName:be.reactUi,locale:z,currency:Pt,successCallbackURL:Tt,failureCallbackURL:xt,loginEmail:It}),{getButtonText:Nt,handleClick:Ot}=ve({onClick:r,connecting:v,paymentMethod:S,locale:z,checkoutProps:G}),Dt=_t=>Ot(_t,()=>{Mt(u,a,l,s,g,S,bt,vt,G)}),M=ut(mt(m)),Ut=we(()=>U("span",{className:M.crossmintParagraph,role:"button-paragraph",children:R!=null?R(v,S||"fiat"):Nt(v)}),[v,R,S]);return U(Te,{children:!Ft&&Pe("button",{className:`${M.crossmintButton} ${e||""}`,disabled:o,onClick:Dt,style:p({},n),tabIndex:i,children:[U("img",{className:M.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Ut]})})}import{createContext as xe,useCallback as ft,useContext as Ie,useMemo as We,useRef as Ae,useState as Re}from"react";import{createCrossmint as Fe}from"@crossmint/common-sdk-base";import{jsx as Me}from"react/jsx-runtime";var pt=xe(null);function Ar({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=Re(0),i=Ae(new Proxy(Fe({apiKey:e,overrideBaseUrl:o}),{set(s,c,d){return c==="jwt"&&s.jwt!==d&&n(u=>u+1),c==="refreshToken"&&s.refreshToken!==d&&n(u=>u+1),Reflect.set(s,c,d)}})),m=ft(s=>{s!==i.current.jwt&&(i.current.jwt=s)},[]),a=ft(s=>{s!==i.current.refreshToken&&(i.current.refreshToken=s)},[]),l=We(()=>({get crossmint(){return i.current},setJwt:m,setRefreshToken:a}),[m,a,r]);return Me(pt.Provider,{value:l,children:t})}function x(t){let e=Ie(pt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as Ve}from"react";import{createContext as Ne,useMemo as Oe,useState as De}from"react";import{SmartWalletError as ht,SmartWalletSDK as Ue}from"@crossmint/client-sdk-smart-wallet";import{jsx as Be}from"react/jsx-runtime";var _=Ne({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function gt({children:t,defaultChain:e}){let{crossmint:o}=x("CrossmintWalletProvider must be used within CrossmintProvider"),r=Oe(()=>Ue.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,i]=De({status:"not-loaded"}),m=(l={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>n.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".'}:(h(this,null,function*(){try{i({status:"in-progress"});let c=yield r.getOrCreateWallet({jwt:o.jwt},e,l);i({status:"loaded",wallet:c})}catch(c){console.error("There was an error creating a wallet ",c),i(_e(c))}}),{startedCreation:!0}),a=()=>{i({status:"not-loaded"})};return Be(_.Provider,{value:tt(p({},n),{getOrCreateWallet:m,clearWallet:a}),children:t})}function _e(t){if(t instanceof ht)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 ht(`Unknown Wallet Error: ${e}`,o)}}function Ct(){let t=Ve(_);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as so}from"react";var I="crossmint-session",b="crossmint-refresh-token";function W(t){let e=document.cookie.split("; ").find(o=>o.startsWith(t));return e?e.split("=")[1]:void 0}function B(t,e,o){let r=o?new Date(o).toUTCString():"";document.cookie=`${t}=${e}; ${o?`expires=${r};`:""} path=/; SameSite=Lax;`}function V(t){document.cookie=`${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`}import{createContext as qe,useEffect as J,useState as Qe}from"react";import{createPortal as Ze}from"react-dom";import{CrossmintAuthService as to}from"@crossmint/client-sdk-auth-core/client";import{validateApiKeyAndGetCrossmintBaseUrl as eo}from"@crossmint/common-sdk-base";import{Dialog as Ke,Transition as j}from"@headlessui/react";import{Fragment as H,useEffect as $e,useRef as Je,useState as Ye}from"react";import{z as y}from"zod";import{IFrameWindow as ze}from"@crossmint/client-sdk-window";import{jsx as yt,jsxs as Le}from"react/jsx-runtime";function L({className:t}){return Le("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:[yt("path",{d:"M18 6 6 18"}),yt("path",{d:"m6 6 12 12"})]})}import{clsx as je}from"clsx";import{twMerge as He}from"tailwind-merge";function Et(...t){return He(je(t))}import{jsx as C,jsxs as wt}from"react/jsx-runtime";var Ge={authMaterialFromAuthFrame:y.object({jwtToken:y.string(),refreshToken:y.object({secret:y.string(),expiresAt:y.string()})})},Xe={closeWindow:y.object({closeWindow:y.string()})};function $({setModalOpen:t,setAuthMaterial:e,apiKey:o,baseUrl:r,appearance:n}){var c,d,u,g;let i=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(i+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let m=Je(null),[a,l]=Ye(null);$e(()=>{if(a!=null)return a.on("authMaterialFromAuthFrame",f=>{e(f),a.off("authMaterialFromAuthFrame"),a.send("closeWindow",{closeWindow:"closeWindow"}),(a==null?void 0:a.iframe.contentWindow)!=null&&a.iframe.contentWindow.close(),t(!1)}),()=>{a&&(a.off("authMaterialFromAuthFrame"),a.iframe.contentWindow!=null&&a.iframe.contentWindow.close())}},[a,e,t]);let s=()=>h(this,null,function*(){if(m.current==null){console.error("Something wrong happened, please try again");return}let f=yield ze.init(m.current,{incomingEvents:Ge,outgoingEvents:Xe});l(f)});return C(j.Root,{show:!0,as:H,children:wt(Ke,{as:"div",style:K.dialog,onClose:()=>t(!1),children:[C(j.Child,{as:H,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:K.transitionBegin})}),C(j.Child,{as:H,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:wt("div",{style:K.transitionEnd,onClick:f=>f.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:(d=(c=n==null?void 0:n.colors)==null?void 0:c.border)!=null?d:"#909ca3",outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:C(L,{})})}),C("iframe",{ref:m,src:i,onLoad:s,title:"Authentication Modal",className:Et("w-full h-[500px] border pt-12 pb-8",(u=n==null?void 0:n.colors)!=null&&u.border?`border-[${n.colors.border}]`:"border-[#D0D5DD]",n!=null&&n.borderRadius?`rounded-[${n.borderRadius}]`:"rounded-2xl",(g=n==null?void 0:n.colors)!=null&&g.background?`bg-[${n.colors.background}]`:"bg-white")})]})})]})})}var K={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 no,jsx as A,jsxs as ro}from"react/jsx-runtime";var Y=qe({login:()=>{},logout:()=>{},status:"logged-out"});function fn({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n,setRefreshToken:i}=x("CrossmintAuthProvider must be used within CrossmintProvider"),m=new to(r.apiKey),a=eo(r.apiKey),[l,s]=Qe(!1),c=f=>{B(I,f.jwtToken),B(b,f.refreshToken.secret,f.refreshToken.expiresAt),n(f.jwtToken),i(f.refreshToken.secret)},d=()=>{V(I),V(b),n(void 0),i(void 0)};kt({crossmintAuthService:m,setAuthMaterial:c,logout:d});let u=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)};J(()=>{if(r.jwt==null){let f=W(I);n(f)}},[]),J(()=>{r.jwt!=null&&s(!1)},[r.jwt]);let g=()=>r.jwt!=null?"logged-in":l?"in-progress":"logged-out";return A(Y.Provider,{value:{login:u,logout:d,jwt:r.jwt,refreshToken:r.refreshToken,status:g()},children:ro(gt,{defaultChain:t.defaultChain,children:[A(oo,{embeddedWallets:t,accessToken:r.jwt,children:e}),l?Ze(A($,{baseUrl:a,setModalOpen:s,setAuthMaterial:c,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function oo({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:i}=Ct();return J(()=>{t.createOnLogin==="all-users"&&i==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),i==="loaded"&&o==null&&n()},[o,i]),A(no,{children:e})}function yn(){let t=so(Y);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{useCallback as io,useEffect as ao,useRef as lo}from"react";import{getJWTExpiration as co}from"@crossmint/client-sdk-auth-core/client";import{queueTask as mo}from"@crossmint/client-sdk-base";var uo=120;function kt({crossmintAuthService:t,setAuthMaterial:e,logout:o}){let r=lo(null),n=io(()=>h(this,null,function*(){let i=W(b);if(i!=null)try{let m=yield t.refreshAuthMaterial(i);e(m);let a=co(m.jwtToken);if(a==null)throw new Error("Invalid JWT");let l=Date.now()/1e3,s=a-l-uo;if(s>0){let c=Date.now()+s*1e3;r.current=mo(n,c)}}catch(m){o(),console.error(m)}}),[]);ao(()=>(n(),()=>{r.current&&r.current.cancel()}),[])}import{CrossmintEvents as Mn,useCrossmintEvents as Nn}from"@crossmint/client-sdk-base";import{Chain as Dn,SmartWalletError as Un,UserWalletAlreadyCreatedError as _n,AdminAlreadyUsedError as Bn,AdminMismatchError as Vn,PasskeyMismatchError as Ln,PasskeyPromptError as jn,PasskeyRegistrationError as Hn,PasskeyIncompatibleAuthenticatorError as Kn,ConfigError as $n,SmartWalletsNotEnabledError as Jn,EVMSendTransactionError as Yn,EVMSendTransactionExecutionRevertedError as zn}from"@crossmint/client-sdk-smart-wallet";fo(et);export{Bn as AdminAlreadyUsedError,Vn as AdminMismatchError,Y as AuthContext,Dn as Chain,$n as ConfigError,fn as CrossmintAuthProvider,Mn as CrossmintEvents,So as CrossmintNFTCollectionView,Io as CrossmintNFTDetail,vr as CrossmintPayButton,dr as CrossmintPaymentElement,Ar as CrossmintProvider,gt as CrossmintWalletProvider,Yn as EVMSendTransactionError,zn as EVMSendTransactionExecutionRevertedError,Kn as PasskeyIncompatibleAuthenticatorError,Ln as PasskeyMismatchError,jn as PasskeyPromptError,Hn as PasskeyRegistrationError,Un as SmartWalletError,Jn as SmartWalletsNotEnabledError,_n as UserWalletAlreadyCreatedError,_ as WalletContext,yn as useAuth,x as useCrossmint,Nn as useCrossmintEvents,kt as useRefreshToken,Ct as useWallet};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/twind.config.ts","../src/components/CrossmintNFTCollectionView.tsx","../package.json","../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/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/utils/classNames.ts"],"sourcesContent":["import { install } from \"@twind/core\";\n\nimport twindConfig from \"./twind.config\";\n\n// Initialize twind with custom configuration\n// This sets up the CSS-in-JS styling solution for the entire application\ninstall(twindConfig);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n    type EVMSmartWallet,\n    type ExternalSigner,\n    type PasskeySigner,\n    Chain,\n    SmartWalletError,\n    UserWalletAlreadyCreatedError,\n    AdminAlreadyUsedError,\n    AdminMismatchError,\n    PasskeyMismatchError,\n    PasskeyPromptError,\n    PasskeyRegistrationError,\n    PasskeyIncompatibleAuthenticatorError,\n    ConfigError,\n    SmartWalletsNotEnabledError,\n    EVMSendTransactionError,\n    EVMSendTransactionExecutionRevertedError,\n} from \"@crossmint/client-sdk-smart-wallet\";\nexport type { CrossmintEvent, CrossmintEventMap } from \"@crossmint/client-sdk-base\";\n","import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind(/* options */)],\n    /* config */\n});\n","import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { 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","{\n    \"name\": \"@crossmint/client-sdk-react-ui\",\n    \"version\": \"1.3.24\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"type\": \"module\",\n    \"exports\": {\n        \"import\": \"./dist/index.js\",\n        \"require\": \"./dist/index.cjs\"\n    },\n    \"main\": \"./dist/index.cjs\",\n    \"module\": \"./dist/index.js\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\n        \"dist\",\n        \"src\",\n        \"LICENSE\"\n    ],\n    \"scripts\": {\n        \"build\": \"tsup src/index.ts --clean --external react,react-dom --format esm,cjs --outDir ./dist --minify --dts --sourcemap\",\n        \"dev\": \"tsup src/index.ts --clean --external react,react-dom --format esm,cjs --outDir ./dist --dts --sourcemap --watch\",\n        \"test\": \"vitest run\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth-core\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@headlessui/react\": \"2.1.5\",\n        \"@solana/web3.js\": \"1.95.1\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\n        \"bs58\": \"5.0.0\",\n        \"clsx\": \"2.1.1\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@types/lodash.isequal\": \"4.5.6\",\n        \"@types/react\": \"^18.3.0\",\n        \"@types/react-dom\": \"^18.3.0\",\n        \"react\": \"^18.3.0\",\n        \"react-dom\": \"^18.3.0\"\n    },\n    \"peerDependencies\": {\n        \"react\": \">=17.0.2\",\n        \"react-dom\": \">=17.0.2\"\n    }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n","import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport type { 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    type 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 { type 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    type CryptoEmbeddedCheckoutPropsWithSigner,\n    type ETHEmbeddedCheckoutSigner,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    type SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport type { 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 { type DependencyList, type 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    type CrossmintEmbeddedCheckoutProps,\n    type 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    type 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 type { 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 { type CSSProperties, type MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n    type CheckoutProps,\n    type 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 { type 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?: CustomStylingProps & {\n        theme?: any;\n    }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n","import { type ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { type 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    apiKey,\n    overrideBaseUrl,\n}: Omit<Crossmint, \"jwt\"> & {\n    children: ReactNode;\n}) {\n    const [version, setVersion] = useState(0);\n\n    const crossmintRef = useRef<Crossmint>(\n        new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {\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    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 { 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 { type ReactNode, createContext, useMemo, useState } from \"react\";\n\nimport {\n    type EVMSmartWallet,\n    type EVMSmartWalletChain,\n    SmartWalletError,\n    SmartWalletSDK,\n    type 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 { CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\n\nconst SESSION_PREFIX = \"crossmint-session\";\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    useEffect(() => {\n        const session = sessionFromClient();\n        if (session != null) {\n            setJwt(session);\n        }\n    }, []);\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\nfunction sessionFromClient(): string | undefined {\n    const crossmintSession = document.cookie.split(\"; \").find((row) => row.startsWith(SESSION_PREFIX));\n    return crossmintSession ? crossmintSession.split(\"=\")[1] : undefined;\n}\n","import { Dialog, Transition } from \"@headlessui/react\";\nimport { type CSSProperties, Fragment, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\n\nimport { IFrameWindow } from \"@crossmint/client-sdk-window\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport X from \"../../icons/x\";\nimport { classNames } from \"../../utils/classNames\";\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 ?? \"#909ca3\",\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                            className={classNames(\n                                \"w-full h-[500px] border pt-12 pb-8\",\n                                appearance?.colors?.border\n                                    ? `border-[${appearance.colors.border}]`\n                                    : \"border-[#D0D5DD]\",\n                                appearance?.borderRadius ? `rounded-[${appearance.borderRadius}]` : \"rounded-2xl\",\n                                appearance?.colors?.background ? `bg-[${appearance.colors.background}]` : \"bg-white\"\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","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines multiple class names into a single string.\n *\n * @param inputs - The class names to combine.\n * @returns The combined class names as a string.\n */\nexport function classNames(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["install","defineConfig","presetTailwind","twind_config_default","assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","version","LIB_VERSION","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","jsx","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","useCrossmint","missingContextMessage","context","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","clsx","twMerge","classNames","inputs","jsx","jsxs","incomingModalIframeEvents","z","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","iframeSrc","iframeRef","useRef","iframe","setIframe","useState","useEffect","data","handleIframeLoaded","__async","initIframe","IFrameWindow","Transition","Fragment","Dialog","styles","e","X","classNames","Fragment","jsx","jsxs","SESSION_PREFIX","AuthContext","createContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","validateApiKeyAndGetCrossmintBaseUrl","modalOpen","setModalOpen","useState","useEffect","session","sessionFromClient","login","logout","getAuthStatus","CrossmintWalletProvider","WalletManager","createPortal","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","crossmintSession","row","useAuth","context","useContext","AuthContext","CrossmintEvents","useCrossmintEvents","Chain","SmartWalletError","UserWalletAlreadyCreatedError","AdminAlreadyUsedError","AdminMismatchError","PasskeyMismatchError","PasskeyPromptError","PasskeyRegistrationError","PasskeyIncompatibleAuthenticatorError","ConfigError","SmartWalletsNotEnabledError","EVMSendTransactionError","EVMSendTransactionExecutionRevertedError","install","twind_config_default"]}
+{"version":3,"sources":["../src/index.ts","../src/twind.config.ts","../src/components/CrossmintNFTCollectionView.tsx","../package.json","../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/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/utils/authCookies.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx","../src/utils/classNames.ts","../src/hooks/useRefreshToken.ts"],"sourcesContent":["import { install } from \"@twind/core\";\n\nimport twindConfig from \"./twind.config\";\n\n// Initialize twind with custom configuration\n// This sets up the CSS-in-JS styling solution for the entire application\ninstall(twindConfig);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n    type EVMSmartWallet,\n    type PasskeySigner,\n    Chain,\n    SmartWalletError,\n    UserWalletAlreadyCreatedError,\n    AdminAlreadyUsedError,\n    AdminMismatchError,\n    PasskeyMismatchError,\n    PasskeyPromptError,\n    PasskeyRegistrationError,\n    PasskeyIncompatibleAuthenticatorError,\n    ConfigError,\n    SmartWalletsNotEnabledError,\n    EVMSendTransactionError,\n    EVMSendTransactionExecutionRevertedError,\n} from \"@crossmint/client-sdk-smart-wallet\";\nexport type { CrossmintEvent, CrossmintEventMap } from \"@crossmint/client-sdk-base\";\n","import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind(/* options */)],\n    /* config */\n});\n","import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { 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","{\n    \"name\": \"@crossmint/client-sdk-react-ui\",\n    \"version\": \"1.4.0\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"type\": \"module\",\n    \"exports\": {\n        \"import\": \"./dist/index.js\",\n        \"require\": \"./dist/index.cjs\"\n    },\n    \"main\": \"./dist/index.cjs\",\n    \"module\": \"./dist/index.js\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\n        \"dist\",\n        \"src\",\n        \"LICENSE\"\n    ],\n    \"scripts\": {\n        \"build\": \"tsup src/index.ts --clean --external react,react-dom --format esm,cjs --outDir ./dist --minify --dts --sourcemap\",\n        \"dev\": \"tsup src/index.ts --clean --external react,react-dom --format esm,cjs --outDir ./dist --dts --sourcemap --watch\",\n        \"test\": \"vitest run\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth-core\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@headlessui/react\": \"2.1.5\",\n        \"@solana/web3.js\": \"1.95.1\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\n        \"bs58\": \"5.0.0\",\n        \"clsx\": \"2.1.1\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@types/lodash.isequal\": \"4.5.6\",\n        \"@types/react\": \"^18.3.0\",\n        \"@types/react-dom\": \"^18.3.0\",\n        \"react\": \"^18.3.0\",\n        \"react-dom\": \"^18.3.0\"\n    },\n    \"peerDependencies\": {\n        \"react\": \">=17.0.2\",\n        \"react-dom\": \">=17.0.2\"\n    }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n","import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport type { 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    type 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 { type 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    type CryptoEmbeddedCheckoutPropsWithSigner,\n    type ETHEmbeddedCheckoutSigner,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    type SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport type { 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 { type DependencyList, type 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    type CrossmintEmbeddedCheckoutProps,\n    type 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    type 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 type { 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 { type CSSProperties, type MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n    type CheckoutProps,\n    type 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 { type 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?: CustomStylingProps & {\n        theme?: any;\n    }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n","import { type ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { type Crossmint, createCrossmint } from \"@crossmint/common-sdk-base\";\n\nexport interface CrossmintContext {\n    crossmint: Crossmint;\n    setJwt: (jwt: string | undefined) => void;\n    setRefreshToken: (refreshToken: string | undefined) => void;\n}\n\nconst CrossmintContext = createContext<CrossmintContext | null>(null);\n\nexport function CrossmintProvider({\n    children,\n    apiKey,\n    overrideBaseUrl,\n}: Omit<Crossmint, \"jwt\"> & {\n    children: ReactNode;\n}) {\n    const [version, setVersion] = useState(0);\n\n    const crossmintRef = useRef<Crossmint>(\n        new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {\n            set(target, prop, value) {\n                if (prop === \"jwt\" && target.jwt !== value) {\n                    setVersion((v) => v + 1);\n                }\n                if (prop === \"refreshToken\" && target.refreshToken !== value) {\n                    setVersion((v) => v + 1);\n                }\n                return Reflect.set(target, prop, value);\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 setRefreshToken = useCallback((refreshToken: string | undefined) => {\n        if (refreshToken !== crossmintRef.current.refreshToken) {\n            crossmintRef.current.refreshToken = refreshToken;\n        }\n    }, []);\n\n    const value = useMemo(\n        () => ({\n            get crossmint() {\n                return crossmintRef.current;\n            },\n            setJwt,\n            setRefreshToken,\n        }),\n        [setJwt, setRefreshToken, 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 { 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 { type ReactNode, createContext, useMemo, useState } from \"react\";\n\nimport {\n    type EVMSmartWallet,\n    type EVMSmartWalletChain,\n    SmartWalletError,\n    SmartWalletSDK,\n    type 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","export const SESSION_PREFIX = \"crossmint-session\";\nexport const REFRESH_TOKEN_PREFIX = \"crossmint-refresh-token\";\n\nexport function getCookie(name: string): string | undefined {\n    const crossmintRefreshToken = document.cookie.split(\"; \").find((row) => row.startsWith(name));\n    return crossmintRefreshToken ? crossmintRefreshToken.split(\"=\")[1] : undefined;\n}\n\nexport function setCookie(name: string, value: string, expiresAt?: string) {\n    const expiresInUtc = expiresAt ? new Date(expiresAt).toUTCString() : \"\";\n    document.cookie = `${name}=${value}; ${expiresAt ? `expires=${expiresInUtc};` : \"\"} path=/; SameSite=Lax;`;\n}\n\nexport function deleteCookie(name: string) {\n    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;\n}\n","import { REFRESH_TOKEN_PREFIX, SESSION_PREFIX, deleteCookie, getCookie, setCookie } from \"@/utils/authCookies\";\nimport { type ReactNode, createContext, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { CrossmintAuthService } from \"@crossmint/client-sdk-auth-core/client\";\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 { AuthMaterial, useCrossmint, useRefreshToken, useWallet } from \"../hooks\";\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    refreshToken?: 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, setRefreshToken } = useCrossmint(\n        \"CrossmintAuthProvider must be used within CrossmintProvider\"\n    );\n    const crossmintAuthService = new CrossmintAuthService(crossmint.apiKey);\n    const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const setAuthMaterial = (authMaterial: AuthMaterial) => {\n        setCookie(SESSION_PREFIX, authMaterial.jwtToken);\n        setCookie(REFRESH_TOKEN_PREFIX, authMaterial.refreshToken.secret, authMaterial.refreshToken.expiresAt);\n        setJwt(authMaterial.jwtToken);\n        setRefreshToken(authMaterial.refreshToken.secret);\n    };\n\n    const logout = () => {\n        deleteCookie(SESSION_PREFIX);\n        deleteCookie(REFRESH_TOKEN_PREFIX);\n        setJwt(undefined);\n        setRefreshToken(undefined);\n    };\n\n    useRefreshToken({ crossmintAuthService, setAuthMaterial, logout });\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    useEffect(() => {\n        if (crossmint.jwt == null) {\n            const jwt = getCookie(SESSION_PREFIX);\n            setJwt(jwt);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (crossmint.jwt == null) {\n            return;\n        }\n\n        setModalOpen(false);\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                refreshToken: crossmint.refreshToken,\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                              setAuthMaterial={setAuthMaterial}\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 { type CSSProperties, Fragment, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\n\nimport { IFrameWindow } from \"@crossmint/client-sdk-window\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport X from \"../../icons/x\";\nimport { classNames } from \"../../utils/classNames\";\n\nconst incomingModalIframeEvents = {\n    authMaterialFromAuthFrame: z.object({\n        jwtToken: z.string(),\n        refreshToken: z.object({\n            secret: z.string(),\n            expiresAt: z.string(),\n        }),\n    }),\n};\n\nconst outgoingModalIframeEvents = {\n    closeWindow: z.object({\n        closeWindow: z.string(),\n    }),\n};\n\ntype IncomingModalIframeEventsType = {\n    authMaterialFromAuthFrame: typeof incomingModalIframeEvents.authMaterialFromAuthFrame;\n};\n\ntype OutgoingModalIframeEventsType = {\n    closeWindow: typeof outgoingModalIframeEvents.closeWindow;\n};\n\ntype AuthModalProps = {\n    setModalOpen: (open: boolean) => void;\n    setAuthMaterial: (authMaterial: { jwtToken: string; refreshToken: { secret: string; expiresAt: string } }) => void;\n    apiKey: string;\n    baseUrl: string;\n    appearance?: UIConfig;\n};\n\nexport default function AuthModal({ setModalOpen, setAuthMaterial, 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(\"authMaterialFromAuthFrame\", (data) => {\n            setAuthMaterial(data);\n            iframe.off(\"authMaterialFromAuthFrame\");\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(\"authMaterialFromAuthFrame\");\n\n                if (iframe.iframe.contentWindow != null) {\n                    iframe.iframe.contentWindow.close();\n                }\n            }\n        };\n    }, [iframe, setAuthMaterial, 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 ?? \"#909ca3\",\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                            className={classNames(\n                                \"w-full h-[500px] border pt-12 pb-8\",\n                                appearance?.colors?.border\n                                    ? `border-[${appearance.colors.border}]`\n                                    : \"border-[#D0D5DD]\",\n                                appearance?.borderRadius ? `rounded-[${appearance.borderRadius}]` : \"rounded-2xl\",\n                                appearance?.colors?.background ? `bg-[${appearance.colors.background}]` : \"bg-white\"\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","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines multiple class names into a single string.\n *\n * @param inputs - The class names to combine.\n * @returns The combined class names as a string.\n */\nexport function classNames(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","import { useCallback, useEffect, useRef } from \"react\";\n\nimport type { CrossmintAuthService } from \"@crossmint/client-sdk-auth-core/client\";\nimport { getJWTExpiration } from \"@crossmint/client-sdk-auth-core/client\";\nimport { queueTask, type CancellableTask } from \"@crossmint/client-sdk-base\";\n\nimport { REFRESH_TOKEN_PREFIX, getCookie } from \"../utils/authCookies\";\n\n// 2 minutes before jwt expiration\nconst TIME_BEFORE_EXPIRING_JWT_IN_SECONDS = 120;\n\nexport type AuthMaterial = {\n    jwtToken: string;\n    refreshToken: {\n        secret: string;\n        expiresAt: string;\n    };\n};\n\ntype UseAuthTokenRefreshProps = {\n    crossmintAuthService: CrossmintAuthService;\n    setAuthMaterial: (authMaterial: AuthMaterial) => void;\n    logout: () => void;\n};\n\nexport function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps) {\n    const refreshTaskRef = useRef<CancellableTask | null>(null);\n\n    const refreshAuthMaterial = useCallback(async () => {\n        const refreshToken = getCookie(REFRESH_TOKEN_PREFIX);\n        if (refreshToken != null) {\n            try {\n                const result = await crossmintAuthService.refreshAuthMaterial(refreshToken);\n                setAuthMaterial(result);\n                const jwtExpiration = getJWTExpiration(result.jwtToken);\n\n                if (jwtExpiration == null) {\n                    throw new Error(\"Invalid JWT\");\n                }\n\n                const currentTime = Date.now() / 1000;\n                const timeToExpire = jwtExpiration - currentTime - TIME_BEFORE_EXPIRING_JWT_IN_SECONDS;\n                if (timeToExpire > 0) {\n                    const endTime = Date.now() + timeToExpire * 1000;\n                    refreshTaskRef.current = queueTask(refreshAuthMaterial, endTime);\n                }\n            } catch (error) {\n                logout();\n                console.error(error);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        refreshAuthMaterial();\n        return () => {\n            if (refreshTaskRef.current) {\n                refreshTaskRef.current.cancel();\n            }\n        };\n    }, []);\n}\n"],"mappings":"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","names":["install","defineConfig","presetTailwind","twind_config_default","assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","version","LIB_VERSION","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","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","jsx","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","setRefreshToken","refreshToken","useCrossmint","missingContextMessage","context","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","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","getCookie","name","crossmintRefreshToken","row","setCookie","value","expiresAt","expiresInUtc","deleteCookie","createContext","useEffect","useState","createPortal","CrossmintAuthService","validateApiKeyAndGetCrossmintBaseUrl","Dialog","Transition","Fragment","useEffect","useRef","useState","z","IFrameWindow","jsx","jsxs","X","className","clsx","twMerge","classNames","inputs","jsx","jsxs","incomingModalIframeEvents","z","outgoingModalIframeEvents","AuthModal","setModalOpen","setAuthMaterial","apiKey","baseUrl","appearance","_a","_b","_c","_d","iframeSrc","iframeRef","useRef","iframe","setIframe","useState","useEffect","data","handleIframeLoaded","__async","initIframe","IFrameWindow","Transition","Fragment","Dialog","styles","e","X","classNames","Fragment","jsx","jsxs","AuthContext","createContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","setRefreshToken","useCrossmint","crossmintAuthService","CrossmintAuthService","crossmintBaseUrl","validateApiKeyAndGetCrossmintBaseUrl","modalOpen","setModalOpen","useState","setAuthMaterial","authMaterial","setCookie","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","logout","deleteCookie","useRefreshToken","login","useEffect","jwt","getCookie","getAuthStatus","CrossmintWalletProvider","WalletManager","createPortal","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","useAuth","context","useContext","AuthContext","useCallback","useEffect","useRef","getJWTExpiration","queueTask","TIME_BEFORE_EXPIRING_JWT_IN_SECONDS","useRefreshToken","crossmintAuthService","setAuthMaterial","logout","refreshTaskRef","useRef","refreshAuthMaterial","useCallback","__async","refreshToken","getCookie","REFRESH_TOKEN_PREFIX","result","jwtExpiration","getJWTExpiration","currentTime","timeToExpire","endTime","queueTask","error","useEffect","CrossmintEvents","useCrossmintEvents","Chain","SmartWalletError","UserWalletAlreadyCreatedError","AdminAlreadyUsedError","AdminMismatchError","PasskeyMismatchError","PasskeyPromptError","PasskeyRegistrationError","PasskeyIncompatibleAuthenticatorError","ConfigError","SmartWalletsNotEnabledError","EVMSendTransactionError","EVMSendTransactionExecutionRevertedError","install","twind_config_default"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crossmint/client-sdk-react-ui",
-  "version": "1.3.24",
+  "version": "1.4.0",
   "repository": "https://github.com/Crossmint/crossmint-sdk",
   "license": "Apache-2.0",
   "author": "Paella Labs Inc",
@@ -31,11 +31,11 @@
     "tailwind-merge": "2.4.0",
     "tailwindcss": "3.4.10",
     "zod": "3.22.4",
-    "@crossmint/client-sdk-auth-core": "1.1.7",
-    "@crossmint/client-sdk-base": "1.2.7",
-    "@crossmint/client-sdk-smart-wallet": "0.1.17",
+    "@crossmint/client-sdk-auth-core": "1.2.0",
+    "@crossmint/client-sdk-base": "1.2.8",
+    "@crossmint/client-sdk-smart-wallet": "0.1.18",
     "@crossmint/client-sdk-window": "0.0.10",
-    "@crossmint/common-sdk-base": "0.1.4"
+    "@crossmint/common-sdk-base": "0.2.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "4.5.6",

package/src/components/auth/AuthModal.tsx

@@ -9,8 +9,12 @@ import X from "../../icons/x";
 import { classNames } from "../../utils/classNames";
 
 const incomingModalIframeEvents = {
-    jwtToken: z.object({
+    authMaterialFromAuthFrame: z.object({
         jwtToken: z.string(),
+        refreshToken: z.object({
+            secret: z.string(),
+            expiresAt: z.string(),
+        }),
     }),
 };
 
@@ -21,7 +25,7 @@ const outgoingModalIframeEvents = {
 };
 
 type IncomingModalIframeEventsType = {
-    jwtToken: typeof incomingModalIframeEvents.jwtToken;
+    authMaterialFromAuthFrame: typeof incomingModalIframeEvents.authMaterialFromAuthFrame;
 };
 
 type OutgoingModalIframeEventsType = {
@@ -30,13 +34,13 @@ type OutgoingModalIframeEventsType = {
 
 type AuthModalProps = {
     setModalOpen: (open: boolean) => void;
-    setJwtToken: (jwtToken: string) => void;
+    setAuthMaterial: (authMaterial: { jwtToken: string; refreshToken: { secret: string; expiresAt: string } }) => void;
     apiKey: string;
     baseUrl: string;
     appearance?: UIConfig;
 };
 
-export default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {
+export default function AuthModal({ setModalOpen, setAuthMaterial, apiKey, baseUrl, appearance }: AuthModalProps) {
     let iframeSrc = `${baseUrl}sdk/auth/frame?apiKey=${apiKey}`;
     if (appearance != null) {
         // The appearance object is serialized into a query parameter
@@ -54,9 +58,9 @@ export default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl,
             return;
         }
 
-        iframe.on("jwtToken", (data) => {
-            setJwtToken(data.jwtToken);
-            iframe.off("jwtToken");
+        iframe.on("authMaterialFromAuthFrame", (data) => {
+            setAuthMaterial(data);
+            iframe.off("authMaterialFromAuthFrame");
 
             iframe.send("closeWindow", {
                 closeWindow: "closeWindow",
@@ -70,14 +74,14 @@ export default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl,
 
         return () => {
             if (iframe) {
-                iframe.off("jwtToken");
+                iframe.off("authMaterialFromAuthFrame");
 
                 if (iframe.iframe.contentWindow != null) {
                     iframe.iframe.contentWindow.close();
                 }
             }
         };
-    }, [iframe, setJwtToken, setModalOpen]);
+    }, [iframe, setAuthMaterial, setModalOpen]);
 
     const handleIframeLoaded = async () => {
         if (iframeRef.current == null) {

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from "./useCrossmint";
 export * from "./useWallet";
 export * from "./useAuth";
+export * from "./useRefreshToken";