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

package/lib/index.cjs

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

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.1.7-alpha.0",
+    "version": "0.1.7-alpha.1",
     "author": "Paella Labs Inc",
     "license": "Apache-2.0",
     "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -28,19 +28,19 @@
         "version": "yarn run create-version-file && git add .",
         "prebuild": "yarn run create-version-file",
         "clean": "shx rm -rf lib/*",
-        "build": "yarn clean && tsup src/index.ts --format esm,cjs --outDir ./lib --minify --dts",
+        "build": "yarn clean && tsup src/index.ts --external react,react-dom --format esm,cjs --outDir ./lib --minify --dts",
         "test": "jest"
     },
     "dependencies": {
-        "@crossmint/client-sdk-base": "^0.1.3-alpha.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-jss": "^10.9.0",
+        "@crossmint/client-sdk-base": "^0.1.3-alpha.1",
+        "react-jss": "10.9.1-alpha.1",
         "uuid": "^8.3.2"
     },
+    "peerDependencies": {
+        "react": ">=17.0.2",
+        "react-dom": ">=17.0.2"
+    },
     "devDependencies": {
-        "@testing-library/jest-dom": "^5.16.2",
-        "@testing-library/react": "^12.1.3",
         "@types/jest": "^27.4.1",
         "@types/react": "^17.0.24",
         "@types/react-dom": "^17.0.11",
@@ -49,5 +49,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "7a677d6b0a0584d1f22610bd021fec77c319f380"
+    "gitHead": "e385eef7fa9c9c995352993f92352d03af1d8eef"
 }

package/src/CrossmintPayButton.tsx

@@ -12,7 +12,7 @@ import {
 
 import { formatProps, useStyles } from "./styles";
 import { CrossmintPayButtonReactProps } from "./types";
-import { isClientSide } from "./utils";
+import useEnvironment from "./useEnvironment";
 import { LIB_VERSION } from "./version";
 
 const defaultMintConfig: any = {
@@ -45,6 +45,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
 }) => {
     const [connecting, setConnecting] = useState(false);
     const [status, setStatus] = useState(onboardingRequestStatusResponse.WAITING_SUBMISSION);
+    const { isServerSideRendering } = useEnvironment();
 
     const { fetchClientIntegration } = crossmintStatusService({
         libVersion: LIB_VERSION,
@@ -106,9 +107,9 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
 
     const content = useMemo(() => {
         return (
-            <p className={classes.crossmintParagraph} role="button-paragraph">
+            <span className={classes.crossmintParagraph} role="button-paragraph">
                 {getButtonText(connecting)}
-            </p>
+            </span>
         );
     }, [connecting]);
 
@@ -118,7 +119,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
 
     return (
         <>
-            {isClientSide && (
+            {!isServerSideRendering && (
                 <button
                     className={`${classes.crossmintButton} ${className || ""}`}
                     disabled={disabled}

package/src/CrossmintStatusButton.tsx

@@ -10,7 +10,7 @@ import {
 
 import { formatProps, useStyles } from "./styles";
 import { CrossmintStatusButtonReactProps } from "./types";
-import { isClientSide } from "./utils";
+import useEnvironment from "./useEnvironment";
 import { LIB_VERSION } from "./version";
 
 export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
@@ -28,6 +28,7 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
     ...props
 }) => {
     const [status, setStatus] = useState(onboardingRequestStatusResponse.WAITING_SUBMISSION);
+    const { isServerSideRendering } = useEnvironment();
 
     const { goToOnboarding, fetchClientIntegration } = crossmintStatusService({
         libVersion: LIB_VERSION,
@@ -56,12 +57,12 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
     const classes = useStyles(formatProps(theme));
 
     const content = useMemo(() => {
-        return <p className={classes.crossmintParagraph}>{getButtonText(status)}</p>;
+        return <span className={classes.crossmintParagraph}>{getButtonText(status)}</span>;
     }, [status]);
 
     return (
         <>
-            {isClientSide && (
+            {!isServerSideRendering && (
                 <button
                     className={`${classes.crossmintButton} ${className || ""}`}
                     disabled={isButtonDisabled(status)}

package/src/useEnvironment.ts

@@ -0,0 +1,10 @@
+import { useEffect, useState } from "react";
+
+export default function useEnvironment() {
+    const [isServerSideRendering, setIsServerSideRendering] = useState(true);
+    useEffect(() => {
+        setIsServerSideRendering(false);
+    }, []);
+
+    return { isServerSideRendering };
+}

package/src/version.ts

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

package/src/utils.ts

@@ -1 +0,0 @@
-export const isClientSide = typeof window !== "undefined";