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

Comparing version 0.1.8-alpha.0 to 0.2.0

lib/index.d.ts

@@ -0,0 +0,0 @@ import { MouseEvent, CSSProperties, FC } from 'react';

lib/index.js

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

package.json

 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.1.8-alpha.0",
+    "version": "0.2.0",
     "author": "Paella Labs Inc",
@@ -35,3 +35,3 @@ "license": "Apache-2.0",
     "dependencies": {
-        "@crossmint/client-sdk-base": "^0.1.4-alpha.0",
+        "@crossmint/client-sdk-base": "0.2.0",
         "react-jss": "10.9.2",
@@ -53,3 +53,3 @@ "uuid": "^8.3.2"
     },
-    "gitHead": "19d70e6703ead8d1bb4a77b9c32784f2298b2a8a"
+    "gitHead": "344716c669c295f761c17db6973a8c14fb55f87f"
 }

README.md

@@ -0,0 +0,0 @@ # `@crossmint/client-sdk-react-ui`

src/index.ts

 export * from "./CrossmintPayButton";
 export * from "./CrossmintStatusButton";

src/styles/index.ts

@@ -0,0 +0,0 @@ import { createUseStyles } from "react-jss";

src/types.ts

@@ -0,0 +0,0 @@ import { CSSProperties, MouseEvent } from "react";

src/useEnvironment.ts

@@ -0,0 +0,0 @@ import { useEffect, useState } from "react";

src/version.ts

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

No alert changes

Worsened metrics

Total package byte prevSize

33595

-1.87%

Lines of code

299

-7.43%

Dependency changes

• + Added

  @crossmint/client-sdk-base@0.2.0
  (transitive)

• - Removed

  @crossmint/client-sdk-base@0.1.4-alpha.0
  (transitive)

• Updated

  @crossmint/client-sdk-base@0.2.0