@crossmint/client-sdk-react-ui 0.2.3-alpha.0 → 0.2.5-alpha.0

package/lib/index.cjs

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

package/lib/index.js

@@ -1 +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.3-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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.2.3-alpha.0",
+    "version": "0.2.5-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.3-alpha.0",
+        "@crossmint/client-sdk-base": "^0.2.5-alpha.0",
         "react-jss": "10.9.2",
         "uuid": "^8.3.2"
     },
@@ -49,5 +49,5 @@
         "ts-jest": "^27.1.3",
         "ts-node-dev": "^1.1.8"
     },
-    "gitHead": "ba2bd1bacbc1dae4ed347978194e9bb5abc052a2"
+    "gitHead": "15fb24687e4c49b5b5e062de5b791ced2e25714e"
 }

package/src/CrossmintPayButton.tsx

@@ -42,6 +42,8 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
     prepay,
     locale = "en-US",
     currency = "USD",
+    successCallbackURL = "",
+    failureCallbackURL = "",
     ...props
   }) => {
     const [connecting, setConnecting] = useState(false);
@@ -68,6 +70,8 @@ export const CrossmintPayButton: FC<CrossmintPayButtonReactProps> = ({
         clientName: clientNames.reactUi,
         locale,
         currency,
+        successCallbackURL,
+        failureCallbackURL,
     });
 
     const { getButtonText, shouldHideButton, handleClick } = crossmintPayButtonService({

package/src/version.ts

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