@justifi/webcomponents 4.19.3 → 4.20.0

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { d as MapPayoutStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime } from './utils-e66d8bca.js';
 import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './utils-01413a95.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 
 const PayoutDetailsCore = class {
     constructor(hostRef) {
@@ -55,7 +55,7 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'fdf7905cdc7696414b765d61d0f78c7193cbbc76' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'f79827c287d68484a87232ae956a1c15e3d7044d', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'dfa9c228f2cd1b0b2d14dc6ce44478ee8fc35d00', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '6b5907e3f7753d4e2f6ba59bfe509d97e2a4c1c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '63b7497217a00268190eaea1475639fc5e0b43ca', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e26e56abbac3e12584c187f6f1b560b0f4b33a6f', title: "ID", value: this.payout.id }), h("div", { key: 'e84dd653fb1adc566b0afbfdfc87cce40ed47280', class: "m-4" }, h("button", { key: 'fac0022786dc03349a65dc54729dc2f508c9441f', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9cf642b803c59146895b762eaff40f5026c9f94b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '90ed8aafabf9eebb47da15c6c8b8d1f527d23557', sectionTitle: "Details" }), h("div", { key: '592b8489fa30441bbf11a52d3daf6a2debcc121f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0885f3ece509936d1e1bad64d4a998fbc487ee3a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b8a7da2bfeada94c8c7c080b516c1bc7fc26f414', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd8928341e89161d4bafc2940f1aa738b345779dd', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '570bd2a2d44f094870e61debca61c2b5aa772679', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: '2882865db185d1668103d819e62cf61edc711697', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f9735ff73c650ad318d771df5c22c7d8834a09f6', sectionTitle: "Account" }), h("div", { key: 'd7d53fd77e704035a19dc15bc04ee06dfaa0c51a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '486ae1c4ae990928bf24cc687cb4456bbc6e18ea', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '528d7d6a299aa1019125f34fc903ea622d09de53', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'eafb132e84de81d41bd154aec55974d8496995dd', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7f565f8dfacab4cf8edc7025d839dff1d8de2719', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '61338f5ed539d70b4caa08ffa200d8e47f52ebde', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'cea128826f004ece9e6c29c97c07e98a3d45706c', sectionTitle: 'Metadata' }), h("div", { key: 'bf884c3dafa50cd1b8e0d98711f0fe5fc9d60391', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d92e2f8d6f032cbaff741da43ca97424b8decaf', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: 'f04c333617b7a76f89042b248a6d778f66d5c6cb' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '8d05338158cc2d7305d8af3ba2a513dc8481741b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '366a34f922b79a0cf7b7e7ae214c7607ea24a5b4', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '656abf0e42ae7a80e845c03b8c6a928776dc0d07', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'db958e6aa16d1048f80b4819094df79d91900bca', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '091347549f20f22b1378297d16414488cd061c5b', title: "ID", value: this.payout.id }), h("div", { key: '551b4dc10f526de23370b08067014c8152f51c13', class: "m-4" }, h("button", { key: '5533b69b46df20a4142d1d4747697db6712d5576', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '351d58be5436416a67ae51e62d56114948bc3913', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '652ef08edf5810d7330107547e628fe71995350b', sectionTitle: "Details" }), h("div", { key: 'c2a142799c0c2e00f7075e9b5c97fa8dab0f41c8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0e8fc0971294ffa8b514e3bb88de867c95e922f4', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '5bf5664f84ab30f684046d99d30f2431faa34f0b', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8d0773a79dea5984cd71f67dfcc6d293756a9df3', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '8fbb6b45a5650d1066991ab78cc76533ce786464', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: 'b67100e8ba24bdbd4b8e119b7b3c5d8c4cce7e89', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: '57ffa572fff5333777d4ca51e3951eebadeef9ed', sectionTitle: "Account" }), h("div", { key: '8ddcd2c7034cdb54926b1127f11c7793bdf00e09', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'eb67dfb4a90d6ed275675a9364453393b2231493', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '62718960d90f6d79fb89ec962bfe0ee9058967ed', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'bd8477ca9f112054e05da17c3a28cbfef34233c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '58b3959f17fb7294e44f195da0617744a6ac1932', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '14ac9081e23cd608e0f25652d217c407a14b3afa', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '4bf77ec534c0c44e7550d3141330dc71642dae85', sectionTitle: 'Metadata' }), h("div", { key: 'b0c019b0c13bb966a13370326679bfd7e652ceb7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2409ce5416d91df6a38db07bd58041b49cbdd736', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -5,7 +5,7 @@ import { a as PayoutStatuses, b as PayoutStatusesSafeNames } from './Payout-dfe1
 import { b as formatDate, c as formatTime, f as formatCurrency } from './utils-e66d8bca.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { t as tableExportedParts } from './exported-parts-abd4c027.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
 
 const DownloadIcon = (props) => (h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
@@ -150,8 +150,8 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState;
     }
     render() {
-        return (h(StyledHost, { key: '594c52003f897f4c50f79935e42a7042fb5ec168', exportedparts: tableExportedParts }, h("div", { key: 'f2b1d971e1e7bc5596459c071c3aa931ba4cb4b9', class: "row gy-3 mb-4" }, h("div", { key: 'd98e3ed56421493a60bd0a285079aa99ae705506', class: "col-2" }, h("form-control-date", { key: 'c9c899884bcc6fa6d306b95473ef0a7354e57bd5', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '0059a75bf2f478b107d59bd9d7cc29de10dffe57', class: "col-2" }, h("form-control-date", { key: 'ef9a31ac8a8e7336386664b70289ee34677152a4', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '65da1114a66ac4cdf8d6ec012a42b2f760af5c76', class: "table-wrapper" }, h("table", { key: 'd68d8f61835cc4dc5dc988ff61843e6254494ace', class: "table table-hover" }, h("thead", { key: 'aa691db8fbfbcdad59acbdc1ef38497b552928ab', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'aa9f61cbf05b9420026861cb14e6a30a6c9e347e', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: 'cf0127f26e8bc5b7afbbfc4a36fab4de948d1727', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'd6b832786c4959176974c7a343442c8d1c50b5c2', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '398a20957f76ba14e1b0677fbd6fbfbacce61fbb', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: 'd9f755a07a6f8cd4967eac60beff92f36322dcdd', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: '503fa3a3a7ffe5d52b614153b286dd0326c02091', class: "sticky-bottom" }, h("tr", { key: 'e3af74b96bfc1f5ac1f0f0655eaed096102d0e89', class: "table-light align-middle" }, h("td", { key: 'a53f9d37181ea29a9fcb6ab46b2daf7cc66509be', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: 'b0779289444747e0b18bb63e6a17cdc89bd390ca', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h(StyledHost, { key: 'c88e9dcab68723440f7ad47f526062f4fcda8f4f', exportedparts: tableExportedParts }, h("div", { key: 'b13a1f79bfba76fdb419aabe3b431b0635ee3e85', class: "row gy-3 mb-4" }, h("div", { key: '1fa57ea19b1d41fcac7a04e327ba4b21ed85eafb', class: "col-2" }, h("form-control-date", { key: '55d59be93d4d02c0e6167eb50710eae18f49dc06', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '24385e4d4f590ffb6b7ecff89320c1a87d71126f', class: "col-2" }, h("form-control-date", { key: 'ed249c729426708374fb69b3d169111a30a76dff', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '6be333c9a3263b15133761367d7a2ee796c9524a', class: "table-wrapper" }, h("table", { key: '97ac365de170c104db10742fc0c626006bd70e47', class: "table table-hover" }, h("thead", { key: '4673ee790f8e8f1d9a997cb20412d60fefe77ff4', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '8067c08e488007909f84cf89dddf0b30a315444b', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: 'd872bc8f1cd0301de6d7784ec109aa14d04ed9d5', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '761841567c65b07d8875ac5a97138c3e5388d388', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a1f92c9da78ac90454451788970fb7971eb4131f', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: 'e60d36c840f97fa48ba9b575d013efaa59653cc8', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: '3302c26fbf7a0fd0632aee60b0bb8ee105404d17', class: "sticky-bottom" }, h("tr", { key: '3768a133e08940cb7ce3944f855fc0d6ace429ef', class: "table-light align-middle" }, h("td", { key: '9ad8ab1254b998b12436bf5330d0d1d96b8a2f6e', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: '9664a7f0e5e1ee4ac366574dce1669d613871094', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],