@crossmint/client-sdk-react-ui 1.3.18 → 1.3.20
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.
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/auth/AuthModal.tsx +1 -1
- package/src/consts/version.ts +1 -1
- package/src/hooks/useCrossmint.tsx +6 -3
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var de=Object.create;var R=Object.defineProperty,me=Object.defineProperties,ce=Object.getOwnPropertyDescriptor,ue=Object.getOwnPropertyDescriptors,fe=Object.getOwnPropertyNames,_=Object.getOwnPropertySymbols,pe=Object.getPrototypeOf,ot=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var Ct=(t,e,o)=>e in t?R(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,f=(t,e)=>{for(var o in e||(e={}))ot.call(e,o)&&Ct(t,o,e[o]);if(_)for(var o of _(e))ht.call(e,o)&&Ct(t,o,e[o]);return t},yt=(t,e)=>me(t,ue(e));var I=(t,e)=>{var o={};for(var r in t)ot.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&_)for(var r of _(t))e.indexOf(r)<0&&ht.call(t,r)&&(o[r]=t[r]);return o};var ge=(t,e)=>{for(var o in e)R(t,o,{get:e[o],enumerable:!0})},Et=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of fe(e))!ot.call(t,n)&&n!==o&&R(t,n,{get:()=>e[n],enumerable:!(r=ce(e,n))||r.enumerable});return t};var j=(t,e,o)=>(o=t!=null?de(pe(t)):{},Et(e||!t||!t.__esModule?R(o,"default",{value:t,enumerable:!0}):o,t)),Ce=t=>Et(R({},"__esModule",{value:!0}),t);var b=(t,e,o)=>new Promise((r,n)=>{var m=a=>{try{s(o.next(a))}catch(i){n(i)}},u=a=>{try{s(o.throw(a))}catch(i){n(i)}},s=a=>a.done?r(a.value):Promise.resolve(a.value).then(m,u);s((o=o.apply(t,e)).next())});var Ae={};ge(Ae,{AdminAlreadyUsedError:()=>d.AdminAlreadyUsedError,AdminMismatchError:()=>d.AdminMismatchError,AuthContext:()=>q,Chain:()=>d.Chain,ConfigError:()=>d.ConfigError,CrossmintAuthProvider:()=>xe,CrossmintEvents:()=>Q.CrossmintEvents,CrossmintNFTCollectionView:()=>he,CrossmintNFTDetail:()=>ye,CrossmintPayButton:()=>Se,CrossmintPaymentElement:()=>Ee,CrossmintProvider:()=>Pe,CrossmintWalletProvider:()=>at,EVMSendTransactionError:()=>d.EVMSendTransactionError,EVMSendTransactionExecutionRevertedError:()=>d.EVMSendTransactionExecutionRevertedError,PasskeyIncompatibleAuthenticatorError:()=>d.PasskeyIncompatibleAuthenticatorError,PasskeyMismatchError:()=>d.PasskeyMismatchError,PasskeyPromptError:()=>d.PasskeyPromptError,PasskeyRegistrationError:()=>d.PasskeyRegistrationError,SmartWalletError:()=>d.SmartWalletError,SmartWalletsNotEnabledError:()=>d.SmartWalletsNotEnabledError,UserWalletAlreadyCreatedError:()=>d.UserWalletAlreadyCreatedError,WalletContext:()=>X,useAuth:()=>Fe,useCrossmint:()=>O,useCrossmintEvents:()=>Q.useCrossmintEvents,useWallet:()=>lt});module.exports=Ce(Ae);var H=require("@crossmint/client-sdk-base");var x="1.3.18";var wt=require("react/jsx-runtime");function he(t){(0,H.assertValidNFTCollectionViewProps)(t);let e=(0,H.getNFTCollectionViewSrc)(t,x);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 K=require("@crossmint/client-sdk-base");var bt=require("react/jsx-runtime");function ye(t){(0,K.assertValidValidateNFTDetailProps)(t);let e=(0,K.getNFTDetailSrc)(t,x);return(0,bt.jsx)("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var z=require("@crossmint/client-sdk-base");var It=require("@crossmint/client-sdk-base");var vt=j(require("bs58"),1),h=require("@crossmint/client-sdk-base");var St=j(require("lodash.isequal"),1),$=require("react");function M(t,e){let o=(0,$.useRef)(e);(0,$.useEffect)(()=>{if(e.some((n,m)=>!(0,St.default)(n,o.current[m])))return o.current=e,t()},[e])}var T=require("react"),Y=require("@crossmint/client-sdk-base");var Pt=require("react/jsx-runtime");function N(o){var r=o,{onInternalEvent:t}=r,e=I(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:m,listenToInternalEvents:u}=(0,Y.crossmintIFrameService)(e),[s,a]=(0,T.useState)(0),[i]=(0,T.useState)(n(e));return(0,T.useEffect)(()=>{let c=m(l=>{var p;return(p=e.onEvent)==null?void 0:p.call(e,l.data)});return()=>{c()}},[]),(0,T.useEffect)(()=>{let c=u(l=>{let{type:p,payload:k}=l.data;p===Y.IncomingInternalEvents.UI_HEIGHT_CHANGED&&a(k.height),t==null||t(l.data)});return()=>{c()}},[]),(0,Pt.jsx)("iframe",{src:i,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:`${s}px`}})}var kt=require("react/jsx-runtime");function rt(t){let{emitInternalEvent:e}=(0,h.crossmintIFrameService)(t),{signer:o,paymentMethod:r}=t;function n(a){let{type:i,payload:c}=a;if(i===h.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:l}=c;console.log("[Crossmint] Received incoming transaction",l),m(l)}if(i===h.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH){let{chain:l}=c;console.log("[Crossmint] Received change of chain",l);let p=o.handleChainSwitch;if(p==null)throw new Error("switchNetwork function should have been defined");p(l)}}function m(a){return b(this,null,function*(){try{let i;switch(r){case"SOL":i=yield u(o,a);break;case"ETH":i=yield s(o,a);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",i),e({type:h.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:i}})}catch(i){console.error("[Crossmint] Failed to sign and send transaction",i),e({type:h.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function u(a,i){return b(this,null,function*(){let{Transaction:c}=yield import("@solana/web3.js"),l=c.from(vt.default.decode(i));return console.log("[Crossmint] Deserialized SOL transaction",l),yield a.signAndSendTransaction(l)})}function s(a,i){return b(this,null,function*(){let{parse:c}=yield import("@ethersproject/transactions"),l=c(i);return console.log("[Crossmint] Deserialized ETH transaction",l),yield a.signAndSendTransaction(l)})}return M(()=>{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,kt.jsx)(N,f({onInternalEvent:n},t))}var Tt=require("react/jsx-runtime");function xt(t){if(!(0,It.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,Tt.jsx)(rt,f({},t))}var J=require("@crossmint/client-sdk-base");var Wt=require("react/jsx-runtime");function nt(t){let{emitInternalEvent:e}=(0,J.crossmintIFrameService)(t);return M(()=>{e({type:"params-update",payload:(0,J.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,Wt.jsx)(N,f({},t))}var At=require("react/jsx-runtime");function Ft(t){return(0,At.jsx)(nt,f({},t))}var st=require("react/jsx-runtime");function Ee(t){if((0,z.isFiatEmbeddedCheckoutProps)(t))return(0,st.jsx)(Ft,f({},t));if((0,z.isCryptoEmbeddedCheckoutProps)(t))return(0,st.jsx)(xt,f({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var Bt=require("react"),Ut=require("react"),W=require("@crossmint/client-sdk-base");var G=require("react");function it(){let[t,e]=(0,G.useState)(!0);return(0,G.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Mt=require("react-jss"),we="#1e1e1e",Rt=t=>t==="light",Nt=t=>({buttonBgColor:Rt(t)?"white":we,paragraphColor:Rt(t)?"black":"white"}),be={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},Ot=(0,Mt.createUseStyles)(be);var S=require("react/jsx-runtime");function Se(t){let gt=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:m,theme:u="dark",mintTo:s,emailTo:a,listingId:i,auctionId:c,showOverlay:l=!0,mintConfig:p,whPassThroughArgs:k,environment:L,paymentMethod:P,preferredSigninMethod:v,dismissOverlayOnClick:Jt,prepay:zt,locale:ft="en-US",currency:Gt="usd",successCallbackURL:Xt="",failureCallbackURL:qt="",loginEmail:Qt="",projectId:Zt,getButtonText:Z,checkoutProps:pt={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=gt,tt=I(gt,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),te="clientId"in tt?tt.clientId:tt.collectionId,[D,ee]=(0,Ut.useState)(!1),{isServerSideRendering:oe}=it(),{connect:re}=(0,W.crossmintModalService)({clientId:te,projectId:Zt,showOverlay:l,dismissOverlayOnClick:Jt,setConnecting:ee,libVersion:x,environment:L,clientName:W.clientNames.reactUi,locale:ft,currency:Gt,successCallbackURL:Xt,failureCallbackURL:qt,loginEmail:Qt}),{getButtonText:ne,handleClick:se}=(0,W.crossmintPayButtonService)({onClick:r,connecting:D,paymentMethod:P,locale:ft,checkoutProps:pt}),ie=le=>se(le,()=>{re(p,s,a,i,k,P,v,zt,pt)}),et=Ot(Nt(u)),ae=(0,Bt.useMemo)(()=>(0,S.jsx)("span",{className:et.crossmintParagraph,role:"button-paragraph",children:Z!=null?Z(D,P||"fiat"):ne(D)}),[D,Z,P]);return(0,S.jsx)(S.Fragment,{children:!oe&&(0,S.jsxs)("button",{className:`${et.crossmintButton} ${e||""}`,disabled:o,onClick:ie,style:f({},n),tabIndex:m,children:[(0,S.jsx)("img",{className:et.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ae]})})}var g=require("react"),Vt=require("@crossmint/common-sdk-base");var Dt=require("react/jsx-runtime"),Lt=(0,g.createContext)(null);function Pe(o){var r=o,{children:t}=r,e=I(r,["children"]);let[n,m]=(0,g.useState)(0),u=(0,g.useRef)(new Proxy((0,Vt.createCrossmint)(e),{set(i,c,l){return c==="jwt"&&i.jwt!==l&&m(p=>p+1),Reflect.set(i,c,l)}})),s=(0,g.useCallback)(i=>{i!==u.current.jwt&&(u.current.jwt=i)},[]),a=(0,g.useMemo)(()=>({get crossmint(){return u.current},setJwt:s}),[s,n]);return(0,Dt.jsx)(Lt.Provider,{value:a,children:t})}function O(t){let e=(0,g.useContext)(Lt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var jt=require("react");var F=require("react"),B=require("@crossmint/client-sdk-smart-wallet");var _t=require("react/jsx-runtime"),X=(0,F.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function at({children:t,defaultChain:e}){let{crossmint:o}=O("CrossmintWalletProvider must be used within CrossmintProvider"),r=(0,F.useMemo)(()=>B.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,m]=(0,F.useState)({status:"not-loaded"}),u=(a={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".'}:(b(this,null,function*(){try{m({status:"in-progress"});let c=yield r.getOrCreateWallet({jwt:o.jwt},e,a);m({status:"loaded",wallet:c})}catch(c){console.error("There was an error creating a wallet ",c),m(ve(c))}}),{startedCreation:!0}),s=()=>{m({status:"not-loaded"})};return(0,_t.jsx)(X.Provider,{value:yt(f({},n),{getOrCreateWallet:u,clearWallet:s}),children:t})}function ve(t){if(t instanceof B.SmartWalletError)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new B.SmartWalletError(`Unknown Wallet Error: ${e}`,o)}}function lt(){let t=(0,jt.useContext)(X);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var Yt=require("react");var E=require("react"),Kt=require("react-dom"),$t=require("@crossmint/common-sdk-base");var A=require("@headlessui/react"),y=require("react"),V=require("zod"),Ht=require("@crossmint/client-sdk-window");var U=require("react/jsx-runtime");function dt({className:t}){return(0,U.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,U.jsx)("path",{d:"M18 6 6 18"}),(0,U.jsx)("path",{d:"m6 6 12 12"})]})}var C=require("react/jsx-runtime"),ke={jwtToken:V.z.object({jwtToken:V.z.string()})},Ie={closeWindow:V.z.object({closeWindow:V.z.string()})};function ct({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:r,appearance:n}){var c,l,p,k,L,P;let m=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(m+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let u=(0,y.useRef)(null),[s,a]=(0,y.useState)(null);(0,y.useEffect)(()=>{if(s!=null)return s.on("jwtToken",v=>{e(v.jwtToken),s.off("jwtToken"),s.send("closeWindow",{closeWindow:"closeWindow"}),(s==null?void 0:s.iframe.contentWindow)!=null&&s.iframe.contentWindow.close(),t(!1)}),()=>{s&&(s.off("jwtToken"),s.iframe.contentWindow!=null&&s.iframe.contentWindow.close())}},[s,e,t]);let i=()=>b(this,null,function*(){if(u.current==null){console.error("Something wrong happened, please try again");return}let v=yield Ht.IFrameWindow.init(u.current,{incomingEvents:ke,outgoingEvents:Ie});a(v)});return(0,C.jsx)(A.Transition.Root,{show:!0,as:y.Fragment,children:(0,C.jsxs)(A.Dialog,{as:"div",style:mt.dialog,onClose:()=>t(!1),children:[(0,C.jsx)(A.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:mt.transitionBegin})}),(0,C.jsx)(A.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:mt.transitionEnd,onClick:v=>v.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:(c=n==null?void 0:n.colors)==null?void 0:c.border,outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:(0,C.jsx)(dt,{})})}),(0,C.jsx)("iframe",{ref:u,src:m,onLoad:i,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(p=(l=n==null?void 0:n.colors)==null?void 0:l.border)!=null?p:"#D0D5DD"}`,borderRadius:(k=n==null?void 0:n.borderRadius)!=null?k:"16px",padding:"48px 0 32px",backgroundColor:(P=(L=n==null?void 0:n.colors)==null?void 0:L.background)!=null?P:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var mt={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"),ut="crossmint-session",q=(0,E.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function xe({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n}=O("CrossmintAuthProvider must be used within CrossmintProvider"),m=(0,$t.validateApiKeyAndGetCrossmintBaseUrl)(r.apiKey),[u,s]=(0,E.useState)(!1);(0,E.useEffect)(()=>{let l=We();l!=null&&n(l)},[]);let a=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)},i=()=>{document.cookie=`${ut}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,n(void 0)};(0,E.useEffect)(()=>{r.jwt!=null&&s(!1)},[r.jwt]),(0,E.useEffect)(()=>{r.jwt&&(document.cookie=`${ut}=${r.jwt}; path=/;SameSite=Lax;`)},[r.jwt]);let c=()=>r.jwt!=null?"logged-in":u?"in-progress":"logged-out";return(0,w.jsx)(q.Provider,{value:{login:a,logout:i,jwt:r.jwt,status:c()},children:(0,w.jsxs)(at,{defaultChain:t.defaultChain,children:[(0,w.jsx)(Te,{embeddedWallets:t,accessToken:r.jwt,children:e}),u?(0,Kt.createPortal)((0,w.jsx)(ct,{baseUrl:m,setModalOpen:s,setJwtToken:n,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function Te({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:m}=lt();return(0,E.useEffect)(()=>{t.createOnLogin==="all-users"&&m==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),m==="loaded"&&o==null&&n()},[o,m]),(0,w.jsx)(w.Fragment,{children:e})}function We(){let t=document.cookie.split("; ").find(e=>e.startsWith(ut));return t?t.split("=")[1]:void 0}function Fe(){let t=(0,Yt.useContext)(q);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var Q=require("@crossmint/client-sdk-base"),d=require("@crossmint/client-sdk-smart-wallet");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 de=Object.create;var A=Object.defineProperty,me=Object.defineProperties,ce=Object.getOwnPropertyDescriptor,ue=Object.getOwnPropertyDescriptors,fe=Object.getOwnPropertyNames,j=Object.getOwnPropertySymbols,pe=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty,yt=Object.prototype.propertyIsEnumerable;var ht=(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={}))rt.call(e,o)&&ht(t,o,e[o]);if(j)for(var o of j(e))yt.call(e,o)&&ht(t,o,e[o]);return t},Et=(t,e)=>me(t,ue(e));var _=(t,e)=>{var o={};for(var r in t)rt.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&&yt.call(t,r)&&(o[r]=t[r]);return o};var ge=(t,e)=>{for(var o in e)A(t,o,{get:e[o],enumerable:!0})},wt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of fe(e))!rt.call(t,n)&&n!==o&&A(t,n,{get:()=>e[n],enumerable:!(r=ce(e,n))||r.enumerable});return t};var H=(t,e,o)=>(o=t!=null?de(pe(t)):{},wt(e||!t||!t.__esModule?A(o,"default",{value:t,enumerable:!0}):o,t)),Ce=t=>wt(A({},"__esModule",{value:!0}),t);var b=(t,e,o)=>new Promise((r,n)=>{var l=s=>{try{i(o.next(s))}catch(a){n(a)}},u=s=>{try{i(o.throw(s))}catch(a){n(a)}},i=s=>s.done?r(s.value):Promise.resolve(s.value).then(l,u);i((o=o.apply(t,e)).next())});var Ae={};ge(Ae,{AdminAlreadyUsedError:()=>m.AdminAlreadyUsedError,AdminMismatchError:()=>m.AdminMismatchError,AuthContext:()=>Q,Chain:()=>m.Chain,ConfigError:()=>m.ConfigError,CrossmintAuthProvider:()=>xe,CrossmintEvents:()=>Z.CrossmintEvents,CrossmintNFTCollectionView:()=>he,CrossmintNFTDetail:()=>ye,CrossmintPayButton:()=>Se,CrossmintPaymentElement:()=>Ee,CrossmintProvider:()=>ve,CrossmintWalletProvider:()=>lt,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:()=>Fe,useCrossmint:()=>N,useCrossmintEvents:()=>Z.useCrossmintEvents,useWallet:()=>dt});module.exports=Ce(Ae);var K=require("@crossmint/client-sdk-base");var I="1.3.20";var bt=require("react/jsx-runtime");function he(t){(0,K.assertValidNFTCollectionViewProps)(t);let e=(0,K.getNFTCollectionViewSrc)(t,I);return(0,bt.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 St=require("react/jsx-runtime");function ye(t){(0,$.assertValidValidateNFTDetailProps)(t);let e=(0,$.getNFTDetailSrc)(t,I);return(0,St.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 xt=require("@crossmint/client-sdk-base");var kt=H(require("bs58"),1),h=require("@crossmint/client-sdk-base");var vt=H(require("lodash.isequal"),1),Y=require("react");function R(t,e){let o=(0,Y.useRef)(e);(0,Y.useEffect)(()=>{if(e.some((n,l)=>!(0,vt.default)(n,o.current[l])))return o.current=e,t()},[e])}var x=require("react"),J=require("@crossmint/client-sdk-base");var Pt=require("react/jsx-runtime");function M(o){var r=o,{onInternalEvent:t}=r,e=_(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:l,listenToInternalEvents:u}=(0,J.crossmintIFrameService)(e),[i,s]=(0,x.useState)(0),[a]=(0,x.useState)(n(e));return(0,x.useEffect)(()=>{let c=l(d=>{var p;return(p=e.onEvent)==null?void 0:p.call(e,d.data)});return()=>{c()}},[]),(0,x.useEffect)(()=>{let c=u(d=>{let{type:p,payload:k}=d.data;p===J.IncomingInternalEvents.UI_HEIGHT_CHANGED&&s(k.height),t==null||t(d.data)});return()=>{c()}},[]),(0,Pt.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 It=require("react/jsx-runtime");function nt(t){let{emitInternalEvent:e}=(0,h.crossmintIFrameService)(t),{signer:o,paymentMethod:r}=t;function n(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(r){case"SOL":a=yield u(o,s);break;case"ETH":a=yield i(o,s);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",a),e({type: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(kt.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,It.jsx)(M,f({onInternalEvent:n},t))}var Wt=require("react/jsx-runtime");function Tt(t){if(!(0,xt.isCryptoEmbeddedCheckoutPropsWithSigner)(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return(0,Wt.jsx)(nt,f({},t))}var z=require("@crossmint/client-sdk-base");var Ft=require("react/jsx-runtime");function st(t){let{emitInternalEvent:e}=(0,z.crossmintIFrameService)(t);return R(()=>{e({type:"params-update",payload:(0,z.embeddedCheckoutPropsToUpdatableParamsPayload)(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),(0,Ft.jsx)(M,f({},t))}var Rt=require("react/jsx-runtime");function At(t){return(0,Rt.jsx)(st,f({},t))}var it=require("react/jsx-runtime");function Ee(t){if((0,G.isFiatEmbeddedCheckoutProps)(t))return(0,it.jsx)(At,f({},t));if((0,G.isCryptoEmbeddedCheckoutProps)(t))return(0,it.jsx)(Tt,f({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}var Ut=require("react"),Vt=require("react"),T=require("@crossmint/client-sdk-base");var X=require("react");function at(){let[t,e]=(0,X.useState)(!0);return(0,X.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var Nt=require("react-jss"),we="#1e1e1e",Mt=t=>t==="light",Ot=t=>({buttonBgColor:Mt(t)?"white":we,paragraphColor:Mt(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"}},Bt=(0,Nt.createUseStyles)(be);var S=require("react/jsx-runtime");function Se(t){let Ct=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:l,theme:u="dark",mintTo:i,emailTo:s,listingId:a,auctionId:c,showOverlay:d=!0,mintConfig:p,whPassThroughArgs:k,environment:V,paymentMethod:v,preferredSigninMethod:L,dismissOverlayOnClick:P,prepay:zt,locale:pt="en-US",currency:Gt="usd",successCallbackURL:Xt="",failureCallbackURL:qt="",loginEmail:Qt="",projectId:Zt,getButtonText:tt,checkoutProps:gt={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=Ct,et=_(Ct,["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"]),te="clientId"in et?et.clientId:et.collectionId,[D,ee]=(0,Vt.useState)(!1),{isServerSideRendering:oe}=at(),{connect:re}=(0,T.crossmintModalService)({clientId:te,projectId:Zt,showOverlay:d,dismissOverlayOnClick:P,setConnecting:ee,libVersion:I,environment:V,clientName:T.clientNames.reactUi,locale:pt,currency:Gt,successCallbackURL:Xt,failureCallbackURL:qt,loginEmail:Qt}),{getButtonText:ne,handleClick:se}=(0,T.crossmintPayButtonService)({onClick:r,connecting:D,paymentMethod:v,locale:pt,checkoutProps:gt}),ie=le=>se(le,()=>{re(p,i,s,a,k,v,L,zt,gt)}),ot=Bt(Ot(u)),ae=(0,Ut.useMemo)(()=>(0,S.jsx)("span",{className:ot.crossmintParagraph,role:"button-paragraph",children:tt!=null?tt(D,v||"fiat"):ne(D)}),[D,tt,v]);return(0,S.jsx)(S.Fragment,{children:!oe&&(0,S.jsxs)("button",{className:`${ot.crossmintButton} ${e||""}`,disabled:o,onClick:ie,style:f({},n),tabIndex:l,children:[(0,S.jsx)("img",{className:ot.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ae]})})}var g=require("react"),Lt=require("@crossmint/common-sdk-base"),jt=require("react/jsx-runtime"),Dt=(0,g.createContext)(null);function ve({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=(0,g.useState)(0),l=(0,g.useRef)(new Proxy((0,Lt.createCrossmint)({apiKey:e,overrideBaseUrl:o}),{set(s,a,c){return a==="jwt"&&s.jwt!==c&&n(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,r]);return(0,jt.jsx)(Dt.Provider,{value:i,children:t})}function N(t){let e=(0,g.useContext)(Dt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}var Ht=require("react");var W=require("react"),O=require("@crossmint/client-sdk-smart-wallet");var _t=require("react/jsx-runtime"),q=(0,W.createContext)({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function lt({children:t,defaultChain:e}){let{crossmint:o}=N("CrossmintWalletProvider must be used within CrossmintProvider"),r=(0,W.useMemo)(()=>O.SmartWalletSDK.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,l]=(0,W.useState)({status:"not-loaded"}),u=(s={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>n.status=="in-progress"?(console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."}):o.jwt==null?{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'}:(b(this,null,function*(){try{l({status:"in-progress"});let c=yield r.getOrCreateWallet({jwt:o.jwt},e,s);l({status:"loaded",wallet:c})}catch(c){console.error("There was an error creating a wallet ",c),l(Pe(c))}}),{startedCreation:!0}),i=()=>{l({status:"not-loaded"})};return(0,_t.jsx)(q.Provider,{value:Et(f({},n),{getOrCreateWallet:u,clearWallet:i}),children:t})}function Pe(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 dt(){let t=(0,Ht.useContext)(q);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}var Jt=require("react");var E=require("react"),$t=require("react-dom"),Yt=require("@crossmint/common-sdk-base");var F=require("@headlessui/react"),y=require("react"),U=require("zod"),Kt=require("@crossmint/client-sdk-window");var B=require("react/jsx-runtime");function mt({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 C=require("react/jsx-runtime"),ke={jwtToken:U.z.object({jwtToken:U.z.string()})},Ie={closeWindow:U.z.object({closeWindow:U.z.string()})};function ut({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:r,appearance:n}){var c,d,p,k,V,v,L;let l=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(l+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);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 Kt.IFrameWindow.init(u.current,{incomingEvents:ke,outgoingEvents:Ie});s(P)});return(0,C.jsx)(F.Transition.Root,{show:!0,as:y.Fragment,children:(0,C.jsxs)(F.Dialog,{as:"div",style:ct.dialog,onClose:()=>t(!1),children:[(0,C.jsx)(F.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:ct.transitionBegin})}),(0,C.jsx)(F.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:ct.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)(mt,{})})}),(0,C.jsx)("iframe",{ref:u,src:l,onLoad:a,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(k=(p=n==null?void 0:n.colors)==null?void 0:p.border)!=null?k:"#D0D5DD"}`,borderRadius:(V=n==null?void 0:n.borderRadius)!=null?V:"16px",padding:"48px 0 32px",backgroundColor:(L=(v=n==null?void 0:n.colors)==null?void 0:v.background)!=null?L:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var ct={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};var w=require("react/jsx-runtime"),ft="crossmint-session",Q=(0,E.createContext)({login:()=>{},logout:()=>{},status:"logged-out"});function xe({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n}=N("CrossmintAuthProvider must be used within CrossmintProvider"),l=(0,Yt.validateApiKeyAndGetCrossmintBaseUrl)(r.apiKey),[u,i]=(0,E.useState)(!1);(0,E.useEffect)(()=>{let d=We();d!=null&&n(d)},[]);let s=()=>{if(r.jwt!=null){console.log("User already logged in");return}i(!0)},a=()=>{document.cookie=`${ft}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,n(void 0)};(0,E.useEffect)(()=>{r.jwt!=null&&i(!1)},[r.jwt]),(0,E.useEffect)(()=>{r.jwt&&(document.cookie=`${ft}=${r.jwt}; path=/;SameSite=Lax;`)},[r.jwt]);let c=()=>r.jwt!=null?"logged-in":u?"in-progress":"logged-out";return(0,w.jsx)(Q.Provider,{value:{login:s,logout:a,jwt:r.jwt,status:c()},children:(0,w.jsxs)(lt,{defaultChain:t.defaultChain,children:[(0,w.jsx)(Te,{embeddedWallets:t,accessToken:r.jwt,children:e}),u?(0,$t.createPortal)((0,w.jsx)(ut,{baseUrl:l,setModalOpen:i,setJwtToken:n,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function Te({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:l}=dt();return(0,E.useEffect)(()=>{t.createOnLogin==="all-users"&&l==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),l==="loaded"&&o==null&&n()},[o,l]),(0,w.jsx)(w.Fragment,{children:e})}function We(){let t=document.cookie.split("; ").find(e=>e.startsWith(ft));return t?t.split("=")[1]:void 0}function Fe(){let t=(0,Jt.useContext)(Q);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}var Z=require("@crossmint/client-sdk-base"),m=require("@crossmint/client-sdk-smart-wallet");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});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n type EVMSmartWallet,\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 { 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.18\";\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 ...createCrossmintParams\n}: { children: ReactNode } & Parameters<typeof createCrossmint>[0]) {\n const [version, setVersion] = useState(0);\n\n const crossmintRef = useRef<Crossmint>(\n new Proxy<Crossmint>(createCrossmint(createCrossmintParams), {\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\";\n\nconst incomingModalIframeEvents = {\n jwtToken: z.object({\n jwtToken: z.string(),\n }),\n};\n\nconst outgoingModalIframeEvents = {\n closeWindow: z.object({\n closeWindow: z.string(),\n }),\n};\n\ntype IncomingModalIframeEventsType = {\n jwtToken: typeof incomingModalIframeEvents.jwtToken;\n};\n\ntype OutgoingModalIframeEventsType = {\n closeWindow: typeof outgoingModalIframeEvents.closeWindow;\n};\n\ntype AuthModalProps = {\n setModalOpen: (open: boolean) => void;\n setJwtToken: (jwtToken: string) => void;\n apiKey: string;\n baseUrl: string;\n appearance?: UIConfig;\n};\n\nexport default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {\n let iframeSrc = `${baseUrl}sdk/auth/frame?apiKey=${apiKey}`;\n if (appearance != null) {\n // The appearance object is serialized into a query parameter\n iframeSrc += `&uiConfig=${encodeURIComponent(JSON.stringify(appearance))}`;\n }\n\n const iframeRef = useRef<HTMLIFrameElement | null>(null);\n const [iframe, setIframe] = useState<IFrameWindow<\n IncomingModalIframeEventsType,\n OutgoingModalIframeEventsType\n > | null>(null);\n\n useEffect(() => {\n if (iframe == null) {\n return;\n }\n\n iframe.on(\"jwtToken\", (data) => {\n setJwtToken(data.jwtToken);\n iframe.off(\"jwtToken\");\n\n iframe.send(\"closeWindow\", {\n closeWindow: \"closeWindow\",\n });\n\n if (iframe?.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n setModalOpen(false);\n });\n\n return () => {\n if (iframe) {\n iframe.off(\"jwtToken\");\n\n if (iframe.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n }\n };\n }, [iframe, setJwtToken, setModalOpen]);\n\n const handleIframeLoaded = async () => {\n if (iframeRef.current == null) {\n // The iframe should be load, here we should log on DD if possible\n console.error(\"Something wrong happened, please try again\");\n return;\n }\n\n const initIframe = await IFrameWindow.init(iframeRef.current, {\n incomingEvents: incomingModalIframeEvents,\n outgoingEvents: outgoingModalIframeEvents,\n });\n setIframe(initIframe);\n };\n\n return (\n <Transition.Root show as={Fragment}>\n <Dialog as=\"div\" style={styles.dialog} onClose={() => setModalOpen(false)}>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0\"\n enterTo=\"opacity-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100\"\n leaveTo=\"opacity-0\"\n >\n <div style={styles.transitionBegin} />\n </Transition.Child>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n >\n <div style={styles.transitionEnd} onClick={(e) => e.stopPropagation()}>\n <div style={{ position: \"relative\", width: \"100%\" }}>\n <button\n type=\"button\"\n aria-label=\"Close\"\n style={{\n width: \"1.5rem\",\n position: \"absolute\",\n right: \"1.5rem\",\n top: \"1.5rem\",\n cursor: \"pointer\",\n color: appearance?.colors?.border,\n outlineOffset: \"4px\",\n borderRadius: \"100%\",\n }}\n onClick={() => setModalOpen(false)}\n >\n <X />\n </button>\n </div>\n <iframe\n ref={iframeRef}\n src={iframeSrc}\n onLoad={handleIframeLoaded}\n title=\"Authentication Modal\"\n style={{\n width: \"100%\",\n height: \"500px\",\n border: `1px solid ${appearance?.colors?.border ?? \"#D0D5DD\"}`,\n borderRadius: appearance?.borderRadius ?? \"16px\",\n padding: \"48px 0 32px\",\n backgroundColor: appearance?.colors?.background ?? \"#FFFFFF\",\n animation: \"fadeIn 3s ease-in-out\",\n }}\n />\n </div>\n </Transition.Child>\n </Dialog>\n </Transition.Root>\n );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n dialog: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflowY: \"auto\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 20,\n },\n transitionBegin: {\n background: \"rgba(139, 151, 151, 0.2)\",\n backdropFilter: \"blur(2px)\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transitionProperty: \"opacity\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"300ms\",\n zIndex: -10,\n },\n transitionEnd: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: \"448px\",\n borderRadius: \"0.75rem\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n zIndex: 30,\n },\n};\n","export default function X({ className }: { className?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={className}\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n );\n}\n"],"mappings":"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","names":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useWallet","__toCommonJS","import_client_sdk_base","LIB_VERSION","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","import_jsx_runtime","CrossmintContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","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_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","import_jsx_runtime","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"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n type EVMSmartWallet,\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 { 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.20\";\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\";\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 style={{\n width: \"100%\",\n height: \"500px\",\n border: `1px solid ${appearance?.colors?.border ?? \"#D0D5DD\"}`,\n borderRadius: appearance?.borderRadius ?? \"16px\",\n padding: \"48px 0 32px\",\n backgroundColor: appearance?.colors?.background ?? \"#FFFFFF\",\n animation: \"fadeIn 3s ease-in-out\",\n }}\n />\n </div>\n </Transition.Child>\n </Dialog>\n </Transition.Root>\n );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n dialog: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflowY: \"auto\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 20,\n },\n transitionBegin: {\n background: \"rgba(139, 151, 151, 0.2)\",\n backdropFilter: \"blur(2px)\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transitionProperty: \"opacity\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"300ms\",\n zIndex: -10,\n },\n transitionEnd: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: \"448px\",\n borderRadius: \"0.75rem\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n zIndex: 30,\n },\n};\n","export default function X({ className }: { className?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={className}\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n );\n}\n"],"mappings":"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","names":["src_exports","__export","AuthContext","CrossmintAuthProvider","CrossmintNFTCollectionView","CrossmintNFTDetail","CrossmintPayButton","CrossmintPaymentElement","CrossmintProvider","CrossmintWalletProvider","WalletContext","useAuth","useCrossmint","useWallet","__toCommonJS","import_client_sdk_base","LIB_VERSION","import_jsx_runtime","CrossmintNFTCollectionView","props","src","LIB_VERSION","import_client_sdk_base","import_jsx_runtime","CrossmintNFTDetail","props","src","LIB_VERSION","import_client_sdk_base","import_client_sdk_base","import_bs58","import_client_sdk_base","import_lodash","import_react","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","isEqual","import_react","import_client_sdk_base","import_jsx_runtime","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","height","setHeight","url","clearListener","event","type","payload","import_jsx_runtime","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","signer","paymentMethod","onInternalEvent","event","type","payload","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintCryptoEmbeddedCheckout","props","CryptoEmbeddedCheckoutIFrame","__spreadValues","import_client_sdk_base","import_jsx_runtime","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","useDeepEffect","CrossmintEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","import_jsx_runtime","CrossmintPaymentElement","props","CrossmintFiatEmbeddedCheckout","__spreadValues","CrossmintCryptoEmbeddedCheckout","import_react","import_client_sdk_base","import_react","useEnvironment","isServerSideRendering","setIsServerSideRendering","import_react_jss","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","import_jsx_runtime","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","isServerSideRendering","useEnvironment","connect","LIB_VERSION","getButtonTextInternal","handleClick","_handleClick","event","classes","useStyles","formatProps","content","__spreadValues","import_react","import_common_sdk_base","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_jsx_runtime","incomingModalIframeEvents","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","_g","iframeSrc","iframeRef","iframe","setIframe","data","handleIframeLoaded","__async","initIframe","styles","e","X","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"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { NFTCollectionViewProps, NFTDetailProps, Crossmint,
|
|
2
|
+
import { NFTCollectionViewProps, NFTDetailProps, Crossmint, UIConfig } from '@crossmint/common-sdk-base';
|
|
3
3
|
import { CrossmintEmbeddedCheckoutProps, CrossmintPayButtonProps } from '@crossmint/client-sdk-base';
|
|
4
4
|
export { CrossmintEvent, CrossmintEventMap, CrossmintEvents, useCrossmintEvents } from '@crossmint/client-sdk-base';
|
|
5
5
|
import * as react from 'react';
|
|
@@ -24,9 +24,9 @@ interface CrossmintContext {
|
|
|
24
24
|
crossmint: Crossmint;
|
|
25
25
|
setJwt: (jwt: string | undefined) => void;
|
|
26
26
|
}
|
|
27
|
-
declare function CrossmintProvider({ children,
|
|
27
|
+
declare function CrossmintProvider({ children, apiKey, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
|
|
28
28
|
children: ReactNode;
|
|
29
|
-
}
|
|
29
|
+
}): react_jsx_runtime.JSX.Element;
|
|
30
30
|
declare function useCrossmint(missingContextMessage?: string): CrossmintContext;
|
|
31
31
|
|
|
32
32
|
type WalletStatus = "not-loaded" | "in-progress" | "loaded" | "loading-error";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { NFTCollectionViewProps, NFTDetailProps, Crossmint,
|
|
2
|
+
import { NFTCollectionViewProps, NFTDetailProps, Crossmint, UIConfig } from '@crossmint/common-sdk-base';
|
|
3
3
|
import { CrossmintEmbeddedCheckoutProps, CrossmintPayButtonProps } from '@crossmint/client-sdk-base';
|
|
4
4
|
export { CrossmintEvent, CrossmintEventMap, CrossmintEvents, useCrossmintEvents } from '@crossmint/client-sdk-base';
|
|
5
5
|
import * as react from 'react';
|
|
@@ -24,9 +24,9 @@ interface CrossmintContext {
|
|
|
24
24
|
crossmint: Crossmint;
|
|
25
25
|
setJwt: (jwt: string | undefined) => void;
|
|
26
26
|
}
|
|
27
|
-
declare function CrossmintProvider({ children,
|
|
27
|
+
declare function CrossmintProvider({ children, apiKey, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
|
|
28
28
|
children: ReactNode;
|
|
29
|
-
}
|
|
29
|
+
}): react_jsx_runtime.JSX.Element;
|
|
30
30
|
declare function useCrossmint(missingContextMessage?: string): CrossmintContext;
|
|
31
31
|
|
|
32
32
|
type WalletStatus = "not-loaded" | "in-progress" | "loaded" | "loading-error";
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Ft=Object.defineProperty,At=Object.defineProperties;var Rt=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var z=(t,e,o)=>e in t?Ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,u=(t,e)=>{for(var o in e||(e={}))G.call(e,o)&&z(t,o,e[o]);if(k)for(var o of k(e))X.call(e,o)&&z(t,o,e[o]);return t},q=(t,e)=>At(t,Rt(e));var E=(t,e)=>{var o={};for(var r in t)G.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&k)for(var r of k(t))e.indexOf(r)<0&&X.call(t,r)&&(o[r]=t[r]);return o};var p=(t,e,o)=>new Promise((r,n)=>{var d=a=>{try{s(o.next(a))}catch(i){n(i)}},c=a=>{try{s(o.throw(a))}catch(i){n(i)}},s=a=>a.done?r(a.value):Promise.resolve(a.value).then(d,c);s((o=o.apply(t,e)).next())});import{assertValidNFTCollectionViewProps as Mt,getNFTCollectionViewSrc as Nt}from"@crossmint/client-sdk-base";var w="1.3.18";import{jsx as Ot}from"react/jsx-runtime";function qe(t){Mt(t);let e=Nt(t,w);return Ot("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as Bt,getNFTDetailSrc as Ut}from"@crossmint/client-sdk-base";import{jsx as Vt}from"react/jsx-runtime";function oo(t){Bt(t);let e=Ut(t,w);return Vt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as ee,isFiatEmbeddedCheckoutProps as oe}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as Gt}from"@crossmint/client-sdk-base";import $t from"bs58";import{IncomingInternalEvents as tt,OutgoingInternalEvents as et,crossmintIFrameService as Yt,embeddedCheckoutPropsToUpdatableParamsPayload as Jt}from"@crossmint/client-sdk-base";import Lt from"lodash.isequal";import{useEffect as Dt,useRef as _t}from"react";function b(t,e){let o=_t(e);Dt(()=>{if(e.some((n,d)=>!Lt(n,o.current[d])))return o.current=e,t()},[e])}import{useEffect as Q,useState as Z}from"react";import{IncomingInternalEvents as jt,crossmintIFrameService as Ht}from"@crossmint/client-sdk-base";import{jsx as Kt}from"react/jsx-runtime";function S(o){var r=o,{onInternalEvent:t}=r,e=E(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:d,listenToInternalEvents:c}=Ht(e),[s,a]=Z(0),[i]=Z(n(e));return Q(()=>{let m=d(l=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,l.data)});return()=>{m()}},[]),Q(()=>{let m=c(l=>{let{type:f,payload:y}=l.data;f===jt.UI_HEIGHT_CHANGED&&a(y.height),t==null||t(l.data)});return()=>{m()}},[]),Kt("iframe",{src:i,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:`${s}px`}})}import{jsx as zt}from"react/jsx-runtime";function M(t){let{emitInternalEvent:e}=Yt(t),{signer:o,paymentMethod:r}=t;function n(a){let{type:i,payload:m}=a;if(i===tt.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:l}=m;console.log("[Crossmint] Received incoming transaction",l),d(l)}if(i===tt.CRYPTO_CHAIN_SWITCH){let{chain:l}=m;console.log("[Crossmint] Received change of chain",l);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(l)}}function d(a){return p(this,null,function*(){try{let i;switch(r){case"SOL":i=yield c(o,a);break;case"ETH":i=yield s(o,a);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",i),e({type:et.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:i}})}catch(i){console.error("[Crossmint] Failed to sign and send transaction",i),e({type:et.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(a,i){return p(this,null,function*(){let{Transaction:m}=yield import("@solana/web3.js"),l=m.from($t.decode(i));return console.log("[Crossmint] Deserialized SOL transaction",l),yield a.signAndSendTransaction(l)})}function s(a,i){return p(this,null,function*(){let{parse:m}=yield import("@ethersproject/transactions"),l=m(i);return console.log("[Crossmint] Deserialized ETH transaction",l),yield a.signAndSendTransaction(l)})}return b(()=>{e({type:"params-update",payload:Jt(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),zt(S,u({onInternalEvent:n},t))}import{jsx as Xt}from"react/jsx-runtime";function ot(t){if(!Gt(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return Xt(M,u({},t))}import{crossmintIFrameService as qt,embeddedCheckoutPropsToUpdatableParamsPayload as Qt}from"@crossmint/client-sdk-base";import{jsx as Zt}from"react/jsx-runtime";function N(t){let{emitInternalEvent:e}=qt(t);return b(()=>{e({type:"params-update",payload:Qt(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),Zt(S,u({},t))}import{jsx as te}from"react/jsx-runtime";function rt(t){return te(N,u({},t))}import{jsx as nt}from"react/jsx-runtime";function Xo(t){if(oe(t))return nt(rt,u({},t));if(ee(t))return nt(ot,u({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as le}from"react";import{useState as de}from"react";import{clientNames as me,crossmintModalService as ce,crossmintPayButtonService as ue}from"@crossmint/client-sdk-base";import{useEffect as re,useState as ne}from"react";function O(){let[t,e]=ne(!0);return re(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as se}from"react-jss";var ie="#1e1e1e",st=t=>t==="light",it=t=>({buttonBgColor:st(t)?"white":ie,paragraphColor:st(t)?"black":"white"}),ae={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},at=se(ae);import{Fragment as pe,jsx as B,jsxs as fe}from"react/jsx-runtime";function gr(t){let J=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:d,theme:c="dark",mintTo:s,emailTo:a,listingId:i,auctionId:m,showOverlay:l=!0,mintConfig:f,whPassThroughArgs:y,environment:P,paymentMethod:C,preferredSigninMethod:h,dismissOverlayOnClick:pt,prepay:gt,locale:$="en-US",currency:Ct="usd",successCallbackURL:ht="",failureCallbackURL:yt="",loginEmail:Et="",projectId:wt,getButtonText:F,checkoutProps:Y={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=J,A=E(J,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),bt="clientId"in A?A.clientId:A.collectionId,[v,St]=de(!1),{isServerSideRendering:Pt}=O(),{connect:vt}=ce({clientId:bt,projectId:wt,showOverlay:l,dismissOverlayOnClick:pt,setConnecting:St,libVersion:w,environment:P,clientName:me.reactUi,locale:$,currency:Ct,successCallbackURL:ht,failureCallbackURL:yt,loginEmail:Et}),{getButtonText:kt,handleClick:It}=ue({onClick:r,connecting:v,paymentMethod:C,locale:$,checkoutProps:Y}),xt=Wt=>It(Wt,()=>{vt(f,s,a,i,y,C,h,gt,Y)}),R=at(it(c)),Tt=le(()=>B("span",{className:R.crossmintParagraph,role:"button-paragraph",children:F!=null?F(v,C||"fiat"):kt(v)}),[v,F,C]);return B(pe,{children:!Pt&&fe("button",{className:`${R.crossmintButton} ${e||""}`,disabled:o,onClick:xt,style:u({},n),tabIndex:d,children:[B("img",{className:R.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Tt]})})}import{createContext as ge,useCallback as Ce,useContext as he,useMemo as ye,useRef as Ee,useState as we}from"react";import{createCrossmint as be}from"@crossmint/common-sdk-base";import{jsx as Se}from"react/jsx-runtime";var lt=ge(null);function Pr(o){var r=o,{children:t}=r,e=E(r,["children"]);let[n,d]=we(0),c=Ee(new Proxy(be(e),{set(i,m,l){return m==="jwt"&&i.jwt!==l&&d(f=>f+1),Reflect.set(i,m,l)}})),s=Ce(i=>{i!==c.current.jwt&&(c.current.jwt=i)},[]),a=ye(()=>({get crossmint(){return c.current},setJwt:s}),[s,n]);return Se(lt.Provider,{value:a,children:t})}function I(t){let e=he(lt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as We}from"react";import{createContext as Pe,useMemo as ve,useState as ke}from"react";import{SmartWalletError as dt,SmartWalletSDK as Ie}from"@crossmint/client-sdk-smart-wallet";import{jsx as Te}from"react/jsx-runtime";var U=Pe({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function mt({children:t,defaultChain:e}){let{crossmint:o}=I("CrossmintWalletProvider must be used within CrossmintProvider"),r=ve(()=>Ie.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,d]=ke({status:"not-loaded"}),c=(a={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".'}:(p(this,null,function*(){try{d({status:"in-progress"});let m=yield r.getOrCreateWallet({jwt:o.jwt},e,a);d({status:"loaded",wallet:m})}catch(m){console.error("There was an error creating a wallet ",m),d(xe(m))}}),{startedCreation:!0}),s=()=>{d({status:"not-loaded"})};return Te(U.Provider,{value:q(u({},n),{getOrCreateWallet:c,clearWallet:s}),children:t})}function xe(t){if(t instanceof dt)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 dt(`Unknown Wallet Error: ${e}`,o)}}function ct(){let t=We(U);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as Ye}from"react";import{createContext as Ve,useEffect as T,useState as Le}from"react";import{createPortal as De}from"react-dom";import{validateApiKeyAndGetCrossmintBaseUrl as _e}from"@crossmint/common-sdk-base";import{Dialog as Ae,Transition as L}from"@headlessui/react";import{Fragment as D,useEffect as Re,useRef as Me,useState as Ne}from"react";import{z as x}from"zod";import{IFrameWindow as Oe}from"@crossmint/client-sdk-window";import{jsx as ut,jsxs as Fe}from"react/jsx-runtime";function V({className:t}){return Fe("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:[ut("path",{d:"M18 6 6 18"}),ut("path",{d:"m6 6 12 12"})]})}import{jsx as g,jsxs as ft}from"react/jsx-runtime";var Be={jwtToken:x.object({jwtToken:x.string()})},Ue={closeWindow:x.object({closeWindow:x.string()})};function j({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:r,appearance:n}){var m,l,f,y,P,C;let d=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(d+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let c=Me(null),[s,a]=Ne(null);Re(()=>{if(s!=null)return s.on("jwtToken",h=>{e(h.jwtToken),s.off("jwtToken"),s.send("closeWindow",{closeWindow:"closeWindow"}),(s==null?void 0:s.iframe.contentWindow)!=null&&s.iframe.contentWindow.close(),t(!1)}),()=>{s&&(s.off("jwtToken"),s.iframe.contentWindow!=null&&s.iframe.contentWindow.close())}},[s,e,t]);let i=()=>p(this,null,function*(){if(c.current==null){console.error("Something wrong happened, please try again");return}let h=yield Oe.init(c.current,{incomingEvents:Be,outgoingEvents:Ue});a(h)});return g(L.Root,{show:!0,as:D,children:ft(Ae,{as:"div",style:_.dialog,onClose:()=>t(!1),children:[g(L.Child,{as:D,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:g("div",{style:_.transitionBegin})}),g(L.Child,{as:D,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:ft("div",{style:_.transitionEnd,onClick:h=>h.stopPropagation(),children:[g("div",{style:{position:"relative",width:"100%"},children:g("button",{type:"button","aria-label":"Close",style:{width:"1.5rem",position:"absolute",right:"1.5rem",top:"1.5rem",cursor:"pointer",color:(m=n==null?void 0:n.colors)==null?void 0:m.border,outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:g(V,{})})}),g("iframe",{ref:c,src:d,onLoad:i,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(f=(l=n==null?void 0:n.colors)==null?void 0:l.border)!=null?f:"#D0D5DD"}`,borderRadius:(y=n==null?void 0:n.borderRadius)!=null?y:"16px",padding:"48px 0 32px",backgroundColor:(C=(P=n==null?void 0:n.colors)==null?void 0:P.background)!=null?C:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var _={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};import{Fragment as $e,jsx as W,jsxs as Ke}from"react/jsx-runtime";var H="crossmint-session",K=Ve({login:()=>{},logout:()=>{},status:"logged-out"});function rn({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n}=I("CrossmintAuthProvider must be used within CrossmintProvider"),d=_e(r.apiKey),[c,s]=Le(!1);T(()=>{let l=He();l!=null&&n(l)},[]);let a=()=>{if(r.jwt!=null){console.log("User already logged in");return}s(!0)},i=()=>{document.cookie=`${H}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,n(void 0)};T(()=>{r.jwt!=null&&s(!1)},[r.jwt]),T(()=>{r.jwt&&(document.cookie=`${H}=${r.jwt}; path=/;SameSite=Lax;`)},[r.jwt]);let m=()=>r.jwt!=null?"logged-in":c?"in-progress":"logged-out";return W(K.Provider,{value:{login:a,logout:i,jwt:r.jwt,status:m()},children:Ke(mt,{defaultChain:t.defaultChain,children:[W(je,{embeddedWallets:t,accessToken:r.jwt,children:e}),c?De(W(j,{baseUrl:d,setModalOpen:s,setJwtToken:n,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function je({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:d}=ct();return T(()=>{t.createOnLogin==="all-users"&&d==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),d==="loaded"&&o==null&&n()},[o,d]),W($e,{children:e})}function He(){let t=document.cookie.split("; ").find(e=>e.startsWith(H));return t?t.split("=")[1]:void 0}function dn(){let t=Ye(K);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{CrossmintEvents as Cn,useCrossmintEvents as hn}from"@crossmint/client-sdk-base";import{Chain as En,SmartWalletError as wn,UserWalletAlreadyCreatedError as bn,AdminAlreadyUsedError as Sn,AdminMismatchError as Pn,PasskeyMismatchError as vn,PasskeyPromptError as kn,PasskeyRegistrationError as In,PasskeyIncompatibleAuthenticatorError as xn,ConfigError as Tn,SmartWalletsNotEnabledError as Wn,EVMSendTransactionError as Fn,EVMSendTransactionExecutionRevertedError as An}from"@crossmint/client-sdk-smart-wallet";export{Sn as AdminAlreadyUsedError,Pn as AdminMismatchError,K as AuthContext,En as Chain,Tn as ConfigError,rn as CrossmintAuthProvider,Cn as CrossmintEvents,qe as CrossmintNFTCollectionView,oo as CrossmintNFTDetail,gr as CrossmintPayButton,Xo as CrossmintPaymentElement,Pr as CrossmintProvider,mt as CrossmintWalletProvider,Fn as EVMSendTransactionError,An as EVMSendTransactionExecutionRevertedError,xn as PasskeyIncompatibleAuthenticatorError,vn as PasskeyMismatchError,kn as PasskeyPromptError,In as PasskeyRegistrationError,wn as SmartWalletError,Wn as SmartWalletsNotEnabledError,bn as UserWalletAlreadyCreatedError,U as WalletContext,dn as useAuth,I as useCrossmint,hn as useCrossmintEvents,ct as useWallet};
|
|
1
|
+
var Ft=Object.defineProperty,At=Object.defineProperties;var Rt=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var G=(t,e,o)=>e in t?Ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,u=(t,e)=>{for(var o in e||(e={}))X.call(e,o)&&G(t,o,e[o]);if(k)for(var o of k(e))q.call(e,o)&&G(t,o,e[o]);return t},Q=(t,e)=>At(t,Rt(e));var I=(t,e)=>{var o={};for(var r in t)X.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&k)for(var r of k(t))e.indexOf(r)<0&&q.call(t,r)&&(o[r]=t[r]);return o};var p=(t,e,o)=>new Promise((r,n)=>{var l=s=>{try{i(o.next(s))}catch(a){n(a)}},c=s=>{try{i(o.throw(s))}catch(a){n(a)}},i=s=>s.done?r(s.value):Promise.resolve(s.value).then(l,c);i((o=o.apply(t,e)).next())});import{assertValidNFTCollectionViewProps as Mt,getNFTCollectionViewSrc as Nt}from"@crossmint/client-sdk-base";var E="1.3.20";import{jsx as Ot}from"react/jsx-runtime";function qe(t){Mt(t);let e=Nt(t,E);return Ot("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import{assertValidValidateNFTDetailProps as Bt,getNFTDetailSrc as Ut}from"@crossmint/client-sdk-base";import{jsx as Vt}from"react/jsx-runtime";function oo(t){Bt(t);let e=Ut(t,E);return Vt("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import{isCryptoEmbeddedCheckoutProps as ee,isFiatEmbeddedCheckoutProps as oe}from"@crossmint/client-sdk-base";import{isCryptoEmbeddedCheckoutPropsWithSigner as Gt}from"@crossmint/client-sdk-base";import $t from"bs58";import{IncomingInternalEvents as et,OutgoingInternalEvents as ot,crossmintIFrameService as Yt,embeddedCheckoutPropsToUpdatableParamsPayload as Jt}from"@crossmint/client-sdk-base";import Lt from"lodash.isequal";import{useEffect as Dt,useRef as jt}from"react";function w(t,e){let o=jt(e);Dt(()=>{if(e.some((n,l)=>!Lt(n,o.current[l])))return o.current=e,t()},[e])}import{useEffect as Z,useState as tt}from"react";import{IncomingInternalEvents as _t,crossmintIFrameService as Ht}from"@crossmint/client-sdk-base";import{jsx as Kt}from"react/jsx-runtime";function b(o){var r=o,{onInternalEvent:t}=r,e=I(r,["onInternalEvent"]);let{getUrl:n,listenToEvents:l,listenToInternalEvents:c}=Ht(e),[i,s]=tt(0),[a]=tt(n(e));return Z(()=>{let m=l(d=>{var f;return(f=e.onEvent)==null?void 0:f.call(e,d.data)});return()=>{m()}},[]),Z(()=>{let m=c(d=>{let{type:f,payload:y}=d.data;f===_t.UI_HEIGHT_CHANGED&&s(y.height),t==null||t(d.data)});return()=>{m()}},[]),Kt("iframe",{src:a,id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${i}px`}})}import{jsx as zt}from"react/jsx-runtime";function N(t){let{emitInternalEvent:e}=Yt(t),{signer:o,paymentMethod:r}=t;function n(s){let{type:a,payload:m}=s;if(a===et.CRYPTO_PAYMENT_INCOMING_TRANSACTION){let{serializedTransaction:d}=m;console.log("[Crossmint] Received incoming transaction",d),l(d)}if(a===et.CRYPTO_CHAIN_SWITCH){let{chain:d}=m;console.log("[Crossmint] Received change of chain",d);let f=o.handleChainSwitch;if(f==null)throw new Error("switchNetwork function should have been defined");f(d)}}function l(s){return p(this,null,function*(){try{let a;switch(r){case"SOL":a=yield c(o,s);break;case"ETH":a=yield i(o,s);break;default:throw new Error(`Unsupported payment method ${r}`)}console.log("[Crossmint] Signed and sent transaction",a),e({type:ot.CRYPTO_PAYMENT_USER_ACCEPTED,payload:{txId:a}})}catch(a){console.error("[Crossmint] Failed to sign and send transaction",a),e({type:ot.CRYPTO_PAYMENT_USER_REJECTED,payload:{}})}})}function c(s,a){return p(this,null,function*(){let{Transaction:m}=yield import("@solana/web3.js"),d=m.from($t.decode(a));return console.log("[Crossmint] Deserialized SOL transaction",d),yield s.signAndSendTransaction(d)})}function i(s,a){return p(this,null,function*(){let{parse:m}=yield import("@ethersproject/transactions"),d=m(a);return console.log("[Crossmint] Deserialized ETH transaction",d),yield s.signAndSendTransaction(d)})}return w(()=>{e({type:"params-update",payload:Jt(t)})},[t.signer.address,t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs,..."chain"in t.signer?[t.signer.chain]:[]]),zt(b,u({onInternalEvent:n},t))}import{jsx as Xt}from"react/jsx-runtime";function rt(t){if(!Gt(t))throw new Error("Invalid parameters: signer is required in versions < 2.0.0");return Xt(N,u({},t))}import{crossmintIFrameService as qt,embeddedCheckoutPropsToUpdatableParamsPayload as Qt}from"@crossmint/client-sdk-base";import{jsx as Zt}from"react/jsx-runtime";function O(t){let{emitInternalEvent:e}=qt(t);return w(()=>{e({type:"params-update",payload:Qt(t)})},[t.recipient,t.mintConfig,t.locale,t.currency,t.whPassThroughArgs]),Zt(b,u({},t))}import{jsx as te}from"react/jsx-runtime";function nt(t){return te(O,u({},t))}import{jsx as st}from"react/jsx-runtime";function Xo(t){if(oe(t))return st(nt,u({},t));if(ee(t))return st(rt,u({},t));throw new Error("Unsupported: Fiat is the only supported payment method.")}import{useMemo as le}from"react";import{useState as de}from"react";import{clientNames as me,crossmintModalService as ce,crossmintPayButtonService as ue}from"@crossmint/client-sdk-base";import{useEffect as re,useState as ne}from"react";function B(){let[t,e]=ne(!0);return re(()=>{e(!1)},[]),{isServerSideRendering:t}}import{createUseStyles as se}from"react-jss";var ie="#1e1e1e",it=t=>t==="light",at=t=>({buttonBgColor:it(t)?"white":ie,paragraphColor:it(t)?"black":"white"}),ae={"@global":{"@import":"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"},crossmintButton:{display:"flex","flex-direction":"row","align-items":"center",padding:"0.875rem 0.875rem","font-weight":"900",transition:"opacity ease-in-out 0.25s","border-radius":"0.5rem","font-family":'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',outline:"none",border:"none","box-shadow":"0px 8px 15px rgba(0, 0, 0, 0.1)","justify-content":"center",background:({buttonBgColor:t})=>t,"&:hover:enabled":{opacity:"0.6",cursor:"pointer"}},crossmintImg:{width:"21px",height:"21px","margin-right":"0.875rem"},crossmintParagraph:{color:({paragraphColor:t})=>t,margin:"0"}},lt=se(ae);import{Fragment as pe,jsx as U,jsxs as fe}from"react/jsx-runtime";function gr(t){let z=t,{className:e,disabled:o,onClick:r,style:n,tabIndex:l,theme:c="dark",mintTo:i,emailTo:s,listingId:a,auctionId:m,showOverlay:d=!0,mintConfig:f,whPassThroughArgs:y,environment:S,paymentMethod:C,preferredSigninMethod:v,dismissOverlayOnClick:h,prepay:gt,locale:Y="en-US",currency:Ct="usd",successCallbackURL:ht="",failureCallbackURL:yt="",loginEmail:Et="",projectId:wt,getButtonText:A,checkoutProps:J={experimental:!1,display:"same-tab",paymentMethods:["fiat","ETH","SOL"]}}=z,R=I(z,["className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps"]),bt="clientId"in R?R.clientId:R.collectionId,[P,St]=de(!1),{isServerSideRendering:vt}=B(),{connect:Pt}=ce({clientId:bt,projectId:wt,showOverlay:d,dismissOverlayOnClick:h,setConnecting:St,libVersion:E,environment:S,clientName:me.reactUi,locale:Y,currency:Ct,successCallbackURL:ht,failureCallbackURL:yt,loginEmail:Et}),{getButtonText:kt,handleClick:It}=ue({onClick:r,connecting:P,paymentMethod:C,locale:Y,checkoutProps:J}),xt=Wt=>It(Wt,()=>{Pt(f,i,s,a,y,C,v,gt,J)}),M=lt(at(c)),Tt=le(()=>U("span",{className:M.crossmintParagraph,role:"button-paragraph",children:A!=null?A(P,C||"fiat"):kt(P)}),[P,A,C]);return U(pe,{children:!vt&&fe("button",{className:`${M.crossmintButton} ${e||""}`,disabled:o,onClick:xt,style:u({},n),tabIndex:l,children:[U("img",{className:M.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Tt]})})}import{createContext as ge,useCallback as Ce,useContext as he,useMemo as ye,useRef as Ee,useState as we}from"react";import{createCrossmint as be}from"@crossmint/common-sdk-base";import{jsx as Se}from"react/jsx-runtime";var dt=ge(null);function vr({children:t,apiKey:e,overrideBaseUrl:o}){let[r,n]=we(0),l=Ee(new Proxy(be({apiKey:e,overrideBaseUrl:o}),{set(s,a,m){return a==="jwt"&&s.jwt!==m&&n(d=>d+1),Reflect.set(s,a,m)}})),c=Ce(s=>{s!==l.current.jwt&&(l.current.jwt=s)},[]),i=ye(()=>({get crossmint(){return l.current},setJwt:c}),[c,r]);return Se(dt.Provider,{value:i,children:t})}function x(t){let e=he(dt);if(e==null)throw new Error(t!=null?t:"useCrossmint must be used within a CrossmintProvider");return e}import{useContext as We}from"react";import{createContext as ve,useMemo as Pe,useState as ke}from"react";import{SmartWalletError as mt,SmartWalletSDK as Ie}from"@crossmint/client-sdk-smart-wallet";import{jsx as Te}from"react/jsx-runtime";var V=ve({status:"not-loaded",getOrCreateWallet:()=>({startedCreation:!1}),clearWallet:()=>{}});function ct({children:t,defaultChain:e}){let{crossmint:o}=x("CrossmintWalletProvider must be used within CrossmintProvider"),r=Pe(()=>Ie.init({clientApiKey:o.apiKey}),[o.apiKey]),[n,l]=ke({status:"not-loaded"}),c=(s={type:"evm-smart-wallet",signer:{type:"PASSKEY"}})=>n.status=="in-progress"?(console.log("Wallet already loading"),{startedCreation:!1,reason:"Wallet is already loading."}):o.jwt==null?{startedCreation:!1,reason:'Jwt not set in "CrossmintProvider".'}:(p(this,null,function*(){try{l({status:"in-progress"});let m=yield r.getOrCreateWallet({jwt:o.jwt},e,s);l({status:"loaded",wallet:m})}catch(m){console.error("There was an error creating a wallet ",m),l(xe(m))}}),{startedCreation:!0}),i=()=>{l({status:"not-loaded"})};return Te(V.Provider,{value:Q(u({},n),{getOrCreateWallet:c,clearWallet:i}),children:t})}function xe(t){if(t instanceof mt)return{status:"loading-error",error:t};let e=t instanceof Error?t.message:String(t),o=t instanceof Error?t.stack:void 0;return{status:"loading-error",error:new mt(`Unknown Wallet Error: ${e}`,o)}}function ut(){let t=We(V);if(!t)throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");return t}import{useContext as Ye}from"react";import{createContext as Ve,useEffect as W,useState as Le}from"react";import{createPortal as De}from"react-dom";import{validateApiKeyAndGetCrossmintBaseUrl as je}from"@crossmint/common-sdk-base";import{Dialog as Ae,Transition as D}from"@headlessui/react";import{Fragment as j,useEffect as Re,useRef as Me,useState as Ne}from"react";import{z as T}from"zod";import{IFrameWindow as Oe}from"@crossmint/client-sdk-window";import{jsx as ft,jsxs as Fe}from"react/jsx-runtime";function L({className:t}){return Fe("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[ft("path",{d:"M18 6 6 18"}),ft("path",{d:"m6 6 12 12"})]})}import{jsx as g,jsxs as pt}from"react/jsx-runtime";var Be={jwtToken:T.object({jwtToken:T.string()})},Ue={closeWindow:T.object({closeWindow:T.string()})};function H({setModalOpen:t,setJwtToken:e,apiKey:o,baseUrl:r,appearance:n}){var m,d,f,y,S,C,v;let l=`${r}sdk/auth/frame?apiKey=${o}`;n!=null&&(l+=`&uiConfig=${encodeURIComponent(JSON.stringify(n))}`);let c=Me(null),[i,s]=Ne(null);Re(()=>{if(i!=null)return i.on("jwtToken",h=>{e(h.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=()=>p(this,null,function*(){if(c.current==null){console.error("Something wrong happened, please try again");return}let h=yield Oe.init(c.current,{incomingEvents:Be,outgoingEvents:Ue});s(h)});return g(D.Root,{show:!0,as:j,children:pt(Ae,{as:"div",style:_.dialog,onClose:()=>t(!1),children:[g(D.Child,{as:j,enter:"ease-out duration-400",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-400",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:g("div",{style:_.transitionBegin})}),g(D.Child,{as:j,enter:"ease-out duration-400",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-400",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:pt("div",{style:_.transitionEnd,onClick:h=>h.stopPropagation(),children:[g("div",{style:{position:"relative",width:"100%"},children:g("button",{type:"button","aria-label":"Close",style:{width:"1.5rem",position:"absolute",right:"1.5rem",top:"1.5rem",cursor:"pointer",color:(d=(m=n==null?void 0:n.colors)==null?void 0:m.border)!=null?d:"#909ca3",outlineOffset:"4px",borderRadius:"100%"},onClick:()=>t(!1),children:g(L,{})})}),g("iframe",{ref:c,src:l,onLoad:a,title:"Authentication Modal",style:{width:"100%",height:"500px",border:`1px solid ${(y=(f=n==null?void 0:n.colors)==null?void 0:f.border)!=null?y:"#D0D5DD"}`,borderRadius:(S=n==null?void 0:n.borderRadius)!=null?S:"16px",padding:"48px 0 32px",backgroundColor:(v=(C=n==null?void 0:n.colors)==null?void 0:C.background)!=null?v:"#FFFFFF",animation:"fadeIn 3s ease-in-out"}})]})})]})})}var _={dialog:{display:"flex",justifyContent:"center",alignItems:"center",overflowY:"auto",position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:20},transitionBegin:{background:"rgba(139, 151, 151, 0.2)",backdropFilter:"blur(2px)",position:"fixed",top:0,right:0,bottom:0,left:0,transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",zIndex:-10},transitionEnd:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"448px",borderRadius:"0.75rem",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",zIndex:30}};import{Fragment as $e,jsx as F,jsxs as Ke}from"react/jsx-runtime";var K="crossmint-session",$=Ve({login:()=>{},logout:()=>{},status:"logged-out"});function on({embeddedWallets:t,children:e,appearance:o}){let{crossmint:r,setJwt:n}=x("CrossmintAuthProvider must be used within CrossmintProvider"),l=je(r.apiKey),[c,i]=Le(!1);W(()=>{let d=He();d!=null&&n(d)},[]);let s=()=>{if(r.jwt!=null){console.log("User already logged in");return}i(!0)},a=()=>{document.cookie=`${K}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,n(void 0)};W(()=>{r.jwt!=null&&i(!1)},[r.jwt]),W(()=>{r.jwt&&(document.cookie=`${K}=${r.jwt}; path=/;SameSite=Lax;`)},[r.jwt]);let m=()=>r.jwt!=null?"logged-in":c?"in-progress":"logged-out";return F($.Provider,{value:{login:s,logout:a,jwt:r.jwt,status:m()},children:Ke(ct,{defaultChain:t.defaultChain,children:[F(_e,{embeddedWallets:t,accessToken:r.jwt,children:e}),c?De(F(H,{baseUrl:l,setModalOpen:i,setJwtToken:n,apiKey:r.apiKey,appearance:o}),document.body):null]})})}function _e({embeddedWallets:t,children:e,accessToken:o}){let{getOrCreateWallet:r,clearWallet:n,status:l}=ut();return W(()=>{t.createOnLogin==="all-users"&&l==="not-loaded"&&o!=null&&r({type:t.type,signer:{type:"PASSKEY"}}),l==="loaded"&&o==null&&n()},[o,l]),F($e,{children:e})}function He(){let t=document.cookie.split("; ").find(e=>e.startsWith(K));return t?t.split("=")[1]:void 0}function ln(){let t=Ye($);if(t===void 0)throw new Error("useAuth must be used within an AuthProvider");return t}import{CrossmintEvents as gn,useCrossmintEvents as Cn}from"@crossmint/client-sdk-base";import{Chain as yn,SmartWalletError as En,UserWalletAlreadyCreatedError as wn,AdminAlreadyUsedError as bn,AdminMismatchError as Sn,PasskeyMismatchError as vn,PasskeyPromptError as Pn,PasskeyRegistrationError as kn,PasskeyIncompatibleAuthenticatorError as In,ConfigError as xn,SmartWalletsNotEnabledError as Tn,EVMSendTransactionError as Wn,EVMSendTransactionExecutionRevertedError as Fn}from"@crossmint/client-sdk-smart-wallet";export{bn as AdminAlreadyUsedError,Sn as AdminMismatchError,$ as AuthContext,yn as Chain,xn as ConfigError,on as CrossmintAuthProvider,gn as CrossmintEvents,qe as CrossmintNFTCollectionView,oo as CrossmintNFTDetail,gr as CrossmintPayButton,Xo as CrossmintPaymentElement,vr as CrossmintProvider,ct as CrossmintWalletProvider,Wn as EVMSendTransactionError,Fn as EVMSendTransactionExecutionRevertedError,In as PasskeyIncompatibleAuthenticatorError,vn as PasskeyMismatchError,Pn as PasskeyPromptError,kn as PasskeyRegistrationError,En as SmartWalletError,Tn as SmartWalletsNotEnabledError,wn as UserWalletAlreadyCreatedError,V as WalletContext,ln as useAuth,x as useCrossmint,Cn as useCrossmintEvents,ut as useWallet};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx","../src/index.ts"],"sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n assertValidNFTCollectionViewProps(props);\n\n const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n return (\n <iframe\n src={src}\n width=\"100%\"\n height=\"100%\"\n style={{\n flexGrow: \"1\",\n border: \"none\",\n margin: \"0\",\n padding: \"0\",\n }}\n role=\"nft-collection-view\"\n />\n );\n}\n","export const LIB_VERSION = \"1.3.18\";\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 ...createCrossmintParams\n}: { children: ReactNode } & Parameters<typeof createCrossmint>[0]) {\n const [version, setVersion] = useState(0);\n\n const crossmintRef = useRef<Crossmint>(\n new Proxy<Crossmint>(createCrossmint(createCrossmintParams), {\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\";\n\nconst incomingModalIframeEvents = {\n jwtToken: z.object({\n jwtToken: z.string(),\n }),\n};\n\nconst outgoingModalIframeEvents = {\n closeWindow: z.object({\n closeWindow: z.string(),\n }),\n};\n\ntype IncomingModalIframeEventsType = {\n jwtToken: typeof incomingModalIframeEvents.jwtToken;\n};\n\ntype OutgoingModalIframeEventsType = {\n closeWindow: typeof outgoingModalIframeEvents.closeWindow;\n};\n\ntype AuthModalProps = {\n setModalOpen: (open: boolean) => void;\n setJwtToken: (jwtToken: string) => void;\n apiKey: string;\n baseUrl: string;\n appearance?: UIConfig;\n};\n\nexport default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl, appearance }: AuthModalProps) {\n let iframeSrc = `${baseUrl}sdk/auth/frame?apiKey=${apiKey}`;\n if (appearance != null) {\n // The appearance object is serialized into a query parameter\n iframeSrc += `&uiConfig=${encodeURIComponent(JSON.stringify(appearance))}`;\n }\n\n const iframeRef = useRef<HTMLIFrameElement | null>(null);\n const [iframe, setIframe] = useState<IFrameWindow<\n IncomingModalIframeEventsType,\n OutgoingModalIframeEventsType\n > | null>(null);\n\n useEffect(() => {\n if (iframe == null) {\n return;\n }\n\n iframe.on(\"jwtToken\", (data) => {\n setJwtToken(data.jwtToken);\n iframe.off(\"jwtToken\");\n\n iframe.send(\"closeWindow\", {\n closeWindow: \"closeWindow\",\n });\n\n if (iframe?.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n setModalOpen(false);\n });\n\n return () => {\n if (iframe) {\n iframe.off(\"jwtToken\");\n\n if (iframe.iframe.contentWindow != null) {\n iframe.iframe.contentWindow.close();\n }\n }\n };\n }, [iframe, setJwtToken, setModalOpen]);\n\n const handleIframeLoaded = async () => {\n if (iframeRef.current == null) {\n // The iframe should be load, here we should log on DD if possible\n console.error(\"Something wrong happened, please try again\");\n return;\n }\n\n const initIframe = await IFrameWindow.init(iframeRef.current, {\n incomingEvents: incomingModalIframeEvents,\n outgoingEvents: outgoingModalIframeEvents,\n });\n setIframe(initIframe);\n };\n\n return (\n <Transition.Root show as={Fragment}>\n <Dialog as=\"div\" style={styles.dialog} onClose={() => setModalOpen(false)}>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0\"\n enterTo=\"opacity-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100\"\n leaveTo=\"opacity-0\"\n >\n <div style={styles.transitionBegin} />\n </Transition.Child>\n <Transition.Child\n as={Fragment}\n enter=\"ease-out duration-400\"\n enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n leave=\"ease-in duration-400\"\n leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n >\n <div style={styles.transitionEnd} onClick={(e) => e.stopPropagation()}>\n <div style={{ position: \"relative\", width: \"100%\" }}>\n <button\n type=\"button\"\n aria-label=\"Close\"\n style={{\n width: \"1.5rem\",\n position: \"absolute\",\n right: \"1.5rem\",\n top: \"1.5rem\",\n cursor: \"pointer\",\n color: appearance?.colors?.border,\n outlineOffset: \"4px\",\n borderRadius: \"100%\",\n }}\n onClick={() => setModalOpen(false)}\n >\n <X />\n </button>\n </div>\n <iframe\n ref={iframeRef}\n src={iframeSrc}\n onLoad={handleIframeLoaded}\n title=\"Authentication Modal\"\n style={{\n width: \"100%\",\n height: \"500px\",\n border: `1px solid ${appearance?.colors?.border ?? \"#D0D5DD\"}`,\n borderRadius: appearance?.borderRadius ?? \"16px\",\n padding: \"48px 0 32px\",\n backgroundColor: appearance?.colors?.background ?? \"#FFFFFF\",\n animation: \"fadeIn 3s ease-in-out\",\n }}\n />\n </div>\n </Transition.Child>\n </Dialog>\n </Transition.Root>\n );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n dialog: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflowY: \"auto\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 20,\n },\n transitionBegin: {\n background: \"rgba(139, 151, 151, 0.2)\",\n backdropFilter: \"blur(2px)\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transitionProperty: \"opacity\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"300ms\",\n zIndex: -10,\n },\n transitionEnd: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: \"448px\",\n borderRadius: \"0.75rem\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n zIndex: 30,\n },\n};\n","export default function X({ className }: { className?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={className}\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n );\n}\n","export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n type EVMSmartWallet,\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"],"mappings":"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","names":["assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","LIB_VERSION","jsx","CrossmintNFTCollectionView","props","assertValidNFTCollectionViewProps","src","getNFTCollectionViewSrc","LIB_VERSION","assertValidValidateNFTDetailProps","getNFTDetailSrc","jsx","CrossmintNFTDetail","props","assertValidValidateNFTDetailProps","src","getNFTDetailSrc","LIB_VERSION","isCryptoEmbeddedCheckoutProps","isFiatEmbeddedCheckoutProps","isCryptoEmbeddedCheckoutPropsWithSigner","bs58","IncomingInternalEvents","OutgoingInternalEvents","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","isEqual","useEffect","useRef","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","useEffect","useState","IncomingInternalEvents","crossmintIFrameService","jsx","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","crossmintIFrameService","height","setHeight","useState","url","useEffect","clearListener","event","type","payload","IncomingInternalEvents","jsx","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","signer","paymentMethod","onInternalEvent","event","type","payload","IncomingInternalEvents","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","OutgoingInternalEvents","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintCryptoEmbeddedCheckout","props","isCryptoEmbeddedCheckoutPropsWithSigner","CryptoEmbeddedCheckoutIFrame","__spreadValues","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","jsx","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintPaymentElement","props","isFiatEmbeddedCheckoutProps","CrossmintFiatEmbeddedCheckout","__spreadValues","isCryptoEmbeddedCheckoutProps","CrossmintCryptoEmbeddedCheckout","useMemo","useState","clientNames","crossmintModalService","crossmintPayButtonService","useEffect","useState","useEnvironment","isServerSideRendering","setIsServerSideRendering","createUseStyles","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","Fragment","jsx","jsxs","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","useState","isServerSideRendering","useEnvironment","connect","crossmintModalService","LIB_VERSION","clientNames","getButtonTextInternal","handleClick","crossmintPayButtonService","_handleClick","event","classes","useStyles","formatProps","content","useMemo","__spreadValues","createContext","useCallback","useContext","useMemo","useRef","useState","createCrossmint","jsx","CrossmintContext","createContext","CrossmintProvider","_a","_b","children","createCrossmintParams","__objRest","version","setVersion","useState","crossmintRef","useRef","createCrossmint","target","prop","value","v","setJwt","useCallback","jwt","useMemo","useCrossmint","missingContextMessage","context","useContext","useContext","createContext","useMemo","useState","SmartWalletError","SmartWalletSDK","jsx","WalletContext","createContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","useMemo","SmartWalletSDK","state","setState","useState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","SmartWalletError","message","stack","useWallet","walletContext","useContext","WalletContext","useContext","createContext","useEffect","useState","createPortal","validateApiKeyAndGetCrossmintBaseUrl","Dialog","Transition","Fragment","useEffect","useRef","useState","z","IFrameWindow","jsx","jsxs","X","className","jsx","jsxs","incomingModalIframeEvents","z","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","iframeSrc","iframeRef","useRef","iframe","setIframe","useState","useEffect","data","handleIframeLoaded","__async","initIframe","IFrameWindow","Transition","Fragment","Dialog","styles","e","X","Fragment","jsx","jsxs","SESSION_PREFIX","AuthContext","createContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","validateApiKeyAndGetCrossmintBaseUrl","modalOpen","setModalOpen","useState","useEffect","session","sessionFromClient","login","logout","getAuthStatus","CrossmintWalletProvider","WalletManager","createPortal","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","crossmintSession","row","useAuth","context","useContext","AuthContext","CrossmintEvents","useCrossmintEvents","Chain","SmartWalletError","UserWalletAlreadyCreatedError","AdminAlreadyUsedError","AdminMismatchError","PasskeyMismatchError","PasskeyPromptError","PasskeyRegistrationError","PasskeyIncompatibleAuthenticatorError","ConfigError","SmartWalletsNotEnabledError","EVMSendTransactionError","EVMSendTransactionExecutionRevertedError"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx","../src/consts/version.ts","../src/components/CrossmintNFTDetail.tsx","../src/components/embed/index.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx","../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx","../src/hooks/useDeepEffect.ts","../src/components/embed/EmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx","../src/components/embed/fiat/FiatEmbeddedCheckout.tsx","../src/components/hosted/CrossmintPayButton.tsx","../src/hooks/useEnvironment.ts","../src/components/hosted/styles.ts","../src/hooks/useCrossmint.tsx","../src/hooks/useWallet.ts","../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthModal.tsx","../src/icons/x.tsx","../src/index.ts"],"sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n assertValidNFTCollectionViewProps(props);\n\n const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n return (\n <iframe\n src={src}\n width=\"100%\"\n height=\"100%\"\n style={{\n flexGrow: \"1\",\n border: \"none\",\n margin: \"0\",\n padding: \"0\",\n }}\n role=\"nft-collection-view\"\n />\n );\n}\n","export const LIB_VERSION = \"1.3.20\";\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\";\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 style={{\n width: \"100%\",\n height: \"500px\",\n border: `1px solid ${appearance?.colors?.border ?? \"#D0D5DD\"}`,\n borderRadius: appearance?.borderRadius ?? \"16px\",\n padding: \"48px 0 32px\",\n backgroundColor: appearance?.colors?.background ?? \"#FFFFFF\",\n animation: \"fadeIn 3s ease-in-out\",\n }}\n />\n </div>\n </Transition.Child>\n </Dialog>\n </Transition.Root>\n );\n}\n\nconst styles: { [key: string]: CSSProperties } = {\n dialog: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflowY: \"auto\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 20,\n },\n transitionBegin: {\n background: \"rgba(139, 151, 151, 0.2)\",\n backdropFilter: \"blur(2px)\",\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transitionProperty: \"opacity\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"300ms\",\n zIndex: -10,\n },\n transitionEnd: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: \"448px\",\n borderRadius: \"0.75rem\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n zIndex: 30,\n },\n};\n","export default function X({ className }: { className?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={className}\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n );\n}\n","export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./providers\";\n\nexport { CrossmintEvents, useCrossmintEvents } from \"@crossmint/client-sdk-base\";\nexport {\n type EVMSmartWallet,\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"],"mappings":"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","names":["assertValidNFTCollectionViewProps","getNFTCollectionViewSrc","LIB_VERSION","jsx","CrossmintNFTCollectionView","props","assertValidNFTCollectionViewProps","src","getNFTCollectionViewSrc","LIB_VERSION","assertValidValidateNFTDetailProps","getNFTDetailSrc","jsx","CrossmintNFTDetail","props","assertValidValidateNFTDetailProps","src","getNFTDetailSrc","LIB_VERSION","isCryptoEmbeddedCheckoutProps","isFiatEmbeddedCheckoutProps","isCryptoEmbeddedCheckoutPropsWithSigner","bs58","IncomingInternalEvents","OutgoingInternalEvents","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","isEqual","useEffect","useRef","useDeepEffect","callback","dependencies","dependenciesRef","dep","i","useEffect","useState","IncomingInternalEvents","crossmintIFrameService","jsx","CrossmintEmbeddedCheckoutIFrame","_a","_b","onInternalEvent","props","__objRest","getUrl","listenToEvents","listenToInternalEvents","crossmintIFrameService","height","setHeight","useState","url","useEffect","clearListener","event","type","payload","IncomingInternalEvents","jsx","CryptoEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","signer","paymentMethod","onInternalEvent","event","type","payload","IncomingInternalEvents","serializedTransaction","handleIncomingTransaction","chain","handleChainSwitch","__async","txId","handleSOLTransaction","handleETHTransaction","OutgoingInternalEvents","e","Transaction","transaction","bs58","parseTransaction","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintCryptoEmbeddedCheckout","props","isCryptoEmbeddedCheckoutPropsWithSigner","CryptoEmbeddedCheckoutIFrame","__spreadValues","crossmintIFrameService","embeddedCheckoutPropsToUpdatableParamsPayload","jsx","FiatEmbeddedCheckoutIFrame","props","emitInternalEvent","crossmintIFrameService","useDeepEffect","embeddedCheckoutPropsToUpdatableParamsPayload","CrossmintEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintFiatEmbeddedCheckout","props","FiatEmbeddedCheckoutIFrame","__spreadValues","jsx","CrossmintPaymentElement","props","isFiatEmbeddedCheckoutProps","CrossmintFiatEmbeddedCheckout","__spreadValues","isCryptoEmbeddedCheckoutProps","CrossmintCryptoEmbeddedCheckout","useMemo","useState","clientNames","crossmintModalService","crossmintPayButtonService","useEffect","useState","useEnvironment","isServerSideRendering","setIsServerSideRendering","createUseStyles","DARK_BG","themeIsLight","theme","formatProps","styles","buttonBgColor","paragraphColor","useStyles","Fragment","jsx","jsxs","CrossmintPayButton","buttonProps","_a","className","disabled","onClick","style","tabIndex","theme","mintTo","emailTo","listingId","auctionId","showOverlay","mintConfig","whPassThroughArgs","environment","paymentMethod","preferredSigninMethod","dismissOverlayOnClick","prepay","locale","currency","successCallbackURL","failureCallbackURL","loginEmail","projectId","getButtonText","checkoutProps","props","__objRest","collectionId","connecting","setConnecting","useState","isServerSideRendering","useEnvironment","connect","crossmintModalService","LIB_VERSION","clientNames","getButtonTextInternal","handleClick","crossmintPayButtonService","_handleClick","event","classes","useStyles","formatProps","content","useMemo","__spreadValues","createContext","useCallback","useContext","useMemo","useRef","useState","createCrossmint","jsx","CrossmintContext","CrossmintProvider","children","apiKey","overrideBaseUrl","version","setVersion","crossmintRef","target","prop","value","v","setJwt","jwt","useCrossmint","missingContextMessage","context","useContext","createContext","useMemo","useState","SmartWalletError","SmartWalletSDK","jsx","WalletContext","createContext","CrossmintWalletProvider","children","defaultChain","crossmint","useCrossmint","smartWalletSDK","useMemo","SmartWalletSDK","state","setState","useState","getOrCreateWallet","config","__async","wallet","error","deriveErrorState","clearWallet","__spreadProps","__spreadValues","SmartWalletError","message","stack","useWallet","walletContext","useContext","WalletContext","useContext","createContext","useEffect","useState","createPortal","validateApiKeyAndGetCrossmintBaseUrl","Dialog","Transition","Fragment","useEffect","useRef","useState","z","IFrameWindow","jsx","jsxs","X","className","jsx","jsxs","incomingModalIframeEvents","z","outgoingModalIframeEvents","AuthModal","setModalOpen","setJwtToken","apiKey","baseUrl","appearance","_a","_b","_c","_d","_e","_f","_g","iframeSrc","iframeRef","useRef","iframe","setIframe","useState","useEffect","data","handleIframeLoaded","__async","initIframe","IFrameWindow","Transition","Fragment","Dialog","styles","e","X","Fragment","jsx","jsxs","SESSION_PREFIX","AuthContext","createContext","CrossmintAuthProvider","embeddedWallets","children","appearance","crossmint","setJwt","useCrossmint","crossmintBaseUrl","validateApiKeyAndGetCrossmintBaseUrl","modalOpen","setModalOpen","useState","useEffect","session","sessionFromClient","login","logout","getAuthStatus","CrossmintWalletProvider","WalletManager","createPortal","AuthModal","accessToken","getOrCreateWallet","clearWallet","status","useWallet","crossmintSession","row","useAuth","context","useContext","AuthContext","CrossmintEvents","useCrossmintEvents","Chain","SmartWalletError","UserWalletAlreadyCreatedError","AdminAlreadyUsedError","AdminMismatchError","PasskeyMismatchError","PasskeyPromptError","PasskeyRegistrationError","PasskeyIncompatibleAuthenticatorError","ConfigError","SmartWalletsNotEnabledError","EVMSendTransactionError","EVMSendTransactionExecutionRevertedError"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crossmint/client-sdk-react-ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.20",
|
|
4
4
|
"repository": "https://github.com/Crossmint/crossmint-sdk",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Paella Labs Inc",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"tailwindcss": "3.4.10",
|
|
29
29
|
"zod": "3.22.4",
|
|
30
30
|
"@crossmint/client-sdk-auth-core": "1.1.6",
|
|
31
|
-
"@crossmint/client-sdk-
|
|
32
|
-
"@crossmint/client-sdk-window": "0.0.10",
|
|
31
|
+
"@crossmint/client-sdk-smart-wallet": "0.1.14",
|
|
33
32
|
"@crossmint/common-sdk-base": "0.1.4",
|
|
34
|
-
"@crossmint/client-sdk-
|
|
33
|
+
"@crossmint/client-sdk-window": "0.0.10",
|
|
34
|
+
"@crossmint/client-sdk-base": "1.2.6"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/lodash.isequal": "4.5.6",
|
|
@@ -126,7 +126,7 @@ export default function AuthModal({ setModalOpen, setJwtToken, apiKey, baseUrl,
|
|
|
126
126
|
right: "1.5rem",
|
|
127
127
|
top: "1.5rem",
|
|
128
128
|
cursor: "pointer",
|
|
129
|
-
color: appearance?.colors?.border,
|
|
129
|
+
color: appearance?.colors?.border ?? "#909ca3",
|
|
130
130
|
outlineOffset: "4px",
|
|
131
131
|
borderRadius: "100%",
|
|
132
132
|
}}
|
package/src/consts/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const LIB_VERSION = "1.3.
|
|
1
|
+
export const LIB_VERSION = "1.3.20";
|
|
@@ -11,12 +11,15 @@ const CrossmintContext = createContext<CrossmintContext | null>(null);
|
|
|
11
11
|
|
|
12
12
|
export function CrossmintProvider({
|
|
13
13
|
children,
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
apiKey,
|
|
15
|
+
overrideBaseUrl,
|
|
16
|
+
}: Omit<Crossmint, "jwt"> & {
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
}) {
|
|
16
19
|
const [version, setVersion] = useState(0);
|
|
17
20
|
|
|
18
21
|
const crossmintRef = useRef<Crossmint>(
|
|
19
|
-
new Proxy<Crossmint>(createCrossmint(
|
|
22
|
+
new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {
|
|
20
23
|
set(target, prop, value) {
|
|
21
24
|
if (prop === "jwt" && target.jwt !== value) {
|
|
22
25
|
setVersion((v) => v + 1);
|