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

Comparing version 0.0.2 to 0.0.3

dist/components/AddPaymentMethod.d.ts

@@ -1,3 +0,3 @@
-import { PaperSDKError } from "../interfaces/PaperSDKError";
-import React from "react";
+import { PaperSDKError } from '../interfaces/PaperSDKError';
+import React from 'react';
 interface AddPaymentMethodProps {
@@ -4,0 +4,0 @@ onSuccess: () => void;

dist/components/PaperCheckout.d.ts

@@ -36,3 +36,3 @@ import React from 'react';
     recipientWalletAddress?: string;
-    email?: string;
+    emailAddress?: string;
     quantity?: number;
@@ -39,0 +39,0 @@ appName?: string;

dist/components/PayWithCard.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
     recipientWalletAddress: string;
-    email?: string;
+    emailAddress: string;
     quantity?: number;
@@ -11,0 +11,0 @@ options?: {

dist/index.d.ts

@@ -1,5 +0,5 @@
-export * from "./components/AddPaymentMethod";
-export * from "./components/PaperCheckout";
-export * from "./components/PayWithCard";
-export * from "./components/VerifyEmail";
-export * from "./Provider";
+export * from './components/PaperCheckout';
+export * from './components/PayWithCard';
+export * from './components/CreateWallet';
+export * from './Provider';
+export * from './interfaces/PaperSDKError';

dist/index.js

@@ -1,2 +0,2 @@
-var I=Object.create;var C=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames,T=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var R=(r,e,a)=>e in r?C(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a,c=(r,e)=>{for(var a in e||(e={}))O.call(e,a)&&R(r,a,e[a]);if(T)for(var a of T(e))F.call(e,a)&&R(r,a,e[a]);return r};var _=(r,e)=>{for(var a in e)C(r,a,{get:e[a],enumerable:!0})},K=(r,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of W(e))!O.call(r,t)&&t!==a&&C(r,t,{get:()=>e[t],enumerable:!(n=U(e,t))||n.enumerable});return r};var w=(r,e,a)=>(a=r!=null?I(V(r)):{},K(e||!r||!r.__esModule?C(a,"default",{value:r,enumerable:!0}):a,r)),L=r=>K(C({},"__esModule",{value:!0}),r);var G={};_(G,{AddPaymentMethod:()=>z,PaperCheckout:()=>j,PaperCheckoutDisplay:()=>B,PaperSDKProvider:()=>$,PayWithCard:()=>X,VerifyEmail:()=>Y,usePaperSDKContext:()=>b});module.exports=L(G);var v=w(require("react"));var f=w(require("react")),M=(0,f.createContext)({chainName:"Polygon",setChainName:()=>{}}),$=({chainName:r,children:e})=>{let[a,n]=(0,f.useState)(r),t=(0,f.useMemo)(()=>({chainName:a,setChainName:n}),[a,n]);return f.default.createElement(M.Provider,{value:t},e)},b=()=>(0,f.useContext)(M);var z=({onSuccess:r,onError:e})=>{let{chainName:a}=b();return(0,v.useEffect)(()=>{let n=t=>{let s=t.data;console.log("data is ",s),s.eventType==="addPaymentMethodError"?(console.error("Error in Paper SDK AddPaymentMethod",s.error),e&&e({code:s.errorCode})):s.eventType==="addPaymentMethodSuccess"&&r()};window.addEventListener("message",n)},[]),v.default.createElement(v.default.Fragment,null,v.default.createElement("iframe",{src:`https://paper.xyz/sdk/v1/add-payment-method?chainName=${a}`}))};var o=w(require("react"));var x="https://paper.xyz",k={colorPrimary:"#cf3781",colorBackground:"#ffffff",colorText:"#1a202c",borderRadius:12,fontFamily:"Open Sans"};var B=(s=>(s.POPUP="POPUP",s.NEW_TAB="NEW_TAB",s.MODAL="MODAL",s.DRAWER="DRAWER",s.EMBED="EMBED",s))(B||{}),j=({checkoutId:r,display:e="POPUP",recipientWalletAddress:a,email:n,quantity:t,appName:s,options:i=c({width:400,height:800},k),onPaymentSuccess:y,onTransferSuccess:P,children:E})=>{let[l,p]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let A=N=>{let S=N.data;switch(S.eventType){case"paymentSuccess":y&&y({id:S.id});break;case"transferSuccess":P&&P({id:S.id});break;case"modalClosed":p(!1);break;default:}};window.addEventListener("message",A)},[]);let d=new URL(`/checkout/${r}`,x);d.searchParams.append("display",e),i.colorPrimary&&d.searchParams.append("colorPrimary",i.colorPrimary),i.colorBackground&&d.searchParams.append("colorBackground",i.colorBackground),i.colorText&&d.searchParams.append("colorText",i.colorText),i.borderRadius!==void 0&&d.searchParams.append("borderRadius",i.borderRadius.toString()),i.fontFamily&&d.searchParams.append("fontFamily",i.fontFamily),s&&d.searchParams.append("appName",s),a&&d.searchParams.append("wallet",a),n&&d.searchParams.append("username",n),t&&d.searchParams.append("quantity",t.toString());let u=E||o.default.createElement("button",{style:{backgroundColor:"#cf3781",padding:"8px 20px 8px 20px",borderRadius:"8px",color:"white",fontWeight:"bold"}},"Buy Now");switch(e){case"POPUP":return o.default.createElement("a",{onClick:()=>{if(!(window!=null&&window.top))return;let N=window.top.outerHeight/2+window.top.screenY-i.height/2,S=window.top.outerWidth/2+window.top.screenX-i.width/2;window.open(d,"Paper Checkout",`toolbar=no,
+var U=Object.create;var C=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?C(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)C(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&&C(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?C(a,"default",{value:e,enumerable:!0}):a,e)),M=e=>W(C({},"__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,emailAddress: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 w=D.data;switch(w.eventType){case"paymentSuccess":y&&y({id:w.id});break;case"transferSuccess":P&&P({id:w.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,w=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},
-          top=${N},
-          left=${S}`)}},u);case"NEW_TAB":return o.default.createElement("a",{onClick:()=>window.open(d,"_blank")},u);case"MODAL":return o.default.createElement(H,{clickableElement:u,checkoutUrl:d.href,width:i.width,height:i.height,isOpen:l,setIsOpen:p});case"DRAWER":return o.default.createElement(q,{clickableElement:u,checkoutUrl:d.href,width:i.width,isOpen:l,setIsOpen:p});case"EMBED":return o.default.createElement("iframe",{src:d.href,width:i.width,height:i.height});default:return console.error(`Invalid or unimplemented display type: ${e}`),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"}},q=({clickableElement:r,checkoutUrl:e,width:a,isOpen:n,setIsOpen:t})=>o.default.createElement(o.default.Fragment,null,o.default.createElement("a",{onClick:()=>t(!0)},r),o.default.createElement("div",{className:"paper-overlay",style:c(c(c({},m.overlay),n?m.overlayIsVisible:{}),m.drawerOverlay)},o.default.createElement("div",{className:"paper-drawer",style:c(c({},m.drawerDialog),n?m.drawerDialogIsVisible:{})},o.default.createElement("button",{onClick:()=>t(!1),style:m.modalCloseButton},"\xD7"),o.default.createElement("iframe",{src:e,width:a,height:"100%"})))),H=({clickableElement:r,checkoutUrl:e,width:a,height:n,isOpen:t,setIsOpen:s})=>o.default.createElement(o.default.Fragment,null,o.default.createElement("a",{onClick:()=>s(!0)},r),o.default.createElement("div",{className:"paper-overlay",style:c(c(c({},m.overlay),t?m.overlayIsVisible:{}),m.modalOverlay)},o.default.createElement("div",{className:"paper-modal",style:c(c({},m.modalDialog),t?m.modalDialogIsVisible:{})},o.default.createElement("button",{onClick:()=>s(!1),style:m.modalCloseButton},"\xD7"),o.default.createElement("iframe",{src:e,width:a,height:n}))));var D=w(require("react"));var X=({checkoutId:r,recipientWalletAddress:e,email:a,quantity:n,options:t=c({},k),onPaymentSuccess:s,onTransferSuccess:i,onCancel:y,onError:P})=>{let{chainName:E}=b();(0,D.useEffect)(()=>{let p=d=>{let u=d.data;switch(u.eventType){case"payWithCardError":console.error("Error in Paper SDK PayWithCard",u.error),P&&P({code:u.errorCode});break;case"payWithCardCancel":console.error("Paper SDK PayWithCard cancelled"),y&&y();break;case"payWithCardPaymentSuccess":s&&s({id:u.id});break;case"payWithCardTransferSuccess":i&&i({id:u.id});break;default:}};window.addEventListener("message",p)},[]);let l=new URL("/sdk/v1/pay-with-card","http://localhost:3000");return l.searchParams.append("checkoutId",r),l.searchParams.append("recipientWalletAddress",e),l.searchParams.append("chainName",E),a&&l.searchParams.append("email",a),n&&l.searchParams.append("quantity",n.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),D.default.createElement("iframe",{src:l.href,width:"100%",height:"100%",allowTransparency:!0})};var h=w(require("react"));var Y=({emailAddress:r,onSuccess:e,onEmailVerificationInitiated:a,onError:n,children:t})=>{let[s,i]=(0,h.useState)(!1),{chainName:y}=b();(0,h.useEffect)(()=>{let E=l=>{let p=l.data;console.log("data is ",p),p.eventType==="verifyEmailEmailVerificationInitiated"?a&&a():p.eventType==="verifyEmailError"?(console.error("Error in Paper SDK VerifyEmail",p.error),n&&n({code:"The email was unable to be verified."})):p.eventType==="verifyEmailSuccess"&&e({emailAddress:p.emailAddress,walletAddress:p.walletAddress})};window.addEventListener("message",E)},[]);let P=()=>{i(!0)};return h.default.createElement(h.default.Fragment,null,r&&s&&h.default.createElement(h.default.Fragment,null,r,h.default.createElement("iframe",{src:`${x}/sdk/v1/verify-email?email=${encodeURIComponent(r)}&chainName=${y}`,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={AddPaymentMethod,PaperCheckout,PaperCheckoutDisplay,PaperSDKProvider,PayWithCard,VerifyEmail,usePaperSDKContext});
+          width=${t.width},
+          height=${t.height},
+          top=${D},
+          left=${w}`)}},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.code,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

dist/interfaces/PaperSDKError.d.ts

@@ -7,4 +7,7 @@ export declare type PaperSDKError = {
     code: PaperSDKErrorCode;
+    error: Error;
 };
 export declare enum PaperSDKErrorCode {
+    InvalidProps = "The props you passed in to this component are not valid.",
+    InvalidCard = "The card information is invalid. Please double check that the Card, CVC, and Zip code are all correct.",
     EmailNotVerified = "The email was unable to be verified.",
@@ -11,0 +14,0 @@ NotEnoughSupply = "There is not enough supply to claim.",

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

106503

decreased by-0.52%

Lines of code

1033

decreased by-1.15%

No dependency changes