@justifi/webcomponents 6.1.0-rc.3 → 6.1.0

package/dist/module/justifi-business-form.js

@@ -1,14 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { a as businessCoreInfoSchemaUSA, b as businessCoreInfoSchemaCAN } from './business-core-info-schema.js';
+import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { a as identitySchemaUSA, b as identitySchemaCAN } from './business-identity-schema.js';
-import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
+import { i as identitySchema } from './business-identity-schema.js';
+import { a as addressSchema } from './business-address-schema.js';
 import './config-state.js';
 import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
+import { a as Business, c as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -20,25 +20,21 @@ import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { d as defineCustomElement$f } from './custom-popper2.js';
-import { d as defineCustomElement$e } from './form-alert2.js';
-import { d as defineCustomElement$d } from './form-control-date2.js';
-import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$b } from './form-control-number-masked2.js';
-import { d as defineCustomElement$a } from './form-control-select2.js';
-import { d as defineCustomElement$9 } from './form-control-text2.js';
-import { d as defineCustomElement$8 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$7 } from './additional-questions.js';
-import { d as defineCustomElement$6 } from './business-core-info.js';
-import { d as defineCustomElement$5 } from './business-representative.js';
-import { d as defineCustomElement$4 } from './form-address-fields.js';
+import { d as defineCustomElement$e } from './custom-popper2.js';
+import { d as defineCustomElement$d } from './form-alert2.js';
+import { d as defineCustomElement$c } from './form-control-date2.js';
+import { d as defineCustomElement$b } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$a } from './form-control-number-masked2.js';
+import { d as defineCustomElement$9 } from './form-control-select2.js';
+import { d as defineCustomElement$8 } from './form-control-text2.js';
+import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$6 } from './additional-questions.js';
+import { d as defineCustomElement$5 } from './business-core-info.js';
+import { d as defineCustomElement$4 } from './business-representative.js';
 import { d as defineCustomElement$3 } from './identity-address-form.js';
 import { d as defineCustomElement$2 } from './legal-address-form.js';
 
-const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
-create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaCAN().fields), { legal_address: addressSchemaCAN(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaCAN('representative') }));
-// For backward compatibility, default to USA
-const businessFormSchema = businessFormSchemaUSA;
+const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
@@ -57,13 +53,11 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.errorEvent = createEvent(this, "error-event", 7);
         this.isLoading = false;
         this.isSaving = false;
-        this.country = CountryCode.USA;
         this.hideErrors = false;
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
-            this.country = business.country_of_establishment;
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
@@ -154,7 +148,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (this.isLoading) {
             return h(StyledHost, null, h(BusinessFormLoading, null));
         }
-        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 }, [257, "justifi-business-form", {
         "authToken": [1, "auth-token"],
@@ -164,14 +158,13 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         "removeTitle": [4, "remove-title"],
         "isLoading": [32],
         "isSaving": [32],
-        "errorMessage": [32],
-        "country": [32]
+        "errorMessage": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
@@ -179,61 +172,56 @@ function defineCustomElement$1() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "form-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-date":
+        case "form-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-additional-questions":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-business-core-info":
+        case "justifi-additional-questions":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-business-representative":
+        case "justifi-business-core-info":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-form-address-fields":
+        case "justifi-business-representative":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '7c146b9ccaf8c4c37adde6c8af054dc4796d78bd' }, h(Button, { key: '879d05664b808abcbc32a38bc98fcd673dba0dea', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -1,21 +1,22 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { a2 as checkoutSummary } from './parts.js';
+import { a3 as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import { d as defineCustomElement$6 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$q } from './custom-popper2.js';
-import { d as defineCustomElement$p } from './form-control-checkbox2.js';
-import { d as defineCustomElement$o } from './form-control-help-text2.js';
-import { d as defineCustomElement$n } from './form-control-radio2.js';
-import { d as defineCustomElement$m } from './form-control-select2.js';
-import { d as defineCustomElement$l } from './form-control-text2.js';
-import { d as defineCustomElement$k } from './form-control-tooltip2.js';
-import { d as defineCustomElement$j } from './hidden-input2.js';
-import { d as defineCustomElement$i } from './iframe-input2.js';
+import { d as defineCustomElement$r } from './custom-popper2.js';
+import { d as defineCustomElement$q } from './form-control-checkbox2.js';
+import { d as defineCustomElement$p } from './form-control-help-text2.js';
+import { d as defineCustomElement$o } from './form-control-radio2.js';
+import { d as defineCustomElement$n } from './form-control-select2.js';
+import { d as defineCustomElement$m } from './form-control-text2.js';
+import { d as defineCustomElement$l } from './form-control-tooltip2.js';
+import { d as defineCustomElement$k } from './hidden-input2.js';
+import { d as defineCustomElement$j } from './iframe-input2.js';
+import { d as defineCustomElement$i } from './apple-pay.js';
 import { d as defineCustomElement$h } from './bank-account-billing-form-simple.js';
 import { d as defineCustomElement$g } from './bank-account.js';
 import { d as defineCustomElement$f } from './billing-form.js';
@@ -109,9 +110,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
+        return (h(StyledHost, { key: '0d0a0eb14ce4f41683a13da63045c0f9cdadaf9c' }, h("justifi-modular-checkout", { key: 'c1bdc5df815a0644ed9c2c1f993fbce3317c89ed', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '2491242f0619ea24fbd0e50fbdda4cc2bad9915f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'a965de56c5190e62bbad82116874c78c57f9d9c6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'ad29fd4619a5bf9e38cbca2e24f8c6818419c022', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4b1691f7f54a8e83f649a3d1346ec5e0f4ebb588' }, h("justifi-checkout-summary", { key: '8ea50acbcd67ea9f26dbdf74f3a0a30062926364' }))), h("div", { key: 'b024b6c6debc74443abca6b7776c29ce0253da34', class: "col-12 mt-4" }, h("slot", { key: '00b9e18b4fb5278085a3752cdd009d29b0a97a04', name: "insurance" })), h("div", { key: '7dac621b116926cbd860ca975aa642bc207fc62e', class: "col-12 mt-4" }, h("justifi-header", { key: '228d89e8fc31e9e0d6e67907b45f74b8af601e30', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '6cc7b7a742f679029f40d8c64c9d59004604f67b', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd5ca29544817acbd96c6cff74de27ed13b9ac42f', class: "d-flex flex-column" }, h("section", { key: 'd149835076b70d73c61cfa6e219ac613cf93e817' }, h("div", { key: 'c4562096a2bbd0bacb907c1bbb5cf741d5c77cb3' }, h("justifi-saved-payment-methods", { key: '077666867b456945c6da965a2ebebfd2faaa66b9' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'bcf02b77573ff17e37b5b61793bd26351979b088', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '496cf7bd1c93724a5608bc3dba4756ae8dc605a6', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'eeb4dd27a8f448cc69e85bce8a4412306dbf0af2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'ad13982f1c15dd574e915e8a3a1adac55b21c188', class: "mt-4" }, h("justifi-button", { key: '0a0ffc091fbe77e9221114643d5e17e891977594', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: 'c2b1585130865059c416950d203e4bc6de14d7bb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '1f7e5140220fa4e47167ad94fc73ec6f097b8c38', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a9c940a936f3db6425ac8402910163696f57d70a', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'fd46c93c9f17cac96a40b24e2abfdd9d63e5dd3a' }, h("justifi-checkout-summary", { key: '4cbdfebd16b6ce411fd2ff8e9b82c141898d9aae' }))), h("div", { key: '43d2188813a694719154b80a7e7a8fcf7a09a672', class: "col-12 mt-4" }, h("slot", { key: '29b07bb448b85bb15a38b961afb2c5bb22d4be73', name: "insurance" })), h("div", { key: '46b213c8ebdb4b0d5e64a8fcd84a1d5fe95c7315', class: "col-12 mt-4" }, h("justifi-header", { key: 'e88f4f3092521158a2f16f4158ec681af39c739f', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1b610381d0e4e14811be8d3f6edd979936e6f07f', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '0da7399801ecdebd77f516fc60d68c7c84b8be0c', class: "d-flex flex-column" }, h("section", { key: 'd2cebab6a6a34cffca18e4720b18e177d4c5930c' }, h("div", { key: 'be648fcfc8ab083d81054ec291a524f501764eaa' }, h("justifi-saved-payment-methods", { key: 'b54b3e367e91d6bfb3a46cab928aeb85d059696f' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '96f6ab9bda4f61c053d09c67fbc007ff8ecbaa46', class: "mb-3" }, h("justifi-apple-pay", { key: '91699bd30da48629cda982ab933f4c381259a13a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'ec38314be2801ada679b55df9e490bf89aa3fce7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '582830c28451e28433d7de007db2541d333ad5f0', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '7b065ec87f539d97c2977905c8afc759fd1f4a4e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '5370b456cbf1ce93a241f3dfff980cefe668652a', class: "mt-4" }, h("justifi-button", { key: '7bbb85faf30a34650fa252d7d1d80d332a803bcd', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -149,7 +150,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
+    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-apple-pay", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -158,45 +159,50 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }

package/dist/module/justifi-checkouts-list-filters.js

@@ -5,7 +5,7 @@ import { I as ICheckoutStatus, d as ICheckoutPaymentModeParam } from './Refund.j
 import './Pagination.js';
 import './Business.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { a3 as checkoutsListFilterMenu, a4 as statusCheckoutsListFilterParam, a5 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { a4 as checkoutsListFilterMenu, a5 as statusCheckoutsListFilterParam, a6 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -55,7 +55,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '6dbdb00f79ef53a27be368d8fe4cbe2f16f2dd4f' }, h("table-filters-menu", { key: 'de5804ab5f58f460dbff9a271ef54c2ad36189b2', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '3cf13c643c5bdddf18228b3e1a5c3bb1fa8888d1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '18b4c17805ab037e9cedc0deb64728d5b0678a4d', class: "p-2" }, h("form-control-select", { key: '07fc0b1645bfca511e08fc6e1752405c7c07a33c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '49ae4add03dc26083430ebc17b5e382a63b820b4', class: "p-2" }, h("form-control-select", { key: 'a5479b1e04a0d393ea9007e032453f05efaf2e68', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '39b7e8cae3782643fc447fb66211f165021e39f8' }, h("table-filters-menu", { key: 'ec4668c59ba4d056b472e5d30f4e526fdb065935', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'b422804789a74a8063f77f307b8d477bd1ac98c0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0125c273dd3bf11c3e50a4a470ddf9839d5efd2', class: "p-2" }, h("form-control-select", { key: '8d28305771dd12aa90784c3ce7a96de521b19a36', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5980940381f9651936002a7cf563a373ab6db20a', class: "p-2" }, h("form-control-select", { key: 'f08541d0afbc4f808c5245e167190f2073cec49c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

package/dist/module/justifi-checkouts-list.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { i as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { j as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -103,7 +103,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e4cb557d2c2a552f8491c9360ae937d8403e7355' }, h("checkouts-list-core", { key: 'cd12ed4b958bac696e3801951110d2d227dbfb16', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1521139ac1c2f30516e70e5426a92b2bf615ae9a' }, h("checkouts-list-core", { key: '4c9166e7a2c6adc57f96aee67ba580e5b3e80620', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -96,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '3e27df0e4efcad1b359a1daf1f32d8fe9dbc74f0', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'f1bd67d5ad60de2ad584c8440cc71c3ad6453429', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'e1d39365c2ff2c291a42b53d6bcbe1d97d602778' }, h(HeaderComponent, { key: '0b8c8c3a42ff2151e3b293cafeeaeda72e94d767', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -1,13 +1,13 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { Y as heading4, $ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
+import { Y as heading4, $ as heading5, a1 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { o as TerminalModel, C as ComponentErrorSeverity, n as TerminalOrder, e as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
+import { p as TerminalModel, C as ComponentErrorSeverity, o as TerminalOrder, f as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
 import { B as BusinessService } from './business.service.js';
-import { b as Business } from './Business.js';
+import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
 import './config-state.js';
@@ -15,7 +15,7 @@ import './dinero.js';
 import './Pagination.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
-import { n as formatPhoneNumber } from './utils2.js';
+import { o as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';
@@ -205,7 +205,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '41e37a4d39c62a70af04300f4075e3504ad0bfb7' }, h("div", { key: 'b3c3ccac39a5b7a6c70af5fd328291454ddf10e0', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '5e7da5050d127f6470bc12f9cf547fe421ce1897' }, h("div", { key: '6a1f46676ef1f31f6cfeb642001a0dd3f8a60072', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-details.js

@@ -15,12 +15,19 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.recordClickEvent = createEvent(this, "record-click-event", 7);
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
+        this.handleRecordClickEvent = (event) => {
+            this.recordClickEvent.emit({
+                id: event.detail.id,
+                type: event.detail.type,
+            });
+        };
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -56,7 +63,7 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         if (this.errorMessage) {
             return ErrorState(this.errorMessage);
         }
-        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
+        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent, "onRecord-click-event": this.handleRecordClickEvent, "enable-record-click": "true" }));
     }
     static get watchers() { return {
         "paymentId": ["propChanged"],