@crossmint/client-sdk-react-ui 1.0.0-alpha.0 → 1.0.0
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/version.ts +1 -1
package/lib/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var rt=Object.create;var f=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,mt=Object.prototype.hasOwnProperty;var ct=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},B=(t,e,n,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of st(e))!mt.call(t,o)&&o!==n&&f(t,o,{get:()=>e[o],enumerable:!(c=it(e,o))||c.enumerable});return t};var d=(t,e,n)=>(n=t!=null?rt(at(t)):{},B(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),lt=t=>B(f({},"__esModule",{value:!0}),t);var yt={};ct(yt,{CheckoutEvents:()=>S.CheckoutEvents,CrossmintNFTCollectionView:()=>ft,CrossmintNFTDetail:()=>dt,CrossmintPayButton:()=>ut,CrossmintPaymentElement:()=>ht,useCrossmintEvents:()=>S.useCrossmintEvents});module.exports=lt(yt);var i=d(require("react"),1),L=require("react"),s=require("@crossmint/client-sdk-base");var V=require("react-jss"),
|
|
1
|
+
"use strict";var rt=Object.create;var f=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,mt=Object.prototype.hasOwnProperty;var ct=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},B=(t,e,n,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of st(e))!mt.call(t,o)&&o!==n&&f(t,o,{get:()=>e[o],enumerable:!(c=it(e,o))||c.enumerable});return t};var d=(t,e,n)=>(n=t!=null?rt(at(t)):{},B(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),lt=t=>B(f({},"__esModule",{value:!0}),t);var yt={};ct(yt,{CheckoutEvents:()=>S.CheckoutEvents,CrossmintNFTCollectionView:()=>ft,CrossmintNFTDetail:()=>dt,CrossmintPayButton:()=>ut,CrossmintPaymentElement:()=>ht,useCrossmintEvents:()=>S.useCrossmintEvents});module.exports=lt(yt);var i=d(require("react"),1),L=require("react"),s=require("@crossmint/client-sdk-base");var V=require("react-jss"),gt="#1e1e1e",M=t=>t==="light",F=t=>({buttonBgColor:M(t)?"white":gt,paragraphColor:M(t)?"black":"white"}),R=(0,V.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 h=require("react");function N(){let[t,e]=(0,h.useState)(!0);return(0,h.useEffect)(()=>{e(!1)},[]),{isServerSideRendering:t}}var l="1.0.0";var pt={type:s.mintingContractTypes.CANDY_MACHINE};function ut(t){let{className:e,disabled:n,onClick:c,style:o,tabIndex:x,theme:w="dark",mintTo:b,emailTo:a,listingId:g,auctionId:p,showOverlay:E=!0,mintConfig:A=pt,whPassThroughArgs:D,environment:_,paymentMethod:T,preferredSigninMethod:H,dismissOverlayOnClick:G,prepay:$,locale:k="en-US",currency:j="usd",successCallbackURL:K="",failureCallbackURL:Q="",loginEmail:W="",projectId:Y,...u}=t,q="clientId"in u?u.clientId:u.collectionId,[P,z]=(0,L.useState)(!1),{isServerSideRendering:J}=N(),{connect:X}=(0,s.crossmintModalService)({clientId:q,projectId:Y,showOverlay:E,dismissOverlayOnClick:G,setConnecting:z,libVersion:l,environment:_,clientName:s.clientNames.reactUi,locale:k,currency:j,successCallbackURL:K,failureCallbackURL:Q,loginEmail:W}),{getButtonText:Z,handleClick:tt}=(0,s.crossmintPayButtonService)({onClick:c,connecting:P,paymentMethod:T,locale:k}),et=ot=>tt(ot,()=>{X(A,b,a,g,D,T,H,$)}),I=R(F(w)),nt=(0,i.useMemo)(()=>i.default.createElement("span",{className:I.crossmintParagraph,role:"button-paragraph"},Z(P)),[P]);return i.default.createElement(i.default.Fragment,null,!J&&i.default.createElement("button",{className:`${I.crossmintButton} ${e||""}`,disabled:n,onClick:et,style:{...o},tabIndex:x,...u},i.default.createElement("img",{className:I.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),nt))}var U=d(require("react"),1),y=require("@crossmint/client-sdk-base");function ft(t){(0,y.assertValidNFTCollectionViewProps)(t);let e=(0,y.getNFTCollectionViewSrc)(t,l);return U.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}var O=d(require("react"),1),C=require("@crossmint/client-sdk-base");function dt(t){(0,C.assertValidValidateNFTDetailProps)(t);let e=(0,C.getNFTDetailSrc)(t,l);return O.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}var r=d(require("react"),1),v=require("@crossmint/client-sdk-base");function ht(t){let[e,n]=(0,r.useState)(0),{getIframeUrl:c,listenToEvents:o,emitQueryParams:x}=(0,v.crossmintPaymentService)(t),{listenToEvents:w}=(0,v.crossmintUiService)({environment:t.environment}),[b]=(0,r.useState)(c());return(0,r.useEffect)(()=>{let a=o(g=>{var p;return(p=t.onEvent)==null?void 0:p.call(t,g.data)});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{let a=w(g=>{let{type:p,payload:E}=g.data;switch(p){case"ui:height.changed":n(E.height);break;default:return}});return()=>{a&&a()}},[]),(0,r.useEffect)(()=>{x({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),r.default.createElement("iframe",{src:b,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}var S=require("@crossmint/client-sdk-base");0&&(module.exports={CheckoutEvents,CrossmintNFTCollectionView,CrossmintNFTDetail,CrossmintPayButton,CrossmintPaymentElement,useCrossmintEvents});
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import m,{useMemo as Z}from"react";import{useState as tt}from"react";import{clientNames as et,crossmintModalService as nt,crossmintPayButtonService as ot,mintingContractTypes as rt}from"@crossmint/client-sdk-base";import{createUseStyles as q}from"react-jss";var z="#1e1e1e",b=t=>t==="light",E=t=>({buttonBgColor:b(t)?"white":z,paragraphColor:b(t)?"black":"white"}),P=q({"@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 X}from"react";function v(){let[t,e]=X(!0);return J(()=>{e(!1)},[]),{isServerSideRendering:t}}var i="1.0.0
|
|
1
|
+
import m,{useMemo as Z}from"react";import{useState as tt}from"react";import{clientNames as et,crossmintModalService as nt,crossmintPayButtonService as ot,mintingContractTypes as rt}from"@crossmint/client-sdk-base";import{createUseStyles as q}from"react-jss";var z="#1e1e1e",b=t=>t==="light",E=t=>({buttonBgColor:b(t)?"white":z,paragraphColor:b(t)?"black":"white"}),P=q({"@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 X}from"react";function v(){let[t,e]=X(!0);return J(()=>{e(!1)},[]),{isServerSideRendering:t}}var i="1.0.0";var it={type:rt.CANDY_MACHINE};function It(t){let{className:e,disabled:l,onClick:g,style:p,tabIndex:u,theme:f="dark",mintTo:d,emailTo:n,listingId:s,auctionId:a,showOverlay:h=!0,mintConfig:k=it,whPassThroughArgs:B,environment:M,paymentMethod:x,preferredSigninMethod:V,dismissOverlayOnClick:F,prepay:R,locale:w="en-US",currency:L="usd",successCallbackURL:U="",failureCallbackURL:O="",loginEmail:A="",projectId:D,...c}=t,_="clientId"in c?c.clientId:c.collectionId,[y,H]=tt(!1),{isServerSideRendering:G}=v(),{connect:$}=nt({clientId:_,projectId:D,showOverlay:h,dismissOverlayOnClick:F,setConnecting:H,libVersion:i,environment:M,clientName:et.reactUi,locale:w,currency:L,successCallbackURL:U,failureCallbackURL:O,loginEmail:A}),{getButtonText:j,handleClick:K}=ot({onClick:g,connecting:y,paymentMethod:x,locale:w}),Q=Y=>K(Y,()=>{$(k,d,n,s,B,x,V,R)}),C=P(E(f)),W=Z(()=>m.createElement("span",{className:C.crossmintParagraph,role:"button-paragraph"},j(y)),[y]);return m.createElement(m.Fragment,null,!G&&m.createElement("button",{className:`${C.crossmintButton} ${e||""}`,disabled:l,onClick:Q,style:{...p},tabIndex:u,...c},m.createElement("img",{className:C.crossmintImg,src:"https://www.crossmint.io/assets/crossmint/logo.svg",alt:"Crossmint logo"}),W))}import*as I from"react";import{assertValidNFTCollectionViewProps as st,getNFTCollectionViewSrc as at}from"@crossmint/client-sdk-base";function Mt(t){st(t);let e=at(t,i);return I.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}import*as N from"react";import{assertValidValidateNFTDetailProps as mt,getNFTDetailSrc as ct}from"@crossmint/client-sdk-base";function Ut(t){mt(t);let e=ct(t,i);return N.createElement("iframe",{src:e,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}import lt,{useEffect as S,useState as T}from"react";import{crossmintPaymentService as gt,crossmintUiService as pt}from"@crossmint/client-sdk-base";function _t(t){let[e,l]=T(0),{getIframeUrl:g,listenToEvents:p,emitQueryParams:u}=gt(t),{listenToEvents:f}=pt({environment:t.environment}),[d]=T(g());return S(()=>{let n=p(s=>{var a;return(a=t.onEvent)==null?void 0:a.call(t,s.data)});return()=>{n&&n()}},[]),S(()=>{let n=f(s=>{let{type:a,payload:h}=s.data;switch(a){case"ui:height.changed":l(h.height);break;default:return}});return()=>{n&&n()}},[]),S(()=>{u({recipient:t.recipient,mintConfig:t.mintConfig,locale:t.locale,whPassThroughArgs:t.whPassThroughArgs})},[t.recipient,t.mintConfig,t.locale,t.whPassThroughArgs]),lt.createElement("iframe",{src:d,id:"iframe-crossmint-payment-element",role:"iframe-crossmint-payment-element",allow:"payment *",style:{border:"none !important",padding:"0px !important",width:"100% !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none",transform:"translate(0px) !important",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${e}px`}})}import{CheckoutEvents as Yt,useCrossmintEvents as qt}from"@crossmint/client-sdk-base";export{Yt as CheckoutEvents,Mt as CrossmintNFTCollectionView,Ut as CrossmintNFTDetail,It as CrossmintPayButton,_t as CrossmintPaymentElement,qt as useCrossmintEvents};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crossmint/client-sdk-react-ui",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
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": "^1.0.0
|
|
35
|
+
"@crossmint/client-sdk-base": "^1.0.0",
|
|
36
36
|
"react-jss": "10.9.2",
|
|
37
37
|
"uuid": "^8.3.2"
|
|
38
38
|
},
|
|
@@ -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": "d27bae475d6577bec4076fe9477db17013b93910"
|
|
54
54
|
}
|
package/src/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const LIB_VERSION = "1.0.0
|
|
1
|
+
export const LIB_VERSION = "1.0.0";
|