@justifi/webcomponents 5.1.0 → 5.3.0

package/dist/module/payment-provisioning-form-steps.js

@@ -1,29 +1,28 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$v } from './custom-popper2.js';
-import { d as defineCustomElement$u } from './form-control-checkbox2.js';
-import { d as defineCustomElement$t } from './form-control-date2.js';
-import { d as defineCustomElement$s } from './form-control-file2.js';
-import { d as defineCustomElement$r } from './form-control-monetary2.js';
-import { d as defineCustomElement$q } from './form-control-number-masked2.js';
-import { d as defineCustomElement$p } from './form-control-select2.js';
-import { d as defineCustomElement$o } from './form-control-text2.js';
-import { d as defineCustomElement$n } from './form-control-tooltip2.js';
-import { d as defineCustomElement$m } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$l } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$k } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$j } from './business-bank-account-form-step-core.js';
-import { d as defineCustomElement$i } from './business-core-info-form-step.js';
-import { d as defineCustomElement$h } from './business-core-info-form-step-core.js';
-import { d as defineCustomElement$g } from './business-document-upload-form-step.js';
-import { d as defineCustomElement$f } from './business-document-upload-input-group.js';
-import { d as defineCustomElement$e } from './business-documents-on-file.js';
-import { d as defineCustomElement$d } from './business-owners-form-step.js';
-import { d as defineCustomElement$c } from './business-owners-form-step-core.js';
-import { d as defineCustomElement$b } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$a } from './business-representative-form-step.js';
-import { d as defineCustomElement$9 } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$8 } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$7 } from './business-terms-conditions-text.js';
+import { d as defineCustomElement$u } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$t } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$s } from './business-documents-on-file2.js';
+import { d as defineCustomElement$r } from './custom-popper2.js';
+import { d as defineCustomElement$q } from './form-control-checkbox2.js';
+import { d as defineCustomElement$p } from './form-control-date2.js';
+import { d as defineCustomElement$o } from './form-control-file2.js';
+import { d as defineCustomElement$n } from './form-control-monetary2.js';
+import { d as defineCustomElement$m } from './form-control-number-masked2.js';
+import { d as defineCustomElement$l } from './form-control-select2.js';
+import { d as defineCustomElement$k } from './form-control-text2.js';
+import { d as defineCustomElement$j } from './form-control-tooltip2.js';
+import { d as defineCustomElement$i } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$h } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$g } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$f } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$e } from './business-core-info-form-step.js';
+import { d as defineCustomElement$d } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$c } from './business-owners-form-step.js';
+import { d as defineCustomElement$b } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$a } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$9 } from './business-representative-form-step.js';
+import { d as defineCustomElement$8 } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$7 } from './business-terms-conditions-form-step.js';
 import { d as defineCustomElement$6 } from './identity-address-form.js';
 import { d as defineCustomElement$5 } from './legal-address-form-step.js';
 import { d as defineCustomElement$4 } from './legal-address-form-step-core.js';
@@ -42,8 +41,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
             3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
             4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
             5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
-            6: () => h("justifi-business-document-upload-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
-            7: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[7] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            6: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
         this.businessId = undefined;
         this.authToken = undefined;
@@ -56,7 +54,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '7c2dc774f9c84172ffe0dbe18d24d9c582711159', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'a83b5ef4442783fe771eef6d6418c97aa0a9026d', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [0, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],
@@ -70,134 +68,129 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-form-steps", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning-form-steps", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentProvisioningFormSteps);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "form-control-checkbox":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "form-control-date":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "form-control-file":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-monetary":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-select":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-text":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "justifi-additional-questions-form-step-core":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "justifi-business-bank-account-form-step-core":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-business-core-info-form-step-core":
+        case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-business-document-upload-form-step":
+        case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-document-upload-input-group":
+        case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-documents-on-file":
+        case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-owners-form-step-core":
+        case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-business-representative-form-step-core":
+        case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-business-terms-conditions-text":
+        case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/module/payment.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 PaymentService {
     async fetchPayments(accountId, authToken, params, apiOrigin) {

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

@@ -1,14 +1,16 @@
 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 { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { j as convertToLocal } from './utils2.js';
-import { o as onQueryParamsChange, q as queryParams } from './payments-list-params-state.js';
+import { h as convertToLocal } from './utils2.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
@@ -82,12 +84,11 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.requestParams,
+            params: this.params,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
                 this.paymentsTable.collectionData = this.payments;
-                this.loading = false;
             },
             onError: ({ error, code, severity }) => {
                 this.errorMessage = error;
@@ -96,8 +97,10 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
                     message: error,
                     severity,
                 });
-                this.loading = false;
             },
+            final: () => {
+                this.loading = false;
+            }
         });
     }
     get entityId() {
@@ -112,15 +115,15 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get params() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     render() {
-        return (h("div", { key: '6ae0c491d9ba248e878f65915448b715ae1c3381' }, h("div", { key: '3e2a5fe63f83d7a45c44486bc7dc7e2493b29520', class: "table-wrapper" }, h("table", { key: '3523e917bd342db707671ce9069a17618b20d1f8', class: "table table-hover", part: table }, h("thead", { key: 'e3436965637929742b7b827627504f8b4776cd7c', class: "table-head sticky-top" }, h("tr", { key: 'edf671796c2a0ad5b1fc9d6e3c3c0210f841946d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '1cc99781f6a96dd3597fa32c31e2dff6861cc945', class: "table-body" }, h(TableLoadingState, { key: '0b1e2a89902ca170252139807512d2d91f2260f0', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '1857d904b79a0a5b9276846a6b0afd5fe54b72f0', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'da42e70686ca49cef71bce6fd596bd18f1f1f365', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'e6dd57881b2643442d61c01a5308529ba1e24dc0', class: "sticky-bottom" }, h("tr", { key: '6dfb87ce0ba57057505e961825bb54bbe5d29910', class: "table-light align-middle" }, h("td", { key: 'a47bd709a0296308c7348cda14bf1d2958f10feb', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '0db007e310d5ca49bd05b5dbc7673cc2276b9ce3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'a3a996622a365ecf9960a36f249dcd3a8cea3106' }, h("div", { key: '79b86ae4a59b6c50ff72ee1dddb7d9660220e003', class: "table-wrapper" }, h("table", { key: '0f0904d5db86c1e7e3141e991bb20dade2bfb46b', class: "table table-hover", part: table }, h("thead", { key: 'a5895f88cea8962b31aed180b24fc8a287664d56', class: "table-head sticky-top" }, h("tr", { key: 'e883f164efc6a77eea64482974d4e667d264110d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bbb65c479ca06b02d711d510516432db815b3fac', class: "table-body" }, h(TableLoadingState, { key: 'a212a7fc190e5bede2ff98e7dad737260b94fc9c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '41543e33097fbcc753ab11fad1214b6dd06c4f78', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '06862d555775195430f95fa3efc41d301444cc4e', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '7453d140f8f9ca941be9cf5b9dad4491ace10095', class: "sticky-bottom" }, h("tr", { key: '5299d703ca1c741687e1340b98876cabc4c3636d', class: "table-light align-middle" }, h("td", { key: '96f9f447db74126b92f3f3f657d4253617c0b85b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '19a8da89dfc77c2d97b3b726f9a27a72825eafe3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getPayments": ["updateOnPropChange"],
         "columns": ["updateOnPropChange"]
@@ -135,7 +138,6 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         "paging": [32],
         "pagingParams": [32]
     }, undefined, {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getPayments": ["updateOnPropChange"],
         "columns": ["updateOnPropChange"]

package/dist/module/payments-list-params-state.js

@@ -1,10 +1,16 @@
 import { c as createStore } from './index2.js';
 
-const initialState = {};
-const paymentsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = paymentsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    paymentsListQueryParams.reset();
+    filterParamsStore.reset();
 };
 
-export { clearParams as c, onQueryParamsChange as o, queryParams as q };
+export { clearParams as c, filterParams as f, getRequestParams as g, onQueryParamsChange as o, propsParams as p };

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, b as formatTime } from './utils2.js';
+import { b as formatDate, d as formatTime } from './utils2.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -74,7 +74,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'ace7565dae883381e2668214e01cc949470f4a6a' }, this.loading && h(PayoutDetailsLoading, { key: '9412e6135da55bddc2964b87065f212bdb1399eb' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df9b5bf40cc35a5366e9b1ed296b0e289a9f182c', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '64575c2f0be0beaf72094c0dfe9a343fdcd25c88', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'c95da0d064416dd0fbdff948c92dcd2b116e1da5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '765da16cba8659fecc6a4c11b2856f8b1edc3a32', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'ff60105de95f6ef897618a5e7cef2fb39257b9c5', title: "ID", value: this.payout.id }), h("div", { key: '8444116278f29220fe7260d6849ed7db2296d4b4', class: "m-4" }, h(Button, { key: '686e61a3ea27b62024e3544c32542e9ca710c96f', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '5d70b7fcd4ac63002659ffc08c3c18e4b18e3f46', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '8d17ae90696880259707d0500873127c7f134339', sectionTitle: "Details" }), h("div", { key: '80111eb713f6b643a415aaf66accfdb9e279fe03', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'a7c7809a862b315960fd3f7aa5c73c45efb55512', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b9b03681675854eb3f0d1445f45b1e20a648ded4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'fa34b24385e0638d7ccd8ceb7382a1f113f0c966', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '6acc6435f7f8b277abd35a8ac90e01556aaab18e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '560cedeb5230503e74e90bb3e531aed21d317f6c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '42e2d36cb570acad67366e65316a22dac8f4d4fc', sectionTitle: "Account" }), h("div", { key: 'f2eebf080a48ba0d818363c09269689e201ed5fc', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6064911935f9e3ef75db3ec7707dd3a182c98c5c', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'eb44916f2659dfc6d81f4e995b3f34527d15e6c2', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '0dbf8e17dfbc1ff1cd70be1d67a6907b91478a98', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '2b377f8749d66f6fd58f5a8437c1e21fbb774706', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '886cc82be28c9cd86200adf78a61846fece1cf40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'ec5c8ab11778eff8b89be26f85c7172d38b5d4b3', sectionTitle: 'Metadata' }), h("div", { key: '9c72eeee6fb33e536c8425ba1dd6d4a0c8b066ce', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '85ea6096635c9bb6c8fc0b5298dd4cbb6411392c', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '4549ec693037f9a88ce74520fd227022d4a2db43' }, this.loading && h(PayoutDetailsLoading, { key: '36017a6e0faef41b11d79605177e215e614a3aa1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c85f8ade3faf633fe0901d9500eb3353ca37bb2b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cd855de095506f7002e2e1c0188250b227927a17', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'acfb6cf5f22e321fa20af3b17a8efb2fad959b84', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a5a642616006a55cd7c1b0a6782b4400fceb930c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '239d10bb38e0f583ce9f40182ebd06d0a0ea7435', title: "ID", value: this.payout.id }), h("div", { key: '6863a35b9f6d5490ede7ee6fa82987691615b3e2', class: "m-4" }, h(Button, { key: '1760a4e1666aa8d8de5997c29c3c127a4e36f4b5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '32adb626ca04e368ef4b194f198ebffd3b04222e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '9e4ad804af83027bcf5a3c338bda5e70e97cc892', sectionTitle: "Details" }), h("div", { key: 'c927105a44b2da4c54d1a37ae67284f0674551c9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'e1870dc67a0d4868670d8be56c918e78b50f905d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '5fc96b304fc547112cd73eb4fb2630dd428830e7', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'da6ef701996e84cd8e6a07d78a25a5e9a79b9ea8', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '9e64e4d9dcfcb061bcaa7cece2420ebf345b8000', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4a86a9dd33c22d08f05ec2728478a787a00a8322', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'db556a34c5d00c4d3e92c1cf4d01387bff3ee51d', sectionTitle: "Account" }), h("div", { key: '650b29a42b66a5c6472175c2908e3e3bedacf5d3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dc66788666c8171a88712615b3b9972c3b4b0d3f', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '203f2cf47a4ef904cec14e1c513f4e7debd8fce8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'de0b55071cf0303666f6f586de3c409684cb6a7d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c844ae5678df1b9181e7ecc75d96b166b75afe64', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0d53d6165128f2783bb2d2a16fe736fa89b3f897', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '32578f8453ceb9f8196c393b6d729bbf9e287e04', sectionTitle: 'Metadata' }), h("div", { key: 'fdacbd0d6ce9c91557043a797d41a82e88d8ad61', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '97ec42b9a84d270166a634e15cf8c3aa4d9ff532', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -1,13 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { n as getAlternateTableCellPart, m as tableHeadCell, 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 { q as getAlternateTableCellPart, o as tableHeadCell, 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 { j as convertToLocal } from './utils2.js';
+import { h as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
 import { o as onQueryParamsChange, q as queryParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -172,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'c546790efb9cc49a78063b3761a9c92038acedd5' }, h("div", { key: '60cc337e0c1c4eb7eb59599cdd0520e4031d1ce9', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'e7188291031c23dd5bb7f843b4adebb2c5f2675e', class: "table table-hover", part: table }, h("thead", { key: 'eb3a3b5af4016ae73da8af381e778fe433e683c6', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '9352fcc352a8ea33aa1d49844e092f89a9863ce9', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c924a2a65215845c119f3339b7905a6d7c3cc1fa', class: "table-body" }, h(TableLoadingState, { key: '1d811e44a1319a102a0c56a62c56dda13eb6463e', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4dacb3d2cf264c1c367a465cb04221be6b2f1e21', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'b294b854e12adcf39c32aaaa34b260775c5195b3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '668400d517551fa89af74f655befc11a091a0de0', class: "sticky-bottom" }, h("tr", { key: 'b59f6342dccf4c34cbdbddcce7cb4e1c12116fe1', class: "table-light align-middle" }, h("td", { key: '022afdd48ae81ec33f85c90e045d197f0e2f90ec', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'a7e7a1ccdc238af532608626b25123fcd93a6206', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '80d7b9e09153270375ef79961996ed56f0ee6ba2' }, h("div", { key: 'bb769ab3fc09acea181a231f98f5aa99be24e675', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'b008fd21153c738b85e1a37c2e43932e13b8f58d', class: "table table-hover", part: table }, h("thead", { key: 'f4c7146142cc714f24dccddda4404d5534e068b5', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'bfd485e191f11725681a1055b049c7c11eda7858', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '77797d4d7ebfed8206fb5b693d973c8fb539f1b8', class: "table-body" }, h(TableLoadingState, { key: 'd8c55ac393e2952b9cde96b8fcb45cf88978d90b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4122715eaa2363e9a21a3dec18a935bc98ac530e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5017f0eca302fe6c80d62d8e9af73b68d04db658', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'da997bb2d356800bdc918415a60c03d09ab0d158', class: "sticky-bottom" }, h("tr", { key: '22a61b245c6aeb630bb3887525d826d5b3589c7c', class: "table-light align-middle" }, h("td", { key: 'f378c94db17592855e94066113bc064d0f936d45', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '32f8c9fc1a401a5f7f40669d56be3f703a3fdd40', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/module/product-or-service.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$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -46,7 +46,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'acd3ad222e15e0ddc7f3410410958bb73195529c' }, h("div", { key: '12cc20448141d7816bcfdb5171b9b979c0255267', class: "row gy-3" }, h("div", { key: '695ad169190e1ec763942ad285e47a390fbd1b41', class: "col-12" }, h("h2", { key: '44a0fb6aa27be23832c3f39f33506b57ccc7e468', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd41bf77ff6a7d8e4fa5ef5cda4fa447dd8a8b07f', class: "col-12" }, h("form-control-text", { key: 'd81cfb94f63dc0b6711c180b7bdc86a64f375691', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96405e6808644dbd4fadcad86f11a90b2b111812', class: "col-12" }, h("form-control-text", { key: '5de5c4df7331be1fc94e7c44ebf2c72bb127aca3', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '60366bef77d86a348cf73c7d97be53769d2473df', class: "col-12" }, h("form-control-file-v2", { key: '8ece21a45a7675cd155c469e3aa327e4a3b3106b', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: 'a40a8a641d5b0e56fea415895b33523f5981fdc2' }, h("div", { key: '82da6b545c20d56b4b0e02c214448a15edf27440', class: "row gy-3" }, h("div", { key: '00cc29411e76d553c1b3fcda0ad2b02a08401b15', class: "col-12" }, h("h2", { key: 'a313f27a3d7c23c428ef14a7269c051c9053305c', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '07efb7c5c5ce83e098838b5ccd48ca8ca93e189c', class: "col-12" }, h("form-control-text", { key: '7c94f75e3555730ac5aa65b1baed84d7530ffee1', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd679f7b7c59ac645128f99c9fed0a49bca3907bb', class: "col-12" }, h("form-control-text", { key: 'e8b13489274045c77db77c000c11a242b6aae255', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'b24282195e2818158b5b6ef3c4c0581409680f4a', class: "col-12" }, h("form-control-file-v2", { key: '3e401f3149b104bb4d346bcbe6906c206abe8067', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-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 RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'b91af9cbcac0c390b5c4d5c445976d4a8833907d' }, h("div", { key: '0d94fd8318404dd97dcb035d48a7fcb99b5ae87f', class: "row gy-3" }, h("div", { key: 'd97378e24b0c8a5f71a626d116df0862829f1a92', class: "col-12" }, h("h2", { key: '4e1ab56c967d24865c7609691245dae472a46976', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'a99ee9a75fb1c5b411aa2705ba9a0f14885e5358', class: "col-12" }, h("form-control-textarea", { key: '6d23c869664ecbbd369ca88e85f7a1033cf5ffe4', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '50b3def529f23f3cae755b762b43caa1f5329c21', class: "col-12" }, h("form-control-textarea", { key: 'e3bce3c6aa80af945884bbec847358a8e259a3ff', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '771b3e3e163d31ceab83904e4926f61a768ef460', class: "col-12" }, h("form-control-file-v2", { key: '872e482d0f99c2212c9ca9fe0ac56f5e8c17aa88', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '857353db7a0aee5fd54215b1c5f00ddffdd5dd77', class: "col-12" }, h("form-control-file-v2", { key: 'fa7a204cddb61ed8e30b0c3d1c6227bc2ab9cdfa', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'af53582fbda822cf130de3cb9ebec8ca228285ef' }, h("div", { key: '6f2bd60cc9e03a154d876f136a7776e8b168ce2d', class: "row gy-3" }, h("div", { key: '65cf646cf92f1ae0700c873f759061adb884cc81', class: "col-12" }, h("h2", { key: '74aed04947fa6868c151a31d144dbf922acf401c', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '57632d99565dc3e007b4c4421fa26c1faf12f49b', class: "col-12" }, h("form-control-textarea", { key: '1531c99a09c71d319fc800c9108ad0ddec99704d', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'ae973eeecdf7fdafa25f00977898ba453a6180b5', class: "col-12" }, h("form-control-textarea", { key: '1b6d4d9a412b0300dcbd5bf7c52af6b43a070bc8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'e37a85c57c72af2e7a055672caf654637d53254d', class: "col-12" }, h("form-control-file-v2", { key: 'a953f49dd1c77960deac827ad0e61e65e57ca701', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: 'e1d5e0afaf9dff41d58c280e88182fcef4880428', class: "col-12" }, h("form-control-file-v2", { key: '57a94d969de6a38e4d46ab06c6585401dddde1db', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/representative-details2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { i as isEmptyObject, f as formatMediumDate } from './utils2.js';
+import { i as isEmptyObject, a as formatMediumDate } from './utils2.js';
 
 const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class JustifiRepresentativeDetails extends HTMLElement {
     constructor() {

package/dist/module/save-new-payment-method.js

@@ -13,7 +13,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h("div", { key: '017cbce906d331b82eb5dc726197da3ea3ba51e5', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'ca22562653b216d16bd19765f1834ff2428820cc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+        return (h("div", { key: '86520e5820d9e6ef19946566b31912c5b1050bf6', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'cc87b708b88aaf4b1f1a93f6b6ebfdd030f87bc0', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
     }
 }, [0, "justifi-save-new-payment-method", {
         "isChecked": [32]

package/dist/module/saved-payment-method.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { h as snakeToCamel } from './utils2.js';
+import { g as snakeToCamel } from './utils2.js';
 import { _ as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text3.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
@@ -46,7 +46,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '10b18a7c77250aac57d6afef89aea752e3bc2c35', class: "payment-method" }, h("div", { key: '80910960904f3e01fd10cba4789af4004b434490', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'abccf6aca9316de983ba899eabfffcc7b05b1d48', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: '34d26fc514053e2fe028a4a3ba0cbdeb8aa835f1', class: "payment-method" }, h("div", { key: 'da373a524b97bb91a0bc0849f0670c440f5cf5a8', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '824ebc566a018e342dd7f128c69fca873bbded45', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [0, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/schema-validations.js

@@ -1,6 +1,6 @@
 import { a as create$6, b as create$8 } from './form.js';
 import { S as StateOptions } from './state-options.js';
-import { b as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options.js';
+import { a as businessClassificationOptions, c as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
 import { E as EntityDocumentType } from './Document.js';
 
 const transformEmptyString = (value) => {
@@ -186,9 +186,6 @@ const routingNumberValidation = create$6()
     .transform(transformEmptyString);
 // Document Upload Validations
 const documentUploadValidation = create$8();
-const ss4Validation = documentUploadValidation;
-const governmentIdValidation = documentUploadValidation;
-const otherDocumentValidation = documentUploadValidation;
 const voidedCheckValidation = (documents, allowOptionalFields) => {
     const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.voidedCheck);
     if (existingDoc || allowOptionalFields) {
@@ -198,38 +195,14 @@ const voidedCheckValidation = (documents, allowOptionalFields) => {
         return documentUploadValidation.required('Please select one or more files');
     }
 };
-const bankStatementValidation = (volume, documents, allowOptionalFields) => {
-    const vol = parseInt(volume);
-    const bankStatementRequiredAmount = 250000;
+const bankStatementValidation = (documents, allowOptionalFields) => {
     const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.bankStatement);
     if (existingDoc || allowOptionalFields) {
         return documentUploadValidation.nullable();
     }
-    else if (vol >= bankStatementRequiredAmount && !allowOptionalFields) {
-        return documentUploadValidation.required('Please select one or more files');
-    }
-};
-const balanceSheetValidation = (volume, documents, allowOptionalFields) => {
-    const vol = parseInt(volume);
-    const balanceSheetRequiredAmount = 1000000;
-    const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.balanceSheet);
-    if (existingDoc || allowOptionalFields) {
-        return documentUploadValidation.nullable();
-    }
-    else if (vol >= balanceSheetRequiredAmount && !allowOptionalFields) {
-        return documentUploadValidation.required('Please select one or more files');
-    }
-};
-const profitAndLossStatementValidation = (volume, documents, allowOptionalFields) => {
-    const vol = parseInt(volume);
-    const profitLossRequiredAmount = 1000000;
-    const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.profitAndLossStatement);
-    if (existingDoc || allowOptionalFields) {
-        return documentUploadValidation.nullable();
-    }
-    else if (vol >= profitLossRequiredAmount && !allowOptionalFields) {
+    else {
         return documentUploadValidation.required('Please select one or more files');
     }
 };
 
-export { dateOfIncorporationValidation as A, voidedCheckValidation as B, governmentIdValidation as C, ss4Validation as D, otherDocumentValidation as E, balanceSheetValidation as F, bankStatementValidation as G, profitAndLossStatementValidation as H, identityTitleValidation as I, dobValidation as J, ssnValidation as K, lineTwoValidation as a, paymentVolumeValidation as b, cityValidation as c, recurringPaymentsValidation as d, recurringPaymentsPercentageValidation as e, seasonalBusinessValidation as f, bankNameValidation as g, accountTypeValidation as h, identityNameValidation as i, accountNumberValidation as j, routingNumberValidation as k, lineOneValidation as l, businessNameValidation as m, nicknameValidation as n, otherPaymentDetailsValidation as o, postalValidation as p, websiteUrlValidation as q, revenueValidation as r, stateValidation as s, emailValidation as t, phoneValidation as u, doingBusinessAsValidation as v, whenServiceReceivedValidation as w, businessClassificationValidation as x, industryValidation as y, taxIdValidation as z };
+export { industryValidation as A, taxIdValidation as B, dateOfIncorporationValidation as C, identityTitleValidation as D, dobValidation as E, ssnValidation as F, lineTwoValidation as a, paymentVolumeValidation as b, cityValidation as c, recurringPaymentsValidation as d, recurringPaymentsPercentageValidation as e, seasonalBusinessValidation as f, bankNameValidation as g, accountTypeValidation as h, identityNameValidation as i, accountNumberValidation as j, routingNumberValidation as k, lineOneValidation as l, bankStatementValidation as m, nicknameValidation as n, otherPaymentDetailsValidation as o, postalValidation as p, businessNameValidation as q, revenueValidation as r, stateValidation as s, websiteUrlValidation as t, emailValidation as u, voidedCheckValidation as v, whenServiceReceivedValidation as w, phoneValidation as x, doingBusinessAsValidation as y, businessClassificationValidation as z };

package/dist/module/season-interruption-insurance-core.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { p as processHTML, f as formatCurrency, r as removeAttribute, k as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state.js';
-import { t as text, e as textDanger } from './parts.js';
+import { t as text, j as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { S as Skeleton } from './skeleton.js';