@crossmint/client-sdk-react-ui 0.1.4-alpha.0 → 0.1.4-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs +1 -1
- package/lib/index.js +1 -1
- package/package.json +4 -3
- package/src/CrossmintPayButton.tsx +8 -19
- package/src/version.ts +1 -1
package/lib/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var it=Object.create;var C=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames,x=Object.getOwnPropertySymbols,ut=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var W=(t,o,s)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,l=(t,o)=>{for(var s in o||(o={}))V.call(o,s)&&W(t,s,o[s]);if(x)for(var s of x(o))q.call(o,s)&&W(t,s,o[s]);return t};var P=(t,o)=>{var s={};for(var e in t)V.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&x)for(var e of x(t))o.indexOf(e)<0&&q.call(t,e)&&(s[e]=t[e]);return s};var lt=(t,o)=>{for(var s in o)C(t,s,{get:o[s],enumerable:!0})},D=(t,o,s,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of mt(o))!V.call(t,i)&&i!==s&&C(t,i,{get:()=>o[i],enumerable:!(e=at(o,i))||e.enumerable});return t};var j=(t,o,s)=>(s=t!=null?it(ut(t)):{},D(o||!t||!t.__esModule?C(s,"default",{value:t,enumerable:!0}):s,t)),
|
|
1
|
+
var it=Object.create;var C=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames,x=Object.getOwnPropertySymbols,ut=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var W=(t,o,s)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,l=(t,o)=>{for(var s in o||(o={}))V.call(o,s)&&W(t,s,o[s]);if(x)for(var s of x(o))q.call(o,s)&&W(t,s,o[s]);return t};var P=(t,o)=>{var s={};for(var e in t)V.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&x)for(var e of x(t))o.indexOf(e)<0&&q.call(t,e)&&(s[e]=t[e]);return s};var lt=(t,o)=>{for(var s in o)C(t,s,{get:o[s],enumerable:!0})},D=(t,o,s,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of mt(o))!V.call(t,i)&&i!==s&&C(t,i,{get:()=>o[i],enumerable:!(e=at(o,i))||e.enumerable});return t};var j=(t,o,s)=>(s=t!=null?it(ut(t)):{},D(o||!t||!t.__esModule?C(s,"default",{value:t,enumerable:!0}):s,t)),pt=t=>D(C({},"__esModule",{value:!0}),t);var St={};lt(St,{CrossmintPayButton:()=>ft,CrossmintStatusButton:()=>dt});module.exports=pt(St);var E=require("@crossmint/client-sdk-base"),n=j(require("react"),1);var Y=require("react-jss"),ct="#1e1e1e",K=t=>t==="light",N=t=>({buttonBgColor:K(t)?"white":ct,paragraphColor:K(t)?"black":"white"}),w=(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 M=typeof window<"u";var p=require("@crossmint/client-sdk-base"),F=require("react");var I="0.1.4-alpha.0";var gt={type:E.mintingContractTypes.CANDY_MACHINE},ft=R=>{var u=R,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:v="dark",collectionTitle:c,collectionDescription:g,collectionPhoto:f,mintTo:k,emailTo:T,listingId:O,clientId:_,auctionId:y,hideMintOnInactiveClient:a=!1,showOverlay:A=!0,mintConfig:h=gt,whPassThroughArgs:H,environment:B}=u,U=P(u,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[d,S]=(0,F.useState)(!1),[$,z]=(0,F.useState)(p.onboardingRequestStatusResponse.WAITING_SUBMISSION),{fetchClientIntegration:J}=(0,p.crossmintStatusService)({libVersion:I,clientId:_,environment:B,auctionId:y,mintConfig:h,setStatus:z}),{connect:Q}=(0,p.crossmintModalService)({clientId:_,showOverlay:A,setConnecting:S,libVersion:I,environment:B}),{checkProps:X,getButtonText:Z,shouldHideButton:tt}=(0,E.crossmintPayButtonService)(),[st,ot,et]=X({collectionTitle:c,collectionPhoto:f,collectionDescription:g});c=st,g=ot,f=et,(0,n.useEffect)(()=>{a&&J()},[$]);let rt=G=>{s&&s(G),!d&&(G.defaultPrevented||Q(h,c,g,f,k,T,O))},L=w(N(v)),nt=(0,n.useMemo)(()=>n.default.createElement("p",{className:L.crossmintParagraph},Z(d)),[d]);return tt({hideMintOnInactiveClient:a,status:$})?null:n.default.createElement(n.default.Fragment,null,M&&n.default.createElement("button",l({className:`${L.crossmintButton} ${t||""}`,disabled:o,onClick:rt,style:l({},e),tabIndex:i},U),n.default.createElement("img",{className:L.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),nt))};var r=j(require("react"),1);var m=require("@crossmint/client-sdk-base");var dt=_=>{var y=_,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:v="dark",clientId:c,auctionId:g,platformId:f,mintConfig:k,environment:T}=y,O=P(y,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[a,A]=(0,r.useState)(m.onboardingRequestStatusResponse.WAITING_SUBMISSION),{goToOnboarding:h,fetchClientIntegration:H,getButtonText:B,isButtonDisabled:U}=(0,m.crossmintStatusService)({libVersion:I,clientId:c,environment:T,platformId:f,auctionId:g,mintConfig:k,setStatus:A}),R=(0,r.useCallback)(S=>{if(s&&s(S),a===m.onboardingRequestStatusResponse.WAITING_SUBMISSION){h();return}},[a]);(0,r.useEffect)(()=>{H();let S=setInterval(()=>{H()},60*1e3);return()=>clearInterval(S)},[]);let u=w(N(v)),d=(0,r.useMemo)(()=>r.default.createElement("p",{className:u.crossmintParagraph},B(a)),[a]);return r.default.createElement(r.default.Fragment,null,M&&r.default.createElement("button",l({className:`${u.crossmintButton} ${t||""}`,disabled:U(a),onClick:R,style:l({},e),tabIndex:i},O),r.default.createElement("img",{className:u.crossmintImg,src:`${m.baseUrls.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),d))};0&&(module.exports={CrossmintPayButton,CrossmintStatusButton});
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var st=Object.defineProperty;var y=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var V=(t,o,s)=>o in t?st(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)&&V(t,s,o[s]);if(y)for(var s of y(o))R.call(o,s)&&V(t,s,o[s]);return t};var h=(t,o)=>{var s={};for(var e in t)F.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&y)for(var e of y(t))o.indexOf(e)<0&&R.call(t,e)&&(s[e]=t[e]);return s};import{mintingContractTypes as rt,crossmintPayButtonService as nt}from"@crossmint/client-sdk-base";import d,{useMemo as it,
|
|
1
|
+
var st=Object.defineProperty;var y=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var V=(t,o,s)=>o in t?st(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)&&V(t,s,o[s]);if(y)for(var s of y(o))R.call(o,s)&&V(t,s,o[s]);return t};var h=(t,o)=>{var s={};for(var e in t)F.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&y)for(var e of y(t))o.indexOf(e)<0&&R.call(t,e)&&(s[e]=t[e]);return s};import{mintingContractTypes as rt,crossmintPayButtonService as nt}from"@crossmint/client-sdk-base";import d,{useMemo as it,useEffect as at}from"react";import{createUseStyles as ot}from"react-jss";var et="#1e1e1e",$=t=>t==="light",B=t=>({buttonBgColor:$(t)?"white":et,paragraphColor:$(t)?"black":"white"}),x=ot({"@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 P=typeof window<"u";import{crossmintModalService as mt,onboardingRequestStatusResponse as ut,crossmintStatusService as lt}from"@crossmint/client-sdk-base";import{useState as G}from"react";var f="0.1.4-alpha.0";var pt={type:rt.CANDY_MACHINE},Ot=H=>{var n=H,{className:t,disabled:o,onClick:s,style:e,tabIndex:N,theme:w="dark",collectionTitle:a,collectionDescription:m,collectionPhoto:u,mintTo:M,emailTo:E,listingId:v,clientId:k,auctionId:C,hideMintOnInactiveClient:r=!1,showOverlay:T=!0,mintConfig:b=pt,whPassThroughArgs:O,environment:I}=n,_=h(n,["className","disabled","onClick","style","tabIndex","theme","collectionTitle","collectionDescription","collectionPhoto","mintTo","emailTo","listingId","clientId","auctionId","hideMintOnInactiveClient","showOverlay","mintConfig","whPassThroughArgs","environment"]);let[l,p]=G(!1),[U,q]=G(ut.WAITING_SUBMISSION),{fetchClientIntegration:D}=lt({libVersion:f,clientId:k,environment:I,auctionId:C,mintConfig:b,setStatus:q}),{connect:j}=mt({clientId:k,showOverlay:T,setConnecting:p,libVersion:f,environment:I}),{checkProps:K,getButtonText:Y,shouldHideButton:z}=nt(),[J,Q,X]=K({collectionTitle:a,collectionPhoto:u,collectionDescription:m});a=J,m=Q,u=X,at(()=>{r&&D()},[U]);let Z=L=>{s&&s(L),!l&&(L.defaultPrevented||j(b,a,m,u,M,E,v))},A=x(B(w)),tt=it(()=>d.createElement("p",{className:A.crossmintParagraph},Y(l)),[l]);return z({hideMintOnInactiveClient:r,status:U})?null:d.createElement(d.Fragment,null,P&&d.createElement("button",i({className:`${A.crossmintButton} ${t||""}`,disabled:o,onClick:Z,style:i({},e),tabIndex:N},_),d.createElement("img",{className:A.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.png",alt:"Crossmint logo"}),tt))};import S,{useMemo as ct,useCallback as gt,useState as ft,useEffect as dt}from"react";import{baseUrls as St,onboardingRequestStatusResponse as W,crossmintStatusService as Ct}from"@crossmint/client-sdk-base";var $t=k=>{var C=k,{className:t,disabled:o,onClick:s,style:e,tabIndex:N,theme:w="dark",clientId:a,auctionId:m,platformId:u,mintConfig:M,environment:E}=C,v=h(C,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[r,T]=ft(W.WAITING_SUBMISSION),{goToOnboarding:b,fetchClientIntegration:O,getButtonText:I,isButtonDisabled:_}=Ct({libVersion:f,clientId:a,environment:E,platformId:u,auctionId:m,mintConfig:M,setStatus:T}),H=gt(p=>{if(s&&s(p),r===W.WAITING_SUBMISSION){b();return}},[r]);dt(()=>{O();let p=setInterval(()=>{O()},60*1e3);return()=>clearInterval(p)},[]);let n=x(B(w)),l=ct(()=>S.createElement("p",{className:n.crossmintParagraph},I(r)),[r]);return S.createElement(S.Fragment,null,P&&S.createElement("button",i({className:`${n.crossmintButton} ${t||""}`,disabled:_(r),onClick:H,style:i({},e),tabIndex:N},v),S.createElement("img",{className:n.crossmintImg,src:`${St.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),l))};export{Ot as CrossmintPayButton,$t as CrossmintStatusButton};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crossmint/client-sdk-react-ui",
|
|
3
|
-
"version": "0.1.4-alpha.
|
|
3
|
+
"version": "0.1.4-alpha.1",
|
|
4
4
|
"author": "Paella Labs Inc",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": "https://github.com/CrossMint/crossmint-client-sdk",
|
|
@@ -32,13 +32,14 @@
|
|
|
32
32
|
"test": "jest"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@crossmint/client-sdk-base": "^0.1.0-alpha.
|
|
35
|
+
"@crossmint/client-sdk-base": "^0.1.0-alpha.1",
|
|
36
36
|
"react": "^17.0.2",
|
|
37
37
|
"react-dom": "^17.0.2",
|
|
38
38
|
"react-jss": "^10.9.0",
|
|
39
39
|
"uuid": "^8.3.2"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
+
"@crossmint/client-sdk-base": "^0.1.0-alpha.0",
|
|
42
43
|
"@testing-library/jest-dom": "^5.16.2",
|
|
43
44
|
"@testing-library/react": "^12.1.3",
|
|
44
45
|
"@types/jest": "^27.4.1",
|
|
@@ -49,5 +50,5 @@
|
|
|
49
50
|
"ts-jest": "^27.1.3",
|
|
50
51
|
"ts-node-dev": "^1.1.8"
|
|
51
52
|
},
|
|
52
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "ee78a4e2c023f15d344db27a818de5220ab67ac2"
|
|
53
54
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mintingContractTypes, crossmintPayButtonService } from "@crossmint/client-sdk-base";
|
|
2
|
-
import React, { FC,
|
|
2
|
+
import React, { FC, MouseEvent, useMemo, useEffect } from "react";
|
|
3
3
|
import { useStyles, formatProps } from "./styles";
|
|
4
4
|
import { isClientSide } from "./utils";
|
|
5
5
|
import { CrossmintPayButtonReactProps } from "./types";
|
|
@@ -74,26 +74,15 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
|
|
|
74
74
|
}
|
|
75
75
|
}, [status]);
|
|
76
76
|
|
|
77
|
-
const handleClick:
|
|
78
|
-
(event)
|
|
79
|
-
if (onClick) onClick(event);
|
|
77
|
+
const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
|
|
78
|
+
if (onClick) onClick(event);
|
|
80
79
|
|
|
81
|
-
|
|
80
|
+
if (connecting) return;
|
|
82
81
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
collectionDescription,
|
|
88
|
-
collectionPhoto,
|
|
89
|
-
mintTo,
|
|
90
|
-
emailTo,
|
|
91
|
-
listingId
|
|
92
|
-
);
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
[onClick]
|
|
96
|
-
);
|
|
82
|
+
if (!event.defaultPrevented) {
|
|
83
|
+
connect(mintConfig, collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
97
86
|
|
|
98
87
|
const classes = useStyles(formatProps(theme));
|
|
99
88
|
|
package/src/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const LIB_VERSION = "0.1.4-alpha.
|
|
1
|
+
export const LIB_VERSION = "0.1.4-alpha.1";
|