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

package/dist/module/terminal-orders-list-core2.js

@@ -5,10 +5,10 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { e as TerminalOrderType } from './Refund.js';
+import { f as TerminalOrderType } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { e as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
@@ -164,7 +164,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '71743bd2440b3b00ecafe74ddf9a0f48a96dbe6c' }, h(TableComponent, { key: '942af2def8486e3ff6d9cb9244bd88061b48db90' }, h(TableHead, { key: '32bcb4a7c21292ab9742dc509b921bd2f3b5ff5e' }, h(TableHeadRow, { key: '978a80218e60edd29d8799130c98f4772b471586' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ef5a80cbc4868cc75fdfc19d58a6cee8928546ef' }, h(TableLoadingState, { key: 'dd773a17e38a975dd3821a104bfad75d83ed907e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8a857149326cc110d2daf440875cd977b8f2e2d6', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1c9dfccef7c8675539290f53d3b6c615261c713a', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '2ba8b5c118f45affadf0bdf6ec9d013d4ac98636' }, h(TableFootRow, { key: 'a756ee19c1f4c36975f65aec354a4480f5563ea4' }, h(TableFootCell, { key: '7549ac667748d24c2f581eb13a5e0cd65c17697b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '98178188d80869e44ceade1e225655a1f2d62ceb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f0170c6510ec26f07f85393063c0255eab650abd' }, h(TableComponent, { key: '3d299e4d180e60f1353397c478e58e5362c2921e' }, h(TableHead, { key: '5b88f652217c31b08c7989ee33823a447c89ebf4' }, h(TableHeadRow, { key: '9dd2b76e6d8d0f82d0e62c663c4156672b0dcd16' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '12442761a52bb3cf60bfd525d2a449f2240594ad' }, h(TableLoadingState, { key: 'e446d797e4cf4d23b761542c1acf2c6f04ff6094', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f7f6fcd1fb4896a5d284d53202f43ac4f7968f0', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c72efe2ae0512c4ef08ca73143828ee6036cecd2', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: 'df73fd0b601ac8b3a0787fb0accc952a87dfba9c' }, h(TableFootRow, { key: '438c6c91bc500ea933747b94159d899babbd137b' }, h(TableFootCell, { key: '8ee489da6b5d7341039c655764c8b0b192a5df87', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2c2f61ac9cd1f7e24fc5f2877fd744b79080a1b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as card, Z as image, _ as buttonLink } from './parts.js';
+import { u as card, _ as image, $ as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: 'f05ebce500fb462f6e92351386b14ea0f1968139', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ebf32f2ac9ee978f08d4c146d6022fb0ad92774f', class: "d-flex gap-3" }, h("div", { key: 'adb4e21d7ea60318b9b977f9f5fe7f52261a1949', class: "d-flex align-items-center" }, h("img", { key: '6e64b6e9b56a651708529d14919ba97feeb44862', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'cd4bdf915458e857b8986a65e8127409782c73ae', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f6f70ca349493eea14d08d71b156a45c0c0d6852', class: "row" }, h("div", { key: '45b80f642748e9ef52df59e79fd2133d7f6d42b4', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f48f14c05bae0b817208d37b159b90fa52155b5c', helpText: this.description })), h("div", { key: '340152ebf444ecae6118d7b0411cbc892dae08dc', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fb16cb533eb0b4b6f4826323ff181bda7925b672', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '13ff697e39207f42e1e805169ebcf559b3b864a5', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '248a028259b6bbf3eff7cd42aef9d492bb11d298', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '3e2c9aac5322205108924c346a1f5bed41a673e6', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '010ef8e5ecacabdbde46e15c01b68bc89450f8c2', class: "d-flex gap-3" }, h("div", { key: '9a7a9215dffbe59d9a3ebee2ed40bfea1f838e7a', class: "d-flex align-items-center" }, h("img", { key: '51e5919f4c76ac372f6caaca35d5e16bc99c4766', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '23c5c813f0a427bef785d8f48d03ffa4c6d94aad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '2eb6df9a235030b347dcea3e398961761586b36e', class: "row" }, h("div", { key: 'cb5daf84d7ba9c1f41b3d2a78ae5c5d90cfc6817', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'fdeb46a05efdab7bd1ff5c1540f968cd9a868bec', helpText: this.description })), h("div", { key: 'f89be0d4e9ec16363acac6706a122657219746bf', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '55c367a543f03d0e05835781a7e775497be0d782', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '77cabef1a1f3c912dca9d90e4f63e9004e20c829', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '2ecc0d4c5022045e618049fc3edcf9f07d882f64', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -9,8 +9,8 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
-import { k as capitalFirstLetter } from './utils2.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { l as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -36,6 +36,11 @@ const MapTerminalStatusToBadge = (status) => {
             title: 'This terminal is pending configuration',
             text: 'Pending configuration',
         },
+        archived: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This terminal is archived',
+            text: 'Archived',
+        }
     };
     const badgeProps = statusToBadgeProps[status];
     return h(Badge, Object.assign({}, badgeProps));
@@ -182,7 +187,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'cfe1ede487eed5a2723af6bc3df664b8a00803f8' }, h(TableComponent, { key: '7e14a73b25a1bd8fc929625baac78ad73b97f25a' }, h(TableHead, { key: 'e0e0f0b02883ea5568f8f9cef7efea7084421a2c' }, h(TableHeadRow, { key: 'fce520af31336e6ea90c47bc277f76f7e78f6708' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '59b20605909357d3bf5967c6e23041c07b1b5823' }, h(TableLoadingState, { key: 'c838ebc2443a857aa706d0bf495a19eb00b5af0d', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a2a8eaaa3e2cbb1d8e64dce0ca55a0741ee857d2', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d323895c034ae25d4e4b440f0cf98c4de20efdf', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'c9f5a05d1c661f7e0780ec161b0afa6a74d5cf8e' }, h(TableFootRow, { key: '888f97557066f6003e1b09acf47aa4a75f6ff59d' }, h(TableFootCell, { key: 'db634074f6a089b52f7df8ce55af6f8499e3ba72', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a30886dd1354edd40d3818215e29ec57cf70c7c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f171aedabb3df580e9d3f1d8c36f59e3774e6031' }, h(TableComponent, { key: 'aa6feb39f0eb99d7a5c1ff8ef265db952b07b10b' }, h(TableHead, { key: '6ddd67370555763e7d4d56a4b81610bdb3807d7b' }, h(TableHeadRow, { key: 'f362b10cd24cd9fedf734fb5c0f0bd68e320d84d' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9f6dd67cd0a515c8c6916ddc11b5a607f20b69ef' }, h(TableLoadingState, { key: 'e90089e7908eaf8d94de22800bd9a4ba44a2d45f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'de3939e27a78d9c4891bd40b84d6d8360f5a498c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '77e61801468b7cfc528ad309f2d4acd171399bd6', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'f6e90fd1a49eced3cc53883527fb61e5fd6af1bc' }, h(TableFootRow, { key: '21122ad59cf25bafcdae39a329814a524261c1aa' }, h(TableFootCell, { key: 'e17a4155000b9fb4e36f69a81cb7c25847f9dd78', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'bd7be396936e2aefe7003a7494227a0fa8b6ccbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -277,7 +277,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '373ac317c7a4c4c808ca67e8bf63be28c5dd43b4' }, h("form", { key: 'da07764bca9a6af5baf6b3bf025c1abf9661e4b7' }, h("fieldset", { key: 'af277c0c07697969a2c83dcbac6017a596c22077' }, h("div", { key: '1dc0ea324a4ed69eceb240504f320f1c1dfcf6b3', class: "row gy-3" }, h("div", { key: 'feaaff69b06663e759864857f6d15eec2aa31819', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0dbee981688f541bfcf638c55698444f6a4eb9b4', class: "col-12" }, h("justifi-button", { key: '851dfb38a1a92c9990050dc17c55a693f3875afd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '0d3168166bba767403d0efb85f26c408adb4c93e' }, h("form", { key: '8ac12f8171da6907c83039173cbc7a009e662bb7' }, h("fieldset", { key: 'd88ea01b37a9ab0b7ff756577d2d17430853408b' }, h("div", { key: 'ac750c1faf2ac05279c0912527f0c468551bf738', class: "row gy-3" }, h("div", { key: 'dedef72db299486b3141a47ed6df93dc799270e9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '4d34febc61916210214166f94b9d38a24c6978d8', class: "col-12" }, h("justifi-button", { key: 'ce02121b93611d8e780b5c483bfe384ce4e7ed7c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/module/utils.js

@@ -1,11 +1,11 @@
 import { h } from '@stencil/core/internal/client';
-import { h as heading2, t as text, a as heading1 } from './parts.js';
+import { h as heading2, t as text, l as link, a as heading1 } from './parts.js';
 
-const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
+const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: "1.2rem" } }, h("p", { part: text }, errorMessage)));
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+const DetailItem = ({ title, value, onClick, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: `col-12 col-md-8 ${onClick ? "text-decoration-underline text-primary" : ""}`, style: { cursor: onClick ? "pointer" : "auto" }, onClick: () => onClick && onClick() }, h("span", { class: "text-wrap", part: onClick ? link : text }, value)))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
-const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: "mt-4" }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
 
 export { CodeBlock as C, DetailSectionTitle as D, ErrorState as E, DetailItem as a, EntityHeadInfo as b, EntityHeadInfoItem as c };

package/dist/module/utils2.js

@@ -22300,5 +22300,8 @@ function generateTabId() {
     return (((_a = crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) ||
         `${Date.now()}-${Math.random().toString(36).slice(2)}`);
 }
+function capitalizeFirstLetter(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
 
-export { formatDate as a, formatTimeSeconds as b, formatCurrency as c, formatTime as d, convertToLocal as e, formatMediumDate as f, generateId as g, convertToUTC as h, isEmptyObject as i, generateTabId as j, capitalFirstLetter as k, formatDisplayDate as l, addAttribute as m, formatPhoneNumber as n, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatDate as a, formatTimeSeconds as b, formatCurrency as c, formatTime as d, convertToLocal as e, formatMediumDate as f, generateId as g, convertToUTC as h, isEmptyObject as i, capitalizeFirstLetter as j, generateTabId as k, capitalFirstLetter as l, formatDisplayDate as m, addAttribute as n, formatPhoneNumber as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };

package/dist/types/api/Checkout.d.ts

@@ -57,6 +57,7 @@ export interface ICheckout {
         credit_card_payments: boolean;
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
+        apple_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;
@@ -88,6 +89,7 @@ export declare class Checkout implements ICheckout {
         credit_card_payments: boolean;
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
+        apple_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;

package/dist/types/api/ComponentEvents.d.ts

@@ -21,3 +21,7 @@ export interface ComponentErrorEvent {
     severity?: ComponentErrorSeverity;
     data?: any;
 }
+export interface RecordClickEvent {
+    id: string;
+    type: 'account' | 'payment' | 'metadata';
+}

package/dist/types/api/Terminal.d.ts

@@ -8,7 +8,8 @@ export declare enum ITerminalStatus {
     connected = "connected",
     disconnected = "disconnected",
     unknown = "unknown",
-    pending_configuration = "pending_configuration"
+    pending_configuration = "pending_configuration",
+    archived = "archived"
 }
 export interface ITerminal {
     id?: string | null;

package/dist/types/components/business-details/owner-details/owner-details.d.ts

@@ -1,4 +1,4 @@
-import { Identity } from '../../../api/Identity';
+import { Identity } from "../../../api/Identity";
 export declare class OwnerDetails {
     owners: Identity[];
     render(): any;

package/dist/types/components/modular-checkout/sub-components/apple-pay.d.ts

@@ -10,6 +10,8 @@ export declare class ApplePay {
     buttonStyle: ApplePayButtonStyle;
     disabled: boolean;
     showSkeleton: boolean;
+    width: string;
+    height: string;
     isLoading: boolean;
     isProcessing: boolean;
     isAvailable: boolean;

package/dist/types/components/payment-details/payment-details-core.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Payment } from '../../api';
+import { Payment, PaymentStatuses } from '../../api';
 import { ComponentErrorEvent } from '../../api/ComponentEvents';
+import { PaymentStatusBadge } from '../payments-list/payments-status';
 export declare class PaymentDetailsCore {
     getPaymentDetails: Function;
     payment: Payment;
@@ -10,5 +11,6 @@ export declare class PaymentDetailsCore {
     componentWillLoad(): void;
     updateOnPropChange(): void;
     fetchData(): void;
+    get PaymentStatus(): PaymentStatuses | PaymentStatusBadge.DISPUTE_LOST;
     render(): any;
 }

package/dist/types/components/payment-details/payment-details.d.ts

@@ -1,13 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentService } from '../../api/services/payment.service';
 import JustifiAnalytics from '../../api/Analytics';
-import { ComponentErrorEvent } from '../../api/ComponentEvents';
+import { ComponentErrorEvent, RecordClickEvent } from '../../api/ComponentEvents';
 export declare class PaymentDetails {
     paymentId: string;
     authToken: string;
     getPaymentDetails: Function;
     errorMessage: string;
     errorEvent: EventEmitter<ComponentErrorEvent>;
+    recordClickEvent: EventEmitter<RecordClickEvent>;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;
     disconnectedCallback(): void;
@@ -15,5 +16,6 @@ export declare class PaymentDetails {
     private initializeGetPaymentDetails;
     paymentService: PaymentService;
     handleErrorEvent: (event: any) => void;
+    handleRecordClickEvent: (event: CustomEvent<RecordClickEvent>) => void;
     render(): any;
 }

package/dist/types/components/payments-list/payments-status.d.ts

@@ -1 +1,13 @@
+export declare enum PaymentStatusBadge {
+    SUCCEEDED = "succeeded",
+    AUTHORIZED = "authorized",
+    PENDING = "pending",
+    ACH_FAILED = "achFailed",
+    FAILED = "failed",
+    CANCELED = "canceled",
+    DISPUTED = "disputed",
+    DISPUTE_LOST = "dispute_lost",
+    FULLY_REFUNDED = "fully_refunded",
+    PARTIALLY_REFUNDED = "partially_refunded"
+}
 export declare const MapPaymentStatusToBadge: (status: string) => any;

package/dist/types/components/payout-details/payout-details-core.d.ts

@@ -1,16 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Payout } from '../../api';
-import { ComponentErrorEvent } from '../../api/ComponentEvents';
+import { ComponentErrorEvent, RecordClickEvent } from '../../api/ComponentEvents';
 export declare class PayoutDetailsCore {
     getPayout: Function;
     getPayoutCSV: Function;
+    enableRecordClick: boolean;
     payout: Payout;
     loading: boolean;
     errorMessage: string;
     errorEvent: EventEmitter<ComponentErrorEvent>;
+    recordClickEvent: EventEmitter<RecordClickEvent>;
     componentWillLoad(): void;
     getPayoutWatcher(): void;
     fetchData(): void;
     downloadCSV: () => void;
+    formatMethod(deliveryMethod: string): string;
+    handleRecordClick: (id: string) => void;
     render(): any;
 }

package/dist/types/components/payout-details/payout-details.d.ts

@@ -4,6 +4,7 @@ import { ComponentErrorEvent } from '../../api/ComponentEvents';
 export declare class PayoutDetails {
     payoutId: string;
     authToken: string;
+    enableRecordClick: boolean;
     getPayout: Function;
     getPayoutCSV: Function;
     errorMessage: string;

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Business, IAdditionalQuestions, IAddress } from "./api/Business";
 import { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
-import { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
+import { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent, RecordClickEvent } from "./api/ComponentEvents";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 import { IPaymentMethodMetadata } from "./api/PaymentMethod";
@@ -25,7 +25,7 @@ import { Identity } from "./api/Identity";
 import { PaginationProps } from "./ui-components/pagination-menu/pagination-menu";
 export { Business, IAdditionalQuestions, IAddress } from "./api/Business";
 export { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
-export { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
+export { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent, RecordClickEvent } from "./api/ComponentEvents";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 export { IPaymentMethodMetadata } from "./api/PaymentMethod";
@@ -309,6 +309,10 @@ export namespace Components {
          */
         "disabled": boolean;
         "getPaymentMethods": () => Promise<string[]>;
+        /**
+          * @default "48px"
+         */
+        "height": string;
         /**
           * @default "dev-checkout.justifi-staging.com"
          */
@@ -326,6 +330,10 @@ export namespace Components {
           * @default true
          */
         "showSkeleton": boolean;
+        /**
+          * @default "100%"
+         */
+        "width": string;
     }
     interface JustifiBankAccountBillingFormSimple {
         "fill": (fields: BillingFormFields) => Promise<void>;
@@ -774,6 +782,10 @@ export namespace Components {
     }
     interface JustifiPayoutDetails {
         "authToken": string;
+        /**
+          * @default false
+         */
+        "enableRecordClick": boolean;
         "payoutId": string;
     }
     interface JustifiPayoutTransactionsList {
@@ -995,6 +1007,10 @@ export namespace Components {
         "getPayments": Function;
     }
     interface PayoutDetailsCore {
+        /**
+          * @default false
+         */
+        "enableRecordClick": boolean;
         "getPayout": Function;
         "getPayoutCSV": Function;
     }
@@ -2340,6 +2356,7 @@ declare global {
     };
     interface HTMLJustifiPaymentDetailsElementEventMap {
         "error-event": ComponentErrorEvent;
+        "record-click-event": RecordClickEvent;
     }
     interface HTMLJustifiPaymentDetailsElement extends Components.JustifiPaymentDetails, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJustifiPaymentDetailsElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentDetailsElement, ev: JustifiPaymentDetailsCustomEvent<HTMLJustifiPaymentDetailsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2806,6 +2823,7 @@ declare global {
     };
     interface HTMLPayoutDetailsCoreElementEventMap {
         "error-event": ComponentErrorEvent;
+        "record-click-event": RecordClickEvent;
     }
     interface HTMLPayoutDetailsCoreElement extends Components.PayoutDetailsCore, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPayoutDetailsCoreElementEventMap>(type: K, listener: (this: HTMLPayoutDetailsCoreElement, ev: PayoutDetailsCoreCustomEvent<HTMLPayoutDetailsCoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3325,6 +3343,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default "48px"
+         */
+        "height"?: string;
         /**
           * @default "dev-checkout.justifi-staging.com"
          */
@@ -3350,6 +3372,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "showSkeleton"?: boolean;
+        /**
+          * @default "100%"
+         */
+        "width"?: string;
     }
     interface JustifiBankAccountBillingFormSimple {
         "legend"?: string;
@@ -3737,6 +3763,7 @@ declare namespace LocalJSX {
     interface JustifiPaymentDetails {
         "authToken"?: string;
         "onError-event"?: (event: JustifiPaymentDetailsCustomEvent<ComponentErrorEvent>) => void;
+        "onRecord-click-event"?: (event: JustifiPaymentDetailsCustomEvent<RecordClickEvent>) => void;
         "paymentId"?: string;
     }
     interface JustifiPaymentProvisioning {
@@ -3817,6 +3844,10 @@ declare namespace LocalJSX {
     }
     interface JustifiPayoutDetails {
         "authToken"?: string;
+        /**
+          * @default false
+         */
+        "enableRecordClick"?: boolean;
         "onError-event"?: (event: JustifiPayoutDetailsCustomEvent<ComponentErrorEvent>) => void;
         "payoutId"?: string;
     }
@@ -4038,9 +4069,14 @@ declare namespace LocalJSX {
         "onError-event"?: (event: PaymentsListCoreCustomEvent<ComponentErrorEvent>) => void;
     }
     interface PayoutDetailsCore {
+        /**
+          * @default false
+         */
+        "enableRecordClick"?: boolean;
         "getPayout"?: Function;
         "getPayoutCSV"?: Function;
         "onError-event"?: (event: PayoutDetailsCoreCustomEvent<ComponentErrorEvent>) => void;
+        "onRecord-click-event"?: (event: PayoutDetailsCoreCustomEvent<RecordClickEvent>) => void;
     }
     interface PayoutsListCore {
         "columns"?: string;

package/dist/types/stencil-public-runtime.d.ts

@@ -1,5 +1,6 @@
 type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
-type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -338,7 +339,7 @@ export declare function forceUpdate(ref: any): void;
  * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
-export interface HTMLStencilElement extends HTMLElement {
+export interface HTMLStencilElement extends Omit<HTMLElement, 'autocorrect'> {
     componentOnReady(): Promise<this>;
 }
 /**
@@ -364,18 +365,27 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
-export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
 /**
  * Compose multiple mixin classes into a single constructor.
  * The resulting class has the combined instance types of all mixed-in classes.
  *
  * Example:
- * ```
- * import { Mixin, MixinFactory } from '@stencil/core';
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
  *
- * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
- * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
- * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
  *
  * class X extends Mixin(AWrap, BWrap, CWrap) {
  *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
@@ -383,9 +393,9 @@ export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBa
  * ```
  *
  * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
- * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
  */
-export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/dist/types/store/checkout.store.d.ts

@@ -5,6 +5,7 @@ interface IInitialState {
     authToken: string;
     billingFormFields: BillingFormFields;
     bnplEnabled: boolean;
+    applePayEnabled: boolean;
     insuranceEnabled: boolean;
     bnplProviderApiVersion: string;
     bnplProviderCheckoutUrl: string;

package/dist/types/styles/parts.d.ts

@@ -12,7 +12,7 @@ export declare const heading2 = "heading-2 heading text color font-family";
 export declare const heading3 = "heading-3 heading text color font-family";
 export declare const heading4 = "heading-4 heading text color font-family";
 export declare const heading5 = "heading-5 heading text color font-family";
-export declare const link = "link text color font-family";
+export declare const link = "link text font-family";
 export declare const button = "button text color font-family";
 export declare const buttonPrimary = "button-primary button text color font-family";
 export declare const buttonSecondary = "button-secondary button text color font-family";

package/dist/types/ui-components/details/utils.d.ts

@@ -1,11 +1,12 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
+import { FunctionalComponent } from "../../stencil-public-runtime";
 export declare const ErrorState: (errorMessage: string) => any;
 export declare const DetailSectionTitle: FunctionalComponent<{
     sectionTitle: string;
 }>;
-export declare const DetailItem: ({ title, value, }: {
+export declare const DetailItem: ({ title, value, onClick, }: {
     title: string;
     value: string;
+    onClick?: () => void;
 }) => any;
 export declare const EntityHeadInfoItem: ({ title, value, classes, }: {
     title: string;

package/dist/types/utils/utils.d.ts

@@ -31,4 +31,5 @@ export declare function processHTML(htmlString: any, functions: any): any;
 export declare function formatPhoneNumber(number: any): string;
 export declare function generateId(length?: number): string;
 export declare function generateTabId(): string;
+export declare function capitalizeFirstLetter(str: string): string;
 export {};

package/dist/webcomponents/{p-62b5e6cf.entry.js → p-0926c397.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-_b8l4IX7.js";import{u as t,a as s,b as l}from"./p-C77ElQ41.js";import{P as i,I as o}from"./p-CVaOFfrI.js";import{C as d,l as r,T as c,Z as n}from"./p-CA_TyBed.js";import{c as f}from"./p-DfKxeSrC.js";import"./p-B5rtFhtR.js";const b=class{constructor(a){e(this,a),this.isEditingIdentification=!1,this.inputHandler=(e,a)=>{t(this.formController,{[e]:a})},this.onAddressFormUpdate=e=>{s(this.formController,Object.assign(Object.assign({},this.formController.values.getValue().address),e))}}render(){var e,s,b,u,m,h,p,v,y;return a("form",{key:"7f2a20427197ce4f402c1b4b859839d506613769"},a("fieldset",{key:"fe71959a012c1961b6f91d98862ca4ea9411bf6d"},a("div",{key:"801fb53d33eeff75f82552da84210abfb1daa55d",class:"d-flex align-items-center gap-2"},a("legend",{key:"63486b252a7c4f71e944712a833a2edc762c1692",class:"mb-0",part:d},"Representative"),a("form-control-tooltip",{key:"9a22a232bb856c05ca8c75a0255ea8a2b33b8a80",helpText:"The representative for your business needs to be someone who has significant control over managing your business’s finance. You will have an opportunity to add owners later in the form."})),a("hr",{key:"b29a6dcd41991b2874cb64fc3cd058f3bcf10a48",class:"mt-2"}),a("div",{key:"52e2b29c6f915f50e1f33c19363657e657355b85",class:"row gy-3"},a("div",{key:"9531872c804ef3713c0778c6bff1d3ca589bb3d5",class:"col-12 col-md-8"},a("form-control-text",{key:"d1eedf80da0790767a6c294f084c4b9d4112b9cf",name:"name",label:"Full Name",defaultValue:null===(e=this.representativeDefaultValue)||void 0===e?void 0:e.name,errorText:this.errors.name,inputHandler:this.inputHandler})),a("div",{key:"b5effb996c7b97cd5a8815781474ea32e5bc37b6",class:"col-12 col-md-4"},a("form-control-text",{key:"554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe",name:"title",label:"Title",defaultValue:null===(s=this.representativeDefaultValue)||void 0===s?void 0:s.title,errorText:this.errors.title,inputHandler:this.inputHandler,helpText:"Role at your business, e.g. President, CEO, Treasurer."})),a("div",{key:"6025d1b2b67120a9e9e25d0a6e3e352651759c62",class:"col-12 col-md-6"},a("form-control-text",{key:"ed758eafa726ee6801c16535fbba7d05886c21d5",name:"email",label:"Email Address",defaultValue:null===(b=this.representativeDefaultValue)||void 0===b?void 0:b.email,errorText:this.errors.email,inputHandler:this.inputHandler})),a("div",{key:"933650753a5fdc6f75db658baf536ce4033e0e6c",class:"col-12 col-md-6"},a("form-control-number-masked",{key:"81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0",name:"phone",label:"Phone Number",defaultValue:null===(u=this.representativeDefaultValue)||void 0===u?void 0:u.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:i.US})),a("div",{key:"913c766d6eb5fe5f132eafecba91145a6c418dae",class:"col-12 col-md-4"},a("form-control-date",{key:"c50e5ad2022906d753b783e7892be8322d80661c",name:"dob_full",label:"Birth Date",defaultValue:null===(m=this.representativeDefaultValue)||void 0===m?void 0:m.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:e=>l(e,this.formController),helpText:"Must be 18 or older."})),a("div",{key:"74492ad88a4962c2abfd04319880edb757d78796",class:"col-12 col-md-8"},!(null===(h=this.representativeDefaultValue)||void 0===h?void 0:h.ssn_last4)||this.isEditingIdentification?a("form-control-number-masked",{name:"identification_number",label:f[this.country].idNumberLabel,defaultValue:this.isEditingIdentification?"":null===(p=this.representativeDefaultValue)||void 0===p?void 0:p.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:o[this.country],helpText:f[this.country].identityHelpText}):a("div",null,a("label",{class:"form-label",part:r},f[this.country].idNumberLabel),a("div",{class:"input-group mb-3"},a("input",{type:"text",class:"form-control",part:c,value:`****${null===(v=this.representativeDefaultValue)||void 0===v?void 0:v.ssn_last4}`,disabled:!0}),a("button",{class:"btn btn-secondary",type:"button",part:n,onClick:()=>{this.isEditingIdentification=!0,t(this.formController,{ssn_last4:null,identification_number:""})}},"Change")))),a("div",{key:"ad29d30e0748004e9c0d429804210f269581ff12",class:"col-12"},a("justifi-identity-address-form",{key:"aaad43f4c150cf08cbdd321a887eaadc51436c88",errors:this.errors.address,defaultValues:null===(y=this.representativeDefaultValue)||void 0===y?void 0:y.address,handleFormUpdate:this.onAddressFormUpdate,country:this.country})))))}};export{b as justifi_business_representative_form_inputs}
+import{r as e,h as a}from"./p-DOjVAAtq.js";import{u as t,a as s,b as l}from"./p-C77ElQ41.js";import{P as i,I as o}from"./p-CVaOFfrI.js";import{G as d,l as r,U as c,_ as n}from"./p-Dj_zevuD.js";import{c as f}from"./p-DfKxeSrC.js";import"./p-B5rtFhtR.js";const b=class{constructor(a){e(this,a),this.isEditingIdentification=!1,this.inputHandler=(e,a)=>{t(this.formController,{[e]:a})},this.onAddressFormUpdate=e=>{s(this.formController,Object.assign(Object.assign({},this.formController.values.getValue().address),e))}}render(){var e,s,b,u,m,h,p,v,y;return a("form",{key:"7f2a20427197ce4f402c1b4b859839d506613769"},a("fieldset",{key:"fe71959a012c1961b6f91d98862ca4ea9411bf6d"},a("div",{key:"801fb53d33eeff75f82552da84210abfb1daa55d",class:"d-flex align-items-center gap-2"},a("legend",{key:"63486b252a7c4f71e944712a833a2edc762c1692",class:"mb-0",part:d},"Representative"),a("form-control-tooltip",{key:"9a22a232bb856c05ca8c75a0255ea8a2b33b8a80",helpText:"The representative for your business needs to be someone who has significant control over managing your business’s finance. You will have an opportunity to add owners later in the form."})),a("hr",{key:"b29a6dcd41991b2874cb64fc3cd058f3bcf10a48",class:"mt-2"}),a("div",{key:"52e2b29c6f915f50e1f33c19363657e657355b85",class:"row gy-3"},a("div",{key:"9531872c804ef3713c0778c6bff1d3ca589bb3d5",class:"col-12 col-md-8"},a("form-control-text",{key:"d1eedf80da0790767a6c294f084c4b9d4112b9cf",name:"name",label:"Full Name",defaultValue:null===(e=this.representativeDefaultValue)||void 0===e?void 0:e.name,errorText:this.errors.name,inputHandler:this.inputHandler})),a("div",{key:"b5effb996c7b97cd5a8815781474ea32e5bc37b6",class:"col-12 col-md-4"},a("form-control-text",{key:"554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe",name:"title",label:"Title",defaultValue:null===(s=this.representativeDefaultValue)||void 0===s?void 0:s.title,errorText:this.errors.title,inputHandler:this.inputHandler,helpText:"Role at your business, e.g. President, CEO, Treasurer."})),a("div",{key:"6025d1b2b67120a9e9e25d0a6e3e352651759c62",class:"col-12 col-md-6"},a("form-control-text",{key:"ed758eafa726ee6801c16535fbba7d05886c21d5",name:"email",label:"Email Address",defaultValue:null===(b=this.representativeDefaultValue)||void 0===b?void 0:b.email,errorText:this.errors.email,inputHandler:this.inputHandler})),a("div",{key:"933650753a5fdc6f75db658baf536ce4033e0e6c",class:"col-12 col-md-6"},a("form-control-number-masked",{key:"81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0",name:"phone",label:"Phone Number",defaultValue:null===(u=this.representativeDefaultValue)||void 0===u?void 0:u.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:i.US})),a("div",{key:"913c766d6eb5fe5f132eafecba91145a6c418dae",class:"col-12 col-md-4"},a("form-control-date",{key:"c50e5ad2022906d753b783e7892be8322d80661c",name:"dob_full",label:"Birth Date",defaultValue:null===(m=this.representativeDefaultValue)||void 0===m?void 0:m.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:e=>l(e,this.formController),helpText:"Must be 18 or older."})),a("div",{key:"74492ad88a4962c2abfd04319880edb757d78796",class:"col-12 col-md-8"},!(null===(h=this.representativeDefaultValue)||void 0===h?void 0:h.ssn_last4)||this.isEditingIdentification?a("form-control-number-masked",{name:"identification_number",label:f[this.country].idNumberLabel,defaultValue:this.isEditingIdentification?"":null===(p=this.representativeDefaultValue)||void 0===p?void 0:p.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:o[this.country],helpText:f[this.country].identityHelpText}):a("div",null,a("label",{class:"form-label",part:r},f[this.country].idNumberLabel),a("div",{class:"input-group mb-3"},a("input",{type:"text",class:"form-control",part:c,value:`****${null===(v=this.representativeDefaultValue)||void 0===v?void 0:v.ssn_last4}`,disabled:!0}),a("button",{class:"btn btn-secondary",type:"button",part:n,onClick:()=>{this.isEditingIdentification=!0,t(this.formController,{ssn_last4:null,identification_number:""})}},"Change")))),a("div",{key:"ad29d30e0748004e9c0d429804210f269581ff12",class:"col-12"},a("justifi-identity-address-form",{key:"aaad43f4c150cf08cbdd321a887eaadc51436c88",errors:this.errors.address,defaultValues:null===(y=this.representativeDefaultValue)||void 0===y?void 0:y.address,handleFormUpdate:this.onAddressFormUpdate,country:this.country})))))}};export{b as justifi_business_representative_form_inputs}

package/dist/webcomponents/p-09aaaf03.entry.js

@@ -0,0 +1 @@
+import{h as t,r as e,c as a}from"./p-DOjVAAtq.js";import{c as i}from"./p-a6tcNl_T.js";import"./p-HXpYMWUU.js";import{C as s,a as o}from"./p-Cjcsf8ku.js";import{h as r}from"./p-CPKSE7M4.js";import{p as c}from"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{c as n,J as d}from"./p-DfsX5bt_.js";import{g as h,a as p}from"./p-D2muobcE.js";import{P as l}from"./p-BT473_5I.js";import{T as f,l as u,a as m,b,c as y,d as _,e as w,f as j,g as T,h as v,i as g,j as k,k as D}from"./p-UUJudj_5.js";import{S as C}from"./p-BhCH9S0e.js";import{T as S}from"./p-CZfYo5-1.js";import{a as I}from"./p-BS7OgSQe.js";import{S as P,T as E}from"./p-Dj_zevuD.js";import"./p-DdMxswn1.js";import"./p-yiqa5abX.js";import"./p-ty1sI-fI.js";import"./p-CVtpEQBE.js";const q={id:()=>t("th",{part:P,scope:"col",title:"The unique identifier of each transaction"},"ID"),account_id:()=>t("th",{part:P,scope:"col",title:"The unique identifier of the account associated with each transaction"},"Account ID"),payout_id:()=>t("th",{part:P,scope:"col",title:"The unique identifier of the payout associated with each transaction"},"Payout ID"),financial_transaction_id:()=>t("th",{part:P,scope:"col",title:"The unique identifier of the financial transaction associated with the payment balance transaction"},"Financial Transaction ID"),amount:()=>t("th",{part:P,scope:"col",title:"The dollar amount of each transaction"},"Amount"),fee:()=>t("th",{part:P,scope:"col",title:"The fee associated with each transaction"},"Fee"),net:()=>t("th",{part:P,scope:"col",title:"The net amount of each transaction"},"Net"),currency:()=>t("th",{part:P,scope:"col",title:"The currency of each transaction"},"Currency"),description:()=>t("th",{part:P,scope:"col",title:"The description of each transaction"},"Description"),source_id:()=>t("th",{part:P,scope:"col",title:"The unique identifier of the source object associated with the payment balance transaction"},"Source ID"),txn_type:()=>t("th",{part:P,scope:"col",title:"The type of each transaction"},"Type"),created_at:()=>t("th",{part:P,scope:"col",title:"The date and time each transaction was made"},"Processed On"),available_on:()=>t("th",{part:P,scope:"col",title:"The date and time each transaction will be available"},"Available On"),updated_at:()=>t("th",{part:P,scope:"col",title:"The date and time each transaction was last updated"},"Updated On")},O={fee:"Fee",payment:"Payment",payout:"Payout",seller_payment_refund:"Seller Payment Refund",dispute_amount_collected:"Dispute Amount Collected",dispute_fee_collected:"Dispute Fee Collected",seller_payment:"Seller Payment",transfer:"Transfer",partner_platform_proceeds_credit:"Partner Platform Proceeds Credit"},A={id:e=>t("td",{part:E(e.id)},e.id),account_id:e=>t("td",{part:E(e.account_id)},e.account_id),payout_id:e=>t("td",{part:E(e.payout_id)},e.payout_id),financial_transaction_id:e=>t("td",{part:E(e.financial_transaction_id)},e.financial_transaction_id),amount:e=>t("td",{part:E(e.amount)},e.formattedPaymentAmount(e.amount)),fee:e=>t("td",{part:E(e.fee)},e.formattedPaymentAmount(e.fee)),net:e=>t("td",{part:E(e.net)},e.formattedPaymentAmount(e.net)),currency:e=>t("td",{part:E(e.currency)},e.currency),description:e=>t("td",{part:E(e.description)},e.description),source_id:e=>t("td",{part:E(e.source_id)},e.source_id),txn_type:e=>t("td",{part:E(e.txn_type)},O[e.txn_type]),created_at:e=>t("td",{part:E(e.created_at)},t("div",{class:"fw-bold"},I(e.created_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},I(e.created_at,{showTime:!0}))),available_on:e=>t("td",{part:E(e.available_on)},t("div",{class:"fw-bold"},I(e.available_on,{showDisplayDate:!0})),t("div",{class:"fw-bold"},I(e.available_on,{showTime:!0}))),updated_at:e=>t("td",{part:E(e.updated_at)},t("div",{class:"fw-bold"},I(e.updated_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},I(e.updated_at,{showTime:!0})))},x=class{constructor(t){e(this,t),this.clickEvent=a(this,"click-event"),this.errorEvent=a(this,"error-event"),this.balanceTransactions=[],this.isLoading=!0,this.errorMessage=null,this.paging=c,this.pagingParams={},this.columns="created_at,txn_type,description,amount,fee,net",this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:S.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:S.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const a=this.balanceTransactions.find((t=>t.id===e));this.clickEvent.emit({name:S.row,data:a})}}componentWillLoad(){this.transactionsTable=new f(this.balanceTransactions,this.columns,q,A),n(),this.analytics=new d(this),this.initializeApi()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeApi()}handleError(t,e,a){this.isLoading=!1,this.errorEvent.emit({errorCode:t,message:e,severity:a})}initializeApi(){this.payoutId&&this.authToken?(({accountId:t,authToken:e,service:a})=>async({params:i,onSuccess:o,onError:c,final:n})=>{var d;try{const n=await a.fetchPayoutTransactions(t,e,i);n.error?c({error:p(n.error),code:h(null===(d=n.error)||void 0===d?void 0:d.code),severity:s.ERROR}):o({balanceTransactions:n.data.map((t=>new r(t))),pagingInfo:Object.assign({},n.page_info)})}catch(t){const e=h(null==t?void 0:t.code);c({error:p(t),code:e,severity:s.ERROR})}finally{n()}})({accountId:i.accountId,authToken:this.authToken,service:new l})({params:this.requestParams,onSuccess:({balanceTransactions:t,pagingInfo:e})=>{this.balanceTransactions=t,this.paging=e,this.transactionsTable.collectionData=this.balanceTransactions},onError:({error:t,code:e,severity:a})=>{this.errorMessage=t.message,this.handleError(t,e,a)},final:()=>{this.isLoading=!1}}):(this.errorMessage="payout-id and auth-token props are required",this.handleError(o.MISSING_PROPS,this.errorMessage,s.ERROR))}get entityId(){return this.balanceTransactions.map((t=>t.id))}get showEmptyState(){return!this.isLoading&&!this.errorMessage&&this.transactionsTable.rowData.length<1}get showErrorState(){return!this.isLoading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.isLoading}get requestParams(){return Object.assign({payout_id:this.payoutId,limit:"15"},this.pagingParams)}render(){return t(C,{key:"9db64637291d99ace8fe5a0de8edc3053aefd974"},t(u,{key:"3b30494814b617574b58a605c85f7a8f230a70ae"},t(m,{key:"966d5ca72315c7f5e9ed427a9a460f31e8de1a3c"},t(b,{key:"aa3e49564fae46dd1a6f5e27b139ae08643e6d09"},t(y,{key:"c39ff750c941e243bdf74dd8f7281dc6e96256aa"},this.transactionsTable.columnData.map((t=>t)))),t(_,{key:"78c00d108262a447890037f9ebdcacc96e47f58a"},t(w,{key:"14c4181b5b5f162e23344df06f875b8202dd4853",columnSpan:this.transactionsTable.columnKeys.length,isLoading:this.isLoading}),t(j,{key:"9512b212d3afb4bca142b74c32968ca1b42affdc",isEmpty:this.showEmptyState,columnSpan:this.transactionsTable.columnKeys.length}),t(T,{key:"f37e7baa18a07f197bda346f1457217a61cb63df",columnSpan:this.transactionsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.transactionsTable.rowData.map(((e,a)=>t(v,{"data-test-id":"table-row","data-row-entity-id":this.entityId[a],onClick:this.rowClickHandler},e)))),this.paging&&t(g,{key:"059923133e682bb04bbcf2020d2437e6bf1cb38c"},t(k,{key:"123caa479d333289bb4068ca2b85e3502057e4b3"},t(D,{key:"888276973e50a1b4335b107dfc67d00abedcc11a",colSpan:this.transactionsTable.columnData.length},t("pagination-menu",{key:"e81b1dacaa7b455bcd00df82b6f2b4035dea60f8",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{pagingParams:["propChanged"],payoutId:["propChanged"],authToken:["propChanged"]}}};export{x as justifi_payout_transactions_list}