@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

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

@@ -1,32 +1,28 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { a as CountryCode } from './Business.js';
-import { d as defineCustomElement$x } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$w } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$v } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$u } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$t } from './business-documents-on-file2.js';
-import { d as defineCustomElement$s } from './custom-popper2.js';
-import { d as defineCustomElement$r } from './form-control-checkbox2.js';
-import { d as defineCustomElement$q } from './form-control-date2.js';
-import { d as defineCustomElement$p } from './form-control-file2.js';
-import { d as defineCustomElement$o } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$n } from './form-control-number-masked2.js';
-import { d as defineCustomElement$m } from './form-control-select2.js';
-import { d as defineCustomElement$l } from './form-control-text2.js';
-import { d as defineCustomElement$k } from './form-control-tooltip2.js';
-import { d as defineCustomElement$j } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$i } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$h } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$g } from './business-bank-account-form-step-core.js';
-import { d as defineCustomElement$f } from './business-core-info-form-step.js';
-import { d as defineCustomElement$e } from './business-core-info-form-step-core.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 './form-address-fields.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-monetary-provisioning2.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';
@@ -41,14 +37,13 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
             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 }),
+            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
+            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
             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 }),
+            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-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
@@ -56,7 +51,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'bc4e1cd4a04dc6f0d9338fa737b91fe1628ed2b3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],
@@ -64,14 +59,13 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         "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-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-form-address-fields", "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-provisioning", "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)) {
@@ -79,136 +73,121 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "business-documents-on-file":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "custom-popper":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-date":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-file":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-additional-questions-form-step-core":
+        case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-business-bank-account-form-step-core":
+        case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-core-info-form-step-core":
+        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-form-address-fields":
+        case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

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

@@ -10,7 +10,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { e as convertToLocal } from './utils2.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -138,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '16623ffd64fb8c608f44daa44597f823ccd179a5' }, h(TableComponent, { key: '19933513ac4ae5f75a30e8a255ac0e53d1cb5c87' }, h(TableHead, { key: '4ca9504f2d3f98d1fe198c7524d1d80aae7ee169' }, h(TableHeadRow, { key: '497a03b10bf1fd4fbab5e132a26a4f59d0f0e947' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'd3b321c2647c28b672c92c7e6a35d1ecf5ef4ffe' }, h(TableLoadingState, { key: 'f203ce04080f5bc06eca7a1236b22b90281cf920', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d0db001613b7e1fcc23ffa93ae7f61f0d96814a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7dad16e0ed9131547334624ccfe378926771caa7', 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: 'f20e35a27f36703aa6c81e71da2b990a36074335' }, h(TableFootRow, { key: '34d9bada6b39ff6f7ce8a12e13c8276e54358758' }, h(TableFootCell, { key: 'cf868546ef932a43c6b820afd8eeb7c31b87ba2f', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '206704c8b7990ed504c41113a188aa61d6d4c6a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '2cceca3ea193752152afb7514513422ad40165a8' }, h(TableComponent, { key: '61f651673b6cfa85380ca2806907facada8152e9' }, h(TableHead, { key: '5d65f625ba51588d5c1d288d31d2f52680645f2c' }, h(TableHeadRow, { key: '0a2c0158996f39964ae0f050632e47c40e7d10f5' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4c5e3252951cad51e705a6fb377a6d4b8f28869e' }, h(TableLoadingState, { key: '9159d22917307f9886d57c488218be65782dbeb2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dcb34a17de509c1856ff3507f7e10863b3b5fe09', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5a4d81745f6764ed8860c1be74895c6f7cc7e7aa', 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: '095986da34b545b85c62c881c06e215410d26793' }, h(TableFootRow, { key: '5d592db903775c67b6f587477a0fa3713a7abd88' }, h(TableFootCell, { key: 'c23d9b7111b6f3dde3101f5fd49b297630948de5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '37deefd8ffd902f9bd458b4fa0fe5c4ef4bdb87e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payments-status.js

@@ -1,6 +1,19 @@
 import { h } from '@stencil/core/internal/client';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 
+var PaymentStatusBadge;
+(function (PaymentStatusBadge) {
+    PaymentStatusBadge["SUCCEEDED"] = "succeeded";
+    PaymentStatusBadge["AUTHORIZED"] = "authorized";
+    PaymentStatusBadge["PENDING"] = "pending";
+    PaymentStatusBadge["ACH_FAILED"] = "achFailed";
+    PaymentStatusBadge["FAILED"] = "failed";
+    PaymentStatusBadge["CANCELED"] = "canceled";
+    PaymentStatusBadge["DISPUTED"] = "disputed";
+    PaymentStatusBadge["DISPUTE_LOST"] = "dispute_lost";
+    PaymentStatusBadge["FULLY_REFUNDED"] = "fully_refunded";
+    PaymentStatusBadge["PARTIALLY_REFUNDED"] = "partially_refunded";
+})(PaymentStatusBadge || (PaymentStatusBadge = {}));
 const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {
         succeeded: {
@@ -34,10 +47,15 @@ const MapPaymentStatusToBadge = (status) => {
             text: 'Canceled',
         },
         disputed: {
-            variant: BadgeVariant.SECONDARY,
+            variant: BadgeVariant.WARNING,
             title: 'The account holder disputed this payment. The amount has been returned and a fee assessed.',
             text: 'Disputed',
         },
+        dispute_lost: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The cardholder has won the dispute.',
+            text: 'Dispute Lost',
+        },
         fully_refunded: {
             variant: BadgeVariant.SECONDARY,
             title: 'The full amount of this payment has been refunded',
@@ -53,4 +71,4 @@ const MapPaymentStatusToBadge = (status) => {
     return h(Badge, Object.assign({}, badgeProps));
 };
 
-export { MapPaymentStatusToBadge as M };
+export { MapPaymentStatusToBadge as M, PaymentStatusBadge 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, d as formatTime } from './utils2.js';
+import { j as capitalizeFirstLetter, a 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';
@@ -19,6 +19,8 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
             this.__registerHost();
         }
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.recordClickEvent = createEvent(this, "record-click-event", 7);
+        this.enableRecordClick = false;
         this.loading = true;
         this.errorMessage = null;
         this.downloadCSV = () => {
@@ -34,6 +36,12 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
                 },
             });
         };
+        this.handleRecordClick = (id) => {
+            this.recordClickEvent.emit({
+                id,
+                type: 'account'
+            });
+        };
     }
     componentWillLoad() {
         if (this.getPayout) {
@@ -62,11 +70,16 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
             },
         });
     }
+    formatMethod(deliveryMethod) {
+        if (deliveryMethod === "ach")
+            return "ACH";
+        return capitalizeFirstLetter(deliveryMethod);
+    }
     render() {
         var _a;
-        return (h(StyledHost, { key: '5568a561f38c1d899171163d23b029766adb0e8a' }, this.loading && h(PayoutDetailsLoading, { key: '1c17be181850fde8e996b526d76c0452e7353e16' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd507119400ed8885a0b0f3061f54c82cd2d151ca', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2d6192cc947a78b0566401b07b661b5116378798', 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: 'd25b191987931a853b16d40b819c5e88ca3bba70', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a669dae8e5699ca83326a799e07f5b9efb673850', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '2952d01e2d98ca87ad2a8f1349144dd8a0d6d87e', title: "ID", value: this.payout.id }), h("div", { key: '376886d0c0dfee789825f007f7bf17847a0e4f74', class: "m-4" }, h(Button, { key: '2ceae9f29c2b07efeba427a97a8ed79cac27c736', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'be5844790b248357d9d919830ee54f159f24268e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3a450675b1811d87cd61692f7a36443d56412e7b', sectionTitle: "Details" }), h("div", { key: 'c6fe4e20c5b7607cb7f7472a3f41245b1cccdf5c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aaa0e5d6d2d764e5b4ee430a21d94891cea55dd6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '92f7534cc1cd4463ff9f4187dec79520bc728d38', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd25daac9ecd7de9b3e379fbc6baeaba5f7c7db96', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a648fbfdae282870dd7471d8e6fe414ca3e225d6', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4720bfeae9fcb545aaa84b373bdea0000ab803ae', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '54d6f97ad54c2018d873062d15c63143ad899c4f', sectionTitle: "Account" }), h("div", { key: 'f46ec5329dc9a5301345fbff79cb95eada27c7d7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4b0432e3b43a54591bbcd007372d63359738e7f0', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c4f24ea424336b398b73268869e42aa5efaba22c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a7735eff20bcd14399af5da2a1f83b308a5a7d1d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8f111b1b61509802d2fe743ca1b7f6197e5fd50b', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85dd7ec442ac9dafe7b87bf7b036088166acd7ab', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '42bd46da966657dafe6db564829b6ecf41c0195e', sectionTitle: 'Metadata' }),
-            h("div", { key: '41124e965bdc0d0429f16e7693894bfa6c62c9df', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '718b728f4aaab7092530ed52de11348b8e68a2f6', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'd81fd85bbfa1c54175b4055cfed2eb62c7db1735' }, this.loading && h(PayoutDetailsLoading, { key: '37fca566131507232afc04332989545f81f21ace' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2135970df52759def666f17297f055b90fc61274', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '12d9f81cea53ea7f8636c3ed249f994f13ae1389', 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: 'd3f061a66f4dd3bfee92e5de3b2ba8f245853c85', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '292267e98b0e12ef4fd365c0c972f9eccba0df09', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0ca068bb4c8c2dea86feff59916b42871de799e7', title: "ID", value: this.payout.id }), h("div", { key: 'a97d286bf5eafce9cfbf81c6e7f62bb4e7b0849f', class: "m-4" }, h(Button, { key: '8a026a6f3819519815148115ffed876c18e37142', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '66520ccf02a84b4523552de31d43e2b5c75e16ae', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '27e9caef31af8e5d89141b5c0265e6ee9183809e', sectionTitle: "Details" }), h("div", { key: '2cb15bde0c567667978f482a55753c1355a359b9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5fe197ecc8f1aa79786a8da0092e7962095336a1', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '50d667f0b575e89b712832b3d70026c422119308', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '28f753d09ca0434ef6e913baa1c95e977657bdfe', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '84eb131bc5493293e75d0c5eb5cf69379769843d', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0fd9fc497e076165b9e5a70b385fdde44d9290fb', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '29b8ef5d56c77bc44bf0809acf3bf7235a5f678d', sectionTitle: "Account" }), h("div", { key: '49104b277fe2c27a28326bc6e84aa76713f355a5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7e8f4b347227c73ebfb28a3846c994943dc22b14', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '594d4853374fdacde8c38c9409abe593acf3d1d8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '86198dd9f123775d687df6a7efa7b17fae6f7fc0', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ff5840da92dc48469915698937c52be1be6573f3', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'dae3be8251b99e92c14d19151f7fcf43e7d79d2b', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'ab9280b8f08bfa10492d86d73d7fcc054602c23b', sectionTitle: 'Metadata' }),
+            h("div", { key: '91326afd6edbd573802684fa8518d6738cbcf4ff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7ac4be5f733114b2257eade5c315583b09643390', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {
@@ -75,6 +88,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
 }, [256, "payout-details-core", {
         "getPayout": [16],
         "getPayoutCSV": [16],
+        "enableRecordClick": [4, "enable-record-click"],
         "payout": [32],
         "loading": [32],
         "errorMessage": [32]

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

@@ -10,7 +10,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '59994e4906090071601b397325d5f7069b8d8a22' }, h(TableComponent, { key: 'ce036662e9f46e7694dbc10b943fc1214f75daa0' }, h(TableHead, { key: 'af54a1f5719de98f09e328c38656d2c0118e15c4' }, h(TableHeadRow, { key: '2820111563b25c714bf471d899e138b6a2b6a364' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '133f14f906b44122d1bcfd24e03cda0056ace227' }, h(TableLoadingState, { key: 'b4332c9c89bbad2f06b2b69f533d3fcc70e6ec3d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd23e5d640e3fe1f38b6f437a96d0a5f6e7832c28', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'edf58fb04ebabdcb0678a551d7d87a236baba849', 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: '081f88093dda02c81346b9eda6c3105bc6c7c0f1' }, h(TableFootRow, { key: '1b579bb5c8feb1f388f3ad2c25543f5d8f6b154d' }, h(TableFootCell, { key: '6a6ac8031d15ed7e2fc158028bcc7b44901faca8', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'ef890187c152081d1daf8cc870a81d75db439128', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '44f6c2c3a44435f30c61220114797c5938e475a8' }, h(TableComponent, { key: '756c4ea4ad9c59bea1241af2502c03ced6ec3623' }, h(TableHead, { key: '2748d99edcaea098b111954178cf799811be445c' }, h(TableHeadRow, { key: 'c824617152c899cdff946f979ac71dbdb8002ffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '4ae6368c8a634f0a1aa85117a2ead0dd66f9828c' }, h(TableLoadingState, { key: 'f6473742b82e604808474cf294aca1f09bcf820f', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '334eef7d28de693a0c5e4f413c72268acf00bc6d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6172568fd0282924413cbf28255d06f1651bcdbe', 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: '232dad4bfb95c707989633a1c0c198481aa3a5e1' }, h(TableFootRow, { key: '1bb1da49bef435aec118bc8c8eb5a96c0469f817' }, h(TableFootCell, { key: '481a46c6488f8652f6360725b45ec76baecc6ad4', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'd4fdb00ff58d674f77d99502d98c572562f516ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/product-or-service.js

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3560b76ef6eb095e247058bd65138baca3270d26' }, h("div", { key: '340ff32d302a7c255f4e3d2f7c6e32ed42ecd812', class: "row gy-3" }, h("div", { key: '4dd1cd92df58c39920940715c74b1cdc19206ea5', class: "col-12" }, h("h2", { key: 'd5f577c5169664f1d84bf64bdc85758c5033be9e', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4a3c80fe6e8714adb4f195cafd6d0fe419f0d392', class: "col-12" }, h("form-control-text", { key: '637118ed43962371b9232fce583f65ee810132ca', 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: '7a52049834ea6a7ec1805f3a2e9aa4b827c5dc7b', class: "col-12" }, h("form-control-date", { key: '8eefafabd31fe7a9be19de0d13a1cecb6f61c043', 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: 'b445d6ffb5866da1e94e64d87e4d120e1f1e8993', class: "col-12" }, h("form-control-file-v2", { key: 'db218fa96ddaf2383a7f053ca4115333657e916b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '1002bf180aa37c993efd3843426d4ec3e46b091d' }, h("div", { key: '967d17c9b1efe91249dff780a207c59970700bb1', class: "row gy-3" }, h("div", { key: '52a40746d927711df8c524eb19bd20f6dc2a0992', class: "col-12" }, h("h2", { key: '72c38af00bc0427b69ed3c59985c9adc0e735ddf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '01245228bab86a92f467467f766ee19679491311', class: "col-12" }, h("form-control-text", { key: 'd0936f06983e214bdbb2c46c934caeb8f1be5429', 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: 'af799d1fc18297dd453a3cf95499d7f3fe131a2d', class: "col-12" }, h("form-control-date", { key: 'bae6c1912a5b58e9e241799bf422f47e05cf69ad', 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: 'ba0fb2219d311ff6532371de7d1779f9cdf58fba', class: "col-12" }, h("form-control-file-v2", { key: '35321f0049a0c792a0c723a4f56fcf1077cfe226', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '47624ab9ecb43e67c11b92a779f306c3dfdf2983' }, h("div", { key: 'ed48b88318c23510deb37d4dc0f573a656b9f52a', class: "row gy-3" }, h("div", { key: 'd95b83dd2996710485c66bd853bd5c06f52b69e2', class: "col-12" }, h("h2", { key: '38dfdfc96d1f082a05c10709cba186eb97efafa2', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '61ee95c2f40109d36dd9649f91ba92a2daae8fb6', class: "col-12" }, h("form-control-textarea", { key: 'cb8a8d8e695dd1c8b4db4471cfb052a9983f38d2', 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: '4f88c32fdb04ac20fbc69be497f7d1a65a7de46e', class: "col-12" }, h("form-control-textarea", { key: '4b6720ade82fa44869b86289ec8f29fb53be9dc1', 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: 'fc70d14e807749f441d0d25e86dc99dc3168eceb', class: "col-12" }, h("form-control-file-v2", { key: '46d8bd0af0da9693e0efffd24a43214b487b968e', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '0d3f4c43419df58245f4a2c6efca51052ec926f3', class: "col-12" }, h("form-control-file-v2", { key: '770130dfa0920d22681614a71091c60af5057b1d', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '8c477299c96f62141b72beb93869affcdfc6b11b' }, h("div", { key: '91788a7fbad8a83f79840f6579688f29a97d49a5', class: "row gy-3" }, h("div", { key: 'e2948efeccf931b4b35fa12dda1c00ba7edbbfda', class: "col-12" }, h("h2", { key: 'bff14f8b7bf0e823fc7586ba4eb64160ed031d60', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '90affc176f5fb5f53253493833bc3a053611a3cf', class: "col-12" }, h("form-control-textarea", { key: 'b367d9aa62aa68fed18cfeeb97fbf3eb3e692b0e', 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: 'a73a5ff85720baf8753871a6f644fe590cf78984', class: "col-12" }, h("form-control-textarea", { key: 'd1b50580a0e3dd932628b4538ca7d9baa629120f', 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: '58cc7aeab51768dd5dd95b5779383345c32e13b7', class: "col-12" }, h("form-control-file-v2", { key: 'ef83492203035b03ae2dc164a552dabef93b67e1', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'd5cdd3248db7caaec1c0ac1f29f6855a8aae7173', class: "col-12" }, h("form-control-file-v2", { key: '94ea35a1d40ff19d2820469d540f77d23001062a', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/representative-details2.js

@@ -13,7 +13,7 @@ const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class Just
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         if (!this.representative || isEmptyObject(this.representative))
             return null;
-        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
 }, [256, "representative-details", {
         "representative": [16]

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

@@ -23,7 +23,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: '28c13afd8a8f21e5f67e362c19c6e6225838f472' }, h("form-control-checkbox", { key: '205ae5a43d5634c4ec1e692d3e3b123e6b3adc34', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

package/dist/module/schema-validations.js

@@ -1,7 +1,6 @@
 import { a as create$6 } from './form.js';
-import { S as StateOptions, a as CountryCode } from './Business.js';
-import { b as countryValidation } from './country-config.js';
-import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
+import { S as StateOptions } from './state-options.js';
+import { c as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;
@@ -44,7 +43,9 @@ const doingBusinessAsValidation = create$6()
 const websiteUrlValidation = create$6()
     .matches(urlRegex, 'Enter valid website url')
     .transform(transformEmptyString);
-const businessClassificationValidation = create$6().transform(transformEmptyString);
+const businessClassificationValidation = create$6()
+    .oneOf(businessClassificationOptions.map((option) => option.value), 'Select business classification')
+    .transform(transformEmptyString);
 const industryValidation = create$6()
     .min(2, 'Industry must be at least 2 characters')
     .max(50, 'Industry must be less than 50 characters')
@@ -58,42 +59,6 @@ const taxIdValidation = create$6()
     return value !== '123456789';
 })
     .transform(transformEmptyString);
-// Country-aware helpers (backward compatible)
-const makePostalValidation = (country) => create$6()
-    .matches(countryValidation[country].postalRegex, 'Enter valid postal code')
-    .transform(transformEmptyString);
-const makeIdentityNumberValidation = (country) => {
-    if (country === CountryCode.CAN) {
-        return create$6()
-            .matches(numbersOnlyRegex, 'Enter valid SIN')
-            .length(countryValidation[country].identityDigits, 'Enter valid SIN')
-            .test('not-repeat', 'Enter valid SIN', (value) => {
-            return !/^(\d)\1+$/.test(value);
-        })
-            .test('not-seq', 'Enter valid SIN', (value) => {
-            return value !== '123456789';
-        })
-            .transform(transformEmptyString);
-    }
-    // USA default (SSN)
-    return ssnValidation;
-};
-const makeTaxIdValidation = (country) => {
-    if (country === CountryCode.CAN) {
-        return create$6()
-            .matches(numbersOnlyRegex, 'Enter valid Business Number (BN)')
-            .length(countryValidation[country].taxIdDigits, 'Enter valid Business Number (BN)')
-            .test('not-repeat', 'Enter valid Business Number (BN)', (value) => {
-            return !/^(\d)\1+$/.test(value);
-        })
-            .test('not-seq', 'Enter valid Business Number (BN)', (value) => {
-            return value !== '123456789';
-        })
-            .transform(transformEmptyString);
-    }
-    // USA default
-    return taxIdValidation;
-};
 const dateOfIncorporationValidation = create$6()
     .test('not-future', 'Date of incorporation cannot be in the future', (value) => {
     const inputDate = new Date(value);
@@ -218,4 +183,4 @@ const routingNumberValidation = create$6()
 })
     .transform(transformEmptyString);
 
-export { makeIdentityNumberValidation as A, makePostalValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, numbersOnlyRegex as G, routingNumberValidation as H, revenueValidation as a, recurringPaymentsPercentageValidation as b, postalValidation as c, stateValidation as d, cityValidation as e, lineOneValidation as f, dateOfIncorporationValidation as g, industryValidation as h, identityNameValidation as i, businessClassificationValidation as j, doingBusinessAsValidation as k, lineTwoValidation as l, makeTaxIdValidation as m, phoneValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, emailValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, websiteUrlValidation as t, businessNameValidation as u, taxIdValidation as v, whenServiceReceivedValidation as w, ssnValidation as x, dobValidation as y, identityTitleValidation as z };
+export { accountNumberValidation as A, accountTypeValidation as B, nicknameValidation as C, bankNameValidation as D, revenueValidation as a, recurringPaymentsPercentageValidation as b, postalValidation as c, stateValidation as d, cityValidation as e, lineOneValidation as f, dateOfIncorporationValidation as g, industryValidation as h, identityNameValidation as i, businessClassificationValidation as j, doingBusinessAsValidation as k, lineTwoValidation as l, phoneValidation as m, emailValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, websiteUrlValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, businessNameValidation as u, ssnValidation as v, whenServiceReceivedValidation as w, dobValidation as x, identityTitleValidation as y, routingNumberValidation as z };

package/dist/module/shipping-details.js

@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: 'cd32d2a2ae133088c3388a9a52039ae757a0a200' }, h("div", { key: '5457f7a144ca6ce25d20fe2f043eba902c35205f', class: "row gy-3" }, h("div", { key: 'd11c623e7351f870cfbe41b3841eae7f6bb58eef', class: "col-12" }, h("h2", { key: 'ab3defdc23613c680c9e275b0fcc5598528f1c9d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'cde829a944264990fbbb21261a858dea7e7e3ff0', class: "col-12" }, h("form-control-text", { key: 'b4c7ed2c1ca6f0a6b56702449fadf8d7440aea83', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '2c1fd6999a2cbda3282a87c8512386abd40988e4', class: "col-12" }, h("form-control-text", { key: 'eadf6f942e0ea8ba2a09f08c89c75e493fcec54e', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '6c7cde4b10b6fc29eaf643b60521fd08071a4e9b', class: "col-12" }, h("form-control-date", { key: '0a38ef541f75ba9416ab85a6a396b2cdd7075064', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '117e0936637101d76dda444e0892270196e27f0f', class: "col-12" }, h("form-control-textarea", { key: '72edaebdde0129baf35803be9620d4279c08481e', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'f50278e1ba2a8221bb1b656e636325edab4652d9', class: "col-12" }, h("form-control-file-v2", { key: 'c56b1a62dfd1d4ab3b164d1e27f5f4622af4327b', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { C as loadingSpinner } from './parts.js';
+import { D as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" }, h("div", { class: "spinner-border", role: "status", part: loadingSpinner }, h("span", { class: "visually-hidden" }, "Loading..."))));