@crossmint/client-sdk-react-ui 0.1.4-alpha.1 → 0.1.4-alpha.2
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 +3 -3
- package/src/CrossmintPayButton.tsx +10 -1
- 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,
|
|
1
|
+
var it=Object.create;var C=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames,P=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(P)for(var s of P(o))q.call(o,s)&&W(t,s,o[s]);return t};var N=(t,o)=>{var s={};for(var e in t)V.call(t,e)&&o.indexOf(e)<0&&(s[e]=t[e]);if(t!=null&&P)for(var e of P(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 v=require("@crossmint/client-sdk-base"),n=j(require("react"),1);var Y=require("react-jss"),ct="#1e1e1e",K=t=>t==="light",w=t=>({buttonBgColor:K(t)?"white":ct,paragraphColor:K(t)?"black":"white"}),M=(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 E=typeof window<"u";var p=require("@crossmint/client-sdk-base"),F=require("react");var I="0.1.4-alpha.1";var gt={type:v.mintingContractTypes.CANDY_MACHINE},ft=R=>{var u=R,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:k="dark",collectionTitle:c,collectionDescription:g,collectionPhoto:f,mintTo:O,emailTo:T,listingId:_,clientId:H,auctionId:y,hideMintOnInactiveClient:a=!1,showOverlay:U=!0,mintConfig:B=gt,whPassThroughArgs:h,environment:x}=u,A=N(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:H,environment:x,auctionId:y,mintConfig:B,setStatus:z}),{connect:Q}=(0,p.crossmintModalService)({clientId:H,showOverlay:U,setConnecting:S,libVersion:I,environment:x}),{checkProps:X,getButtonText:Z,shouldHideButton:tt}=(0,v.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(B,c,g,f,O,T,_,h))},L=M(w(k)),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,E&&n.default.createElement("button",l({className:`${L.crossmintButton} ${t||""}`,disabled:o,onClick:rt,style:l({},e),tabIndex:i},A),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=H=>{var y=H,{className:t,disabled:o,onClick:s,style:e,tabIndex:i,theme:k="dark",clientId:c,auctionId:g,platformId:f,mintConfig:O,environment:T}=y,_=N(y,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[a,U]=(0,r.useState)(m.onboardingRequestStatusResponse.WAITING_SUBMISSION),{goToOnboarding:B,fetchClientIntegration:h,getButtonText:x,isButtonDisabled:A}=(0,m.crossmintStatusService)({libVersion:I,clientId:c,environment:T,platformId:f,auctionId:g,mintConfig:O,setStatus:U}),R=(0,r.useCallback)(S=>{if(s&&s(S),a===m.onboardingRequestStatusResponse.WAITING_SUBMISSION){B();return}},[a]);(0,r.useEffect)(()=>{h();let S=setInterval(()=>{h()},60*1e3);return()=>clearInterval(S)},[]);let u=M(w(k)),d=(0,r.useMemo)(()=>r.default.createElement("p",{className:u.crossmintParagraph},x(a)),[a]);return r.default.createElement(r.default.Fragment,null,E&&r.default.createElement("button",l({className:`${u.crossmintButton} ${t||""}`,disabled:A(a),onClick:R,style:l({},e),tabIndex:i},_),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
|
|
1
|
+
var st=Object.defineProperty;var B=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(B)for(var s of B(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&&B)for(var e of B(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",x=t=>({buttonBgColor:$(t)?"white":et,paragraphColor:$(t)?"black":"white"}),P=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 N=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.1";var pt={type:rt.CANDY_MACHINE},Tt=U=>{var n=U,{className:t,disabled:o,onClick:s,style:e,tabIndex:w,theme:M="dark",collectionTitle:a,collectionDescription:m,collectionPhoto:u,mintTo:E,emailTo:v,listingId:k,clientId:O,auctionId:C,hideMintOnInactiveClient:r=!1,showOverlay:T=!0,mintConfig:b=pt,whPassThroughArgs:I,environment:y}=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),[A,q]=G(ut.WAITING_SUBMISSION),{fetchClientIntegration:D}=lt({libVersion:f,clientId:O,environment:y,auctionId:C,mintConfig:b,setStatus:q}),{connect:j}=mt({clientId:O,showOverlay:T,setConnecting:p,libVersion:f,environment:y}),{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()},[A]);let Z=L=>{s&&s(L),!l&&(L.defaultPrevented||j(b,a,m,u,E,v,k,I))},H=P(x(M)),tt=it(()=>d.createElement("p",{className:H.crossmintParagraph},Y(l)),[l]);return z({hideMintOnInactiveClient:r,status:A})?null:d.createElement(d.Fragment,null,N&&d.createElement("button",i({className:`${H.crossmintButton} ${t||""}`,disabled:o,onClick:Z,style:i({},e),tabIndex:w},_),d.createElement("img",{className:H.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=O=>{var C=O,{className:t,disabled:o,onClick:s,style:e,tabIndex:w,theme:M="dark",clientId:a,auctionId:m,platformId:u,mintConfig:E,environment:v}=C,k=h(C,["className","disabled","onClick","style","tabIndex","theme","clientId","auctionId","platformId","mintConfig","environment"]);let[r,T]=ft(W.WAITING_SUBMISSION),{goToOnboarding:b,fetchClientIntegration:I,getButtonText:y,isButtonDisabled:_}=Ct({libVersion:f,clientId:a,environment:v,platformId:u,auctionId:m,mintConfig:E,setStatus:T}),U=gt(p=>{if(s&&s(p),r===W.WAITING_SUBMISSION){b();return}},[r]);dt(()=>{I();let p=setInterval(()=>{I()},60*1e3);return()=>clearInterval(p)},[]);let n=P(x(M)),l=ct(()=>S.createElement("p",{className:n.crossmintParagraph},y(r)),[r]);return S.createElement(S.Fragment,null,N&&S.createElement("button",i({className:`${n.crossmintButton} ${t||""}`,disabled:_(r),onClick:U,style:i({},e),tabIndex:w},k),S.createElement("img",{className:n.crossmintImg,src:`${St.prod}/assets/crossmint/logo.png`,alt:"Crossmint logo"}),l))};export{Tt 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.2",
|
|
4
4
|
"author": "Paella Labs Inc",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": "https://github.com/CrossMint/crossmint-client-sdk",
|
|
@@ -32,7 +32,7 @@
|
|
|
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.2",
|
|
36
36
|
"react": "^17.0.2",
|
|
37
37
|
"react-dom": "^17.0.2",
|
|
38
38
|
"react-jss": "^10.9.0",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"ts-jest": "^27.1.3",
|
|
51
51
|
"ts-node-dev": "^1.1.8"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "955d667647e7d0b5412a46cfb9ed9f252d87a066"
|
|
54
54
|
}
|
|
@@ -80,7 +80,16 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
|
|
|
80
80
|
if (connecting) return;
|
|
81
81
|
|
|
82
82
|
if (!event.defaultPrevented) {
|
|
83
|
-
connect(
|
|
83
|
+
connect(
|
|
84
|
+
mintConfig,
|
|
85
|
+
collectionTitle,
|
|
86
|
+
collectionDescription,
|
|
87
|
+
collectionPhoto,
|
|
88
|
+
mintTo,
|
|
89
|
+
emailTo,
|
|
90
|
+
listingId,
|
|
91
|
+
whPassThroughArgs
|
|
92
|
+
);
|
|
84
93
|
}
|
|
85
94
|
};
|
|
86
95
|
|
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.2";
|