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

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 (33) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +20 -2
  4. package/dist/index.d.ts +20 -2
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +7 -10
  8. package/src/components/CrossmintNFTCollectionView.tsx +1 -1
  9. package/src/components/CrossmintNFTDetail.test.tsx +1 -1
  10. package/src/components/CrossmintNFTDetail.tsx +1 -1
  11. package/src/components/auth/AuthModal.tsx +15 -11
  12. package/src/components/embed/EmbeddedCheckoutIFrame.tsx +2 -2
  13. package/src/components/embed/crypto/CryptoEmbeddedCheckout.tsx +1 -1
  14. package/src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx +5 -5
  15. package/src/components/embed/fiat/FiatEmbeddedCheckout.tsx +1 -1
  16. package/src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx +1 -1
  17. package/src/components/embed/index.tsx +1 -1
  18. package/src/components/hosted/CrossmintPayButton.tsx +3 -3
  19. package/src/components/hosted/styles.ts +4 -5
  20. package/src/consts/version.ts +3 -1
  21. package/src/hooks/index.ts +1 -0
  22. package/src/hooks/useCrossmint.test.tsx +44 -8
  23. package/src/hooks/useCrossmint.tsx +14 -3
  24. package/src/hooks/useDeepEffect.ts +1 -1
  25. package/src/hooks/useRefreshToken.test.ts +142 -0
  26. package/src/hooks/useRefreshToken.ts +62 -0
  27. package/src/index.ts +0 -1
  28. package/src/providers/CrossmintAuthProvider.test.tsx +105 -15
  29. package/src/providers/CrossmintAuthProvider.tsx +31 -26
  30. package/src/providers/CrossmintWalletProvider.test.tsx +3 -3
  31. package/src/providers/CrossmintWalletProvider.tsx +4 -4
  32. package/src/utils/authCookies.test.ts +41 -0
  33. package/src/utils/authCookies.ts +16 -0
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var Ce=Object.create;var A=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptor,Ee=Object.getOwnPropertyDescriptors,we=Object.getOwnPropertyNames,D=Object.getOwnPropertySymbols,be=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable;var gt=(t,e,o)=>e in t?A(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,f=(t,e)=>{for(var o in e||(e={}))et.call(e,o)&&gt(t,o,e[o]);if(D)for(var o of D(e))Ct.call(e,o)&&gt(t,o,e[o]);return t},ht=(t,e)=>he(t,Ee(e));var j=(t,e)=>{var o={};for(var n in t)et.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&D)for(var n of D(t))e.indexOf(n)<0&&Ct.call(t,n)&&(o[n]=t[n]);return o};var Se=(t,e)=>{for(var o in e)A(t,o,{get:e[o],enumerable:!0})},yt=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of we(e))!et.call(t,r)&&r!==o&&A(t,r,{get:()=>e[r],enumerable:!(n=ye(e,r))||n.enumerable});return t};var N=(t,e,o)=>(o=t!=null?Ce(be(t)):{},yt(e||!t||!t.__esModule?A(o,"default",{value:t,enumerable:!0}):o,t)),Pe=t=>yt(A({},"__esModule",{value:!0}),t);var b=(t,e,o)=>new Promise((n,r)=>{var l=s=>{try{i(o.next(s))}catch(a){r(a)}},u=s=>{try{i(o.throw(s))}catch(a){r(a)}},i=s=>s.done?n(s.value):Promise.resolve(s.value).then(l,u);i((o=o.apply(t,e)).next())});var Ue={};Se(Ue,{AdminAlreadyUsedError:()=>m.AdminAlreadyUsedError,AdminMismatchError:()=>m.AdminMismatchError,AuthContext:()=>X,Chain:()=>m.Chain,ConfigError:()=>m.ConfigError,CrossmintAuthProvider:()=>Fe,CrossmintEvents:()=>q.CrossmintEvents,CrossmintNFTCollectionView:()=>ve,CrossmintNFTDetail:()=>ke,CrossmintPayButton:()=>We,CrossmintPaymentElement:()=>Ie,CrossmintProvider:()=>Ae,CrossmintWalletProvider:()=>it,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:()=>G,useAuth:()=>Ve,useCrossmint:()=>F,useCrossmintEvents:()=>q.useCrossmintEvents,useWallet:()=>at});module.exports=Pe(Ue);var Qt=require("@twind/core");var Et=require("@twind/core"),wt=N(require("@twind/preset-tailwind"),1),bt=(0,Et.defineConfig)({presets:[(0,wt.default)()]});var _=require("@crossmint/client-sdk-base");var k="1.3.23";var St=require("react/jsx-runtime");function ve(t){(0,_.assertValidNFTCollectionViewProps)(t);let e=(0,_.getNFTCollectionViewSrc)(t,k);return(0,St.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var H=require("@crossmint/client-sdk-base");var Pt=require("react/jsx-runtime");function ke(t){(0,H.assertValidValidateNFTDetailProps)(t);let e=(0,H.getNFTDetailSrc)(t,k);return(0,Pt.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var J=require("@crossmint/client-sdk-base");var Tt=require("@crossmint/client-sdk-base");var It=N(require("bs58"),1),h=require("@crossmint/client-sdk-base");var vt=N(require("lodash.isequal"),1),K=require("react");function R(t,e){let o=(0,K.useRef)(e);(0,K.useEffect)(()=>{if(e.some((r,l)=>!(0,vt.default)(r,o.current[l])))return o.current=e,t()},[e])}var I=require("react"),$=require("@crossmint/client-sdk-base");var kt=require("react/jsx-runtime");function M(o){var n=o,{onInternalEvent:t}=n,e=j(n,["onInternalEvent"]);let{getUrl:r,listenToEvents:l,listenToInternalEvents:u}=(0,$.crossmintIFrameService)(e),[i,s]=(0,I.useState)(0),[a]=(0,I.useState)(r(e));return(0,I.useEffect)(()=>{let c=l(d=>{var p;return(p=e.onEvent)==null?void 0:p.call(e,d.data)});return()=>{c()}},[]),(0,I.useEffect)(()=>{let c=u(d=>{let{type:p,payload:v}=d.data;p===$.IncomingInternalEvents.UI_HEIGHT_CHANGED&&s(v.height),t==null||t(d.data)});return()=>{c()}},[]),(0,kt.jsx)("iframe",{src:a,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${i}px`}})}var xt=require("react/jsx-runtime");function ot(t){let{emitInternalEvent:e}=(0,h.crossmintIFrameService)(t),{signer:o,paymentMethod:n}=t;function r(s){let{type:a,payload:c}=s;if(a===h.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=c;console.log("[Crossmint] Received incoming transaction",d),l(d)}if(a===h.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:d}=c;console.log("[Crossmint] Received change of chain",d);let p=o.handleChainSwitch;if(p==null)throw new Error("switchNetwork function should have been defined");p(d)}}function l(s){return b(this,null,function*(){try{let a;switch(n){case"SOL":a=yield u(o,s);break;case"ETH":a=yield i(o,s);break;default:throw new Error(`Unsupported payment method ${n}`)}console.log("[Crossmint] Signed and sent transaction",a),e({type:h.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:a}})}catch(a){console.error("[Crossmint] Failed to sign and send transaction",a),e({type:h.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function u(s,a){return b(this,null,function*(){let{Transaction:c}=yield import("@solana/web3.js"),d=c.from(It.default.decode(a));return console.log("[Crossmint] Deserialized SOL transaction",d),yield s.signAndSendTransaction(d)})}function i(s,a){return b(this,null,function*(){let{parse:c}=yield import("@ethersproject/transactions"),d=c(a);return console.log("[Crossmint] Deserialized ETH transaction",d),yield s.signAndSendTransaction(d)})}return R(()=>{e({type:"params-update",payload:(0,h.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),(0,xt.jsx)(M,f({onInternalEvent:r},t))}var At=require("react/jsx-runtime");function Wt(t){if(!(0,Tt.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,At.jsx)(ot,f({},t))}var Y=require("@crossmint/client-sdk-base");var Nt=require("react/jsx-runtime");function rt(t){let{emitInternalEvent:e}=(0,Y.crossmintIFrameService)(t);return R(()=>{e({type:"params-update",payload:(0,Y.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,Nt.jsx)(M,f({},t))}var Mt=require("react/jsx-runtime");function Rt(t){return(0,Mt.jsx)(rt,f({},t))}var nt=require("react/jsx-runtime");function Ie(t){if((0,J.isFiatEmbeddedCheckoutProps)(t))return(0,nt.jsx)(Rt,f({},t));if((0,J.isCryptoEmbeddedCheckoutProps)(t))return(0,nt.jsx)(Wt,f({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var Ut=require("react"),Lt=require("react"),x=require("@crossmint/client-sdk-base");var z=require("react");function st(){let[t,e]=(0,z.useState)(!0);return(0,z.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Ot=require("react-jss"),xe="#1e1e1e",Ft=t=>t==="light",Bt=t=>({buttonBgColor:Ft(t)?"white":xe,paragraphColor:Ft(t)?"black":"white"}),Te={"@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"}},Vt=(0,Ot.createUseStyles)(Te);var S=require("react/jsx-runtime");function We(t){let pt=t,{className:e,disabled:o,onClick:n,style:r,tabIndex:l,theme:u="dark",mintTo:i,emailTo:s,listingId:a,auctionId:c,showOverlay:d=!0,mintConfig:p,whPassThroughArgs:v,environment:P,paymentMethod:U,preferredSigninMethod:Zt,dismissOverlayOnClick:te,prepay:ee,locale:ut="en-US",currency:oe="usd",successCallbackURL:re="",failureCallbackURL:ne="",loginEmail:se="",projectId:ie,getButtonText:Q,checkoutProps:ft={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=pt,Z=j(pt,["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"]),ae="clientId"in Z?Z.clientId:Z.collectionId,[L,le]=(0,Lt.useState)(!1),{isServerSideRendering:de}=st(),{connect:me}=(0,x.crossmintModalService)({clientId:ae,projectId:ie,showOverlay:d,dismissOverlayOnClick:te,setConnecting:le,libVersion:k,environment:P,clientName:x.clientNames.reactUi,locale:ut,currency:oe,successCallbackURL:re,failureCallbackURL:ne,loginEmail:se}),{getButtonText:ce,handleClick:ue}=(0,x.crossmintPayButtonService)({onClick:n,connecting:L,paymentMethod:U,locale:ut,checkoutProps:ft}),fe=ge=>ue(ge,()=>{me(p,i,s,a,v,U,Zt,ee,ft)}),tt=Vt(Bt(u)),pe=(0,Ut.useMemo)(()=>(0,S.jsx)("span",{className:tt.crossmintParagraph,role:"button-paragraph",children:Q!=null?Q(L,U||"fiat"):ce(L)}),[L,Q,U]);return(0,S.jsx)(S.Fragment,{children:!de&&(0,S.jsxs)("button",{className:`${tt.crossmintButton} ${e||""}`,disabled:o,onClick:fe,style:f({},r),tabIndex:l,children:[(0,S.jsx)("img",{className:tt.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),pe]})})}var g=require("react"),Dt=require("@crossmint/common-sdk-base"),_t=require("react/jsx-runtime"),jt=(0,g.createContext)(null);function Ae({children:t,apiKey:e,overrideBaseUrl:o}){let[n,r]=(0,g.useState)(0),l=(0,g.useRef)(new Proxy((0,Dt.createCrossmint)({apiKey:e,overrideBaseUrl:o}),{set(s,a,c){return a==="jwt"&&s.jwt!==c&&r(d=>d+1),Reflect.set(s,a,c)}})),u=(0,g.useCallback)(s=>{s!==l.current.jwt&&(l.current.jwt=s)},[]),i=(0,g.useMemo)(()=>({get crossmint(){return l.current},setJwt:u}),[u,n]);return(0,_t.jsx)(jt.Provider,{value:i,children:t})}function F(t){let e=(0,g.useContext)(jt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var Kt=require("react");var T=require("react"),O=require("@crossmint/client-sdk-smart-wallet");var Ht=require("react/jsx-runtime"),G=(0,T.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function it({children:t,defaultChain:e}){let{crossmint:o}=F("CrossmintWalletProvider must be used within CrossmintProvider"),n=(0,T.useMemo)(()=>O.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[r,l]=(0,T.useState)({status:"not-loaded"}),u=(s={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>r.status=="in-progress"?(console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."}):o.jwt==null?{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'}:(b(this,null,function*(){try{l({status:"in-progress"});let c=yield n.getOrCreateWallet({jwt:o.jwt},e,s);l({status:"loaded",wallet:c})}catch(c){console.error("There was an error creating a wallet ",c),l(Ne(c))}}),{startedCreation:!0}),i=()=>{l({status:"not-loaded"})};return(0,Ht.jsx)(G.Provider,{value:ht(f({},r),{getOrCreateWallet:u,clearWallet:i}),children:t})}function Ne(t){if(t instanceof O.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 O.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}function at(){let t=(0,Kt.useContext)(G);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var qt=require("react");var E=require("react"),Gt=require("react-dom"),Xt=require("@crossmint/common-sdk-base");var W=require("@headlessui/react"),y=require("react"),V=require("zod"),zt=require("@crossmint/client-sdk-window");var B=require("react/jsx-runtime");function lt({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 $t=require("clsx"),Yt=require("tailwind-merge");function Jt(...t){return(0,Yt.twMerge)((0,$t.clsx)(t))}var C=require("react/jsx-runtime"),Re={jwtToken:V.z.object({jwtToken:V.z.string()})},Me={closeWindow:V.z.object({closeWindow:V.z.string()})};function mt({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:n,appearance:r}){var c,d,p,v;let l=`${n}sdk/auth/frame?apiKey=${o}`;r!=null&&(l+=`&uiConfig=${encodeURIComponent(JSON.stringify(r))}`);let u=(0,y.useRef)(null),[i,s]=(0,y.useState)(null);(0,y.useEffect)(()=>{if(i!=null)return i.on("jwtToken",P=>{e(P.jwtToken),i.off("jwtToken"),i.send("closeWindow",{closeWindow:"closeWindow"}),(i==null?void 0:i.iframe.contentWindow)!=null&&i.iframe.contentWindow.close(),t(!1)}),()=>{i&&(i.off("jwtToken"),i.iframe.contentWindow!=null&&i.iframe.contentWindow.close())}},[i,e,t]);let a=()=>b(this,null,function*(){if(u.current==null){console.error("Something wrong happened, please try again");return}let P=yield zt.IFrameWindow.init(u.current,{incomingEvents:Re,outgoingEvents:Me});s(P)});return(0,C.jsx)(W.Transition.Root,{show:!0,as:y.Fragment,children:(0,C.jsxs)(W.Dialog,{as:"div",style:dt.dialog,onClose:()=>t(!1),children:[(0,C.jsx)(W.Transition.Child,{as:y.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:dt.transitionBegin})}),(0,C.jsx)(W.Transition.Child,{as:y.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:dt.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=r==null?void 0:r.colors)==null?void 0:c.border)!=null?d:"#909ca3",outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:(0,C.jsx)(lt,{})})}),(0,C.jsx)("iframe",{ref:u,src:l,onLoad:a,title:"Authentication Modal",className:Jt("w-full h-[500px] border pt-12 pb-8",(p=r==null?void 0:r.colors)!=null&&p.border?`border-[${r.colors.border}]`:"border-[#D0D5DD]",r!=null&&r.borderRadius?`rounded-[${r.borderRadius}]`:"rounded-2xl",(v=r==null?void 0:r.colors)!=null&&v.background?`bg-[${r.colors.background}]`:"bg-white")})]})})]})})}var dt={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 w=require("react/jsx-runtime"),ct="crossmint-session",X=(0,E.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function Fe({embeddedWallets:t,children:e,appearance:o}){let{crossmint:n,setJwt:r}=F("CrossmintAuthProvider must be used within CrossmintProvider"),l=(0,Xt.validateApiKeyAndGetCrossmintBaseUrl)(n.apiKey),[u,i]=(0,E.useState)(!1);(0,E.useEffect)(()=>{let d=Be();d!=null&&r(d)},[]);let s=()=>{if(n.jwt!=null){console.log("User already logged in");return}i(!0)},a=()=>{document.cookie=`${ct}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,r(void 0)};(0,E.useEffect)(()=>{n.jwt!=null&&i(!1)},[n.jwt]),(0,E.useEffect)(()=>{n.jwt&&(document.cookie=`${ct}=${n.jwt}; path=/;SameSite=Lax;`)},[n.jwt]);let c=()=>n.jwt!=null?"logged-in":u?"in-progress":"logged-out";return(0,w.jsx)(X.Provider,{value:{login:s,logout:a,jwt:n.jwt,status:c()},children:(0,w.jsxs)(it,{defaultChain:t.defaultChain,children:[(0,w.jsx)(Oe,{embeddedWallets:t,accessToken:n.jwt,children:e}),u?(0,Gt.createPortal)((0,w.jsx)(mt,{baseUrl:l,setModalOpen:i,setJwtToken:r,apiKey:n.apiKey,appearance:o}),document.body):null]})})}function Oe({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:n,clearWallet:r,status:l}=at();return(0,E.useEffect)(()=>{t.createOnLogin==="all-users"&&l==="not-loaded"&&o!=null&&n({type:t.type,signer:{type:"PASSKEY"}}),l==="loaded"&&o==null&&r()},[o,l]),(0,w.jsx)(w.Fragment,{children:e})}function Be(){let t=document.cookie.split("; ").find(e=>e.startsWith(ct));return t?t.split("=")[1]:void 0}function Ve(){let t=(0,qt.useContext)(X);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var q=require("@crossmint/client-sdk-base"),m=require("@crossmint/client-sdk-smart-wallet");(0,Qt.install)(bt);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,useWallet});
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});
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/twind.config.ts","../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx","../src/utils/classNames.ts"],"sourcesContent":["import { install } from \"@twind/core\";\n\nimport twindConfig from \"./twind.config\";\n\n// Initialize twind with custom configuration\n// This sets up the CSS-in-JS styling solution for the entire application\ninstall(twindConfig);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n type EVMSmartWallet,\n type ExternalSigner,\n type PasskeySigner,\n Chain,\n SmartWalletError,\n UserWalletAlreadyCreatedError,\n AdminAlreadyUsedError,\n AdminMismatchError,\n PasskeyMismatchError,\n PasskeyPromptError,\n PasskeyRegistrationError,\n PasskeyIncompatibleAuthenticatorError,\n ConfigError,\n SmartWalletsNotEnabledError,\n EVMSendTransactionError,\n EVMSendTransactionExecutionRevertedError,\n} from \"@crossmint/client-sdk-smart-wallet\";\nexport type { CrossmintEvent, CrossmintEventMap } from \"@crossmint/client-sdk-base\";\n","import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n presets: [presetTailwind(/* options */)],\n /* config */\n});\n","import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n assertValidNFTCollectionViewProps(props);\n\n const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n return (\n <iframe\n src={src}\n width=\"100%\"\n height=\"100%\"\n style={{\n flexGrow: \"1\",\n border: \"none\",\n margin: \"0\",\n padding: \"0\",\n }}\n role=\"nft-collection-view\"\n />\n );\n}\n","export const LIB_VERSION = \"1.3.23\";\n","import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTDetailProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTDetail(props: NFTDetailProps) {\n assertValidValidateNFTDetailProps(props);\n\n const src = getNFTDetailSrc(props, LIB_VERSION);\n\n return (\n <iframe\n src={src}\n width=\"100%\"\n height=\"100%\"\n style={{\n flexGrow: \"1\",\n border: \"none\",\n margin: \"0\",\n padding: \"0\",\n }}\n role=\"nft-details\"\n />\n );\n}\n","import {\n CrossmintEmbeddedCheckoutProps,\n isCryptoEmbeddedCheckoutProps,\n isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\n// TODO: Rename to CrossmintEmbeddedCheckout on v2 major publish, prior announcement since its a breaking change\nexport function CrossmintPaymentElement(props: CrossmintEmbeddedCheckoutProps) {\n if (isFiatEmbeddedCheckoutProps(props)) {\n return <CrossmintFiatEmbeddedCheckout {...props} />;\n }\n if (isCryptoEmbeddedCheckoutProps(props)) {\n return <CrossmintCryptoEmbeddedCheckout {...props} />;\n }\n throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n","import { CryptoEmbeddedCheckoutProps, isCryptoEmbeddedCheckoutPropsWithSigner } from \"@crossmint/client-sdk-base\";\n\nimport CryptoEmbeddedCheckoutIFrame from \"./CryptoEmbeddedCheckoutIFrame\";\n\nexport function CrossmintCryptoEmbeddedCheckout(props: CryptoEmbeddedCheckoutProps) {\n if (!isCryptoEmbeddedCheckoutPropsWithSigner(props)) {\n throw new Error(\"Invalid parameters: signer is required in versions < 2.0.0\");\n }\n\n return <CryptoEmbeddedCheckoutIFrame {...props} />;\n}\n","import bs58 from \"bs58\";\n\nimport {\n CryptoEmbeddedCheckoutPropsWithSigner,\n ETHEmbeddedCheckoutSigner,\n IncomingInternalEvent,\n IncomingInternalEvents,\n OutgoingInternalEvents,\n SOLEmbeddedCheckoutSigner,\n crossmintIFrameService,\n embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport { EVMBlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function CryptoEmbeddedCheckoutIFrame(props: CryptoEmbeddedCheckoutPropsWithSigner) {\n const { emitInternalEvent } = crossmintIFrameService(props);\n\n const { signer, paymentMethod } = props;\n\n function onInternalEvent(event: IncomingInternalEvent) {\n const { type, payload } = event;\n\n if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {\n const { serializedTransaction } = payload;\n console.log(\"[Crossmint] Received incoming transaction\", serializedTransaction);\n handleIncomingTransaction(serializedTransaction);\n }\n\n if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {\n const { chain } = payload;\n console.log(\"[Crossmint] Received change of chain\", chain);\n\n const handleChainSwitch = (signer as ETHEmbeddedCheckoutSigner).handleChainSwitch;\n if (handleChainSwitch == null) {\n throw new Error(\"switchNetwork function should have been defined\");\n }\n handleChainSwitch(chain as EVMBlockchainIncludingTestnet);\n }\n }\n\n async function handleIncomingTransaction(serializedTransaction: string) {\n try {\n let txId: string;\n switch (paymentMethod) {\n case \"SOL\":\n txId = await handleSOLTransaction(signer, serializedTransaction);\n break;\n case \"ETH\":\n txId = await handleETHTransaction(signer, serializedTransaction);\n break;\n default:\n throw new Error(`Unsupported payment method ${paymentMethod}`);\n }\n\n console.log(\"[Crossmint] Signed and sent transaction\", txId);\n emitInternalEvent({\n type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,\n payload: {\n txId,\n },\n });\n } catch (e) {\n console.error(\"[Crossmint] Failed to sign and send transaction\", e);\n emitInternalEvent({\n type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,\n payload: {},\n });\n }\n }\n\n async function handleSOLTransaction(signer: SOLEmbeddedCheckoutSigner, serializedTransaction: string) {\n // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n const { Transaction } = await import(\"@solana/web3.js\");\n const transaction = Transaction.from(bs58.decode(serializedTransaction));\n console.log(\"[Crossmint] Deserialized SOL transaction\", transaction);\n\n return await signer.signAndSendTransaction(transaction);\n }\n\n async function handleETHTransaction(signer: ETHEmbeddedCheckoutSigner, serializedTransaction: string) {\n // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n const { parse: parseTransaction } = await import(\"@ethersproject/transactions\");\n const transaction = parseTransaction(serializedTransaction);\n console.log(\"[Crossmint] Deserialized ETH transaction\", transaction);\n\n return await signer.signAndSendTransaction(transaction);\n }\n\n useDeepEffect(() => {\n emitInternalEvent({\n type: \"params-update\",\n payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n });\n }, [\n props.signer.address,\n props.recipient,\n props.mintConfig,\n props.locale,\n props.currency,\n props.whPassThroughArgs,\n ...(\"chain\" in props.signer ? [props.signer.chain] : []),\n ]);\n\n return <CrossmintEmbeddedCheckoutIFrame onInternalEvent={onInternalEvent} {...props} />;\n}\n","import isEqual from \"lodash.isequal\";\nimport { DependencyList, EffectCallback, useEffect, useRef } from \"react\";\n\nexport default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {\n const dependenciesRef = useRef(dependencies);\n\n useEffect(() => {\n const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));\n\n if (hasChanged) {\n dependenciesRef.current = dependencies;\n return callback();\n }\n }, [dependencies]);\n}\n","import { useEffect, useState } from \"react\";\n\nimport {\n CrossmintEmbeddedCheckoutProps,\n IncomingInternalEvent,\n IncomingInternalEvents,\n crossmintIFrameService,\n} from \"@crossmint/client-sdk-base\";\n\ntype CrossmintEmbeddedCheckoutIFrameProps = CrossmintEmbeddedCheckoutProps & {\n onInternalEvent?: (event: IncomingInternalEvent) => void;\n};\n\nexport default function CrossmintEmbeddedCheckoutIFrame({\n onInternalEvent,\n ...props\n}: CrossmintEmbeddedCheckoutIFrameProps) {\n const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);\n\n const [height, setHeight] = useState(0);\n const [url] = useState(getUrl(props));\n\n // Public events\n useEffect(() => {\n const clearListener = listenToEvents((event) => props.onEvent?.(event.data));\n\n return () => {\n clearListener();\n };\n }, []);\n\n // Internal events\n useEffect(() => {\n const clearListener = listenToInternalEvents((event) => {\n const { type, payload } = event.data;\n\n if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {\n setHeight(payload.height);\n }\n\n onInternalEvent?.(event.data);\n });\n\n return () => {\n clearListener();\n };\n }, []);\n\n return (\n <iframe\n src={url}\n id=\"crossmint-embedded-checkout.iframe\"\n role=\"crossmint-embedded-checkout.iframe\"\n allow=\"payment *\"\n style={{\n boxShadow: \"none\",\n border: \"none\",\n padding: \"0px\",\n width: \"100%\",\n minWidth: \"100%\",\n overflow: \"hidden\",\n display: \"block\",\n userSelect: \"none\",\n transform: \"translate(0px)\",\n opacity: \"1\",\n transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n height: `${height}px`,\n }}\n />\n );\n}\n","import {\n FiatEmbeddedCheckoutProps,\n crossmintIFrameService,\n embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n const { emitInternalEvent } = crossmintIFrameService(props);\n\n useDeepEffect(() => {\n emitInternalEvent({\n type: \"params-update\",\n payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n });\n }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n","import { FiatEmbeddedCheckoutProps } from \"@crossmint/client-sdk-base\";\n\nimport FiatEmbeddedCheckoutIFrame from \"../../../components/embed/fiat/FiatEmbeddedCheckoutIFrame\";\n\nexport function CrossmintFiatEmbeddedCheckout(props: FiatEmbeddedCheckoutProps) {\n return <FiatEmbeddedCheckoutIFrame {...props} />;\n}\n","import { CSSProperties, MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n CheckoutProps,\n CrossmintPayButtonProps,\n clientNames,\n crossmintModalService,\n crossmintPayButtonService,\n} from \"@crossmint/client-sdk-base\";\n\nimport { LIB_VERSION } from \"../../consts/version\";\nimport useEnvironment from \"../../hooks/useEnvironment\";\nimport { formatProps, useStyles } from \"./styles\";\n\nexport type CrossmintPayButtonReactProps = CrossmintPayButtonProps & {\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n style?: CSSProperties;\n};\n\nexport function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps) {\n const {\n className,\n disabled,\n onClick,\n style,\n tabIndex,\n theme = \"dark\",\n mintTo,\n emailTo,\n listingId,\n auctionId,\n showOverlay = true,\n mintConfig,\n whPassThroughArgs,\n environment,\n paymentMethod,\n preferredSigninMethod,\n dismissOverlayOnClick,\n prepay,\n locale = \"en-US\",\n currency = \"usd\",\n successCallbackURL = \"\",\n failureCallbackURL = \"\",\n loginEmail = \"\",\n projectId,\n getButtonText,\n checkoutProps = {\n experimental: false,\n display: \"same-tab\",\n paymentMethods: [\"fiat\", \"ETH\", \"SOL\"],\n } as CheckoutProps,\n ...props\n } = buttonProps;\n\n const collectionId = \"clientId\" in props ? props.clientId : props.collectionId;\n\n const [connecting, setConnecting] = useState(false);\n const { isServerSideRendering } = useEnvironment();\n\n const { connect } = crossmintModalService({\n clientId: collectionId,\n projectId,\n showOverlay,\n dismissOverlayOnClick,\n setConnecting,\n libVersion: LIB_VERSION,\n environment,\n clientName: clientNames.reactUi,\n locale,\n currency,\n successCallbackURL,\n failureCallbackURL,\n loginEmail,\n });\n\n const { getButtonText: getButtonTextInternal, handleClick } = crossmintPayButtonService({\n onClick,\n connecting,\n paymentMethod,\n locale,\n checkoutProps,\n });\n\n const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>\n handleClick(event, () => {\n connect(\n mintConfig,\n mintTo,\n emailTo,\n listingId,\n whPassThroughArgs,\n paymentMethod,\n preferredSigninMethod,\n prepay,\n checkoutProps\n );\n });\n\n const classes = useStyles(formatProps(theme));\n\n const content = useMemo(() => {\n return (\n <span className={classes.crossmintParagraph} role=\"button-paragraph\">\n {getButtonText != null\n ? getButtonText(connecting, paymentMethod || \"fiat\")\n : getButtonTextInternal(connecting)}\n </span>\n );\n }, [connecting, getButtonText, paymentMethod]);\n\n return (\n <>\n {!isServerSideRendering && (\n <button\n className={`${classes.crossmintButton} ${className || \"\"}`}\n disabled={disabled}\n onClick={_handleClick}\n style={{ ...style }}\n tabIndex={tabIndex}\n >\n <img\n className={classes.crossmintImg}\n src=\"https://www.crossmint.io/assets/crossmint/logo.svg\"\n alt=\"Crossmint logo\"\n />\n {content}\n </button>\n )}\n </>\n );\n}\n","import { useEffect, useState } from \"react\";\n\nexport default function useEnvironment() {\n const [isServerSideRendering, setIsServerSideRendering] = useState(true);\n useEffect(() => {\n setIsServerSideRendering(false);\n }, []);\n\n return { isServerSideRendering };\n}\n","import { Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n buttonBgColor?: string;\n paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n \"@global\": {\n \"@import\":\n \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n },\n crossmintButton: {\n display: \"flex\",\n \"flex-direction\": \"row\",\n \"align-items\": \"center\",\n padding: \"0.875rem 0.875rem\",\n \"font-weight\": \"900\",\n transition: \"opacity ease-in-out 0.25s\",\n \"border-radius\": \"0.5rem\",\n \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n outline: \"none\",\n border: \"none\",\n \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n \"justify-content\": \"center\",\n background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n \"&:hover:enabled\": {\n opacity: \"0.6\",\n cursor: \"pointer\",\n },\n },\n crossmintImg: {\n width: \"21px\",\n height: \"21px\",\n \"margin-right\": \"0.875rem\",\n },\n crossmintParagraph: {\n color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n margin: \"0\",\n },\n};\n\nexport const useStyles: (\n data?:\n | CustomStylingProps & {\n theme?: any;\n }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n","import { ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Crossmint, createCrossmint } from \"@crossmint/common-sdk-base\";\n\nexport interface CrossmintContext {\n crossmint: Crossmint;\n setJwt: (jwt: string | undefined) => void;\n}\n\nconst CrossmintContext = createContext<CrossmintContext | null>(null);\n\nexport function CrossmintProvider({\n children,\n apiKey,\n overrideBaseUrl,\n}: Omit<Crossmint, \"jwt\"> & {\n children: ReactNode;\n}) {\n const [version, setVersion] = useState(0);\n\n const crossmintRef = useRef<Crossmint>(\n new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {\n set(target, prop, value) {\n if (prop === \"jwt\" && target.jwt !== value) {\n setVersion((v) => v + 1);\n }\n return Reflect.set(target, prop, value);\n },\n })\n );\n\n const setJwt = useCallback((jwt: string | undefined) => {\n if (jwt !== crossmintRef.current.jwt) {\n crossmintRef.current.jwt = jwt;\n }\n }, []);\n\n const value = useMemo(\n () => ({\n get crossmint() {\n return crossmintRef.current;\n },\n setJwt,\n }),\n [setJwt, version]\n );\n\n return <CrossmintContext.Provider value={value}>{children}</CrossmintContext.Provider>;\n}\n\nexport function useCrossmint(missingContextMessage?: string) {\n const context = useContext(CrossmintContext);\n if (context == null) {\n throw new Error(missingContextMessage ?? \"useCrossmint must be used within a CrossmintProvider\");\n }\n return context;\n}\n","import { useContext } from \"react\";\n\nimport { WalletContext } from \"../providers/CrossmintWalletProvider\";\n\nexport function useWallet() {\n const walletContext = useContext(WalletContext);\n\n if (!walletContext) {\n throw new Error(\"useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider\");\n }\n\n return walletContext;\n}\n","import { ReactNode, createContext, useMemo, useState } from \"react\";\n\nimport {\n EVMSmartWallet,\n EVMSmartWalletChain,\n SmartWalletError,\n SmartWalletSDK,\n WalletParams,\n} from \"@crossmint/client-sdk-smart-wallet\";\n\nimport { useCrossmint } from \"../hooks\";\n\ntype WalletStatus = \"not-loaded\" | \"in-progress\" | \"loaded\" | \"loading-error\";\ntype ValidWalletState =\n | { status: \"not-loaded\" | \"in-progress\" }\n | { status: \"loaded\"; wallet: EVMSmartWallet }\n | { status: \"loading-error\"; error: SmartWalletError };\n\ntype WalletContext = {\n status: WalletStatus;\n wallet?: EVMSmartWallet;\n error?: SmartWalletError;\n getOrCreateWallet: (config?: WalletConfig) => { startedCreation: boolean; reason?: string };\n clearWallet: () => void;\n};\n\nexport const WalletContext = createContext<WalletContext>({\n status: \"not-loaded\",\n getOrCreateWallet: () => ({ startedCreation: false }),\n clearWallet: () => {},\n});\n\nexport type WalletConfig = WalletParams & { type: \"evm-smart-wallet\" };\n\nexport function CrossmintWalletProvider({\n children,\n defaultChain,\n}: {\n children: ReactNode;\n defaultChain: EVMSmartWalletChain;\n}) {\n const { crossmint } = useCrossmint(\"CrossmintWalletProvider must be used within CrossmintProvider\");\n const smartWalletSDK = useMemo(() => SmartWalletSDK.init({ clientApiKey: crossmint.apiKey }), [crossmint.apiKey]);\n\n const [state, setState] = useState<ValidWalletState>({ status: \"not-loaded\" });\n\n const getOrCreateWallet = (config: WalletConfig = { type: \"evm-smart-wallet\", signer: { type: \"PASSKEY\" } }) => {\n if (state.status == \"in-progress\") {\n console.log(\"Wallet already loading\");\n return { startedCreation: false, reason: \"Wallet is already loading.\" };\n }\n\n if (crossmint.jwt == null) {\n return { startedCreation: false, reason: `Jwt not set in \"CrossmintProvider\".` };\n }\n\n const internalCall = async () => {\n try {\n setState({ status: \"in-progress\" });\n const wallet = await smartWalletSDK.getOrCreateWallet(\n { jwt: crossmint.jwt as string },\n defaultChain,\n config\n );\n setState({ status: \"loaded\", wallet });\n } catch (error: unknown) {\n console.error(\"There was an error creating a wallet \", error);\n setState(deriveErrorState(error));\n }\n };\n\n internalCall();\n return { startedCreation: true };\n };\n\n const clearWallet = () => {\n setState({ status: \"not-loaded\" });\n };\n\n return (\n <WalletContext.Provider value={{ ...state, getOrCreateWallet, clearWallet }}>{children}</WalletContext.Provider>\n );\n}\n\nfunction deriveErrorState(error: unknown): { status: \"loading-error\"; error: SmartWalletError } {\n if (error instanceof SmartWalletError) {\n return { status: \"loading-error\", error };\n }\n\n const message = error instanceof Error ? error.message : String(error);\n const stack = error instanceof Error ? error.stack : undefined;\n return { status: \"loading-error\", error: new SmartWalletError(`Unknown Wallet Error: ${message}`, stack) };\n}\n","import { useContext } from \"react\";\n\nimport { AuthContext } from \"../providers\";\n\nexport function useAuth() {\n const context = useContext(AuthContext);\n if (context === undefined) {\n throw new Error(\"useAuth must be used within an AuthProvider\");\n }\n return context;\n}\n","import { type ReactNode, createContext, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { EVMSmartWalletChain } from \"@crossmint/client-sdk-smart-wallet\";\nimport { type UIConfig, validateApiKeyAndGetCrossmintBaseUrl } from \"@crossmint/common-sdk-base\";\n\nimport AuthModal from \"../components/auth/AuthModal\";\nimport { useCrossmint, useWallet } from \"../hooks\";\nimport { CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\n\nconst SESSION_PREFIX = \"crossmint-session\";\n\nexport type CrossmintAuthWalletConfig = {\n defaultChain: EVMSmartWalletChain;\n createOnLogin: \"all-users\" | \"off\";\n type: \"evm-smart-wallet\";\n};\n\nexport type CrossmintAuthProviderProps = {\n embeddedWallets: CrossmintAuthWalletConfig;\n appearance?: UIConfig;\n children: ReactNode;\n};\n\ntype AuthStatus = \"logged-in\" | \"logged-out\" | \"in-progress\";\n\ntype AuthContextType = {\n login: () => void;\n logout: () => void;\n jwt?: string;\n status: AuthStatus;\n};\n\nexport const AuthContext = createContext<AuthContextType>({\n login: () => {},\n logout: () => {},\n status: \"logged-out\",\n});\n\nexport function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps) {\n const { crossmint, setJwt } = useCrossmint(\"CrossmintAuthProvider must be used within CrossmintProvider\");\n const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);\n const [modalOpen, setModalOpen] = useState(false);\n\n useEffect(() => {\n const session = sessionFromClient();\n if (session != null) {\n setJwt(session);\n }\n }, []);\n\n const login = () => {\n if (crossmint.jwt != null) {\n console.log(\"User already logged in\");\n return;\n }\n\n setModalOpen(true);\n };\n\n const logout = () => {\n document.cookie = `${SESSION_PREFIX}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;\n setJwt(undefined);\n };\n\n useEffect(() => {\n if (crossmint.jwt == null) {\n return;\n }\n\n setModalOpen(false);\n }, [crossmint.jwt]);\n\n useEffect(() => {\n if (crossmint.jwt) {\n document.cookie = `${SESSION_PREFIX}=${crossmint.jwt}; path=/;SameSite=Lax;`;\n }\n }, [crossmint.jwt]);\n\n const getAuthStatus = (): AuthStatus => {\n if (crossmint.jwt != null) {\n return \"logged-in\";\n }\n if (modalOpen) {\n return \"in-progress\";\n }\n return \"logged-out\";\n };\n\n return (\n <AuthContext.Provider\n value={{\n login,\n logout,\n jwt: crossmint.jwt,\n status: getAuthStatus(),\n }}\n >\n <CrossmintWalletProvider defaultChain={embeddedWallets.defaultChain}>\n <WalletManager embeddedWallets={embeddedWallets} accessToken={crossmint.jwt}>\n {children}\n </WalletManager>\n {modalOpen\n ? createPortal(\n <AuthModal\n baseUrl={crossmintBaseUrl}\n setModalOpen={setModalOpen}\n setJwtToken={setJwt}\n apiKey={crossmint.apiKey}\n appearance={appearance}\n />,\n\n document.body\n )\n : null}\n </CrossmintWalletProvider>\n </AuthContext.Provider>\n );\n}\n\nfunction WalletManager({\n embeddedWallets,\n children,\n accessToken,\n}: {\n embeddedWallets: CrossmintAuthWalletConfig;\n children: ReactNode;\n accessToken: string | undefined;\n}) {\n const { getOrCreateWallet, clearWallet, status } = useWallet();\n\n useEffect(() => {\n if (embeddedWallets.createOnLogin === \"all-users\" && status === \"not-loaded\" && accessToken != null) {\n getOrCreateWallet({\n type: embeddedWallets.type,\n signer: { type: \"PASSKEY\" },\n });\n }\n\n if (status === \"loaded\" && accessToken == null) {\n clearWallet();\n }\n }, [accessToken, status]);\n\n return <>{children}</>;\n}\n\nfunction sessionFromClient(): string | undefined {\n const crossmintSession = document.cookie.split(\"; \").find((row) => row.startsWith(SESSION_PREFIX));\n return crossmintSession ? crossmintSession.split(\"=\")[1] : undefined;\n}\n","import { Dialog, Transition } from \"@headlessui/react\";\nimport { CSSProperties, Fragment, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\n\nimport { IFrameWindow } from \"@crossmint/client-sdk-window\";\nimport { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport X from \"../../icons/x\";\nimport { classNames } from \"../../utils/classNames\";\n\nconst incomingModalIframeEvents = {\n jwtToken: z.object({\n jwtToken: z.string(),\n }),\n};\n\nconst outgoingModalIframeEvents = {\n closeWindow: z.object({\n closeWindow: z.string(),\n }),\n};\n\ntype IncomingModalIframeEventsType = {\n jwtToken: typeof incomingModalIframeEvents.jwtToken;\n};\n\ntype OutgoingModalIframeEventsType = {\n closeWindow: typeof outgoingModalIframeEvents.closeWindow;\n};\n\ntype AuthModalProps = {\n setModalOpen: (open: boolean) => void;\n setJwtToken: (jwtToken: string) => void;\n apiKey: string;\n baseUrl: string;\n appearance?: UIConfig;\n};\n\nexport default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {\n let iframeSrc = `${baseUrl}sdk/auth/frame?apiKey=${apiKey}`;\n if (appearance != null) {\n // The appearance object is serialized into a query parameter\n iframeSrc += `&uiConfig=${encodeURIComponent(JSON.stringify(appearance))}`;\n }\n\n const iframeRef = useRef<HTMLIFrameElement | null>(null);\n const [iframe, setIframe] = useState<IFrameWindow<\n IncomingModalIframeEventsType,\n OutgoingModalIframeEventsType\n > | null>(null);\n\n useEffect(() => {\n if (iframe == null) {\n return;\n }\n\n iframe.on(\"jwtToken\", (data) => {\n setJwtToken(data.jwtToken);\n iframe.off(\"jwtToken\");\n\n iframe.send(\"closeWindow\", {\n closeWindow: \"closeWindow\",\n });\n\n if (iframe?.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n setModalOpen(false);\n });\n\n return () => {\n if (iframe) {\n iframe.off(\"jwtToken\");\n\n if (iframe.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n }\n };\n }, [iframe, setJwtToken, setModalOpen]);\n\n const handleIframeLoaded = async () => {\n if (iframeRef.current == null) {\n // The iframe should be load, here we should log on DD if possible\n console.error(\"Something wrong happened, please try again\");\n return;\n }\n\n const initIframe = await IFrameWindow.init(iframeRef.current, {\n incomingEvents: incomingModalIframeEvents,\n outgoingEvents: outgoingModalIframeEvents,\n });\n setIframe(initIframe);\n };\n\n return (\n <Transition.Root show as={Fragment}>\n <Dialog as=\"div\" style={styles.dialog} onClose={() => setModalOpen(false)}>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0\"\n enterTo=\"opacity-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100\"\n leaveTo=\"opacity-0\"\n >\n <div style={styles.transitionBegin} />\n </Transition.Child>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n >\n <div style={styles.transitionEnd} onClick={(e) => e.stopPropagation()}>\n <div style={{ position: \"relative\", width: \"100%\" }}>\n <button\n type=\"button\"\n aria-label=\"Close\"\n style={{\n width: \"1.5rem\",\n position: \"absolute\",\n right: \"1.5rem\",\n top: \"1.5rem\",\n cursor: \"pointer\",\n color: appearance?.colors?.border ?? \"#909ca3\",\n outlineOffset: \"4px\",\n borderRadius: \"100%\",\n }}\n onClick={() => setModalOpen(false)}\n >\n <X />\n </button>\n </div>\n <iframe\n ref={iframeRef}\n src={iframeSrc}\n onLoad={handleIframeLoaded}\n title=\"Authentication Modal\"\n className={classNames(\n \"w-full h-[500px] border pt-12 pb-8\",\n appearance?.colors?.border\n ? `border-[${appearance.colors.border}]`\n : \"border-[#D0D5DD]\",\n appearance?.borderRadius ? `rounded-[${appearance.borderRadius}]` : \"rounded-2xl\",\n appearance?.colors?.background ? `bg-[${appearance.colors.background}]` : \"bg-white\"\n )}\n />\n </div>\n </Transition.Child>\n </Dialog>\n </Transition.Root>\n );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n dialog: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflowY: \"auto\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 20,\n },\n transitionBegin: {\n background: \"rgba(139, 151, 151, 0.2)\",\n backdropFilter: \"blur(2px)\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transitionProperty: \"opacity\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"300ms\",\n zIndex: -10,\n },\n transitionEnd: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: \"448px\",\n borderRadius: \"0.75rem\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n zIndex: 30,\n },\n};\n","export default function X({ className }: { className?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={className}\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines multiple class names into a single string.\n *\n * @param inputs - The class names to combine.\n * @returns The combined class names as a string.\n */\nexport function classNames(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useWallet","__toCommonJS","import_core","import_core","import_preset_tailwind","twind_config_default","presetTailwind","import_client_sdk_base","LIB_VERSION","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","import_jsx_runtime","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","useCrossmint","missingContextMessage","context","import_react","import_react","import_client_sdk_smart_wallet","import_jsx_runtime","WalletContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","state","setState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","message","stack","useWallet","walletContext","WalletContext","import_react","import_react","import_react_dom","import_common_sdk_base","import_react","import_zod","import_client_sdk_window","import_jsx_runtime","X","className","import_clsx","import_tailwind_merge","classNames","inputs","import_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","classNames","import_jsx_runtime","SESSION_PREFIX","AuthContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","modalOpen","setModalOpen","session","sessionFromClient","login","logout","getAuthStatus","CrossmintWalletProvider","WalletManager","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","crossmintSession","row","useAuth","context","AuthContext","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.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":["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"]}
package/dist/index.d.cts CHANGED
@@ -6,7 +6,8 @@ import * as react from 'react';
6
6
  import { MouseEvent, CSSProperties, ReactNode } from 'react';
7
7
  import * as _crossmint_client_sdk_smart_wallet from '@crossmint/client-sdk-smart-wallet';
8
8
  import { EVMSmartWallet, SmartWalletError, WalletParams, EVMSmartWalletChain } from '@crossmint/client-sdk-smart-wallet';
9
- export { AdminAlreadyUsedError, AdminMismatchError, Chain, ConfigError, EVMSendTransactionError, EVMSendTransactionExecutionRevertedError, EVMSmartWallet, ExternalSigner, PasskeyIncompatibleAuthenticatorError, PasskeyMismatchError, PasskeyPromptError, PasskeyRegistrationError, PasskeySigner, SmartWalletError, SmartWalletsNotEnabledError, UserWalletAlreadyCreatedError } from '@crossmint/client-sdk-smart-wallet';
9
+ export { AdminAlreadyUsedError, AdminMismatchError, Chain, ConfigError, EVMSendTransactionError, EVMSendTransactionExecutionRevertedError, EVMSmartWallet, PasskeyIncompatibleAuthenticatorError, PasskeyMismatchError, PasskeyPromptError, PasskeyRegistrationError, PasskeySigner, SmartWalletError, SmartWalletsNotEnabledError, UserWalletAlreadyCreatedError } from '@crossmint/client-sdk-smart-wallet';
10
+ import { CrossmintAuthService } from '@crossmint/client-sdk-auth-core/client';
10
11
 
11
12
  declare function CrossmintNFTCollectionView(props: NFTCollectionViewProps): react_jsx_runtime.JSX.Element;
12
13
 
@@ -23,6 +24,7 @@ declare function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps):
23
24
  interface CrossmintContext {
24
25
  crossmint: Crossmint;
25
26
  setJwt: (jwt: string | undefined) => void;
27
+ setRefreshToken: (refreshToken: string | undefined) => void;
26
28
  }
27
29
  declare function CrossmintProvider({ children, apiKey, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
28
30
  children: ReactNode;
@@ -64,9 +66,24 @@ declare function useAuth(): {
64
66
  login: () => void;
65
67
  logout: () => void;
66
68
  jwt?: string;
69
+ refreshToken?: string;
67
70
  status: "in-progress" | "logged-in" | "logged-out";
68
71
  };
69
72
 
73
+ type AuthMaterial = {
74
+ jwtToken: string;
75
+ refreshToken: {
76
+ secret: string;
77
+ expiresAt: string;
78
+ };
79
+ };
80
+ type UseAuthTokenRefreshProps = {
81
+ crossmintAuthService: CrossmintAuthService;
82
+ setAuthMaterial: (authMaterial: AuthMaterial) => void;
83
+ logout: () => void;
84
+ };
85
+ declare function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps): void;
86
+
70
87
  type CrossmintAuthWalletConfig = {
71
88
  defaultChain: EVMSmartWalletChain;
72
89
  createOnLogin: "all-users" | "off";
@@ -82,9 +99,10 @@ type AuthContextType = {
82
99
  login: () => void;
83
100
  logout: () => void;
84
101
  jwt?: string;
102
+ refreshToken?: string;
85
103
  status: AuthStatus;
86
104
  };
87
105
  declare const AuthContext: react.Context<AuthContextType>;
88
106
  declare function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
89
107
 
90
- export { AuthContext, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useWallet };
108
+ export { AuthContext, type AuthMaterial, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useRefreshToken, useWallet };
package/dist/index.d.ts CHANGED
@@ -6,7 +6,8 @@ import * as react from 'react';
6
6
  import { MouseEvent, CSSProperties, ReactNode } from 'react';
7
7
  import * as _crossmint_client_sdk_smart_wallet from '@crossmint/client-sdk-smart-wallet';
8
8
  import { EVMSmartWallet, SmartWalletError, WalletParams, EVMSmartWalletChain } from '@crossmint/client-sdk-smart-wallet';
9
- export { AdminAlreadyUsedError, AdminMismatchError, Chain, ConfigError, EVMSendTransactionError, EVMSendTransactionExecutionRevertedError, EVMSmartWallet, ExternalSigner, PasskeyIncompatibleAuthenticatorError, PasskeyMismatchError, PasskeyPromptError, PasskeyRegistrationError, PasskeySigner, SmartWalletError, SmartWalletsNotEnabledError, UserWalletAlreadyCreatedError } from '@crossmint/client-sdk-smart-wallet';
9
+ export { AdminAlreadyUsedError, AdminMismatchError, Chain, ConfigError, EVMSendTransactionError, EVMSendTransactionExecutionRevertedError, EVMSmartWallet, PasskeyIncompatibleAuthenticatorError, PasskeyMismatchError, PasskeyPromptError, PasskeyRegistrationError, PasskeySigner, SmartWalletError, SmartWalletsNotEnabledError, UserWalletAlreadyCreatedError } from '@crossmint/client-sdk-smart-wallet';
10
+ import { CrossmintAuthService } from '@crossmint/client-sdk-auth-core/client';
10
11
 
11
12
  declare function CrossmintNFTCollectionView(props: NFTCollectionViewProps): react_jsx_runtime.JSX.Element;
12
13
 
@@ -23,6 +24,7 @@ declare function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps):
23
24
  interface CrossmintContext {
24
25
  crossmint: Crossmint;
25
26
  setJwt: (jwt: string | undefined) => void;
27
+ setRefreshToken: (refreshToken: string | undefined) => void;
26
28
  }
27
29
  declare function CrossmintProvider({ children, apiKey, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
28
30
  children: ReactNode;
@@ -64,9 +66,24 @@ declare function useAuth(): {
64
66
  login: () => void;
65
67
  logout: () => void;
66
68
  jwt?: string;
69
+ refreshToken?: string;
67
70
  status: "in-progress" | "logged-in" | "logged-out";
68
71
  };
69
72
 
73
+ type AuthMaterial = {
74
+ jwtToken: string;
75
+ refreshToken: {
76
+ secret: string;
77
+ expiresAt: string;
78
+ };
79
+ };
80
+ type UseAuthTokenRefreshProps = {
81
+ crossmintAuthService: CrossmintAuthService;
82
+ setAuthMaterial: (authMaterial: AuthMaterial) => void;
83
+ logout: () => void;
84
+ };
85
+ declare function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps): void;
86
+
70
87
  type CrossmintAuthWalletConfig = {
71
88
  defaultChain: EVMSmartWalletChain;
72
89
  createOnLogin: "all-users" | "off";
@@ -82,9 +99,10 @@ type AuthContextType = {
82
99
  login: () => void;
83
100
  logout: () => void;
84
101
  jwt?: string;
102
+ refreshToken?: string;
85
103
  status: AuthStatus;
86
104
  };
87
105
  declare const AuthContext: react.Context<AuthContextType>;
88
106
  declare function CrossmintAuthProvider({ embeddedWallets, children, appearance }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
89
107
 
90
- export { AuthContext, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useWallet };
108
+ export { AuthContext, type AuthMaterial, CrossmintAuthProvider, type CrossmintAuthProviderProps, type CrossmintAuthWalletConfig, type CrossmintContext, CrossmintNFTCollectionView, CrossmintNFTDetail, CrossmintPayButton, type CrossmintPayButtonReactProps, CrossmintPaymentElement, CrossmintProvider, CrossmintWalletProvider, type WalletConfig, WalletContext, useAuth, useCrossmint, useRefreshToken, useWallet };