@amos.com/amos-js 0.9.4 → 0.9.5

package/README.md

@@ -287,6 +287,10 @@ Validates the embedded card/bank iframe form. Returns `Promise<boolean>` (resolv
 
 Forward an embed JWT to the iframe so it can complete the payment / setup intent confirmation. The matching `payment_intent_id` / `setup_intent_id` is extracted from the JWT and forwarded automatically.
 
+### `resetForm({ iframe })`
+
+Clears all field values and API errors in the embedded card/bank iframe form. Call after `onResult` when the customer wants to try again.
+
 ### `attachPaymentMethodFormListeners(iframe, options)`
 
 Lower-level helper that wires up the host-page side of the credit-card or bank-account iframe message protocol on an existing `<iframe>` element. The iframe is expected to have been added to the DOM with the correct `src` already (see `getCreditCardFormSrc` / `getBankAccountFormSrc`). Returns `{ update, destroy }`.
@@ -315,7 +319,7 @@ Advanced helpers exposed for integrators that need to construct or inspect the m
 
 ## Notes and potential gotchas
 
-- **`iframe` argument**: every messaging helper (`validateForm`, `confirmPaymentIntent`, `confirmSetupIntent`) accepts the `iframe` element directly. With the mount helpers, use `controller.iframe`.
+- **`iframe` argument**: every messaging helper (`validateForm`, `confirmPaymentIntent`, `confirmSetupIntent`, `resetForm`) accepts the `iframe` element directly. With the mount helpers, use `controller.iframe`.
 - **Same components for payment vs setup intents**: `mountAmosCreditCardPaymentMethodForm` and `mountAmosBankAccountPaymentMethodForm` support both payment intents and setup intents. The flow differs only by which server call you make and which confirmation function you use. Handle both outcomes via `onResult`.
 - **Amount format**: for `mountAmosGooglePayButton` and `mountAmosApplePayButton`, `amount` is a string (e.g. `"5000"` for $50.00). For `components["schemas"]["CreatePaymentIntentInput"]` on the server, `amount` is a number in cents (e.g. `5000`).
 - **Browser-only**: the mount and messaging helpers require `window` and the DOM. They are not safe to call during server-side rendering — call them from client-side code only (for example, inside a `useEffect`-like hook in your framework of choice).

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { attachApplePayButtonListeners, getApplePayButtonInitialHeight, getApple
 export type { FormattedGooglePayPaymentData, GooglePayButtonController, GooglePayButtonListenerOptions, } from './google-pay';
 export { attachGooglePayButtonListeners, formatGooglePayPaymentData, getGooglePayButtonInitialHeight, getGooglePayButtonSrc, } from './google-pay';
 export { decodeJwt, getEmbedOrigin } from './jwt';
-export { confirmPaymentIntent, confirmSetupIntent, sendConfirmationResult, sendParentReadyMessage, updateAmount, updateAppearance, updateMerchantName, validateForm, } from './messaging';
+export { confirmPaymentIntent, confirmSetupIntent, resetForm, sendConfirmationResult, sendParentReadyMessage, updateAmount, updateAppearance, updateMerchantName, validateForm, } from './messaging';
 export type { AmosApplePayButtonMountController, AmosApplePayButtonOptions, AmosBankAccountPaymentMethodFormOptions, AmosCreditCardPaymentMethodFormOptions, AmosGooglePayButtonMountController, AmosGooglePayButtonOptions, AmosPaymentMethodFormMountController, } from './mount';
 export { mountAmosApplePayButton, mountAmosBankAccountPaymentMethodForm, mountAmosCreditCardPaymentMethodForm, mountAmosGooglePayButton, } from './mount';
 export type { BillingAddressRequirement, CreditCardAdditionalFields, PaymentMethodFormController, PaymentMethodFormListenerOptions, } from './payment-method-form';

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`data-amos-apple-pay-waiting`;function t({onCancel:t}){let n=document.querySelector(`[${e}]`);if(n)return n;let r=document.createElement(`div`);r.setAttribute(e,`true`),r.setAttribute(`role`,`dialog`),r.setAttribute(`aria-modal`,`true`),r.setAttribute(`aria-labelledby`,`amos-apple-pay-waiting-title`),Object.assign(r.style,{position:`fixed`,inset:`0`,zIndex:`2147483646`,display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`24px`,boxSizing:`border-box`,background:`rgba(0, 0, 0, 0.55)`,fontFamily:`-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif`});let i=document.createElement(`div`);Object.assign(i.style,{width:`100%`,maxWidth:`360px`,borderRadius:`12px`,background:`#fff`,padding:`28px 24px 20px`,boxSizing:`border-box`,textAlign:`center`,boxShadow:`0 12px 40px rgba(0, 0, 0, 0.25)`});let a=document.createElement(`div`);a.setAttribute(`aria-hidden`,`true`),Object.assign(a.style,{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:`6px`,marginBottom:`16px`,fontSize:`28px`,fontWeight:`600`,letterSpacing:`-0.02em`,color:`#000`,lineHeight:`1`}),a.innerHTML=`<svg width="22" height="26" viewBox="0 0 814 1000" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg><span>Pay</span>`;let o=document.createElement(`p`);o.id=`amos-apple-pay-waiting-title`,Object.assign(o.style,{margin:`0 0 20px`,fontSize:`15px`,lineHeight:`1.45`,color:`#1a1a1a`}),o.textContent=`Complete your payment in the open Apple Pay window, or close Apple Pay to continue paying another way.`;let s=document.createElement(`button`);return s.type=`button`,s.textContent=`Cancel payment`,Object.assign(s.style,{display:`block`,width:`100%`,border:`none`,borderRadius:`8px`,padding:`12px 16px`,background:`#2c2c2e`,color:`#fff`,fontSize:`15px`,fontWeight:`500`,cursor:`pointer`}),s.addEventListener(`click`,t),i.append(a,o,s),r.append(i),document.body.append(r),r}function n(){document.querySelector(`[${e}]`)?.remove()}function r(e){let[t=``,n=``,r=``]=e?.split(`.`)??[],i=typeof atob==`function`?atob:e=>Buffer.from(e,`base64`).toString(`utf8`);return{header:JSON.parse(i(t)),payload:JSON.parse(i(n)),signature:r}}function i(e){let{env:t=`sandbox`}=r(e).payload;switch(t){case`production`:return`https://embed.amos.com`;case`sandbox`:return`https://embed-sandbox.amos.com`;default:return`https://embed-sandbox.amos.com`}}function a(e){return e}function o(e){e?.contentWindow?.postMessage(a({type:`PARENT_ACKNOWLEDGED_IFRAME_READY`}),`*`)}function s({iframe:e,appearance:t={}}){e?.contentWindow?.postMessage(a({type:`UPDATE_APPEARANCE`,appearance:t}),`*`)}function c({iframe:e,amount:t}){e?.contentWindow?.postMessage(a({type:`UPDATE_AMOUNT`,amount:t}),`*`)}function l({iframe:e,merchantName:t}){e?.contentWindow?.postMessage(a({type:`UPDATE_MERCHANT_NAME`,merchantName:t}),`*`)}function u({iframe:e}){let t=crypto.randomUUID();return new Promise(n=>{e?.contentWindow?.postMessage(a({type:`VALIDATE_FORM`,requestId:t}),`*`);let r=setTimeout(()=>{window.removeEventListener(`message`,i),n(!1)},5e3);function i(e){e.data.type===`VALIDATE_FORM`&&e.data.requestId===t&&(window.removeEventListener(`message`,i),clearTimeout(r),n(e.data.isValid??!1))}window.addEventListener(`message`,i)})}function d({iframe:e,token:t}){let{payment_intent_id:n}=r(t).payload;e?.contentWindow?.postMessage(a({type:`CONFIRM_PAYMENT_INTENT`,token:t,id:n??void 0}),`*`)}function f({iframe:e,token:t}){let{setup_intent_id:n}=r(t).payload;e?.contentWindow?.postMessage(a({type:`CONFIRM_SETUP_INTENT`,token:t,id:n??void 0}),`*`)}function p({iframe:e,result:t}){e?.contentWindow?.postMessage(a({type:`CONFIRMATION_RESULT`,result:t}),`*`)}function m(e){return`${i(e)}/iframe/apple-pay?token=${e}`}function h(){return`40px`}function g(e){e.contentWindow?.postMessage(a({type:`APPLE_PAY_CANCEL`}),`*`)}function _(e,r){let i={...r};function a(){c({iframe:e,amount:i.amount})}function u(){l({iframe:e,merchantName:i.merchantName})}function f(r){if(r.source===e.contentWindow)switch(r.data.type){case`IFRAME_READY`:o(e),s({iframe:e,appearance:i.appearance}),a(),u();break;case`UPDATE_HEIGHT`:i.onHeightChange?.(r.data.height);break;case`UPDATE_APPEARANCE`:s({iframe:e,appearance:r.data.appearance});break;case`UPDATED_APPEARANCE`:i.onAppearanceReady?.();break;case`APPLE_PAY_WINDOW_OPEN`:t({onCancel:()=>{g(e),n()}});break;case`APPLE_PAY_WINDOW_CLOSE`:n();break;case`CREATE_PAYMENT_INTENT`:i.onInitiatePaymentIntentRequest({paymentIntentCreateAttributes:r.data.paymentIntentCreateAttributes,customerCreateAttributes:r.data.customerCreateAttributes}).then(t=>{d({iframe:e,token:t})}).catch(e=>{n(),i.onResult({status:`failed`,errorMessage:e instanceof Error?e.message:`Unknown error`})});break;case`CONFIRMATION_RESULT`:n(),i.onResult(r.data.result)}}return window.addEventListener(`message`,f),{update(t){let n=`appearance`in t,r=`amount`in t,o=`merchantName`in t;i={...i,...t},n&&s({iframe:e,appearance:i.appearance}),r&&a(),o&&u()},destroy(){window.removeEventListener(`message`,f),n()}}}function v(e){return`${i(e)}/iframe/google-pay?token=${e}`}function y(){return`40px`}function b(e,t){let n={...t};function r(){c({iframe:e,amount:n.amount})}function i(){l({iframe:e,merchantName:n.merchantName})}function a(t){if(t.source===e.contentWindow)switch(t.data.type){case`IFRAME_READY`:o(e),s({iframe:e,appearance:n.appearance}),r(),i();break;case`UPDATE_HEIGHT`:n.onHeightChange?.(t.data.height);break;case`UPDATE_APPEARANCE`:s({iframe:e,appearance:t.data.appearance});break;case`UPDATED_APPEARANCE`:n.onAppearanceReady?.();break;case`CREATE_PAYMENT_INTENT`:n.onInitiatePaymentIntentRequest({paymentIntentCreateAttributes:t.data.paymentIntentCreateAttributes,customerCreateAttributes:t.data.customerCreateAttributes}).then(t=>{d({iframe:e,token:t})}).catch(e=>{n.onResult({status:`failed`,errorMessage:e instanceof Error?e.message:`Unknown error`})});break;case`CONFIRMATION_RESULT`:n.onResult(t.data.result)}}return window.addEventListener(`message`,a),{update(t){let a=`appearance`in t,o=`amount`in t,c=`merchantName`in t;n={...n,...t},a&&s({iframe:e,appearance:n.appearance}),o&&r(),c&&i()},destroy(){window.removeEventListener(`message`,a)}}}function x({paymentData:e}){return{paymentMethod:{type:`googlepay`,billing_address_attributes:{name:e.shippingAddress?.name,address_line1:e.shippingAddress?.address1,address_line2:e.shippingAddress?.address2,city:e.shippingAddress?.locality,state:e.shippingAddress?.administrativeArea,postal_code:e.shippingAddress?.postalCode,country:e.shippingAddress?.countryCode,email:e.email,phone:e.shippingAddress?.phoneNumber},card_profile_attributes:{wallet_payload:e.paymentMethodData.tokenizationData.token}}}}var S={country:212,full:452},C=80,w={country:400,full:640};function T(e,t={cardholderName:!1},n=`country`){let r=Object.entries(t).filter(([,e])=>e).map(([e])=>e).join(`,`),a=new URLSearchParams({token:e,additionalFields:r,billingAddressRequirement:n});return`${i(e)}/iframe/card?${a}`}function E(e,t=`country`){let n=new URLSearchParams({token:e,billingAddressRequirement:t});return`${i(e)}/iframe/bank?${n}`}function D(e={cardholderName:!1},t=`country`){return`${(S[t]??S.country)+(e.cardholderName?C:0)}px`}function O(e=`country`){return`${w[e]??w.country}px`}function k(e,t){let n={...t};function r(t){if(t.source===e.contentWindow)switch(t.data.type){case`IFRAME_READY`:o(e),s({iframe:e,appearance:n.appearance});break;case`UPDATE_HEIGHT`:n.onHeightChange?.(t.data.height);break;case`UPDATE_APPEARANCE`:s({iframe:e,appearance:t.data.appearance});break;case`UPDATED_APPEARANCE`:n.onAppearanceReady?.();break;case`CONFIRMATION_RESULT`:n.onResult(t.data.result)}}return window.addEventListener(`message`,r),{update(t){let r=`appearance`in t;n={...n,...t},r&&s({iframe:e,appearance:n.appearance})},destroy(){window.removeEventListener(`message`,r)}}}function A(e){if(typeof e==`string`){let t=document.querySelector(e);if(!(t instanceof HTMLElement))throw Error(`[amos-js] Container "${e}" did not match any HTMLElement.`);return t}return e}var j={width:`calc(100% + 8px)`,transition:`opacity 150ms ease-in, height 200ms ease-in-out`,margin:`0 -4px`,opacity:`0`,border:`0`};function M({src:e,title:t,name:n,height:r,allow:i}){let a=document.createElement(`iframe`);return a.src=e,a.title=t,a.name=n,a.setAttribute(`role`,`presentation`),a.scrolling=`no`,i&&(a.allow=i),Object.assign(a.style,j,{height:r}),a}function N(e,t){let n=A(e),{renderToken:r,additionalFields:i={cardholderName:!1},billingAddressRequirement:a=`country`,...o}=t,s=M({src:T(r,i,a),title:`Secure credit card payment method form powered by Amos`,name:`amos-credit-card-payment-method-form`,height:D(i,a)});n.appendChild(s);let c=k(s,{...o,onHeightChange:e=>{s.style.height=e,o.onHeightChange?.(e)},onAppearanceReady:()=>{s.style.opacity=`1`,o.onAppearanceReady?.()}});return{iframe:s,update:c.update,destroy(){c.destroy(),s.remove()}}}function P(e,t){let n=A(e),{renderToken:r,billingAddressRequirement:i=`country`,...a}=t,o=M({src:E(r,i),title:`Secure bank account payment method form powered by Amos`,name:`amos-bank-account-payment-method-form`,height:O(i)});n.appendChild(o);let s=k(o,{...a,onHeightChange:e=>{o.style.height=e,a.onHeightChange?.(e)},onAppearanceReady:()=>{o.style.opacity=`1`,a.onAppearanceReady?.()}});return{iframe:o,update:s.update,destroy(){s.destroy(),o.remove()}}}function F(e,t){let n=A(e),{renderToken:r,...i}=t,a=M({src:v(r),title:`Secure Google Pay button powered by Amos`,name:`amos-google-pay-button`,height:y(),allow:`payment`});n.appendChild(a);let o=b(a,{...i,onHeightChange:e=>{a.style.height=e,i.onHeightChange?.(e)},onAppearanceReady:()=>{a.style.opacity=`1`,i.onAppearanceReady?.()}});return{iframe:a,update:o.update,destroy(){o.destroy(),a.remove()}}}function I(e,t){let n=A(e),{renderToken:r,...i}=t,a=M({src:m(r),title:`Secure Apple Pay button powered by Amos`,name:`amos-apple-pay-button`,height:h(),allow:`payment`});n.appendChild(a);let o=_(a,{...i,onHeightChange:e=>{a.style.height=e,i.onHeightChange?.(e)},onAppearanceReady:()=>{a.style.opacity=`1`,i.onAppearanceReady?.()}});return{iframe:a,update:o.update,destroy(){o.destroy(),a.remove()}}}exports.attachApplePayButtonListeners=_,exports.attachGooglePayButtonListeners=b,exports.attachPaymentMethodFormListeners=k,exports.confirmPaymentIntent=d,exports.confirmSetupIntent=f,exports.createMessage=a,exports.decodeJwt=r,exports.formatGooglePayPaymentData=x,exports.getApplePayButtonInitialHeight=h,exports.getApplePayButtonSrc=m,exports.getBankAccountFormInitialHeight=O,exports.getBankAccountFormSrc=E,exports.getCreditCardFormInitialHeight=D,exports.getCreditCardFormSrc=T,exports.getEmbedOrigin=i,exports.getGooglePayButtonInitialHeight=y,exports.getGooglePayButtonSrc=v,exports.mountAmosApplePayButton=I,exports.mountAmosBankAccountPaymentMethodForm=P,exports.mountAmosCreditCardPaymentMethodForm=N,exports.mountAmosGooglePayButton=F,exports.sendConfirmationResult=p,exports.sendParentReadyMessage=o,exports.updateAmount=c,exports.updateAppearance=s,exports.updateMerchantName=l,exports.validateForm=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`data-amos-apple-pay-waiting`;function t({onCancel:t}){let n=document.querySelector(`[${e}]`);if(n)return n;let r=document.createElement(`div`);r.setAttribute(e,`true`),r.setAttribute(`role`,`dialog`),r.setAttribute(`aria-modal`,`true`),r.setAttribute(`aria-labelledby`,`amos-apple-pay-waiting-title`),Object.assign(r.style,{position:`fixed`,inset:`0`,zIndex:`2147483646`,display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`24px`,boxSizing:`border-box`,background:`rgba(0, 0, 0, 0.55)`,fontFamily:`-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif`});let i=document.createElement(`div`);Object.assign(i.style,{width:`100%`,maxWidth:`360px`,borderRadius:`12px`,background:`#fff`,padding:`28px 24px 20px`,boxSizing:`border-box`,textAlign:`center`,boxShadow:`0 12px 40px rgba(0, 0, 0, 0.25)`});let a=document.createElement(`div`);a.setAttribute(`aria-hidden`,`true`),Object.assign(a.style,{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:`6px`,marginBottom:`16px`,fontSize:`28px`,fontWeight:`600`,letterSpacing:`-0.02em`,color:`#000`,lineHeight:`1`}),a.innerHTML=`<svg width="22" height="26" viewBox="0 0 814 1000" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg><span>Pay</span>`;let o=document.createElement(`p`);o.id=`amos-apple-pay-waiting-title`,Object.assign(o.style,{margin:`0 0 20px`,fontSize:`15px`,lineHeight:`1.45`,color:`#1a1a1a`}),o.textContent=`Complete your payment in the open Apple Pay window, or close Apple Pay to continue paying another way.`;let s=document.createElement(`button`);return s.type=`button`,s.textContent=`Cancel payment`,Object.assign(s.style,{display:`block`,width:`100%`,border:`none`,borderRadius:`8px`,padding:`12px 16px`,background:`#2c2c2e`,color:`#fff`,fontSize:`15px`,fontWeight:`500`,cursor:`pointer`}),s.addEventListener(`click`,t),i.append(a,o,s),r.append(i),document.body.append(r),r}function n(){document.querySelector(`[${e}]`)?.remove()}function r(e){let[t=``,n=``,r=``]=e?.split(`.`)??[],i=typeof atob==`function`?atob:e=>Buffer.from(e,`base64`).toString(`utf8`);return{header:JSON.parse(i(t)),payload:JSON.parse(i(n)),signature:r}}function i(e){let{env:t=`sandbox`}=r(e).payload;switch(t){case`production`:return`https://embed.amos.com`;case`sandbox`:return`https://embed-sandbox.amos.com`;default:return`https://embed-sandbox.amos.com`}}function a(e){return e}function o(e){return new URL(e.src).origin}function s(e){e?.contentWindow&&e.contentWindow.postMessage(a({type:`PARENT_ACKNOWLEDGED_IFRAME_READY`}),o(e))}function c({iframe:e,appearance:t={}}){e?.contentWindow&&e.contentWindow.postMessage(a({type:`UPDATE_APPEARANCE`,appearance:t}),o(e))}function l({iframe:e,amount:t}){e?.contentWindow&&e.contentWindow.postMessage(a({type:`UPDATE_AMOUNT`,amount:t}),o(e))}function u({iframe:e,merchantName:t}){e?.contentWindow&&e.contentWindow.postMessage(a({type:`UPDATE_MERCHANT_NAME`,merchantName:t}),o(e))}function d({iframe:e}){let t=crypto.randomUUID();return new Promise(n=>{e?.contentWindow&&e.contentWindow.postMessage(a({type:`VALIDATE_FORM`,requestId:t}),o(e));let r=setTimeout(()=>{window.removeEventListener(`message`,i),n(!1)},5e3);function i(e){e.data.type===`VALIDATE_FORM`&&e.data.requestId===t&&(window.removeEventListener(`message`,i),clearTimeout(r),n(e.data.isValid??!1))}window.addEventListener(`message`,i)})}function f({iframe:e}){e?.contentWindow&&e.contentWindow.postMessage(a({type:`RESET_FORM`}),o(e))}function p({iframe:e,token:t}){if(!e?.contentWindow)return;let{payment_intent_id:n}=r(t).payload;e.contentWindow.postMessage(a({type:`CONFIRM_PAYMENT_INTENT`,token:t,id:n??void 0}),o(e))}function m({iframe:e,token:t}){if(!e?.contentWindow)return;let{setup_intent_id:n}=r(t).payload;e.contentWindow.postMessage(a({type:`CONFIRM_SETUP_INTENT`,token:t,id:n??void 0}),o(e))}function h({iframe:e,result:t}){e?.contentWindow&&e.contentWindow.postMessage(a({type:`CONFIRMATION_RESULT`,result:t}),o(e))}function g(e){return`${i(e)}/iframe/apple-pay?token=${e}`}function _(){return`40px`}function v(e){e.contentWindow?.postMessage(a({type:`APPLE_PAY_CANCEL`}),o(e))}function y(e,r){let i={...r};function a(){l({iframe:e,amount:i.amount})}function o(){u({iframe:e,merchantName:i.merchantName})}function d(r){if(r.source===e.contentWindow)switch(r.data.type){case`IFRAME_READY`:s(e),c({iframe:e,appearance:i.appearance}),a(),o();break;case`UPDATE_HEIGHT`:i.onHeightChange?.(r.data.height);break;case`UPDATE_APPEARANCE`:c({iframe:e,appearance:r.data.appearance});break;case`UPDATED_APPEARANCE`:i.onAppearanceReady?.();break;case`APPLE_PAY_WINDOW_OPEN`:t({onCancel:()=>{v(e),n()}});break;case`APPLE_PAY_WINDOW_CLOSE`:n();break;case`CREATE_PAYMENT_INTENT`:i.onInitiatePaymentIntentRequest({paymentIntentCreateAttributes:r.data.paymentIntentCreateAttributes,customerCreateAttributes:r.data.customerCreateAttributes}).then(t=>{p({iframe:e,token:t})}).catch(e=>{n(),i.onResult({status:`failed`,errorMessage:e instanceof Error?e.message:`Unknown error`})});break;case`CONFIRMATION_RESULT`:n(),i.onResult(r.data.result)}}return window.addEventListener(`message`,d),{update(t){let n=`appearance`in t,r=`amount`in t,s=`merchantName`in t;i={...i,...t},n&&c({iframe:e,appearance:i.appearance}),r&&a(),s&&o()},destroy(){window.removeEventListener(`message`,d),n()}}}function b(e){return`${i(e)}/iframe/google-pay?token=${e}`}function x(){return`40px`}function S(e,t){let n={...t};function r(){l({iframe:e,amount:n.amount})}function i(){u({iframe:e,merchantName:n.merchantName})}function a(t){if(t.source===e.contentWindow)switch(t.data.type){case`IFRAME_READY`:s(e),c({iframe:e,appearance:n.appearance}),r(),i();break;case`UPDATE_HEIGHT`:n.onHeightChange?.(t.data.height);break;case`UPDATE_APPEARANCE`:c({iframe:e,appearance:t.data.appearance});break;case`UPDATED_APPEARANCE`:n.onAppearanceReady?.();break;case`CREATE_PAYMENT_INTENT`:n.onInitiatePaymentIntentRequest({paymentIntentCreateAttributes:t.data.paymentIntentCreateAttributes,customerCreateAttributes:t.data.customerCreateAttributes}).then(t=>{p({iframe:e,token:t})}).catch(e=>{n.onResult({status:`failed`,errorMessage:e instanceof Error?e.message:`Unknown error`})});break;case`CONFIRMATION_RESULT`:n.onResult(t.data.result)}}return window.addEventListener(`message`,a),{update(t){let a=`appearance`in t,o=`amount`in t,s=`merchantName`in t;n={...n,...t},a&&c({iframe:e,appearance:n.appearance}),o&&r(),s&&i()},destroy(){window.removeEventListener(`message`,a)}}}function C({paymentData:e}){return{paymentMethod:{type:`googlepay`,billing_address_attributes:{name:e.shippingAddress?.name,address_line1:e.shippingAddress?.address1,address_line2:e.shippingAddress?.address2,city:e.shippingAddress?.locality,state:e.shippingAddress?.administrativeArea,postal_code:e.shippingAddress?.postalCode,country:e.shippingAddress?.countryCode,email:e.email,phone:e.shippingAddress?.phoneNumber},card_profile_attributes:{wallet_payload:e.paymentMethodData.tokenizationData.token}}}}var w={country:212,full:452},T=80,E={country:400,full:640};function D(e,t={cardholderName:!1},n=`country`){let r=Object.entries(t).filter(([,e])=>e).map(([e])=>e).join(`,`),a=new URLSearchParams({token:e,additionalFields:r,billingAddressRequirement:n});return`${i(e)}/iframe/card?${a}`}function O(e,t=`country`){let n=new URLSearchParams({token:e,billingAddressRequirement:t});return`${i(e)}/iframe/bank?${n}`}function k(e={cardholderName:!1},t=`country`){return`${(w[t]??w.country)+(e.cardholderName?T:0)}px`}function A(e=`country`){return`${E[e]??E.country}px`}function j(e,t){let n={...t};function r(t){if(t.source===e.contentWindow)switch(t.data.type){case`IFRAME_READY`:s(e),c({iframe:e,appearance:n.appearance});break;case`UPDATE_HEIGHT`:n.onHeightChange?.(t.data.height);break;case`UPDATE_APPEARANCE`:c({iframe:e,appearance:t.data.appearance});break;case`UPDATED_APPEARANCE`:n.onAppearanceReady?.();break;case`CONFIRMATION_RESULT`:n.onResult(t.data.result)}}return window.addEventListener(`message`,r),{update(t){let r=`appearance`in t;n={...n,...t},r&&c({iframe:e,appearance:n.appearance})},destroy(){window.removeEventListener(`message`,r)}}}function M(e){if(typeof e==`string`){let t=document.querySelector(e);if(!(t instanceof HTMLElement))throw Error(`[amos-js] Container "${e}" did not match any HTMLElement.`);return t}return e}var N={width:`calc(100% + 8px)`,transition:`opacity 150ms ease-in, height 200ms ease-in-out`,margin:`0 -4px`,opacity:`0`,border:`0`};function P({src:e,title:t,name:n,height:r,allow:i}){let a=document.createElement(`iframe`);return a.src=e,a.title=t,a.name=n,a.setAttribute(`role`,`presentation`),a.scrolling=`no`,i&&(a.allow=i),Object.assign(a.style,N,{height:r}),a}function F(e,t){let n=M(e),{renderToken:r,additionalFields:i={cardholderName:!1},billingAddressRequirement:a=`country`,...o}=t,s=P({src:D(r,i,a),title:`Secure credit card payment method form powered by Amos`,name:`amos-credit-card-payment-method-form`,height:k(i,a)});n.appendChild(s);let c=j(s,{...o,onHeightChange:e=>{s.style.height=e,o.onHeightChange?.(e)},onAppearanceReady:()=>{s.style.opacity=`1`,o.onAppearanceReady?.()}});return{iframe:s,update:c.update,destroy(){c.destroy(),s.remove()}}}function I(e,t){let n=M(e),{renderToken:r,billingAddressRequirement:i=`country`,...a}=t,o=P({src:O(r,i),title:`Secure bank account payment method form powered by Amos`,name:`amos-bank-account-payment-method-form`,height:A(i)});n.appendChild(o);let s=j(o,{...a,onHeightChange:e=>{o.style.height=e,a.onHeightChange?.(e)},onAppearanceReady:()=>{o.style.opacity=`1`,a.onAppearanceReady?.()}});return{iframe:o,update:s.update,destroy(){s.destroy(),o.remove()}}}function L(e,t){let n=M(e),{renderToken:r,...i}=t,a=P({src:b(r),title:`Secure Google Pay button powered by Amos`,name:`amos-google-pay-button`,height:x(),allow:`payment`});n.appendChild(a);let o=S(a,{...i,onHeightChange:e=>{a.style.height=e,i.onHeightChange?.(e)},onAppearanceReady:()=>{a.style.opacity=`1`,i.onAppearanceReady?.()}});return{iframe:a,update:o.update,destroy(){o.destroy(),a.remove()}}}function R(e,t){let n=M(e),{renderToken:r,...i}=t,a=P({src:g(r),title:`Secure Apple Pay button powered by Amos`,name:`amos-apple-pay-button`,height:_(),allow:`payment`});n.appendChild(a);let o=y(a,{...i,onHeightChange:e=>{a.style.height=e,i.onHeightChange?.(e)},onAppearanceReady:()=>{a.style.opacity=`1`,i.onAppearanceReady?.()}});return{iframe:a,update:o.update,destroy(){o.destroy(),a.remove()}}}exports.attachApplePayButtonListeners=y,exports.attachGooglePayButtonListeners=S,exports.attachPaymentMethodFormListeners=j,exports.confirmPaymentIntent=p,exports.confirmSetupIntent=m,exports.createMessage=a,exports.decodeJwt=r,exports.formatGooglePayPaymentData=C,exports.getApplePayButtonInitialHeight=_,exports.getApplePayButtonSrc=g,exports.getBankAccountFormInitialHeight=A,exports.getBankAccountFormSrc=O,exports.getCreditCardFormInitialHeight=k,exports.getCreditCardFormSrc=D,exports.getEmbedOrigin=i,exports.getGooglePayButtonInitialHeight=x,exports.getGooglePayButtonSrc=b,exports.mountAmosApplePayButton=R,exports.mountAmosBankAccountPaymentMethodForm=I,exports.mountAmosCreditCardPaymentMethodForm=F,exports.mountAmosGooglePayButton=L,exports.resetForm=f,exports.sendConfirmationResult=h,exports.sendParentReadyMessage=s,exports.updateAmount=l,exports.updateAppearance=c,exports.updateMerchantName=u,exports.validateForm=d;

package/dist/index.mjs

@@ -90,33 +90,36 @@ function a(e) {
 //#endregion
 //#region src/messaging.ts
 function o(e) {
-	e?.contentWindow?.postMessage(a({ type: "PARENT_ACKNOWLEDGED_IFRAME_READY" }), "*");
+	return new URL(e.src).origin;
 }
-function s({ iframe: e, appearance: t = {} }) {
-	e?.contentWindow?.postMessage(a({
+function s(e) {
+	e?.contentWindow && e.contentWindow.postMessage(a({ type: "PARENT_ACKNOWLEDGED_IFRAME_READY" }), o(e));
+}
+function c({ iframe: e, appearance: t = {} }) {
+	e?.contentWindow && e.contentWindow.postMessage(a({
 		type: "UPDATE_APPEARANCE",
 		appearance: t
-	}), "*");
+	}), o(e));
 }
-function c({ iframe: e, amount: t }) {
-	e?.contentWindow?.postMessage(a({
+function l({ iframe: e, amount: t }) {
+	e?.contentWindow && e.contentWindow.postMessage(a({
 		type: "UPDATE_AMOUNT",
 		amount: t
-	}), "*");
+	}), o(e));
 }
-function l({ iframe: e, merchantName: t }) {
-	e?.contentWindow?.postMessage(a({
+function u({ iframe: e, merchantName: t }) {
+	e?.contentWindow && e.contentWindow.postMessage(a({
 		type: "UPDATE_MERCHANT_NAME",
 		merchantName: t
-	}), "*");
+	}), o(e));
 }
-function u({ iframe: e }) {
+function d({ iframe: e }) {
 	let t = crypto.randomUUID();
 	return new Promise((n) => {
-		e?.contentWindow?.postMessage(a({
+		e?.contentWindow && e.contentWindow.postMessage(a({
 			type: "VALIDATE_FORM",
 			requestId: t
-		}), "*");
+		}), o(e));
 		let r = setTimeout(() => {
 			window.removeEventListener("message", i), n(!1);
 		}, 5e3);
@@ -126,66 +129,71 @@ function u({ iframe: e }) {
 		window.addEventListener("message", i);
 	});
 }
-function d({ iframe: e, token: t }) {
+function f({ iframe: e }) {
+	e?.contentWindow && e.contentWindow.postMessage(a({ type: "RESET_FORM" }), o(e));
+}
+function p({ iframe: e, token: t }) {
+	if (!e?.contentWindow) return;
 	let { payment_intent_id: n } = r(t).payload;
-	e?.contentWindow?.postMessage(a({
+	e.contentWindow.postMessage(a({
 		type: "CONFIRM_PAYMENT_INTENT",
 		token: t,
 		id: n ?? void 0
-	}), "*");
+	}), o(e));
 }
-function f({ iframe: e, token: t }) {
+function m({ iframe: e, token: t }) {
+	if (!e?.contentWindow) return;
 	let { setup_intent_id: n } = r(t).payload;
-	e?.contentWindow?.postMessage(a({
+	e.contentWindow.postMessage(a({
 		type: "CONFIRM_SETUP_INTENT",
 		token: t,
 		id: n ?? void 0
-	}), "*");
+	}), o(e));
 }
-function p({ iframe: e, result: t }) {
-	e?.contentWindow?.postMessage(a({
+function h({ iframe: e, result: t }) {
+	e?.contentWindow && e.contentWindow.postMessage(a({
 		type: "CONFIRMATION_RESULT",
 		result: t
-	}), "*");
+	}), o(e));
 }
 //#endregion
 //#region src/apple-pay.ts
-function m(e) {
+function g(e) {
 	return `${i(e)}/iframe/apple-pay?token=${e}`;
 }
-function h() {
+function _() {
 	return "40px";
 }
-function g(e) {
-	e.contentWindow?.postMessage(a({ type: "APPLE_PAY_CANCEL" }), "*");
+function v(e) {
+	e.contentWindow?.postMessage(a({ type: "APPLE_PAY_CANCEL" }), o(e));
 }
-function _(e, r) {
+function y(e, r) {
 	let i = { ...r };
 	function a() {
-		c({
+		l({
 			iframe: e,
 			amount: i.amount
 		});
 	}
-	function u() {
-		l({
+	function o() {
+		u({
 			iframe: e,
 			merchantName: i.merchantName
 		});
 	}
-	function f(r) {
+	function d(r) {
 		if (r.source === e.contentWindow) switch (r.data.type) {
 			case "IFRAME_READY":
-				o(e), s({
+				s(e), c({
 					iframe: e,
 					appearance: i.appearance
-				}), a(), u();
+				}), a(), o();
 				break;
 			case "UPDATE_HEIGHT":
 				i.onHeightChange?.(r.data.height);
 				break;
 			case "UPDATE_APPEARANCE":
-				s({
+				c({
 					iframe: e,
 					appearance: r.data.appearance
 				});
@@ -195,7 +203,7 @@ function _(e, r) {
 				break;
 			case "APPLE_PAY_WINDOW_OPEN":
 				t({ onCancel: () => {
-					g(e), n();
+					v(e), n();
 				} });
 				break;
 			case "APPLE_PAY_WINDOW_CLOSE":
@@ -206,7 +214,7 @@ function _(e, r) {
 					paymentIntentCreateAttributes: r.data.paymentIntentCreateAttributes,
 					customerCreateAttributes: r.data.customerCreateAttributes
 				}).then((t) => {
-					d({
+					p({
 						iframe: e,
 						token: t
 					});
@@ -220,40 +228,40 @@ function _(e, r) {
 			case "CONFIRMATION_RESULT": n(), i.onResult(r.data.result);
 		}
 	}
-	return window.addEventListener("message", f), {
+	return window.addEventListener("message", d), {
 		update(t) {
-			let n = "appearance" in t, r = "amount" in t, o = "merchantName" in t;
+			let n = "appearance" in t, r = "amount" in t, s = "merchantName" in t;
 			i = {
 				...i,
 				...t
-			}, n && s({
+			}, n && c({
 				iframe: e,
 				appearance: i.appearance
-			}), r && a(), o && u();
+			}), r && a(), s && o();
 		},
 		destroy() {
-			window.removeEventListener("message", f), n();
+			window.removeEventListener("message", d), n();
 		}
 	};
 }
 //#endregion
 //#region src/google-pay.ts
-function v(e) {
+function b(e) {
 	return `${i(e)}/iframe/google-pay?token=${e}`;
 }
-function y() {
+function x() {
 	return "40px";
 }
-function b(e, t) {
+function S(e, t) {
 	let n = { ...t };
 	function r() {
-		c({
+		l({
 			iframe: e,
 			amount: n.amount
 		});
 	}
 	function i() {
-		l({
+		u({
 			iframe: e,
 			merchantName: n.merchantName
 		});
@@ -261,7 +269,7 @@ function b(e, t) {
 	function a(t) {
 		if (t.source === e.contentWindow) switch (t.data.type) {
 			case "IFRAME_READY":
-				o(e), s({
+				s(e), c({
 					iframe: e,
 					appearance: n.appearance
 				}), r(), i();
@@ -270,7 +278,7 @@ function b(e, t) {
 				n.onHeightChange?.(t.data.height);
 				break;
 			case "UPDATE_APPEARANCE":
-				s({
+				c({
 					iframe: e,
 					appearance: t.data.appearance
 				});
@@ -283,7 +291,7 @@ function b(e, t) {
 					paymentIntentCreateAttributes: t.data.paymentIntentCreateAttributes,
 					customerCreateAttributes: t.data.customerCreateAttributes
 				}).then((t) => {
-					d({
+					p({
 						iframe: e,
 						token: t
 					});
@@ -299,21 +307,21 @@ function b(e, t) {
 	}
 	return window.addEventListener("message", a), {
 		update(t) {
-			let a = "appearance" in t, o = "amount" in t, c = "merchantName" in t;
+			let a = "appearance" in t, o = "amount" in t, s = "merchantName" in t;
 			n = {
 				...n,
 				...t
-			}, a && s({
+			}, a && c({
 				iframe: e,
 				appearance: n.appearance
-			}), o && r(), c && i();
+			}), o && r(), s && i();
 		},
 		destroy() {
 			window.removeEventListener("message", a);
 		}
 	};
 }
-function x({ paymentData: e }) {
+function C({ paymentData: e }) {
 	return { paymentMethod: {
 		type: "googlepay",
 		billing_address_attributes: {
@@ -332,14 +340,14 @@ function x({ paymentData: e }) {
 }
 //#endregion
 //#region src/payment-method-form.ts
-var S = {
+var w = {
 	country: 212,
 	full: 452
-}, C = 80, w = {
+}, T = 80, E = {
 	country: 400,
 	full: 640
 };
-function T(e, t = { cardholderName: !1 }, n = "country") {
+function D(e, t = { cardholderName: !1 }, n = "country") {
 	let r = Object.entries(t).filter(([, e]) => e).map(([e]) => e).join(","), a = new URLSearchParams({
 		token: e,
 		additionalFields: r,
@@ -347,25 +355,25 @@ function T(e, t = { cardholderName: !1 }, n = "country") {
 	});
 	return `${i(e)}/iframe/card?${a}`;
 }
-function E(e, t = "country") {
+function O(e, t = "country") {
 	let n = new URLSearchParams({
 		token: e,
 		billingAddressRequirement: t
 	});
 	return `${i(e)}/iframe/bank?${n}`;
 }
-function D(e = { cardholderName: !1 }, t = "country") {
-	return `${(S[t] ?? S.country) + (e.cardholderName ? C : 0)}px`;
+function k(e = { cardholderName: !1 }, t = "country") {
+	return `${(w[t] ?? w.country) + (e.cardholderName ? T : 0)}px`;
 }
-function O(e = "country") {
-	return `${w[e] ?? w.country}px`;
+function A(e = "country") {
+	return `${E[e] ?? E.country}px`;
 }
-function k(e, t) {
+function j(e, t) {
 	let n = { ...t };
 	function r(t) {
 		if (t.source === e.contentWindow) switch (t.data.type) {
 			case "IFRAME_READY":
-				o(e), s({
+				s(e), c({
 					iframe: e,
 					appearance: n.appearance
 				});
@@ -374,7 +382,7 @@ function k(e, t) {
 				n.onHeightChange?.(t.data.height);
 				break;
 			case "UPDATE_APPEARANCE":
-				s({
+				c({
 					iframe: e,
 					appearance: t.data.appearance
 				});
@@ -391,7 +399,7 @@ function k(e, t) {
 			n = {
 				...n,
 				...t
-			}, r && s({
+			}, r && c({
 				iframe: e,
 				appearance: n.appearance
 			});
@@ -403,7 +411,7 @@ function k(e, t) {
 }
 //#endregion
 //#region src/mount.ts
-function A(e) {
+function M(e) {
 	if (typeof e == "string") {
 		let t = document.querySelector(e);
 		if (!(t instanceof HTMLElement)) throw Error(`[amos-js] Container "${e}" did not match any HTMLElement.`);
@@ -411,26 +419,26 @@ function A(e) {
 	}
 	return e;
 }
-var j = {
+var N = {
 	width: "calc(100% + 8px)",
 	transition: "opacity 150ms ease-in, height 200ms ease-in-out",
 	margin: "0 -4px",
 	opacity: "0",
 	border: "0"
 };
-function M({ src: e, title: t, name: n, height: r, allow: i }) {
+function P({ src: e, title: t, name: n, height: r, allow: i }) {
 	let a = document.createElement("iframe");
-	return a.src = e, a.title = t, a.name = n, a.setAttribute("role", "presentation"), a.scrolling = "no", i && (a.allow = i), Object.assign(a.style, j, { height: r }), a;
+	return a.src = e, a.title = t, a.name = n, a.setAttribute("role", "presentation"), a.scrolling = "no", i && (a.allow = i), Object.assign(a.style, N, { height: r }), a;
 }
-function N(e, t) {
-	let n = A(e), { renderToken: r, additionalFields: i = { cardholderName: !1 }, billingAddressRequirement: a = "country", ...o } = t, s = M({
-		src: T(r, i, a),
+function F(e, t) {
+	let n = M(e), { renderToken: r, additionalFields: i = { cardholderName: !1 }, billingAddressRequirement: a = "country", ...o } = t, s = P({
+		src: D(r, i, a),
 		title: "Secure credit card payment method form powered by Amos",
 		name: "amos-credit-card-payment-method-form",
-		height: D(i, a)
+		height: k(i, a)
 	});
 	n.appendChild(s);
-	let c = k(s, {
+	let c = j(s, {
 		...o,
 		onHeightChange: (e) => {
 			s.style.height = e, o.onHeightChange?.(e);
@@ -447,15 +455,15 @@ function N(e, t) {
 		}
 	};
 }
-function P(e, t) {
-	let n = A(e), { renderToken: r, billingAddressRequirement: i = "country", ...a } = t, o = M({
-		src: E(r, i),
+function I(e, t) {
+	let n = M(e), { renderToken: r, billingAddressRequirement: i = "country", ...a } = t, o = P({
+		src: O(r, i),
 		title: "Secure bank account payment method form powered by Amos",
 		name: "amos-bank-account-payment-method-form",
-		height: O(i)
+		height: A(i)
 	});
 	n.appendChild(o);
-	let s = k(o, {
+	let s = j(o, {
 		...a,
 		onHeightChange: (e) => {
 			o.style.height = e, a.onHeightChange?.(e);
@@ -472,16 +480,16 @@ function P(e, t) {
 		}
 	};
 }
-function F(e, t) {
-	let n = A(e), { renderToken: r, ...i } = t, a = M({
-		src: v(r),
+function L(e, t) {
+	let n = M(e), { renderToken: r, ...i } = t, a = P({
+		src: b(r),
 		title: "Secure Google Pay button powered by Amos",
 		name: "amos-google-pay-button",
-		height: y(),
+		height: x(),
 		allow: "payment"
 	});
 	n.appendChild(a);
-	let o = b(a, {
+	let o = S(a, {
 		...i,
 		onHeightChange: (e) => {
 			a.style.height = e, i.onHeightChange?.(e);
@@ -498,16 +506,16 @@ function F(e, t) {
 		}
 	};
 }
-function I(e, t) {
-	let n = A(e), { renderToken: r, ...i } = t, a = M({
-		src: m(r),
+function R(e, t) {
+	let n = M(e), { renderToken: r, ...i } = t, a = P({
+		src: g(r),
 		title: "Secure Apple Pay button powered by Amos",
 		name: "amos-apple-pay-button",
-		height: h(),
+		height: _(),
 		allow: "payment"
 	});
 	n.appendChild(a);
-	let o = _(a, {
+	let o = y(a, {
 		...i,
 		onHeightChange: (e) => {
 			a.style.height = e, i.onHeightChange?.(e);
@@ -525,4 +533,4 @@ function I(e, t) {
 	};
 }
 //#endregion
-export { _ as attachApplePayButtonListeners, b as attachGooglePayButtonListeners, k as attachPaymentMethodFormListeners, d as confirmPaymentIntent, f as confirmSetupIntent, a as createMessage, r as decodeJwt, x as formatGooglePayPaymentData, h as getApplePayButtonInitialHeight, m as getApplePayButtonSrc, O as getBankAccountFormInitialHeight, E as getBankAccountFormSrc, D as getCreditCardFormInitialHeight, T as getCreditCardFormSrc, i as getEmbedOrigin, y as getGooglePayButtonInitialHeight, v as getGooglePayButtonSrc, I as mountAmosApplePayButton, P as mountAmosBankAccountPaymentMethodForm, N as mountAmosCreditCardPaymentMethodForm, F as mountAmosGooglePayButton, p as sendConfirmationResult, o as sendParentReadyMessage, c as updateAmount, s as updateAppearance, l as updateMerchantName, u as validateForm };
+export { y as attachApplePayButtonListeners, S as attachGooglePayButtonListeners, j as attachPaymentMethodFormListeners, p as confirmPaymentIntent, m as confirmSetupIntent, a as createMessage, r as decodeJwt, C as formatGooglePayPaymentData, _ as getApplePayButtonInitialHeight, g as getApplePayButtonSrc, A as getBankAccountFormInitialHeight, O as getBankAccountFormSrc, k as getCreditCardFormInitialHeight, D as getCreditCardFormSrc, i as getEmbedOrigin, x as getGooglePayButtonInitialHeight, b as getGooglePayButtonSrc, R as mountAmosApplePayButton, I as mountAmosBankAccountPaymentMethodForm, F as mountAmosCreditCardPaymentMethodForm, L as mountAmosGooglePayButton, f as resetForm, h as sendConfirmationResult, s as sendParentReadyMessage, l as updateAmount, c as updateAppearance, u as updateMerchantName, d as validateForm };

package/dist/messaging.d.ts

@@ -1,6 +1,13 @@
 import { components } from '@amos.com/node';
 import { Appearance, Message } from './types';
 type Iframe = HTMLIFrameElement | null | undefined;
+/**
+ * Resolve the Amos embed origin from an iframe's configured `src`.
+ *
+ * Integrators are expected to set `src` via the SDK's `get*Src` helpers
+ * before calling messaging functions.
+ */
+export declare function getIframeTargetOrigin(iframe: HTMLIFrameElement): string;
 /**
  * Notify the embedded iframe that the host page is ready to receive
  * messages. The SDK calls this internally after receiving an
@@ -44,6 +51,13 @@ export declare function updateMerchantName({ iframe, merchantName, }: {
 export declare function validateForm({ iframe }: {
     iframe: Iframe;
 }): Promise<boolean>;
+/**
+ * Clear all field values and API errors in the embedded credit-card or
+ * bank-account iframe form.
+ */
+export declare function resetForm({ iframe }: {
+    iframe: Iframe;
+}): void;
 /**
  * Confirm a payment intent in the embedded iframe flow.
  *

package/dist/types.d.ts

@@ -135,6 +135,9 @@ export type Message = {
 } | {
     /** Parent → embed: user cancelled from the host-page waiting overlay. */
     type: "APPLE_PAY_CANCEL";
+} | {
+    /** Parent → embed: clear all form field values and API errors. */
+    type: "RESET_FORM";
 };
 /**
  * Identity helper that brands an object as a typed `Message`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amos.com/amos-js",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "main": "dist/index.js",
   "repository": {
     "type": "git",

package/src/apple-pay.ts

@@ -6,6 +6,7 @@ import {
 import { getEmbedOrigin } from "./jwt";
 import {
   confirmPaymentIntent,
+  getIframeTargetOrigin,
   sendParentReadyMessage,
   updateAmount as sendUpdateAmount,
   updateAppearance as sendUpdateAppearance,
@@ -94,7 +95,7 @@ export type ApplePayButtonController = {
 function sendApplePayCancel(iframe: HTMLIFrameElement): void {
   iframe.contentWindow?.postMessage(
     createMessage({ type: "APPLE_PAY_CANCEL" }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 

package/src/index.ts

@@ -27,6 +27,7 @@ export { decodeJwt, getEmbedOrigin } from "./jwt";
 export {
   confirmPaymentIntent,
   confirmSetupIntent,
+  resetForm,
   sendConfirmationResult,
   sendParentReadyMessage,
   updateAmount,

package/src/messaging.ts

@@ -4,15 +4,29 @@ import { type Appearance, createMessage, type Message } from "./types";
 
 type Iframe = HTMLIFrameElement | null | undefined;
 
+/**
+ * Resolve the Amos embed origin from an iframe's configured `src`.
+ *
+ * Integrators are expected to set `src` via the SDK's `get*Src` helpers
+ * before calling messaging functions.
+ */
+export function getIframeTargetOrigin(iframe: HTMLIFrameElement): string {
+  return new URL(iframe.src).origin;
+}
+
 /**
  * Notify the embedded iframe that the host page is ready to receive
  * messages. The SDK calls this internally after receiving an
  * `IFRAME_READY` event from the iframe.
  */
 export function sendParentReadyMessage(iframe: Iframe): void {
-  iframe?.contentWindow?.postMessage(
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
     createMessage({ type: "PARENT_ACKNOWLEDGED_IFRAME_READY" }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -31,9 +45,13 @@ export function updateAppearance({
   iframe: Iframe;
   appearance?: Appearance;
 }): void {
-  iframe?.contentWindow?.postMessage(
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
     createMessage({ type: "UPDATE_APPEARANCE", appearance }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -47,9 +65,13 @@ export function updateAmount({
   iframe: Iframe;
   amount: string;
 }): void {
-  iframe?.contentWindow?.postMessage(
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
     createMessage({ type: "UPDATE_AMOUNT", amount }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -64,9 +86,13 @@ export function updateMerchantName({
   iframe: Iframe;
   merchantName: string;
 }): void {
-  iframe?.contentWindow?.postMessage(
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
     createMessage({ type: "UPDATE_MERCHANT_NAME", merchantName }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -81,10 +107,12 @@ export function validateForm({ iframe }: { iframe: Iframe }): Promise<boolean> {
   const requestId = crypto.randomUUID();
 
   return new Promise((resolve) => {
-    iframe?.contentWindow?.postMessage(
-      createMessage({ type: "VALIDATE_FORM", requestId }),
-      "*",
-    );
+    if (iframe?.contentWindow) {
+      iframe.contentWindow.postMessage(
+        createMessage({ type: "VALIDATE_FORM", requestId }),
+        getIframeTargetOrigin(iframe),
+      );
+    }
 
     const timeoutId = setTimeout(() => {
       window.removeEventListener("message", handleMessage);
@@ -106,6 +134,21 @@ export function validateForm({ iframe }: { iframe: Iframe }): Promise<boolean> {
   });
 }
 
+/**
+ * Clear all field values and API errors in the embedded credit-card or
+ * bank-account iframe form.
+ */
+export function resetForm({ iframe }: { iframe: Iframe }): void {
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
+    createMessage({ type: "RESET_FORM" }),
+    getIframeTargetOrigin(iframe),
+  );
+}
+
 /**
  * Confirm a payment intent in the embedded iframe flow.
  *
@@ -119,15 +162,19 @@ export function confirmPaymentIntent({
 }: {
   iframe: Iframe;
 } & Pick<components["schemas"]["EmbedToken"], "token">): void {
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
   const { payment_intent_id: id }: components["schemas"]["EmbedTokenJwt"] =
     decodeJwt(token).payload;
-  iframe?.contentWindow?.postMessage(
+  iframe.contentWindow.postMessage(
     createMessage({
       type: "CONFIRM_PAYMENT_INTENT",
       token,
       id: id ?? undefined,
     }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -144,15 +191,19 @@ export function confirmSetupIntent({
 }: {
   iframe: Iframe;
 } & Pick<components["schemas"]["EmbedToken"], "token">): void {
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
   const { setup_intent_id: id }: components["schemas"]["EmbedTokenJwt"] =
     decodeJwt(token).payload;
-  iframe?.contentWindow?.postMessage(
+  iframe.contentWindow.postMessage(
     createMessage({
       type: "CONFIRM_SETUP_INTENT",
       token,
       id: id ?? undefined,
     }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }
 
@@ -167,11 +218,15 @@ export function sendConfirmationResult({
   iframe: Iframe;
   result: Extract<Message, { type: "CONFIRMATION_RESULT" }>["result"];
 }): void {
-  iframe?.contentWindow?.postMessage(
+  if (!iframe?.contentWindow) {
+    return;
+  }
+
+  iframe.contentWindow.postMessage(
     createMessage({
       type: "CONFIRMATION_RESULT",
       result,
     }),
-    "*",
+    getIframeTargetOrigin(iframe),
   );
 }

package/src/mount.ts

@@ -1,7 +1,7 @@
 import {
-  attachApplePayButtonListeners,
   type ApplePayButtonController,
   type ApplePayButtonListenerOptions,
+  attachApplePayButtonListeners,
   getApplePayButtonInitialHeight,
   getApplePayButtonSrc,
 } from "./apple-pay";

package/src/types.ts

@@ -265,6 +265,10 @@ export type Message =
   | {
       /** Parent → embed: user cancelled from the host-page waiting overlay. */
       type: "APPLE_PAY_CANCEL";
+    }
+  | {
+      /** Parent → embed: clear all form field values and API errors. */
+      type: "RESET_FORM";
     };
 
 /**