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

package/README.md

@@ -20,4 +20,8 @@ The next steps depend on which chain you're using for your project. For detailed
 
 Version 0.1.0 introduces breaking changes. To learn how to migrate from a version lower than 0.1.0, [check out the migration guide](https://docs.google.com/document/d/14IKpjrij7kU7Dr0I7rZkf0PyDNbXiklx2v4GuzUrFbw/edit?usp=sharing).
 
-## [Changelog](https://docs.google.com/document/d/e/2PACX-1vR5NzVS2msrCMZxlcfBgAT-Y8kAypeKqH_WBeNiwVTmyEzLZvJBWrKrz_966-d3jumwIBi94IXGT6Wp/pub)
+## [Changelog](https://docs.google.com/document/d/e/2PACX-1vR5NzVS2msrCMZxlcfBgAT-Y8kAypeKqH_WBeNiwVTmyEzLZvJBWrKrz_966-d3jumwIBi94IXGT6Wp/pub)
+
+## Migration guide to 0.2.X versions
+
+Version 0.2.0 introduces breaking changes. To learn how to migrate from a version lower than 0.2.0, [check out the migration guide](https://docs.google.com/document/d/1mA0W-iAs0nHHW0ANX0TfZ5qrzxPGxNchPj13W6cHc-Y/edit?usp=sharing).

package/lib/index.cjs

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

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.1.8-alpha.0",
+    "version": "0.2.1-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.4-alpha.0",
+        "@crossmint/client-sdk-base": "^0.2.1-alpha.0",
         "react-jss": "10.9.2",
         "uuid": "^8.3.2"
     },
@@ -49,5 +49,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "19d70e6703ead8d1bb4a77b9c32784f2298b2a8a"
+    "gitHead": "d910a4e44b10a7287d444efbffb9a8824cf5a889"
 }

package/src/CrossmintPayButton.tsx

@@ -26,9 +26,6 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     style,
     tabIndex,
     theme = "dark",
-    collectionTitle,
-    collectionDescription,
-    collectionPhoto,
     mintTo,
     emailTo,
     listingId,
@@ -42,6 +39,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     paymentMethod,
     preferredSigninMethod,
     dismissOverlayOnClick,
+    prepay,
     ...props
 }) => {
     const [connecting, setConnecting] = useState(false);
@@ -68,21 +66,12 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         clientName: clientNames.reactUi,
     });
 
-    const { checkProps, getButtonText, shouldHideButton, handleClick } = crossmintPayButtonService({
+    const { getButtonText, shouldHideButton, handleClick } = crossmintPayButtonService({
         onClick,
         connecting,
         paymentMethod,
     });
 
-    const [newCollectionTitle, newCollectionDescription, newCollectionPhoto] = checkProps({
-        collectionTitle,
-        collectionPhoto,
-        collectionDescription,
-    });
-    collectionTitle = newCollectionTitle;
-    collectionDescription = newCollectionDescription;
-    collectionPhoto = newCollectionPhoto;
-
     useEffect(() => {
         if (hideMintOnInactiveClient) {
             fetchClientIntegration();
@@ -93,15 +82,13 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         handleClick(event, () => {
             connect(
                 mintConfig,
-                collectionTitle,
-                collectionDescription,
-                collectionPhoto,
                 mintTo,
                 emailTo,
                 listingId,
                 whPassThroughArgs,
                 paymentMethod,
-                preferredSigninMethod
+                preferredSigninMethod,
+                prepay
             );
         });
 
@@ -132,7 +119,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
                 >
                     <img
                         className={classes.crossmintImg}
-                        src="https://www.crossmint.io/assets/crossmint/logo.png"
+                        src="https://www.crossmint.io/assets/crossmint/logo.svg"
                         alt="Crossmint logo"
                     />
                     {content}

package/src/CrossmintStatusButton.tsx

@@ -73,7 +73,7 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
                 >
                     <img
                         className={classes.crossmintImg}
-                        src={`${baseUrls.prod}/assets/crossmint/logo.png`}
+                        src={`${baseUrls.prod}/assets/crossmint/logo.svg`}
                         alt="Crossmint logo"
                     />
                     {content}

package/src/version.ts

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