@justifi/webcomponents 5.2.0 → 5.3.0

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

@@ -1,8 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { m as makeGetBusiness, b as makePostBankAccount } from './payment-provisioning-actions.js';
-import { B as BusinessService, a as BusinessBankAccountService } from './business.service.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.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';
+import { d as defineCustomElement$9 } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$8 } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$7 } from './business-documents-on-file2.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-file2.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';
@@ -15,6 +24,8 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         this.errorEvent = createEvent(this, "error-event", 7);
         this.getBusiness = undefined;
         this.postBankAccount = undefined;
+        this.postDocumentRecord = undefined;
+        this.postDocument = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
@@ -39,6 +50,10 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
                 authToken: this.authToken,
                 service: new BusinessBankAccountService()
             });
+            this.postDocumentRecord = makePostDocumentRecord({
+                authToken: this.authToken,
+                service: new DocumentRecordService()
+            });
         }
         else {
             this.errorEvent.emit({
@@ -49,7 +64,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '229a91f0c9d52f26cf602d950a4960adf2f090bb', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'e60dff98e072aeb0eb351cd746c9c05e0adf903c', 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"],
@@ -61,6 +76,8 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         "allowOptionalFields": [4, "allow-optional-fields"],
         "getBusiness": [32],
         "postBankAccount": [32],
+        "postDocumentRecord": [32],
+        "postDocument": [32],
         "validateAndSubmit": [64]
     }, undefined, {
         "authToken": ["propChanged"],
@@ -70,14 +87,34 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-bank-account-form-step", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-bank-account-form-step-core"];
+    const components = ["justifi-business-bank-account-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-bank-account-form-step-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessBankAccountFormStep);
             }
             break;
+        case "bank-account-document-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "bank-account-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "business-documents-on-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { F as FormController } from './form.js';
 import { C as CoreBusinessInfo } from './Business.js';
-import { b as businessClassificationOptions } from './business-form-options.js';
-import { B as BusinessFormStep } from './event-types2.js';
+import { a as businessClassificationOptions } from './business-form-options.js';
+import { B as BusinessFormStep } from './event-types.js';
 import { P as PHONE_MASKS } from './form-input-masks.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';

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

@@ -52,7 +52,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '2262521f98ad949fa2558572a991b00b44a2c8c0', 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: 'c9f93be3e48527f5ae799cf736fc9ca86ece736c', 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-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3 } from './form.js';
-import { m as businessNameValidation, q as websiteUrlValidation, t as emailValidation, u as phoneValidation, v as doingBusinessAsValidation, x as businessClassificationValidation, y as industryValidation, z as taxIdValidation, A as dateOfIncorporationValidation } from './schema-validations.js';
+import { q as businessNameValidation, t as websiteUrlValidation, u as emailValidation, x as phoneValidation, y as doingBusinessAsValidation, z as businessClassificationValidation, A as industryValidation, B as taxIdValidation, C as dateOfIncorporationValidation } from './schema-validations.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { b as businessClassificationOptions } from './business-form-options.js';
+import { a as businessClassificationOptions } from './business-form-options.js';
 import { T as TAX_ID_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
 import { C as CoreBusinessInfo } from './Business.js';
 import { h as heading2 } from './parts.js';

package/dist/module/business-documents-on-file.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BusinessDocumentsOnFile extends Components.BusinessDocumentsOnFile, HTMLElement {}
+export const BusinessDocumentsOnFile: {
+    prototype: BusinessDocumentsOnFile;
+    new (): BusinessDocumentsOnFile;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -1,38 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as snakeCaseToHumanReadable, a as formatDate, g as formatTimeSeconds } from './utils2.js';
-import { V as card, h as heading2, o as table, m as tableHeadCell, p as tableCell } from './parts.js';
+import { B as BusinessDocumentsOnFile$1, d as defineCustomElement$1 } from './business-documents-on-file2.js';
 
-const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessDocumentsOnFile extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.documents = [];
-    }
-    render() {
-        if (!this.documents.length) {
-            return null;
-        }
-        return (h(Host, null, h("div", { class: 'card', part: card }, h("div", { class: 'card-body' }, h("h5", { class: 'card-title', part: heading2 }, "Documents Already on File"), h("div", { class: 'table-responsive' }, h("table", { class: 'table table-sm table-borderless', part: table }, h("thead", null, h("tr", null, h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "File Name"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "File Type"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "Document Type"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
-            .map((document, index) => {
-            return (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
-        })))))), h("hr", null)));
-    }
-}, [0, "justifi-business-documents-on-file", {
-        "documents": [8]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-documents-on-file"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-business-documents-on-file":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessDocumentsOnFile);
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const BusinessDocumentsOnFile = BusinessDocumentsOnFile$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessDocumentsOnFile as B, defineCustomElement as d };
+export { BusinessDocumentsOnFile, defineCustomElement };

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

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as snakeCaseToHumanReadable, b as formatDate, c as formatTimeSeconds } from './utils2.js';
+import { m as card, h as heading2, n as table, o as tableHeadCell, p as tableCell } from './parts.js';
+import { S as Skeleton } from './skeleton.js';
+import './details.js';
+
+const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessDocumentsOnFile extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.documents = [];
+        this.isLoading = false;
+    }
+    render() {
+        if (this.isLoading) {
+            return h(Skeleton, { height: "50px" });
+        }
+        if (!this.documents.length) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Documents Already on File"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
+            .map((document, index) => {
+            return (h("tr", { class: index === 0 ? "border-bottom border-top" : "border-bottom" }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
+        })))))), h("hr", null)));
+    }
+}, [0, "business-documents-on-file", {
+        "documents": [8],
+        "isLoading": [4, "is-loading"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["business-documents-on-file"];
+    components.forEach(tagName => { switch (tagName) {
+        case "business-documents-on-file":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessDocumentsOnFile);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessDocumentsOnFile as B, defineCustomElement as d };

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

@@ -87,4 +87,4 @@ const bankAccountTypeOptions = [
     }
 ];
 
-export { businessServiceReceivedOptions as a, businessClassificationOptions as b, bankAccountTypeOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };
+export { businessClassificationOptions as a, bankAccountTypeOptions as b, businessServiceReceivedOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { i as identityNameValidation, I as identityTitleValidation, t as emailValidation, u as phoneValidation, J as dobValidation, K as ssnValidation } from './schema-validations.js';
+import { i as identityNameValidation, D as identityTitleValidation, u as emailValidation, x as phoneValidation, E as dobValidation, F as ssnValidation } from './schema-validations.js';
 
 const identitySchema = (role, allowOptionalFields) => {
     const schema = create$3({

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

@@ -3,7 +3,7 @@ import { B as Button } from './button.js';
 import { h as heading2 } from './parts.js';
 import './details.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types2.js';
+import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types.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';

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

@@ -56,7 +56,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     render() {
-        return (h(Host, { key: 'a4289542dcf53a2be9c2faea5873a36894a2e250' }, h("justifi-business-owners-form-step-core", { key: 'cd40a3cb35d657223516c91217ca3241701dcc8f', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: 'd3010f8f811d93d7ee0983e92aa3c87a1fab0466' }, h("justifi-business-owners-form-step-core", { key: '7eed1a3ebda94badba81f22011efbb23cee7bf12', 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

@@ -26,7 +26,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '90775954aebfc23b163d3b1626de290b70a4b32c' }, h("fieldset", { key: 'ea79bf2618b504fd7a5b86f334aace2d9fb20681' }, h("div", { key: '3b0ec861e82a1fb35dee68a81655506c198686d4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '613e036d03c20ffc6e51a6a89f38eda7b2440e67', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'ba37c309f9f25b697f297c9641767d800e284f9f', 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: '8c3b56e7481e7c67a9e4f56fb2406506d6a3f927', class: "mt-2" }), h("div", { key: '477b3938ea0011e67bba2c43406b9dbb14019caf', class: "row gy-3" }, h("div", { key: 'dd2eca835cb422bd0f38fd504da1d651d5914d89', class: "col-12 col-md-8" }, h("form-control-text", { key: '477719029d827ddff5d2e357d641eb2d8b697657', 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: '36d22fa160f31c538e5afb80fa7fd6533caae3d3', class: "col-12 col-md-4" }, h("form-control-text", { key: '9d87128ec44af7cb861be3b3bf9705172267a2db', 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: '88b158cae25138f1e930f16d72972767679f9f27', class: "col-12 col-md-6" }, h("form-control-text", { key: 'dbd4ee0f36136c17aa96c36ca1fd0d8ed66758b4', 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: '11f873b4275b150459c482264ed364e8970f70ca', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '39763eb1b0c981f525b81c5d0fc0fb2fb44cce5c', 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: '6f7e70e31c03564c989355f9ed40b839451b3ae2', class: "col-12 col-md-4" }, h("form-control-date", { key: 'e5ee8b0752707fdafa4b6b7a8973f5b66f21bce6', 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: '73d54b1618e625fd67da896645edf74000596192', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'ce5235878fc1554e573e86070502a7ebaf4f2544', 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: '521ebc9a53fb0b2591937e75d6ca6789c134d54f', class: "col-12" }, h("justifi-identity-address-form", { key: '69d66df1033b67ce2e2fe7ae44ab7adfb38cc3d8', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: '96a926aefa6b30a3a1332198ffb2fcbb6316580c' }, h("fieldset", { key: '59a27475ed22d31dfdccf32ecf05e364bfc8deba' }, h("div", { key: '6dfde8190505808fc5101cf0832ec89785e3a73f', class: "d-flex align-items-center gap-2" }, h("legend", { key: '6342e6f1fb59e8e1e18bfff0dca55e0661f889a2', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'bf2f9a2ce23edb0363c074297600ee330a0143fb', 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: '5ab4405fdd5338b9f4f4e3b2672a3769ec7b97d9', class: "mt-2" }), h("div", { key: '2a3e3b458077f26b99c53be76970b735764ba12a', class: "row gy-3" }, h("div", { key: '03679420425d09f380589efbf7640b73c8ddaacb', class: "col-12 col-md-8" }, h("form-control-text", { key: '2ecbbc99442fa73dae73cd1cf398dbf425bf0e84', 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: 'ff989b9f132092c028b096420314b0b67e1e94d7', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f0df98d4ca3ed07e1e884df782ddf125321c0ca1', 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: 'a9f9b6b5039a70ac8539605622cdbc574c01734f', class: "col-12 col-md-6" }, h("form-control-text", { key: '6e2736b9d35f9f15d6d4368a89b096bddd1e1b99', 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: '75e2f09476bfb82d695e41103337c2bfc64c85a3', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8fdd1d70b62f92df2347df53494e194c22de9004', 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: 'b670407555423c18879172d12761020b7d5cecbe', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a5bca4384bbc736576147d811878ec02e1c27e10', 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: '414c906c37268aa87ae1cfe870d2d23fc4d6602e', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'ab0c71faa0f0982666164b63ec0612d1a82c3b7a', 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: 'ea19a62d5ceddfdd297d042b0b49f711d164f06f', class: "col-12" }, h("justifi-identity-address-form", { key: '276a217bd4a538357971f3a2c5771ba45bef5b53', 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-core.js

@@ -3,7 +3,7 @@ import { R as Representative } from './Business.js';
 import { F as FormController } from './form.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 { B as BusinessFormStep } from './event-types.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';

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

@@ -54,7 +54,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: 'ef66ed41f635a4676073073db924050f548c9781', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '1a7dc9bc4901d5a2bb3da7a06c63952ee45b7843', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$7, F as FormController } from './form.js';
 import { A as Api, c as config } from './config.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import './Document.js';
 import { h as heading2 } from './parts.js';
 import './Business.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$2 } from './form-control-checkbox2.js';
-import { d as defineCustomElement$1 } from './business-terms-conditions-text.js';
+import { B as BusinessFormStep } from './event-types.js';
+import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
 
 const businessTermsConditionsSchema = (allowOptionalFields) => {
     const schema = create$3({
@@ -135,8 +135,11 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
             this.errors = Object.assign({}, errors);
         });
     }
+    get merchantAgreementLink() {
+        return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
+    }
     render() {
-        return (h("form", { key: '171f28c9ceb30482708899890880c8ab11dbc941' }, h("fieldset", { key: '51306d0bd3e3dea325fb770f5c2561dd8cc2e207' }, h("legend", { key: '500f63285df715926ee3c32ea2d0ef8dc8f10523', part: heading2 }, "Terms and Conditions"), h("hr", { key: '320c04095f36752c5661afbf10a2ec021234bac6' }), h("justifi-business-terms-conditions-text", { key: 'b6cb2162427df3225fa0443080905aea15140715' }), h("br", { key: 'f65ea0d2c5e820fe75b0c11ac127cdb9621c389a' }), h("div", { key: '4b2a6dc295a039b20b9b9a516dc2c791509722d6', class: "row-gy-3" }, h("div", { key: '27265499a6d1cfcdd1a9d1a890f266bb670b4e57', class: "col-12" }, h("form-control-checkbox", { key: '80459807c7ebb3bd9ea43ae0c27235c9d3d00976', 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: '643d1122e14cb32e62e4406c7a375d196ce310e9' }, h("fieldset", { key: 'a002f8bfa7d35b840cf01f5381e1895af3744810' }, h("legend", { key: '2ec353fe730c33c0dc2a103ef08666790343eba7', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'ae538e42c49040ca41a83e9ff8664db89ae5bb03' }), h("div", { key: '2887706d30dad94180792be4c252e20cbf03cef6' }, h("p", { key: 'b1c3a9322ce96ac5265a50da6997228fe1666e9b' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'e78c021fa44eeddb5a963cfde3e5f2fa8d5066c5' }), h("div", { key: '888a15369bea1244f338fb6062090889f6de5aa1', class: "row-gy-3" }, h("div", { key: '510074fb20d80909cbe93fc44ad6918e214e8334', class: "col-12" }, h("form-control-checkbox", { key: 'dcaf2efb889a72335b1204b075a84ec9ff367bf5', 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"],
@@ -152,7 +155,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-terms-conditions-form-step", "form-control-checkbox", "justifi-business-terms-conditions-text"];
+    const components = ["justifi-business-terms-conditions-form-step", "form-control-checkbox"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
@@ -160,11 +163,6 @@ function defineCustomElement() {
             }
             break;
         case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-business-terms-conditions-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/business.service.js

@@ -30,5 +30,11 @@ class BusinessBankAccountService {
         return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }
+class DocumentRecordService {
+    async postDocumentRecord(authToken, payload) {
+        const endpoint = `entities/document`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+    }
+}
 
-export { BusinessService as B, IdentityService as I, BusinessBankAccountService as a };
+export { BusinessService as B, DocumentRecordService as D, IdentityService as I, BusinessBankAccountService as a };

package/dist/module/cancellation-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
-import { S as heading5 } from './parts.js';
+import { T as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text3.js';
@@ -47,7 +47,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'bf7df11fdafa2411a0aa79c606b822a893444482' }, h("div", { key: 'a19e32d4edf9d90d23f865f54f8ae844f367ef3e', class: "row gy-3" }, h("div", { key: '9ca87dc02a3993c1b8cd187231561836ae78e517', class: "col-12" }, h("h2", { key: '5ae6844cf4d99ad19f4e4f2690015e422acea5ad', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '82ec0f39bdd823b02f4ff2482e9dd1daedd5d4fe', class: "col-12" }, h("form-control-textarea", { key: 'ed8ce058aa41f3eed1f489c4d62e4f7b16a4c801', 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: 'ed26b0813e499381b867eb50d35cf2f473a71cf7', class: "col-12" }, h("form-control-textarea", { key: '5ffd5e3b7d67cf1b2dbb883412f920bec443dc61', 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: '43f4c5e4ec9c04f66958f930cee235da0709d3bb', class: "col-12" }, h("form-control-file-v2", { key: 'bf8606a6969b4b5edb8bd945ef3d28e13d85b774', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'aea08e2f0b6e473563c2dc6013b31069136c4911' }, h("div", { key: '9218719e9e956ba07133cd2c6b001a0e17987c46', class: "row gy-3" }, h("div", { key: '255cf20c0e717a8fa0b7413d212a6709a9e596e5', class: "col-12" }, h("h2", { key: '2cf8304a39b2d6356a9ea6f7c7c1918af428da96', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '603f5ec85922a915a5c90cc541a815dda15ddad8', class: "col-12" }, h("form-control-textarea", { key: '82eea6470c44f71e162952c07363d8c2726dcaf9', 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: '1e6a7510617cf192fbd604d45be124eeb4add648', class: "col-12" }, h("form-control-textarea", { key: '961044ed4ed21d1706314b0c5c69408eb318a956', 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: '079294903db0fd69c0169ea92dd589c52e91e679', class: "col-12" }, h("form-control-file-v2", { key: 'a08630234a5f4654fc135bd3ac704127ecc302b4', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-form2.js

@@ -17,7 +17,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'cc49f963960cc00ea499484ce257d0b902837c1e', class: "container-fluid p-0" }, h("div", { key: '873ee92597101d80c5c05f50a1428402061ed27f', class: "mb-3" }, h("iframe-input", { key: '4987b5fd997954e30450b5f0b5089c91523afe4f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/cardNumber` })), h("div", { key: '7a50424f955163f9c213d81057338c915e046a41', class: "row" }, h("div", { key: 'ab117b543d5ba1b1ca5db6030480048fc266250b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e5b0f96d4be64fd07ac2417b23d8a3913d67145a', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationMonth` })), h("div", { key: 'c66377e9ae6b0f1a750933ca628edcb62b227e34', class: "col-4 align-content-end" }, h("iframe-input", { key: '2fb5328b3b8b82d0bd2b0ad2272cd73b133cb548', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationYear` })), h("div", { key: 'add1b6be0df27a95b5c244a7bb2320f6f40ec930', class: "col-4 align-content-end" }, h("iframe-input", { key: '3c0341c1111b1980d9868d314221857e7ff07996', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${"https://components.justifi.ai/v2"}/CVV` })))));
+        return (h(Host, { key: '279551d81ed11cde65d51e28d9dc9be9d5f0d422', class: "container-fluid p-0" }, h("div", { key: '2ab4164df7fd258243a89b02fe4a634069f31670', class: "mb-3" }, h("iframe-input", { key: '0baf4772d66bc228ef0259487c5b7be67321ebf1', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/cardNumber` })), h("div", { key: 'ba458f877d837bd8c3302f9888e3ddfba58c2024', class: "row" }, h("div", { key: '960975abed4e4db2ed5428e81bd0771b7f18aca7', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b609e584b00cced44db0cb44cb8436f3daa18a2e', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationMonth` })), h("div", { key: '42725f5223920f9185a384f88ba17ca1e3215b30', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c2c8410b3344dc44b4538881965f6b9e1a0b6c9', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationYear` })), h("div", { key: 'f4c3a801b0f3088b0cee30914d6088d0b140b637', class: "col-4 align-content-end" }, h("iframe-input", { key: '7bb5ebec54d900539f2bfdb85537c6d3185d3419', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${"https://components.justifi.ai/v2"}/CVV` })))));
     }
 }, [0, "card-form", {
         "validate": [64],

package/dist/module/checkout-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as formatCurrency } from './utils2.js';
+import { f as formatCurrency } from './utils2.js';
 import { C as Checkout } from './Checkout.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import { i as insuranceValuesOn, v as validateInsuranceValues, H as Header2, a as insuranceValues } from './insurance-state.js';
@@ -152,7 +152,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '27b5f6263124c9c288fb81e6a0a97ef9565a49ed' }, h("div", { key: '8444c6ea0c1b4f9a63e46407c90ee1d14556f832', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '920ddc8692ce6a0cc129fc9de0353c7d1cce0fcf', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'c48cfc8be18363aa522e38a6dd09acccf2f51bf4', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '1f9615177d056357b9c960bbf86360324a2330dc', class: "col-12" }, h("slot", { key: '2a3845fe83eb3c0a213f97a0ccc74c268690818b', name: "insurance" })), h("div", { key: 'c7e588bb71c6bc3f84636cde3346021b51978bfd', class: "col-12 mt-4" }, h(Header2, { key: '512bef8ae536558eba77019531f38485983b1a2f', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '84a1d01dbae527ca1bff19b2f3dfcd47f9b3782f', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '8770c420bf092ad3173fb7308d795e1e9ab6d00d', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '2c907e60023119910220a57725d52a2133a4e5ba', class: "col-12" }, h("div", { key: 'b2303b22c1a83755726eb08d7e732b4c472f75d7', class: "d-flex justify-content-end" }, h(Button, { key: '6c5910476d57f439648810a8fe200b190256bb2d', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: 'a3da58e301dbb938bad9785ef93deb58c9f8bc1c' }, h("div", { key: '1e27568848b163443823e475f60f024e0574d5a1', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '1626910a51278d3605d7478967bd5510f06ab0e8', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'a611cc9f961758d629ef9b60a7c721e779c2e7aa', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '497cbf1fb357b5da2ba33355d8b216812ca462d8', class: "col-12" }, h("slot", { key: 'ee71b1f7ee82c5309c55367585be33d911d1a77a', name: "insurance" })), h("div", { key: '77f4b551f6f8caea04cedea4331dbac1b58cc2b2', class: "col-12 mt-4" }, h(Header2, { key: 'e03f34d1368468fc3712cf3adcb3254ac729ca2c', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '80b7ae6d2b965532e1def898369d9e294c9efa47', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'fbcbb06d2f706a4f317496afbb5f932c7a954285', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'e272325743370aa22ef9973523eb47829b9504f4', class: "col-12" }, h("div", { key: '0c0cfb11564c8008dfb05d0ec48e0c18ea63c589', class: "d-flex justify-content-end" }, h(Button, { key: '85860b67adb647db23b4944cefec1bcf0ec19d92', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 }, [1, "justifi-checkout-core", {
         "authToken": [1, "auth-token"],

package/dist/module/checkout.service.js

@@ -1,8 +1,10 @@
 import { A as Api, c as config } from './config.js';
+import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
+import './Document.js';
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {

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

@@ -1,12 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import './ComponentError.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { m as tableHeadCell, n as getAlternateTableCellPart, o as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types.js';
+import './Document.js';
+import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
 import './details.js';
-import { a as formatDate, b as formatTime } from './utils2.js';
+import { b as formatDate, d as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, q as queryParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -179,7 +181,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '910d95f94623ddd9e90a182a7a47e7dfdff1d9a6' }, h("div", { key: 'c296c31fe48bec06067215f6aa4cfb1a9d1b681a', class: "table-wrapper" }, h("table", { key: 'dddd43e74de4989261b8014d2c66cba7c26e9d98', class: "table table-hover", part: table }, h("thead", { key: '4eabd9c8687fbf316420c9a838a95016b20f12dd', class: "table-head sticky-top" }, h("tr", { key: '2cdd7f438099613e5a670343723b883470a65dbd', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15', class: "table-body" }, h(TableLoadingState, { key: 'ec8e73a90b9951b5fba78651fdd9a93b7531ba49', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6b1ebf8bbd62b0ba9c7032be47c87b929bc413db', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a44e8985fb208b91635afe4910fdce5fb94d17e7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '05ac7e9796a7b4e4450151e762a409c050fc037f', class: "sticky-bottom" }, h("tr", { key: 'd6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a', class: "table-light align-middle" }, h("td", { key: 'ad7b4df45f54519b759797f665bcfa68a1cd512d', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '3c97cf5daeb90e9b9a881280f25e4307b7392bcf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '525904319e2827a04ccbd44f83881504ddeba992' }, h("div", { key: '30c5800d270fe77e2a396b6379273a0639d4221e', class: "table-wrapper" }, h("table", { key: 'f8a66cf99bf0dc185d0cc541e3d38f4b68b136be', class: "table table-hover", part: table }, h("thead", { key: 'c47c664e4bc8526b494d089b8e1198dfe27fa4fc', class: "table-head sticky-top" }, h("tr", { key: '645aca7f2610bd3b86c8e775edf264c9f53c7f6f', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '79a046fced553f214e55d56c401211d0d682394e', class: "table-body" }, h(TableLoadingState, { key: '654f967a8b9552213a232d35e74d2700cc237cfd', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80d985f6055e254262653e240b0d16a2e46123d0', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a99fa4e4f370b70cc927a9b3e65d54828e56e448', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '619b3f952c5e6f8e1c612927b5d976ea6e4cffe7', class: "sticky-bottom" }, h("tr", { key: '5fb77b80e4c52154c658bbd2ebc8de9d8bc903aa', class: "table-light align-middle" }, h("td", { key: 'a5d1d6d1cf164681ad7a5f59bf4ae9a70e94911c', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ce6e17ee3d3a6a3f513dedef209e9d4f2d7eff31', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1876,7 +1876,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
+        return (h("div", { key: 'd59371a35f7215a7e93678b3e8ed37a7900ae294' }, h("style", { key: '70630b46ad7933447a8ed41d3dc7f304600be42a' }, `
           .popper-content {
             display: none;
           }
@@ -1884,7 +1884,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
+          `), h("div", { key: '94b22314d2bcf4ac41ab3239758b2421945de604', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '5c6af2fbf398b3377323f1a78b394ef5eb702463' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
-import { S as heading5 } from './parts.js';
+import { T as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
@@ -49,7 +49,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f13b1b07f7e47661e94730ac84a2f579e20c407c' }, h("div", { key: 'b50fcf45a6c872543c6a691f43e82b697706c0eb', class: "row gy-3" }, h("div", { key: '71c5a773cd7254a76d4071abbecb4067417266f7', class: "col-12" }, h("h2", { key: '84beef4a3879bb36c3d5755b5e2b23c04e018247', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f58feed75554bdf80574dd6a961f07bc6ff67a68', class: "col-12" }, h("form-control-text", { key: 'e781dad51a096012a9fdbe56169c62abd1c7558d', 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: 'c617221a62a8226432216fa3cf1a6bdcaea53dd8', class: "col-12" }, h("form-control-text", { key: '5c4a2d8cf779c0a4cb38c5bfd29e21d610c3283b', 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: '639449c6544b6fcbaca4a777b0b2e31573c6fb85', class: "col-12" }, h("form-control-textarea", { key: '54794fdbf93af16f55f0d7e9f3b2152a774e9ff7', 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: '24c0ad1a768f69d4f181ca12cb1520d9d89df06d', class: "col-12" }, h("form-control-file-v2", { key: '20ba764e44adfd05da308dd98de210b6a6a1918c', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '0171a822afcd450db5202e4ec1925fd85ff68090', class: "col-12" }, h("form-control-file-v2", { key: '24d31b7c0ae09f10f144e80045eadab93c01ee14', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'd2de3bd04c9669399f9fedec4399a05ac310ed69' }, h("div", { key: '3f04107b1e74560103db25f99b03cd585b3421bd', class: "row gy-3" }, h("div", { key: 'e421dc7b298895407fbbb6148d67effcea8bc723', class: "col-12" }, h("h2", { key: 'bc4c8e02aad8233978b8fb23f2387d140cacd85f', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9d578e5a681c449da348dff753809458e1389152', class: "col-12" }, h("form-control-text", { key: '7da1bb3641095a93b504b37d972e0a25bcee5131', 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: 'f5f43784fb15dbdbe1dbd747c692d5a1d39b0c4e', class: "col-12" }, h("form-control-text", { key: '1caa70711c25f25b0b517c821852b21f6fa9b69e', 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: '2f2ef97ac330b9a43deb257c10132260747f8faf', class: "col-12" }, h("form-control-textarea", { key: '11ede0b16ac7b8a2891ed10eaa89b3310b7aca93', 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: '421f0e76563910baac247673ca0d73b79e46b071', class: "col-12" }, h("form-control-file-v2", { key: '0b22b4a895f35a99d529a1a6b29873010ff727a6', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'dc7419f81931ca5d076ac0aa2aca59109f9b6e20', class: "col-12" }, h("form-control-file-v2", { key: '6dd57aa10711fcd2f1abc4a0f926ce47b31d78f6', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -72,7 +72,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: 'd7763c7713e5278f02a1b903bbc0b2c905bd23b0' }, 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: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, 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"]