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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/hooks/useRefreshToken.ts +29 -17
  7. package/src/providers/CrossmintAuthProvider.tsx +1 -1
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var Te=Object.create;var F=Object.defineProperty,xe=Object.defineProperties,Ie=Object.getOwnPropertyDescriptor,We=Object.getOwnPropertyDescriptors,Ae=Object.getOwnPropertyNames,j=Object.getOwnPropertySymbols,Re=Object.getPrototypeOf,st=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable;var kt=(t,e,o)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,h=(t,e)=>{for(var o in e||(e={}))st.call(e,o)&&kt(t,o,e[o]);if(j)for(var o of j(e))bt.call(e,o)&&kt(t,o,e[o]);return t},St=(t,e)=>xe(t,We(e));var H=(t,e)=>{var o={};for(var r in t)st.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&j)for(var r of j(t))e.indexOf(r)<0&&bt.call(t,r)&&(o[r]=t[r]);return o};var Fe=(t,e)=>{for(var o in e)F(t,o,{get:e[o],enumerable:!0})},vt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ae(e))!st.call(t,n)&&n!==o&&F(t,n,{get:()=>e[n],enumerable:!(r=Ie(e,n))||r.enumerable});return t};var M=(t,e,o)=>(o=t!=null?Te(Re(t)):{},vt(e||!t||!t.__esModule?F(o,"default",{value:t,enumerable:!0}):o,t)),Me=t=>vt(F({},"__esModule",{value:!0}),t);var y=(t,e,o)=>new Promise((r,n)=>{var i=l=>{try{a(o.next(l))}catch(s){n(s)}},u=l=>{try{a(o.throw(l))}catch(s){n(s)}},a=l=>l.done?r(l.value):Promise.resolve(l.value).then(i,u);a((o=o.apply(t,e)).next())});var Ge={};Fe(Ge,{AdminAlreadyUsedError:()=>m.AdminAlreadyUsedError,AdminMismatchError:()=>m.AdminMismatchError,AuthContext:()=>tt,Chain:()=>m.Chain,ConfigError:()=>m.ConfigError,CrossmintAuthProvider:()=>$e,CrossmintEvents:()=>et.CrossmintEvents,CrossmintNFTCollectionView:()=>Oe,CrossmintNFTDetail:()=>De,CrossmintPayButton:()=>Ve,CrossmintPaymentElement:()=>Ue,CrossmintProvider:()=>Le,CrossmintWalletProvider:()=>dt,EVMSendTransactionError:()=>m.EVMSendTransactionError,EVMSendTransactionExecutionRevertedError:()=>m.EVMSendTransactionExecutionRevertedError,PasskeyIncompatibleAuthenticatorError:()=>m.PasskeyIncompatibleAuthenticatorError,PasskeyMismatchError:()=>m.PasskeyMismatchError,PasskeyPromptError:()=>m.PasskeyPromptError,PasskeyRegistrationError:()=>m.PasskeyRegistrationError,SmartWalletError:()=>m.SmartWalletError,SmartWalletsNotEnabledError:()=>m.SmartWalletsNotEnabledError,UserWalletAlreadyCreatedError:()=>m.UserWalletAlreadyCreatedError,WalletContext:()=>q,useAuth:()=>Ye,useCrossmint:()=>D,useCrossmintEvents:()=>et.useCrossmintEvents,useRefreshToken:()=>Ct,useWallet:()=>mt});module.exports=Me(Ge);var le=require("@twind/core");var Pt=require("@twind/core"),Tt=M(require("@twind/preset-tailwind"),1),xt=(0,Pt.defineConfig)({presets:[(0,Tt.default)()]});var K=require("@crossmint/client-sdk-base");var It="1.4.0";var T=It;var Wt=require("react/jsx-runtime");function Oe(t){(0,K.assertValidNFTCollectionViewProps)(t);let e=(0,K.getNFTCollectionViewSrc)(t,T);return(0,Wt.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var $=require("@crossmint/client-sdk-base");var At=require("react/jsx-runtime");function De(t){(0,$.assertValidValidateNFTDetailProps)(t);let e=(0,$.getNFTDetailSrc)(t,T);return(0,At.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var G=require("@crossmint/client-sdk-base");var Ot=require("@crossmint/client-sdk-base");var Mt=M(require("bs58"),1),E=require("@crossmint/client-sdk-base");var Rt=M(require("lodash.isequal"),1),J=require("react");function N(t,e){let o=(0,J.useRef)(e);(0,J.useEffect)(()=>{if(e.some((n,i)=>!(0,Rt.default)(n,o.current[i])))return o.current=e,t()},[e])}var x=require("react"),Y=require("@crossmint/client-sdk-base");var Ft=require("react/jsx-runtime");function O(o){var r=o,{onInternalEvent:t}=r,e=H(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:i,listenToInternalEvents:u}=(0,Y.crossmintIFrameService)(e),[a,l]=(0,x.useState)(0),[s]=(0,x.useState)(n(e));return(0,x.useEffect)(()=>{let c=i(d=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,d.data)});return()=>{c()}},[]),(0,x.useEffect)(()=>{let c=u(d=>{let{type:f,payload:b}=d.data;f===Y.IncomingInternalEvents.UI_HEIGHT_CHANGED&&l(b.height),t==null||t(d.data)});return()=>{c()}},[]),(0,Ft.jsx)("iframe",{src:s,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${a}px`}})}var Nt=require("react/jsx-runtime");function it(t){let{emitInternalEvent:e}=(0,E.crossmintIFrameService)(t),{signer:o,paymentMethod:r}=t;function n(l){let{type:s,payload:c}=l;if(s===E.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=c;console.log("[Crossmint] Received incoming transaction",d),i(d)}if(s===E.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:d}=c;console.log("[Crossmint] Received change of chain",d);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(d)}}function i(l){return y(this,null,function*(){try{let s;switch(r){case"SOL":s=yield u(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:E.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:E.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function u(l,s){return y(this,null,function*(){let{Transaction:c}=yield import("@solana/web3.js"),d=c.from(Mt.default.decode(s));return console.log("[Crossmint] Deserialized SOL transaction",d),yield l.signAndSendTransaction(d)})}function a(l,s){return y(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 N(()=>{e({type:"params-update",payload:(0,E.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),(0,Nt.jsx)(O,h({onInternalEvent:n},t))}var Ut=require("react/jsx-runtime");function Dt(t){if(!(0,Ot.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,Ut.jsx)(it,h({},t))}var z=require("@crossmint/client-sdk-base");var _t=require("react/jsx-runtime");function at(t){let{emitInternalEvent:e}=(0,z.crossmintIFrameService)(t);return N(()=>{e({type:"params-update",payload:(0,z.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,_t.jsx)(O,h({},t))}var Vt=require("react/jsx-runtime");function Bt(t){return(0,Vt.jsx)(at,h({},t))}var lt=require("react/jsx-runtime");function Ue(t){if((0,G.isFiatEmbeddedCheckoutProps)(t))return(0,lt.jsx)(Bt,h({},t));if((0,G.isCryptoEmbeddedCheckoutProps)(t))return(0,lt.jsx)(Dt,h({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var $t=require("react"),Jt=require("react"),I=require("@crossmint/client-sdk-base");var X=require("react");function ct(){let[t,e]=(0,X.useState)(!0);return(0,X.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var jt=require("react-jss"),_e="#1e1e1e",Lt=t=>t==="light",Ht=t=>({buttonBgColor:Lt(t)?"white":_e,paragraphColor:Lt(t)?"black":"white"}),Be={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},Kt=(0,jt.createUseStyles)(Be);var S=require("react/jsx-runtime");function Ve(t){let wt=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:i,theme:u="dark",mintTo:a,emailTo:l,listingId:s,auctionId:c,showOverlay:d=!0,mintConfig:f,whPassThroughArgs:b,environment:p,paymentMethod:V,preferredSigninMethod:ce,dismissOverlayOnClick:de,prepay:me,locale:yt="en-US",currency:ue="usd",successCallbackURL:fe="",failureCallbackURL:pe="",loginEmail:he="",projectId:ge,getButtonText:ot,checkoutProps:Et={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=wt,rt=H(wt,["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"]),Ce="clientId"in rt?rt.clientId:rt.collectionId,[L,ye]=(0,Jt.useState)(!1),{isServerSideRendering:Ee}=ct(),{connect:we}=(0,I.crossmintModalService)({clientId:Ce,projectId:ge,showOverlay:d,dismissOverlayOnClick:de,setConnecting:ye,libVersion:T,environment:p,clientName:I.clientNames.reactUi,locale:yt,currency:ue,successCallbackURL:fe,failureCallbackURL:pe,loginEmail:he}),{getButtonText:ke,handleClick:be}=(0,I.crossmintPayButtonService)({onClick:r,connecting:L,paymentMethod:V,locale:yt,checkoutProps:Et}),Se=Pe=>be(Pe,()=>{we(f,a,l,s,b,V,ce,me,Et)}),nt=Kt(Ht(u)),ve=(0,$t.useMemo)(()=>(0,S.jsx)("span",{className:nt.crossmintParagraph,role:"button-paragraph",children:ot!=null?ot(L,V||"fiat"):ke(L)}),[L,ot,V]);return(0,S.jsx)(S.Fragment,{children:!Ee&&(0,S.jsxs)("button",{className:`${nt.crossmintButton} ${e||""}`,disabled:o,onClick:Se,style:h({},n),tabIndex:i,children:[(0,S.jsx)("img",{className:nt.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ve]})})}var g=require("react"),Yt=require("@crossmint/common-sdk-base"),Gt=require("react/jsx-runtime"),zt=(0,g.createContext)(null);function Le({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=(0,g.useState)(0),i=(0,g.useRef)(new Proxy((0,Yt.createCrossmint)({apiKey:e,overrideBaseUrl:o}),{set(s,c,d){return c==="jwt"&&s.jwt!==d&&n(f=>f+1),c==="refreshToken"&&s.refreshToken!==d&&n(f=>f+1),Reflect.set(s,c,d)}})),u=(0,g.useCallback)(s=>{s!==i.current.jwt&&(i.current.jwt=s)},[]),a=(0,g.useCallback)(s=>{s!==i.current.refreshToken&&(i.current.refreshToken=s)},[]),l=(0,g.useMemo)(()=>({get crossmint(){return i.current},setJwt:u,setRefreshToken:a}),[u,a,r]);return(0,Gt.jsx)(zt.Provider,{value:l,children:t})}function D(t){let e=(0,g.useContext)(zt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var qt=require("react");var W=require("react"),U=require("@crossmint/client-sdk-smart-wallet");var Xt=require("react/jsx-runtime"),q=(0,W.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function dt({children:t,defaultChain:e}){let{crossmint:o}=D("CrossmintWalletProvider must be used within CrossmintProvider"),r=(0,W.useMemo)(()=>U.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,i]=(0,W.useState)({status:"not-loaded"}),u=(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".'}:(y(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(je(c))}}),{startedCreation:!0}),a=()=>{i({status:"not-loaded"})};return(0,Xt.jsx)(q.Provider,{value:St(h({},n),{getOrCreateWallet:u,clearWallet:a}),children:t})}function je(t){if(t instanceof U.SmartWalletError)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new U.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}function mt(){let t=(0,qt.useContext)(q);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var se=require("react");var Q="crossmint-session",_="crossmint-refresh-token";function Z(t){let e=document.cookie.split("; ").find(o=>o.startsWith(t));return e?e.split("=")[1]:void 0}function ut(t,e,o){let r=o?new Date(o).toUTCString():"";document.cookie=`${t}=${e}; ${o?`expires=${r};`:""} path=/; SameSite=Lax;`}function ft(t){document.cookie=`${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`}var P=require("react"),oe=require("react-dom"),re=require("@crossmint/client-sdk-auth-core/client"),ne=require("@crossmint/common-sdk-base");var A=require("@headlessui/react"),w=require("react"),v=require("zod"),ee=require("@crossmint/client-sdk-window");var B=require("react/jsx-runtime");function pt({className:t}){return(0,B.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,B.jsx)("path",{d:"M18 6 6 18"}),(0,B.jsx)("path",{d:"m6 6 12 12"})]})}var Qt=require("clsx"),Zt=require("tailwind-merge");function te(...t){return(0,Zt.twMerge)((0,Qt.clsx)(t))}var C=require("react/jsx-runtime"),He={authMaterialFromAuthFrame:v.z.object({jwtToken:v.z.string(),refreshToken:v.z.object({secret:v.z.string(),expiresAt:v.z.string()})})},Ke={closeWindow:v.z.object({closeWindow:v.z.string()})};function gt({setModalOpen:t,setAuthMaterial:e,apiKey:o,baseUrl:r,appearance:n}){var c,d,f,b;let i=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(i+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let u=(0,w.useRef)(null),[a,l]=(0,w.useState)(null);(0,w.useEffect)(()=>{if(a!=null)return a.on("authMaterialFromAuthFrame",p=>{e(p),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=()=>y(this,null,function*(){if(u.current==null){console.error("Something wrong happened, please try again");return}let p=yield ee.IFrameWindow.init(u.current,{incomingEvents:He,outgoingEvents:Ke});l(p)});return(0,C.jsx)(A.Transition.Root,{show:!0,as:w.Fragment,children:(0,C.jsxs)(A.Dialog,{as:"div",style:ht.dialog,onClose:()=>t(!1),children:[(0,C.jsx)(A.Transition.Child,{as:w.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,C.jsx)("div",{style:ht.transitionBegin})}),(0,C.jsx)(A.Transition.Child,{as:w.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-400",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:(0,C.jsxs)("div",{style:ht.transitionEnd,onClick:p=>p.stopPropagation(),children:[(0,C.jsx)("div",{style:{position:"relative",width:"100%"},children:(0,C.jsx)("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:(0,C.jsx)(pt,{})})}),(0,C.jsx)("iframe",{ref:u,src:i,onLoad:s,title:"Authentication Modal",className:te("w-full h-[500px] border pt-12 pb-8",(f=n==null?void 0:n.colors)!=null&&f.border?`border-[${n.colors.border}]`:"border-[#D0D5DD]",n!=null&&n.borderRadius?`rounded-[${n.borderRadius}]`:"rounded-2xl",(b=n==null?void 0:n.colors)!=null&&b.background?`bg-[${n.colors.background}]`:"bg-white")})]})})]})})}var ht={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};var k=require("react/jsx-runtime"),tt=(0,P.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function $e({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n,setRefreshToken:i}=D("CrossmintAuthProvider must be used within CrossmintProvider"),u=new re.CrossmintAuthService(r.apiKey),a=(0,ne.validateApiKeyAndGetCrossmintBaseUrl)(r.apiKey),[l,s]=(0,P.useState)(!1),c=p=>{ut(Q,p.jwtToken),ut(_,p.refreshToken.secret,p.refreshToken.expiresAt),n(p.jwtToken),i(p.refreshToken.secret)},d=()=>{ft(Q),ft(_),n(void 0),i(void 0)};Ct({crossmintAuthService:u,setAuthMaterial:c,logout:d});let f=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)};(0,P.useEffect)(()=>{if(r.jwt==null){let p=Z(Q);n(p)}},[]),(0,P.useEffect)(()=>{r.jwt!=null&&s(!1)},[r.jwt]);let b=()=>r.jwt!=null?"logged-in":l?"in-progress":"logged-out";return(0,k.jsx)(tt.Provider,{value:{login:f,logout:d,jwt:r.jwt,refreshToken:r.refreshToken,status:b()},children:(0,k.jsxs)(dt,{defaultChain:t.defaultChain,children:[(0,k.jsx)(Je,{embeddedWallets:t,accessToken:r.jwt,children:e}),l?(0,oe.createPortal)((0,k.jsx)(gt,{baseUrl:a,setModalOpen:s,setAuthMaterial:c,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function Je({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:i}=mt();return(0,P.useEffect)(()=>{t.createOnLogin==="all-users"&&i==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),i==="loaded"&&o==null&&n()},[o,i]),(0,k.jsx)(k.Fragment,{children:e})}function Ye(){let t=(0,se.useContext)(tt);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var R=require("react"),ie=require("@crossmint/client-sdk-auth-core/client"),ae=require("@crossmint/client-sdk-base");var ze=120;function Ct({crossmintAuthService:t,setAuthMaterial:e,logout:o}){let r=(0,R.useRef)(null),n=(0,R.useCallback)(()=>y(this,null,function*(){let i=Z(_);if(i!=null)try{let u=yield t.refreshAuthMaterial(i);e(u);let a=(0,ie.getJWTExpiration)(u.jwtToken);if(a==null)throw new Error("Invalid JWT");let l=Date.now()/1e3,s=a-l-ze;if(s>0){let c=Date.now()+s*1e3;r.current=(0,ae.queueTask)(n,c)}}catch(u){o(),console.error(u)}}),[]);(0,R.useEffect)(()=>(n(),()=>{r.current&&r.current.cancel()}),[])}var et=require("@crossmint/client-sdk-base"),m=require("@crossmint/client-sdk-smart-wallet");(0,le.install)(xt);0&&(module.exports={AdminAlreadyUsedError,AdminMismatchError,AuthContext,Chain,ConfigError,CrossmintAuthProvider,CrossmintEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,CrossmintProvider,CrossmintWalletProvider,EVMSendTransactionError,EVMSendTransactionExecutionRevertedError,PasskeyIncompatibleAuthenticatorError,PasskeyMismatchError,PasskeyPromptError,PasskeyRegistrationError,SmartWalletError,SmartWalletsNotEnabledError,UserWalletAlreadyCreatedError,WalletContext,useAuth,useCrossmint,useCrossmintEvents,useRefreshToken,useWallet});
1
+ "use strict";var xe=Object.create;var F=Object.defineProperty,Ie=Object.defineProperties,We=Object.getOwnPropertyDescriptor,Ae=Object.getOwnPropertyDescriptors,Re=Object.getOwnPropertyNames,j=Object.getOwnPropertySymbols,Fe=Object.getPrototypeOf,it=Object.prototype.hasOwnProperty,St=Object.prototype.propertyIsEnumerable;var bt=(t,e,o)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,h=(t,e)=>{for(var o in e||(e={}))it.call(e,o)&&bt(t,o,e[o]);if(j)for(var o of j(e))St.call(e,o)&&bt(t,o,e[o]);return t},vt=(t,e)=>Ie(t,Ae(e));var H=(t,e)=>{var o={};for(var r in t)it.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&j)for(var r of j(t))e.indexOf(r)<0&&St.call(t,r)&&(o[r]=t[r]);return o};var Me=(t,e)=>{for(var o in e)F(t,o,{get:e[o],enumerable:!0})},Pt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Re(e))!it.call(t,n)&&n!==o&&F(t,n,{get:()=>e[n],enumerable:!(r=We(e,n))||r.enumerable});return t};var M=(t,e,o)=>(o=t!=null?xe(Fe(t)):{},Pt(e||!t||!t.__esModule?F(o,"default",{value:t,enumerable:!0}):o,t)),Ne=t=>Pt(F({},"__esModule",{value:!0}),t);var y=(t,e,o)=>new Promise((r,n)=>{var i=l=>{try{a(o.next(l))}catch(s){n(s)}},u=l=>{try{a(o.throw(l))}catch(s){n(s)}},a=l=>l.done?r(l.value):Promise.resolve(l.value).then(i,u);a((o=o.apply(t,e)).next())});var Xe={};Me(Xe,{AdminAlreadyUsedError:()=>m.AdminAlreadyUsedError,AdminMismatchError:()=>m.AdminMismatchError,AuthContext:()=>tt,Chain:()=>m.Chain,ConfigError:()=>m.ConfigError,CrossmintAuthProvider:()=>Je,CrossmintEvents:()=>ot.CrossmintEvents,CrossmintNFTCollectionView:()=>De,CrossmintNFTDetail:()=>Ue,CrossmintPayButton:()=>Le,CrossmintPaymentElement:()=>_e,CrossmintProvider:()=>je,CrossmintWalletProvider:()=>mt,EVMSendTransactionError:()=>m.EVMSendTransactionError,EVMSendTransactionExecutionRevertedError:()=>m.EVMSendTransactionExecutionRevertedError,PasskeyIncompatibleAuthenticatorError:()=>m.PasskeyIncompatibleAuthenticatorError,PasskeyMismatchError:()=>m.PasskeyMismatchError,PasskeyPromptError:()=>m.PasskeyPromptError,PasskeyRegistrationError:()=>m.PasskeyRegistrationError,SmartWalletError:()=>m.SmartWalletError,SmartWalletsNotEnabledError:()=>m.SmartWalletsNotEnabledError,UserWalletAlreadyCreatedError:()=>m.UserWalletAlreadyCreatedError,WalletContext:()=>q,useAuth:()=>ze,useCrossmint:()=>D,useCrossmintEvents:()=>ot.useCrossmintEvents,useRefreshToken:()=>yt,useWallet:()=>ut});module.exports=Ne(Xe);var ce=require("@twind/core");var Tt=require("@twind/core"),xt=M(require("@twind/preset-tailwind"),1),It=(0,Tt.defineConfig)({presets:[(0,xt.default)()]});var K=require("@crossmint/client-sdk-base");var Wt="1.4.1";var T=Wt;var At=require("react/jsx-runtime");function De(t){(0,K.assertValidNFTCollectionViewProps)(t);let e=(0,K.getNFTCollectionViewSrc)(t,T);return(0,At.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var $=require("@crossmint/client-sdk-base");var Rt=require("react/jsx-runtime");function Ue(t){(0,$.assertValidValidateNFTDetailProps)(t);let e=(0,$.getNFTDetailSrc)(t,T);return(0,Rt.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var G=require("@crossmint/client-sdk-base");var Dt=require("@crossmint/client-sdk-base");var Nt=M(require("bs58"),1),E=require("@crossmint/client-sdk-base");var Ft=M(require("lodash.isequal"),1),J=require("react");function N(t,e){let o=(0,J.useRef)(e);(0,J.useEffect)(()=>{if(e.some((n,i)=>!(0,Ft.default)(n,o.current[i])))return o.current=e,t()},[e])}var x=require("react"),Y=require("@crossmint/client-sdk-base");var Mt=require("react/jsx-runtime");function O(o){var r=o,{onInternalEvent:t}=r,e=H(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:i,listenToInternalEvents:u}=(0,Y.crossmintIFrameService)(e),[a,l]=(0,x.useState)(0),[s]=(0,x.useState)(n(e));return(0,x.useEffect)(()=>{let c=i(d=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,d.data)});return()=>{c()}},[]),(0,x.useEffect)(()=>{let c=u(d=>{let{type:f,payload:b}=d.data;f===Y.IncomingInternalEvents.UI_HEIGHT_CHANGED&&l(b.height),t==null||t(d.data)});return()=>{c()}},[]),(0,Mt.jsx)("iframe",{src:s,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${a}px`}})}var Ot=require("react/jsx-runtime");function at(t){let{emitInternalEvent:e}=(0,E.crossmintIFrameService)(t),{signer:o,paymentMethod:r}=t;function n(l){let{type:s,payload:c}=l;if(s===E.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=c;console.log("[Crossmint] Received incoming transaction",d),i(d)}if(s===E.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:d}=c;console.log("[Crossmint] Received change of chain",d);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(d)}}function i(l){return y(this,null,function*(){try{let s;switch(r){case"SOL":s=yield u(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:E.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:E.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function u(l,s){return y(this,null,function*(){let{Transaction:c}=yield import("@solana/web3.js"),d=c.from(Nt.default.decode(s));return console.log("[Crossmint] Deserialized SOL transaction",d),yield l.signAndSendTransaction(d)})}function a(l,s){return y(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 N(()=>{e({type:"params-update",payload:(0,E.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),(0,Ot.jsx)(O,h({onInternalEvent:n},t))}var _t=require("react/jsx-runtime");function Ut(t){if(!(0,Dt.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,_t.jsx)(at,h({},t))}var z=require("@crossmint/client-sdk-base");var Bt=require("react/jsx-runtime");function lt(t){let{emitInternalEvent:e}=(0,z.crossmintIFrameService)(t);return N(()=>{e({type:"params-update",payload:(0,z.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,Bt.jsx)(O,h({},t))}var Lt=require("react/jsx-runtime");function Vt(t){return(0,Lt.jsx)(lt,h({},t))}var ct=require("react/jsx-runtime");function _e(t){if((0,G.isFiatEmbeddedCheckoutProps)(t))return(0,ct.jsx)(Vt,h({},t));if((0,G.isCryptoEmbeddedCheckoutProps)(t))return(0,ct.jsx)(Ut,h({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var Jt=require("react"),Yt=require("react"),I=require("@crossmint/client-sdk-base");var X=require("react");function dt(){let[t,e]=(0,X.useState)(!0);return(0,X.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Ht=require("react-jss"),Be="#1e1e1e",jt=t=>t==="light",Kt=t=>({buttonBgColor:jt(t)?"white":Be,paragraphColor:jt(t)?"black":"white"}),Ve={"@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"}},$t=(0,Ht.createUseStyles)(Ve);var S=require("react/jsx-runtime");function Le(t){let kt=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:i,theme:u="dark",mintTo:a,emailTo:l,listingId:s,auctionId:c,showOverlay:d=!0,mintConfig:f,whPassThroughArgs:b,environment:p,paymentMethod:V,preferredSigninMethod:de,dismissOverlayOnClick:me,prepay:ue,locale:Et="en-US",currency:fe="usd",successCallbackURL:pe="",failureCallbackURL:he="",loginEmail:ge="",projectId:Ce,getButtonText:rt,checkoutProps:wt={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=kt,nt=H(kt,["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"]),ye="clientId"in nt?nt.clientId:nt.collectionId,[L,Ee]=(0,Yt.useState)(!1),{isServerSideRendering:we}=dt(),{connect:ke}=(0,I.crossmintModalService)({clientId:ye,projectId:Ce,showOverlay:d,dismissOverlayOnClick:me,setConnecting:Ee,libVersion:T,environment:p,clientName:I.clientNames.reactUi,locale:Et,currency:fe,successCallbackURL:pe,failureCallbackURL:he,loginEmail:ge}),{getButtonText:be,handleClick:Se}=(0,I.crossmintPayButtonService)({onClick:r,connecting:L,paymentMethod:V,locale:Et,checkoutProps:wt}),ve=Te=>Se(Te,()=>{ke(f,a,l,s,b,V,de,ue,wt)}),st=$t(Kt(u)),Pe=(0,Jt.useMemo)(()=>(0,S.jsx)("span",{className:st.crossmintParagraph,role:"button-paragraph",children:rt!=null?rt(L,V||"fiat"):be(L)}),[L,rt,V]);return(0,S.jsx)(S.Fragment,{children:!we&&(0,S.jsxs)("button",{className:`${st.crossmintButton} ${e||""}`,disabled:o,onClick:ve,style:h({},n),tabIndex:i,children:[(0,S.jsx)("img",{className:st.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Pe]})})}var g=require("react"),zt=require("@crossmint/common-sdk-base"),Xt=require("react/jsx-runtime"),Gt=(0,g.createContext)(null);function je({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=(0,g.useState)(0),i=(0,g.useRef)(new Proxy((0,zt.createCrossmint)({apiKey:e,overrideBaseUrl:o}),{set(s,c,d){return c==="jwt"&&s.jwt!==d&&n(f=>f+1),c==="refreshToken"&&s.refreshToken!==d&&n(f=>f+1),Reflect.set(s,c,d)}})),u=(0,g.useCallback)(s=>{s!==i.current.jwt&&(i.current.jwt=s)},[]),a=(0,g.useCallback)(s=>{s!==i.current.refreshToken&&(i.current.refreshToken=s)},[]),l=(0,g.useMemo)(()=>({get crossmint(){return i.current},setJwt:u,setRefreshToken:a}),[u,a,r]);return(0,Xt.jsx)(Gt.Provider,{value:l,children:t})}function D(t){let e=(0,g.useContext)(Gt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var Qt=require("react");var W=require("react"),U=require("@crossmint/client-sdk-smart-wallet");var qt=require("react/jsx-runtime"),q=(0,W.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function mt({children:t,defaultChain:e}){let{crossmint:o}=D("CrossmintWalletProvider must be used within CrossmintProvider"),r=(0,W.useMemo)(()=>U.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,i]=(0,W.useState)({status:"not-loaded"}),u=(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".'}:(y(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(He(c))}}),{startedCreation:!0}),a=()=>{i({status:"not-loaded"})};return(0,qt.jsx)(q.Provider,{value:vt(h({},n),{getOrCreateWallet:u,clearWallet:a}),children:t})}function He(t){if(t instanceof U.SmartWalletError)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new U.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}function ut(){let t=(0,Qt.useContext)(q);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var ie=require("react");var Q="crossmint-session",_="crossmint-refresh-token";function Z(t){let e=document.cookie.split("; ").find(o=>o.startsWith(t));return e?e.split("=")[1]:void 0}function ft(t,e,o){let r=o?new Date(o).toUTCString():"";document.cookie=`${t}=${e}; ${o?`expires=${r};`:""} path=/; SameSite=Lax;`}function pt(t){document.cookie=`${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`}var P=require("react"),re=require("react-dom"),ne=require("@crossmint/client-sdk-auth-core/client"),se=require("@crossmint/common-sdk-base");var A=require("@headlessui/react"),w=require("react"),v=require("zod"),oe=require("@crossmint/client-sdk-window");var B=require("react/jsx-runtime");function ht({className:t}){return(0,B.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,B.jsx)("path",{d:"M18 6 6 18"}),(0,B.jsx)("path",{d:"m6 6 12 12"})]})}var Zt=require("clsx"),te=require("tailwind-merge");function ee(...t){return(0,te.twMerge)((0,Zt.clsx)(t))}var C=require("react/jsx-runtime"),Ke={authMaterialFromAuthFrame:v.z.object({jwtToken:v.z.string(),refreshToken:v.z.object({secret:v.z.string(),expiresAt:v.z.string()})})},$e={closeWindow:v.z.object({closeWindow:v.z.string()})};function Ct({setModalOpen:t,setAuthMaterial:e,apiKey:o,baseUrl:r,appearance:n}){var c,d,f,b;let i=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(i+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let u=(0,w.useRef)(null),[a,l]=(0,w.useState)(null);(0,w.useEffect)(()=>{if(a!=null)return a.on("authMaterialFromAuthFrame",p=>{e(p),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=()=>y(this,null,function*(){if(u.current==null){console.error("Something wrong happened, please try again");return}let p=yield oe.IFrameWindow.init(u.current,{incomingEvents:Ke,outgoingEvents:$e});l(p)});return(0,C.jsx)(A.Transition.Root,{show:!0,as:w.Fragment,children:(0,C.jsxs)(A.Dialog,{as:"div",style:gt.dialog,onClose:()=>t(!1),children:[(0,C.jsx)(A.Transition.Child,{as:w.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,C.jsx)("div",{style:gt.transitionBegin})}),(0,C.jsx)(A.Transition.Child,{as:w.Fragment,enter:"ease-out duration-400",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-400",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:(0,C.jsxs)("div",{style:gt.transitionEnd,onClick:p=>p.stopPropagation(),children:[(0,C.jsx)("div",{style:{position:"relative",width:"100%"},children:(0,C.jsx)("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:(0,C.jsx)(ht,{})})}),(0,C.jsx)("iframe",{ref:u,src:i,onLoad:s,title:"Authentication Modal",className:ee("w-full h-[500px] border pt-12 pb-8",(f=n==null?void 0:n.colors)!=null&&f.border?`border-[${n.colors.border}]`:"border-[#D0D5DD]",n!=null&&n.borderRadius?`rounded-[${n.borderRadius}]`:"rounded-2xl",(b=n==null?void 0:n.colors)!=null&&b.background?`bg-[${n.colors.background}]`:"bg-white")})]})})]})})}var gt={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};var k=require("react/jsx-runtime"),tt=(0,P.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function Je({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n,setRefreshToken:i}=D("CrossmintAuthProvider must be used within CrossmintProvider"),u=new ne.CrossmintAuthService(r.apiKey),a=(0,se.validateApiKeyAndGetCrossmintBaseUrl)(r.apiKey),[l,s]=(0,P.useState)(!1),c=p=>{ft(Q,p.jwtToken),ft(_,p.refreshToken.secret,p.refreshToken.expiresAt),n(p.jwtToken),i(p.refreshToken.secret)},d=()=>{pt(Q),pt(_),n(void 0),i(void 0)};yt({crossmintAuthService:u,setAuthMaterial:c,logout:d});let f=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)};(0,P.useEffect)(()=>{if(r.jwt==null){let p=Z(Q);n(p)}},[]),(0,P.useEffect)(()=>{r.jwt!=null&&s(!1)},[r.jwt]);let b=()=>r.jwt!=null?"logged-in":l?"in-progress":"logged-out";return(0,k.jsx)(tt.Provider,{value:{login:f,logout:d,jwt:r.jwt,refreshToken:r.refreshToken,status:b()},children:(0,k.jsxs)(mt,{defaultChain:t.defaultChain,children:[(0,k.jsx)(Ye,{embeddedWallets:t,accessToken:r.jwt,children:e}),l?(0,re.createPortal)((0,k.jsx)(Ct,{baseUrl:a,setModalOpen:s,setAuthMaterial:c,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function Ye({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:i}=ut();return(0,P.useEffect)(()=>{t.createOnLogin==="all-users"&&i==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),i==="loaded"&&o==null&&n()},[o,i]),(0,k.jsx)(k.Fragment,{children:e})}function ze(){let t=(0,ie.useContext)(tt);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var R=require("react"),ae=require("@crossmint/client-sdk-auth-core/client"),le=require("@crossmint/client-sdk-base");var Ge=120,et=null;function yt({crossmintAuthService:t,setAuthMaterial:e,logout:o}){let r=(0,R.useRef)(null),n=(0,R.useCallback)(()=>{if(et!=null)return et;let i=Z(_);i!=null&&(et=y(this,null,function*(){try{let u=yield t.refreshAuthMaterial(i);e(u);let a=(0,ae.getJWTExpiration)(u.jwtToken);if(a==null)throw new Error("Invalid JWT");let l=Date.now()/1e3,s=a-l-Ge;if(s>0){let c=Date.now()+s*1e3;r.current=(0,le.queueTask)(n,c)}}catch(u){o(),console.error(u)}finally{et=null}}))},[]);(0,R.useEffect)(()=>(n(),()=>{r.current&&r.current.cancel()}),[])}var ot=require("@crossmint/client-sdk-base"),m=require("@crossmint/client-sdk-smart-wallet");(0,ce.install)(It);0&&(module.exports={AdminAlreadyUsedError,AdminMismatchError,AuthContext,Chain,ConfigError,CrossmintAuthProvider,CrossmintEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,CrossmintProvider,CrossmintWalletProvider,EVMSendTransactionError,EVMSendTransactionExecutionRevertedError,PasskeyIncompatibleAuthenticatorError,PasskeyMismatchError,PasskeyPromptError,PasskeyRegistrationError,SmartWalletError,SmartWalletsNotEnabledError,UserWalletAlreadyCreatedError,WalletContext,useAuth,useCrossmint,useCrossmintEvents,useRefreshToken,useWallet});
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +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/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":"4xCAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,+GAAAE,GAAA,0EAAAC,GAAA,sEAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,4BAAAC,GAAA,sBAAAC,GAAA,4BAAAC,GAAA,8iBAAAC,EAAA,YAAAC,GAAA,iBAAAC,EAAA,iEAAAC,GAAA,cAAAC,KAAA,eAAAC,GAAAf,IAAA,IAAAgB,GAAwB,uBCAxB,IAAAC,GAA6B,uBAC7BC,GAA2B,uCAEpBC,MAAQ,iBAAa,CACxB,QAAS,IAAC,GAAAC,SAA4B,CAAC,CAE3C,CAAC,ECND,IAAAC,EAA2E,sCCEvE,IAAAC,GAAW,QCAR,IAAMC,EAAcC,GFSnB,IAAAC,GAAA,6BAND,SAASC,GAA2BC,EAA+B,IACtE,qCAAkCA,CAAK,EAEvC,IAAMC,KAAM,2BAAwBD,EAAOE,CAAW,EAEtD,SACI,QAAC,UACG,IAAKD,EACL,MAAM,OACN,OAAO,OACP,MAAO,CACH,SAAU,IACV,OAAQ,OACR,OAAQ,IACR,QAAS,GACb,EACA,KAAK,sBACT,CAER,CGxBA,IAAAE,EAAmE,sCAW3D,IAAAC,GAAA,6BAND,SAASC,GAAmBC,EAAuB,IACtD,qCAAkCA,CAAK,EAEvC,IAAMC,KAAM,mBAAgBD,EAAOE,CAAW,EAE9C,SACI,QAAC,UACG,IAAKD,EACL,MAAM,OACN,OAAO,OACP,MAAO,CACH,SAAU,IACV,OAAQ,OACR,OAAQ,IACR,QAAS,GACb,EACA,KAAK,cACT,CAER,CCxBA,IAAAE,EAIO,sCCJP,IAAAC,GAA0F,sCCA1F,IAAAC,GAAiB,qBAEjBC,EASO,sCCXP,IAAAC,GAAoB,+BACpBC,EAA4E,iBAE7D,SAARC,EAA+BC,EAA0BC,EAAoC,CAChG,IAAMC,KAAkB,UAAOD,CAAY,KAE3C,aAAU,IAAM,CAGZ,GAFmBA,EAAa,KAAK,CAACE,EAAK,IAAM,IAAC,GAAAC,SAAQD,EAAKD,EAAgB,QAAQ,CAAC,CAAC,CAAC,EAGtF,OAAAA,EAAgB,QAAUD,EACnBD,EAAS,CAExB,EAAG,CAACC,CAAY,CAAC,CACrB,CCdA,IAAAI,EAAoC,iBAEpCC,EAKO,sCA0CC,IAAAC,GAAA,6BApCO,SAARC,EAAiDC,EAGf,CAHe,IAAAC,EAAAD,EACpD,iBAAAE,CAdJ,EAawDD,EAEjDE,EAAAC,EAFiDH,EAEjD,CADH,oBAGA,GAAM,CAAE,OAAAI,EAAQ,eAAAC,EAAgB,uBAAAC,CAAuB,KAAI,0BAAuBJ,CAAK,EAEjF,CAACK,EAAQC,CAAS,KAAI,YAAS,CAAC,EAChC,CAACC,CAAG,KAAI,YAASL,EAAOF,CAAK,CAAC,EAGpC,sBAAU,IAAM,CACZ,IAAMQ,EAAgBL,EAAgBM,GAAO,CAxBrD,IAAAZ,EAwBwD,OAAAA,EAAAG,EAAM,UAAN,YAAAH,EAAA,KAAAG,EAAgBS,EAAM,MAAK,EAE3E,MAAO,IAAM,CACTD,EAAc,CAClB,CACJ,EAAG,CAAC,CAAC,KAGL,aAAU,IAAM,CACZ,IAAMA,EAAgBJ,EAAwBK,GAAU,CACpD,GAAM,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAIF,EAAM,KAE5BC,IAAS,yBAAuB,mBAChCJ,EAAUK,EAAQ,MAAM,EAG5BZ,GAAA,MAAAA,EAAkBU,EAAM,KAC5B,CAAC,EAED,MAAO,IAAM,CACTD,EAAc,CAClB,CACJ,EAAG,CAAC,CAAC,KAGD,QAAC,UACG,IAAKD,EACL,GAAG,qCACH,KAAK,qCACL,MAAM,YACN,MAAO,CACH,UAAW,OACX,OAAQ,OACR,QAAS,MACT,MAAO,OACP,SAAU,OACV,SAAU,SACV,QAAS,QACT,WAAY,OACZ,UAAW,iBACX,QAAS,IACT,WAAY,kCACZ,OAAQ,GAAGF,CAAM,IACrB,EACJ,CAER,CFoCW,IAAAO,GAAA,6BAzFI,SAARC,GAA8CC,EAA8C,CAC/F,GAAM,CAAE,kBAAAC,CAAkB,KAAI,0BAAuBD,CAAK,EAEpD,CAAE,OAAAE,EAAQ,cAAAC,CAAc,EAAIH,EAElC,SAASI,EAAgBC,EAA8B,CACnD,GAAM,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAIF,EAE1B,GAAIC,IAAS,yBAAuB,oCAAqC,CACrE,GAAM,CAAE,sBAAAE,CAAsB,EAAID,EAClC,QAAQ,IAAI,4CAA6CC,CAAqB,EAC9EC,EAA0BD,CAAqB,CACnD,CAEA,GAAIF,IAAS,yBAAuB,oBAAqB,CACrD,GAAM,CAAE,MAAAI,CAAM,EAAIH,EAClB,QAAQ,IAAI,uCAAwCG,CAAK,EAEzD,IAAMC,EAAqBT,EAAqC,kBAChE,GAAIS,GAAqB,KACrB,MAAM,IAAI,MAAM,iDAAiD,EAErEA,EAAkBD,CAAsC,CAC5D,CACJ,CAEA,SAAeD,EAA0BD,EAA+B,QAAAI,EAAA,sBACpE,GAAI,CACA,IAAIC,EACJ,OAAQV,EAAe,CACnB,IAAK,MACDU,EAAO,MAAMC,EAAqBZ,EAAQM,CAAqB,EAC/D,MACJ,IAAK,MACDK,EAAO,MAAME,EAAqBb,EAAQM,CAAqB,EAC/D,MACJ,QACI,MAAM,IAAI,MAAM,8BAA8BL,CAAa,EAAE,CACrE,CAEA,QAAQ,IAAI,0CAA2CU,CAAI,EAC3DZ,EAAkB,CACd,KAAM,yBAAuB,6BAC7B,QAAS,CACL,KAAAY,CACJ,CACJ,CAAC,CACL,OAASG,EAAG,CACR,QAAQ,MAAM,kDAAmDA,CAAC,EAClEf,EAAkB,CACd,KAAM,yBAAuB,6BAC7B,QAAS,CAAC,CACd,CAAC,CACL,CACJ,GAEA,SAAea,EAAqBZ,EAAmCM,EAA+B,QAAAI,EAAA,sBAElG,GAAM,CAAE,YAAAK,CAAY,EAAI,KAAM,QAAO,iBAAiB,EAChDC,EAAcD,EAAY,KAAK,GAAAE,QAAK,OAAOX,CAAqB,CAAC,EACvE,eAAQ,IAAI,2CAA4CU,CAAW,EAE5D,MAAMhB,EAAO,uBAAuBgB,CAAW,CAC1D,GAEA,SAAeH,EAAqBb,EAAmCM,EAA+B,QAAAI,EAAA,sBAElG,GAAM,CAAE,MAAOQ,CAAiB,EAAI,KAAM,QAAO,6BAA6B,EACxEF,EAAcE,EAAiBZ,CAAqB,EAC1D,eAAQ,IAAI,2CAA4CU,CAAW,EAE5D,MAAMhB,EAAO,uBAAuBgB,CAAW,CAC1D,GAEA,OAAAG,EAAc,IAAM,CAChBpB,EAAkB,CACd,KAAM,gBACN,WAAS,iDAA8CD,CAAK,CAChE,CAAC,CACL,EAAG,CACCA,EAAM,OAAO,QACbA,EAAM,UACNA,EAAM,WACNA,EAAM,OACNA,EAAM,SACNA,EAAM,kBACN,GAAI,UAAWA,EAAM,OAAS,CAACA,EAAM,OAAO,KAAK,EAAI,CAAC,CAC1D,CAAC,KAEM,QAACsB,EAAAC,EAAA,CAAgC,gBAAiBnB,GAAqBJ,EAAO,CACzF,CDlGW,IAAAwB,GAAA,6BALJ,SAASC,GAAgCC,EAAoC,CAChF,GAAI,IAAC,4CAAwCA,CAAK,EAC9C,MAAM,IAAI,MAAM,4DAA4D,EAGhF,SAAO,QAACC,GAAAC,EAAA,GAAiCF,EAAO,CACpD,CIVA,IAAAG,EAIO,sCAeI,IAAAC,GAAA,6BAVI,SAARC,GAA4CC,EAAkC,CACjF,GAAM,CAAE,kBAAAC,CAAkB,KAAI,0BAAuBD,CAAK,EAE1D,OAAAE,EAAc,IAAM,CAChBD,EAAkB,CACd,KAAM,gBACN,WAAS,iDAA8CD,CAAK,CAChE,CAAC,CACL,EAAG,CAACA,EAAM,UAAWA,EAAM,WAAYA,EAAM,OAAQA,EAAM,SAAUA,EAAM,iBAAiB,CAAC,KAEtF,QAACG,EAAAC,EAAA,GAAoCJ,EAAO,CACvD,CCfW,IAAAK,GAAA,6BADJ,SAASC,GAA8BC,EAAkC,CAC5E,SAAO,QAACC,GAAAC,EAAA,GAA+BF,EAAO,CAClD,CNMe,IAAAG,GAAA,6BAFR,SAASC,GAAwBC,EAAuC,CAC3E,MAAI,+BAA4BA,CAAK,EACjC,SAAO,QAACC,GAAAC,EAAA,GAAkCF,EAAO,EAErD,MAAI,iCAA8BA,CAAK,EACnC,SAAO,QAACG,GAAAD,EAAA,GAAoCF,EAAO,EAEvD,MAAM,IAAI,MAAM,yDAAyD,CAC7E,COlBA,IAAAI,GAA6D,iBAC7DA,GAAyB,iBAEzBC,EAMO,sCCTP,IAAAC,EAAoC,iBAErB,SAARC,IAAkC,CACrC,GAAM,CAACC,EAAuBC,CAAwB,KAAI,YAAS,EAAI,EACvE,sBAAU,IAAM,CACZA,EAAyB,EAAK,CAClC,EAAG,CAAC,CAAC,EAEE,CAAE,sBAAAD,CAAsB,CACnC,CCTA,IAAAE,GAA6C,qBAEvCC,GAAU,UAEVC,GAAgBC,GAAkBA,IAAU,QAErCC,GAAeD,IAAuC,CAC/D,cAAeD,GAAaC,CAAK,EAAI,QAAUF,GAC/C,eAAgBC,GAAaC,CAAK,EAAI,QAAU,OACpD,GAQME,GAA4G,CAC9G,UAAW,CACP,UACI,6GACR,EACA,gBAAiB,CACb,QAAS,OACT,iBAAkB,MAClB,cAAe,SACf,QAAS,oBACT,cAAe,MACf,WAAY,4BACZ,gBAAiB,SACjB,cAAe,uIACf,QAAS,OACT,OAAQ,OACR,aAAc,kCACd,kBAAmB,SACnB,WAAY,CAAC,CAAE,cAAAC,CAAc,IAA0BA,EAEvD,kBAAmB,CACf,QAAS,MACT,OAAQ,SACZ,CACJ,EACA,aAAc,CACV,MAAO,OACP,OAAQ,OACR,eAAgB,UACpB,EACA,mBAAoB,CAChB,MAAO,CAAC,CAAE,eAAAC,CAAe,IAA0BA,EACnD,OAAQ,GACZ,CACJ,EAEaC,MAIyE,oBAAgBH,EAAM,EF8ChG,IAAAI,EAAA,6BAnFL,SAASC,GAAmBC,EAA2C,CAC1E,IAgCIC,GAAAD,EA/BA,WAAAE,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,OACR,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,sBAAAC,GACA,sBAAAC,GACA,OAAAC,GACA,OAAAC,GAAS,QACT,SAAAC,GAAW,MACX,mBAAAC,GAAqB,GACrB,mBAAAC,GAAqB,GACrB,WAAAC,GAAa,GACb,UAAAC,GACA,cAAAC,GACA,cAAAC,GAAgB,CACZ,aAAc,GACd,QAAS,WACT,eAAgB,CAAC,OAAQ,MAAO,KAAK,CACzC,CAnDR,EAqDQ1B,GADG2B,GAAAC,EACH5B,GADG,CA9BH,YACA,WACA,UACA,QACA,WACA,QACA,SACA,UACA,YACA,YACA,cACA,aACA,oBACA,cACA,gBACA,wBACA,wBACA,SACA,SACA,WACA,qBACA,qBACA,aACA,YACA,gBACA,kBAQE6B,GAAe,aAAcF,GAAQA,GAAM,SAAWA,GAAM,aAE5D,CAACG,EAAYC,EAAa,KAAI,aAAS,EAAK,EAC5C,CAAE,sBAAAC,EAAsB,EAAIC,GAAe,EAE3C,CAAE,QAAAC,EAAQ,KAAI,yBAAsB,CACtC,SAAUL,GACV,UAAAL,GACA,YAAAb,EACA,sBAAAM,GACA,cAAAc,GACA,WAAYI,EACZ,YAAArB,EACA,WAAY,cAAY,QACxB,OAAAK,GACA,SAAAC,GACA,mBAAAC,GACA,mBAAAC,GACA,WAAAC,EACJ,CAAC,EAEK,CAAE,cAAea,GAAuB,YAAAC,EAAY,KAAI,6BAA0B,CACpF,QAAAlC,EACA,WAAA2B,EACA,cAAAf,EACA,OAAAI,GACA,cAAAO,EACJ,CAAC,EAEKY,GAAgBC,IAClBF,GAAYE,GAAO,IAAM,CACrBL,GACItB,EACAL,EACAC,EACAC,EACAI,EACAE,EACAC,GACAE,GACAQ,EACJ,CACJ,CAAC,EAECc,GAAUC,GAAUC,GAAYpC,CAAK,CAAC,EAEtCqC,MAAU,YAAQ,OAEhB,OAAC,QAAK,UAAWH,GAAQ,mBAAoB,KAAK,mBAC7C,SAAAf,IAAiB,KACZA,GAAcK,EAAYf,GAAiB,MAAM,EACjDqB,GAAsBN,CAAU,EAC1C,EAEL,CAACA,EAAYL,GAAeV,CAAa,CAAC,EAE7C,SACI,mBACK,UAACiB,OACE,QAAC,UACG,UAAW,GAAGQ,GAAQ,eAAe,IAAIvC,GAAa,EAAE,GACxD,SAAUC,EACV,QAASoC,GACT,MAAOM,EAAA,GAAKxC,GACZ,SAAUC,EAEV,oBAAC,OACG,UAAWmC,GAAQ,aACnB,IAAI,qDACJ,IAAI,iBACR,EACCG,IACL,EAER,CAER,CGnIA,IAAAE,EAAkG,iBAElGC,GAAgD,sCAwDrCC,GAAA,6BAhDLC,MAAmB,iBAAuC,IAAI,EAE7D,SAASC,GAAkB,CAC9B,SAAAC,EACA,OAAAC,EACA,gBAAAC,CACJ,EAEG,CACC,GAAM,CAACC,EAASC,CAAU,KAAI,YAAS,CAAC,EAElCC,KAAe,UACjB,IAAI,SAAiB,oBAAgB,CAAE,OAAAJ,EAAQ,gBAAAC,CAAgB,CAAC,EAAG,CAC/D,IAAII,EAAQC,EAAMC,EAAO,CACrB,OAAID,IAAS,OAASD,EAAO,MAAQE,GACjCJ,EAAYK,GAAMA,EAAI,CAAC,EAEvBF,IAAS,gBAAkBD,EAAO,eAAiBE,GACnDJ,EAAYK,GAAMA,EAAI,CAAC,EAEpB,QAAQ,IAAIH,EAAQC,EAAMC,CAAK,CAC1C,CACJ,CAAC,CACL,EAEME,KAAS,eAAaC,GAA4B,CAChDA,IAAQN,EAAa,QAAQ,MAC7BA,EAAa,QAAQ,IAAMM,EAEnC,EAAG,CAAC,CAAC,EAECC,KAAkB,eAAaC,GAAqC,CAClEA,IAAiBR,EAAa,QAAQ,eACtCA,EAAa,QAAQ,aAAeQ,EAE5C,EAAG,CAAC,CAAC,EAECL,KAAQ,WACV,KAAO,CACH,IAAI,WAAY,CACZ,OAAOH,EAAa,OACxB,EACA,OAAAK,EACA,gBAAAE,CACJ,GACA,CAACF,EAAQE,EAAiBT,CAAO,CACrC,EAEA,SAAO,QAACL,GAAiB,SAAjB,CAA0B,MAAOU,EAAQ,SAAAR,EAAS,CAC9D,CAEO,SAASc,EAAaC,EAAgC,CACzD,IAAMC,KAAU,cAAWlB,EAAgB,EAC3C,GAAIkB,GAAW,KACX,MAAM,IAAI,MAAMD,GAAA,KAAAA,EAAyB,sDAAsD,EAEnG,OAAOC,CACX,CCnEA,IAAAC,GAA2B,iBCA3B,IAAAC,EAAiE,iBAEjEC,EAMO,8CAwEC,IAAAC,GAAA,6BAtDKC,KAAgB,iBAA6B,CACtD,OAAQ,aACR,kBAAmB,KAAO,CAAE,gBAAiB,EAAM,GACnD,YAAa,IAAM,CAAC,CACxB,CAAC,EAIM,SAASC,GAAwB,CACpC,SAAAC,EACA,aAAAC,CACJ,EAGG,CACC,GAAM,CAAE,UAAAC,CAAU,EAAIC,EAAa,+DAA+D,EAC5FC,KAAiB,WAAQ,IAAM,iBAAe,KAAK,CAAE,aAAcF,EAAU,MAAO,CAAC,EAAG,CAACA,EAAU,MAAM,CAAC,EAE1G,CAACG,EAAOC,CAAQ,KAAI,YAA2B,CAAE,OAAQ,YAAa,CAAC,EAEvEC,EAAoB,CAACC,EAAuB,CAAE,KAAM,mBAAoB,OAAQ,CAAE,KAAM,SAAU,CAAE,IAClGH,EAAM,QAAU,eAChB,QAAQ,IAAI,wBAAwB,EAC7B,CAAE,gBAAiB,GAAO,OAAQ,4BAA6B,GAGtEH,EAAU,KAAO,KACV,CAAE,gBAAiB,GAAO,OAAQ,qCAAsC,GAGlDO,EAAA,sBAC7B,GAAI,CACAH,EAAS,CAAE,OAAQ,aAAc,CAAC,EAClC,IAAMI,EAAS,MAAMN,EAAe,kBAChC,CAAE,IAAKF,EAAU,GAAc,EAC/BD,EACAO,CACJ,EACAF,EAAS,CAAE,OAAQ,SAAU,OAAAI,CAAO,CAAC,CACzC,OAASC,EAAgB,CACrB,QAAQ,MAAM,wCAAyCA,CAAK,EAC5DL,EAASM,GAAiBD,CAAK,CAAC,CACpC,CACJ,GAGO,CAAE,gBAAiB,EAAK,GAG7BE,EAAc,IAAM,CACtBP,EAAS,CAAE,OAAQ,YAAa,CAAC,CACrC,EAEA,SACI,QAACR,EAAc,SAAd,CAAuB,MAAOgB,GAAAC,EAAA,GAAKV,GAAL,CAAY,kBAAAE,EAAmB,YAAAM,CAAY,GAAI,SAAAb,EAAS,CAE/F,CAEA,SAASY,GAAiBD,EAAsE,CAC5F,GAAIA,aAAiB,mBACjB,MAAO,CAAE,OAAQ,gBAAiB,MAAAA,CAAM,EAG5C,IAAMK,EAAUL,aAAiB,MAAQA,EAAM,QAAU,OAAOA,CAAK,EAC/DM,EAAQN,aAAiB,MAAQA,EAAM,MAAQ,OACrD,MAAO,CAAE,OAAQ,gBAAiB,MAAO,IAAI,mBAAiB,yBAAyBK,CAAO,GAAIC,CAAK,CAAE,CAC7G,CDxFO,SAASC,IAAY,CACxB,IAAMC,KAAgB,eAAWC,CAAa,EAE9C,GAAI,CAACD,EACD,MAAM,IAAI,MAAM,gFAAgF,EAGpG,OAAOA,CACX,CEZA,IAAAE,GAA2B,iBCApB,IAAMC,EAAiB,oBACjBC,EAAuB,0BAE7B,SAASC,EAAUC,EAAkC,CACxD,IAAMC,EAAwB,SAAS,OAAO,MAAM,IAAI,EAAE,KAAMC,GAAQA,EAAI,WAAWF,CAAI,CAAC,EAC5F,OAAOC,EAAwBA,EAAsB,MAAM,GAAG,EAAE,CAAC,EAAI,MACzE,CAEO,SAASE,GAAUH,EAAcI,EAAeC,EAAoB,CACvE,IAAMC,EAAeD,EAAY,IAAI,KAAKA,CAAS,EAAE,YAAY,EAAI,GACrE,SAAS,OAAS,GAAGL,CAAI,IAAII,CAAK,KAAKC,EAAY,WAAWC,CAAY,IAAM,EAAE,wBACtF,CAEO,SAASC,GAAaP,EAAc,CACvC,SAAS,OAAS,GAAGA,CAAI,mDAC7B,CCdA,IAAAQ,EAAmE,iBACnEC,GAA6B,qBAE7BC,GAAqC,kDAErCC,GAAoE,sCCNpE,IAAAC,EAAmC,6BACnCA,EAA0E,iBAC1EC,EAAkB,eAElBC,GAA6B,wCCFrB,IAAAC,EAAA,6BAFO,SAARC,GAAmB,CAAE,UAAAC,CAAU,EAA2B,CAC7D,SACI,QAAC,OACG,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,UAAWA,EAEX,oBAAC,QAAK,EAAE,aAAa,KACrB,OAAC,QAAK,EAAE,aAAa,GACzB,CAER,CClBA,IAAAC,GAAsC,gBACtCC,GAAwB,0BAQjB,SAASC,MAAcC,EAAsB,CAChD,SAAO,eAAQ,SAAKA,CAAM,CAAC,CAC/B,CFoGoB,IAAAC,EAAA,6BArGdC,GAA4B,CAC9B,0BAA2B,IAAE,OAAO,CAChC,SAAU,IAAE,OAAO,EACnB,aAAc,IAAE,OAAO,CACnB,OAAQ,IAAE,OAAO,EACjB,UAAW,IAAE,OAAO,CACxB,CAAC,CACL,CAAC,CACL,EAEMC,GAA4B,CAC9B,YAAa,IAAE,OAAO,CAClB,YAAa,IAAE,OAAO,CAC1B,CAAC,CACL,EAkBe,SAARC,GAA2B,CAAE,aAAAC,EAAc,gBAAAC,EAAiB,OAAAC,EAAQ,QAAAC,EAAS,WAAAC,CAAW,EAAmB,CA1ClH,IAAAC,EAAAC,EAAAC,EAAAC,EA2CI,IAAIC,EAAY,GAAGN,CAAO,yBAAyBD,CAAM,GACrDE,GAAc,OAEdK,GAAa,aAAa,mBAAmB,KAAK,UAAUL,CAAU,CAAC,CAAC,IAG5E,IAAMM,KAAY,UAAiC,IAAI,EACjD,CAACC,EAAQC,CAAS,KAAI,YAGlB,IAAI,KAEd,aAAU,IAAM,CACZ,GAAID,GAAU,KAId,OAAAA,EAAO,GAAG,4BAA8BE,GAAS,CAC7CZ,EAAgBY,CAAI,EACpBF,EAAO,IAAI,2BAA2B,EAEtCA,EAAO,KAAK,cAAe,CACvB,YAAa,aACjB,CAAC,GAEGA,GAAA,YAAAA,EAAQ,OAAO,gBAAiB,MAChCA,EAAO,OAAO,cAAc,MAAM,EAEtCX,EAAa,EAAK,CACtB,CAAC,EAEM,IAAM,CACLW,IACAA,EAAO,IAAI,2BAA2B,EAElCA,EAAO,OAAO,eAAiB,MAC/BA,EAAO,OAAO,cAAc,MAAM,EAG9C,CACJ,EAAG,CAACA,EAAQV,EAAiBD,CAAY,CAAC,EAE1C,IAAMc,EAAqB,IAAYC,EAAA,sBACnC,GAAIL,EAAU,SAAW,KAAM,CAE3B,QAAQ,MAAM,4CAA4C,EAC1D,MACJ,CAEA,IAAMM,EAAa,MAAM,gBAAa,KAAKN,EAAU,QAAS,CAC1D,eAAgBb,GAChB,eAAgBC,EACpB,CAAC,EACDc,EAAUI,CAAU,CACxB,GAEA,SACI,OAAC,aAAW,KAAX,CAAgB,KAAI,GAAC,GAAI,WACtB,oBAAC,UAAO,GAAG,MAAM,MAAOC,GAAO,OAAQ,QAAS,IAAMjB,EAAa,EAAK,EACpE,oBAAC,aAAW,MAAX,CACG,GAAI,WACJ,MAAM,wBACN,UAAU,YACV,QAAQ,cACR,MAAM,uBACN,UAAU,cACV,QAAQ,YAER,mBAAC,OAAI,MAAOiB,GAAO,gBAAiB,EACxC,KACA,OAAC,aAAW,MAAX,CACG,GAAI,WACJ,MAAM,wBACN,UAAU,uDACV,QAAQ,yCACR,MAAM,uBACN,UAAU,yCACV,QAAQ,uDAER,oBAAC,OAAI,MAAOA,GAAO,cAAe,QAAUC,GAAMA,EAAE,gBAAgB,EAChE,oBAAC,OAAI,MAAO,CAAE,SAAU,WAAY,MAAO,MAAO,EAC9C,mBAAC,UACG,KAAK,SACL,aAAW,QACX,MAAO,CACH,MAAO,SACP,SAAU,WACV,MAAO,SACP,IAAK,SACL,OAAQ,UACR,OAAOZ,GAAAD,EAAAD,GAAA,YAAAA,EAAY,SAAZ,YAAAC,EAAoB,SAApB,KAAAC,EAA8B,UACrC,cAAe,MACf,aAAc,MAClB,EACA,QAAS,IAAMN,EAAa,EAAK,EAEjC,mBAACmB,GAAA,EAAE,EACP,EACJ,KACA,OAAC,UACG,IAAKT,EACL,IAAKD,EACL,OAAQK,EACR,MAAM,uBACN,UAAWM,GACP,sCACAb,EAAAH,GAAA,YAAAA,EAAY,SAAZ,MAAAG,EAAoB,OACd,WAAWH,EAAW,OAAO,MAAM,IACnC,mBACNA,GAAA,MAAAA,EAAY,aAAe,YAAYA,EAAW,YAAY,IAAM,eACpEI,EAAAJ,GAAA,YAAAA,EAAY,SAAZ,MAAAI,EAAoB,WAAa,OAAOJ,EAAW,OAAO,UAAU,IAAM,UAC9E,EACJ,GACJ,EACJ,GACJ,EACJ,CAER,CAEA,IAAMa,GAA2C,CAC7C,OAAQ,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,UAAW,OACX,SAAU,QACV,IAAK,EACL,MAAO,EACP,OAAQ,EACR,KAAM,EACN,OAAQ,EACZ,EACA,gBAAiB,CACb,WAAY,2BACZ,eAAgB,YAChB,SAAU,QACV,IAAK,EACL,MAAO,EACP,OAAQ,EACR,KAAM,EACN,mBAAoB,UACpB,yBAA0B,+BAC1B,mBAAoB,QACpB,OAAQ,GACZ,EACA,cAAe,CACX,QAAS,OACT,cAAe,SACf,WAAY,SACZ,MAAO,OACP,SAAU,QACV,aAAc,UACd,UAAW,kCACX,OAAQ,EACZ,CACJ,ED3FY,IAAAI,EAAA,6BA1ECC,MAAc,iBAA+B,CACtD,MAAO,IAAM,CAAC,EACd,OAAQ,IAAM,CAAC,EACf,OAAQ,YACZ,CAAC,EAEM,SAASC,GAAsB,CAAE,gBAAAC,EAAiB,SAAAC,EAAU,WAAAC,CAAW,EAA+B,CACzG,GAAM,CAAE,UAAAC,EAAW,OAAAC,EAAQ,gBAAAC,CAAgB,EAAIC,EAC3C,6DACJ,EACMC,EAAuB,IAAI,wBAAqBJ,EAAU,MAAM,EAChEK,KAAmB,yCAAqCL,EAAU,MAAM,EACxE,CAACM,EAAWC,CAAY,KAAI,YAAS,EAAK,EAE1CC,EAAmBC,GAA+B,CACpDC,GAAUC,EAAgBF,EAAa,QAAQ,EAC/CC,GAAUE,EAAsBH,EAAa,aAAa,OAAQA,EAAa,aAAa,SAAS,EACrGR,EAAOQ,EAAa,QAAQ,EAC5BP,EAAgBO,EAAa,aAAa,MAAM,CACpD,EAEMI,EAAS,IAAM,CACjBC,GAAaH,CAAc,EAC3BG,GAAaF,CAAoB,EACjCX,EAAO,MAAS,EAChBC,EAAgB,MAAS,CAC7B,EAEAa,GAAgB,CAAE,qBAAAX,EAAsB,gBAAAI,EAAiB,OAAAK,CAAO,CAAC,EAEjE,IAAMG,EAAQ,IAAM,CAChB,GAAIhB,EAAU,KAAO,KAAM,CACvB,QAAQ,IAAI,wBAAwB,EACpC,MACJ,CAEAO,EAAa,EAAI,CACrB,KAEA,aAAU,IAAM,CACZ,GAAIP,EAAU,KAAO,KAAM,CACvB,IAAMiB,EAAMC,EAAUP,CAAc,EACpCV,EAAOgB,CAAG,CACd,CACJ,EAAG,CAAC,CAAC,KAEL,aAAU,IAAM,CACRjB,EAAU,KAAO,MAIrBO,EAAa,EAAK,CACtB,EAAG,CAACP,EAAU,GAAG,CAAC,EAElB,IAAMmB,EAAgB,IACdnB,EAAU,KAAO,KACV,YAEPM,EACO,cAEJ,aAGX,SACI,OAACX,GAAY,SAAZ,CACG,MAAO,CACH,MAAAqB,EACA,OAAAH,EACA,IAAKb,EAAU,IACf,aAAcA,EAAU,aACxB,OAAQmB,EAAc,CAC1B,EAEA,oBAACC,GAAA,CAAwB,aAAcvB,EAAgB,aACnD,oBAACwB,GAAA,CAAc,gBAAiBxB,EAAiB,YAAaG,EAAU,IACnE,SAAAF,EACL,EACCQ,KACK,oBACI,OAACgB,GAAA,CACG,QAASjB,EACT,aAAcE,EACd,gBAAiBC,EACjB,OAAQR,EAAU,OAClB,WAAYD,EAChB,EAEA,SAAS,IACb,EACA,MACV,EACJ,CAER,CAEA,SAASsB,GAAc,CACnB,gBAAAxB,EACA,SAAAC,EACA,YAAAyB,CACJ,EAIG,CACC,GAAM,CAAE,kBAAAC,EAAmB,YAAAC,EAAa,OAAAC,CAAO,EAAIC,GAAU,EAE7D,sBAAU,IAAM,CACR9B,EAAgB,gBAAkB,aAAe6B,IAAW,cAAgBH,GAAe,MAC3FC,EAAkB,CACd,KAAM3B,EAAgB,KACtB,OAAQ,CAAE,KAAM,SAAU,CAC9B,CAAC,EAGD6B,IAAW,UAAYH,GAAe,MACtCE,EAAY,CAEpB,EAAG,CAACF,EAAaG,CAAM,CAAC,KAEjB,mBAAG,SAAA5B,EAAS,CACvB,CFvJO,SAAS8B,IAAU,CACtB,IAAMC,KAAU,eAAWC,EAAW,EACtC,GAAID,IAAY,OACZ,MAAM,IAAI,MAAM,6CAA6C,EAEjE,OAAOA,CACX,CMVA,IAAAE,EAA+C,iBAG/CC,GAAiC,kDACjCC,GAAgD,sCAKhD,IAAMC,GAAsC,IAgBrC,SAASC,GAAgB,CAAE,qBAAAC,EAAsB,gBAAAC,EAAiB,OAAAC,CAAO,EAA6B,CACzG,IAAMC,KAAiB,UAA+B,IAAI,EAEpDC,KAAsB,eAAY,IAAYC,EAAA,sBAChD,IAAMC,EAAeC,EAAUC,CAAoB,EACnD,GAAIF,GAAgB,KAChB,GAAI,CACA,IAAMG,EAAS,MAAMT,EAAqB,oBAAoBM,CAAY,EAC1EL,EAAgBQ,CAAM,EACtB,IAAMC,KAAgB,qBAAiBD,EAAO,QAAQ,EAEtD,GAAIC,GAAiB,KACjB,MAAM,IAAI,MAAM,aAAa,EAGjC,IAAMC,EAAc,KAAK,IAAI,EAAI,IAC3BC,EAAeF,EAAgBC,EAAcb,GACnD,GAAIc,EAAe,EAAG,CAClB,IAAMC,EAAU,KAAK,IAAI,EAAID,EAAe,IAC5CT,EAAe,WAAU,cAAUC,EAAqBS,CAAO,CACnE,CACJ,OAASC,EAAO,CACZZ,EAAO,EACP,QAAQ,MAAMY,CAAK,CACvB,CAER,GAAG,CAAC,CAAC,KAEL,aAAU,KACNV,EAAoB,EACb,IAAM,CACLD,EAAe,SACfA,EAAe,QAAQ,OAAO,CAEtC,GACD,CAAC,CAAC,CACT,CzBjDA,IAAAY,GAAoD,sCACpDC,EAgBO,iDAvBP,YAAQC,EAAW","names":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useRefreshToken","useWallet","__toCommonJS","import_core","import_core","import_preset_tailwind","twind_config_default","presetTailwind","import_client_sdk_base","version","LIB_VERSION","version","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","import_jsx_runtime","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","setRefreshToken","refreshToken","useCrossmint","missingContextMessage","context","import_react","import_react","import_client_sdk_smart_wallet","import_jsx_runtime","WalletContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","state","setState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","message","stack","useWallet","walletContext","WalletContext","import_react","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","getCookie","name","crossmintRefreshToken","row","setCookie","value","expiresAt","expiresInUtc","deleteCookie","import_react","import_react_dom","import_client","import_common_sdk_base","import_react","import_zod","import_client_sdk_window","import_jsx_runtime","X","className","import_clsx","import_tailwind_merge","classNames","inputs","import_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setAuthMaterial","apiKey","baseUrl","appearance","_a","_b","_c","_d","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","classNames","import_jsx_runtime","AuthContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","setRefreshToken","useCrossmint","crossmintAuthService","crossmintBaseUrl","modalOpen","setModalOpen","setAuthMaterial","authMaterial","setCookie","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","logout","deleteCookie","useRefreshToken","login","jwt","getCookie","getAuthStatus","CrossmintWalletProvider","WalletManager","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","useAuth","context","AuthContext","import_react","import_client","import_client_sdk_base","TIME_BEFORE_EXPIRING_JWT_IN_SECONDS","useRefreshToken","crossmintAuthService","setAuthMaterial","logout","refreshTaskRef","refreshAuthMaterial","__async","refreshToken","getCookie","REFRESH_TOKEN_PREFIX","result","jwtExpiration","currentTime","timeToExpire","endTime","error","import_client_sdk_base","import_client_sdk_smart_wallet","twind_config_default"]}
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/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.1\",\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 { type 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\n// Makes sure that everything inside the async IIFE has finished running before it can be called again.\n// The actual promise just holds that IIFE until it has finished running and it's then set to null\nlet refreshPromise: Promise<void> | null = null;\n\nexport function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps) {\n const refreshTaskRef = useRef<CancellableTask | null>(null);\n\n const refreshAuthMaterial = useCallback(() => {\n if (refreshPromise != null) {\n return refreshPromise;\n }\n\n const refreshToken = getCookie(REFRESH_TOKEN_PREFIX);\n if (refreshToken != null) {\n refreshPromise = (async () => {\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 } finally {\n refreshPromise = null;\n }\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":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useRefreshToken","useWallet","__toCommonJS","import_core","import_core","import_preset_tailwind","twind_config_default","presetTailwind","import_client_sdk_base","version","LIB_VERSION","version","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","import_jsx_runtime","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","setRefreshToken","refreshToken","useCrossmint","missingContextMessage","context","import_react","import_react","import_client_sdk_smart_wallet","import_jsx_runtime","WalletContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","state","setState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","message","stack","useWallet","walletContext","WalletContext","import_react","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","getCookie","name","crossmintRefreshToken","row","setCookie","value","expiresAt","expiresInUtc","deleteCookie","import_react","import_react_dom","import_client","import_common_sdk_base","import_react","import_zod","import_client_sdk_window","import_jsx_runtime","X","className","import_clsx","import_tailwind_merge","classNames","inputs","import_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setAuthMaterial","apiKey","baseUrl","appearance","_a","_b","_c","_d","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","classNames","import_jsx_runtime","AuthContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","setRefreshToken","useCrossmint","crossmintAuthService","crossmintBaseUrl","modalOpen","setModalOpen","setAuthMaterial","authMaterial","setCookie","SESSION_PREFIX","REFRESH_TOKEN_PREFIX","logout","deleteCookie","useRefreshToken","login","jwt","getCookie","getAuthStatus","CrossmintWalletProvider","WalletManager","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","useAuth","context","AuthContext","import_react","import_client","import_client_sdk_base","TIME_BEFORE_EXPIRING_JWT_IN_SECONDS","refreshPromise","useRefreshToken","crossmintAuthService","setAuthMaterial","logout","refreshTaskRef","refreshAuthMaterial","refreshToken","getCookie","REFRESH_TOKEN_PREFIX","__async","result","jwtExpiration","currentTime","timeToExpire","endTime","error","import_client_sdk_base","import_client_sdk_smart_wallet","twind_config_default"]}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ var Vt=Object.defineProperty,Lt=Object.defineProperties;var jt=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable;var Q=(t,e,o)=>e in t?Vt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,p=(t,e)=>{for(var o in e||(e={}))Z.call(e,o)&&Q(t,o,e[o]);if(P)for(var o of P(e))tt.call(e,o)&&Q(t,o,e[o]);return t},et=(t,e)=>Lt(t,jt(e));var T=(t,e)=>{var o={};for(var r in t)Z.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&&tt.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 po}from"@twind/core";import{defineConfig as Ht}from"@twind/core";import Kt from"@twind/preset-tailwind";var ot=Ht({presets:[Kt()]});import{assertValidNFTCollectionViewProps as Jt,getNFTCollectionViewSrc as Yt}from"@crossmint/client-sdk-base";var rt="1.4.1";var E=rt;import{jsx as zt}from"react/jsx-runtime";function vo(t){Jt(t);let e=Yt(t,E);return zt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as Gt,getNFTDetailSrc as Xt}from"@crossmint/client-sdk-base";import{jsx as qt}from"react/jsx-runtime";function Wo(t){Gt(t);let e=Xt(t,E);return qt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as pe,isFiatEmbeddedCheckoutProps as he}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as le}from"@crossmint/client-sdk-base";import ne from"bs58";import{IncomingInternalEvents as it,OutgoingInternalEvents as at,crossmintIFrameService as se,embeddedCheckoutPropsToUpdatableParamsPayload as ie}from"@crossmint/client-sdk-base";import Qt from"lodash.isequal";import{useEffect as Zt,useRef as te}from"react";function w(t,e){let o=te(e);Zt(()=>{if(e.some((n,i)=>!Qt(n,o.current[i])))return o.current=e,t()},[e])}import{useEffect as nt,useState as st}from"react";import{IncomingInternalEvents as ee,crossmintIFrameService as oe}from"@crossmint/client-sdk-base";import{jsx as re}from"react/jsx-runtime";function k(o){var r=o,{onInternalEvent:t}=r,e=T(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:i,listenToInternalEvents:m}=oe(e),[a,l]=st(0),[s]=st(n(e));return nt(()=>{let c=i(d=>{var u;return(u=e.onEvent)==null?void 0:u.call(e,d.data)});return()=>{c()}},[]),nt(()=>{let c=m(d=>{let{type:u,payload:g}=d.data;u===ee.UI_HEIGHT_CHANGED&&l(g.height),t==null||t(d.data)});return()=>{c()}},[]),re("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 ae}from"react/jsx-runtime";function O(t){let{emitInternalEvent:e}=se(t),{signer:o,paymentMethod:r}=t;function n(l){let{type:s,payload:c}=l;if(s===it.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=c;console.log("[Crossmint] Received incoming transaction",d),i(d)}if(s===it.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:at.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:s}})}catch(s){console.error("[Crossmint] Failed to sign and send transaction",s),e({type:at.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(ne.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:ie(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),ae(k,p({onInternalEvent:n},t))}import{jsx as ce}from"react/jsx-runtime";function lt(t){if(!le(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return ce(O,p({},t))}import{crossmintIFrameService as de,embeddedCheckoutPropsToUpdatableParamsPayload as me}from"@crossmint/client-sdk-base";import{jsx as ue}from"react/jsx-runtime";function D(t){let{emitInternalEvent:e}=de(t);return w(()=>{e({type:"params-update",payload:me(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),ue(k,p({},t))}import{jsx as fe}from"react/jsx-runtime";function ct(t){return fe(D,p({},t))}import{jsx as dt}from"react/jsx-runtime";function mr(t){if(he(t))return dt(ct,p({},t));if(pe(t))return dt(lt,p({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as ke}from"react";import{useState as be}from"react";import{clientNames as Se,crossmintModalService as ve,crossmintPayButtonService as Pe}from"@crossmint/client-sdk-base";import{useEffect as ge,useState as Ce}from"react";function U(){let[t,e]=Ce(!0);return ge(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as ye}from"react-jss";var Ee="#1e1e1e",mt=t=>t==="light",ut=t=>({buttonBgColor:mt(t)?"white":Ee,paragraphColor:mt(t)?"black":"white"}),we={"@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"}},ft=ye(we);import{Fragment as xe,jsx as _,jsxs as Te}from"react/jsx-runtime";function Pr(t){let q=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:St,dismissOverlayOnClick:vt,prepay:Pt,locale:G="en-US",currency:Tt="usd",successCallbackURL:xt="",failureCallbackURL:It="",loginEmail:Wt="",projectId:At,getButtonText:F,checkoutProps:X={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=q,M=T(q,["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"]),Rt="clientId"in M?M.clientId:M.collectionId,[v,Ft]=be(!1),{isServerSideRendering:Mt}=U(),{connect:Nt}=ve({clientId:Rt,projectId:At,showOverlay:d,dismissOverlayOnClick:vt,setConnecting:Ft,libVersion:E,environment:f,clientName:Se.reactUi,locale:G,currency:Tt,successCallbackURL:xt,failureCallbackURL:It,loginEmail:Wt}),{getButtonText:Ot,handleClick:Dt}=Pe({onClick:r,connecting:v,paymentMethod:S,locale:G,checkoutProps:X}),Ut=Bt=>Dt(Bt,()=>{Nt(u,a,l,s,g,S,St,Pt,X)}),N=ft(ut(m)),_t=ke(()=>_("span",{className:N.crossmintParagraph,role:"button-paragraph",children:F!=null?F(v,S||"fiat"):Ot(v)}),[v,F,S]);return _(xe,{children:!Mt&&Te("button",{className:`${N.crossmintButton} ${e||""}`,disabled:o,onClick:Ut,style:p({},n),tabIndex:i,children:[_("img",{className:N.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),_t]})})}import{createContext as Ie,useCallback as pt,useContext as We,useMemo as Ae,useRef as Re,useState as Fe}from"react";import{createCrossmint as Me}from"@crossmint/common-sdk-base";import{jsx as Ne}from"react/jsx-runtime";var ht=Ie(null);function Rr({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=Fe(0),i=Re(new Proxy(Me({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=pt(s=>{s!==i.current.jwt&&(i.current.jwt=s)},[]),a=pt(s=>{s!==i.current.refreshToken&&(i.current.refreshToken=s)},[]),l=Ae(()=>({get crossmint(){return i.current},setJwt:m,setRefreshToken:a}),[m,a,r]);return Ne(ht.Provider,{value:l,children:t})}function x(t){let e=We(ht);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as Le}from"react";import{createContext as Oe,useMemo as De,useState as Ue}from"react";import{SmartWalletError as gt,SmartWalletSDK as _e}from"@crossmint/client-sdk-smart-wallet";import{jsx as Ve}from"react/jsx-runtime";var B=Oe({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function Ct({children:t,defaultChain:e}){let{crossmint:o}=x("CrossmintWalletProvider must be used within CrossmintProvider"),r=De(()=>_e.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,i]=Ue({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(Be(c))}}),{startedCreation:!0}),a=()=>{i({status:"not-loaded"})};return Ve(B.Provider,{value:et(p({},n),{getOrCreateWallet:m,clearWallet:a}),children:t})}function Be(t){if(t instanceof gt)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 gt(`Unknown Wallet Error: ${e}`,o)}}function yt(){let t=Le(B);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as io}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 V(t,e,o){let r=o?new Date(o).toUTCString():"";document.cookie=`${t}=${e}; ${o?`expires=${r};`:""} path=/; SameSite=Lax;`}function L(t){document.cookie=`${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`}import{createContext as Qe,useEffect as Y,useState as Ze}from"react";import{createPortal as to}from"react-dom";import{CrossmintAuthService as eo}from"@crossmint/client-sdk-auth-core/client";import{validateApiKeyAndGetCrossmintBaseUrl as oo}from"@crossmint/common-sdk-base";import{Dialog as $e,Transition as H}from"@headlessui/react";import{Fragment as K,useEffect as Je,useRef as Ye,useState as ze}from"react";import{z as y}from"zod";import{IFrameWindow as Ge}from"@crossmint/client-sdk-window";import{jsx as Et,jsxs as je}from"react/jsx-runtime";function j({className:t}){return je("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:[Et("path",{d:"M18 6 6 18"}),Et("path",{d:"m6 6 12 12"})]})}import{clsx as He}from"clsx";import{twMerge as Ke}from"tailwind-merge";function wt(...t){return Ke(He(t))}import{jsx as C,jsxs as kt}from"react/jsx-runtime";var Xe={authMaterialFromAuthFrame:y.object({jwtToken:y.string(),refreshToken:y.object({secret:y.string(),expiresAt:y.string()})})},qe={closeWindow:y.object({closeWindow:y.string()})};function J({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=Ye(null),[a,l]=ze(null);Je(()=>{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 Ge.init(m.current,{incomingEvents:Xe,outgoingEvents:qe});l(f)});return C(H.Root,{show:!0,as:K,children:kt($e,{as:"div",style:$.dialog,onClose:()=>t(!1),children:[C(H.Child,{as:K,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:$.transitionBegin})}),C(H.Child,{as:K,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:kt("div",{style:$.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(j,{})})}),C("iframe",{ref:m,src:i,onLoad:s,title:"Authentication Modal",className:wt("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 $={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 so,jsx as A,jsxs as no}from"react/jsx-runtime";var z=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 eo(r.apiKey),a=oo(r.apiKey),[l,s]=Ze(!1),c=f=>{V(I,f.jwtToken),V(b,f.refreshToken.secret,f.refreshToken.expiresAt),n(f.jwtToken),i(f.refreshToken.secret)},d=()=>{L(I),L(b),n(void 0),i(void 0)};bt({crossmintAuthService:m,setAuthMaterial:c,logout:d});let u=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)};Y(()=>{if(r.jwt==null){let f=W(I);n(f)}},[]),Y(()=>{r.jwt!=null&&s(!1)},[r.jwt]);let g=()=>r.jwt!=null?"logged-in":l?"in-progress":"logged-out";return A(z.Provider,{value:{login:u,logout:d,jwt:r.jwt,refreshToken:r.refreshToken,status:g()},children:no(Ct,{defaultChain:t.defaultChain,children:[A(ro,{embeddedWallets:t,accessToken:r.jwt,children:e}),l?to(A(J,{baseUrl:a,setModalOpen:s,setAuthMaterial:c,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function ro({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:i}=yt();return Y(()=>{t.createOnLogin==="all-users"&&i==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),i==="loaded"&&o==null&&n()},[o,i]),A(so,{children:e})}function yn(){let t=io(z);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{useCallback as ao,useEffect as lo,useRef as co}from"react";import{getJWTExpiration as mo}from"@crossmint/client-sdk-auth-core/client";import{queueTask as uo}from"@crossmint/client-sdk-base";var fo=120,R=null;function bt({crossmintAuthService:t,setAuthMaterial:e,logout:o}){let r=co(null),n=ao(()=>{if(R!=null)return R;let i=W(b);i!=null&&(R=h(this,null,function*(){try{let m=yield t.refreshAuthMaterial(i);e(m);let a=mo(m.jwtToken);if(a==null)throw new Error("Invalid JWT");let l=Date.now()/1e3,s=a-l-fo;if(s>0){let c=Date.now()+s*1e3;r.current=uo(n,c)}}catch(m){o(),console.error(m)}finally{R=null}}))},[]);lo(()=>(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";po(ot);export{Bn as AdminAlreadyUsedError,Vn as AdminMismatchError,z as AuthContext,Dn as Chain,$n as ConfigError,fn as CrossmintAuthProvider,Mn as CrossmintEvents,vo as CrossmintNFTCollectionView,Wo as CrossmintNFTDetail,Pr as CrossmintPayButton,mr as CrossmintPaymentElement,Rr as CrossmintProvider,Ct 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,B as WalletContext,yn as useAuth,x as useCrossmint,Nn as useCrossmintEvents,bt as useRefreshToken,yt as useWallet};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +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/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"]}
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/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.1\",\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 { type 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\n// Makes sure that everything inside the async IIFE has finished running before it can be called again.\n// The actual promise just holds that IIFE until it has finished running and it's then set to null\nlet refreshPromise: Promise<void> | null = null;\n\nexport function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps) {\n const refreshTaskRef = useRef<CancellableTask | null>(null);\n\n const refreshAuthMaterial = useCallback(() => {\n if (refreshPromise != null) {\n return refreshPromise;\n }\n\n const refreshToken = getCookie(REFRESH_TOKEN_PREFIX);\n if (refreshToken != null) {\n refreshPromise = (async () => {\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 } finally {\n refreshPromise = null;\n }\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","refreshPromise","useRefreshToken","crossmintAuthService","setAuthMaterial","logout","refreshTaskRef","useRef","refreshAuthMaterial","useCallback","refreshToken","getCookie","REFRESH_TOKEN_PREFIX","__async","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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crossmint/client-sdk-react-ui",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "repository": "https://github.com/Crossmint/crossmint-sdk",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Paella Labs Inc",
package/src/hooks/useRefreshToken.ts CHANGED
@@ -23,31 +23,43 @@ type UseAuthTokenRefreshProps = {
23
23
  logout: () => void;
24
24
  };
25
25
 
26
+ // Makes sure that everything inside the async IIFE has finished running before it can be called again.
27
+ // The actual promise just holds that IIFE until it has finished running and it's then set to null
28
+ let refreshPromise: Promise<void> | null = null;
29
+
26
30
  export function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps) {
27
31
  const refreshTaskRef = useRef<CancellableTask | null>(null);
28
32
 
29
- const refreshAuthMaterial = useCallback(async () => {
33
+ const refreshAuthMaterial = useCallback(() => {
34
+ if (refreshPromise != null) {
35
+ return refreshPromise;
36
+ }
37
+
30
38
  const refreshToken = getCookie(REFRESH_TOKEN_PREFIX);
31
39
  if (refreshToken != null) {
32
- try {
33
- const result = await crossmintAuthService.refreshAuthMaterial(refreshToken);
34
- setAuthMaterial(result);
35
- const jwtExpiration = getJWTExpiration(result.jwtToken);
40
+ refreshPromise = (async () => {
41
+ try {
42
+ const result = await crossmintAuthService.refreshAuthMaterial(refreshToken);
43
+ setAuthMaterial(result);
44
+ const jwtExpiration = getJWTExpiration(result.jwtToken);
36
45
 
37
- if (jwtExpiration == null) {
38
- throw new Error("Invalid JWT");
39
- }
46
+ if (jwtExpiration == null) {
47
+ throw new Error("Invalid JWT");
48
+ }
40
49
 
41
- const currentTime = Date.now() / 1000;
42
- const timeToExpire = jwtExpiration - currentTime - TIME_BEFORE_EXPIRING_JWT_IN_SECONDS;
43
- if (timeToExpire > 0) {
44
- const endTime = Date.now() + timeToExpire * 1000;
45
- refreshTaskRef.current = queueTask(refreshAuthMaterial, endTime);
50
+ const currentTime = Date.now() / 1000;
51
+ const timeToExpire = jwtExpiration - currentTime - TIME_BEFORE_EXPIRING_JWT_IN_SECONDS;
52
+ if (timeToExpire > 0) {
53
+ const endTime = Date.now() + timeToExpire * 1000;
54
+ refreshTaskRef.current = queueTask(refreshAuthMaterial, endTime);
55
+ }
56
+ } catch (error) {
57
+ logout();
58
+ console.error(error);
59
+ } finally {
60
+ refreshPromise = null;
46
61
  }
47
- } catch (error) {
48
- logout();
49
- console.error(error);
50
- }
62
+ })();
51
63
  }
52
64
  }, []);
53
65
 
package/src/providers/CrossmintAuthProvider.tsx CHANGED
@@ -7,7 +7,7 @@ import type { EVMSmartWalletChain } from "@crossmint/client-sdk-smart-wallet";
7
7
  import { type UIConfig, validateApiKeyAndGetCrossmintBaseUrl } from "@crossmint/common-sdk-base";
8
8
 
9
9
  import AuthModal from "../components/auth/AuthModal";
10
- import { AuthMaterial, useCrossmint, useRefreshToken, useWallet } from "../hooks";
10
+ import { type AuthMaterial, useCrossmint, useRefreshToken, useWallet } from "../hooks";
11
11
  import { CrossmintWalletProvider } from "./CrossmintWalletProvider";
12
12
 
13
13
  export type CrossmintAuthWalletConfig = {