@justifi/webcomponents 5.3.0 → 5.3.1

package/dist/collection/components/checkout/checkout.js

@@ -4,6 +4,7 @@ import { CheckoutService } from "../../api/services/checkout.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
+import { config } from "../../../config";
 export class Checkout {
     constructor() {
         this.authToken = undefined;
@@ -13,6 +14,7 @@ export class Checkout {
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = config.iFrameOrigin;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -53,11 +55,11 @@ export class Checkout {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: 'd0f0e8bd7634b09e43d7b89fc9b62dad5a46698a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, ref: el => {
+        return (h("justifi-checkout-core", { key: '911e807dc0be670c6bfe59e497cacd5399481981', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: 'c523d863b3c50a2a341c6afda034a847f172f64d', slot: "insurance" }, h("slot", { key: '7fc6851584286b771b300113065950fd3c36fe7b', name: "insurance" }))));
+            } }, h("div", { key: '29bcfd776e4dac5a7686a03488d0f8dad2d01a03', slot: "insurance" }, h("slot", { key: '993b8872e8a40dd5111ccaeb586686a396eab2ff', name: "insurance" }))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {
@@ -180,6 +182,24 @@ export class Checkout {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false,
+                "defaultValue": "config.iFrameOrigin"
             }
         };
     }

package/dist/collection/components/checkout/new-payment-method.js

@@ -16,6 +16,7 @@ export class NewPaymentMethod {
         this.paymentMethodGroupId = undefined;
         this.isSelected = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
@@ -75,11 +76,11 @@ export class NewPaymentMethod {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4 border-bottom" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '08d8aac7f71c6f7e6f55b8e43a8987ad0e0604d2', class: "payment-method" }, h("div", { key: 'd38fb7c6591df0c552ec51137b4358a2fa5a2651', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '90725e78617ea8dcd40981cac815601a75256f7d', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
     static get is() { return "justifi-new-payment-method"; }
     static get properties() {
@@ -189,6 +190,23 @@ export class NewPaymentMethod {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/checkout/payment-method-options.js

@@ -15,6 +15,7 @@ export class PaymentMethodOptions {
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
@@ -58,13 +59,13 @@ export class PaymentMethodOptions {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b83f8b54a8f5a15790b263047a5eb9acc416ae2c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '24e7d418958eb61f9582317e615502e77b4090d0' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, ref: (el) => {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }
@@ -295,6 +296,23 @@ export class PaymentMethodOptions {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -3,6 +3,7 @@ import { Button, StyledHost } from "../../ui-components";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import JustifiAnalytics from "../../api/Analytics";
+import { config } from "../../../config";
 export class TokenizePaymentMethod {
     constructor() {
         this.authToken = undefined;
@@ -13,6 +14,7 @@ export class TokenizePaymentMethod {
         this.disableBankAccount = undefined;
         this.hideSubmitButton = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = config.iFrameOrigin;
         this.isLoading = false;
     }
     componentWillLoad() {
@@ -50,7 +52,7 @@ export class TokenizePaymentMethod {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'bfeaea9cc19470d95c3c3b01d8a2f1d0686719f0' }, h("form", { key: '055830971e13041ddc826d104deaf082765736aa' }, h("fieldset", { key: '0cca44190920ef7d526bd3ddcdf72b0d1a7d82e7' }, h("div", { key: 'cb12a4423b5ddcffcc5fb4b3905f6ad37cf23c15', class: "row gy-3" }, h("div", { key: '6d1e36bb81d64d81f4440f3c1687b03a0383fbbb', class: "col-12" }, h("justifi-payment-method-options", { key: '312ad9fe09f65c2f5ec1d0c2bbe74bcf0f24aafb', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ce18adbc0b9f868a3bff49a9f2d994b83be66b4c', class: "col-12" }, h(Button, { key: '1610a24c4ffb1a6e6ddd6eea1720b553c67a20f7', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: '0ddf067ee86437aa9e860da496daf9ae2b3b5cef' }, h("form", { key: '1416581ae33fdc1e3a4afee8340b5427c2ec3b8d' }, h("fieldset", { key: '1229cbac7d660a8b526f69781ee879783b119d8a' }, h("div", { key: 'ce2fa29a82caeb792caa35e7497afde46886a6a6', class: "row gy-3" }, h("div", { key: 'afdcc686fd93057ab2b44776b94d668f26f5de7c', class: "col-12" }, h("justifi-payment-method-options", { key: '5dd4d7243d930daf99acef4d730faabbfc8080c0', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '375d26a56c451018a78891157bd598437ca65fb7', class: "col-12" }, h(Button, { key: 'aa0ab5b00f58e6f8f9c6ae951cdd756ff37481ef', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -191,6 +193,24 @@ export class TokenizePaymentMethod {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false,
+                "defaultValue": "config.iFrameOrigin"
             }
         };
     }

package/dist/config.js

@@ -1,5 +1,6 @@
 export const config = {
     proxyApiOrigin: PROXY_API_ORIGIN,
+    iFrameOrigin: IFRAME_ORIGIN,
     proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
     exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
     exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-03T18:35:30",
+  "timestamp": "2025-02-05T22:05:19",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -174,7 +174,29 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
       "methods": [
         {
           "name": "tokenize",
@@ -713,7 +735,29 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
       "methods": [
         {
           "name": "tokenize",
@@ -8096,6 +8140,28 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "config.iFrameOrigin",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -8459,6 +8525,27 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [
@@ -10946,6 +11033,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "isSelected",
           "type": "boolean",
@@ -11678,6 +11786,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "insuranceToggled",
           "type": "boolean",
@@ -15566,6 +15695,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "iframeOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "iframe-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "config.iFrameOrigin",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "paymentMethodGroupId",
           "type": "string",

package/dist/esm/{Api-0cac5b8a.js → Api-97801a4b.js}

@@ -1,5 +1,6 @@
 const config = {
     proxyApiOrigin: "https://wc-proxy.justifi.ai",
+    iFrameOrigin: "https://components.justifi.ai/v2",
     proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
     exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
     exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',

package/dist/esm/bank-account-form_9.entry.js

@@ -10,6 +10,7 @@ import './Dispute-5fd28ec9.js';
 const BankAccountForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.iframeOrigin = undefined;
     }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
@@ -20,13 +21,14 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '6e351c4e7bd3afe586f988855a8347c7ddd08ec8' }, h("div", { key: '822a342538c44f9d643a1b443302107cc3086ba1', class: "container-fluid p-0" }, h("div", { key: 'bacfd7176144928a80cb0bc491b9a83e7260c502', class: "row mb-3" }, h("iframe-input", { key: '77c88ac7f6c26f8467d9c1d2f8f053bd6003bfec', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/accountNumber` })), h("div", { key: 'da73fc03e8c124a37d0fa84a66439c879e745ef2', class: "row" }, h("iframe-input", { key: '2f36b96ecff473ef72e47ce5b9b009fe1067eee2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/routingNumber` })))));
+        return (h(Host, { key: 'bf5ff6bf71b52c5b7eceb429f057b3ec89c56129' }, h("div", { key: 'db0ea83fa412a1ea77aee8967ea1c9ad07ea387d', class: "container-fluid p-0" }, h("div", { key: 'd354c507e7aeabe77a957165aec900f3e01f27f5', class: "row mb-3" }, h("iframe-input", { key: '1397eb492d2cf5ca40b637360ab52478f9007db1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/accountNumber` })), h("div", { key: 'a4b98ff832990cac46f49a9ff1ef2de2b33496cd', class: "row" }, h("iframe-input", { key: '0b758f804e3d367c1851fe084d27df1ea620e190', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/routingNumber` })))));
     }
 };
 
 const CardForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.iframeOrigin = undefined;
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -39,7 +41,7 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '279551d81ed11cde65d51e28d9dc9be9d5f0d422', class: "container-fluid p-0" }, h("div", { key: '2ab4164df7fd258243a89b02fe4a634069f31670', class: "mb-3" }, h("iframe-input", { key: '0baf4772d66bc228ef0259487c5b7be67321ebf1', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/cardNumber` })), h("div", { key: 'ba458f877d837bd8c3302f9888e3ddfba58c2024', class: "row" }, h("div", { key: '960975abed4e4db2ed5428e81bd0771b7f18aca7', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b609e584b00cced44db0cb44cb8436f3daa18a2e', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationMonth` })), h("div", { key: '42725f5223920f9185a384f88ba17ca1e3215b30', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c2c8410b3344dc44b4538881965f6b9e1a0b6c9', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationYear` })), h("div", { key: 'f4c3a801b0f3088b0cee30914d6088d0b140b637', class: "col-4 align-content-end" }, h("iframe-input", { key: '7bb5ebec54d900539f2bfdb85537c6d3185d3419', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${"https://components.justifi.ai/v2"}/CVV` })))));
+        return (h(Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, h("iframe-input", { key: 'e151a15fb885d7babf13c575a5bf93990f77336b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/cardNumber` })), h("div", { key: 'd965e93602367c92f53cdc768b9a79032e640a5a', class: "row" }, h("div", { key: 'f836cca70a22e9bec446fdc4d62836a7cc16d70c', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd95608d7ce0434021d416120ada984047804b04f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/expirationMonth` })), h("div", { key: '34ab01991bac786ada446758b4499c3d58cc9402', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c548d2ba46dd5ab969ab703adecc1d697ad5f8e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/expirationYear` })), h("div", { key: '4ce98e07ef97c4e13fe92e8677073f6681c2f707', class: "col-4 align-content-end" }, h("iframe-input", { key: '691c95278d984586ed884ca06d96a57ce0a002b8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/CVV` })))));
     }
 };
 
@@ -185,6 +187,7 @@ const NewPaymentMethod = class {
         this.paymentMethodGroupId = undefined;
         this.isSelected = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
@@ -244,11 +247,11 @@ const NewPaymentMethod = class {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4 border-bottom" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '08d8aac7f71c6f7e6f55b8e43a8987ad0e0604d2', class: "payment-method" }, h("div", { key: 'd38fb7c6591df0c552ec51137b4358a2fa5a2651', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '90725e78617ea8dcd40981cac815601a75256f7d', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -287,6 +290,7 @@ const PaymentMethodOptions = class {
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
@@ -330,13 +334,13 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b83f8b54a8f5a15790b263047a5eb9acc416ae2c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '24e7d418958eb61f9582317e615502e77b4090d0' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, ref: (el) => {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }

package/dist/esm/billing-form_3.entry.js

@@ -4,7 +4,7 @@ import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValida
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
-import { p as packageJson } from './package-90ebd343.js';
+import { p as packageJson } from './package-2b7c7bc0.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state-ff730fe5.js';
 import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-ab2bb4b5.js';
 import './business-form-options-018f62a5.js';

package/dist/esm/{business.service-6a208f8f.js → business.service-45c7df3c.js}

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {

package/dist/esm/{check-pkg-version-bac7eb5e.js → check-pkg-version-f91ed31f.js}

@@ -1,5 +1,5 @@
-import { p as packageJson } from './package-90ebd343.js';
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { p as packageJson } from './package-2b7c7bc0.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 
 class AnalyticsService {
     async record(body) {

package/dist/esm/{checkout.service-ac067baa.js → checkout.service-36e3355e.js}

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import './ComponentError-3ce7f437.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';

package/dist/esm/{dispute.service-26a788a8.js → dispute.service-9b9b87e5.js}

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import './ComponentError-3ce7f437.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';

package/dist/esm/{get-payout-csv-684fece6.js → get-payout-csv-80210301.js}

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';

package/dist/esm/{get-subaccounts-b1bed757.js → get-subaccounts-d3eeb85d.js}

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { m as makeGetBusiness, b as makePatchBusiness, c as makePostBankAccount, d as makePostDocumentRecord } from './payment-provisioning-actions-726795a0.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-6a208f8f.js';
+import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-45c7df3c.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
 import './SubAccount-a73bf971.js';
 import './Document-1907c0d4.js';
 import { c as create$3, e as create$7, F as FormController } from './index.esm-0b6849c2.js';
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import { h as heading2 } from './parts-ab2bb4b5.js';
 import './Business-29c69f22.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-5c87de02.js';

package/dist/esm/justifi-business-details.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { E as ErrorState } from './utils-c2dc83b2.js';
-import { B as BusinessService } from './business.service-6a208f8f.js';
+import { B as BusinessService } from './business.service-45c7df3c.js';
 import { B as Business } from './Business-29c69f22.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-bac7eb5e.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-f91ed31f.js';
 import './parts-ab2bb4b5.js';
-import './Api-0cac5b8a.js';
+import './Api-97801a4b.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './package-90ebd343.js';
+import './package-2b7c7bc0.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-business-form.entry.js

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js'
 import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
 import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-212a96ed.js';
 import { a as addressSchema, i as identitySchema } from './business-identity-schema-05bd2a5f.js';
-import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { A as Api, c as config } from './Api-97801a4b.js';
 import './ComponentError-3ce7f437.js';
 import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';
@@ -10,7 +10,7 @@ import './Payment-82d2f453.js';
 import './SubAccount-a73bf971.js';
 import './Document-1907c0d4.js';
 import { B as Business, a as BusinessFormServerErrors } from './Business-29c69f22.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-bac7eb5e.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-f91ed31f.js';
 import { B as Button } from './button-4b3f3934.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
 import { H as Header1 } from './header-1-4db0c986.js';
@@ -22,7 +22,7 @@ import './business-form-options-018f62a5.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
 import './helpers-96ea3464.js';
-import './package-90ebd343.js';
+import './package-2b7c7bc0.js';
 import './parts-ab2bb4b5.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));