@justifi/webcomponents 6.10.4 → 6.12.0

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

@@ -1,226 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { a as CountryCode } from './Business.js';
-import { d as defineCustomElement$t } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$s } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$r } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$q } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$p } from './business-documents-on-file2.js';
-import { d as defineCustomElement$o } from './custom-popper2.js';
-import { d as defineCustomElement$n } from './form-control-checkbox2.js';
-import { d as defineCustomElement$m } from './form-control-date2.js';
-import { d as defineCustomElement$l } from './form-control-file2.js';
-import { d as defineCustomElement$k } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$j } from './form-control-number2.js';
-import { d as defineCustomElement$i } from './form-control-number-masked2.js';
-import { d as defineCustomElement$h } from './form-control-select2.js';
-import { d as defineCustomElement$g } from './form-control-text2.js';
-import { d as defineCustomElement$f } from './form-control-tooltip2.js';
-import { d as defineCustomElement$e } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$d } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$c } from './business-core-info-form-step.js';
-import { d as defineCustomElement$b } from './business-owners-form-step.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-terms-conditions-form-step.js';
-import { d as defineCustomElement$7 } from './form-address-fields.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 './owner-form.js';
-import { d as defineCustomElement$3 } from './owner-form-core2.js';
-import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
-import { d as defineCustomElement$1 } from './plaid-verification2.js';
+import { P as PaymentProvisioningFormSteps$1, d as defineCustomElement$1 } from './payment-provisioning-form-steps2.js';
 
-const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormSteps extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.allowOptionalFields = false;
-        this.country = CountryCode.USA;
-        this.componentStepMapping = {
-            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
-            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            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 }),
-        };
-    }
-    get currentStepComponent() {
-        return this.componentStepMapping[this.currentStep]();
-    }
-    render() {
-        return (h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
-    }
-}, [256, "justifi-payment-provisioning-form-steps", {
-        "businessId": [1, "business-id"],
-        "authToken": [1, "auth-token"],
-        "refs": [16],
-        "currentStep": [2, "current-step"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "handleFormLoading": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-payment-provisioning-form-steps", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "owner-form-core", "owner-form-inputs", "plaid-verification"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-payment-provisioning-form-steps":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioningFormSteps);
-            }
-            break;
-        case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "bank-account-read-only-value":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "business-documents-on-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "form-control-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "form-control-monetary-provisioning":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "form-control-number":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "justifi-additional-questions-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "justifi-business-bank-account-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "justifi-business-core-info-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "justifi-business-owners-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "justifi-business-representative-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "justifi-business-representative-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "justifi-business-terms-conditions-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-identity-address-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-legal-address-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-owner-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "owner-form-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "owner-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "plaid-verification":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const PaymentProvisioningFormSteps = PaymentProvisioningFormSteps$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { PaymentProvisioningFormSteps as P, defineCustomElement as d };
+export { PaymentProvisioningFormSteps, defineCustomElement };

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

@@ -0,0 +1,226 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { a as CountryCode } from './Business.js';
+import { d as defineCustomElement$t } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$s } from './bank-account-document-form-inputs2.js';
+import { d as defineCustomElement$r } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$q } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$p } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$o } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$n } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$m } from './business-documents-on-file2.js';
+import { d as defineCustomElement$l } from './business-owners-form-step2.js';
+import { d as defineCustomElement$k } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$j } from './business-representative-form-step2.js';
+import { d as defineCustomElement$i } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$h } from './custom-popper2.js';
+import { d as defineCustomElement$g } from './form-address-fields2.js';
+import { d as defineCustomElement$f } from './form-control-checkbox2.js';
+import { d as defineCustomElement$e } from './form-control-date2.js';
+import { d as defineCustomElement$d } from './form-control-file2.js';
+import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$b } from './form-control-number2.js';
+import { d as defineCustomElement$a } from './form-control-number-masked2.js';
+import { d as defineCustomElement$9 } from './form-control-select2.js';
+import { d as defineCustomElement$8 } from './form-control-text2.js';
+import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$6 } from './identity-address-form2.js';
+import { d as defineCustomElement$5 } from './legal-address-form-step2.js';
+import { d as defineCustomElement$4 } from './owner-form2.js';
+import { d as defineCustomElement$3 } from './owner-form-core2.js';
+import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$1 } from './plaid-verification2.js';
+
+const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormSteps extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.allowOptionalFields = false;
+        this.country = CountryCode.USA;
+        this.componentStepMapping = {
+            0: () => h("business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            1: () => h("legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            2: () => h("additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => h("business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            4: () => h("business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            5: () => h("business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            6: () => h("business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+        };
+    }
+    get currentStepComponent() {
+        return this.componentStepMapping[this.currentStep]();
+    }
+    render() {
+        return (h("div", { key: '0dc1675cbaf760028c6631eb64192c61361fdec9', class: 'col-12 mb-4' }, this.currentStepComponent));
+    }
+}, [256, "payment-provisioning-form-steps", {
+        "businessId": [1, "business-id"],
+        "authToken": [1, "auth-token"],
+        "refs": [16],
+        "currentStep": [2, "current-step"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "country": [1],
+        "handleFormLoading": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["payment-provisioning-form-steps", "additional-questions-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-core", "owner-form-inputs", "plaid-verification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "payment-provisioning-form-steps":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaymentProvisioningFormSteps);
+            }
+            break;
+        case "additional-questions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "bank-account-document-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "bank-account-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "bank-account-form-inputs-canada":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "business-bank-account-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "business-core-info-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "business-documents-on-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "business-owners-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "business-representative-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "business-representative-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "business-terms-conditions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-address-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-monetary-provisioning":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "form-control-number":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "legal-address-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "owner-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "owner-form-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "plaid-verification":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PaymentProvisioningFormSteps as P, defineCustomElement as d };

package/dist/module/payment-provisioning-loading.js

@@ -1,6 +1,6 @@
 import { h } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 

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

@@ -5,13 +5,13 @@ import './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import './details.js';
+import './justifi-details2.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { h as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, al as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -140,7 +140,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'b694ec89a330819723a9c5a093515c5e594fd811' }, h(TableComponent, { key: 'b0e7f6fa8d4eebb697c0b78a638c9bd61146eb1c' }, h(TableHead, { key: '9952bf57d182e3530d8c0cdd9abc68f50633853e' }, h(TableHeadRow, { key: 'ac5beb9ed786566aadd04e8802c967760c90ba3c' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c167c67965757d73b3d433861a974d4ed499cae1' }, h(TableLoadingState, { key: '456ad5dd06da225fc593361fc2fb244312b6dbd5', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '11cc043cf73eef3d520504285ffa13e21df0963a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'c98ab4e30ceb0cc8c8c0c239a8fbb8d4a7a63477', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c5f2334f863b4da3be4a05220bb90358c0df1dfc' }, h(TableFootRow, { key: '229efe9952902c693e19c5d22f589e2b404e8e16' }, h(TableFootCell, { key: 'b99252aa7653b8bed555998f6178a88c47c78d17', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'b6312dfc56e4ce169c4f52cc867ffb11013c3817', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cb0670480c9debdb07cc85643517be3e3eec1c02' }, h(TableComponent, { key: 'c8c191f752d92763d609b0ea63b267e5f612ecea' }, h(TableHead, { key: '3effeb476774075b9ce0f61a456b2887b4140d8e' }, h(TableHeadRow, { key: '5a31ba0211417388a08ab75271d4cd39300e2f49' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '53805d81a29b319bc91dc3356638e8307d371d8a' }, h(TableLoadingState, { key: '36eae2bcd5135b2f9d2f222974f431a4378a5aef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'edc30a10dc2e1e9b2316d96a60c1915c243c5f6d', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '6ea908dda99c8669a72b7886bb1b987f8297bb2c', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'da0bf1d3966ad88658d2fb2562a84fc0d73378dd' }, h(TableFootRow, { key: 'a57c80fffbba11566b3092cab3dbff2db90da698' }, h(TableFootCell, { key: 'fea921b006d05a26759cbdc28888ac57f9bd34c9', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f23790e00890a70ef676678fab14da5beef2e02d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index3.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

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

@@ -1,9 +1,9 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { j as capitalizeFirstLetter, a as formatDate, b as formatTime } from './utils2.js';
+import { j as capitalizeFirstLetter, f as formatDate, a 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';
-import { d as defineCustomElement$1 } from './details.js';
+import { d as defineCustomElement$1 } from './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
@@ -77,9 +77,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '6720c8a6f5919d8f563cd9e21a93d64de0916060' }, this.loading && h(PayoutDetailsLoading, { key: '26214ad3e6d784f4810155addcf19b9e4b869269' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'fd810d7c04562bd4aa21681b9473bf32c84bb368', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '2d379a2836fc98964b048a284eaa0d3b51f404fa', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '43b43e3c1d35bba3111c202310a2a96f1a916e9f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '68203b090ad2aab3aaf0a2070a0a5b5a8f471fc0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd427383d0b66287d36ec142b3edfdf89d1ff53d6', title: "ID", value: this.payout.id }), h("div", { key: '172eaee1f1f66c361e366e8c1422d158c44991ca', class: "m-4" }, h(Button, { key: '59e3f95f23d29681bb36b297e954140d3e056474', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a32accc21bcf9c8b7db906b62fc0dc179d126e10', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '46c8fa58f696bed5628a129b8c956aa3ccc7a8a9', sectionTitle: "Details" }), h("div", { key: '43cea4c35521d0ec45b2eb73f0ec3aa4cbe076bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e19c95cbced986d7e0aa7dd5a59d0e3425c1a492', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'e64dbb1e230816f589600d97bece2aaecf7e3837', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '0009fb64dccd61d1941dc80c5613d54316e6e8fc', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '933746728601556d77e135f031d5bbce4227beb3', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'a2dac791b686fc7ca35da5a51a64c5e47fb94fa6', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f2334d9d641f6f096a7fa4d3d04fe496c19fcf2d', sectionTitle: "Account" }), h("div", { key: 'f76e30ebbe32c0d37ebcf205371b5e40cd4be768', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0878dca0ec871ce45a3bf548fd987596d98a2bb3', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '7c751efac65871cdc8041cb0645cb11f30e9e188', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e4a169e43cda405be68e07ec191e981f8fb32d13', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7740bd18dca90ec0f64de729712a49e4c510056a', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a7798c561869ebfa212b724af432f304654d4c3f', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '4e2a9585769fc5ebe1dc57e78781568bad07d004', sectionTitle: 'Metadata' }),
-            h("div", { key: '26258eaf4e250e200cf4515c283ef1fa6085fb88', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'fe30682ce11c5a7dc9d401ba7af42b1a33ce437f', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'a8287bc7876fb6bc5c3d008ed567517f3867d224' }, this.loading && h(PayoutDetailsLoading, { key: '167de1bc4e1cd6ff9541cc2938b76a11c22ef5a0' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '855a958fef35272476d3627ab9090d878a931754', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '3959ca35b2079b9c706e3d1ff61eff11908fd6fb', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'dbf66f3e3182c064d25c5d954c94e5d9b33daedd', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6002a1271f9d8760b3b32ac58051ebcc349b3587', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '758cd5857f0bd662c1024e6a832af89682e6e04c', title: "ID", value: this.payout.id }), h("div", { key: '157f055fcde2d4f2459f9b0137d2336042060a2c', class: "m-4" }, h(Button, { key: 'b06499ec539625811d59a49247412a5e895d5a2b', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d9cfd34a6e287a036d9dbefebb6bccf9826f02a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '48dd8b899bb05a2ad9391dff4fc680d5217c2f57', sectionTitle: "Details" }), h("div", { key: '1ac554fc5cfd6d9bcd6c4bcf8c457fbe994d2012', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '579805f2dda9731924a1664d5e94688bcb9d4737', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '77e4f3c7c765f15e8db99be575d88a0a7eb133db', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'f17feb8d95a4a984b60c4cc4e5c6fdf256fd20ed', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '97f137eed7da0d7c97f60c6c5af09b3e3178961e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '434af541071ec379a70a7df53a2c53cded500391', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f5faa48919e5f643d7056e8aca9f4874eed9d7a5', sectionTitle: "Account" }), h("div", { key: 'c78e1f2434c2de86b9e5bc22eba93ef23a7202d8', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5daa43dfed4eab38c42fce4863690b7b9e6d87b9', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '833178ee477cb751682b26e547500081517be7e4', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '22fd85f14c1c3943f5405a85aa6f711af30d5035', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'bfbcd75ff6ddcae0d4384a12e56900569f838e17', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'bb8da6a4483c081b10a3dab4594b0cdda40f3536', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '5e91b3074150b712ad9a7bd1237cead97b6e29db', sectionTitle: 'Metadata' }),
+            h("div", { key: '3f18620337f22267404f0f400ebd3f19f54ca2fa', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '931f6c2649336a7e5da27cc41460bdc9a5b99304', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,17 +1,17 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import './details.js';
+import './justifi-details2.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { w as tableHeadCell, al as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -174,7 +174,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '9d4901c03d1675ddd796f39e0cdcf26ca00429a1' }, h(TableComponent, { key: '33b4fcacd131e6c0da270794ba0468b2fd56da06' }, h(TableHead, { key: '75c31aa3ba376963ede6772cad99d4b1300aafd7' }, h(TableHeadRow, { key: '68c2afe4d5c0a0454d93a3524081d56dd40cebe4' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'cb63360e078916afcf693edc8044f16b591c044a' }, h(TableLoadingState, { key: '7d70f2f379238562c067d2167f689bc312f00775', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5ad3d0c6bcda30cc3717c5665b7c97d07893a013', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5fea02bcfc56b40b99cb16bd29d7657629273374', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '93eeae7b266e3973f4ec11ad645fb870711c855d' }, h(TableFootRow, { key: '9a4e32b57717b2245b66e23ac909ffe97edf6f96' }, h(TableFootCell, { key: '6d4ce9cc708528176c8d574bddc291f2440fe262', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '0ae57a77ebfde889ddc540886b3b7c7d74a3d133', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'fc1f3f0ae5303b725825fb85511c1b82d1859e51' }, h(TableComponent, { key: '39cc756942ee907a4f28d393f9394f3b2fe8de65' }, h(TableHead, { key: '14a32b75bcc3c5acf3ebb991138551158e77f1f0' }, h(TableHeadRow, { key: '54994adbec3b9e989e310061342fb39254f676e8' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '589a1bd6a80eb70597905cb5158c7fb957f139c4' }, h(TableLoadingState, { key: '04e43f7dc4762d202dc1e8a6eacf398ca4f0a491', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4111b8f9acdf91495661001feab7f608611b3fcc', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'de53388b6812ea1663140799c9e1278e0bfb1a05', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '6d4b26f00c3610881e0984f8cc12ce81b400b5f4' }, h(TableFootRow, { key: '874f4bb62fae785bf940b6ad14dd352c4c76ec81' }, h(TableFootCell, { key: '27283f9f1bbf3608d094da4b72bb3aadcf0e3e88', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '746ef2cfbdab63f03fa1910999d7da0dcdd5d108', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index3.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/module/plaid-verification2.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import { Y as buttonPrimary } from './parts.js';
-import './details.js';
+import { D as buttonPrimary } from './parts.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PlaidService } from './plaid.service.js';
-import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, a as ComponentErrorSeverity } from './Plaid.js';
+import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 
 const PlaidVerification = /*@__PURE__*/ proxyCustomElement(class PlaidVerification extends HTMLElement {
     constructor(registerHost) {

package/dist/module/radio-list-item.d.ts

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

package/dist/module/radio-list-item.js

@@ -0,0 +1,6 @@
+import { R as RadioListItem$1, d as defineCustomElement$1 } from './radio-list-item2.js';
+
+const RadioListItem = RadioListItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { RadioListItem, defineCustomElement };