@justifi/webcomponents 6.1.0-rc.3 → 6.1.0

package/dist/module/business-representative-form-step-core.js

@@ -1,17 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { R as Representative } from './Business.js';
 import { F as FormController } from './form.js';
-import { i as identitySchemaByCountry } from './business-identity-schema.js';
+import { i as identitySchema } from './business-identity-schema.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$9 } from './custom-popper2.js';
-import { d as defineCustomElement$8 } from './form-control-date2.js';
-import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$6 } from './form-control-select2.js';
-import { d as defineCustomElement$5 } from './form-control-text2.js';
-import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$3 } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$2 } from './form-address-fields.js';
+import { d as defineCustomElement$8 } from './custom-popper2.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
+import { d as defineCustomElement$6 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.js';
+import { d as defineCustomElement$4 } from './form-control-text2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$2 } from './business-representative-form-inputs.js';
 import { d as defineCustomElement$1 } from './identity-address-form.js';
 
 const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentativeFormStepCore extends HTMLElement {
@@ -27,14 +26,11 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         this.representative = {};
         this.isLoading = false;
         this.getData = () => {
-            if (!this.getBusiness)
-                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     this.representative = new Representative(response.data.representative || {});
-                    this.representative.address.country = this.country;
                     this.formController.setInitialValues(Object.assign({}, this.representative));
                 },
                 onError: ({ error, code, severity }) => {
@@ -82,9 +78,8 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         return { representative: formValues };
     }
     componentWillLoad() {
-        const schemaFactory = identitySchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory('representative', this.allowOptionalFields));
-        this.getData();
+        this.getBusiness && this.getData();
+        this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -95,13 +90,12 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         if (this.isLoading) {
             return (h(PaymentProvisioningLoading, null));
         }
-        return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
+        return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 }, [256, "justifi-business-representative-form-step-core", {
         "getBusiness": [16],
         "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
         "formController": [32],
         "errors": [32],
         "representative": [32],
@@ -112,7 +106,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-form-address-fields", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
@@ -120,41 +114,36 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-form-address-fields":
+        case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/business-representative-form-step.js

@@ -2,15 +2,14 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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$a } from './custom-popper2.js';
-import { d as defineCustomElement$9 } from './form-control-date2.js';
-import { d as defineCustomElement$8 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$7 } from './form-control-select2.js';
-import { d as defineCustomElement$6 } from './form-control-text2.js';
-import { d as defineCustomElement$5 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$4 } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$3 } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$2 } from './form-address-fields.js';
+import { d as defineCustomElement$9 } from './custom-popper2.js';
+import { d as defineCustomElement$8 } from './form-control-date2.js';
+import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$6 } from './form-control-select2.js';
+import { d as defineCustomElement$5 } from './form-control-text2.js';
+import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$3 } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$2 } from './business-representative-form-step-core.js';
 import { d as defineCustomElement$1 } from './identity-address-form.js';
 
 const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentativeFormStep extends HTMLElement {
@@ -52,7 +51,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '93ebeaecfc5eecc8a4c74cbc30760d35d8120183', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -62,7 +61,6 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
         "getBusiness": [32],
         "patchBusiness": [32],
         "validateAndSubmit": [64]
@@ -74,7 +72,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step-core", "justifi-form-address-fields", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step-core", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
@@ -82,46 +80,41 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-business-representative-form-step-core":
+        case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-form-address-fields":
+        case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/business-representative.js

@@ -1,15 +1,13 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
-import { d as deconstructDate } from './Business.js';
-import { h as heading2, l as label, c as inputDisabled, X as buttonSecondary } from './parts.js';
-import { c as countryLabels } from './country-config.js';
-import { d as defineCustomElement$8 } from './custom-popper2.js';
-import { d as defineCustomElement$7 } from './form-control-date2.js';
-import { d as defineCustomElement$6 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$5 } from './form-control-select2.js';
-import { d as defineCustomElement$4 } from './form-control-text2.js';
-import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$2 } from './form-address-fields.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
+import { d as deconstructDate } from './helpers.js';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-date2.js';
+import { d as defineCustomElement$5 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$1 } from './identity-address-form.js';
 
 const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentative extends HTMLElement {
@@ -20,7 +18,6 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
         }
         this.errors = {};
         this.representative = {};
-        this.isEditingIdentification = false;
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
         };
@@ -33,36 +30,26 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
         };
     }
     get identificationNumberLabel() {
-        var _a;
-        const label = countryLabels[this.country].idNumberLabel;
-        const labelOptional = countryLabels[this.country].idNumberLabelOptional;
-        return ((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) ? labelOptional : label;
+        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
         this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
     }
     render() {
-        var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '1ce133c6cf1804607b661953bb9d952e6dfdede7' }, h("fieldset", { key: '759e0e7adc03c8814e09effd245e7c25f9fcf536' }, h("legend", { key: '625eb15226d9318075c57c7e13d6b8a04686f00f', part: heading2 }, "Representative"), h("div", { key: '8b11c10cd073c3ffcb7c52f97c463b91a5609afa', class: "row gy-3" }, h("div", { key: '35b0b9a741ee46dfc049ea5914dfa672e4bd64f3', class: "col-12 col-md-8" }, h("form-control-text", { key: '577cb8c5911c5a8364de282ca04e75b045d6de36', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3ebaa46f7045f1db417285fe3ef9c19310dbe0c6', class: "col-12 col-md-4" }, h("form-control-text", { key: '69eb59adf3da1d3d48b1d395badd4c76ac0d8383', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd9ee1e3a4919e5d714f34ff1417677a48101166f', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc6c0e28dc815985be5309de33957fcd37f53b29', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd40a0a637c921ca6e8fa4aa347369c029c4569cb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce15cd57570e34d14bc596c1b5f7e49d3f33ea36', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '1504ac209231141b564412af3719b2ab6d84e553', class: "col-12 col-md-4" }, h("form-control-date", { key: '8fe92ed396ab947f439a04e2b67787725b393dcb', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'd8ee89f3f4124ebb222d99a9337db4be7ab7df61', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear last4 and current value to force validation
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: '54548bf9622fcc949ebd91db29cc8b877dd7652d', class: "col-12" }, h("justifi-identity-address-form", { key: '9925b7d70bceb8e3d1dafc9313673a5c8a0810a0', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+        return (h(Host, { key: '88bd35928331776d5cbb7d085fd55a76fde1a084' }, h("fieldset", { key: '202c40f332352c2f4d3c8a136888c39c67379e5f' }, h("legend", { key: 'a0b5043b348b1d8632a6bf0fe2d4309a8132d1f7', part: heading2 }, "Representative"), h("div", { key: 'ba50c004e2b37f384dd8af63b1e0e397abadb9de', class: "row gy-3" }, h("div", { key: 'b85bf5fb0da9e8feae19dbebb0a911362e914601', class: "col-12 col-md-8" }, h("form-control-text", { key: '95f849c7c0ba0c67bdc0a55727e00755e03897ef', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '074067a3ce960b678ea38d53b84adda24e60754c', class: "col-12 col-md-4" }, h("form-control-text", { key: '7ef397af32b7c0f79eeae1499bf3d3d147961c96', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a26bfd8a0824aaa12c6ffa48ac58c2bccc7236ef', class: "col-12 col-md-6" }, h("form-control-text", { key: '39174c4b812462d1aa28824bca550e3f6e1d98b4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'ed0a2c52e4df0c43b2536dfd1ff3692a4e5716d9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '07bdcc1dd2e1473b64218eb28c8cdcf1cdce2a91', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '96092fd371ec82a8f8ebbf8bc4e3064768d4ad97', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c24980f126c056aff139e897fdef9795905ea89b', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '9d1695fa6e68bb4ae9a8184dcb5e15d588474ab8', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '8d8a56c08fb06f1a54baf3ee3d6e31a684205290', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '22fa5e16517e14ab031aa5e7e95ea77bd7b28986', class: "col-12" }, h("justifi-identity-address-form", { key: '4a990de739a0ae6fbf1f6a621ff7c0078517e970', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [256, "justifi-business-representative", {
-        "formController": [8, "form-controller"],
-        "country": [1],
+        "formController": [16],
         "errors": [32],
-        "representative": [32],
-        "isEditingIdentification": [32]
+        "representative": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative":
             if (!customElements.get(tagName)) {
@@ -70,36 +57,31 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/business-terms-conditions-form-step.js

@@ -131,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '6fbccc271d16cbb87d8845b06b58fd461e18f770' }, h("fieldset", { key: 'ce5240753aefdb4aa92aa3ba5af4741466702ae6' }, h("legend", { key: '01a3a99f6d9dfe45ae12eb2a603ebc70a25747be', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'b0209b2df034353f663cf4dde25fee51e2906dc4' }), h("div", { key: '1ed270526bc1f6d24d81c485ea6e9459607bac3e' }, h("p", { key: '8c98f939d4db12cad7169debc71fd0ad652cc724' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '021ffcc28e65e59d8fb81a8a2507cac1ce0d448f' }), h("div", { key: 'e6181b2a5ad6b01be123962bf17282cb1f97fd30', class: "row-gy-3" }, h("div", { key: '82acd8dcfed625e051b93bb8845fb9d11b5e26ce', class: "col-12" }, h("form-control-checkbox", { key: 'c246a348366354dce60ec4dc00e3a4791281a584', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [256, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { X as buttonSecondary, a0 as buttonPrimary, a1 as buttonLoading } from './parts.js';
+import { a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 

package/dist/module/cancellation-policy.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3f3b10445d89df70c60c4dff0719dbb32880aaf0' }, h("div", { key: 'adc8e2d164a5fa0a4452c11c91aabc2681af5987', class: "row gy-3" }, h("div", { key: '0930cce7f709ebc178e353da02b9a04248df2aed', class: "col-12" }, h("h2", { key: 'cdb9ace025d5fe91bedf866c23156af7959280d1', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '980e35073d775f422c981298b4b937f14dd52974', class: "col-12" }, h("form-control-textarea", { key: 'f56144d1ed0625aa03f393d02589b3b6580424ac', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b94141788ce77f8132ed2c6c7477e49bdfb56731', class: "col-12" }, h("form-control-textarea", { key: 'dc9d14b12a0e7eb2c7332d0610191eda46ed45bc', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'a1dae824aa1a23844b028036d1dba093cde3b015', class: "col-12" }, h("form-control-file-v2", { key: 'ce7896b8ba5d9e3070c53a8eb75a2b6b216f2f2b', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'f3be140160f96c20a65cfe0eb0f32b0a36d6328d' }, h("div", { key: '72c6936c3b99f55493c0019a0ade1ab85dc6245e', class: "row gy-3" }, h("div", { key: 'dc369f250820762b0d2f70b776b12b4736dacf7d', class: "col-12" }, h("h2", { key: '1b657416345e0ffb7e1181e40f913919e50a514b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'af2320dcc457a9b58bf50398dadedfedb8b65e04', class: "col-12" }, h("form-control-textarea", { key: '6366a3fb241515461a17102450db84e56c6d23ad', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0129cd6a72201be98e4654e232314262c81a0a3b', class: "col-12" }, h("form-control-textarea", { key: 'f2b4d61af6aaa2e13f19e412b8bfdf369ff33876', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '18c38013f5ffaa3145d6e11b6cee27a77fb922aa', class: "col-12" }, h("form-control-file-v2", { key: 'b8412565744676cb05a8d59df609da8a1b183f77', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-billing-form-simple.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { p as postalOnlySchema } from './billing-form-schema.js';
-import { V as billingForm } from './parts.js';
+import { W as billingForm } from './parts.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { F as FormController } from './form.js';
 import { S as StyledHost } from './styled-host.js';
@@ -45,7 +45,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '69aa44d031f1841d4b59974fa49371636eed6c31' }, h("div", { key: '2095e0159089400d141f4486ad4e3019a684ff2e', part: billingForm }, h("form", { key: 'ae6fb56fabb52b9f2b3e63a5507bba26e75e9029' }, h("fieldset", { key: '4a6232a78f884dbfae0363b445ed067e15a9aacd' }, this.legend && (h("legend", { key: '68539c45a73cad427847374267a8aff03d1e1227' }, this.legend)), h("div", { key: 'e469f109f2d3c5f780a6218269b698dcf956ef64', class: "row gy-3" }, h("div", { key: 'ee0614721f191a4b4bd8842de7fc2d8586b1ac26', class: "col-12" }, h("form-control-text", { key: '954516264218d359d2299e6680643da1d1c8e1fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: '26fd30b96e63f0adac380f70fae5cb4b80d9b36f' }, h("div", { key: '79558919d544889647d034bdc415f9b404d4a058', part: billingForm }, h("form", { key: '21b722098010050f4a22b1e3cc995090c50a9f74' }, h("fieldset", { key: 'f371a839f16363d8242a38469c78eba1759e46a7' }, this.legend && (h("legend", { key: '45b9d4d5b0dd502f5ebca9c357cdf6b75a16f9e1' }, this.legend)), h("div", { key: 'ae1c10a2bae0061dd2aa0645e7d1f8c8ed899444', class: "row gy-3" }, h("div", { key: 'cd99d74f2803336bd0b25c7a962ef95fa66079ba', class: "col-12" }, h("form-control-text", { key: '6ac34b703ae83a9e6c4c86b3c239795c5a7d0d57', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/card-form.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
-import { j as generateTabId } from './utils2.js';
+import { k as generateTabId } from './utils2.js';
 import { d as defineCustomElement$2 } from './iframe-input2.js';
 
 const CardFormSkeleton = (props) => {
@@ -51,10 +51,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'a2e24bea5b9452109cc2e8bace48715d4891a8fd' }, h(CardFormSkeleton, { key: '72eaccbcbc44276f717796a6d43a7237ea9aa53c', isReady: this.isReady }), h("div", { key: 'ecaf4c87c39ef1613962a2ede31401f1ebc83510', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '038d2c8e2f9fcd1015d7177c79afa8c4e5810486' }, h(CardFormSkeleton, { key: 'b231bb34f43670bb1d92597d2ab37a5ef2c742e1', isReady: this.isReady }), h("div", { key: 'ede0af7f1964c2241982bfed4ca71f229d9096a1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'f2d7aa181c3fab31a660fb61cd05086a801f2ae3', class: "mb-3" }, h("iframe-input", { key: '146fd7622be45cd3d672449021bb2e5cae863c14', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'cbbf5b2e280fa0974c1416c3291ad69be778dad0', class: "d-flex align-items-start" }, h("div", { key: 'b624938df43a99cc8bdfee12ad375c2f794eb716', class: "flex-fill me-3" }, h("iframe-input", { key: '73324463e7f4e383db349d500104ea566b1302c5', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '00a3e4c7cf98b02c8dc915e4d62efde12caea4b4', class: "flex-fill me-3" }, h("iframe-input", { key: 'd6546cabba6d82560e51e8a0d66b0078eaeded74', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1489393a907289649b9e20597012dc57d865dc59', class: "flex-fill" }, h("iframe-input", { key: 'd5ecc403c460aa9c3757c48970b4e83edb805796', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '7c895da0378cc512b152a6629160009b12fa47aa', class: "mb-3" }, h("iframe-input", { key: '7717e0cf984a83402c61bceece2077cda780510f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'b28428997690059244e4da2cd5080af2fb44ca00', class: "d-flex align-items-start" }, h("div", { key: 'e2f11a9293e00ab5b950de51a41b3af266b8084a', class: "flex-fill me-3" }, h("iframe-input", { key: '16d798effe3e29a06d5714b742749a1ce9b40760', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'e75c69175bd23bc96192d17a4561a0118f640ebe', class: "flex-fill me-3" }, h("iframe-input", { key: '04d1c4fb7693e42a18984d9c102a5d799e7c1c3f', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'a2130dcbe8e72f156bc0434d47a26a8e287b1fce', class: "flex-fill" }, h("iframe-input", { key: '4709dcb93de9543be9a5143df0bdeaf66935bde3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [256, "card-form", {
         "isReady": [32],

package/dist/module/card-form2.js

@@ -62,10 +62,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '64d9bda2ce54aa06788509ae294bcb1eefdb173a' }, h(CardFormSkeleton, { key: 'a1f233464393512652fc37a31b769bb9f48f3797', isReady: this.isReady }), h("hidden-input", { key: '4405ec6e9a510f670a137d33c83a5ad38a19a0aa' }), h("div", { key: 'e704d33d8b3cbcd55798afb537b2b16d37d0077d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'c519dafa0657af1372836a2a30301849f2e422b3', class: "mb-3" }, h("iframe-input", { key: '6c6a0154ed62e0e684784ff0f327e3bc282da10c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '7efcb6e9fed504ea8f0470f55b8c48b7d82b537b', class: "row" }, h("div", { key: 'e216e57f82d04325cedeca9f3945285ab8675c7d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c3ffef01705152180c66adaf482e67a1d2f114e9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '97666cb9d9e4b272c033913527c4b6a60b6067c5', class: "col-4 align-content-end" }, h("iframe-input", { key: '4d2f7f56f2a0d5717776c6ef164eef5f7dbc4d8d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'ecc6fff75106b265a7cb00febef40a7b14651a0a', class: "col-4 align-content-end" }, h("iframe-input", { key: '9a756344f1d47f69c0702b57d15d66a658b57e3d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.store.js

@@ -8,6 +8,7 @@ const initialState = {
         address_postal_code: '',
     },
     bnplEnabled: false,
+    applePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -62,6 +63,9 @@ function getAvailablePaymentMethodTypes() {
     if (checkoutStore.bnplEnabled) {
         methods.push(PAYMENT_METHODS.SEZZLE);
     }
+    if (checkoutStore.applePayEnabled) {
+        methods.push(PAYMENT_METHODS.APPLE_PAY);
+    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

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

@@ -10,7 +10,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as formatDate, d as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -178,7 +178,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '9d3a3574320cbb521457bb130ff5bfe9eca0ad71' }, h(TableComponent, { key: 'c52b7ed59ea7c68607506751754a4f5bbc46f394' }, h(TableHead, { key: '24d2ee3ae48ed8687e43ee209a0260d2969a2b96' }, h(TableHeadRow, { key: 'dcaf7c316283c7fac6bd8be6e119c965eb91590f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '57cf5bf625cf994aa0abb5e5d71dad0ffe2eb049' }, h(TableLoadingState, { key: '4a33477c76c38205d907d38d122f03339a57a65c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e48a334af552ef4e747f069a88d4aa1638d09b0d', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'dd2892c5e9bdfa46e4faf465a6e9411890461ea5', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '17b824a591a68fe3ecf8c4b15d3404d27378d25f' }, h(TableFootRow, { key: '425c02a9cc4992896847d4b7cc114f55e165687b' }, h(TableFootCell, { key: '78bcf9f3dae3c166a57ebd4bc39453d0f8f29d6b', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '4ea9982a48440c1fa4ef7f4919e24c06a783d707', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a39afbb74067a8ce3b4958f8509c6432d2e9acd4' }, h(TableComponent, { key: '912298a9c2b9f701b939bc224ff73d74c5451d55' }, h(TableHead, { key: 'dc14d0c44f7521360ccd76129c472825ded515cb' }, h(TableHeadRow, { key: '2dd9d8f52b56ce9e2fc1d4b50fa37143ee33e6cf' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '41f0ccf7b211593bb5a4396a5c6f5b1d6c5c7bc3' }, h(TableLoadingState, { key: 'e80fb55f7e4ae660a97c37fe710a17190164d132', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd1f4f3204d6ee3baa4d826b0081196716e4b5dd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'cb54166a78e4ee8ea25f1905893763cdd8d3dd92', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'bf8bfd7790f5bfbcb43d1d656fcdcc5a5776df98' }, h(TableFootRow, { key: 'fb86e28f22e368cc78d55e165ced57b2a2076dca' }, h(TableFootCell, { key: 'c5e1254f49c06c4129565422cb68ab956f420f74', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '14ec42d778e22b4c8796a1895e3f7f90732da45b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1875,7 +1875,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8f01710b6c352f39b35c5814cd6a876ab7e088c5' }, h("style", { key: 'e1885fe648eda95a8efa50a8f6cd46a09f59cc61' }, `
+        return (h("div", { key: '1cffb3170b4f1335737dcbb025250d69c20a94b0' }, h("style", { key: '9e325676460e77d3c887934f2f9c685690731eb5' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'b2d5d36d62207fceda79ad2d1d0d0680bee6a366', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '406218fe16ad4b65e3e80ca467c3c49a462dee18' }))));
+          `), h("div", { key: '4a519440ce0d71a71b99d64bae64be06d2ab9c2f', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '99aab485a231bd1f51ef0b5465e9e00e7c8178a6' }))));
     }
 }, [260, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '43f1c26c5415eac4654f0f5947ac0addcaf3b34c' }, h("div", { key: '8fee41ca6d0f88ed26d4daec0c09a8902ef455a3', class: "row gy-3" }, h("div", { key: '62812f9023a6e414d8fdcca9b3bcb82abb05dbd2', class: "col-12" }, h("h2", { key: '969514698a6e6c67018aeb651c0a3afb4c1e5811', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'a7c1780fb747a67e9a2ebbdd3cebca8f046807ce', class: "col-12" }, h("form-control-text", { key: '3e1618fce6c07ea5aa4282992defcd66e8caf3b4', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'e1a599c3b8561625010d237949d23888873e5646', class: "col-12" }, h("form-control-text", { key: '9b829f4326c2d5adc60df203ce2a06cb4f563a9b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'a21a0dc6c46257939ac638367428f04e93f51a8b', class: "col-12" }, h("form-control-textarea", { key: 'a9adb60757f60573514d0eddbc8ceb42d5da1c7b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '9f31a99f7583c289106715ba13bce24c38d19298', class: "col-12" }, h("form-control-file-v2", { key: '316714c50d1e3376196bf3d48a58623a68b11f03', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '2264dcb54d957d878b491a94741163fd03234db8', class: "col-12" }, h("form-control-file-v2", { key: '35d451de15d7003f236bae02fe6a216c6aa7bfce', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '0712f857726a187d96acf7661994f262322660e8' }, h("div", { key: 'd162d3d251a64fb260f052daa18ad5aaefc947ef', class: "row gy-3" }, h("div", { key: 'b1e10245c1a1a55e67274144927398ca6d628794', class: "col-12" }, h("h2", { key: '3166f6d2419436011ac8adaf7188c10630ab237e', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '11ada832a6170259f355d1133a5c78bacdd4a5be', class: "col-12" }, h("form-control-text", { key: '0a69c2607434e17ae92a7c542e7245a59d95b638', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '8d2a4b3fa5a84088b5178d1c1a06df51c5b219cf', class: "col-12" }, h("form-control-text", { key: '74f2eec855986ac45e4687487fc7e4b261626d10', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '5a8a8b151e1d695d5b6944b4fe98d61b1c5d36d2', class: "col-12" }, h("form-control-textarea", { key: 'ef6bf00d9e8c7f58f2d54ef314f3ab0eec3080f8', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'b1fcb7ba8bfd16258e1e0f15356735332803243c', class: "col-12" }, h("form-control-file-v2", { key: 'eea96693591cf044a825db953f50ac42e1e7165c', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'd7ec90bb479ad9dc06a7811065b532f10af0d838', class: "col-12" }, h("form-control-file-v2", { key: 'bf4a80a05d7dd6e58086b0fe5acc6f65cd697a38', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/details.js

@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

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

@@ -70,7 +70,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: 'ea3db874b6fdfab4ed007d116dc2b7a549ad8671' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '7e16a29a9b82c993c35c075c857838b1ba9469ea' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]