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

package/lib/index.cjs

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

package/src/CrossmintPayButton.tsx

@@ -5,6 +5,7 @@ import {
     crossmintModalService,
     crossmintPayButtonService,
     crossmintStatusService,
+    clientNames,
     mintingContractTypes,
     onboardingRequestStatusResponse,
 } from "@crossmint/client-sdk-base";
@@ -50,6 +51,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         auctionId,
         mintConfig,
         setStatus,
+        clientName: clientNames.reactUi,
     });
 
     const { connect } = crossmintModalService({
@@ -58,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,
@@ -77,12 +83,8 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         }
     }, [status]);
 
-    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
-        if (onClick) onClick(event);
-
-        if (connecting) return;
-
-        if (!event.defaultPrevented) {
+    const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>
+        handleClick(event, () => {
             connect(
                 mintConfig,
                 collectionTitle,
@@ -93,8 +95,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
                 listingId,
                 whPassThroughArgs
             );
-        }
-    };
+        });
 
     const classes = useStyles(formatProps(theme));
 
@@ -112,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,6 +1,11 @@
 import React, { FC, MouseEventHandler, useCallback, useEffect, useMemo, useState } from "react";
 
-import { baseUrls, crossmintStatusService, onboardingRequestStatusResponse } from "@crossmint/client-sdk-base";
+import {
+    baseUrls,
+    crossmintStatusService,
+    onboardingRequestStatusResponse,
+    clientNames,
+} from "@crossmint/client-sdk-base";
 
 import { formatProps, useStyles } from "./styles";
 import { CrossmintStatusButtonReactProps } from "./types";
@@ -31,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";
+export const LIB_VERSION = "0.1.5-alpha.0";