@amos.com/react-amos-js 0.3.13 → 0.3.15

package/dist/index.d.ts

@@ -2,8 +2,7 @@
 import { Appearance, CreditCardAdditionalFields } from '@amos.com/amos-js';
 import { components } from '@amos.com/node';
 import { ComponentProps, RefObject } from 'react';
-export type { Appearance, AppearanceLabels, CreateCustomerInput, CreatePaymentIntentInput, CreateSetupIntentInput, CreditCardAdditionalFields, EmbedToken, EmbedTokenJwt, Message, PaymentIntent, RenderTokenJwt, SetupIntent, ThemeVariable, } from '@amos.com/amos-js';
-export { createMessage, decodeJwt, formatGooglePayPaymentData, getEmbedOrigin, } from '@amos.com/amos-js';
+export * from '@amos.com/amos-js';
 type IframeRef = RefObject<HTMLIFrameElement | null> | undefined;
 /**
  * Validate the embedded card/bank iframe form before payment

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@amos.com/amos-js"),t=require("react"),n=require("react/jsx-runtime");function r(e){return e?e.current??null:null}function i({iframeRef:t}){return(0,e.validateForm)({iframe:r(t)})}function a({iframeRef:t,token:n}){(0,e.confirmPaymentIntent)({iframe:r(t),token:n})}function o({iframeRef:t,token:n}){(0,e.confirmSetupIntent)({iframe:r(t),token:n})}function s(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function c(e,{style:t,className:n,id:r,...i}){n!=null&&(e.className=n),r!=null&&(e.id=r),t!=null&&Object.assign(e.style,t);for(let[t,n]of Object.entries(i))n!=null&&(t in e?Reflect.set(e,t,n):e.setAttribute(t,String(n)))}function l({containerRef:e,iframeRef:n,mount:r,options:i,remountDeps:a,iframePassthrough:o,updateDeps:l}){let u=(0,t.useRef)(null);(0,t.useEffect)(()=>{let t=e.current;if(!t)return;let a=r(t,i);return u.current=a,s(n,a.iframe),c(a.iframe,o),()=>{a.destroy(),u.current=null,s(n,null)}},[...a]),(0,t.useEffect)(()=>{u.current?.update(i)},[...l]),(0,t.useEffect)(()=>{let e=u.current?.iframe;e&&c(e,o)})}function u({ref:r,renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c,additionalFields:u={cardholderName:!1},style:d,...f}){let p=(0,t.useRef)(null);return l({containerRef:p,iframeRef:r,mount:e.mountAmosCreditCardPaymentMethodForm,options:{renderToken:i,appearance:a,additionalFields:u,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i,u.cardholderName],iframePassthrough:{style:d,...f},updateDeps:[a,u,o,s,c]}),(0,n.jsx)(`div`,{ref:p})}function d({ref:r,renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c,style:u,...d}){let f=(0,t.useRef)(null);return l({containerRef:f,iframeRef:r,mount:e.mountAmosBankAccountPaymentMethodForm,options:{renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i],iframePassthrough:{style:u,...d},updateDeps:[a,o,s,c]}),(0,n.jsx)(`div`,{ref:f})}function f({ref:r,renderToken:i,amount:a,merchantName:o,appearance:s,onInitiatePaymentIntentRequest:c,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:d,style:f,...p}){let m=(0,t.useRef)(null);return l({containerRef:m,iframeRef:r,mount:e.mountAmosGooglePayButton,options:{renderToken:i,amount:a,merchantName:o,appearance:s,onInitiatePaymentIntentRequest:c,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:d},remountDeps:[i],iframePassthrough:{style:f,...p},updateDeps:[a,o,s,c,u,d]}),(0,n.jsx)(`div`,{ref:m})}exports.AmosBankAccountPaymentMethodForm=d,exports.AmosCreditCardPaymentMethodForm=u,exports.AmosGooglePayButton=f,exports.confirmPaymentIntent=a,exports.confirmSetupIntent=o,Object.defineProperty(exports,"createMessage",{enumerable:!0,get:function(){return e.createMessage}}),Object.defineProperty(exports,"decodeJwt",{enumerable:!0,get:function(){return e.decodeJwt}}),Object.defineProperty(exports,"formatGooglePayPaymentData",{enumerable:!0,get:function(){return e.formatGooglePayPaymentData}}),Object.defineProperty(exports,"getEmbedOrigin",{enumerable:!0,get:function(){return e.getEmbedOrigin}}),exports.validateForm=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@amos.com/amos-js"),t=require("react"),n=require("react/jsx-runtime");function r(e){return e?e.current??null:null}function i({iframeRef:t}){return(0,e.validateForm)({iframe:r(t)})}function a({iframeRef:t,token:n}){(0,e.confirmPaymentIntent)({iframe:r(t),token:n})}function o({iframeRef:t,token:n}){(0,e.confirmSetupIntent)({iframe:r(t),token:n})}function s(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function c(e,{style:t,className:n,id:r,...i}){n!=null&&(e.className=n),r!=null&&(e.id=r),t!=null&&Object.assign(e.style,t);for(let[t,n]of Object.entries(i))n!=null&&(t in e?Reflect.set(e,t,n):e.setAttribute(t,String(n)))}function l({containerRef:e,iframeRef:n,mount:r,options:i,remountDeps:a,iframePassthrough:o,updateDeps:l}){let u=(0,t.useRef)(null);(0,t.useEffect)(()=>{let t=e.current;if(!t)return;let a=r(t,i);return u.current=a,s(n,a.iframe),c(a.iframe,o),()=>{a.destroy(),u.current=null,s(n,null)}},[...a]),(0,t.useEffect)(()=>{u.current?.update(i)},[...l]),(0,t.useEffect)(()=>{let e=u.current?.iframe;e&&c(e,o)})}function u({ref:r,renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c,additionalFields:u={cardholderName:!1},style:d,...f}){let p=(0,t.useRef)(null);return l({containerRef:p,iframeRef:r,mount:e.mountAmosCreditCardPaymentMethodForm,options:{renderToken:i,appearance:a,additionalFields:u,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i,u.cardholderName],iframePassthrough:{style:d,...f},updateDeps:[a,u,o,s,c]}),(0,n.jsx)(`div`,{ref:p})}function d({ref:r,renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c,style:u,...d}){let f=(0,t.useRef)(null);return l({containerRef:f,iframeRef:r,mount:e.mountAmosBankAccountPaymentMethodForm,options:{renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i],iframePassthrough:{style:u,...d},updateDeps:[a,o,s,c]}),(0,n.jsx)(`div`,{ref:f})}function f({ref:r,renderToken:i,amount:a,merchantName:o,appearance:s,onInitiatePaymentIntentRequest:c,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:d,style:f,...p}){let m=(0,t.useRef)(null);return l({containerRef:m,iframeRef:r,mount:e.mountAmosGooglePayButton,options:{renderToken:i,amount:a,merchantName:o,appearance:s,onInitiatePaymentIntentRequest:c,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:d},remountDeps:[i],iframePassthrough:{style:f,...p},updateDeps:[a,o,s,c,u,d]}),(0,n.jsx)(`div`,{ref:m})}exports.AmosBankAccountPaymentMethodForm=d,exports.AmosCreditCardPaymentMethodForm=u,exports.AmosGooglePayButton=f,exports.confirmPaymentIntent=a,exports.confirmSetupIntent=o,exports.validateForm=i,Object.keys(e).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});

package/dist/index.mjs

@@ -1,131 +1,132 @@
-import { confirmPaymentIntent as e, confirmSetupIntent as t, createMessage as n, decodeJwt as r, formatGooglePayPaymentData as i, getEmbedOrigin as a, mountAmosBankAccountPaymentMethodForm as o, mountAmosCreditCardPaymentMethodForm as s, mountAmosGooglePayButton as c, validateForm as l } from "@amos.com/amos-js";
-import { useEffect as u, useRef as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
+import { confirmPaymentIntent as e, confirmSetupIntent as t, mountAmosBankAccountPaymentMethodForm as n, mountAmosCreditCardPaymentMethodForm as r, mountAmosGooglePayButton as i, validateForm as a } from "@amos.com/amos-js";
+import { useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+export * from "@amos.com/amos-js";
 //#region src/index.tsx
-function p(e) {
+function l(e) {
 	return e ? e.current ?? null : null;
 }
-function m({ iframeRef: e }) {
-	return l({ iframe: p(e) });
+function u({ iframeRef: e }) {
+	return a({ iframe: l(e) });
 }
-function h({ iframeRef: t, token: n }) {
+function d({ iframeRef: t, token: n }) {
 	e({
-		iframe: p(t),
+		iframe: l(t),
 		token: n
 	});
 }
-function g({ iframeRef: e, token: n }) {
+function f({ iframeRef: e, token: n }) {
 	t({
-		iframe: p(e),
+		iframe: l(e),
 		token: n
 	});
 }
-function _(e, t) {
+function p(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function v(e, { style: t, className: n, id: r, ...i }) {
+function m(e, { style: t, className: n, id: r, ...i }) {
 	n != null && (e.className = n), r != null && (e.id = r), t != null && Object.assign(e.style, t);
 	for (let [t, n] of Object.entries(i)) n != null && (t in e ? Reflect.set(e, t, n) : e.setAttribute(t, String(n)));
 }
-function y({ containerRef: e, iframeRef: t, mount: n, options: r, remountDeps: i, iframePassthrough: a, updateDeps: o }) {
-	let s = d(null);
-	u(() => {
+function h({ containerRef: e, iframeRef: t, mount: n, options: r, remountDeps: i, iframePassthrough: a, updateDeps: c }) {
+	let l = s(null);
+	o(() => {
 		let i = e.current;
 		if (!i) return;
 		let o = n(i, r);
-		return s.current = o, _(t, o.iframe), v(o.iframe, a), () => {
-			o.destroy(), s.current = null, _(t, null);
+		return l.current = o, p(t, o.iframe), m(o.iframe, a), () => {
+			o.destroy(), l.current = null, p(t, null);
 		};
-	}, [...i]), u(() => {
-		s.current?.update(r);
-	}, [...o]), u(() => {
-		let e = s.current?.iframe;
-		e && v(e, a);
+	}, [...i]), o(() => {
+		l.current?.update(r);
+	}, [...c]), o(() => {
+		let e = l.current?.iframe;
+		e && m(e, a);
 	});
 }
-function b({ ref: e, renderToken: t, appearance: n, onPaymentIntentConfirmationSucceeded: r, onSetupIntentConfirmationSucceeded: i, onConfirmationFailed: a, additionalFields: o = { cardholderName: !1 }, style: c, ...l }) {
-	let u = d(null);
-	return y({
-		containerRef: u,
+function g({ ref: e, renderToken: t, appearance: n, onPaymentIntentConfirmationSucceeded: i, onSetupIntentConfirmationSucceeded: a, onConfirmationFailed: o, additionalFields: l = { cardholderName: !1 }, style: u, ...d }) {
+	let f = s(null);
+	return h({
+		containerRef: f,
 		iframeRef: e,
-		mount: s,
+		mount: r,
 		options: {
 			renderToken: t,
 			appearance: n,
-			additionalFields: o,
-			onPaymentIntentConfirmationSucceeded: r,
-			onSetupIntentConfirmationSucceeded: i,
-			onConfirmationFailed: a
+			additionalFields: l,
+			onPaymentIntentConfirmationSucceeded: i,
+			onSetupIntentConfirmationSucceeded: a,
+			onConfirmationFailed: o
 		},
-		remountDeps: [t, o.cardholderName],
+		remountDeps: [t, l.cardholderName],
 		iframePassthrough: {
-			style: c,
-			...l
+			style: u,
+			...d
 		},
 		updateDeps: [
 			n,
-			o,
-			r,
+			l,
 			i,
-			a
+			a,
+			o
 		]
-	}), /* @__PURE__ */ f("div", { ref: u });
+	}), /* @__PURE__ */ c("div", { ref: f });
 }
-function x({ ref: e, renderToken: t, appearance: n, onPaymentIntentConfirmationSucceeded: r, onSetupIntentConfirmationSucceeded: i, onConfirmationFailed: a, style: s, ...c }) {
-	let l = d(null);
-	return y({
-		containerRef: l,
+function _({ ref: e, renderToken: t, appearance: r, onPaymentIntentConfirmationSucceeded: i, onSetupIntentConfirmationSucceeded: a, onConfirmationFailed: o, style: l, ...u }) {
+	let d = s(null);
+	return h({
+		containerRef: d,
 		iframeRef: e,
-		mount: o,
+		mount: n,
 		options: {
 			renderToken: t,
-			appearance: n,
-			onPaymentIntentConfirmationSucceeded: r,
-			onSetupIntentConfirmationSucceeded: i,
-			onConfirmationFailed: a
+			appearance: r,
+			onPaymentIntentConfirmationSucceeded: i,
+			onSetupIntentConfirmationSucceeded: a,
+			onConfirmationFailed: o
 		},
 		remountDeps: [t],
 		iframePassthrough: {
-			style: s,
-			...c
+			style: l,
+			...u
 		},
 		updateDeps: [
-			n,
 			r,
 			i,
-			a
+			a,
+			o
 		]
-	}), /* @__PURE__ */ f("div", { ref: l });
+	}), /* @__PURE__ */ c("div", { ref: d });
 }
-function S({ ref: e, renderToken: t, amount: n, merchantName: r, appearance: i, onInitiatePaymentIntentRequest: a, onPaymentIntentConfirmationSucceeded: o, onConfirmationFailed: s, style: l, ...u }) {
-	let p = d(null);
-	return y({
+function v({ ref: e, renderToken: t, amount: n, merchantName: r, appearance: a, onInitiatePaymentIntentRequest: o, onPaymentIntentConfirmationSucceeded: l, onConfirmationFailed: u, style: d, ...f }) {
+	let p = s(null);
+	return h({
 		containerRef: p,
 		iframeRef: e,
-		mount: c,
+		mount: i,
 		options: {
 			renderToken: t,
 			amount: n,
 			merchantName: r,
-			appearance: i,
-			onInitiatePaymentIntentRequest: a,
-			onPaymentIntentConfirmationSucceeded: o,
-			onConfirmationFailed: s
+			appearance: a,
+			onInitiatePaymentIntentRequest: o,
+			onPaymentIntentConfirmationSucceeded: l,
+			onConfirmationFailed: u
 		},
 		remountDeps: [t],
 		iframePassthrough: {
-			style: l,
-			...u
+			style: d,
+			...f
 		},
 		updateDeps: [
 			n,
 			r,
-			i,
 			a,
 			o,
-			s
+			l,
+			u
 		]
-	}), /* @__PURE__ */ f("div", { ref: p });
+	}), /* @__PURE__ */ c("div", { ref: p });
 }
 //#endregion
-export { x as AmosBankAccountPaymentMethodForm, b as AmosCreditCardPaymentMethodForm, S as AmosGooglePayButton, h as confirmPaymentIntent, g as confirmSetupIntent, n as createMessage, r as decodeJwt, i as formatGooglePayPaymentData, a as getEmbedOrigin, m as validateForm };
+export { _ as AmosBankAccountPaymentMethodForm, g as AmosCreditCardPaymentMethodForm, v as AmosGooglePayButton, d as confirmPaymentIntent, f as confirmSetupIntent, u as validateForm };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amos.com/react-amos-js",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "main": "dist/index.js",
   "repository": {
     "type": "git",
@@ -44,8 +44,8 @@
     "vite-plugin-dts": "5.0.2"
   },
   "dependencies": {
-    "@amos.com/amos-js": "0.3.16",
-    "@amos.com/node": "0.1.20",
+    "@amos.com/amos-js": "0.3.18",
+    "@amos.com/node": "0.1.22",
     "@types/googlepay": "0.7.11"
   },
   "peerDependencies": {

package/src/index.tsx

@@ -19,27 +19,7 @@ import {
   useRef,
 } from "react";
 
-export type {
-  Appearance,
-  AppearanceLabels,
-  CreateCustomerInput,
-  CreatePaymentIntentInput,
-  CreateSetupIntentInput,
-  CreditCardAdditionalFields,
-  EmbedToken,
-  EmbedTokenJwt,
-  Message,
-  PaymentIntent,
-  RenderTokenJwt,
-  SetupIntent,
-  ThemeVariable,
-} from "@amos.com/amos-js";
-export {
-  createMessage,
-  decodeJwt,
-  formatGooglePayPaymentData,
-  getEmbedOrigin,
-} from "@amos.com/amos-js";
+export * from "@amos.com/amos-js";
 
 type IframeRef = RefObject<HTMLIFrameElement | null> | undefined;