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

Comparing version 0.0.1-alpha.10 to 0.0.1-alpha.11

dist/index.d.ts

@@ -5,1 +5,2 @@ export * from './components/PaperCheckout';
 export * from './Provider';
+export * from './interfaces/PaperSDKError';

dist/index.js

@@ -1,2 +0,2 @@
-var B=Object.create;var w=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames,A=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var T=(e,r,a)=>r in e?w(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,p=(e,r)=>{for(var a in r||(r={}))R.call(r,a)&&T(e,a,r[a]);if(A)for(var a of A(r))V.call(r,a)&&T(e,a,r[a]);return e};var K=(e,r)=>{for(var a in r)w(e,a,{get:r[a],enumerable:!0})},O=(e,r,a,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!R.call(e,t)&&t!==a&&w(e,t,{get:()=>r[t],enumerable:!(s=U(r,t))||s.enumerable});return e};var k=(e,r,a)=>(a=e!=null?B(F(e)):{},O(r||!e||!e.__esModule?w(a,"default",{value:e,enumerable:!0}):a,e)),L=e=>O(w({},"__esModule",{value:!0}),e);var X={};K(X,{CreateWallet:()=>H,PaperCheckout:()=>M,PaperCheckoutDisplay:()=>W,PaperSDKProvider:()=>j,PayWithCard:()=>q,usePaperSDKContext:()=>S});module.exports=L(X);var o=k(require("react"));var b="https://paper.xyz",x={colorPrimary:"#cf3781",colorBackground:"#ffffff",colorText:"#1a202c",borderRadius:12,fontFamily:"Open Sans"};var W=(c=>(c.POPUP="POPUP",c.NEW_TAB="NEW_TAB",c.MODAL="MODAL",c.DRAWER="DRAWER",c.EMBED="EMBED",c))(W||{}),M=({checkoutId:e,display:r="POPUP",recipientWalletAddress:a,email:s,quantity:t,appName:c,options:i=p({width:400,height:800},x),onPaymentSuccess:y,onTransferSuccess:P,children:v})=>{let[l,d]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let N=D=>{let C=D.data;switch(C.eventType){case"paymentSuccess":y&&y({id:C.id});break;case"transferSuccess":P&&P({id:C.id});break;case"modalClosed":d(!1);break;default:}};window.addEventListener("message",N)},[]);let n=new URL(`/checkout/${e}`,b);n.searchParams.append("display",r),i.colorPrimary&&n.searchParams.append("colorPrimary",i.colorPrimary),i.colorBackground&&n.searchParams.append("colorBackground",i.colorBackground),i.colorText&&n.searchParams.append("colorText",i.colorText),i.borderRadius!==void 0&&n.searchParams.append("borderRadius",i.borderRadius.toString()),i.fontFamily&&n.searchParams.append("fontFamily",i.fontFamily),c&&n.searchParams.append("appName",c),a&&n.searchParams.append("wallet",a),s&&n.searchParams.append("username",s),t&&n.searchParams.append("quantity",t.toString()),n.searchParams.append("date",Date.now().toString());let u=v||o.default.createElement("button",{style:{backgroundColor:"#cf3781",padding:"8px 20px 8px 20px",borderRadius:"8px",color:"white",fontWeight:"bold"}},"Buy Now");switch(r){case"POPUP":return o.default.createElement("a",{onClick:()=>{if(!(window!=null&&window.top))return;let D=window.top.outerHeight/2+window.top.screenY-i.height/2,C=window.top.outerWidth/2+window.top.screenX-i.width/2;window.open(n,"Paper Checkout",`toolbar=no,
+var U=Object.create;var w=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames,T=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var R=(e,r,a)=>r in e?w(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,p=(e,r)=>{for(var a in r||(r={}))O.call(r,a)&&R(e,a,r[a]);if(T)for(var a of T(r))K.call(r,a)&&R(e,a,r[a]);return e};var L=(e,r)=>{for(var a in r)w(e,a,{get:r[a],enumerable:!0})},W=(e,r,a,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of F(r))!O.call(e,o)&&o!==a&&w(e,o,{get:()=>r[o],enumerable:!(s=_(r,o))||s.enumerable});return e};var x=(e,r,a)=>(a=e!=null?U(V(e)):{},W(r||!e||!e.__esModule?w(a,"default",{value:e,enumerable:!0}):a,e)),M=e=>W(w({},"__esModule",{value:!0}),e);var Y={};L(Y,{CreateWallet:()=>X,PaperCheckout:()=>$,PaperCheckoutDisplay:()=>I,PaperSDKErrorCode:()=>N,PaperSDKProvider:()=>q,PayWithCard:()=>H,usePaperSDKContext:()=>S});module.exports=M(Y);var i=x(require("react"));var b="https://paper.xyz",k={colorPrimary:"#cf3781",colorBackground:"#ffffff",colorText:"#1a202c",borderRadius:12,fontFamily:"Open Sans"};var I=(c=>(c.POPUP="POPUP",c.NEW_TAB="NEW_TAB",c.MODAL="MODAL",c.DRAWER="DRAWER",c.EMBED="EMBED",c))(I||{}),$=({checkoutId:e,display:r="POPUP",recipientWalletAddress:a,email:s,quantity:o,appName:c,options:t=p({width:400,height:800},k),onPaymentSuccess:y,onTransferSuccess:P,children:v})=>{let[l,d]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let A=D=>{let C=D.data;switch(C.eventType){case"paymentSuccess":y&&y({id:C.id});break;case"transferSuccess":P&&P({id:C.id});break;case"modalClosed":d(!1);break;default:}};window.addEventListener("message",A)},[]);let n=new URL(`/checkout/${e}`,b);n.searchParams.append("display",r),t.colorPrimary&&n.searchParams.append("colorPrimary",t.colorPrimary),t.colorBackground&&n.searchParams.append("colorBackground",t.colorBackground),t.colorText&&n.searchParams.append("colorText",t.colorText),t.borderRadius!==void 0&&n.searchParams.append("borderRadius",t.borderRadius.toString()),t.fontFamily&&n.searchParams.append("fontFamily",t.fontFamily),c&&n.searchParams.append("appName",c),a&&n.searchParams.append("wallet",a),s&&n.searchParams.append("username",s),o&&n.searchParams.append("quantity",o.toString()),n.searchParams.append("date",Date.now().toString());let u=v||i.default.createElement("button",{style:{backgroundColor:"#cf3781",padding:"8px 20px 8px 20px",borderRadius:"8px",color:"white",fontWeight:"bold"}},"Buy Now");switch(r){case"POPUP":return i.default.createElement("a",{onClick:()=>{if(!(window!=null&&window.top))return;let D=window.top.outerHeight/2+window.top.screenY-t.height/2,C=window.top.outerWidth/2+window.top.screenX-t.width/2;window.open(n,"Paper Checkout",`toolbar=no,
           location=no,
@@ -7,6 +7,6 @@ status=no,
           resizable=yes,
-          width=${i.width},
-          height=${i.height},
+          width=${t.width},
+          height=${t.height},
           top=${D},
-          left=${C}`)}},u);case"NEW_TAB":return o.default.createElement("a",{onClick:()=>window.open(n,"_blank")},u);case"MODAL":return o.default.createElement(z,{clickableElement:u,checkoutUrl:n.href,width:i.width,height:i.height,isOpen:l,setIsOpen:d});case"DRAWER":return o.default.createElement($,{clickableElement:u,checkoutUrl:n.href,width:i.width,isOpen:l,setIsOpen:d});case"EMBED":return o.default.createElement("iframe",{src:n.href,width:i.width,height:i.height});default:return console.error(`Invalid or unimplemented display type: ${r}`),o.default.createElement(o.default.Fragment,null)}},m={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,margin:0,zIndex:1,overflow:"hidden",display:"flex",visibility:"hidden",opacity:0,transition:"all 0.2s ease"},overlayIsVisible:{visibility:"visible",opacity:1,backdropFilter:"blur(2px)",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"},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"}},$=({clickableElement:e,checkoutUrl:r,width:a,isOpen:s,setIsOpen:t})=>o.default.createElement(o.default.Fragment,null,o.default.createElement("a",{onClick:()=>t(!0)},e),o.default.createElement("div",{className:"paper-overlay",style:p(p(p({},m.overlay),s?m.overlayIsVisible:{}),m.drawerOverlay)},o.default.createElement("div",{className:"paper-drawer",style:p(p({},m.drawerDialog),s?m.drawerDialogIsVisible:{})},o.default.createElement("button",{onClick:()=>t(!1),style:m.modalCloseButton},"\xD7"),o.default.createElement("iframe",{src:r,width:a,height:"100%"})))),z=({clickableElement:e,checkoutUrl:r,width:a,height:s,isOpen:t,setIsOpen:c})=>o.default.createElement(o.default.Fragment,null,o.default.createElement("a",{onClick:()=>c(!0)},e),o.default.createElement("div",{className:"paper-overlay",style:p(p(p({},m.overlay),t?m.overlayIsVisible:{}),m.modalOverlay)},o.default.createElement("div",{className:"paper-modal",style:p(p({},m.modalDialog),t?m.modalDialogIsVisible:{})},o.default.createElement("button",{onClick:()=>c(!1),style:m.modalCloseButton},"\xD7"),o.default.createElement("iframe",{src:r,width:a,height:s}))));var E=k(require("react"));var f=k(require("react")),I=(0,f.createContext)({chainName:"Polygon",setChainName:()=>{}}),j=({chainName:e,children:r})=>{let[a,s]=(0,f.useState)(e),t=(0,f.useMemo)(()=>({chainName:a,setChainName:s}),[a,s]);return f.default.createElement(I.Provider,{value:t},r)},S=()=>(0,f.useContext)(I);var q=({checkoutId:e,recipientWalletAddress:r,emailAddress:a,quantity:s,options:t=p({},x),onPaymentSuccess:c,onTransferSuccess:i,onCancel:y,onError:P})=>{let{chainName:v}=S();(0,E.useEffect)(()=>{let d=n=>{let u=n.data;switch(u.eventType){case"payWithCardError":console.error("Error in Paper SDK PayWithCard",u.error),P&&P({code:u.errorCode,error:u.error});break;case"payWithCardCancel":console.error("Paper SDK PayWithCard cancelled"),y&&y();break;case"payWithCardPaymentSuccess":c&&c({id:u.id});break;case"payWithCardTransferSuccess":i&&i({id:u.id});break;default:}};window.addEventListener("message",d)},[]);let l=new URL("/sdk/v1/pay-with-card",b);return l.searchParams.append("checkoutId",e),l.searchParams.append("recipientWalletAddress",r),l.searchParams.append("chainName",v),a&&l.searchParams.append("emailAddress",a),s&&l.searchParams.append("quantity",s.toString()),t.colorPrimary&&l.searchParams.append("colorPrimary",t.colorPrimary),t.colorBackground&&l.searchParams.append("colorBackground",t.colorBackground),t.colorText&&l.searchParams.append("colorText",t.colorText),t.borderRadius!==void 0&&l.searchParams.append("borderRadius",t.borderRadius.toString()),t.fontFamily&&l.searchParams.append("fontFamily",t.fontFamily),l.searchParams.append("date",Date.now().toString()),E.default.createElement("iframe",{src:l.href,width:"100%",height:"100%",allowTransparency:!0})};var h=k(require("react"));var H=({emailAddress:e,onSuccess:r,onEmailVerificationInitiated:a,onError:s,children:t})=>{let[c,i]=(0,h.useState)(!1),{chainName:y}=S();(0,h.useEffect)(()=>{let v=l=>{let d=l.data;console.log("data is ",d),d.eventType==="verifyEmailEmailVerificationInitiated"?a&&a():d.eventType==="verifyEmailError"?(console.error("Error in Paper SDK VerifyEmail",d.error),s&&s({code:"The email was unable to be verified.",error:d.error})):d.eventType==="verifyEmailSuccess"&&r({emailAddress:d.emailAddress,walletAddress:d.walletAddress})};window.addEventListener("message",v)},[]);let P=()=>{i(!0)};return h.default.createElement(h.default.Fragment,null,e&&c&&h.default.createElement(h.default.Fragment,null,e,h.default.createElement("iframe",{src:`${b}/sdk/v1/verify-email?email=${encodeURIComponent(e)}&chainName=${y}&date=${Date.now().toString()}`,style:{width:"0px",height:"0px",visibility:"hidden"}})),t?h.default.createElement("a",{onClick:P},t):h.default.createElement("button",{onClick:P},"Verify Email"))};0&&(module.exports={CreateWallet,PaperCheckout,PaperCheckoutDisplay,PaperSDKProvider,PayWithCard,usePaperSDKContext});
+          left=${C}`)}},u);case"NEW_TAB":return i.default.createElement("a",{onClick:()=>window.open(n,"_blank")},u);case"MODAL":return i.default.createElement(j,{clickableElement:u,checkoutUrl:n.href,width:t.width,height:t.height,isOpen:l,setIsOpen:d});case"DRAWER":return i.default.createElement(z,{clickableElement:u,checkoutUrl:n.href,width:t.width,isOpen:l,setIsOpen:d});case"EMBED":return i.default.createElement("iframe",{src:n.href,width:t.width,height:t.height});default:return console.error(`Invalid or unimplemented display type: ${r}`),i.default.createElement(i.default.Fragment,null)}},m={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,margin:0,zIndex:1,overflow:"hidden",display:"flex",visibility:"hidden",opacity:0,transition:"all 0.2s ease"},overlayIsVisible:{visibility:"visible",opacity:1,backdropFilter:"blur(2px)",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"},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"}},z=({clickableElement:e,checkoutUrl:r,width:a,isOpen:s,setIsOpen:o})=>i.default.createElement(i.default.Fragment,null,i.default.createElement("a",{onClick:()=>o(!0)},e),i.default.createElement("div",{className:"paper-overlay",style:p(p(p({},m.overlay),s?m.overlayIsVisible:{}),m.drawerOverlay)},i.default.createElement("div",{className:"paper-drawer",style:p(p({},m.drawerDialog),s?m.drawerDialogIsVisible:{})},i.default.createElement("button",{onClick:()=>o(!1),style:m.modalCloseButton},"\xD7"),i.default.createElement("iframe",{src:r,width:a,height:"100%"})))),j=({clickableElement:e,checkoutUrl:r,width:a,height:s,isOpen:o,setIsOpen:c})=>i.default.createElement(i.default.Fragment,null,i.default.createElement("a",{onClick:()=>c(!0)},e),i.default.createElement("div",{className:"paper-overlay",style:p(p(p({},m.overlay),o?m.overlayIsVisible:{}),m.modalOverlay)},i.default.createElement("div",{className:"paper-modal",style:p(p({},m.modalDialog),o?m.modalDialogIsVisible:{})},i.default.createElement("button",{onClick:()=>c(!1),style:m.modalCloseButton},"\xD7"),i.default.createElement("iframe",{src:r,width:a,height:s}))));var E=x(require("react"));var f=x(require("react")),B=(0,f.createContext)({chainName:"Polygon",setChainName:()=>{}}),q=({chainName:e,children:r})=>{let[a,s]=(0,f.useState)(e),o=(0,f.useMemo)(()=>({chainName:a,setChainName:s}),[a,s]);return f.default.createElement(B.Provider,{value:o},r)},S=()=>(0,f.useContext)(B);var H=({checkoutId:e,recipientWalletAddress:r,emailAddress:a,quantity:s,options:o=p({},k),onPaymentSuccess:c,onTransferSuccess:t,onCancel:y,onError:P})=>{let{chainName:v}=S();(0,E.useEffect)(()=>{let d=n=>{let u=n.data;switch(u.eventType){case"payWithCardError":console.error("Error in Paper SDK PayWithCard",u.error),P&&P({code:u.errorCode,error:u.error});break;case"payWithCardCancel":console.error("Paper SDK PayWithCard cancelled"),y&&y();break;case"payWithCardPaymentSuccess":c&&c({id:u.id});break;case"payWithCardTransferSuccess":t&&t({id:u.id});break;default:}};window.addEventListener("message",d)},[]);let l=new URL("/sdk/v1/pay-with-card",b);return l.searchParams.append("checkoutId",e),l.searchParams.append("recipientWalletAddress",r),l.searchParams.append("chainName",v),a&&l.searchParams.append("emailAddress",a),s&&l.searchParams.append("quantity",s.toString()),o.colorPrimary&&l.searchParams.append("colorPrimary",o.colorPrimary),o.colorBackground&&l.searchParams.append("colorBackground",o.colorBackground),o.colorText&&l.searchParams.append("colorText",o.colorText),o.borderRadius!==void 0&&l.searchParams.append("borderRadius",o.borderRadius.toString()),o.fontFamily&&l.searchParams.append("fontFamily",o.fontFamily),l.searchParams.append("date",Date.now().toString()),E.default.createElement("iframe",{src:l.href,width:"100%",height:"100%",allowTransparency:!0})};var N=(t=>(t.InvalidProps="The props you passed in to this component are not valid.",t.InvalidCard="The card information is invalid. Please double check that the Card, CVC, and Zip code are all correct.",t.EmailNotVerified="The email was unable to be verified.",t.NotEnoughSupply="There is not enough supply to claim.",t.AddressNotAllowed="This address is not on the allowlist.",t.NoActiveClaimPhase="There is no active claim phase at the moment.",t))(N||{});var h=x(require("react"));var X=({emailAddress:e,onSuccess:r,onEmailVerificationInitiated:a,onError:s,children:o})=>{let[c,t]=(0,h.useState)(!1),{chainName:y}=S();(0,h.useEffect)(()=>{let v=l=>{let d=l.data;console.log("data is ",d),d.eventType==="verifyEmailEmailVerificationInitiated"?a&&a():d.eventType==="verifyEmailError"?(console.error("Error in Paper SDK VerifyEmail",d.error),s&&s({code:"The email was unable to be verified.",error:d.error})):d.eventType==="verifyEmailSuccess"&&r({emailAddress:d.emailAddress,walletAddress:d.walletAddress})};window.addEventListener("message",v)},[]);let P=()=>{t(!0)};return h.default.createElement(h.default.Fragment,null,e&&c&&h.default.createElement(h.default.Fragment,null,e,h.default.createElement("iframe",{src:`${b}/sdk/v1/verify-email?email=${encodeURIComponent(e)}&chainName=${y}&date=${Date.now().toString()}`,style:{width:"0px",height:"0px",visibility:"hidden"}})),o?h.default.createElement("a",{onClick:P},o):h.default.createElement("button",{onClick:P},"Verify Email"))};0&&(module.exports={CreateWallet,PaperCheckout,PaperCheckoutDisplay,PaperSDKErrorCode,PaperSDKProvider,PayWithCard,usePaperSDKContext});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@paperxyz/react-client-sdk",
-  "version": "0.0.1-alpha.10",
+  "version": "0.0.1-alpha.11",
   "description": "Paper.xyz React Client SDK",
@@ -5,0 +5,0 @@ "source": "src/index.ts",

src/index.ts

@@ -5,1 +5,2 @@ export * from './components/PaperCheckout';
 export * from './Provider';
+export * from './interfaces/PaperSDKError';

No alert changes

Improved metrics

Total package byte prevSize

106432

increased by2.74%

Lines of code

1033

increased by0.49%

No dependency changes