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

Comparing version 0.0.1-alpha.4 to 0.0.1-alpha.5

dist/components/PaperCheckout.d.ts

@@ -38,2 +38,7 @@ import React from 'react';
         height: number;
+        colorPrimary: string;
+        colorBackground: string;
+        colorText: string;
+        borderRadius: number;
+        fontFamily: string;
         quantity?: number;
@@ -40,0 +45,0 @@ appName?: string;

dist/components/VerifyEmail.d.ts

@@ -1,4 +0,4 @@
-import { PaperSDKError } from "../interfaces/PaperSDKError";
-import { PaperUser } from "../interfaces/PaperUser";
-import React from "react";
+import { PaperSDKError } from '../interfaces/PaperSDKError';
+import { PaperUser } from '../interfaces/PaperUser';
+import React from 'react';
 interface VerifyEmailProps {
@@ -5,0 +5,0 @@ emailAddress: string;

dist/index.js

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

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

98358

increased by5.59%

Number of package files

29

increased by3.57%

Lines of code

948

increased by5.1%

No dependency changes