@amos.com/react-amos-js 0.3.5 → 0.3.7

package/dist/index.js

@@ -1 +1 @@
-"use strict";var A=Object.defineProperty;var o=(e,t)=>A(e,"name",{value:t,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),l=require("@amos.com/amos-js"),i=require("react");function y(e){return e?e.current??null:null}o(y,"resolveIframe");function h({iframeRef:e}){return l.validateForm({iframe:y(e)})}o(h,"validateForm");function j({iframeRef:e,token:t}){l.confirmPaymentIntent({iframe:y(e),token:t})}o(j,"confirmPaymentIntent");function R({iframeRef:e,token:t}){l.confirmSetupIntent({iframe:y(e),token:t})}o(R,"confirmSetupIntent");function b(e,t){typeof e=="function"?e(t):e&&(e.current=t)}o(b,"setForwardedRef");function p(e,{style:t,className:s,id:n,...f}){s!=null&&(e.className=s),n!=null&&(e.id=n),t!=null&&Object.assign(e.style,t);for(const[r,u]of Object.entries(f))u!=null&&(r in e?Reflect.set(e,r,u):e.setAttribute(r,String(u)))}o(p,"applyIframePassthrough");function P({containerRef:e,iframeRef:t,mount:s,options:n,remountDeps:f,iframePassthrough:r,updateDeps:u}){const m=i.useRef(null);i.useEffect(()=>{const c=e.current;if(!c)return;const a=s(c,n);return m.current=a,b(t,a.iframe),p(a.iframe,r),()=>{a.destroy(),m.current=null,b(t,null)}},[...f]),i.useEffect(()=>{m.current?.update(n)},[...u]),i.useEffect(()=>{const c=m.current?.iframe;c&&p(c,r)})}o(P,"useAmosEmbed");function v({ref:e,renderToken:t,appearance:s,onPaymentIntentConfirmationSucceeded:n,onSetupIntentConfirmationSucceeded:f,onConfirmationFailed:r,additionalFields:u={cardholderName:!1},style:m,...c}){const a=i.useRef(null);return P({containerRef:a,iframeRef:e,mount:l.mountAmosCreditCardPaymentMethodForm,options:{renderToken:t,appearance:s,additionalFields:u,onPaymentIntentConfirmationSucceeded:n,onSetupIntentConfirmationSucceeded:f,onConfirmationFailed:r},remountDeps:[t,u.cardholderName],iframePassthrough:{style:m,...c},updateDeps:[s,u,n,f,r]}),g.jsx("div",{ref:a})}o(v,"AmosCreditCardPaymentMethodForm");function M({ref:e,renderToken:t,appearance:s,onPaymentIntentConfirmationSucceeded:n,onSetupIntentConfirmationSucceeded:f,onConfirmationFailed:r,style:u,...m}){const c=i.useRef(null);return P({containerRef:c,iframeRef:e,mount:l.mountAmosBankAccountPaymentMethodForm,options:{renderToken:t,appearance:s,onPaymentIntentConfirmationSucceeded:n,onSetupIntentConfirmationSucceeded:f,onConfirmationFailed:r},remountDeps:[t],iframePassthrough:{style:u,...m},updateDeps:[s,n,f,r]}),g.jsx("div",{ref:c})}o(M,"AmosBankAccountPaymentMethodForm");function O({ref:e,renderToken:t,amount:s,merchantName:n,appearance:f,onInitiatePaymentIntentRequest:r,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:m,style:c,...a}){const d=i.useRef(null);return P({containerRef:d,iframeRef:e,mount:l.mountAmosGooglePayButton,options:{renderToken:t,amount:s,merchantName:n,appearance:f,onInitiatePaymentIntentRequest:r,onPaymentIntentConfirmationSucceeded:u,onConfirmationFailed:m},remountDeps:[t],iframePassthrough:{style:c,...a},updateDeps:[s,n,f,r,u,m]}),g.jsx("div",{ref:d})}o(O,"AmosGooglePayButton");Object.defineProperty(exports,"createMessage",{enumerable:!0,get:o(()=>l.createMessage,"get")});Object.defineProperty(exports,"decodeJwt",{enumerable:!0,get:o(()=>l.decodeJwt,"get")});Object.defineProperty(exports,"formatGooglePayPaymentData",{enumerable:!0,get:o(()=>l.formatGooglePayPaymentData,"get")});Object.defineProperty(exports,"getEmbedOrigin",{enumerable:!0,get:o(()=>l.getEmbedOrigin,"get")});exports.AmosBankAccountPaymentMethodForm=M;exports.AmosCreditCardPaymentMethodForm=v;exports.AmosGooglePayButton=O;exports.confirmPaymentIntent=j;exports.confirmSetupIntent=R;exports.validateForm=h;
+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;

package/dist/index.mjs

@@ -1,186 +1,131 @@
-var v = Object.defineProperty;
-var c = (t, r) => v(t, "name", { value: r, configurable: !0 });
-import { jsx as p } from "react/jsx-runtime";
-import { validateForm as D, confirmPaymentIntent as R, confirmSetupIntent as d, mountAmosCreditCardPaymentMethodForm as b, mountAmosBankAccountPaymentMethodForm as M, mountAmosGooglePayButton as B } from "@amos.com/amos-js";
-import { createMessage as z, decodeJwt as H, formatGooglePayPaymentData as K, getEmbedOrigin as L } from "@amos.com/amos-js";
-import { useRef as i, useEffect as a } from "react";
-function g(t) {
-  return t ? t.current ?? null : null;
+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";
+//#region src/index.tsx
+function p(e) {
+	return e ? e.current ?? null : null;
 }
-c(g, "resolveIframe");
-function G({
-  iframeRef: t
-}) {
-  return D({ iframe: g(t) });
+function m({ iframeRef: e }) {
+	return l({ iframe: p(e) });
 }
-c(G, "validateForm");
-function O({
-  iframeRef: t,
-  token: r
-}) {
-  R({ iframe: g(t), token: r });
+function h({ iframeRef: t, token: n }) {
+	e({
+		iframe: p(t),
+		token: n
+	});
 }
-c(O, "confirmPaymentIntent");
-function $({
-  iframeRef: t,
-  token: r
-}) {
-  d({ iframe: g(t), token: r });
+function g({ iframeRef: e, token: n }) {
+	t({
+		iframe: p(e),
+		token: n
+	});
 }
-c($, "confirmSetupIntent");
-function A(t, r) {
-  typeof t == "function" ? t(r) : t && (t.current = r);
+function _(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-c(A, "setForwardedRef");
-function P(t, { style: r, className: u, id: o, ...s }) {
-  u != null && (t.className = u), o != null && (t.id = o), r != null && Object.assign(t.style, r);
-  for (const [e, n] of Object.entries(s))
-    n != null && (e in t ? Reflect.set(t, e, n) : t.setAttribute(e, String(n)));
+function v(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)));
 }
-c(P, "applyIframePassthrough");
-function h({
-  containerRef: t,
-  iframeRef: r,
-  mount: u,
-  options: o,
-  remountDeps: s,
-  iframePassthrough: e,
-  updateDeps: n
-}) {
-  const m = i(null);
-  a(() => {
-    const f = t.current;
-    if (!f)
-      return;
-    const l = u(f, o);
-    return m.current = l, A(r, l.iframe), P(l.iframe, e), () => {
-      l.destroy(), m.current = null, A(r, null);
-    };
-  }, [...s]), a(() => {
-    m.current?.update(o);
-  }, [...n]), a(() => {
-    const f = m.current?.iframe;
-    f && P(f, e);
-  });
+function y({ containerRef: e, iframeRef: t, mount: n, options: r, remountDeps: i, iframePassthrough: a, updateDeps: o }) {
+	let s = d(null);
+	u(() => {
+		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);
+		};
+	}, [...i]), u(() => {
+		s.current?.update(r);
+	}, [...o]), u(() => {
+		let e = s.current?.iframe;
+		e && v(e, a);
+	});
 }
-c(h, "useAmosEmbed");
-function w({
-  ref: t,
-  renderToken: r,
-  appearance: u,
-  onPaymentIntentConfirmationSucceeded: o,
-  onSetupIntentConfirmationSucceeded: s,
-  onConfirmationFailed: e,
-  additionalFields: n = { cardholderName: !1 },
-  style: m,
-  ...f
-}) {
-  const l = i(null);
-  return h({
-    containerRef: l,
-    iframeRef: t,
-    mount: b,
-    options: {
-      renderToken: r,
-      appearance: u,
-      additionalFields: n,
-      onPaymentIntentConfirmationSucceeded: o,
-      onSetupIntentConfirmationSucceeded: s,
-      onConfirmationFailed: e
-    },
-    remountDeps: [r, n.cardholderName],
-    iframePassthrough: { style: m, ...f },
-    updateDeps: [
-      u,
-      n,
-      o,
-      s,
-      e
-    ]
-  }), /* @__PURE__ */ p("div", { ref: l });
+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,
+		iframeRef: e,
+		mount: s,
+		options: {
+			renderToken: t,
+			appearance: n,
+			additionalFields: o,
+			onPaymentIntentConfirmationSucceeded: r,
+			onSetupIntentConfirmationSucceeded: i,
+			onConfirmationFailed: a
+		},
+		remountDeps: [t, o.cardholderName],
+		iframePassthrough: {
+			style: c,
+			...l
+		},
+		updateDeps: [
+			n,
+			o,
+			r,
+			i,
+			a
+		]
+	}), /* @__PURE__ */ f("div", { ref: u });
 }
-c(w, "AmosCreditCardPaymentMethodForm");
-function I({
-  ref: t,
-  renderToken: r,
-  appearance: u,
-  onPaymentIntentConfirmationSucceeded: o,
-  onSetupIntentConfirmationSucceeded: s,
-  onConfirmationFailed: e,
-  style: n,
-  ...m
-}) {
-  const f = i(null);
-  return h({
-    containerRef: f,
-    iframeRef: t,
-    mount: M,
-    options: {
-      renderToken: r,
-      appearance: u,
-      onPaymentIntentConfirmationSucceeded: o,
-      onSetupIntentConfirmationSucceeded: s,
-      onConfirmationFailed: e
-    },
-    remountDeps: [r],
-    iframePassthrough: { style: n, ...m },
-    updateDeps: [
-      u,
-      o,
-      s,
-      e
-    ]
-  }), /* @__PURE__ */ p("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,
+		iframeRef: e,
+		mount: o,
+		options: {
+			renderToken: t,
+			appearance: n,
+			onPaymentIntentConfirmationSucceeded: r,
+			onSetupIntentConfirmationSucceeded: i,
+			onConfirmationFailed: a
+		},
+		remountDeps: [t],
+		iframePassthrough: {
+			style: s,
+			...c
+		},
+		updateDeps: [
+			n,
+			r,
+			i,
+			a
+		]
+	}), /* @__PURE__ */ f("div", { ref: l });
 }
-c(I, "AmosBankAccountPaymentMethodForm");
-function J({
-  ref: t,
-  renderToken: r,
-  amount: u,
-  merchantName: o,
-  appearance: s,
-  onInitiatePaymentIntentRequest: e,
-  onPaymentIntentConfirmationSucceeded: n,
-  onConfirmationFailed: m,
-  style: f,
-  ...l
-}) {
-  const y = i(null);
-  return h({
-    containerRef: y,
-    iframeRef: t,
-    mount: B,
-    options: {
-      renderToken: r,
-      amount: u,
-      merchantName: o,
-      appearance: s,
-      onInitiatePaymentIntentRequest: e,
-      onPaymentIntentConfirmationSucceeded: n,
-      onConfirmationFailed: m
-    },
-    remountDeps: [r],
-    iframePassthrough: { style: f, ...l },
-    updateDeps: [
-      u,
-      o,
-      s,
-      e,
-      n,
-      m
-    ]
-  }), /* @__PURE__ */ p("div", { ref: y });
+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({
+		containerRef: p,
+		iframeRef: e,
+		mount: c,
+		options: {
+			renderToken: t,
+			amount: n,
+			merchantName: r,
+			appearance: i,
+			onInitiatePaymentIntentRequest: a,
+			onPaymentIntentConfirmationSucceeded: o,
+			onConfirmationFailed: s
+		},
+		remountDeps: [t],
+		iframePassthrough: {
+			style: l,
+			...u
+		},
+		updateDeps: [
+			n,
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}), /* @__PURE__ */ f("div", { ref: p });
 }
-c(J, "AmosGooglePayButton");
-export {
-  I as AmosBankAccountPaymentMethodForm,
-  w as AmosCreditCardPaymentMethodForm,
-  J as AmosGooglePayButton,
-  O as confirmPaymentIntent,
-  $ as confirmSetupIntent,
-  z as createMessage,
-  H as decodeJwt,
-  K as formatGooglePayPaymentData,
-  L as getEmbedOrigin,
-  G as validateForm
-};
+//#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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amos.com/react-amos-js",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "main": "dist/index.js",
   "repository": {
     "type": "git",
@@ -36,16 +36,16 @@
   "description": "React SDK for embedding Amos payment methods via iframes. Wraps @amos.com/amos-js.",
   "devDependencies": {
     "@biomejs/biome": "2.4.15",
-    "@changesets/cli": "2.31.0",
+    "@changesets/cli": "^2.6.0",
     "@types/node": "25.9.1",
     "@types/react": "19.2.15",
     "typescript": "6.0.3",
-    "vite": "7.3.3",
+    "vite": "8.0.16",
     "vite-plugin-dts": "4.5.4"
   },
   "dependencies": {
-    "@amos.com/amos-js": "0.3.5",
-    "@amos.com/node": "0.1.10",
+    "@amos.com/amos-js": "0.3.7",
+    "@amos.com/node": "0.1.12",
     "@types/googlepay": "0.7.10"
   },
   "peerDependencies": {