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

package/lib/index.cjs

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

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.2.1-alpha.0",
+    "version": "0.2.2-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.2.1-alpha.0",
+        "@crossmint/client-sdk-base": "^0.2.2-alpha.0",
         "react-jss": "10.9.2",
         "uuid": "^8.3.2"
     },
@@ -42,12 +42,12 @@
     },
     "devDependencies": {
         "@types/jest": "^27.4.1",
-        "@types/react": "^17.0.24",
+        "@types/react": "17.0.34",
         "@types/react-dom": "^17.0.11",
         "jest": "^27.5.1",
         "node-fetch": "^3.2.0",
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "d910a4e44b10a7287d444efbffb9a8824cf5a889"
+    "gitHead": "16aabf6d5e74aacab2861c8db002bcba11e6ac45"
 }

package/src/CrossmintPayButton.tsx

@@ -40,8 +40,10 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     preferredSigninMethod,
     dismissOverlayOnClick,
     prepay,
+    locale = "en-US",
+    currency = "USD",
     ...props
-}) => {
+  }) => {
     const [connecting, setConnecting] = useState(false);
     const [status, setStatus] = useState(onboardingRequestStatusResponse.WAITING_SUBMISSION);
     const { isServerSideRendering } = useEnvironment();
@@ -64,12 +66,15 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         libVersion: LIB_VERSION,
         environment,
         clientName: clientNames.reactUi,
+        locale,
+        currency,
     });
 
     const { getButtonText, shouldHideButton, handleClick } = crossmintPayButtonService({
         onClick,
         connecting,
         paymentMethod,
+        locale,
     });
 
     useEffect(() => {
@@ -88,7 +93,7 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
                 whPassThroughArgs,
                 paymentMethod,
                 preferredSigninMethod,
-                prepay
+                prepay,
             );
         });
 

package/src/CrossmintStatusButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEventHandler, useCallback, useEffect, useMemo, useState } from "react";
+import React, { FC, MouseEventHandler, useEffect, useMemo, useState } from "react";
 
 import {
     baseUrls,
@@ -25,8 +25,9 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
     platformId,
     mintConfig,
     environment,
+    locale = "en-US",
     ...props
-}) => {
+  }) => {
     const [status, setStatus] = useState(onboardingRequestStatusResponse.WAITING_SUBMISSION);
     const { isServerSideRendering } = useEnvironment();
 
@@ -40,7 +41,7 @@ export const CrossmintStatusButton: FC<CrossmintStatusButtonReactProps> = ({
         setStatus,
         clientName: clientNames.reactUi,
     });
-    const { getButtonText, isButtonDisabled, handleClick } = crossmintStatusButtonService({ onClick });
+    const { getButtonText, isButtonDisabled, handleClick } = crossmintStatusButtonService({ onClick, locale });
 
     const _handleClick: MouseEventHandler<HTMLButtonElement> = (e) => handleClick(e, status, goToOnboarding);
 

package/src/version.ts

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