@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/esm/payout-details-core.entry.js

@@ -1,14 +1,14 @@
-import { h, r as registerInstance, c as createEvent } from './index-qipqIMyC.js';
-import { e as formatDate, d as formatTime } from './utils-BscIVFn8.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-_ckvHjSW.js';
-import { B as Button } from './button-SAIS_5os.js';
-import { S as StyledHost } from './styled-host-CbizlfAU.js';
+import { h, r as registerInstance, c as createEvent } from './index-DOjVAAtq.js';
+import { i as capitalizeFirstLetter, e as formatDate, d as formatTime } from './utils-BOijEGPV.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-DRwofES0.js';
+import { B as Button } from './button-DtTaQHMK.js';
+import { S as StyledHost } from './styled-host-OalOsPBp.js';
 import './event-types-CZfYo5-1.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-u1eSRz3Q.js';
-import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
-import { a as Badge, B as BadgeVariant } from './badge-ChwzCNAF.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-D-vjrqBb.js';
+import { S as Skeleton } from './skeleton-B8EUwt4b.js';
+import { a as Badge, B as BadgeVariant } from './badge-CtdO-tEY.js';
 import './dinero-HXpYMWUU.js';
-import './parts-RvUQ__Pq.js';
+import './parts-xDbRW9xn.js';
 
 const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
 
@@ -16,6 +16,8 @@ const PayoutDetailsCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
+        this.recordClickEvent = createEvent(this, "record-click-event");
+        this.enableRecordClick = false;
         this.loading = true;
         this.errorMessage = null;
         this.downloadCSV = () => {
@@ -31,6 +33,12 @@ const PayoutDetailsCore = class {
                 },
             });
         };
+        this.handleRecordClick = (id) => {
+            this.recordClickEvent.emit({
+                id,
+                type: 'account'
+            });
+        };
     }
     componentWillLoad() {
         if (this.getPayout) {
@@ -59,11 +67,16 @@ const PayoutDetailsCore = class {
             },
         });
     }
+    formatMethod(deliveryMethod) {
+        if (deliveryMethod === "ach")
+            return "ACH";
+        return capitalizeFirstLetter(deliveryMethod);
+    }
     render() {
         var _a;
-        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', 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: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
-            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', 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 {

package/dist/esm/{payout.service-XxyEr0rj.js → payout.service-xcBdom3q.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-D4tj-h4P.js';
+import { A as Api } from './Api-DhiA2e_P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-Bc5By0lb.js';
+import './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/payouts-list-core.entry.js

@@ -1,23 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-qipqIMyC.js';
-import './config-state-Blo0ywwc.js';
+import { r as registerInstance, c as createEvent, h } from './index-DOjVAAtq.js';
+import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-Bc5By0lb.js';
+import './Refund-B-iOTRxz.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-DcRHK_sm.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Bj20uWfu.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-BO-MCzXj.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-C2_GlMKR.js';
-import './index-ZfXl6Xrm.js';
-import './utils-BscIVFn8.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-Clj8YGLV.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-C_fug9R3.js';
+import './index-DJ9G-4S-.js';
+import './utils-BOijEGPV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-RvUQ__Pq.js';
-import './spinner-CIXUVK4F.js';
-import './payouts-status-u1eSRz3Q.js';
-import './badge-ChwzCNAF.js';
+import './parts-xDbRW9xn.js';
+import './spinner-CYXkn1fh.js';
+import './payouts-status-D-vjrqBb.js';
+import './badge-CtdO-tEY.js';
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -151,7 +151,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '503793db2fd72d3854bfa1eba2051bc822000a1a' }, h(TableComponent, { key: '1db195f7f1206bef7236ccd814c464c61b12f3d3' }, h(TableHead, { key: 'a61137a34fddf3f854102ec7a2964f127d7555f9' }, h(TableHeadRow, { key: '3d3c330e5758ccb4aa14bb7b5ae993d8d2c1718e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a483803ea8dd9db844f36f9f8c7a89e81d7322b4' }, h(TableLoadingState, { key: '10bee5e971e10b0313b9b411c292f8f65bf1cf82', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c8ec9f17a98baa81b4b1830eb8d0bfad45cc8ee1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '94cd786053173ce22f797b0da263488cab9b5139', 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: '533bb1571ae70a03f60d13d5742296f425512919' }, h(TableFootRow, { key: '15924c92e5c9f2202066ebfa02aebc2c52fccee3' }, h(TableFootCell, { key: '48bd284c90d4ac044b5fd5f323c90fab5e9fdb5d', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cfc4bc6b077267ced59bf8b2519ee0354e676560', 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/esm/{payouts-list-params-state-C2_GlMKR.js → payouts-list-params-state-C_fug9R3.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-ZfXl6Xrm.js';
+import { c as createStore } from './index-DJ9G-4S-.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{payouts-status-u1eSRz3Q.js → payouts-status-D-vjrqBb.js}

@@ -1,5 +1,5 @@
-import { h } from './index-qipqIMyC.js';
-import { B as BadgeVariant, a as Badge } from './badge-ChwzCNAF.js';
+import { h } from './index-DOjVAAtq.js';
+import { B as BadgeVariant, a as Badge } from './badge-CtdO-tEY.js';
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payouts-table-BO-MCzXj.js → payouts-table-Clj8YGLV.js}

@@ -1,7 +1,7 @@
-import { h } from './index-qipqIMyC.js';
-import { a as convertToLocal } from './utils-BscIVFn8.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-u1eSRz3Q.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { a as convertToLocal } from './utils-BOijEGPV.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-D-vjrqBb.js';
+import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-xDbRW9xn.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/esm/{schema-validations-DcR1ujuX.js → schema-validations-B9dmY7ME.js}

@@ -1,4 +1,4 @@
-import { a as create$6 } from './index.esm-cYgKOXtz.js';
+import { a as create$6 } from './index.esm-IWS0494Y.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import { b as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options-CgssATyg.js';
 

package/dist/esm/{skeleton-DtpkgjZ6.js → skeleton-B8EUwt4b.js}

@@ -1,5 +1,5 @@
-import { h } from './index-qipqIMyC.js';
-import { y as skeleton } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { C as skeleton } from './parts-xDbRW9xn.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/esm/{spinner-CIXUVK4F.js → spinner-CYXkn1fh.js}

@@ -1,5 +1,5 @@
-import { h } from './index-qipqIMyC.js';
-import { M as loadingSpinner } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { R as loadingSpinner } from './parts-xDbRW9xn.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..."))));