@justifi/webcomponents 4.20.0 → 4.21.0

package/dist/cjs/payment-details-core.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-af1b60a9.js');
+const utils$1 = require('./utils-52fb7fa1.js');
 const utils = require('./utils-c1d2e426.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 
 const PaymentDetailsCore = class {
     constructor(hostRef) {
@@ -45,14 +45,14 @@ const PaymentDetailsCore = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: 'aaaea4076938af5a74197256dba1093265f0e2d6' }, this.loading && utils.LoadingState(), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (index.h("justifi-details", { key: '12f06fa05915380403e244cbed053d0c04bfa1d4', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '4d496def6abfc728e6f184fb0729ac648fb2deaf', slot: "head-info", badge: index.h("span", { slot: 'badge', innerHTML: utils$1.MapPaymentStatusToBadge(this.payment.status) }), title: `${utils$1.formatCurrency(this.payment.amount)} ${(_a = this.payment) === null || _a === void 0 ? void 0 : _a.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '78dcff13206646d594bdc80f6297d45dc9932694', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'dfa0de667ebd28efd217b6bdf548b9b1b728b57e', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'b449b180034f28504007a9c2fb0598607dc00efb', title: "ID", value: this.payment.id })), index.h("div", { key: '62af84e244e38b24b32f791d13f1b21b49942597', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '0ddb0366b4ab737c7b08a37764b8ce2f7ec4a1e9', sectionTitle: "Details" }), index.h("div", { key: 'cb699194db16cb8608834779f560e882f6f9da7c', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '3b6eb4a8b782668951bba90be3b5d522f3f7c69b', title: "Amount", value: utils$1.formatCurrency(this.payment.amount) }), index.h(utils.DetailItem, { key: '7a59ab0b12a263c38c40a98acbff6492d370b28b', title: "Fees", value: utils$1.formatCurrency(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: 'a9eaa5d1959425205c144dc2aa7c7fad77014290', title: "Refunded", value: utils$1.formatCurrency(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: 'd70c3a4bf48c9c69625d5f27f1095f9b0744a71e', title: "Net", value: utils$1.formatCurrency(this.payment.balance) }), index.h(utils.DetailItem, { key: '28f526b1adcd475c2ae88a8bf09ae4aea7935df6', title: "Status", value: utils$1.MapPaymentStatusToBadge(this.payment.status) }), index.h(utils.DetailItem, { key: '700f51d787f20f575e3e11aa72a8da29a9587c2a', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: 'ea72ecc9c2f5055d4b0f6b37cd16cb318f9a797c', title: "Processing Fees", value: utils$1.formatCurrency(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '9d66af2c0c0baef4e8b7b021daf0b4d6adb267d2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: '3f21501c1e08feeee1e7427a42faf1c5d1d9c84d', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            index.h(utils.DetailSectionTitle, { key: 'b7767b93e090c0195aca6c99b66b48d61b6134b3', sectionTitle: "Payment Method" }),
-            index.h("div", { key: 'a363c7a7e69932a8ffeddb5e0d53f7df13119a9a', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'fb0e1f64fcec23e513590b3048593565685d8400', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: 'bc181b1b94039e1aad341a8e563ba923976c806b', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: '88b21dd2368b88232cd0f464c381d4423fe3c774', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: '040fd71315ead633f9c89e9a9dad906889759d77', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: '35ebc74de2c5c8fafd95fc5b15ff4f2ca85220cc', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (index.h(styledHost.StyledHost, { key: '0c00d8b9511be884b5455156295adc5a16e90d68' }, this.loading && utils.LoadingState(), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (index.h("justifi-details", { key: '84020bce088514c6922aa9f4c60fd36515b255f2', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'f86bc0807e905d95f92019a9f2e5431fa04f663d', slot: "head-info", badge: index.h("span", { slot: 'badge', innerHTML: utils$1.MapPaymentStatusToBadge(this.payment.status) }), title: `${utils$1.formatCurrency(this.payment.amount)} ${(_a = this.payment) === null || _a === void 0 ? void 0 : _a.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '44d62082ccbb3b99e97a4a43c697c4c9de643983', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '20cbf3475cdc79e8160b7bee05cb1d7492bdbd22', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'bd008154f65e9133aa1d370f84925c5c0b15200b', title: "ID", value: this.payment.id })), index.h("div", { key: 'eba9206b8b934c5bf61d039640b6729bb7d1e61e', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '5f69927701e6295f339e071ce529e94870122c1c', sectionTitle: "Details" }), index.h("div", { key: 'd4dba46b241ba5ed150246f1d8dafcd64a9bb019', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '9fc3188f51f5ffb019f9253a62d962536a34d6cf', title: "Amount", value: utils$1.formatCurrency(this.payment.amount) }), index.h(utils.DetailItem, { key: '1c4e12cde8f7368f441d92cad4f3bcf1cc9e3d52', title: "Fees", value: utils$1.formatCurrency(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '9dc3a4d6c5911b48122e584cfaafee1d5ec757a8', title: "Refunded", value: utils$1.formatCurrency(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: 'a5fcb34e1af863504c4b54b024f2960e73bd9148', title: "Net", value: utils$1.formatCurrency(this.payment.balance) }), index.h(utils.DetailItem, { key: '2d7960988b5dfd90645c08399ceb658f33fb8e54', title: "Status", value: utils$1.MapPaymentStatusToBadge(this.payment.status) }), index.h(utils.DetailItem, { key: '92ae117d22f20074494a606af6eaca5b2cf51330', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: '65dccd244aaca65369e2402c41c34614f95bcdd7', title: "Processing Fees", value: utils$1.formatCurrency(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: 'b0b2516b604b1b60358b50a02094948200e472a1', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: 'd26d5d18b727831fa7d7f1cdc3dbcb5187170e9c', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            index.h(utils.DetailSectionTitle, { key: '415d1b2d0861d3eaaed37914fee27677d36d7f04', sectionTitle: "Payment Method" }),
+            index.h("div", { key: '56f0388177528afc4ab8acee6b1b884b93c6eaa1', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '04aac1ae9748061527f58144593a1ebd35f4c697', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: '7a3e672ba11d55e9cafbda06ba141e7d9d489280', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: '03a1001268a22552cdf65e60a08fd45db21f471b', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: 'df62f6d86a93d7c32eabade0ce0be19439bee824', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: 'f80a25dfa9351a409483901d7e8b4fb298562c04', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            index.h(utils.DetailSectionTitle, { key: 'f10eef0b4e4067fb78dbff16719a6f266f4e6bab', sectionTitle: "Payment Method" }),
-            index.h("div", { key: '6c1ef713b5dcabba5b516f3cbbd088d098873303', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '8880fd0fb2b16ee6f177aba15d6f4485c95af252', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: 'baa70304d2972f69ce8a5d077a076b16f986745b', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: 'dcb63b9258bea698bf2d165c611dfa05cb320f30', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '806696c15aa5ef242c230d9c9aea642ddfdfd93d', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], index.h(utils.DetailSectionTitle, { key: '83289d8f2cf57a624678260555f00af4ea96a566', sectionTitle: 'Metadata' }), index.h("div", { key: '02e248b962e0c06f4d83bae75a5759b234fea36b', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '5d81879c7815102219ed010dab9f573ad6b7985d', metadata: this.payment.metadata })))))));
+            index.h(utils.DetailSectionTitle, { key: '87d0832646aa0b72c1bf999f0faf35165f12b61d', sectionTitle: "Payment Method" }),
+            index.h("div", { key: 'f92a4413b6f156bc4205a51c69d082623ab4fdc0', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '437ca707e081f3f6a8c199044f8b5c3a8d5c64ce', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: 'fb951661cc27c09858dbaa2819824fb67c026a3e', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: '34ef47bb23fc7c490afa84fdad3923ec371f954a', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '0af5278b4449beb21e0c4e6af04f803e5b82dff7', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], index.h(utils.DetailSectionTitle, { key: '9412b62344613441a40a9cd328e30eef2a024f6c', sectionTitle: 'Metadata' }), index.h("div", { key: '8553e41975e932bcb132284d3dcae576a21fedb7', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '328e6815791d601ffe68af891ed46e0aff8d28c0', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

package/dist/cjs/{payment.service-4b1c0a20.js → payment.service-6f79aad2.js}

@@ -2,13 +2,16 @@
 
 const Api = require('./Api-b98b256f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-05767cba.js');
 
 class PaymentService {
-    async fetchPayments(accountId, authToken, params) {
-        const api = Api.Api({ authToken, apiOrigin: config.config.proxyApiOrigin });
+    async fetchPayments(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.config.proxyApiOrigin;
+        }
+        const api = Api.Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }

package/dist/cjs/payments-list-core.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
-const utils$1 = require('./utils-af1b60a9.js');
+const utils$1 = require('./utils-52fb7fa1.js');
 const exportedParts = require('./exported-parts-b18c68c2.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 const tableLoadingState = require('./table-loading-state-8b406852.js');
 const utils = require('./utils-f8a6962c.js');
 
@@ -80,13 +80,13 @@ const PaymentsListCore = class {
     }
     get columnData() {
         return [
-            ['Made On', 'The date and time each payment was made'],
+            ['Date', 'The date and time each payment was made'],
             ['Amount', 'The dollar amount of each payment'],
+            ['Status', 'The current status of each payment'],
+            ['Type', 'The type of each payment'],
             ['Description', 'The payment description, if you provided one'],
-            ['Cardholder', 'The name associated with the payment method'],
+            ['Account Holder', 'The name associated with the payment method'],
             ['Payment Method', 'The brand and last 4 digits of the payment method'],
-            ['Status', 'The current status of each payment'],
-            ['Payment ID', 'The unique identifier of each payment'],
         ];
     }
     get rowData() {
@@ -98,15 +98,15 @@ const PaymentsListCore = class {
           <div class="fw-bold">${utils$1.formatTime(payment.created_at)}</div>
         `,
             },
-            utils$1.formatCurrency(payment.amount),
-            payment.description,
-            payment.payment_method.payersName,
-            payment.payment_method.lastFourDigits,
+            utils$1.formatCurrency(payment.amount, true, true),
             {
                 type: 'inner',
                 value: utils$1.MapPaymentStatusToBadge(payment.status),
             },
-            payment.id,
+            payment.paymentType,
+            payment.description,
+            payment.payment_method.payersName,
+            payment.payment_method.lastFourDigits,
         ]);
     }
     get showEmptyState() {
@@ -120,7 +120,7 @@ const PaymentsListCore = class {
     }
     render() {
         var _a, _b;
-        return (index.h(styledHost.StyledHost, { key: 'aa139e92669ea06532373a64f08a9926f9ddb4d0', exportparts: exportedParts.tableExportedParts }, index.h("payments-list-filters", { key: 'd5338eb8899dc99a9633cd892400fc4749edb4b6', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: 'dd452f6a2920ef50fb24324efdf65407f7d964f7', class: "table-wrapper" }, index.h("table", { key: '64d2d4304549595b80a45ee5684f7ac3cd296245', class: "table table-hover" }, index.h("thead", { key: '256145c2eea8ac35f1c83663cba68d85287f33fc', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '43a9d75516e80bb5cd04f2575370c863f6413528', class: "table-light text-nowrap", part: "table-head-row" }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => (index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : "" }, !Array.isArray(column) ? column : column[0]))))), index.h("tbody", { key: 'f95b3b11a9fe046a14a78aaa9f08a5522bead677', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: 'f92ed5822f5f3946463b89ed746ab641cbf3b2b3', columnSpan: this.columnData.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: 'ddd2a229c0bb493480504ddcd855d2957b5acedd', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), index.h(tableLoadingState.TableErrorState, { key: '0a42c24d04d0cb23804e4a55d185cb9da4b205ab', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
+        return (index.h(styledHost.StyledHost, { key: 'c9b7ac6aadf6ff3e3c913ca3c35fb656665e79ec', exportparts: exportedParts.tableExportedParts }, index.h("payments-list-filters", { key: '36e602e9e8f607834f33a774fd171904592d28bb', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '8ec5781a7884f9e785bc02dcc1037148a7553d1f', class: "table-wrapper" }, index.h("table", { key: 'b6f23a3e7f3d33839f72f76eaf388dc4b665fa5d', class: "table table-hover" }, index.h("thead", { key: 'eddf66479fe049392aa839786785f6e422e34292', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '5753f6b0f1ff3c860019398dd2e37be00720eee0', class: "table-light text-nowrap", part: "table-head-row" }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => (index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : "" }, !Array.isArray(column) ? column : column[0]))))), index.h("tbody", { key: '509aadeae776e891e06b8a558ddbdffd61109bef', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: '7cdbec5333849e8430ff437a58282e83674f3a9f', columnSpan: this.columnData.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: 'e57c861b6c2628a9d7f5f0349ec16ddf25319352', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), index.h(tableLoadingState.TableErrorState, { key: 'e904618285b0ed49cd49976f3feb7184aff5649a', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
             this.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data.map((dataEntry) => {
                 let nestedHtml = dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type;
                 if (nestedHtml) {
@@ -129,7 +129,7 @@ const PaymentsListCore = class {
                 else {
                     return index.h("td", { part: "table-cell" }, dataEntry);
                 }
-            }))))), this.paging && (index.h("tfoot", { key: '20f135407c3d167359b1e2dd1f12b751b31ac80e', class: "sticky-bottom" }, index.h("tr", { key: 'dae4f695a77846739f2cc80f1e210f0d24d4671e', class: "table-light align-middle" }, index.h("td", { key: '6f2ed8b9b062a008f521aad3fe7f2ac923316955', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, index.h("pagination-menu", { key: '18c83657e78378ce8b59d6216479047f7728691f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+            }))))), this.paging && (index.h("tfoot", { key: '5be3c247a0f19ccb4463ece1d7e2f973cd00162a', class: "sticky-bottom" }, index.h("tr", { key: '41714e1fca135c22a849983e71c1a93d7a6330e9', class: "table-light align-middle" }, index.h("td", { key: '8af7acb966f43f353c7590ab02525c9f3e01b379', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, index.h("pagination-menu", { key: 'e6ec8d634dfd8dca68e8a9e1fc41782046f2115a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],

package/dist/cjs/payments-list-filters_2.cjs.entry.js

@@ -17232,7 +17232,7 @@ const PaymentsListFilters = class {
         ];
     }
     render() {
-        return (index.h("table-filters-menu", { key: '490bab461b6e9f7d3d6296e0d7b59cd0379750a9', params: this.params, clearParams: this.clearParams }, index.h("div", { key: '03541b6698c5c7fd3f82133e5c391c1a88516a09', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'a81248110bcd05439e30713258b5f6df2967cb92', class: "p-2" }, index.h("form-control-text", { key: '713e549345668620d52e0e3938f787b4638571eb', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.terminal_id })), index.h("div", { key: 'c6f5e2fc92998de7672a3702e68fba3e7b86fe56', class: "p-2" }, index.h("form-control-select", { key: 'df5c15aeb9f2e5644637d28045f7ba2b3f0671a1', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.payment_status })), index.h("div", { key: '80b462eea933c079ca178e67fcb7c66fe40e2835', class: "p-2" }, index.h("form-control-date", { key: '23c520165674f69aa589ae134a06342a7003fbd6', name: "created_after", label: "Start Date", inputHandler: this.setParamsOnChange, defaultValue: this.params.created_after })), index.h("div", { key: '957f6585b0c6d7292748d57e4a9b31ca9e8588fb', class: "p-2" }, index.h("form-control-date", { key: 'ee29803a5076cb217ea45d4c602edbf64c5beced', name: "created_before", label: "End Date", inputHandler: this.setParamsOnChange, defaultValue: this.params.created_before })))));
+        return (index.h("table-filters-menu", { key: '96bffa87c69967fd1a5af7d171eb3836d82f994b', params: this.params, clearParams: this.clearParams }, index.h("div", { key: 'cf77c3d54377829e813b1ab53f4cbcbd38fe721b', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '8d0ce058ca9419e35202838d689c67266adc58e8', class: "p-2" }, index.h("form-control-text", { key: '7485f3e7366531240819370a62341b1e1cd1a647', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.payment_id })), index.h("div", { key: '95a92490bb414ab5ee4ec5c9dc1ae49bf10f4adc', class: "p-2" }, index.h("form-control-text", { key: '6fec7cbb05410cafacb374221582301d819aac10', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.terminal_id })), index.h("div", { key: '2d3bebafb9dc28c0e8a23a954af6019497d0b404', class: "p-2" }, index.h("form-control-select", { key: '48705b2cf089301674bf8147445ca00ebb9f1240', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.payment_status })), index.h("div", { key: 'bfc71e6a99f805d00a777b3374a20ede9abd90ea', class: "p-2" }, index.h("form-control-date", { key: '69183a8905039fd6e021ac9da1dcbb2897009101', name: "created_after", label: "Start Date", inputHandler: this.setParamsOnChange, defaultValue: this.params.created_after, showTime: true, filterTimeZone: true })), index.h("div", { key: '9eabcbc9ec8156f3ad490c91e0d9fae9a51dc3cd', class: "p-2" }, index.h("form-control-date", { key: '838d06eebe74acdff6e6025da2d46a6fcca98d72', name: "created_before", label: "End Date", inputHandler: this.setParamsOnChange, defaultValue: this.params.created_before, showTime: true, filterTimeZone: true })))));
     }
 };
 
@@ -17255,7 +17255,7 @@ const TableFiltersMenu = class {
         this.menu.classList.remove('show');
     }
     render() {
-        return (index.h("div", { key: '26c76e4989db63505bbb6d4ecfed10f964839c73', class: "d-flex gap-2" }, index.h("div", { key: '5b9b28d3c1daeb5c38fd5f2fb2529e8251f6d193', class: "dropdown pb-3" }, index.h(button.Button, { key: '45adcccffe23b4d357f0870f961eecfa0a8b3199', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), index.h("custom-popper", { key: '8f381f3db3956a642107bba64f2a2a4370bae2cf', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, index.h("form", { key: '8e5cb0a64848e0720732fc95206deaf56ca338c9', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, index.h("slot", { key: 'a102749963913d0a58e0210ea9c3bf3d4a14c1f3' })))), index.h("div", { key: 'ac38e6b46ce79967e66da4d40c0778df0b07e1a6' }, index.h(button.Button, { key: '2c8ef6ff571121b8cab1b17f2ac7035792f1d7f4', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (index.h("div", { key: 'aa914e16d2a733c8b7b6fee24225120d6901f0b5', class: "d-flex gap-2" }, index.h("div", { key: 'b53ff88da49d4060edfb1b96bf4577babf8e66f8', class: "dropdown pb-3" }, index.h(button.Button, { key: '176da3d69ae445dbc46e9c6602258ccb9bdeb515', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), index.h("custom-popper", { key: '562c6961a08e7b66518d9c2a283ddcb8a5787fa3', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, index.h("form", { key: '28d51e3aaa14f8208c9680b65058d3fd9f85f4d7', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, index.h("slot", { key: 'f00fb0dafac62c1a4283f1c2eb80c34dadaecd15' })))), index.h("div", { key: 'b8b9b9c7af5bfd7a20a34be4f28cda59a048f97a' }, index.h(button.Button, { key: '46746c3524824bf88120baf7e19c1687c3b8fa71', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-af1b60a9.js');
+const utils$1 = require('./utils-52fb7fa1.js');
 const utils = require('./utils-c1d2e426.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 
 const PayoutDetailsCore = class {
     constructor(hostRef) {
@@ -59,7 +59,7 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: 'f04c333617b7a76f89042b248a6d778f66d5c6cb' }, this.loading && utils.LoadingState(), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '8d05338158cc2d7305d8af3ba2a513dc8481741b', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '366a34f922b79a0cf7b7e7ae214c7607ea24a5b4', slot: "head-info", badge: index.h("span", { slot: 'badge', innerHTML: utils$1.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${utils$1.formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '656abf0e42ae7a80e845c03b8c6a928776dc0d07', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'db958e6aa16d1048f80b4819094df79d91900bca', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '091347549f20f22b1378297d16414488cd061c5b', title: "ID", value: this.payout.id }), index.h("div", { key: '551b4dc10f526de23370b08067014c8152f51c13', class: "m-4" }, index.h("button", { key: '5533b69b46df20a4142d1d4747697db6712d5576', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '351d58be5436416a67ae51e62d56114948bc3913', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '652ef08edf5810d7330107547e628fe71995350b', sectionTitle: "Details" }), index.h("div", { key: 'c2a142799c0c2e00f7075e9b5c97fa8dab0f41c8', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '0e8fc0971294ffa8b514e3bb88de867c95e922f4', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '5bf5664f84ab30f684046d99d30f2431faa34f0b', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '8d0773a79dea5984cd71f67dfcc6d293756a9df3', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '8fbb6b45a5650d1066991ab78cc76533ce786464', title: "Amount", value: utils$1.formatCurrency(this.payout.amount) }), index.h(utils.DetailItem, { key: 'b67100e8ba24bdbd4b8e119b7b3c5d8c4cce7e89', title: "Fee", value: utils$1.formatCurrency(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '57ffa572fff5333777d4ca51e3951eebadeef9ed', sectionTitle: "Account" }), index.h("div", { key: '8ddcd2c7034cdb54926b1127f11c7793bdf00e09', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'eb67dfb4a90d6ed275675a9364453393b2231493', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '62718960d90f6d79fb89ec962bfe0ee9058967ed', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'bd8477ca9f112054e05da17c3a28cbfef34233c3', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '58b3959f17fb7294e44f195da0617744a6ac1932', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '14ac9081e23cd608e0f25652d217c407a14b3afa', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: '4bf77ec534c0c44e7550d3141330dc71642dae85', sectionTitle: 'Metadata' }), index.h("div", { key: 'b0c019b0c13bb966a13370326679bfd7e652ceb7', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '2409ce5416d91df6a38db07bd58041b49cbdd736', metadata: this.payout.metadata })))))));
+        return (index.h(styledHost.StyledHost, { key: 'b538a72063f57deea45d1ce74c173156a499e08f' }, this.loading && utils.LoadingState(), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '5ea45dac87ab9959a0d821c2d2cae5ee9cf0894b', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '372a13f727ec9d0d375b37ae029a5ab2df3d72d3', slot: "head-info", badge: index.h("span", { slot: 'badge', innerHTML: utils$1.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${utils$1.formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '9afd1e327235bb0d3a48697ea01b68a5516789c2', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'f00add046d617c12540be0cfc4540808719e0e65', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '239849324e65aa9eea6070c4fca8d2a85c490bb1', title: "ID", value: this.payout.id }), index.h("div", { key: '0f2ea65e410f9e89499e60b14b91005d3e98838d', class: "m-4" }, index.h("button", { key: '09b9efcd24c0aa3364be75f2ec07055a381f100a', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: 'a8ff31263826356fb0c0ea7dbc3433e04e45d413', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '47923246812e7ef3828fc33914c3f01cb6a38b31', sectionTitle: "Details" }), index.h("div", { key: '37bf9c3a58e2a2678bb96b6aaca739e032ea61b9', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '772024dd509058d54e6da5d3a6450a163774fd36', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '2925020997b1da4e263ae44ef55605765407c386', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: 'e34388b87e09d4c94ca4463f3a5ede078f41d938', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '931e4fc84ad6932b40824cdbb8bf8909bacee2c7', title: "Amount", value: utils$1.formatCurrency(this.payout.amount) }), index.h(utils.DetailItem, { key: '38c1be3b0872d990dfafcdd796ed2a9be6a8bfa1', title: "Fee", value: utils$1.formatCurrency(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '0057ad126e391f2f55307a3c6035c8feb1ca959b', sectionTitle: "Account" }), index.h("div", { key: '2d19e06db0a626313481f91a4602239634c846c7', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '147e30b77458b02cc0d996ba91e253dfa11e58a0', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '32f4ffcd4c44e3adc97e94da99aaafa0412fe258', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '293bbea794dd126fbaada4b263f2b85ed0d9fbb4', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '0dbb60bb773745657961d1a20a3621ba319436c0', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '5dbf5b3225b33cf7d6f838e0621eac4ace8351c9', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: 'e89cdd81cb5ef15d964c0a00a0bbb2f57fadc5d2', sectionTitle: 'Metadata' }), index.h("div", { key: '6c3da5b9aeaef544d28504708af32219164c37ca', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '0ad346c1bfb3639852b64fc3ab4906efad584f54', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 const Payout = require('./Payout-a2dd7b01.js');
-const utils = require('./utils-af1b60a9.js');
+const utils = require('./utils-52fb7fa1.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const exportedParts = require('./exported-parts-b18c68c2.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 const tableLoadingState = require('./table-loading-state-8b406852.js');
 
 const DownloadIcon = (props) => (index.h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
@@ -154,8 +154,8 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c88e9dcab68723440f7ad47f526062f4fcda8f4f', exportedparts: exportedParts.tableExportedParts }, index.h("div", { key: 'b13a1f79bfba76fdb419aabe3b431b0635ee3e85', class: "row gy-3 mb-4" }, index.h("div", { key: '1fa57ea19b1d41fcac7a04e327ba4b21ed85eafb', class: "col-2" }, index.h("form-control-date", { key: '55d59be93d4d02c0e6167eb50710eae18f49dc06', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), index.h("div", { key: '24385e4d4f590ffb6b7ecff89320c1a87d71126f', class: "col-2" }, index.h("form-control-date", { key: 'ed249c729426708374fb69b3d169111a30a76dff', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), index.h("div", { key: '6be333c9a3263b15133761367d7a2ee796c9524a', class: "table-wrapper" }, index.h("table", { key: '97ac365de170c104db10742fc0c626006bd70e47', class: "table table-hover" }, index.h("thead", { key: '4673ee790f8e8f1d9a997cb20412d60fefe77ff4', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '8067c08e488007909f84cf89dddf0b30a315444b', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), index.h("tbody", { key: 'd872bc8f1cd0301de6d7784ec109aa14d04ed9d5', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: '761841567c65b07d8875ac5a97138c3e5388d388', columnSpan: this.columnData.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: 'a1f92c9da78ac90454451788970fb7971eb4131f', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), index.h(tableLoadingState.TableErrorState, { key: 'e60d36c840f97fa48ba9b575d013efaa59653cc8', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (index.h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (index.h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (index.h("tfoot", { key: '3302c26fbf7a0fd0632aee60b0bb8ee105404d17', class: "sticky-bottom" }, index.h("tr", { key: '3768a133e08940cb7ce3944f855fc0d6ace429ef', class: "table-light align-middle" }, index.h("td", { key: '9ad8ab1254b998b12436bf5330d0d1d96b8a2f6e', part: "pagination-bar", colSpan: this.columnData.length }, index.h("pagination-menu", { key: '9664a7f0e5e1ee4ac366574dce1669d613871094', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (index.h(styledHost.StyledHost, { key: '832eff9b77800d6631c73559b61af3b8c5c1eb5b', exportedparts: exportedParts.tableExportedParts }, index.h("div", { key: 'b2a127643e0a48888c643f77d9235082502a2549', class: "row gy-3 mb-4" }, index.h("div", { key: '6b2ef796b48da76e816ed5090126bf6c891687ce', class: "col-2" }, index.h("form-control-date", { key: '52c7507bd47a665d8986cdde06a1e26f30a5f9e0', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), index.h("div", { key: 'acb3307eec6b6d36b229d59683782bfbb2e65239', class: "col-2" }, index.h("form-control-date", { key: '294f40153e9eb61b53152763ff54e942620962a0', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), index.h("div", { key: '0d55a8fe0017a7fc3a3a675b11aeff9f0eb71cef', class: "table-wrapper" }, index.h("table", { key: 'c7fe79007a7ddb600117df904e376465abec406e', class: "table table-hover" }, index.h("thead", { key: '451a5f744c76a6b6beb2ad0cafd3677fd0f0b190', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'c7b58d5e0a96536df39673f8ac928c0809fe7f64', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), index.h("tbody", { key: '638cac393da61b6c73a7b287f5c9b13d0817390e', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: 'dd768838da9b29c4f1e251eb27ba2c5b467a4a7d', columnSpan: this.columnData.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: '412fe6a904e37f095c5c7a0aeb2356b893cfef7b', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), index.h(tableLoadingState.TableErrorState, { key: '144bf2bf71789a1a29b638291ec5ca16ab31b2fc', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (index.h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (index.h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (index.h("tfoot", { key: '0df80be6f5c3e2cd18fa27c0ec2e1cb560348908', class: "sticky-bottom" }, index.h("tr", { key: '0d25309ea10e119e07e6d5438b70dd5a83b22f2b', class: "table-light align-middle" }, index.h("td", { key: '25a111ea022692ea8502ddfdf92dd9811fde6024', part: "pagination-bar", colSpan: this.columnData.length }, index.h("pagination-menu", { key: '5cc20eba110ab7c974dc43c8d20e94f6cb17ec81', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],