@paperxyz/react-client-sdk - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/index.js

@@ -1,25 +0,25 @@
-var ue=Object.defineProperty,fe=Object.defineProperties;var he=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var $=(t,r,e)=>r in t?ue(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,u=(t,r)=>{for(var e in r||(r={}))G.call(r,e)&&$(t,e,r[e]);if(T)for(var e of T(r))J.call(r,e)&&$(t,e,r[e]);return t},E=(t,r)=>fe(t,he(r));var w=(t,r)=>{var e={};for(var o in t)G.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&T)for(var o of T(t))r.indexOf(o)<0&&J.call(t,o)&&(e[o]=t[o]);return e};var ge=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var j=(t,r,e)=>new Promise((o,a)=>{var i=s=>{try{d(e.next(s))}catch(n){a(n)}},l=s=>{try{d(e.throw(s))}catch(n){a(n)}},d=s=>s.done?o(s.value):Promise.resolve(s.value).then(i,l);d((e=e.apply(t,r)).next())});var I=ge((bt,we)=>{we.exports={name:"@paperxyz/react-client-sdk",version:"1.0.3",description:"Paper React Client SDK for Checkout Elements",license:"Apache-2.0",main:"dist/index.js",types:"./dist/index.d.ts",type:"module",files:["dist/**"],exports:{".":{import:"./dist/index.js",types:"./dist/index.d.ts"}},bugs:{url:"https://github.com/paperxyz/js-sdk/issues"},homepage:"https://github.com/paperxyz/js-sdk",repository:{type:"git",url:"git+https://github.com/paperxyz/js-sdk.git"},author:"Paper <[e-mail]>",keywords:[],scripts:{build:"tsup-node src/index.ts --env.NODE_ENV production --env.ESM_ONLY true ","build-package-checkout":"yarn build","dev-checkout":"tsup-node src/index.ts --env.NODE_ENV development --watch --env.ESM_ONLY true",lint:'eslint "src/**/*.ts*"',"lint:fix":"yarn lint --fix",clean:"rm -rf .turbo && rm -rf node_modules && rm -rf dist",prepare:"cd ../../ && node ./scripts/postInstall && cd ./packages/react-client-sdk"},peerDependencies:{react:">=16.0.0","react-dom":">=16.0.0"},devDependencies:{"@paperxyz/tsconfig":"*","@types/react":"18.0.26","eslint-config-paperxyz":"*",react:"^18.2.0","react-dom":"^18.2.0",typescript:"^4.7.4"},dependencies:{"@emotion/css":"11.10.5","@headlessui/react":"1.7.6","@paperxyz/js-client-sdk":"^0.2.1","@paperxyz/sdk-common-utilities":"^0.0.5"}}});import{PaperSDKErrorCode as Sr,PayWithCryptoErrorCode as Rr}from"@paperxyz/js-client-sdk";import{createContext as ye,useContext as Ce,useMemo as Pe,useState as ve}from"react";import{jsx as xe}from"react/jsx-runtime";var Y=ye({chainName:"Polygon",setChainName:()=>{},clientId:"",appName:""}),nt=({appName:t="",chainName:r="Polygon",clientId:e="",children:o})=>{let[a,i]=ve(r),l=Pe(()=>({chainName:a,setChainName:i,appName:t,clientId:e}),[a,t,e]);return xe(Y.Provider,{value:l,children:o})},R=()=>Ce(Y);import{createCheckoutWithCardElement as Ae}from"@paperxyz/js-client-sdk";import{DEFAULT_BRAND_OPTIONS as Ie}from"@paperxyz/sdk-common-utilities";import{useCallback as Le,useEffect as Oe,useRef as _e,useState as Ue}from"react";import{css as S}from"@emotion/css";var lt=S`
+var me=Object.defineProperty,ue=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var $=(t,r,e)=>r in t?me(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,u=(t,r)=>{for(var e in r||(r={}))G.call(r,e)&&$(t,e,r[e]);if(T)for(var e of T(r))J.call(r,e)&&$(t,e,r[e]);return t},E=(t,r)=>ue(t,fe(r));var w=(t,r)=>{var e={};for(var o in t)G.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&T)for(var o of T(t))r.indexOf(o)<0&&J.call(t,o)&&(e[o]=t[o]);return e};var he=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var j=(t,r,e)=>new Promise((o,a)=>{var i=s=>{try{d(e.next(s))}catch(n){a(n)}},l=s=>{try{d(e.throw(s))}catch(n){a(n)}},d=s=>s.done?o(s.value):Promise.resolve(s.value).then(i,l);d((e=e.apply(t,r)).next())});var I=he((bt,Te)=>{Te.exports={name:"@paperxyz/react-client-sdk",version:"1.0.4",description:"Paper React Client SDK for Checkout Elements",license:"Apache-2.0",main:"dist/index.js",types:"./dist/index.d.ts",type:"module",files:["dist/**"],exports:{".":{import:"./dist/index.js",types:"./dist/index.d.ts"}},bugs:{url:"https://github.com/paperxyz/js-sdk/issues"},homepage:"https://github.com/paperxyz/js-sdk",repository:{type:"git",url:"git+https://github.com/paperxyz/js-sdk.git"},author:"Paper <[e-mail]>",keywords:[],scripts:{build:"tsup-node src/index.ts --env.NODE_ENV production --env.ESM_ONLY true ","build-package-checkout":"yarn build","dev-checkout":"tsup-node src/index.ts --env.NODE_ENV development --watch --env.ESM_ONLY true",lint:'eslint "src/**/*.ts*"',"lint:fix":"yarn lint --fix",clean:"rm -rf .turbo && rm -rf node_modules && rm -rf dist",prepare:"cd ../../ && node ./scripts/postInstall && cd ./packages/react-client-sdk"},peerDependencies:{react:">=16.0.0","react-dom":">=16.0.0"},devDependencies:{"@paperxyz/tsconfig":"*","@types/react":"18.0.26","eslint-config-paperxyz":"*",react:"^18.2.0","react-dom":"^18.2.0",typescript:"^4.7.4"},dependencies:{"@emotion/css":"11.10.5","@headlessui/react":"1.7.6","@paperxyz/js-client-sdk":"^0.2.2","@paperxyz/sdk-common-utilities":"^0.0.5"}}});import{PaperSDKErrorCode as xr,PayWithCryptoErrorCode as Sr}from"@paperxyz/js-client-sdk";import{createContext as ge,useContext as ye,useMemo as Ce,useState as Pe}from"react";import{jsx as ve}from"react/jsx-runtime";var Y=ge({chainName:"Polygon",setChainName:()=>{},clientId:"",appName:""}),it=({appName:t="",chainName:r="Polygon",clientId:e="",children:o})=>{let[a,i]=Pe(r),l=Ce(()=>({chainName:a,setChainName:i,appName:t,clientId:e}),[a,t,e]);return ve(Y.Provider,{value:l,children:o})},b=()=>ye(Y);import{createCheckoutWithCardElement as we}from"@paperxyz/js-client-sdk";import{DEFAULT_BRAND_OPTIONS as Ae}from"@paperxyz/sdk-common-utilities";import{useCallback as Ie,useEffect as Le,useRef as Oe,useState as _e}from"react";import{css as S}from"@emotion/css";var pt=S`
   opacity: 0;
-`,dt=S`
+`,lt=S`
   opacity: 1;
-`,Z=S`
+`,q=S`
   position: relative;
   width: 100%;
   height: 100%;
-`,mt=S`
+`,dt=S`
   display: grid;
   position: relative;
   width: 100%;
-`,ut=S`
+`,mt=S`
   transition-delay: 150ms;
   transition-property: opacity;
   transition-duration: 75ms;
-`,ft=S`
+`,ut=S`
   transition-property: opacity;
   transition-duration: 150ms;
-`,ht=S`
+`,ft=S`
   background-color: transparent;
   grid-column-start: 1;
   grid-row-start: 1;
-`;import{css as Q}from"@emotion/css";import{css as Se,cx as Re,keyframes as be}from"@emotion/css";import{jsx as q,jsxs as Ee}from"react/jsx-runtime";var A=({className:t})=>Ee("svg",{id:"loader",role:"status",className:Re(ke,t),viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[q("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor",opacity:.5}),q("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentColor",opacity:.5})]}),Ne=be`
+`;import{css as Z}from"@emotion/css";import{css as xe,cx as Se,keyframes as be}from"@emotion/css";import{jsx as ke}from"react/jsx-runtime";var A=({className:t})=>ke("div",{id:"loader",className:Se(Ne,t)}),Re=be`
   from {
@@ -31,9 +31,11 @@ transform: rotate(0deg);
   }
-`,ke=Se`
-  display: inline;
-  color: #ffffff;
-  width: 1rem;
-  height: 1rem;
-  animation: 1s ${Ne} linear infinite;
-`;import{jsx as X}from"react/jsx-runtime";var ee=()=>X("div",{className:De,children:X(A,{className:Te})}),De=Q`
+`,Ne=xe`
+  border: 0.15rem solid #f3f3f300;
+  border-top: 0.15rem solid #000000;
+  border-left: 0.15rem solid #000000;
+  border-radius: 50%;
+  width: 4rem;
+  height: 4rem;
+  animation: ${Re} 1s linear infinite;
+`;import{jsx as X}from"react/jsx-runtime";var Q=()=>X("div",{className:Ee,children:X(A,{className:De})}),Ee=Z`
   position: absolute;
@@ -43,7 +45,7 @@ top: 50%;
   transform: translate3d(-50%, -50%, 0);
-`,Te=Q`
+`,De=Z`
   color: #000000;
   width: 2rem;
   height: 2rem;
-`;import{Fragment as Me,jsx as W}from"react/jsx-runtime";var We=I(),It=({sdkClientSecret:t,appName:r,options:e=u({},Ie),onPaymentSuccess:o,onReview:a,onError:i,onBeforeModalOpen:l,onPriceUpdate:d,locale:s,configs:n})=>{let{appName:m}=R(),[f,g]=Ue(!0),c=Le(()=>{g(!1)},[]),y=_e(null),P=r||m;return Oe(()=>{y.current&&Ae({sdkClientSecret:t,appName:P,elementOrId:y.current,locale:s,onError:i,onLoad:c,onPaymentSuccess:o,onReview:a,onBeforeModalOpen:l,onPriceUpdate:d,options:e,configs:n})},[y.current]),W(Me,{children:W("div",{className:Z,ref:y,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${We.version}`,children:f&&W(ee,{})})})};import{createWallet as ze,initialiseCreateWallet as He}from"@paperxyz/js-client-sdk";import{useEffect as Ke}from"react";import{css as M,cx as Be}from"@emotion/css";import{jsx as te,jsxs as Fe}from"react/jsx-runtime";var L=o=>{var a=o,{isLoading:t=!1,loadingText:r=""}=a,e=w(a,["isLoading","loadingText"]);return te("button",E(u({},e),{type:e.type,disabled:t||e.disabled,className:Be(Ve,e.className),children:t?Fe("div",{className:M`
+`;import{Fragment as We,jsx as W}from"react/jsx-runtime";var Ue=I(),At=({sdkClientSecret:t,appName:r,options:e=u({},Ae),onPaymentSuccess:o,onReview:a,onError:i,onBeforeModalOpen:l,onPriceUpdate:d,locale:s,configs:n})=>{let{appName:m}=b(),[f,g]=_e(!0),c=Ie(()=>{g(!1)},[]),y=Oe(null),P=r||m;return Le(()=>{y.current&&we({sdkClientSecret:t,appName:P,elementOrId:y.current,locale:s,onError:i,onLoad:c,onPaymentSuccess:o,onReview:a,onBeforeModalOpen:l,onPriceUpdate:d,options:e,configs:n})},[y.current]),W(We,{children:W("div",{className:q,ref:y,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${Ue.version}`,children:f&&W(Q,{})})})};import{createWallet as Fe,initialiseCreateWallet as ze}from"@paperxyz/js-client-sdk";import{useEffect as He}from"react";import{css as M,cx as Me}from"@emotion/css";import{jsx as ee,jsxs as Ve}from"react/jsx-runtime";var L=o=>{var a=o,{isLoading:t=!1,loadingText:r=""}=a,e=w(a,["isLoading","loadingText"]);return ee("button",E(u({},e),{type:e.type,disabled:t||e.disabled,className:Me(Be,e.className),children:t?Ve("div",{className:M`
             display: flex;
@@ -53,5 +55,5 @@ justify-content: center;
             width: 100%;
-          `,children:[te(A,{className:r?M`
+          `,children:[ee(A,{className:r?M`
                     margin-right: 0.5rem;
-                  `:""}),r]}):e.children}))},Ve=M`
+                  `:""}),r]}):e.children}))},Be=M`
   padding-top: 0.625rem;
@@ -71,3 +73,3 @@ padding-bottom: 0.625rem;
   cursor: pointer;
-`;import{Fragment as $e,jsx as B}from"react/jsx-runtime";var re=I(),Gt=({emailAddress:t,redirectUrl:r,onSuccess:e,onEmailVerificationInitiated:o,onError:a,chainName:i,locale:l,clientId:d,children:s})=>{let n=typeof s=="function",{chainName:m}=R(),f=i||m;Ke(()=>{He({onSuccess:e,onEmailVerificationInitiated:o,onError:a,locale:l}).catch(c=>{console.error(c)})},[]);let g=c=>j(void 0,null,function*(){yield ze({chainName:f,emailAddress:c||t,clientId:d,redirectUrl:r})});return B($e,{children:s&&n?s({createWallet:g}):s?B("div",{onClick:()=>{g().catch(c=>{console.error(c)})},"data-paper-sdk-version":`@paperxyz/react-client-sdk@${re.version}`,children:s}):B(L,{onClick:()=>{g().catch(c=>{console.error(c)})},"data-paper-sdk-version":`@paperxyz/react-client-sdk@${re.version}`,children:"Create Wallet"})})};import{css as Ge}from"@emotion/css";import{PAPER_APP_URL as Je,PaperSDKErrorCode as oe}from"@paperxyz/js-client-sdk";import{useEffect as je}from"react";function O({url:t,target:r,win:e,w:o,h:a}){var f,g,c,y;let i=((f=e==null?void 0:e.top)==null?void 0:f.outerHeight)||100,l=((g=e==null?void 0:e.top)==null?void 0:g.outerWidth)||100,d=((c=e==null?void 0:e.top)==null?void 0:c.screenX)||100,s=((y=e==null?void 0:e.top)==null?void 0:y.screenY)||100,n=i/2+s-a/2,m=l/2+d-o/2;return e.open(t,r,`toolbar=no,
+`;import{Fragment as Ke,jsx as B}from"react/jsx-runtime";var te=I(),$t=({emailAddress:t,redirectUrl:r,onSuccess:e,onEmailVerificationInitiated:o,onError:a,chainName:i,locale:l,clientId:d,children:s})=>{let n=typeof s=="function",{chainName:m}=b(),f=i||m;He(()=>{ze({onSuccess:e,onEmailVerificationInitiated:o,onError:a,locale:l}).catch(c=>{console.error(c)})},[]);let g=c=>j(void 0,null,function*(){yield Fe({chainName:f,emailAddress:c||t,clientId:d,redirectUrl:r})});return B(Ke,{children:s&&n?s({createWallet:g}):s?B("div",{onClick:()=>{g().catch(c=>{console.error(c)})},"data-paper-sdk-version":`@paperxyz/react-client-sdk@${te.version}`,children:s}):B(L,{onClick:()=>{g().catch(c=>{console.error(c)})},"data-paper-sdk-version":`@paperxyz/react-client-sdk@${te.version}`,children:"Create Wallet"})})};import{css as $e}from"@emotion/css";import{PAPER_APP_URL as Ge,PaperSDKErrorCode as re}from"@paperxyz/js-client-sdk";import{useEffect as Je}from"react";function O({url:t,target:r,win:e,w:o,h:a}){var f,g,c,y;let i=((f=e==null?void 0:e.top)==null?void 0:f.outerHeight)||100,l=((g=e==null?void 0:e.top)==null?void 0:g.outerWidth)||100,d=((c=e==null?void 0:e.top)==null?void 0:c.screenX)||100,s=((y=e==null?void 0:e.top)==null?void 0:y.screenY)||100,n=i/2+s-a/2,m=l/2+d-o/2;return e.open(t,r,`toolbar=no,
     location=no,
@@ -81,6 +83,6 @@ status=no,
     top=${n},
-    left=${m}`)}import{Fragment as Ze,jsx as x,jsxs as ie}from"react/jsx-runtime";var ae=I();var Ye=({onSuccess:t,onError:r,onWindowClose:e,className:o,children:a,redirectUrl:i,chainName:l,clientId:d})=>{let{chainName:s,clientId:n}=R(),m=typeof a=="function",f=l||s,g=d||n;je(()=>{let P=F=>{let b=F.data;switch(b.eventType){case"userLoginSuccess":t&&t(b.values.accessCode);break;case"userCloseLoginPage":{e&&e();break}case"userLoginFailed":r&&r({code:oe.UserLoginFailed,error:new Error(oe.UserLoginFailed)});break;default:}};return window.addEventListener("message",P),()=>{window.removeEventListener("message",P)}},[]);let c=new URL("/sdk/v1/login-with-paper",Je);c.searchParams.append("chainName",f),c.searchParams.append("clientId",g),c.searchParams.append("redirectUrl",i||"");let y=()=>{let P=O({url:c.href,target:"_blank",win:window,w:400,h:600});P==null||P.focus()};return x(Ze,{children:a&&m?a({onClick:y}):a?x("a",{onClick:y,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${ae.version}`,children:a}):x(L,{onClick:y,className:o,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${ae.version}`,children:ie("div",{className:Ge`
+    left=${m}`)}import{Fragment as Ye,jsx as x,jsxs as ae}from"react/jsx-runtime";var oe=I();var je=({onSuccess:t,onError:r,onWindowClose:e,className:o,children:a,redirectUrl:i,chainName:l,clientId:d})=>{let{chainName:s,clientId:n}=b(),m=typeof a=="function",f=l||s,g=d||n;Je(()=>{let P=F=>{let R=F.data;switch(R.eventType){case"userLoginSuccess":t&&t(R.values.accessCode);break;case"userCloseLoginPage":{e&&e();break}case"userLoginFailed":r&&r({code:re.UserLoginFailed,error:new Error(re.UserLoginFailed)});break;default:}};return window.addEventListener("message",P),()=>{window.removeEventListener("message",P)}},[]);let c=new URL("/sdk/v1/login-with-paper",Ge);c.searchParams.append("chainName",f),c.searchParams.append("clientId",g),c.searchParams.append("redirectUrl",i||"");let y=()=>{let P=O({url:c.href,target:"_blank",win:window,w:400,h:600});P==null||P.focus()};return x(Ye,{children:a&&m?a({onClick:y}):a?x("a",{onClick:y,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${oe.version}`,children:a}):x(L,{onClick:y,className:o,"data-paper-sdk-version":`@paperxyz/react-client-sdk@${oe.version}`,children:ae("div",{className:$e`
               display: flex;
               align-items: center;
-            `,children:[x("span",{style:{marginRight:"8px"},children:"Login with"})," ",ie("svg",{width:"15",height:"30",viewBox:"0 0 26 49",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[x("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M25.8824 8.91421C25.8824 8.47803 25.5996 8.09218 25.1838 7.96071L0 0V11.7963L14.7899 16.276L2.77311 24.5V34.4815L5.58074 37.3767L3.1009 39.6283C2.89214 39.8178 2.77311 40.0867 2.77311 40.3687V49L11.0924 42.6481V32.6667L8.60325 30.5207L25.8824 19.963V8.91421Z",fill:"#19A8D6"}),x("path",{d:"M25.8824 8.91421C25.8824 8.47803 25.5996 8.09218 25.1838 7.96071L0 0V11.7963L25.8824 19.963V8.91421Z",fill:"#39D0FF"}),x("path",{d:"M11.0924 32.6667L2.77311 24.5V34.4815L11.0924 42.6481V32.6667Z",fill:"#39D0FF"})]})," ",x("span",{style:{marginLeft:"5px"},children:" Paper"})]})})})};import{PAPER_APP_URL as Xe}from"@paperxyz/js-client-sdk";import{DEFAULT_BRAND_OPTIONS as Qe}from"@paperxyz/sdk-common-utilities";import{useEffect as se,useState as ce}from"react";var qe=(i=>(i.THIRDWEB_NFT_DROP_V2="THIRDWEB_NFT_DROP_V2",i.THIRDWEB_EDITION_DROP_V2="THIRDWEB_EDITION_DROP_V2",i.THIRDWEB_SIGNATURE="THIRDWEB_SIGNATURE",i.CANDY_MACHINE="CANDY_MACHINE",i.AUCTION_HOUSE="AUCTION_HOUSE",i))(qe||{}),ne=t=>{let r={};return"contractType"in t&&(r.contractType=t.contractType),"contractArgs"in t&&(r.contractArgs=t.contractArgs),r};import{Fragment as V,jsx as h,jsxs as _}from"react/jsx-runtime";var et=(i=>(i.POPUP="POPUP",i.NEW_TAB="NEW_TAB",i.MODAL="MODAL",i.DRAWER="DRAWER",i.EMBED="EMBED",i))(et||{}),gr=F=>{var b=F,{checkoutId:t,display:r="POPUP",recipientWalletAddress:e,emailAddress:o,quantity:a,eligibilityMethod:i,mintMethod:l,metadata:d,appName:s,options:n=u({width:400,height:800},Qe),onOpenCheckout:m,onCloseCheckout:f,onPaymentSuccess:g,onTransferSuccess:c,children:y}=b,P=w(b,["checkoutId","display","recipientWalletAddress","emailAddress","quantity","eligibilityMethod","mintMethod","metadata","appName","options","onOpenCheckout","onCloseCheckout","onPaymentSuccess","onTransferSuccess","children"]);let[z,N]=ce(!1),{contractType:H,contractArgs:K}=ne(P);se(()=>{let v=k=>{let U=k.data;switch(U.eventType){case"paymentSuccess":g&&g({id:U.id});break;case"transferSuccess":c&&c({id:U.id});break;case"modalClosed":N(!1),f&&f();break;default:}};return window.addEventListener("message",v),()=>{window.removeEventListener("message",v)}},[]);let p=new URL(`/checkout/${t}`,Xe);p.searchParams.append("display",r);let pe=JSON.stringify(l),le=JSON.stringify(i),de=JSON.stringify(d),me=JSON.stringify(K);n.colorPrimary&&p.searchParams.append("colorPrimary",n.colorPrimary),n.colorBackground&&p.searchParams.append("colorBackground",n.colorBackground),n.colorText&&p.searchParams.append("colorText",n.colorText),n.borderRadius!==void 0&&p.searchParams.append("borderRadius",n.borderRadius.toString()),n.fontFamily&&p.searchParams.append("fontFamily",n.fontFamily),l&&p.searchParams.append("mintMethod",Buffer.from(pe,"utf-8").toString("base64")),i&&p.searchParams.append("eligibilityMethod",Buffer.from(le,"utf-8").toString("base64")),H&&p.searchParams.append("contractType",H),K&&p.searchParams.append("contractArgs",Buffer.from(me,"utf-8").toString("base64")),s&&p.searchParams.append("appName",s),e&&p.searchParams.append("wallet",e),o&&p.searchParams.append("username",o),a&&p.searchParams.append("quantity",a.toString()),d&&p.searchParams.append("metadata",encodeURIComponent(de));let D=y||h("button",{style:{backgroundColor:"#cf3781",padding:"8px 20px 8px 20px",borderRadius:"8px",color:"white",fontWeight:"bold"},children:"Buy Now"});switch(r){case"POPUP":return h("a",{onClick:()=>{O({url:p.href,h:n.height,w:n.width,win:window,target:"_blank"}),m&&m()},children:D});case"NEW_TAB":return h("a",{onClick:()=>{window.open(p,"_blank"),m&&m()},children:D});case"MODAL":{let v=()=>{N(!0),m&&m()},k=()=>{N(!1),f&&f()};return h(rt,{clickableElement:D,checkoutUrl:p.href,width:n.width,height:n.height,isOpen:z,onOpen:v,onClose:k})}case"DRAWER":{let v=()=>{N(!0),m&&m()},k=()=>{N(!1),f&&f()};return h(tt,{clickableElement:D,checkoutUrl:p.href,width:n.width,isOpen:z,onOpen:v,onClose:k})}case"EMBED":return h("iframe",{src:p.href,width:n.width,height:n.height});default:return console.error(`Invalid or unimplemented display type: ${r}`),h(V,{})}},C={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,margin:0,zIndex:1e3,overflow:"hidden",display:"flex",visibility:"hidden",opacity:0,transition:"all 0.2s ease"},overlayIsVisible:{visibility:"visible",opacity:1,background:"#0008"},modalOverlay:{alignItems:"center",justifyContent:"center"},drawerOverlay:{justifyContent:"flex-end"},modalDialog:{position:"relative",overflow:"hidden",borderRadius:"8px",visibility:"hidden",opacity:0,top:"5%",transition:"all 0.2s ease",maxWidth:"100vw"},modalDialogIsVisible:{visibility:"visible",opacity:1,top:0},drawerDialog:{position:"relative",visibility:"hidden",opacity:0,right:"-10%",transition:"all 0.2s ease"},drawerDialogIsVisible:{visibility:"visible",opacity:1,right:0},modalCloseButton:{position:"absolute",top:"0.1em",right:"0.2em",borderRadius:"8px",fontSize:"x-large",padding:"0 0.4em",color:"#888"}},tt=({clickableElement:t,checkoutUrl:r,width:e,isOpen:o,onOpen:a,onClose:i})=>_(V,{children:[h("a",{onClick:a,children:t}),h("div",{className:"paper-overlay",style:u(u(u({},C.overlay),o?C.overlayIsVisible:{}),C.drawerOverlay),children:_("div",{className:"paper-drawer",style:E(u(u({},C.drawerDialog),o?C.drawerDialogIsVisible:{}),{width:e}),children:[h("button",{onClick:i,style:C.modalCloseButton,children:"\xD7"}),o&&h("iframe",{src:r,width:"100%",height:"100%"})]})})]}),rt=({clickableElement:t,checkoutUrl:r,width:e,height:o,isOpen:a,onOpen:i,onClose:l})=>{let[d,s]=ce(o);return se(()=>s(window.innerHeight),[]),_(V,{children:[h("a",{onClick:i,children:t}),h("div",{className:"paper-overlay",style:u(u(u({},C.overlay),a?C.overlayIsVisible:{}),C.modalOverlay),children:_("div",{className:"paper-modal",style:E(u(u({},C.modalDialog),a?C.modalDialogIsVisible:{}),{width:e,height:o,maxHeight:d}),children:[h("button",{onClick:l,style:C.modalCloseButton,children:"\xD7"}),a&&h("iframe",{src:r,width:"100%",height:"100%"})]})})]})};export{It as CheckoutWithCard,qe as ContractType,Gt as CreateWallet,Ye as LoginWithPaper,gr as PaperCheckout,et as PaperCheckoutDisplay,Sr as PaperSDKErrorCode,nt as PaperSDKProvider,Rr as PayWithCryptoErrorCode,Ye as VerifyOwnershipWithPaper,ne as fetchCustomContractArgsFromProps,R as usePaperSDKContext};
+            `,children:[x("span",{style:{marginRight:"8px"},children:"Login with"})," ",ae("svg",{width:"15",height:"30",viewBox:"0 0 26 49",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[x("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M25.8824 8.91421C25.8824 8.47803 25.5996 8.09218 25.1838 7.96071L0 0V11.7963L14.7899 16.276L2.77311 24.5V34.4815L5.58074 37.3767L3.1009 39.6283C2.89214 39.8178 2.77311 40.0867 2.77311 40.3687V49L11.0924 42.6481V32.6667L8.60325 30.5207L25.8824 19.963V8.91421Z",fill:"#19A8D6"}),x("path",{d:"M25.8824 8.91421C25.8824 8.47803 25.5996 8.09218 25.1838 7.96071L0 0V11.7963L25.8824 19.963V8.91421Z",fill:"#39D0FF"}),x("path",{d:"M11.0924 32.6667L2.77311 24.5V34.4815L11.0924 42.6481V32.6667Z",fill:"#39D0FF"})]})," ",x("span",{style:{marginLeft:"5px"},children:" Paper"})]})})})};import{PAPER_APP_URL as Xe}from"@paperxyz/js-client-sdk";import{DEFAULT_BRAND_OPTIONS as Ze}from"@paperxyz/sdk-common-utilities";import{useEffect as ne,useState as se}from"react";var qe=(i=>(i.THIRDWEB_NFT_DROP_V2="THIRDWEB_NFT_DROP_V2",i.THIRDWEB_EDITION_DROP_V2="THIRDWEB_EDITION_DROP_V2",i.THIRDWEB_SIGNATURE="THIRDWEB_SIGNATURE",i.CANDY_MACHINE="CANDY_MACHINE",i.AUCTION_HOUSE="AUCTION_HOUSE",i))(qe||{}),ie=t=>{let r={};return"contractType"in t&&(r.contractType=t.contractType),"contractArgs"in t&&(r.contractArgs=t.contractArgs),r};import{Fragment as V,jsx as h,jsxs as _}from"react/jsx-runtime";var Qe=(i=>(i.POPUP="POPUP",i.NEW_TAB="NEW_TAB",i.MODAL="MODAL",i.DRAWER="DRAWER",i.EMBED="EMBED",i))(Qe||{}),hr=F=>{var R=F,{checkoutId:t,display:r="POPUP",recipientWalletAddress:e,emailAddress:o,quantity:a,eligibilityMethod:i,mintMethod:l,metadata:d,appName:s,options:n=u({width:400,height:800},Ze),onOpenCheckout:m,onCloseCheckout:f,onPaymentSuccess:g,onTransferSuccess:c,children:y}=R,P=w(R,["checkoutId","display","recipientWalletAddress","emailAddress","quantity","eligibilityMethod","mintMethod","metadata","appName","options","onOpenCheckout","onCloseCheckout","onPaymentSuccess","onTransferSuccess","children"]);let[z,N]=se(!1),{contractType:H,contractArgs:K}=ie(P);ne(()=>{let v=k=>{let U=k.data;switch(U.eventType){case"paymentSuccess":g&&g({id:U.id});break;case"transferSuccess":c&&c({id:U.id});break;case"modalClosed":N(!1),f&&f();break;default:}};return window.addEventListener("message",v),()=>{window.removeEventListener("message",v)}},[]);let p=new URL(`/checkout/${t}`,Xe);p.searchParams.append("display",r);let ce=JSON.stringify(l),pe=JSON.stringify(i),le=JSON.stringify(d),de=JSON.stringify(K);n.colorPrimary&&p.searchParams.append("colorPrimary",n.colorPrimary),n.colorBackground&&p.searchParams.append("colorBackground",n.colorBackground),n.colorText&&p.searchParams.append("colorText",n.colorText),n.borderRadius!==void 0&&p.searchParams.append("borderRadius",n.borderRadius.toString()),n.fontFamily&&p.searchParams.append("fontFamily",n.fontFamily),l&&p.searchParams.append("mintMethod",Buffer.from(ce,"utf-8").toString("base64")),i&&p.searchParams.append("eligibilityMethod",Buffer.from(pe,"utf-8").toString("base64")),H&&p.searchParams.append("contractType",H),K&&p.searchParams.append("contractArgs",Buffer.from(de,"utf-8").toString("base64")),s&&p.searchParams.append("appName",s),e&&p.searchParams.append("wallet",e),o&&p.searchParams.append("username",o),a&&p.searchParams.append("quantity",a.toString()),d&&p.searchParams.append("metadata",encodeURIComponent(le));let D=y||h("button",{style:{backgroundColor:"#cf3781",padding:"8px 20px 8px 20px",borderRadius:"8px",color:"white",fontWeight:"bold"},children:"Buy Now"});switch(r){case"POPUP":return h("a",{onClick:()=>{O({url:p.href,h:n.height,w:n.width,win:window,target:"_blank"}),m&&m()},children:D});case"NEW_TAB":return h("a",{onClick:()=>{window.open(p,"_blank"),m&&m()},children:D});case"MODAL":{let v=()=>{N(!0),m&&m()},k=()=>{N(!1),f&&f()};return h(tt,{clickableElement:D,checkoutUrl:p.href,width:n.width,height:n.height,isOpen:z,onOpen:v,onClose:k})}case"DRAWER":{let v=()=>{N(!0),m&&m()},k=()=>{N(!1),f&&f()};return h(et,{clickableElement:D,checkoutUrl:p.href,width:n.width,isOpen:z,onOpen:v,onClose:k})}case"EMBED":return h("iframe",{src:p.href,width:n.width,height:n.height});default:return console.error(`Invalid or unimplemented display type: ${r}`),h(V,{})}},C={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,margin:0,zIndex:1e3,overflow:"hidden",display:"flex",visibility:"hidden",opacity:0,transition:"all 0.2s ease"},overlayIsVisible:{visibility:"visible",opacity:1,background:"#0008"},modalOverlay:{alignItems:"center",justifyContent:"center"},drawerOverlay:{justifyContent:"flex-end"},modalDialog:{position:"relative",overflow:"hidden",borderRadius:"8px",visibility:"hidden",opacity:0,top:"5%",transition:"all 0.2s ease",maxWidth:"100vw"},modalDialogIsVisible:{visibility:"visible",opacity:1,top:0},drawerDialog:{position:"relative",visibility:"hidden",opacity:0,right:"-10%",transition:"all 0.2s ease"},drawerDialogIsVisible:{visibility:"visible",opacity:1,right:0},modalCloseButton:{position:"absolute",top:"0.1em",right:"0.2em",borderRadius:"8px",fontSize:"x-large",padding:"0 0.4em",color:"#888"}},et=({clickableElement:t,checkoutUrl:r,width:e,isOpen:o,onOpen:a,onClose:i})=>_(V,{children:[h("a",{onClick:a,children:t}),h("div",{className:"paper-overlay",style:u(u(u({},C.overlay),o?C.overlayIsVisible:{}),C.drawerOverlay),children:_("div",{className:"paper-drawer",style:E(u(u({},C.drawerDialog),o?C.drawerDialogIsVisible:{}),{width:e}),children:[h("button",{onClick:i,style:C.modalCloseButton,children:"\xD7"}),o&&h("iframe",{src:r,width:"100%",height:"100%"})]})})]}),tt=({clickableElement:t,checkoutUrl:r,width:e,height:o,isOpen:a,onOpen:i,onClose:l})=>{let[d,s]=se(o);return ne(()=>s(window.innerHeight),[]),_(V,{children:[h("a",{onClick:i,children:t}),h("div",{className:"paper-overlay",style:u(u(u({},C.overlay),a?C.overlayIsVisible:{}),C.modalOverlay),children:_("div",{className:"paper-modal",style:E(u(u({},C.modalDialog),a?C.modalDialogIsVisible:{}),{width:e,height:o,maxHeight:d}),children:[h("button",{onClick:l,style:C.modalCloseButton,children:"\xD7"}),a&&h("iframe",{src:r,width:"100%",height:"100%"})]})})]})};export{At as CheckoutWithCard,qe as ContractType,$t as CreateWallet,je as LoginWithPaper,hr as PaperCheckout,Qe as PaperCheckoutDisplay,xr as PaperSDKErrorCode,it as PaperSDKProvider,Sr as PayWithCryptoErrorCode,je as VerifyOwnershipWithPaper,ie as fetchCustomContractArgsFromProps,b as usePaperSDKContext};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@paperxyz/react-client-sdk",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Paper React Client SDK for Checkout Elements",
@@ -52,5 +52,5 @@ "license": "Apache-2.0",
     "@headlessui/react": "1.7.6",
-    "@paperxyz/js-client-sdk": "^0.2.1",
+    "@paperxyz/js-client-sdk": "^0.2.2",
     "@paperxyz/sdk-common-utilities": "^0.0.5"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

90667

decreased by-2.61%

Lines of code

445

decreased by-0.45%

Dependency changes

• Updated@paperxyz/js-client-sdk@^0.2.2