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

package/lib/index.cjs

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

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.1.7-alpha.2",
+    "version": "0.1.8-alpha.0",
     "author": "Paella Labs Inc",
     "license": "Apache-2.0",
     "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -32,8 +32,8 @@
         "test": "jest"
     },
     "dependencies": {
-        "@crossmint/client-sdk-base": "^0.1.3-alpha.2",
-        "react-jss": "10.9.1-alpha.1",
+        "@crossmint/client-sdk-base": "^0.1.4-alpha.0",
+        "react-jss": "10.9.2",
         "uuid": "^8.3.2"
     },
     "peerDependencies": {
@@ -49,5 +49,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "e25a4b840ca9f552ab091917e4fb846d30b22da2"
+    "gitHead": "19d70e6703ead8d1bb4a77b9c32784f2298b2a8a"
 }

package/src/CrossmintPayButton.tsx

@@ -41,6 +41,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     environment,
     paymentMethod,
     preferredSigninMethod,
+    dismissOverlayOnClick,
     ...props
 }) => {
     const [connecting, setConnecting] = useState(false);
@@ -60,6 +61,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     const { connect } = crossmintModalService({
         clientId,
         showOverlay,
+        dismissOverlayOnClick,
         setConnecting,
         libVersion: LIB_VERSION,
         environment,

package/src/version.ts

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