@amos.com/react-amos-js 0.3.22 → 0.4.1

package/README.md

@@ -383,6 +383,7 @@ Renders the secure credit card iframe form.
 - `onPaymentIntentConfirmationSucceeded` (`(paymentIntent: components["schemas"]["PaymentIntent"]) => void`)
 - `onSetupIntentConfirmationSucceeded` (`(setupIntent: components["schemas"]["SetupIntent"]) => void`)
 - `additionalFields` (`{ cardholderName: boolean }`) — set `additionalFields={{ cardholderName: true }}` to render the cardholder name field in the iframe (`false` by default)
+- `billingAddressRequirement` (`"country" | "full"`, defaults to `"country"`) — how much billing address the iframe collects. `country` collects country / region and, for CA / PR / GB / US, a postal code (labeled ZIP for the United States). `full` shows a full street address form with Smarty autocomplete.
 
 **Also accepts:** standard iframe props (`React.ComponentProps<"iframe">`), minus `src`, `title`, `name`, and `role` (which are controlled by the SDK).
 
@@ -392,7 +393,7 @@ Renders the secure bank account iframe form.
 
 **Required props:** same as `AmosCreditCardPaymentMethodForm` — `renderToken`, `onConfirmationFailed`.
 
-**Optional props:** same as `AmosCreditCardPaymentMethodForm` — `appearance`, `onPaymentIntentConfirmationSucceeded`, `onSetupIntentConfirmationSucceeded`.
+**Optional props:** same as `AmosCreditCardPaymentMethodForm` — `appearance`, `billingAddressRequirement`, `onPaymentIntentConfirmationSucceeded`, `onSetupIntentConfirmationSucceeded`.
 
 **Also accepts:** standard iframe props.
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="googlepay" />
-import { Appearance, CreditCardAdditionalFields } from '@amos.com/amos-js';
+import { Appearance, BillingAddressRequirement, CreditCardAdditionalFields } from '@amos.com/amos-js';
 import { components } from '@amos.com/node';
 import { ComponentProps, RefObject } from 'react';
 export * from '@amos.com/amos-js';
@@ -41,16 +41,18 @@ type AmosCreditCardPaymentMethodFormProps = IframePassthroughProps & {
     onSetupIntentConfirmationSucceeded?: (setupIntent: components["schemas"]["SetupIntent"]) => void;
     onConfirmationFailed: (errorMessage: string) => void;
     additionalFields?: CreditCardAdditionalFields;
+    billingAddressRequirement?: BillingAddressRequirement;
 };
-export declare function AmosCreditCardPaymentMethodForm({ ref, renderToken, appearance, onPaymentIntentConfirmationSucceeded, onSetupIntentConfirmationSucceeded, onConfirmationFailed, additionalFields, style, ...rest }: AmosCreditCardPaymentMethodFormProps): import("react").JSX.Element;
+export declare function AmosCreditCardPaymentMethodForm({ ref, renderToken, appearance, onPaymentIntentConfirmationSucceeded, onSetupIntentConfirmationSucceeded, onConfirmationFailed, additionalFields, billingAddressRequirement, style, ...rest }: AmosCreditCardPaymentMethodFormProps): import("react").JSX.Element;
 type AmosBankAccountPaymentMethodFormProps = IframePassthroughProps & {
     renderToken: string;
     appearance?: Appearance;
     onPaymentIntentConfirmationSucceeded?: (paymentIntent: components["schemas"]["PaymentIntent"]) => void;
     onSetupIntentConfirmationSucceeded?: (setupIntent: components["schemas"]["SetupIntent"]) => void;
     onConfirmationFailed: (errorMessage: string) => void;
+    billingAddressRequirement?: BillingAddressRequirement;
 };
-export declare function AmosBankAccountPaymentMethodForm({ ref, renderToken, appearance, onPaymentIntentConfirmationSucceeded, onSetupIntentConfirmationSucceeded, onConfirmationFailed, style, ...rest }: AmosBankAccountPaymentMethodFormProps): import("react").JSX.Element;
+export declare function AmosBankAccountPaymentMethodForm({ ref, renderToken, appearance, onPaymentIntentConfirmationSucceeded, onSetupIntentConfirmationSucceeded, onConfirmationFailed, billingAddressRequirement, style, ...rest }: AmosBankAccountPaymentMethodFormProps): import("react").JSX.Element;
 type AmosGooglePayButtonProps = IframePassthroughProps & {
     renderToken: string;
     amount: string;

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,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]}})});
+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},billingAddressRequirement:d=`country`,style:f,...p}){let m=(0,t.useRef)(null);return l({containerRef:m,iframeRef:r,mount:e.mountAmosCreditCardPaymentMethodForm,options:{renderToken:i,appearance:a,additionalFields:u,billingAddressRequirement:d,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i,u.cardholderName,d],iframePassthrough:{style:f,...p},updateDeps:[a,u,d,o,s,c]}),(0,n.jsx)(`div`,{ref:m})}function d({ref:r,renderToken:i,appearance:a,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c,billingAddressRequirement:u=`country`,style:d,...f}){let p=(0,t.useRef)(null);return l({containerRef:p,iframeRef:r,mount:e.mountAmosBankAccountPaymentMethodForm,options:{renderToken:i,appearance:a,billingAddressRequirement:u,onPaymentIntentConfirmationSucceeded:o,onSetupIntentConfirmationSucceeded:s,onConfirmationFailed:c},remountDeps:[i,u],iframePassthrough:{style:d,...f},updateDeps:[a,u,o,s,c]}),(0,n.jsx)(`div`,{ref:p})}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

@@ -44,59 +44,67 @@ function h({ containerRef: e, iframeRef: t, mount: n, options: r, remountDeps: i
 		e && m(e, a);
 	});
 }
-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);
+function g({ ref: e, renderToken: t, appearance: n, onPaymentIntentConfirmationSucceeded: i, onSetupIntentConfirmationSucceeded: a, onConfirmationFailed: o, additionalFields: l = { cardholderName: !1 }, billingAddressRequirement: u = "country", style: d, ...f }) {
+	let p = s(null);
 	return h({
-		containerRef: f,
+		containerRef: p,
 		iframeRef: e,
 		mount: r,
 		options: {
 			renderToken: t,
 			appearance: n,
 			additionalFields: l,
+			billingAddressRequirement: u,
 			onPaymentIntentConfirmationSucceeded: i,
 			onSetupIntentConfirmationSucceeded: a,
 			onConfirmationFailed: o
 		},
-		remountDeps: [t, l.cardholderName],
+		remountDeps: [
+			t,
+			l.cardholderName,
+			u
+		],
 		iframePassthrough: {
-			style: u,
-			...d
+			style: d,
+			...f
 		},
 		updateDeps: [
 			n,
 			l,
+			u,
 			i,
 			a,
 			o
 		]
-	}), /* @__PURE__ */ c("div", { ref: f });
+	}), /* @__PURE__ */ c("div", { ref: p });
 }
-function _({ ref: e, renderToken: t, appearance: r, onPaymentIntentConfirmationSucceeded: i, onSetupIntentConfirmationSucceeded: a, onConfirmationFailed: o, style: l, ...u }) {
-	let d = s(null);
+function _({ ref: e, renderToken: t, appearance: r, onPaymentIntentConfirmationSucceeded: i, onSetupIntentConfirmationSucceeded: a, onConfirmationFailed: o, billingAddressRequirement: l = "country", style: u, ...d }) {
+	let f = s(null);
 	return h({
-		containerRef: d,
+		containerRef: f,
 		iframeRef: e,
 		mount: n,
 		options: {
 			renderToken: t,
 			appearance: r,
+			billingAddressRequirement: l,
 			onPaymentIntentConfirmationSucceeded: i,
 			onSetupIntentConfirmationSucceeded: a,
 			onConfirmationFailed: o
 		},
-		remountDeps: [t],
+		remountDeps: [t, l],
 		iframePassthrough: {
-			style: l,
-			...u
+			style: u,
+			...d
 		},
 		updateDeps: [
 			r,
+			l,
 			i,
 			a,
 			o
 		]
-	}), /* @__PURE__ */ c("div", { ref: d });
+	}), /* @__PURE__ */ c("div", { ref: f });
 }
 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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amos.com/react-amos-js",
-  "version": "0.3.22",
+  "version": "0.4.1",
   "main": "dist/index.js",
   "repository": {
     "type": "git",
@@ -46,7 +46,7 @@
     "vite-plugin-dts": "5.0.3"
   },
   "dependencies": {
-    "@amos.com/amos-js": "0.3.24",
+    "@amos.com/amos-js": "0.4.1",
     "@amos.com/node": "0.1.31",
     "@types/googlepay": "0.7.11"
   },

package/src/index.tsx

@@ -5,6 +5,7 @@ import {
   confirmPaymentIntent as amosConfirmPaymentIntent,
   confirmSetupIntent as amosConfirmSetupIntent,
   validateForm as amosValidateForm,
+  type BillingAddressRequirement,
   type CreditCardAdditionalFields,
   mountAmosBankAccountPaymentMethodForm,
   mountAmosCreditCardPaymentMethodForm,
@@ -187,6 +188,7 @@ type AmosCreditCardPaymentMethodFormProps = IframePassthroughProps & {
   ) => void;
   onConfirmationFailed: (errorMessage: string) => void;
   additionalFields?: CreditCardAdditionalFields;
+  billingAddressRequirement?: BillingAddressRequirement;
 };
 
 export function AmosCreditCardPaymentMethodForm({
@@ -197,6 +199,7 @@ export function AmosCreditCardPaymentMethodForm({
   onSetupIntentConfirmationSucceeded,
   onConfirmationFailed,
   additionalFields = { cardholderName: false },
+  billingAddressRequirement = "country",
   style,
   ...rest
 }: AmosCreditCardPaymentMethodFormProps) {
@@ -210,15 +213,21 @@ export function AmosCreditCardPaymentMethodForm({
       renderToken,
       appearance,
       additionalFields,
+      billingAddressRequirement,
       onPaymentIntentConfirmationSucceeded,
       onSetupIntentConfirmationSucceeded,
       onConfirmationFailed,
     },
-    remountDeps: [renderToken, additionalFields.cardholderName],
+    remountDeps: [
+      renderToken,
+      additionalFields.cardholderName,
+      billingAddressRequirement,
+    ],
     iframePassthrough: { style, ...rest },
     updateDeps: [
       appearance,
       additionalFields,
+      billingAddressRequirement,
       onPaymentIntentConfirmationSucceeded,
       onSetupIntentConfirmationSucceeded,
       onConfirmationFailed,
@@ -238,6 +247,7 @@ type AmosBankAccountPaymentMethodFormProps = IframePassthroughProps & {
     setupIntent: components["schemas"]["SetupIntent"],
   ) => void;
   onConfirmationFailed: (errorMessage: string) => void;
+  billingAddressRequirement?: BillingAddressRequirement;
 };
 
 export function AmosBankAccountPaymentMethodForm({
@@ -247,6 +257,7 @@ export function AmosBankAccountPaymentMethodForm({
   onPaymentIntentConfirmationSucceeded,
   onSetupIntentConfirmationSucceeded,
   onConfirmationFailed,
+  billingAddressRequirement = "country",
   style,
   ...rest
 }: AmosBankAccountPaymentMethodFormProps) {
@@ -259,14 +270,16 @@ export function AmosBankAccountPaymentMethodForm({
     options: {
       renderToken,
       appearance,
+      billingAddressRequirement,
       onPaymentIntentConfirmationSucceeded,
       onSetupIntentConfirmationSucceeded,
       onConfirmationFailed,
     },
-    remountDeps: [renderToken],
+    remountDeps: [renderToken, billingAddressRequirement],
     iframePassthrough: { style, ...rest },
     updateDeps: [
       appearance,
+      billingAddressRequirement,
       onPaymentIntentConfirmationSucceeded,
       onSetupIntentConfirmationSucceeded,
       onConfirmationFailed,