@crossmint/client-sdk-react-ui - npm Package Compare versions

Comparing version 0.2.4-alpha.0 to 0.2.5-alpha.0

lib/index.js

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

package.json

 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.2.4-alpha.0",
+    "version": "0.2.5-alpha.0",
     "author": "Paella Labs Inc",
@@ -35,3 +35,3 @@ "license": "Apache-2.0",
     "dependencies": {
-        "@crossmint/client-sdk-base": "^0.2.4-alpha.0",
+        "@crossmint/client-sdk-base": "^0.2.5-alpha.0",
         "react-jss": "10.9.2",
@@ -53,3 +53,3 @@ "uuid": "^8.3.2"
     },
-    "gitHead": "69f8725706cb67f2d7645c0dbaadd7c3395d3380"
+    "gitHead": "15fb24687e4c49b5b5e062de5b791ced2e25714e"
 }

src/version.ts

@@ -1,1 +0,1 @@
-export const LIB_VERSION = "0.2.4-alpha.0";
+export const LIB_VERSION = "0.2.5-alpha.0";

No alert changes

Improved metrics

Total package byte prevSize

32392

0.94%

Lines of code

314

1.29%

Dependency changes

• Updated

  @crossmint/client-sdk-base@^0.2.5-alpha.0