@crossmint/client-sdk-react-ui 0.1.4-alpha.1 → 0.1.5-alpha.0

package/lib/index.cjs

@@ -1 +1 @@
-var it=Object.create;var C=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames,x=Object.getOwnPropertySymbols,ut=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var W=(t,o,s)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,l=(t,o)=>{for(var s in o||(o={}))V.call(o,s)&&W(t,s,o[s]);if(x)for(var s of x(o))q.call(o,s)&&W(t,s,o[s]);return t};var P=(t,o)=>{var s={};for(var e in t)V.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&x)for(var e of x(t))o.indexOf(e)<0&&q.call(t,e)&&(s[e]=t[e]);return s};var lt=(t,o)=>{for(var s in o)C(t,s,{get:o[s],enumerable:!0})},D=(t,o,s,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of mt(o))!V.call(t,i)&&i!==s&&C(t,i,{get:()=>o[i],enumerable:!(e=at(o,i))||e.enumerable});return t};var j=(t,o,s)=>(s=t!=null?it(ut(t)):{},D(o||!t||!t.__esModule?C(s,"default",{value:t,enumerable:!0}):s,t)),pt=t=>D(C({},"__esModule",{value:!0}),t);var St={};lt(St,{CrossmintPayButton:()=>ft,CrossmintStatusButton:()=>dt});module.exports=pt(St);var E=require("@crossmint/client-sdk-base"),n=j(require("react"),1);var Y=require("react-jss"),ct="#1e1e1e",K=t=>t==="light",N=t=>({buttonBgColor:K(t)?"white":ct,paragraphColor:K(t)?"black":"white"}),w=(0,Y.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 M=typeof window<"u";var p=require("@crossmint/client-sdk-base"),F=require("react");var I="0.1.4-alpha.0";var gt={type:E.mintingContractTypes.CANDY_MACHINE},ft=R=>{var u=R,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:v="dark",collectionTitle:c,collectionDescription:g,collectionPhoto:f,mintTo:k,emailTo:T,listingId:O,clientId:_,auctionId:y,hideMintOnInactiveClient:a=!1,showOverlay:A=!0,mintConfig:h=gt,whPassThroughArgs:H,environment:B}=u,U=P(u,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[d,S]=(0,F.useState)(!1),[$,z]=(0,F.useState)(p.onboardingRequestStatusResponse.WAITING_SUBMISSION),{fetchClientIntegration:J}=(0,p.crossmintStatusService)({libVersion:I,clientId:_,environment:B,auctionId:y,mintConfig:h,setStatus:z}),{connect:Q}=(0,p.crossmintModalService)({clientId:_,showOverlay:A,setConnecting:S,libVersion:I,environment:B}),{checkProps:X,getButtonText:Z,shouldHideButton:tt}=(0,E.crossmintPayButtonService)(),[st,ot,et]=X({collectionTitle:c,collectionPhoto:f,collectionDescription:g});c=st,g=ot,f=et,(0,n.useEffect)(()=>{a&&J()},[$]);let rt=G=>{s&&s(G),!d&&(G.defaultPrevented||Q(h,c,g,f,k,T,O))},L=w(N(v)),nt=(0,n.useMemo)(()=>n.default.createElement("p",{className:L.crossmintParagraph},Z(d)),[d]);return tt({hideMintOnInactiveClient:a,status:$})?null:n.default.createElement(n.default.Fragment,null,M&&n.default.createElement("button",l({className:`${L.crossmintButton} ${t||""}`,disabled:o,onClick:rt,style:l({},e),tabIndex:i},U),n.default.createElement("img",{className:L.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),nt))};var r=j(require("react"),1);var m=require("@crossmint/client-sdk-base");var dt=_=>{var y=_,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:v="dark",clientId:c,auctionId:g,platformId:f,mintConfig:k,environment:T}=y,O=P(y,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[a,A]=(0,r.useState)(m.onboardingRequestStatusResponse.WAITING_SUBMISSION),{goToOnboarding:h,fetchClientIntegration:H,getButtonText:B,isButtonDisabled:U}=(0,m.crossmintStatusService)({libVersion:I,clientId:c,environment:T,platformId:f,auctionId:g,mintConfig:k,setStatus:A}),R=(0,r.useCallback)(S=>{if(s&&s(S),a===m.onboardingRequestStatusResponse.WAITING_SUBMISSION){h();return}},[a]);(0,r.useEffect)(()=>{H();let S=setInterval(()=>{H()},60*1e3);return()=>clearInterval(S)},[]);let u=w(N(v)),d=(0,r.useMemo)(()=>r.default.createElement("p",{className:u.crossmintParagraph},B(a)),[a]);return r.default.createElement(r.default.Fragment,null,M&&r.default.createElement("button",l({className:`${u.crossmintButton} ${t||""}`,disabled:U(a),onClick:R,style:l({},e),tabIndex:i},O),r.default.createElement("img",{className:u.crossmintImg,src:`${m.baseUrls.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),d))};0&&(module.exports={CrossmintPayButton,CrossmintStatusButton});
+var it=Object.create;var C=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames,x=Object.getOwnPropertySymbols,ct=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var $=(t,s,o)=>s in t?C(t,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[s]=o,u=(t,s)=>{for(var o in s||(s={}))L.call(s,o)&&$(t,o,s[o]);if(x)for(var o of x(s))G.call(s,o)&&$(t,o,s[o]);return t};var P=(t,s)=>{var o={};for(var e in t)L.call(t,e)&&s.indexOf(e)<0&&(o[e]=t[e]);if(t!=null&&x)for(var e of x(t))s.indexOf(e)<0&&G.call(t,e)&&(o[e]=t[e]);return o};var lt=(t,s)=>{for(var o in s)C(t,o,{get:s[o],enumerable:!0})},W=(t,s,o,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of mt(s))!L.call(t,a)&&a!==o&&C(t,a,{get:()=>s[a],enumerable:!(e=at(s,a))||e.enumerable});return t};var q=(t,s,o)=>(o=t!=null?it(ct(t)):{},W(s||!t||!t.__esModule?C(o,"default",{value:t,enumerable:!0}):o,t)),ut=t=>W(C({},"__esModule",{value:!0}),t);var dt={};lt(dt,{CrossmintPayButton:()=>ft,CrossmintStatusButton:()=>St});module.exports=ut(dt);var i=q(require("react"),1),V=require("react"),r=require("@crossmint/client-sdk-base");var j=require("react-jss"),pt="#1e1e1e",D=t=>t==="light",w=t=>({buttonBgColor:D(t)?"white":pt,paragraphColor:D(t)?"black":"white"}),M=(0,j.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 E=typeof window<"u";var I="0.1.4";var gt={type:r.mintingContractTypes.CANDY_MACHINE},ft=F=>{var l=F,{className:t,disabled:s,onClick:o,style:e,tabIndex:a,theme:k="dark",collectionTitle:p,collectionDescription:g,collectionPhoto:f,mintTo:v,emailTo:U,listingId:_,clientId:O,auctionId:y,hideMintOnInactiveClient:c=!1,showOverlay:T=!0,mintConfig:B=gt,whPassThroughArgs:h,environment:N}=l,H=P(l,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[S,d]=(0,V.useState)(!1),[R,K]=(0,V.useState)(r.onboardingRequestStatusResponse.WAITING_SUBMISSION),{fetchClientIntegration:Y}=(0,r.crossmintStatusService)({libVersion:I,clientId:O,environment:N,auctionId:y,mintConfig:B,setStatus:K,clientName:r.clientNames.reactUi}),{connect:z}=(0,r.crossmintModalService)({clientId:O,showOverlay:T,setConnecting:d,libVersion:I,environment:N,clientName:r.clientNames.reactUi}),{checkProps:J,getButtonText:Q,shouldHideButton:X,handleClick:Z}=(0,r.crossmintPayButtonService)({onClick:o,connecting:S}),[tt,st,ot]=J({collectionTitle:p,collectionPhoto:f,collectionDescription:g});p=tt,g=st,f=ot,(0,i.useEffect)(()=>{c&&Y()},[R]);let et=rt=>Z(rt,()=>{z(B,p,g,f,v,U,_,h)}),A=M(w(k)),nt=(0,i.useMemo)(()=>i.default.createElement("p",{className:A.crossmintParagraph},Q(S)),[S]);return X({hideMintOnInactiveClient:c,status:R})?null:i.default.createElement(i.default.Fragment,null,E&&i.default.createElement("button",u({className:`${A.crossmintButton} ${t||""}`,disabled:s,onClick:et,style:u({},e),tabIndex:a},H),i.default.createElement("img",{className:A.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),nt))};var n=q(require("react"),1),m=require("@crossmint/client-sdk-base");var St=O=>{var y=O,{className:t,disabled:s,onClick:o,style:e,tabIndex:a,theme:k="dark",clientId:p,auctionId:g,platformId:f,mintConfig:v,environment:U}=y,_=P(y,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[c,T]=(0,n.useState)(m.onboardingRequestStatusResponse.WAITING_SUBMISSION),{goToOnboarding:B,fetchClientIntegration:h,getButtonText:N,isButtonDisabled:H}=(0,m.crossmintStatusService)({libVersion:I,clientId:p,environment:U,platformId:f,auctionId:g,mintConfig:v,setStatus:T,clientName:m.clientNames.reactUi}),F=(0,n.useCallback)(d=>{if(o&&o(d),c===m.onboardingRequestStatusResponse.WAITING_SUBMISSION){B();return}},[c]);(0,n.useEffect)(()=>{h();let d=setInterval(()=>{h()},60*1e3);return()=>clearInterval(d)},[]);let l=M(w(k)),S=(0,n.useMemo)(()=>n.default.createElement("p",{className:l.crossmintParagraph},N(c)),[c]);return n.default.createElement(n.default.Fragment,null,E&&n.default.createElement("button",u({className:`${l.crossmintButton} ${t||""}`,disabled:H(c),onClick:F,style:u({},e),tabIndex:a},_),n.default.createElement("img",{className:l.crossmintImg,src:`${m.baseUrls.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),S))};0&&(module.exports={CrossmintPayButton,CrossmintStatusButton});

package/lib/index.js

@@ -1 +1 @@
-var st=Object.defineProperty;var y=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var V=(t,o,s)=>o in t?st(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,i=(t,o)=>{for(var s in o||(o={}))F.call(o,s)&&V(t,s,o[s]);if(y)for(var s of y(o))R.call(o,s)&&V(t,s,o[s]);return t};var h=(t,o)=>{var s={};for(var e in t)F.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&y)for(var e of y(t))o.indexOf(e)<0&&R.call(t,e)&&(s[e]=t[e]);return s};import{mintingContractTypes as rt,crossmintPayButtonService as nt}from"@crossmint/client-sdk-base";import d,{useMemo as it,useEffect as at}from"react";import{createUseStyles as ot}from"react-jss";var et="#1e1e1e",$=t=>t==="light",B=t=>({buttonBgColor:$(t)?"white":et,paragraphColor:$(t)?"black":"white"}),x=ot({"@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 P=typeof window<"u";import{crossmintModalService as mt,onboardingRequestStatusResponse as ut,crossmintStatusService as lt}from"@crossmint/client-sdk-base";import{useState as G}from"react";var f="0.1.4-alpha.0";var pt={type:rt.CANDY_MACHINE},Ot=H=>{var n=H,{className:t,disabled:o,onClick:s,style:e,tabIndex:N,theme:w="dark",collectionTitle:a,collectionDescription:m,collectionPhoto:u,mintTo:M,emailTo:E,listingId:v,clientId:k,auctionId:C,hideMintOnInactiveClient:r=!1,showOverlay:T=!0,mintConfig:b=pt,whPassThroughArgs:O,environment:I}=n,_=h(n,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[l,p]=G(!1),[U,q]=G(ut.WAITING_SUBMISSION),{fetchClientIntegration:D}=lt({libVersion:f,clientId:k,environment:I,auctionId:C,mintConfig:b,setStatus:q}),{connect:j}=mt({clientId:k,showOverlay:T,setConnecting:p,libVersion:f,environment:I}),{checkProps:K,getButtonText:Y,shouldHideButton:z}=nt(),[J,Q,X]=K({collectionTitle:a,collectionPhoto:u,collectionDescription:m});a=J,m=Q,u=X,at(()=>{r&&D()},[U]);let Z=L=>{s&&s(L),!l&&(L.defaultPrevented||j(b,a,m,u,M,E,v))},A=x(B(w)),tt=it(()=>d.createElement("p",{className:A.crossmintParagraph},Y(l)),[l]);return z({hideMintOnInactiveClient:r,status:U})?null:d.createElement(d.Fragment,null,P&&d.createElement("button",i({className:`${A.crossmintButton} ${t||""}`,disabled:o,onClick:Z,style:i({},e),tabIndex:N},_),d.createElement("img",{className:A.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),tt))};import S,{useMemo as ct,useCallback as gt,useState as ft,useEffect as dt}from"react";import{baseUrls as St,onboardingRequestStatusResponse as W,crossmintStatusService as Ct}from"@crossmint/client-sdk-base";var $t=k=>{var C=k,{className:t,disabled:o,onClick:s,style:e,tabIndex:N,theme:w="dark",clientId:a,auctionId:m,platformId:u,mintConfig:M,environment:E}=C,v=h(C,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[r,T]=ft(W.WAITING_SUBMISSION),{goToOnboarding:b,fetchClientIntegration:O,getButtonText:I,isButtonDisabled:_}=Ct({libVersion:f,clientId:a,environment:E,platformId:u,auctionId:m,mintConfig:M,setStatus:T}),H=gt(p=>{if(s&&s(p),r===W.WAITING_SUBMISSION){b();return}},[r]);dt(()=>{O();let p=setInterval(()=>{O()},60*1e3);return()=>clearInterval(p)},[]);let n=x(B(w)),l=ct(()=>S.createElement("p",{className:n.crossmintParagraph},I(r)),[r]);return S.createElement(S.Fragment,null,P&&S.createElement("button",i({className:`${n.crossmintButton} ${t||""}`,disabled:_(r),onClick:H,style:i({},e),tabIndex:N},v),S.createElement("img",{className:n.crossmintImg,src:`${St.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),l))};export{Ot as CrossmintPayButton,$t as CrossmintStatusButton};
+var et=Object.defineProperty;var B=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var L=(t,o,s)=>o in t?et(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,i=(t,o)=>{for(var s in o||(o={}))V.call(o,s)&&L(t,s,o[s]);if(B)for(var s of B(o))F.call(o,s)&&L(t,s,o[s]);return t};var h=(t,o)=>{var s={};for(var e in t)V.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&B)for(var e of B(t))o.indexOf(e)<0&&F.call(t,e)&&(s[e]=t[e]);return s};import S,{useEffect as it,useMemo as at}from"react";import{useState as $}from"react";import{crossmintModalService as mt,crossmintPayButtonService as ct,crossmintStatusService as lt,clientNames as G,mintingContractTypes as ut,onboardingRequestStatusResponse as pt}from"@crossmint/client-sdk-base";import{createUseStyles as nt}from"react-jss";var rt="#1e1e1e",R=t=>t==="light",N=t=>({buttonBgColor:R(t)?"white":rt,paragraphColor:R(t)?"black":"white"}),x=nt({"@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 P=typeof window<"u";var f="0.1.4";var gt={type:ut.CANDY_MACHINE},Tt=H=>{var r=H,{className:t,disabled:o,onClick:s,style:e,tabIndex:w,theme:M="dark",collectionTitle:a,collectionDescription:m,collectionPhoto:c,mintTo:E,emailTo:k,listingId:v,clientId:U,auctionId:C,hideMintOnInactiveClient:n=!1,showOverlay:_=!0,mintConfig:b=gt,whPassThroughArgs:I,environment:y}=r,O=h(r,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[l,u]=$(!1),[A,q]=$(pt.WAITING_SUBMISSION),{fetchClientIntegration:D}=lt({libVersion:f,clientId:U,environment:y,auctionId:C,mintConfig:b,setStatus:q,clientName:G.reactUi}),{connect:j}=mt({clientId:U,showOverlay:_,setConnecting:u,libVersion:f,environment:y,clientName:G.reactUi}),{checkProps:K,getButtonText:Y,shouldHideButton:z,handleClick:J}=ct({onClick:s,connecting:l}),[Q,X,Z]=K({collectionTitle:a,collectionPhoto:c,collectionDescription:m});a=Q,m=X,c=Z,it(()=>{n&&D()},[A]);let tt=ot=>J(ot,()=>{j(b,a,m,c,E,k,v,I)}),T=x(N(M)),st=at(()=>S.createElement("p",{className:T.crossmintParagraph},Y(l)),[l]);return z({hideMintOnInactiveClient:n,status:A})?null:S.createElement(S.Fragment,null,P&&S.createElement("button",i({className:`${T.crossmintButton} ${t||""}`,disabled:o,onClick:tt,style:i({},e),tabIndex:w},O),S.createElement("img",{className:T.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),st))};import d,{useCallback as ft,useEffect as St,useMemo as dt,useState as Ct}from"react";import{baseUrls as bt,crossmintStatusService as It,onboardingRequestStatusResponse as W,clientNames as yt}from"@crossmint/client-sdk-base";var Wt=U=>{var C=U,{className:t,disabled:o,onClick:s,style:e,tabIndex:w,theme:M="dark",clientId:a,auctionId:m,platformId:c,mintConfig:E,environment:k}=C,v=h(C,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[n,_]=Ct(W.WAITING_SUBMISSION),{goToOnboarding:b,fetchClientIntegration:I,getButtonText:y,isButtonDisabled:O}=It({libVersion:f,clientId:a,environment:k,platformId:c,auctionId:m,mintConfig:E,setStatus:_,clientName:yt.reactUi}),H=ft(u=>{if(s&&s(u),n===W.WAITING_SUBMISSION){b();return}},[n]);St(()=>{I();let u=setInterval(()=>{I()},60*1e3);return()=>clearInterval(u)},[]);let r=x(N(M)),l=dt(()=>d.createElement("p",{className:r.crossmintParagraph},y(n)),[n]);return d.createElement(d.Fragment,null,P&&d.createElement("button",i({className:`${r.crossmintButton} ${t||""}`,disabled:O(n),onClick:H,style:i({},e),tabIndex:w},v),d.createElement("img",{className:r.crossmintImg,src:`${bt.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),l))};export{Tt as CrossmintPayButton,Wt as CrossmintStatusButton};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.1.4-alpha.1",
+    "version": "0.1.5-alpha.0",
     "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": "^0.1.0-alpha.1",
+        "@crossmint/client-sdk-base": "^0.1.1-alpha.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-jss": "^10.9.0",
@@ -50,5 +50,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "ee78a4e2c023f15d344db27a818de5220ab67ac2"
+    "gitHead": "26e3394b21495d06ac042a59d23757334fc6f446"
 }

package/src/CrossmintPayButton.tsx

@@ -1,14 +1,18 @@
-import { mintingContractTypes, crossmintPayButtonService } from "@crossmint/client-sdk-base";
-import React, { FC, MouseEvent, useMemo, useEffect } from "react";
-import { useStyles, formatProps } from "./styles";
-import { isClientSide } from "./utils";
-import { CrossmintPayButtonReactProps } from "./types";
+import React, { FC, MouseEvent, useEffect, useMemo } from "react";
+import { useState } from "react";
+
 import {
     crossmintModalService,
-    onboardingRequestStatusResponse,
+    crossmintPayButtonService,
     crossmintStatusService,
+    clientNames,
+    mintingContractTypes,
+    onboardingRequestStatusResponse,
 } from "@crossmint/client-sdk-base";
-import { useState } from "react";
+
+import { formatProps, useStyles } from "./styles";
+import { CrossmintPayButtonReactProps } from "./types";
+import { isClientSide } from "./utils";
 import { LIB_VERSION } from "./version";
 
 const defaultMintConfig: any = {
@@ -47,6 +51,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         auctionId,
         mintConfig,
         setStatus,
+        clientName: clientNames.reactUi,
     });
 
     const { connect } = crossmintModalService({
@@ -55,9 +60,13 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         setConnecting,
         libVersion: LIB_VERSION,
         environment,
+        clientName: clientNames.reactUi,
     });
 
-    const { checkProps, getButtonText, shouldHideButton } = crossmintPayButtonService();
+    const { checkProps, getButtonText, shouldHideButton, handleClick } = crossmintPayButtonService({
+        onClick,
+        connecting,
+    });
 
     const [newCollectionTitle, newCollectionDescription, newCollectionPhoto] = checkProps({
         collectionTitle,
@@ -74,15 +83,19 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         }
     }, [status]);
 
-    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
-        if (onClick) onClick(event);
-
-        if (connecting) return;
-
-        if (!event.defaultPrevented) {
-            connect(mintConfig, collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
-        }
-    };
+    const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>
+        handleClick(event, () => {
+            connect(
+                mintConfig,
+                collectionTitle,
+                collectionDescription,
+                collectionPhoto,
+                mintTo,
+                emailTo,
+                listingId,
+                whPassThroughArgs
+            );
+        });
 
     const classes = useStyles(formatProps(theme));
 
@@ -100,7 +113,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
                 <button
                     className={`${classes.crossmintButton} ${className || ""}`}
                     disabled={disabled}
-                    onClick={handleClick}
+                    onClick={_handleClick}
                     style={{ ...style }}
                     tabIndex={tabIndex}
                     {...props}

package/src/CrossmintStatusButton.tsx

@@ -1,8 +1,15 @@
-import React, { FC, MouseEventHandler, useMemo, useCallback, useState, useEffect } from "react";
-import { useStyles, formatProps } from "./styles";
+import React, { FC, MouseEventHandler, useCallback, useEffect, useMemo, useState } from "react";
+
+import {
+    baseUrls,
+    crossmintStatusService,
+    onboardingRequestStatusResponse,
+    clientNames,
+} from "@crossmint/client-sdk-base";
+
+import { formatProps, useStyles } from "./styles";
 import { CrossmintStatusButtonReactProps } from "./types";
 import { isClientSide } from "./utils";
-import { baseUrls, onboardingRequestStatusResponse, crossmintStatusService } from "@crossmint/client-sdk-base";
 import { LIB_VERSION } from "./version";
 
 export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
@@ -29,6 +36,7 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
         auctionId,
         mintConfig,
         setStatus,
+        clientName: clientNames.reactUi,
     });
 
     const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(

package/src/version.ts

@@ -1 +1 @@
-export const LIB_VERSION = "0.1.4-alpha.1";
+export const LIB_VERSION = "0.1.5-alpha.0";