@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-03

package/dist/module/billing-form.js

@@ -1,55 +1,17 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as create$3, F as FormController } from './form.js';
-import { c as postalValidation, d as stateValidation, e as cityValidation, l as lineTwoValidation, f as lineOneValidation, i as identityNameValidation } from './schema-validations.js';
 import { V as billingForm } from './parts.js';
-import { H as Header3 } from './header-3.js';
-import './details.js';
-import './event-types.js';
-import { d as defineCustomElement$6 } from './custom-popper2.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 './billing-information-form.js';
+import { d as defineCustomElement$7 } from './custom-popper2.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 './billing-information-form.js';
+import { d as defineCustomElement$2 } from './justifi-header2.js';
 import { d as defineCustomElement$1 } from './postal-code-form.js';
 
-const billingFormSchema = (postalOnly) => {
-    const fullBillingForm = create$3({
-        name: identityNameValidation.required('Enter full name'),
-        address_line1: lineOneValidation.required('Enter street address'),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.required('Enter city'),
-        address_state: stateValidation.required('Select state'),
-        address_postal_code: postalValidation.required('Enter postal code'),
-    });
-    const postalForm = create$3({
-        name: identityNameValidation.nullable(),
-        address_line1: lineOneValidation.nullable(),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.nullable(),
-        address_state: stateValidation.nullable(),
-        address_postal_code: postalValidation.required('Enter postal code'),
-    });
-    return postalOnly ? postalForm : fullBillingForm;
-};
-
 const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        const postalOnly = this.isPostalOnlyMode;
-        this.formController = new FormController(billingFormSchema(postalOnly));
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
     }
     get isPostalOnlyMode() {
         return this.paymentMethodType === 'card' && this.hideCardBillingForm;
@@ -58,28 +20,24 @@ const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends H
         return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
     }
     async getValues() {
-        return this.formController.values.getValue();
+        return this.formRef.getValues();
     }
     async fill(fields) {
-        this.formController.setInitialValues(fields);
+        return this.formRef.fill(fields);
     }
     async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
+        const { isValid, errors } = await this.formRef.validate();
         return { isValid, errors };
     }
     render() {
         const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
-        return (h("div", { key: '91beaa8646dd35b12e4ef90ce4cdcb73f1a441b2', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: 'ca3c1fbba66828371c2172e0d6c6607b36836b00', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && h("legend", { key: '50f2c5e1f7a7b4f14841a91afb7ad7be79e0f89d' }, this.legend), this.isPostalOnlyMode ? (h("justifi-postal-code-form", null)) : (h("justifi-billing-information-form", null))));
+        return (h("div", { key: 'b1d80f02eee8bdc4fe4b9bfd7e9fb86d89af53b3', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h("justifi-header", { key: 'f3d7d02561a3de2c777b869a8b874fe0e03d1924', text: "Billing address", level: "h3", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && h("legend", { key: '9218d5b52eed27d86970e745cbbd9d02c6df513b' }, this.legend), this.isPostalOnlyMode ? (h("justifi-postal-code-form", { ref: (el) => this.formRef = el })) : (h("justifi-billing-information-form", { ref: (el) => this.formRef = el }))));
     }
 }, [0, "justifi-billing-form", {
         "legend": [1025],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "paymentMethodType": [1, "payment-method-type"],
-        "formController": [32],
-        "billingInfo": [32],
-        "errors": [32],
         "getValues": [64],
         "fill": [64],
         "validate": [64]
@@ -88,7 +46,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-billing-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-billing-information-form", "justifi-postal-code-form"];
+    const components = ["justifi-billing-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-billing-information-form", "justifi-header", "justifi-postal-code-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
@@ -97,25 +55,30 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "justifi-billing-information-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/billing-information-form.js

@@ -7,6 +7,7 @@ import { F as FormController } from './form.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { o as onChange } from './checkout.store.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
@@ -41,21 +42,27 @@ const BillingInformationForm = /*@__PURE__*/ proxyCustomElement(class BillingInf
             this.errors = Object.assign({}, errors);
         });
     }
+    async fill(values) {
+        this.formController.setInitialValues(values);
+        return this.formController.values.getValue();
+    }
     async getValues() {
         return this.formController.values.getValue();
     }
     async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '7111e5b5bb74bf5af175910094a75eccaff6f1c1' }, h("div", { key: '2ab9f375ca4d7b911f121a54eacbf1db58922fbf', part: billingForm }, h("form", { key: '85a3c97691dcbf47c626e879639b56abeae4b2b2' }, h("fieldset", { key: '8fbc358d9e9341f909484e1854f61fcfd1eb1fb7' }, h("div", { key: 'f829796613bf471ad10e9b56c925c279b89d1285', class: "row gy-3" }, h("div", { key: 'fb4db86dffdef38fdbdce46ff616ca04ae76e2d3', class: "col-12" }, h("form-control-text", { key: '8fbb9905623d60a3927e12b378643ba114444317', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'ad970e98848b37a7fbf38426816934d6d07f3f0c', class: "col-12" }, h("form-control-text", { key: '6e760651837835e11302b8c67a2df8fca1e8ed7e', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'e0e5e930cbe8d1004c9c042d11808cdfe249ec63', class: "col-12" }, h("form-control-text", { key: '804eddc192b2986da21e408c6ec4b0e5776cdc97', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '816709631875826395d2299c550aab269ebcc978', class: "col-12" }, h("form-control-text", { key: '51f9d36ac48eb9fd96e1174464c8626a5186f8fa', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd6a218546863ca966ca29b6a25c7965133e03e9c', class: "col-12" }, h("form-control-select", { key: '09a02e39dd8fe8bd994f66e29c0c30e232a0fe62', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '171d7901a169a8a86dae6db50f85094d891a754e', class: "col-12" }, h("form-control-text", { key: '9c0654206e6e7a6f3e8ec1f6e91c856d56fb10f4', 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: 'a88e767bb2e49c21e9ce48c44895f592a3a38aad' }, h("div", { key: '7f7766669fefa6096c9967a36d007d87a2487805', part: billingForm }, h("form", { key: '32d6f2128425b41e67a01f295d4f41c3dd452dd6' }, h("fieldset", { key: 'b42d5fb584bb4e8a6d75ae31adab81162094d605' }, h("div", { key: 'b50049072ff30b9d49e2fb101cdd25a4ce3d69d4', class: "row gy-3" }, h("div", { key: '77daf407dbfaa961bbb05f2293a926bf71e3465c', class: "col-12" }, h("form-control-text", { key: 'f865d1247e0d07e3f55d58cc8f5e5c54bd3b8756', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3260e35526ec7293aaf177d2a052ddb170df5934', class: "col-12" }, h("form-control-text", { key: '7e4d3e8f2d19d5f83b173a7f852ca7f7dabafec4', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'ed66dd692aa1f6542866a66bf962c751c95e6b9e', class: "col-12" }, h("form-control-text", { key: '4d092e34e70455ff890e68c94db4a150bb468df3', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '14eb1dda040024dd1fadde8c12b4421ae6691d93', class: "col-12" }, h("form-control-text", { key: 'e5cc48df0a79438605d601cc31423ce7ae410a7e', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '15699e13436a9742afd72ff3a799af11839609ae', class: "col-12" }, h("form-control-select", { key: '82bf4f8cbec206f8c942e2b2c3a4896b769683c3', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '6f341fd1f9580830d460cbc2ef1f96bf4a6c87da', class: "col-12" }, h("form-control-text", { key: '2ff9907c1e36c01360f601a895d34fffbd3476a7', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 }, [1, "justifi-billing-information-form", {
         "formController": [32],
         "billingInfo": [32],
         "errors": [32],
+        "fill": [64],
         "getValues": [64],
         "validate": [64]
     }]);

package/dist/module/business-additional-questions-form-step.js

@@ -46,7 +46,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'cdc14a51e5655ce4b4d7c24af613b9146c80ba37', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-bank-account-form-step-core.js

@@ -1,15 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$8, F as FormController } from './form.js';
-import { E as EntityDocumentType, e as EntityDocumentStorage, f as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { E as EntityDocumentType, g as EntityDocumentStorage, h as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
 import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$7 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$6 } from './business-documents-on-file2.js';

package/dist/module/business-bank-account-form-step.js

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
@@ -57,7 +56,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '0cdd7da1ea31971df421b28f17673bd1a81bf661', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -47,7 +47,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '21d9ea1603f0e9bf6fe842d177f0f6da0113fb73', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-core-info.js

@@ -29,7 +29,7 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '71096918610aa3068cf89fbf9f3537b7f49942c6' }, h("fieldset", { key: '502e6c3e3ae05256c6e5e8d315b4aa208ce88953' }, h("legend", { key: 'ccbe69b2323e815dc77b2602a96bdc4238fcef03', part: heading2 }, "General Info"), h("div", { key: '19a70fd7a361e5de4c88e14cbff12d88f78233e3', class: "row gy-3" }, h("div", { key: '611bcc2bd35db7b6940a5b7ae53c54b55b855dd6', class: "col-12" }, h("form-control-text", { key: 'a9de594470c896aff0803c34a313c38467f7c82a', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'ed742f64b1c344587127ce94ba1d17206bbdebb3', class: "col-12" }, h("form-control-text", { key: 'abb41f3aa059c180882066e21fe0239838cd9956', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3659fb0dd0419fd4d6f0205bc9e32aef05f56aa1', class: "col-12 col-md-8" }, h("form-control-select", { key: '5bbbe7cd7fe0a7e8788e36855ff18390bf8df301', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '5007e6269c59878e6388164ff8d5163090b87585', class: "col-12 col-md-4" }, h("form-control-date", { key: '4fa7c7f001ced10c746d2891fe3efd8336542907', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'e245a4ac6e0904c9742a0d1d220cb95c9fe63497', class: "col-12 col-md-6" }, h("form-control-text", { key: 'bc7367525a45c221c576f2b31c1a95680a95937a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '6475831320818242eda7ac045dcdd076fbc4245c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd68e8046fa42f4d5976aa44a7769b14fc4cda416', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f59cda0241c1ad92d0d995e330b92079ba75737f', class: "col-12" }, h("form-control-text", { key: '8243464d1c75897c1e3423e5045f34b81b425a9e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c65251b25e0996277f7d0e11d25d6340ccfc11e7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fe3a4eff53786f49fbfe24afb048f861bf7a469a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b1d909e5f937dcbbac0082b293571904c0c81396', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '83238873cbd8ccc08a5c3af1bd87a7965fefb5f8', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '75bbee71e68fb0dafa609838f4d3e22bf4388332' }, h("fieldset", { key: '1e1cc71bfd46b278ad3f7d3a73d5b126fbf19533' }, h("legend", { key: '341b82942f116b4a2b0b29ce505fda3a153f88ec', part: heading2 }, "General Info"), h("div", { key: 'e97b3c3a38f888795c24c887d42854c79f1f7b34', class: "row gy-3" }, h("div", { key: '6d560585e9843143c836a302ad83b19719732467', class: "col-12" }, h("form-control-text", { key: '9868049d15e3f2552feba3ff6fa6b1ab43c7ae9c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'f77c1d66117c29b6f5963a99bbb531f76242d052', class: "col-12" }, h("form-control-text", { key: '2708d678c35d4fa9838cd3fd834c77105b94feff', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'bb17f23c8f7fc1be73524dce8ed11ce9a9524a21', class: "col-12 col-md-8" }, h("form-control-select", { key: 'bc4175a9ed29127d89cf9c6135448c80733f6959', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '6c5faad25c64ec50023be5128b8b0527584f9a7c', class: "col-12 col-md-4" }, h("form-control-date", { key: '54a151222d7eabc40a66ffbd5d0dba2e765cd135', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5a562ba1811a319d2f5dd10197be2e1ecb94da8b', class: "col-12 col-md-6" }, h("form-control-text", { key: '03780a900fd4c176e5658b0784ef57eb48d2b3f7', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '96e4110eb7b40f87a804b24a2ec94defca0be899', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3cfda64e576a93bbed143b34c235b5388dade635', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '6a6e4d87838f2666c2750662c1f031f3b8d0effe', class: "col-12" }, h("form-control-text", { key: '68f28a6b78e2df1cd69631097a001369722d8081', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '8a334f64bc214d1211772e5a5018b82dadd88d1a', class: "col-12 col-md-6" }, h("form-control-text", { key: '639888a2d30e785e1d403830c718b7991f28285a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b4aac33c17ce96c5c9a9ce5a90f322f69941df5e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c384d24cc34fefca964a5eb412b28360361ab780', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [0, "justifi-business-core-info", {
         "formController": [16, "form-controller"],

package/dist/module/business-details-core2.js

@@ -3,6 +3,7 @@ import { E as ErrorState } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$4 } from './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$6 } from './additional-questions-details2.js';
 import { d as defineCustomElement$5 } from './core-info-details2.js';

package/dist/module/business-documents-on-file2.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, a as formatDate, b as formatTimeSeconds } from './utils2.js';
-import { k as card, h as heading2, m as table, n as tableHeadCell, o as tableCell } from './parts.js';
+import { q as card, h as heading2, u as table, v as tableHeadCell, w as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessDocumentsOnFile extends HTMLElement {
     constructor() {

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

@@ -3,6 +3,7 @@ import { B as Button } from './button.js';
 import { h as heading2 } from './parts.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$a } from './custom-popper2.js';

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

@@ -51,7 +51,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     render() {
-        return (h(Host, { key: '39dcd68b6ef40bb24dfec2da03d420de7ff17f1a' }, h("justifi-business-owners-form-step-core", { key: 'f9958c7cb798f256106f93a45bcc8405da5f3b49', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -23,7 +23,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '0df0655bc4e409ae53b93e40260486e4ff610410', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, h("form-control-text", { key: 'e0579c2e09c9be66b431174b6d79122349e4d859', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, h("form-control-text", { key: '55962d3f118bc0ffbbe1fbf62d8d6e15c0f04dfb', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'df99114c3d94073a3a95b7ea2f326d27db1d4fa9', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '236d3629a7d97feb7c7556b7e7ba83b0b45ca3db', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, h("form-control-date", { key: '8bc17351844b590e16f34daaee6da1e67d433d44', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a99b04783e2a7a439091aa79394e614d82293ac8', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, h("justifi-identity-address-form", { key: '8490e4d041ff22bcb481d553760ed6f34ca908aa', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '47676ededb80e0f766cb786265d8fb307c60d125', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd54c8d17f0360277fe04dd91a528e303182495c7', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '8c3bca4234ea0e7ae3c79d810ffb469637898eb6', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, h("form-control-text", { key: '8d9c81d374998dbaea5322906fddb5eeadea1546', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '734625aeac8384f2b8676c4d350368675cff3a6f', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, h("form-control-date", { key: '0f838cc474beab9822a84856733a86ecf43f0ec3', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd610955fb7c62fd0aab9af925af34cdc47ab3e9', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, h("justifi-identity-address-form", { key: 'bb2d0d01e07be4d37acfd448796c8a33460111ed', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],

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

@@ -49,7 +49,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '53c23a79fc8c678d98ca016f38fe7e6fe6ad9fba', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, 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"],

package/dist/module/business-representative.js

@@ -36,7 +36,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: 'eb9c09602a11107abc465463bf7e7cdbeb98cede' }, h("fieldset", { key: '1f2a035f9796c29269a7dcd7ca874c73ed6493bb' }, h("legend", { key: '1aeaba7f119f15e1ffa75cd58d77608fe51a60c8', part: heading2 }, "Representative"), h("div", { key: '5d09c634135046c79b4ac80b5c1cfee9fbd26ce0', class: "row gy-3" }, h("div", { key: '6f03250bf88cc79ff07a1de68fef97a41a376aec', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd6696ab573a305e277db56a578eaeb3fc4adf9ff', 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: 'fd6ddc83d99b4f86f29566077249a23724741438', class: "col-12 col-md-4" }, h("form-control-text", { key: '632b12a09042ffdaf85d2fafecfab1736bbc8d36', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '65842c9cb8c616806631bd1d2902342cebf5326e', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e1f64cc7f97e4b337dfcda6494fca5750656130', 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: 'e050604c8d71e1d07f916822fbb73da4c3f5e034', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a5bba8b362ce6070efc65e88ee80880ce855e624', 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: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-4" }, h("form-control-date", { key: '05e0e255549ad8f0760102aab5cbfe444cae5996', 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: '764595ed842fd09221ef71d5c921a9ebe947556d', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '91761e52dd724a27e135a3db8b7c85643f7891d9', 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: '4be6739744d6d9fcd060ed9d894502f35396a9a9', class: "col-12" }, h("justifi-identity-address-form", { key: '7c9d98057e908a068aa0783b10b2bd0f634d7ab9', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        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 }))))));
     }
 }, [0, "justifi-business-representative", {
         "formController": [16, "form-controller"],

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

@@ -3,7 +3,6 @@ import { c as create$3, b as create$7, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { h as heading2 } from './parts.js';
 import { B as BusinessFormStep } from './event-types2.js';
@@ -130,7 +129,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: 'c1ca0ecd364a999e7525e9ac3da82e874a8784e8' }, h("fieldset", { key: 'a77178a38044c458d8dbd31a7e1aeb3f1a34c968' }, h("legend", { key: '7e933517fca8d54095466715bf1f0485625be74f', part: heading2 }, "Terms and Conditions"), h("hr", { key: '1c1da0b7378c51ad2be5efc0e51dedd3ed178c8f' }), h("div", { key: 'bc37aa5162dddc8ade4316b5f24deb1d4a4b6f86' }, h("p", { key: 'aef3d0c9186845e3f44b8e1906c405647f489b53' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '2a6a480916cc0c4bf35d96c96c3f0250e87149cb' }), h("div", { key: '2e3bed3a57bcb026152fcdc82debab0e667f8148', class: "row-gy-3" }, h("div", { key: '3243c1819e4e61921421467271b2a4d2a89e73d4', class: "col-12" }, h("form-control-checkbox", { key: '20b9b72809148ef390a6da7d9f5bc216436d34a5', 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 }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business.service.js

@@ -1,7 +1,6 @@
 import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/cancellation-policy.js

@@ -39,7 +39,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ac10b9b21d37179211d74118b06f561e95d9ea71' }, h("div", { key: '8ff525f8ed20828ed153b7dc23cb84a0277b81d4', class: "row gy-3" }, h("div", { key: '4f22ed526972a6625dc77b3ab0ab5b074277d7b2', class: "col-12" }, h("h2", { key: 'd78d54468b91edd99238bd757f871b18ec5b58ca', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '629c9660446cbba8951cd8396d9b72aea71c731b', class: "col-12" }, h("form-control-textarea", { key: '60e0b4903e4ddec6915d23617f215d5d2ea20935', 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: 'aec3e4561f880b86ba6f5c7ce0298e45b837c2fd', class: "col-12" }, h("form-control-textarea", { key: 'e77d126709037cb22e6e4fcf2228652ffeb672ee', 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: '407c071a0f7a1e488eb2ef4d522e515138a5ed2c', class: "col-12" }, h("form-control-file-v2", { key: '15dfacd8e1de439848d12ecec9a0f5ffac259484', 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: '29819e51969e655219ccbdbb2e1d1b738b64f7d3' }, h("div", { key: '28279bbc8354128a5041ed6eac16d4966be1584c', class: "row gy-3" }, h("div", { key: '8b6215544f87a8c35b81a93a5f4826a35e0c0f9f', class: "col-12" }, h("h2", { key: 'b6337efb93f03ea48f2c29b1baef4929f236df2d', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'b7d78115378ecd0b4a4f8a43349f1b4f2527ca35', class: "col-12" }, h("form-control-textarea", { key: '6ab47f5626a945f222efceef43dc096061cb67ed', 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: '6aeccf798d112e79251408401c99d916a9065e94', class: "col-12" }, h("form-control-textarea", { key: '580e61e4370570c9a04496fef4b7ad9c19058336', 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: 'e0deddf002b64d02bc5a5db075da11d2566dc3bb', class: "col-12" }, h("form-control-file-v2", { key: '3da55e915d4d3126456de8e95debc6d9e46dca42', 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 })))));
     }
 }, [0, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-form.js

@@ -59,10 +59,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'd5e5c74e5e3be0bb5a9603a89724d23cc6216d6c' }, h(CardFormSkeleton, { key: 'a1e90d74ca6e72678255590a94937932a9520046', isReady: this.isReady }), h("div", { key: 'bb303552ed581492de8ebb0d83cea751ddd90a09', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '9641c97124a504729b1eba3e8704d8fd3fda7fde', class: "mb-3" }, h("iframe-input", { key: 'a5a73c00c2ac0cd12ef98b155a40108248529fb7', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'dad1b83f028745aa8b85a8e552f702d5daa3ac6f', class: "d-flex align-items-start" }, h("div", { key: '5de05029d93a81d5ad8c799135863e8cdd1e8619', class: "flex-fill me-3" }, h("iframe-input", { key: '4ec81652e51187bbaa25600299f8cb89f0c41c5c', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '0280f01efdbbfa3542036fa4ee7baec130e42688', class: "flex-fill me-3" }, h("iframe-input", { key: 'b13dba61a6bd18529e70987029592b5b7307e74b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'edf1e383a148a2d535c4733a2b5af2d8e31e2f43', class: "flex-fill" }, h("iframe-input", { key: 'd63e832db1a089f36909db23cacb110f6571535c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [0, "card-form", {
         "isReady": [32],

package/dist/module/card-form2.js

@@ -2,6 +2,7 @@ import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/clien
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as StyledHost } from './styled-host.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
@@ -71,10 +72,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '2c4ec015f537508bc875aaf6e3d527cd4f39eec6' }, h(CardFormSkeleton, { key: '064b3dab1b506c3332c753233b1893b36d36d42a', isReady: this.isReady }), h("hidden-input", { key: 'cb74f8ef5c6c437c3ff2c763b2b3f7a9f7732c13' }), h("div", { key: '7c688141ed3e96b032fc6f96a170cd4be09a65e5', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'c6a8109b35d9ef920747aadf75bea99bbba4ae21' }, h(CardFormSkeleton, { key: 'c1868489482ccb4125ffb47f981638a2c6016ffe', isReady: this.isReady }), h("hidden-input", { key: 'f21158c4fe6e63b8ffebbb084830e0331af5979a' }), h("div", { key: '8a4852e0a2e2db75672af221a0c9ca9822602da2', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2722c8d805cc4767bf58cb70c5be4815e8bc09ee', class: "mb-3" }, h("iframe-input", { key: '428df22cc9075d737c5aec2520596ae774adde1e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '292ae9746f3dd219ced19be33f6900fa00bfb4b1', class: "row" }, h("div", { key: '2e825c02e676a30e873f6f119aa6521e49ac7051', class: "col-4 align-content-end" }, h("iframe-input", { key: '4a9ddbf248fdabcc6da0fb405e95c906717a91ab', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a500314664b746c6947107021e32d04790000865', class: "col-4 align-content-end" }, h("iframe-input", { key: '995c9294a85c8da8b9e314646c93c700a54e7310', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'b0a7d1f9df2a2fba165d3cae93b542da80cec77c', class: "col-4 align-content-end" }, h("iframe-input", { key: '3adfeccdfc31745b972bf7d040aaf0e5d55fbfb3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '437a1e6d5d1dd7517fa87d876f017f28fb4f8c15', class: "mb-3" }, h("iframe-input", { key: '0d8582e8b9eb4fdd9a3c4e1c86eda90fa9eadf13', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '8311f0aac3f3826802d2fec0fd7de9ceae6af06c', class: "row" }, h("div", { key: '50c24e8cd76931f3ea19ffc3d4e52607f4bed78c', class: "col-4 align-content-end" }, h("iframe-input", { key: '82e610abedf2d4f42eb67e05a4de3a349fe0ff59', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'fa13540819346d3caf09d863a7bb6d2a2ea47cb0', class: "col-4 align-content-end" }, h("iframe-input", { key: '5292e69953eb0fbd3b36871fe7bd433e791f60f9', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'd6ddb4af11e44ed0f1de6273c0d3fd0ba19522ad', class: "col-4 align-content-end" }, h("iframe-input", { key: '7491af49747367001b8eee954cd18464d929431b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [1, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.service.js

@@ -1,7 +1,6 @@
 import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,15 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { a as formatDate, e as formatTime } from './utils2.js';
+import './dinero.js';
 import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 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 { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { v as tableHeadCell, a8 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';
 
@@ -177,7 +178,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, h(TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, h(TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, h(TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, h(TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', 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: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, h(TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, h(TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ac27fa8b086e64e53a287f96be1d1212a7c23fc3' }, h(TableComponent, { key: '965b9e4761f686a254297a753b638952181d9758' }, h(TableHead, { key: '41502bb86d87acd8f730f22705d82a2bb4c3787c' }, h(TableHeadRow, { key: '9aa770a8bbb3c9623fde336580dcecda0ee6909e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'ad20f6287a2eefd0aa659925cf4be8a03766c1c2' }, h(TableLoadingState, { key: 'bdd7d89bed12c4451199b59e2793cc3d4dbc24a8', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8b89063a5cc78beb42a52375c431e834583ef12a', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a557b0a68af21a5501139433f980a6c083536d71', 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: '0ba995e692b70214b1f63f3fbb7e05e76f229304' }, h(TableFootRow, { key: '25703345e36b46ce3a4cd9d09893c744b6db4d86' }, h(TableFootCell, { key: '07f5df6019322cb80053e4c061a2b5cb6ba7187e', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'daf2dd74a5f24192c9052a2906459a6d2b53544d', 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

@@ -1873,7 +1873,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'ef187a8100be9de010408f04e4f2f65fcfdee096' }, h("style", { key: 'c3e6cd76e7db2703a3b6053a9448290d27f47513' }, `
+        return (h("div", { key: '00471f914090d5f7c9c4493334e37bc669178f68' }, h("style", { key: 'e4c72e453b7cbfde820a72c93cbcedc3a1c6d3c7' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'c580384fa4e1bedd9c365c2f29b57bd2639e3aaa', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'e60f03801976ec3379e4d6e3118a92c18b5c0549' }))));
+          `), h("div", { key: '8677d950b63503711e50a2f3d5b14bd7085f319e', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54c1259606ca9b91d60f175b1d9981d8871fdd50' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -41,7 +41,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, h("form-control-text", { key: 'ab28a2176315c3ecd1ff984a599589a81375f4e0', 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: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, h("form-control-text", { key: '9f2aec120b08ac793be93f9c990d81a74c9e57d2', 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: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, h("form-control-textarea", { key: '100e419cc2064509aaa03c76e2898fc7df85e950', 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: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, h("form-control-file-v2", { key: '1ab77a12a715fbb82c0bc1c9f9081e54fd3fef0e', 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: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, h("form-control-file-v2", { key: '0b654ffcf253c639b07ffe03450a87550caaa75a', 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: 'f5442efc59bb6a99a87f90feb5a4a147019af940' }, h("div", { key: 'd0f97e7ca943bfe8e4846ea84838ab08dc3658ab', class: "row gy-3" }, h("div", { key: 'da7f41d96c717f921010786f593c3776e2644738', class: "col-12" }, h("h2", { key: '0f7d56f400ec0f4250bbf7c8b2b736e084c17ab0', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'eca73b10ec43454be35d4ec6e09b410b7a509b46', class: "col-12" }, h("form-control-text", { key: '1b67e031f3ac24b43319b09a01a5e297095ecc84', 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: '967326bb10e6d2a64b2f3f0bae99432f238e361c', class: "col-12" }, h("form-control-text", { key: 'fc7d83cc51728920d9f4849dd85f4f019bb50fe4', 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: '4e598f3e9bf118ddf22c4c160f0171c9789cd853', class: "col-12" }, h("form-control-textarea", { key: 'fe1c2e1a4c70ef463a31e890349a5b49f979e21b', 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: 'a4345bc3b39f913cc233baa21373a6d7d93d3cda', class: "col-12" }, h("form-control-file-v2", { key: '82cb1b948807d901845a23137b5d488c9edd53ae', 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: 'ffc589785e6114d604c2d98d3140de5487dc8af6', class: "col-12" }, h("form-control-file-v2", { key: '5b6b64927e4b90cc6dbb302fbc0d2067b70c6f4a', 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 })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],