@crossmint/client-sdk-react-ui 1.0.1-alpha.0 → 1.0.1-alpha.2

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";var it=Object.create;var d=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var mt=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty;var ct=(t,e)=>{for(var n in e)d(t,n,{get:e[n],enumerable:!0})},M=(t,e,n,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of at(e))!lt.call(t,o)&&o!==n&&d(t,o,{get:()=>e[o],enumerable:!(l=st(e,o))||l.enumerable});return t};var h=(t,e,n)=>(n=t!=null?it(mt(t)):{},M(e||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),gt=t=>M(d({},"__esModule",{value:!0}),t);var Ct={};ct(Ct,{CheckoutEvents:()=>S.CheckoutEvents,CrossmintNFTCollectionView:()=>dt,CrossmintNFTDetail:()=>ht,CrossmintPayButton:()=>ft,CrossmintPaymentElement:()=>yt,useCrossmintEvents:()=>S.useCrossmintEvents});module.exports=gt(Ct);var i=h(require("react"),1),U=require("react"),s=require("@crossmint/client-sdk-base");var F=require("react-jss"),ut="#1e1e1e",V=t=>t==="light",R=t=>({buttonBgColor:V(t)?"white":ut,paragraphColor:V(t)?"black":"white"}),L=(0,F.createUseStyles)({"@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"}});var y=require("react");function N(){let[t,e]=(0,y.useState)(!0);return(0,y.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var c="1.0.1-alpha.0";var pt={type:s.mintingContractTypes.CANDY_MACHINE};function ft(t){let{className:e,disabled:n,onClick:l,style:o,tabIndex:w,theme:b="dark",mintTo:E,emailTo:a,listingId:g,auctionId:u,showOverlay:P=!0,mintConfig:D=pt,whPassThroughArgs:_,environment:H,paymentMethod:I,preferredSigninMethod:G,dismissOverlayOnClick:$,prepay:j,locale:k="en-US",currency:K="usd",successCallbackURL:Q="",failureCallbackURL:W="",loginEmail:Y="",projectId:q,getButtonText:B,...p}=t,z="clientId"in p?p.clientId:p.collectionId,[f,J]=(0,U.useState)(!1),{isServerSideRendering:X}=N(),{connect:Z}=(0,s.crossmintModalService)({clientId:z,projectId:q,showOverlay:P,dismissOverlayOnClick:$,setConnecting:J,libVersion:c,environment:H,clientName:s.clientNames.reactUi,locale:k,currency:K,successCallbackURL:Q,failureCallbackURL:W,loginEmail:Y}),{getButtonText:tt,handleClick:et}=(0,s.crossmintPayButtonService)({onClick:l,connecting:f,paymentMethod:I,locale:k}),nt=rt=>et(rt,()=>{Z(D,E,a,g,_,I,G,j)}),T=L(R(b)),ot=(0,i.useMemo)(()=>i.default.createElement("span",{className:T.crossmintParagraph,role:"button-paragraph"},B!=null?B(f,I||"fiat"):tt(f)),[f]);return i.default.createElement(i.default.Fragment,null,!X&&i.default.createElement("button",{className:`${T.crossmintButton} ${e||""}`,disabled:n,onClick:nt,style:{...o},tabIndex:w,...p},i.default.createElement("img",{className:T.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ot))}var O=h(require("react"),1),C=require("@crossmint/client-sdk-base");function dt(t){(0,C.assertValidNFTCollectionViewProps)(t);let e=(0,C.getNFTCollectionViewSrc)(t,c);return O.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var A=h(require("react"),1),v=require("@crossmint/client-sdk-base");function ht(t){(0,v.assertValidValidateNFTDetailProps)(t);let e=(0,v.getNFTDetailSrc)(t,c);return A.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var r=h(require("react"),1),x=require("@crossmint/client-sdk-base");function yt(t){let[e,n]=(0,r.useState)(0),{getIframeUrl:l,listenToEvents:o,emitQueryParams:w}=(0,x.crossmintPaymentService)(t),{listenToEvents:b}=(0,x.crossmintUiService)({environment:t.environment}),[E]=(0,r.useState)(l());return(0,r.useEffect)(()=>{let a=o(g=>{var u;return(u=t.onEvent)==null?void 0:u.call(t,g.data)});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{let a=b(g=>{let{type:u,payload:P}=g.data;switch(u){case"ui:height.changed":n(P.height);break;default:return}});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{w({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),r.default.createElement("iframe",{src:E,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}var S=require("@crossmint/client-sdk-base");0&&(module.exports={CheckoutEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,useCrossmintEvents});
+"use strict";var it=Object.create;var d=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var mt=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty;var ct=(t,e)=>{for(var n in e)d(t,n,{get:e[n],enumerable:!0})},V=(t,e,n,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of at(e))!lt.call(t,o)&&o!==n&&d(t,o,{get:()=>e[o],enumerable:!(l=st(e,o))||l.enumerable});return t};var h=(t,e,n)=>(n=t!=null?it(mt(t)):{},V(e||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),gt=t=>V(d({},"__esModule",{value:!0}),t);var Ct={};ct(Ct,{CheckoutEvents:()=>v.CheckoutEvents,CrossmintNFTCollectionView:()=>dt,CrossmintNFTDetail:()=>ht,CrossmintPayButton:()=>ft,CrossmintPaymentElement:()=>yt,useCrossmintEvents:()=>v.useCrossmintEvents});module.exports=gt(Ct);var i=h(require("react"),1),L=require("react"),s=require("@crossmint/client-sdk-base");var F=require("react-jss"),pt="#1e1e1e",M=t=>t==="light",R=t=>({buttonBgColor:M(t)?"white":pt,paragraphColor:M(t)?"black":"white"}),U=(0,F.createUseStyles)({"@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"}});var y=require("react");function k(){let[t,e]=(0,y.useState)(!0);return(0,y.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var c="1.0.1-alpha.2";var ut={type:s.mintingContractTypes.CANDY_MACHINE};function ft(t){let{className:e,disabled:n,onClick:l,style:o,tabIndex:w,theme:b="dark",mintTo:P,emailTo:a,listingId:g,auctionId:p,showOverlay:I=!0,mintConfig:D=ut,whPassThroughArgs:_,environment:H,paymentMethod:u,preferredSigninMethod:G,dismissOverlayOnClick:$,prepay:j,locale:B="en-US",currency:K="usd",successCallbackURL:Q="",failureCallbackURL:W="",loginEmail:Y="",projectId:q,getButtonText:E,...T}=t,z="clientId"in T?T.clientId:T.collectionId,[f,J]=(0,L.useState)(!1),{isServerSideRendering:X}=k(),{connect:Z}=(0,s.crossmintModalService)({clientId:z,projectId:q,showOverlay:I,dismissOverlayOnClick:$,setConnecting:J,libVersion:c,environment:H,clientName:s.clientNames.reactUi,locale:B,currency:K,successCallbackURL:Q,failureCallbackURL:W,loginEmail:Y}),{getButtonText:tt,handleClick:et}=(0,s.crossmintPayButtonService)({onClick:l,connecting:f,paymentMethod:u,locale:B}),nt=rt=>et(rt,()=>{Z(D,P,a,g,_,u,G,j)}),N=U(R(b)),ot=(0,i.useMemo)(()=>i.default.createElement("span",{className:N.crossmintParagraph,role:"button-paragraph"},E!=null?E(f,u||"fiat"):tt(f)),[f,E,u]);return i.default.createElement(i.default.Fragment,null,!X&&i.default.createElement("button",{className:`${N.crossmintButton} ${e||""}`,disabled:n,onClick:nt,style:{...o},tabIndex:w},i.default.createElement("img",{className:N.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),ot))}var O=h(require("react"),1),C=require("@crossmint/client-sdk-base");function dt(t){(0,C.assertValidNFTCollectionViewProps)(t);let e=(0,C.getNFTCollectionViewSrc)(t,c);return O.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var A=h(require("react"),1),x=require("@crossmint/client-sdk-base");function ht(t){(0,x.assertValidValidateNFTDetailProps)(t);let e=(0,x.getNFTDetailSrc)(t,c);return A.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var r=h(require("react"),1),S=require("@crossmint/client-sdk-base");function yt(t){let[e,n]=(0,r.useState)(0),{getIframeUrl:l,listenToEvents:o,emitQueryParams:w}=(0,S.crossmintPaymentService)(t),{listenToEvents:b}=(0,S.crossmintUiService)({environment:t.environment}),[P]=(0,r.useState)(l());return(0,r.useEffect)(()=>{let a=o(g=>{var p;return(p=t.onEvent)==null?void 0:p.call(t,g.data)});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{let a=b(g=>{let{type:p,payload:I}=g.data;switch(p){case"ui:height.changed":n(I.height);break;default:return}});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{w({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),r.default.createElement("iframe",{src:P,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}var v=require("@crossmint/client-sdk-base");0&&(module.exports={CheckoutEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,useCrossmintEvents});

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent, CSSProperties } from 'react';
 import { CrossmintPayButtonProps, NFTCollectionViewProps, NFTDetailProps, PaymentElement } from '@crossmint/client-sdk-base';
-export { CheckoutEventMap, CheckoutEvents, CrossmintCheckoutEvent, useCrossmintEvents } from '@crossmint/client-sdk-base';
+export { CheckoutEventMap, CheckoutEvents, CrossmintCheckoutEvent, CrossmintCheckoutEventUnion, useCrossmintEvents } from '@crossmint/client-sdk-base';
 
 type CrossmintPayButtonReactProps = CrossmintPayButtonProps & {
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;

package/lib/index.js

@@ -1 +1 @@
-import m,{useMemo as tt}from"react";import{useState as et}from"react";import{clientNames as nt,crossmintModalService as ot,crossmintPayButtonService as rt,mintingContractTypes as it}from"@crossmint/client-sdk-base";import{createUseStyles as z}from"react-jss";var J="#1e1e1e",E=t=>t==="light",P=t=>({buttonBgColor:E(t)?"white":J,paragraphColor:E(t)?"black":"white"}),I=z({"@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"}});import{useEffect as X,useState as Z}from"react";function x(){let[t,e]=Z(!0);return X(()=>{e(!1)},[]),{isServerSideRendering:t}}var i="1.0.1-alpha.0";var st={type:it.CANDY_MACHINE};function Tt(t){let{className:e,disabled:g,onClick:u,style:p,tabIndex:f,theme:d="dark",mintTo:h,emailTo:n,listingId:s,auctionId:a,showOverlay:y=!0,mintConfig:B=st,whPassThroughArgs:M,environment:V,paymentMethod:C,preferredSigninMethod:F,dismissOverlayOnClick:R,prepay:L,locale:w="en-US",currency:U="usd",successCallbackURL:O="",failureCallbackURL:A="",loginEmail:D="",projectId:_,getButtonText:b,...l}=t,H="clientId"in l?l.clientId:l.collectionId,[c,G]=et(!1),{isServerSideRendering:$}=x(),{connect:j}=ot({clientId:H,projectId:_,showOverlay:y,dismissOverlayOnClick:R,setConnecting:G,libVersion:i,environment:V,clientName:nt.reactUi,locale:w,currency:U,successCallbackURL:O,failureCallbackURL:A,loginEmail:D}),{getButtonText:K,handleClick:Q}=rt({onClick:u,connecting:c,paymentMethod:C,locale:w}),W=q=>Q(q,()=>{j(B,h,n,s,M,C,F,L)}),v=I(P(d)),Y=tt(()=>m.createElement("span",{className:v.crossmintParagraph,role:"button-paragraph"},b!=null?b(c,C||"fiat"):K(c)),[c]);return m.createElement(m.Fragment,null,!$&&m.createElement("button",{className:`${v.crossmintButton} ${e||""}`,disabled:g,onClick:W,style:{...p},tabIndex:f,...l},m.createElement("img",{className:v.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Y))}import*as T from"react";import{assertValidNFTCollectionViewProps as at,getNFTCollectionViewSrc as mt}from"@crossmint/client-sdk-base";function Vt(t){at(t);let e=mt(t,i);return T.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import*as N from"react";import{assertValidValidateNFTDetailProps as lt,getNFTDetailSrc as ct}from"@crossmint/client-sdk-base";function Ot(t){lt(t);let e=ct(t,i);return N.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import gt,{useEffect as S,useState as k}from"react";import{crossmintPaymentService as ut,crossmintUiService as pt}from"@crossmint/client-sdk-base";function Ht(t){let[e,g]=k(0),{getIframeUrl:u,listenToEvents:p,emitQueryParams:f}=ut(t),{listenToEvents:d}=pt({environment:t.environment}),[h]=k(u());return S(()=>{let n=p(s=>{var a;return(a=t.onEvent)==null?void 0:a.call(t,s.data)});return()=>{n&&n()}},[]),S(()=>{let n=d(s=>{let{type:a,payload:y}=s.data;switch(a){case"ui:height.changed":g(y.height);break;default:return}});return()=>{n&&n()}},[]),S(()=>{f({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),gt.createElement("iframe",{src:h,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}import{CheckoutEvents as qt,useCrossmintEvents as zt}from"@crossmint/client-sdk-base";export{qt as CheckoutEvents,Vt as CrossmintNFTCollectionView,Ot as CrossmintNFTDetail,Tt as CrossmintPayButton,Ht as CrossmintPaymentElement,zt as useCrossmintEvents};
+import m,{useMemo as tt}from"react";import{useState as et}from"react";import{clientNames as nt,crossmintModalService as ot,crossmintPayButtonService as rt,mintingContractTypes as it}from"@crossmint/client-sdk-base";import{createUseStyles as z}from"react-jss";var J="#1e1e1e",P=t=>t==="light",I=t=>({buttonBgColor:P(t)?"white":J,paragraphColor:P(t)?"black":"white"}),E=z({"@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"}});import{useEffect as X,useState as Z}from"react";function v(){let[t,e]=Z(!0);return X(()=>{e(!1)},[]),{isServerSideRendering:t}}var i="1.0.1-alpha.2";var st={type:it.CANDY_MACHINE};function Tt(t){let{className:e,disabled:g,onClick:p,style:u,tabIndex:f,theme:d="dark",mintTo:h,emailTo:n,listingId:s,auctionId:a,showOverlay:y=!0,mintConfig:B=st,whPassThroughArgs:V,environment:M,paymentMethod:l,preferredSigninMethod:F,dismissOverlayOnClick:R,prepay:U,locale:b="en-US",currency:L="usd",successCallbackURL:O="",failureCallbackURL:A="",loginEmail:D="",projectId:_,getButtonText:C,...x}=t,H="clientId"in x?x.clientId:x.collectionId,[c,G]=et(!1),{isServerSideRendering:$}=v(),{connect:j}=ot({clientId:H,projectId:_,showOverlay:y,dismissOverlayOnClick:R,setConnecting:G,libVersion:i,environment:M,clientName:nt.reactUi,locale:b,currency:L,successCallbackURL:O,failureCallbackURL:A,loginEmail:D}),{getButtonText:K,handleClick:Q}=rt({onClick:p,connecting:c,paymentMethod:l,locale:b}),W=q=>Q(q,()=>{j(B,h,n,s,V,l,F,U)}),S=E(I(d)),Y=tt(()=>m.createElement("span",{className:S.crossmintParagraph,role:"button-paragraph"},C!=null?C(c,l||"fiat"):K(c)),[c,C,l]);return m.createElement(m.Fragment,null,!$&&m.createElement("button",{className:`${S.crossmintButton} ${e||""}`,disabled:g,onClick:W,style:{...u},tabIndex:f},m.createElement("img",{className:S.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),Y))}import*as T from"react";import{assertValidNFTCollectionViewProps as at,getNFTCollectionViewSrc as mt}from"@crossmint/client-sdk-base";function Mt(t){at(t);let e=mt(t,i);return T.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import*as N from"react";import{assertValidValidateNFTDetailProps as lt,getNFTDetailSrc as ct}from"@crossmint/client-sdk-base";function Ot(t){lt(t);let e=ct(t,i);return N.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import gt,{useEffect as w,useState as k}from"react";import{crossmintPaymentService as pt,crossmintUiService as ut}from"@crossmint/client-sdk-base";function Ht(t){let[e,g]=k(0),{getIframeUrl:p,listenToEvents:u,emitQueryParams:f}=pt(t),{listenToEvents:d}=ut({environment:t.environment}),[h]=k(p());return w(()=>{let n=u(s=>{var a;return(a=t.onEvent)==null?void 0:a.call(t,s.data)});return()=>{n&&n()}},[]),w(()=>{let n=d(s=>{let{type:a,payload:y}=s.data;switch(a){case"ui:height.changed":g(y.height);break;default:return}});return()=>{n&&n()}},[]),w(()=>{f({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),gt.createElement("iframe",{src:h,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}import{CheckoutEvents as qt,useCrossmintEvents as zt}from"@crossmint/client-sdk-base";export{qt as CheckoutEvents,Mt as CrossmintNFTCollectionView,Ot as CrossmintNFTDetail,Tt as CrossmintPayButton,Ht as CrossmintPaymentElement,zt as useCrossmintEvents};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "1.0.1-alpha.0",
+    "version": "1.0.1-alpha.2",
     "author": "Paella Labs Inc",
     "license": "Apache-2.0",
     "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -32,7 +32,7 @@
         "test": "jest"
     },
     "dependencies": {
-        "@crossmint/client-sdk-base": "^1.0.1-alpha.0",
+        "@crossmint/client-sdk-base": "^1.0.1-alpha.2",
         "react-jss": "10.9.2",
         "uuid": "^8.3.2"
     },
@@ -50,5 +50,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "03f78890541372eb2f1238c20b4ea64cd4ced4f0"
+    "gitHead": "e2916cb583c238a0cb1fc270339f78546f830ea8"
 }

package/src/CrossmintPayButton.tsx

@@ -99,7 +99,7 @@ export function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps) {
                     : getButtonTextInternal(connecting)}
             </span>
         );
-    }, [connecting]);
+    }, [connecting, getButtonText, paymentMethod]);
 
     return (
         <>
@@ -110,7 +110,6 @@ export function CrossmintPayButton(buttonProps: CrossmintPayButtonReactProps) {
                     onClick={_handleClick}
                     style={{ ...style }}
                     tabIndex={tabIndex}
-                    {...props}
                 >
                     <img
                         className={classes.crossmintImg}

package/src/CrossmintPaymentElement.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 
-import type { CrossmintCheckoutEvent, PaymentElement } from "@crossmint/client-sdk-base";
+import type { PaymentElement } from "@crossmint/client-sdk-base";
 import { crossmintPaymentService, crossmintUiService } from "@crossmint/client-sdk-base";
 
 export function CrossmintPaymentElement(props: PaymentElement) {
@@ -10,9 +10,7 @@ export function CrossmintPaymentElement(props: PaymentElement) {
     const [url] = useState(getIframeUrl());
 
     useEffect(() => {
-        const clearListener = listenToEvents((event: MessageEvent<CrossmintCheckoutEvent>) =>
-            props.onEvent?.(event.data)
-        );
+        const clearListener = listenToEvents((event) => props.onEvent?.(event.data));
 
         return () => {
             if (clearListener) {

package/src/index.ts

@@ -3,4 +3,4 @@ export * from "./CrossmintNFTCollectionView";
 export * from "./CrossmintNFTDetail";
 export * from "./CrossmintPaymentElement";
 export { CheckoutEvents, useCrossmintEvents } from "@crossmint/client-sdk-base";
-export type { CrossmintCheckoutEvent, CheckoutEventMap } from "@crossmint/client-sdk-base";
+export type { CrossmintCheckoutEvent, CheckoutEventMap, CrossmintCheckoutEventUnion } from "@crossmint/client-sdk-base";

package/src/version.ts

@@ -1 +1 @@
-export const LIB_VERSION = "1.0.1-alpha.0";
+export const LIB_VERSION = "1.0.1-alpha.2";