@justifi/webcomponents 6.14.5-rc.1 → 6.15.0-rc.1

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

@@ -207,7 +207,7 @@ const JustifiPaymentsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaym
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6' }, h(TableWrapper, { key: 'edcc04c18ae762b75aab3cebe31a5aab824843ef' }, h(TableComponent, { key: '98b6e699948ac65667497b59b0ac23e36d7ea212' }, h(TableHead, { key: '06830e440c2f5ea23acd0109f58dd6e11f6495bf' }, h(TableHeadRow, { key: '8a29564e85eb5a870c37c58cc57a149327f5405d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a03ffd7422fbf7f364a6f7545a0158fb0cd38691' }, h(TableLoadingState, { key: '6f48d9791c28a3407edddf97fc54a1a92c5e7dbc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab948e22cf74e5db93835df17f93c200f0caf698', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '28064e964a0db825ba7d78bc84e55c88b5c8e0c3', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '036c71025fb6d150a3bdaa370e84e955ecf79b66' }, h(TableFootRow, { key: '373d7ac9f89a226a32a26a5ee7bb2a2246f8a454' }, h(TableFootCell, { key: 'a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '438d49d2094bb17488b8e2aa90fd0dbce100d920', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1972d732d49fe3a0a524ae0ee3d14ff83e06c2f9' }, h(TableWrapper, { key: '2d4128fa0009f52360cf4a3697cfc15b48aea427' }, h(TableComponent, { key: '706302e94182be3478042c2ee0682287707f2e15' }, h(TableHead, { key: 'da6aa068b37defc4842c6216376885042daeee48' }, h(TableHeadRow, { key: '5eb0983ca580e184d3ca929aae65a344c133be9d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '1c16641af3360d379f8dc43ca6fa0cdf41d18b1f' }, h(TableLoadingState, { key: '366b17d968c56c1d4dedfe7ddae878a5ac952405', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7f43460204035b6a2c67e8fc0bbad44f56b659e9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd9f7f73b5966ef80dacc5c76117e8dc3aff7c63c', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e1bee3c78a56cec11277aba514607808e46476f3' }, h(TableFootRow, { key: '007da5d4cf7fd60103860edb7cec1d01bd2eae22' }, h(TableFootCell, { key: '3e16c5cd9531a459afd9d41067154a432c71f410', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1b218b16bd172d16337aba09f659eb2cf80f3352', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-details.js

@@ -149,9 +149,9 @@ const JustifiPayoutDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPay
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: 'da86ceeb41265056f9bc64c07b3bd7db4a91471c' }, this.loading && h(PayoutDetailsLoading, { key: '49ae2848db4a5b59770c2b84bfba745861573a6d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b4e6740d49ae1099f28ea3d6f21fe0da48149c71', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e9efbeeb7894996f318d90fb38826a6a9e4cc4b3', 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: 'feb913d2b90e86fb4f5575379e9b9a47adfa723f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9fe6da08323735948f145a72a02db26a6eb31f02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd01c4b7ea7c966b524026a6e97c0575466de3f74', title: "ID", value: this.payout.id }), h("div", { key: '4c4f73e5898caedbb1b7aba326dbfb0dcfbb59e6', class: "m-4" }, h(Button, { key: '622a6e8384da37f4bb3896bcafea46ef697b140e', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9b9271663673dc2e78e89bec5c7c9c47daa6761e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5c6e1c09e63cd0616794b7df367a73889e37b2', sectionTitle: "Details" }), h("div", { key: '95f9d5a0097499fdb24f44ea87313c3b34a96068', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ecf60d4a4783c8fb52e10222dd4f6e9935cd0910', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '289971a08641bc2dc725d603ef611291025cd6b4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd237aacbeb9b23ac0d45aa978350aad4824b0695', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '744ef2b8878b742483750fb921ca9790f6aa9ec1', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'dbf3327510523afc6edd78ea2926f99593da9748', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '15983342dbe916770291f33226b744e8c4c1129e', sectionTitle: "Account" }), h("div", { key: 'b3fb4353794dc490633a14abcc829ff0835d989f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '665fbe47e3b35c0b7ffb3e6c17e15c3703c90250', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '5b15d5bc8a63541ac8d77eddccb47c89659fd05a', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '947043e3571f27a672060f2101296daba0073727', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: '74ac687b37c7ca91a88863730560333c41b9413c', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '43cd9aa5ac45f6efba97901e3e1386446065c28a', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '8bf04ae43a08d8ef624357f64df900a11b8f2dad', sectionTitle: 'Metadata' }),
-            h("div", { key: '1bf737734f34f626cbfb9dd878afbb91b6f01913', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0d1481e1823e9b2f28328ebfb3cd1c92c6342cc6', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '899fa61338dbe116af651f6ad0152c2dc14fbf61' }, this.loading && h(PayoutDetailsLoading, { key: '9e21380d401579641ca16c363a00ea6ecd9f61b1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '7b23540ccf9f191975d83440a68ae0595eb2fabb', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '00ca451633056cf0cdad793acb371778be308f6c', 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: '7d6ca04b51a4a9907601fcae476bf658ee9b7b8b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '7291696446fb9a9ddbf13efddf7a5bef18917fde', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '38395da0eff4c0ab3fe50a11bc41594d7ef1a8ad', title: "ID", value: this.payout.id }), h("div", { key: '0ed9d1ea18334ca2ea934786d6f364d9334353ff', class: "m-4" }, h(Button, { key: 'f4c5a405a44348b126cdfe9e7d8306002924c6da', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7fa020fa0869a79f69f25a94686cffc55ed55abb', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5ae249801cba2e7108192f009336407584b0a696', sectionTitle: "Details" }), h("div", { key: 'c47753696f189b27cae9d9b2d8e3ffc7b696d97a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'c72a1cf30a86dfa619abfa95537f6f8cbe090fd9', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b3b7529bafd7dae550d5abe4fdf46a871ad15d62', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '4c7c0b7b9bd1a1661970c00cc01694c288eef5da', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '147f3397fcb22d4082dd310473b033e50fefcc07', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'f98d5fc22dbad10d8118d119519836d133f50ef4', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '40217aad4d193a8e9fc4b3819dfdacf78ec31210', sectionTitle: "Account" }), h("div", { key: 'ab17558eb748976a2ec247a1626bad303699a354', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7d2013213d30b4ae9a58ae5792ff06f6deeaf178', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '77a51dedbc06b0e4d28f27d143328e10bda8e285', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '97ade8fb490f43f946d82856ae2925488c3d73b1', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: 'b52ae17aa886bc162489fa23b813e7b574b1fd71', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '4c3d5fab0b5c82e93dd4159b07c01a59f7c14f90', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '9ff7d9b59935cd8a03b2aba8869173ebe3f90131', sectionTitle: 'Metadata' }),
+            h("div", { key: '6eb713e51a1c70db27881d7239455bf47e9158b2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cf460293bdd2c278ca9d9a4f5fad71c473b5a656', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/justifi-payout-transactions-list.js

@@ -194,7 +194,7 @@ const JustifiPayoutTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class J
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'e7b5b219c34d1c8610fb4113fedd503f0512db2d' }, h(TableWrapper, { key: '97bbe678c90ba115a091db4fac42560c17f557f2' }, h(TableComponent, { key: 'ef90c77cd8f19a80e2b3e2b514aa1bc735a1b783' }, h(TableHead, { key: 'f5f0a00594f099931f1ac1cd4e359bb8fab11ec8' }, h(TableHeadRow, { key: '559648add19e0426d756f71ecb7bbd5cbcf1349e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '49f8da0be5dba34ffbb92805d7b5b0fb3eeb6bf7' }, h(TableLoadingState, { key: '1d61dc2157608f38eb34e64452d7089857e6c67d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd1f735fdb009740a186a16ea7e15d0320965a286', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f50ecc151be5c9143fb69d575a1ef14b3aa17b61', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '560536e623b2437d613169af2980aec13ebb4531' }, h(TableFootRow, { key: '42b82920fdd6056bb654db92acf3741aafb13d99' }, h(TableFootCell, { key: 'e2545104fdac51e0ada942138a08714f213bce63', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a74b19f3fa02f0e86e00783a06b0dfba2bc0ed8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '3d9b9479726dcfe62fc70ebefb57a56e2ea62a35' }, h(TableWrapper, { key: '209c0c312f8c110cbbc68f74a30dd635d9eb736f' }, h(TableComponent, { key: 'b141a06b688e8feeb2e45ddd03c5f5a0315213d1' }, h(TableHead, { key: '0d7b69a7a2611517f28cd59c48f5820979bad9df' }, h(TableHeadRow, { key: 'f5520cd56d00855566dcd2bbcacb5f8f28a0f552' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b6082fab5bbfb059f03677a5a04496c835cfe15a' }, h(TableLoadingState, { key: '99bfc2ec5a77f338c3da293fef90e2ac93f9a4b9', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '933501b918389f8aa5df515a05db4dbfdcb842d2', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2b4ba69682b2633ca70941e53d2775b88a9d4222', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'ed6f56fd8dcee6c2327066eb09a8a39c122000d3' }, h(TableFootRow, { key: '763336a3b90b2c6433a91fff8a29bc3efd0c29c6' }, h(TableFootCell, { key: '91b2bc9767aa3cc1c5b860cad877b91abc4cf504', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c78f9bf45e68e859027260671379779f4794e178', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -57,8 +57,8 @@ const JustifiPayoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4047a84518ef07a3e9d22f3d6866452dcdd7bab3' }, h("table-filters-menu", { key: 'a1db3d5c8c0bdc44ea7d9dc35f0c460b4b5930ab', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0d8e8244eb9516a97914942e1e0836dd8ab53639', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '47021850703e8ab104b287b4efa93693272c435b', class: "p-2" }, h("form-control-select", { key: 'f0312f36bc05c4fa6d4e7841624f8d977cdec6c1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '211ac119c8172aa4e626b7344b25a1df26019aa8', class: "p-2" }, h("form-control-date", { key: '168757bdc92bf54e076d4d5aff63f8a04de65464', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '43aa8054ba063b70eadfff7240908329f47d1c02', class: "p-2" }, h("form-control-date", { key: '16a86a41c301dd32a6d46067c32d1316c80ceb5d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'df8048dae4bc40f8736e10a9288a274bd52d862c' }, h("table-filters-menu", { key: '6ebfb5f5f3a9aaba4b8cf490fc97ab7f4d076a8c', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'd18a0c09e5ea1afac91db9f00c15fa4c8c324045', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '31f7705449fefaee5ccfacedbb4e643dce38a0e3', class: "p-2" }, h("form-control-select", { key: '0a922f2694866148e22ba4ddd055731a5aff4a2c', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: 'aa484b1b5344206a80110b870fff54a189a2129f', class: "p-2" }, h("form-control-date", { key: '7a3882d54359b913b1ab81958d710b51a028072e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '0a58445d63237e1b4ea462ed5cbc13cde22385b8', class: "p-2" }, h("form-control-date", { key: '80a5a37baf40d3d0f478cff6577276e78063b6dc', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -255,7 +255,7 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '653896fabc4becf531ec119d252cbaea301a0dc6' }, h(TableWrapper, { key: '63787473d67118a7f092bad666c47346872a7834' }, h(TableComponent, { key: 'c17ecce261475c8bfe357ff30d06f189c8f96480' }, h(TableHead, { key: 'cc23edeff6a1e595671b77fa51c73ff313692b16' }, h(TableHeadRow, { key: '4ed5b5ee149538d2de60ee6e27edde55e8d11eaa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a0a886e70ba99ececd78e5bc34aec065466fe6ce' }, h(TableLoadingState, { key: '38bf9109ca73ecfd5c85529a8f7232069ffcdb00', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6f5341305ef71f86bbf3680e2c6d0dc461f3d09f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'bd5e8cc72b460238636546a568645c797807f2d9', 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: '15145b7ef9cc37a2ad70cea5698d53df069979bf' }, h(TableFootRow, { key: '2d4ed5a1ab5eaf0eaae0bbe35f02edf59c23b22e' }, h(TableFootCell, { key: '11c8505cfd97117afaf79ea68a3fb00570a9c7cb', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b8e7e29d4d932f43b3381235de57b63cc6a5283b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '5ea168d699ad120a1edc89d53a93e9a7132e8649' }, h(TableWrapper, { key: '909b379dc668dfe2c2eda85116fe5e36c268a007' }, h(TableComponent, { key: '1d50aae5d4984dac6986852ba4c735e384738002' }, h(TableHead, { key: 'f240bb7a39c41cf7d1a52fca286747133aa45139' }, h(TableHeadRow, { key: 'e557dc2eab47cfdf483fc2d74c149b75d9d63932' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '8c9c206ebb7349c8c3dad8e06339f180282d0a5d' }, h(TableLoadingState, { key: '63dd3b915b845c2df711d6a0ec3e9a4f07925fc3', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7ae4683df6aef24693f309340abb9cf315a9b848', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '4b979bc97e74301f34139edc423591b666f1b18c', 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: '0c46552b9ad13d6e1c32964d474a3c6377c195a2' }, h(TableFootRow, { key: '0ae301fcc846334aa477ec590ab937d98e9f8483' }, h(TableFootCell, { key: 'f6f892e5bdbcfd26155a4353e3dc37ee9356a464', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '54d308ee5a8dee1ca8f43fd02785c62a3a4c7bea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-paypal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiPaypal extends Components.JustifiPaypal, HTMLElement {}
+export const JustifiPaypal: {
+    prototype: JustifiPaypal;
+    new (): JustifiPaypal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-paypal.js

@@ -0,0 +1,6 @@
+import { J as JustifiPaypal$1, d as defineCustomElement$1 } from './justifi-paypal2.js';
+
+const JustifiPaypal = JustifiPaypal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiPaypal, defineCustomElement };

package/dist/module/justifi-paypal2.js

@@ -0,0 +1,226 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { c as checkoutStore, o as onChange } from './checkout.store.js';
+import { A as Api } from './Api.js';
+import './Plaid.js';
+import './Pagination.js';
+import './Business.js';
+import './ApplePay.js';
+
+const api = Api();
+class PaypalService {
+    async createPaypalOrder(authToken, checkoutId, fundingSource, signal) {
+        const endpoint = `checkouts/${checkoutId}/paypal/orders`;
+        const body = { funding_source: fundingSource };
+        return api.post({ endpoint, body, authToken, signal });
+    }
+}
+
+const PAYPAL_SANDBOX_SCRIPT_URL = 'https://www.sandbox.paypal.com/web-sdk/v6/core';
+const PAYPAL_PRODUCTION_SCRIPT_URL = 'https://www.paypal.com/web-sdk/v6/core';
+const PAYPAL_SCRIPT_DATA_TEST_ID = 'paypal-script';
+const PAYPAL_COMPONENTS = ['paypal-payments', 'venmo-payments'];
+const PAYPAL_PAGE_TYPE = 'checkout';
+const PAYPAL_DEFAULT_CURRENCY = 'USD';
+const PAYPAL_PRESENTATION_MODE = 'auto';
+/** Venmo only settles in USD, and the checkout payload carries no country. */
+const VENMO_SUPPORTED_CURRENCY = 'USD';
+/** `test` checkouts talk to PayPal's sandbox; everything else goes to production. */
+const paypalScriptUrl = (mode) => mode === 'test' ? PAYPAL_SANDBOX_SCRIPT_URL : PAYPAL_PRODUCTION_SCRIPT_URL;
+const PaypalErrorCode = {
+    CONFIG_ERROR: 'CONFIG_ERROR',
+    INITIALIZATION_ERROR: 'INITIALIZATION_ERROR',
+    ORDER_ERROR: 'ORDER_ERROR',
+    PAYMENT_FAILED: 'PAYMENT_FAILED',
+};
+
+const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.paypalStarted = createEvent(this, "paypalStarted", 7);
+        this.paypalCompleted = createEvent(this, "paypalCompleted", 7);
+        this.paypalCancelled = createEvent(this, "paypalCancelled", 7);
+        this.paypalError = createEvent(this, "paypalError", 7);
+        this.paypalService = new PaypalService();
+        this.paypalEligible = false;
+        this.venmoEligible = false;
+        this.startSession = async (session, fundingSource) => {
+            if (!session)
+                return;
+            this.pendingOrderId = undefined;
+            this.paypalStarted.emit({ fundingSource });
+            let orderFailed = false;
+            const order = this.createOrder(fundingSource)
+                .then((created) => ({ orderId: created.provider_order_id }))
+                .catch((error) => {
+                orderFailed = true;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Could not create the Paypal order', PaypalErrorCode.ORDER_ERROR);
+                throw error;
+            });
+            // The SDK is what normally consumes this rejection; swallow a copy so a
+            // failed order can never surface as an unhandled rejection.
+            order.catch(() => undefined);
+            try {
+                await session.start({ presentationMode: PAYPAL_PRESENTATION_MODE }, order);
+            }
+            catch (error) {
+                if (orderFailed)
+                    return;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED);
+            }
+        };
+    }
+    componentDidLoad() {
+        if (checkoutStore.checkoutLoaded) {
+            this.initializePaypal();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.initializePaypal();
+            });
+        }
+    }
+    get currencyCode() {
+        return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
+    }
+    emitError(error, code) {
+        this.paypalError.emit({ error, code });
+    }
+    // The script tag is the dedup token, so a second instance (or a remount)
+    // reuses the in-flight load instead of appending another SDK.
+    loadPaypalScript() {
+        const loaded = window.paypal;
+        if (loaded)
+            return Promise.resolve(loaded);
+        return new Promise((resolve, reject) => {
+            const selector = `script[data-test-id="${PAYPAL_SCRIPT_DATA_TEST_ID}"]`;
+            let script = document.head.querySelector(selector);
+            if (!script) {
+                script = document.createElement('script');
+                script.src = paypalScriptUrl(checkoutStore.checkoutMode);
+                script.async = true;
+                script.setAttribute('data-test-id', PAYPAL_SCRIPT_DATA_TEST_ID);
+                document.head.appendChild(script);
+            }
+            script.addEventListener('load', () => {
+                const paypal = window.paypal;
+                if (paypal) {
+                    resolve(paypal);
+                }
+                else {
+                    reject(new Error('Paypal script loaded but window.paypal is undefined'));
+                }
+            });
+            script.addEventListener('error', () => reject(new Error('Error loading Paypal script')));
+        });
+    }
+    metadataId() {
+        return (Math.random().toString(36).substring(2, 15) +
+            Math.random().toString(36).substring(2, 15));
+    }
+    async initializePaypal() {
+        const clientId = checkoutStore.paypalProviderClientId;
+        if (!clientId) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
+            return;
+        }
+        try {
+            const paypal = await this.loadPaypalScript();
+            this.sdkInstance = await paypal.createInstance({
+                clientId,
+                components: PAYPAL_COMPONENTS,
+                pageType: PAYPAL_PAGE_TYPE,
+                metadataId: this.metadataId(),
+            });
+            const eligibleMethods = await this.sdkInstance.findEligibleMethods({
+                currencyCode: this.currencyCode,
+            });
+            this.paypalEligible = eligibleMethods.isEligible('paypal');
+            this.venmoEligible = eligibleMethods.isEligible('venmo');
+            if (this.paypalEligible) {
+                this.paypalSession = this.sdkInstance.createPayPalOneTimePaymentSession(this.sessionOptions('paypal'));
+            }
+            if (this.venmoEligible) {
+                this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
+            }
+        }
+        catch (error) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
+        }
+    }
+    sessionOptions(fundingSource) {
+        return {
+            onApprove: () => this.paypalCompleted.emit({
+                success: true,
+                paymentMethodId: this.pendingOrderId,
+                fundingSource,
+            }),
+            onCancel: () => this.paypalCancelled.emit({ fundingSource }),
+            onError: (error) => this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED),
+        };
+    }
+    async createOrder(fundingSource) {
+        const response = await this.paypalService.createPaypalOrder(checkoutStore.authToken, checkoutStore.checkoutId, fundingSource);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            const message = typeof response.error === 'string'
+                ? response.error
+                : response.error.message;
+            throw new Error(message || 'Could not create the Paypal order');
+        }
+        const order = response === null || response === void 0 ? void 0 : response.data;
+        if (!(order === null || order === void 0 ? void 0 : order.provider_order_id)) {
+            throw new Error('Paypal order is missing a provider order id');
+        }
+        this.pendingOrderId = order.id;
+        return order;
+    }
+    render() {
+        if (!checkoutStore.paypalEnabled)
+            return null;
+        const showVenmo = this.venmoEligible && this.currencyCode === VENMO_SUPPORTED_CURRENCY;
+        if (!this.paypalEligible && !showVenmo)
+            return null;
+        return (h(StyledHost, null, h("div", { class: "paypal-buttons" }, this.paypalEligible && (h("paypal-button", { type: "pay", onClick: () => this.startSession(this.paypalSession, 'paypal') })), showVenmo && (h("venmo-button", { type: "pay", onClick: () => this.startSession(this.venmoSession, 'venmo') }))), h("style", null, `
+            .paypal-buttons {
+              display: flex;
+              gap: 8px;
+              width: 100%;
+            }
+            .paypal-buttons > * {
+              flex: 1 1 0;
+              min-width: 0;
+            }
+          `)));
+    }
+}, [257, "justifi-paypal", {
+        "paypalEligible": [32],
+        "venmoEligible": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-paypal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-paypal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiPaypal);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JustifiPaypal as J, defineCustomElement as d };

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

@@ -17,7 +17,7 @@ const JustifiSaveNewPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class Jus
         this.label = 'Save New Payment Method';
     }
     render() {
-        return (h(StyledHost, { key: '58ca6f98ace8aba5658fa38215b0c0756907ce9f' }, h("save-new-payment-method", { key: '6bfd3950c0bdf26bca6866ebf1b155ac39466516', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
+        return (h(StyledHost, { key: 'a8b450dc8d759d10da91b81e062adfcc4ec803f1' }, h("save-new-payment-method", { key: 'f463f223c38e4078b96efb0a99c3d932663b3574', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

package/dist/module/justifi-saved-payment-method.js

@@ -26,7 +26,7 @@ const JustifiSavedPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '66b8725a684241fc105d182ee5982167b2007506', class: "payment-method" }, h("div", { key: 'd0370f70b880f6a83b18eaeeefce7b8fde342ce9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '76ed425815f77082ba1145aa2df04beef6044e07', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'd775b9a1bc4bc1e2c8992e165cd50b23f5e0d8dd', class: "payment-method" }, h("div", { key: '812af6ff715167c3a50e308e868fe582fa838f8a', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'cb1b06940efa7394c03178cb4f6b9fa7edc49133', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '3494cfb61fe0284861e3e43edf608cca947c407f' }, h(Skeleton, { key: 'ee25cf4475e11ff816bf3a21f681b96b3db1995a', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -69,9 +69,9 @@ const JustifiTerminalOrdersListFilters$1 = /*@__PURE__*/ proxyCustomElement(clas
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '287baf0a2de1287195105adbebd501d2bccd21d7' }, h("table-filters-menu", { key: 'b0112de1075f459780d01528f017780c9ceedb18', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f9acabaf7d2edbe4eabb81edc92b2378ef563012', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e76d3b3771b8084fc5f6bf32fac2c75c3da87abb', class: "p-2" }, h("form-control-select", { key: '9c687e7202a310500e85d3cbce29268ac04cdd4a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '345ebc972663899a456a7a660863cd81a9770a87', class: "p-2" }, h("form-control-select", { key: '26879377755e826a1d1f236ab5e54a22415451e8', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34', class: "p-2" }, h("form-control-date", { key: '3fbceb80eaf7ae48e02221961317d8c77ec2c5a5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '4c3c59ab54215591c5b0eb9a26c45a0265e48d96', class: "p-2" }, h("form-control-date", { key: 'aea46abb41595c0cc5d82edd0f1f09425c0a1701', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: 'e83af454cde29c12fcd6e2e37093bf70fd03718c', class: "p-2" }, h("form-control-text", { key: '3c5fe84b5883b7df6247ed1eba1a15871cb882b5', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '1bc6c29e9b0be43340dbff065d9b68d94a0182b8' }, h("table-filters-menu", { key: 'cc983e668c6b8240f72fa4cf661fbd905c4fed63', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '12101650ec959fbb4b6bb0f9bafbe9b73dbbcdd6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5a3f20e1f29a56ab2dd6f567a6f6e6cac7682edd', class: "p-2" }, h("form-control-select", { key: 'a8d06a90332448774df3a2294e7f05bb56508bc5', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'db0d8109f007ce14c7a75b3500cd2f14fde5b2f0', class: "p-2" }, h("form-control-select", { key: '50c1ac1d0bebafdbdb2926d73ca11939427f8701', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '8c9b32bd2f9090d59653dc6b44cef6b0df3e8bea', class: "p-2" }, h("form-control-date", { key: '25084cfa368e5b8d2872b67b6426a432b51514ed', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '6119c6dd61e53954afe3b84cf80156c6013d529a', class: "p-2" }, h("form-control-date", { key: 'fa1bfad0998568cdfdb304817cb44be8f01c100f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '3361704d27a4b8b0d9a68bb9934b588e71149764', class: "p-2" }, h("form-control-text", { key: '80f8d7bf015466e8bc521b6a230e118f0c57289e', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {
         "orderStatus": [1, "order-status"],

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

@@ -250,8 +250,8 @@ const JustifiTerminalOrdersList$1 = /*@__PURE__*/ proxyCustomElement(class Justi
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '14c0dfe45a6833251f4c2d1d27ea49568f7ac01e' }, h(TableWrapper, { key: '7995d0b2ccb002265769804aa112dca1178d14dd' }, h(TableComponent, { key: 'ddfb54945255a1ae601659b5dee46da8e7fbfb52' }, h(TableHead, { key: '26958541cd82e414d9b079ac18ff69022969a4b8' }, h(TableHeadRow, { key: '1068214ddc3e0003bab2212c0baff74c7e086b96' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '7b043e72311e7c956855320b7293a33e41f08da2' }, h(TableLoadingState, { key: 'b2532063645be1e926cfd7dca5b33414d09e5703', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ceec3f0f885e1377afdf36ca2714ebac9b6f7bfc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '2c35baac2f8902e8bf96844f17f57104ba253986', 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: 'f5e1fe9ba78d5cee96e044c60ffaabe45ff3d19d' }, h(TableFootRow, { key: 'ab8c1111b2a1124ba3f0b0bf2deb5893cf4c4ce5' }, h(TableFootCell, { key: 'd463b0e2db8c5d093b38816d78c9176e302fe2c0', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '364dfccaa8480e63e51fa3bbdbf4cbb560e9fbbf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '7b803503d5cf3086abd05e1f4aa9579eb9f59b88' }, h(TableWrapper, { key: '455a2d115788de71fb27f172f404e5702a089484' }, h(TableComponent, { key: 'fe67da8a9c8f8de5025bee2ea2898da4e31d2b20' }, h(TableHead, { key: 'c6f04a3a47e2a2401f83d2644cf53574c565dd28' }, h(TableHeadRow, { key: 'afeb4c45e315337faf683ec96d4602a7525efe2f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '16e226273ab43d6a2d818c2db51752215d215749' }, h(TableLoadingState, { key: '668ac3b5f4fd091e42d1c835a002787a70924db1', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd154e795f3f202b7a7adb90ef375a1b79e45469b', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'a2b21c0335d8d538194329cbc3938f70b0ee5ecc', 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: 'ed6c4c9993aa5db0f39fc04f30c0f5432dfb922e' }, h(TableFootRow, { key: '0887b03bf1109312a2531ef832175ac01fe88270' }, h(TableFootCell, { key: '913efcfe5f17b1da60002fc87a7de42940e5abe3', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '0149a80b7f5173f5426fe50a610a8554052158e8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

package/dist/module/justifi-terminals-list-filters.js

@@ -64,7 +64,7 @@ const JustifiTerminalsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '525d0f21fd86348f6fa6f54177f0ad119cf91bf2' }, h("table-filters-menu", { key: '70599c95318b14012ca78d108e1e766d1a8c6459', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '32c1c355e6a8ac09431f4954484e60670dcc5ff5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ee88118d7a04042cd7f55caaf8cc3aea64fe1760', class: "p-2" }, h("form-control-text", { key: 'e56a6496c6fb4263ae571d8ed0f63a9d0a1629da', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '2c76c1e127d9cf79b9ed508e6266c33a034597b0', class: "p-2" }, h("form-control-text", { key: '75917f144ab87008533d7e2c59c984b6468c36c0', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '38162c73f48f3bb2e5f6745c7cf215154fddcbbb', class: "p-2" }, h("form-control-text", { key: '096c325deecea07554f5cc8d59a690c8321b6a05', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '403264eb68429594acee6a5d97781eafbdb33c81', class: "p-2" }, h("form-control-text", { key: 'd39ae5201f328985d72b3a79c65848a49adbbe45', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'f609fa409e36463b9e1cd4dc68a6be4d22122553', class: "p-2" }, h("form-control-select", { key: 'c19b381e48f030b865003187e470d55b0fcbe373', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '12e30437276bf2d7764a61af0a399ea519794904', class: "p-2" }, h("form-control-date", { key: 'aa30f779b70a96d9327a2adabdebe5330d453ada', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'e972337331bb18cdbf1ee40a241ac8de9f7b0553', class: "p-2" }, h("form-control-date", { key: 'e76864998f47a37d7fef5b1241a6dd8bc8e8a1a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: 'e100df8270dd8161d6f5fb70e3b78bcad2e4612c' }, h("table-filters-menu", { key: '481e098de0f5c520b42d0c321df905e84bf9d0c3', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'd8181b09fa3f494c6f7d48dd610e916f069d8195', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7f8c5d3ad775d5370cba8c7fe8f832a4e18659b2', class: "p-2" }, h("form-control-text", { key: '13f4fe6dbea072f1f6467212e934252c2ff088fa', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'fb8d89eb35b33beffc3a5f341d7ebaedad512c2f', class: "p-2" }, h("form-control-text", { key: '73a8d8680dbb31a7cc35e3ac6a7546c8196d4098', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '58ffd48fe77453245d051ead6a42ec55c0fe2d81', class: "p-2" }, h("form-control-text", { key: '8973954bde30170f91ecbf438569b5fbfea4ae0a', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '1cba8b5382df17110a48f86f0ff46ad4c7eea35a', class: "p-2" }, h("form-control-text", { key: 'ab588ac44e829e55071ab7b4f6d2ddbdd0cf435b', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'ae41699df40190aefbc09ba3497519a050ebc6da', class: "p-2" }, h("form-control-select", { key: '109661d1e1717cd5aab82ba546524a25db06da3f', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '40dd14fd0d6107205b03e3a8c8baf44479bb1d28', class: "p-2" }, h("form-control-date", { key: '28ef5af635464ac1bab23b36bd20706db8c170e5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b1a86e71311e23d7357aa76aa39516a7b29b1ddb', class: "p-2" }, h("form-control-date", { key: '6b8c0cc26a1de911cd8edfc22f2f5bff8ea1f1a5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -266,7 +266,7 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '69c475e7a428c549a05f21bbd9bd80ce6d77836b' }, h(TableWrapper, { key: 'a3d916daff63336299366f27959b8e54134f54c5' }, h(TableComponent, { key: '412538503e7a212bd7b5723dddad82abe95fc3c2' }, h(TableHead, { key: '5501e72fd1931b1ffc17e6bf0d09d692b9cfbe17' }, h(TableHeadRow, { key: 'e0391a60a807cbdba97ef11f04275eb3072dc40c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '56686e423499aff459fa3d6d93fae0fd7621b10b' }, h(TableLoadingState, { key: '0b70b5a0132754b1ce14e8baaeb7a9932c73b0ad', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1230c30259de7ad89a1ccf1bb709db5bdda9152f', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'fc5dbeae973d56980e077fa861d0bf95f282cbec', 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: 'c68e2cb14c8fa6a56243803e440cc13388ffaaf4' }, h(TableFootRow, { key: 'bcc17671c48f5a397dff15333a49305a443aef21' }, h(TableFootCell, { key: '92a690d558b001bb346c2e17fb1e02691ec2a029', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2a8233397675c7af4fd95df203eb4438f1c4adbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f5e035ad6cbe9693ce0a29e36d14278d5224eeb3' }, h(TableWrapper, { key: 'bea0034ac9f41ac47556bf6536e24a3b700710a4' }, h(TableComponent, { key: '6c12904931722da0e3bc6747e7f6163d2d12f749' }, h(TableHead, { key: 'c877fa13f3e9fae282ad0709143e8a3fd6515422' }, h(TableHeadRow, { key: 'd49940b86aa8d64e272b16fc1e8d697f8e337a35' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '75e0e101683f678015a79074ce196343cfab689b' }, h(TableLoadingState, { key: '25110bdfbd4e07caebf67ccab9ffd53ef006cb10', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5921d80f047c9c34146ec585cfb914e813abdffd', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '0894247ae6a79ee9928d4e4c5b77d5e5c0ce3435', 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: '32ba2beb908ed756541c760fe2027631ac40d6cb' }, h(TableFootRow, { key: '4894339ca7c22087ad9b6452f1c42dc3c2b53218' }, h(TableFootCell, { key: '4013c7c6eeae5d152a0bd3145113fb9d403d2e02', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '5c4ee6431d6b291ace0671d47165ae579e7b3f67', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-tokenize-payment-method2.js

@@ -297,7 +297,7 @@ const JustifiTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Just
             } }));
     }
     render() {
-        return (h(StyledHost, { key: 'bc76697688be332ef84db56e61b6b455a6d1e986' }, h("form", { key: '8f64f55f945d4ff4ed0f144c724dbd71278ec771' }, h("fieldset", { key: '15b6d388117738391089cf91f999247cddb29714' }, h("div", { key: 'a4e23f7808b446dff6f7da437dba3cb57d2d62aa', class: "row gy-3" }, h("div", { key: '63b0584d217d9bb50036eb7d5837e7287be58760', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'c9345be3429cd8ab01a84e8584270938feceba39', class: "col-12" }, h("internal-button", { key: 'aa56df7b6b1250e9b81fbc281b969d2a37a05428', 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: '73aeacd6caa05ef5e126a6577c22464eacfc6d96' }, h("form", { key: '7c1ddd145c53590fb1b9522ea8dbd52339817754' }, h("fieldset", { key: '38bb226348b721f01f900930710f6b705d5a96ed' }, h("div", { key: 'b4f27d1e36c4d5e37190fa99b79c36cf00a8d9a3', class: "row gy-3" }, h("div", { key: '85ae7c532c3c6056d5122cfd30fd4e2b75cf82f9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '7727760fa2ccbaff134fa95e338406224bc8d787', class: "col-12" }, h("internal-button", { key: '9f268e40c2d37a0d8ba423ad6dffe88c4cab3bc3', 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/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.14.5-rc.1";
+const version = "6.15.0-rc.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

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

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '526c90a231cf9132798d1135da9eb3cf7c1e0dde', class: "payment-method" }, h("div", { key: '189394f898e9d907af6209982e2150e672e90622', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '291e6f6e165daf7a6c0b8f9077e7b8b1fbd9a3df', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'da82ac8f91a83d8be03b6db4d0a297d71182dea3', class: "payment-method" }, h("div", { key: '0b08e32931ffdbe963334c70cf245ad2230e7cc7', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '36b905117b18c8feace01d4b28ce532c4b2826dc', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '05c536ee29807808dde18056696f0874d58efbe9' }, h("div", { key: '07927d573fff06c4b65330a4cfb493f594e362d4', class: "row gy-3" }, h("div", { key: 'c38ab76b089b7b66aad0dd89dbc74b2a3fedddda', class: "col-12" }, h("h2", { key: '830d1384bc17af43bcd20145eab870ca293d965d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '6b5fb4827719e7dd29a90935ec5afd540c1c81fd', class: "col-12" }, h("form-control-text", { key: '0fed87fcbb554a739285431f6256f8b8d7802b9a', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '8a59d2bb505dd211126d6e4a6e741aaed959edc7', class: "col-12" }, h("form-control-date", { key: 'ffa4f5323aaa7c274950f2176774a4f7946c4ca4', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'c9e7aca6c2e9c66ec0884b34533af18a1c581b4d', class: "col-12" }, h("form-control-file-v2", { key: '8db8543f45b02496d2cc6f04794c18da55f4c146', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '3f2d1c2f4b0595e922712f8754ae1022b2d19261' }, h("div", { key: '0ab14085510225a4d00b352014ea72f4dc0a059a', class: "row gy-3" }, h("div", { key: '12271b714bf3e6b6756274674e3413018124fa4c', class: "col-12" }, h("h2", { key: '9b6175bf1eb88788b909be3f7a46337a75856306', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '912e647000393b9146329e7d4cca78ee15837621', class: "col-12" }, h("form-control-text", { key: '7b365315a58fdfa65fa7e1e6f009dc5c70c17d95', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '03d48b21fb83a4a4b07ed6f0f7b6f08a32c10ce5', class: "col-12" }, h("form-control-date", { key: 'fbd7c448acc69aa0012999f90d3b38f9374af933', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74683fc2825cffa9403313b21d52a4ddb76db12e', class: "col-12" }, h("form-control-file-v2", { key: '7d3e5f2f96375d884a98e207c22d2b3115ed6e1b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/radio-list-item2.js

@@ -17,7 +17,7 @@ const RadioListItem = /*@__PURE__*/ proxyCustomElement(class RadioListItem exten
         };
     }
     render() {
-        return (h(Host, { key: 'c6313219de1fb0db111332b67364e4a5700c2856' }, h("div", { key: '73925451debf15dc46d8bb6b7183bfd85af4c315', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: 'd14da7ad38b1ee3b82e99f20957161f10eb744c4', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(Host, { key: 'c7c6cc24c1009ef1abdf2abccddc9f2ac5fc5239' }, h("div", { key: 'ae0a0e1f62a0274348846b636dab70b2c9572a75', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '8884364061a992b09e584179c2907b5a8181c704', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 }, [256, "radio-list-item", {
         "name": [1],

package/dist/module/refund-policy2.js

@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'baf5ee051fb023d19f3d0c21d4a7ee651e283c76' }, h("div", { key: 'c8e4870b875bff53184b90e2d254acdee795e51c', class: "row gy-3" }, h("div", { key: '872d7f45c1b5832234d013a3f7065d05f9896d80', class: "col-12" }, h("h2", { key: '7ae62cf2f5ab51537349b91db8fa9d2fa351e685', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '48a8249261d3bcf981e45dba6aaf260c4419816e', class: "col-12" }, h("form-control-textarea", { key: '31b6c4b3ffadc1fe812a00fb5e4d40de423b635e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'f5504c3367bc74127dec92d95d0934a9bbb00b29', class: "col-12" }, h("form-control-textarea", { key: '9fe085d5435561251b3192169904438f0b6501e6', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'ae8110175bfd1880b62e41fc1b474f31a9523cfb', class: "col-12" }, h("form-control-file-v2", { key: 'ba38271cac7afd52ba6669086d664cec2e008f77', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '31ff66405fdae65e1b441b847a0e5f048822e0fc', class: "col-12" }, h("form-control-file-v2", { key: 'a36cb88846ba11690a4525ffbb27c0b4fb2140af', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '828ac1997382fa491920b9439099959ae5376c81' }, h("div", { key: '8d0453e4c2ec424a2010cfd01885cb4a03020d93', class: "row gy-3" }, h("div", { key: 'd15021ea6df4b3939d4564a84951ebadb50cc7cd', class: "col-12" }, h("h2", { key: '632eafab4924af0d433f28a3329877b98376ea27', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'cb55f0f106e68e9af4057a4496811db991f487d0', class: "col-12" }, h("form-control-textarea", { key: '1fdca1aea95757a0dac55b338355eeffd351c6cb', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '6f6c35c4626a764e4119dc253aded2985ac6ffbc', class: "col-12" }, h("form-control-textarea", { key: '6c0fcba48cad9f8c3cc9ed6c35d6b0e1301f9c35', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '1bf52c92c53313ab7542bfc1b2ed607e9d5db032', class: "col-12" }, h("form-control-file-v2", { key: '67b266e26d5568e3370b3f8aaad2c0d6450f67f6', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '8994ee85c8a31fc709a0fa396d97e4da576e57c3', class: "col-12" }, h("form-control-file-v2", { key: 'c468b92349b6a92f02b6eef0dc06c71dfc924c4e', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -18,7 +18,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(Host, { key: 'a5ecfa60f9f55bdb91343394c1dd5bea542c20ed', hidden: this.hidden }, h("form-control-checkbox", { key: '282476dea11415eeec68336577ff17a5c03baad2', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(Host, { key: '664463db96e3e2ce7152dbe33a9a1a940a2b2c2f', hidden: this.hidden }, h("form-control-checkbox", { key: '4f90f2799f1efddc15703906a6f3e183816239e6', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [256, "save-new-payment-method", {
         "label": [1],

package/dist/module/shipping-details2.js

@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '079899510230700b1b0164642856719267e0dc09' }, h("div", { key: '23229775a0a57e60cd6de4ceff1bcb60d2502283', class: "row gy-3" }, h("div", { key: '9376fd2dfe64983f734f93354c08a38cbe6d46d4', class: "col-12" }, h("h2", { key: '141a2e2a5098388d15e4626a4311a0d95991af3b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c1eae745411ea51d07839c84abce48742cf8e31b', class: "col-12" }, h("form-control-text", { key: '37ffbdb5be2e0bcffcc78b19ce5a125fd3a7cbd5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '27f39470af011e3cbae85e35e56c544a331c1241', class: "col-12" }, h("form-control-text", { key: 'dda7d915ab28bb2845cbfd1338222b1c50aab063', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'bbf1cff1e23632597fad5c84b4c6ceb8080be547', class: "col-12" }, h("form-control-date", { key: '8a0bc94d48e7ccde53408ad6a3f20ffcfe7a6263', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '55e9efd42f6380c0bb645de90dde4eb63ce80a5d', class: "col-12" }, h("form-control-textarea", { key: '0dac6c8521bec728b7dd182841552b72f38dbbec', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '488034d64bc2808d27b9a072515cb84593e72db9', class: "col-12" }, h("form-control-file-v2", { key: '609b0177ed8279fe483f5b4e59ee076b4b471ee7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '0d7695711048ad14596ba44e364b45e3aa3d1e39' }, h("div", { key: 'e6911e35f66ef8aaa591f54e389d67c202af8172', class: "row gy-3" }, h("div", { key: 'd59ab2fe6318a27c4b38650e4e9d07b9c851041f', class: "col-12" }, h("h2", { key: 'b8a8634fe9dcf11c332dab0c1736732e579aeb59', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '5170b37a386805e194d8cf7c769ffdbac8db8fa2', class: "col-12" }, h("form-control-text", { key: '7bc3f59737fa075134e2bc476fa26d79ddc4e26b', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'ef41052d0eec68b02d04638ce7cfdbc1477c16eb', class: "col-12" }, h("form-control-text", { key: 'b88d31bed47cdf09e04a29122c1adf955bdc4d25', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '743dea4d8f59e62103403fa58936ca86d7bbf216', class: "col-12" }, h("form-control-date", { key: '4be255a38f91f9bf758428d780649d2775d22153', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '7b274a743a9ca8f3cb7b86facbe12b723b8695e4', class: "col-12" }, h("form-control-textarea", { key: '833a03ac489cfa6fe6991e14a079b104b7b86ddc', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'a1363e8014fe90442e1d0f6820bf2b9cf9966c90', class: "col-12" }, h("form-control-file-v2", { key: 'beb99c4b9e898265f8a904984172fb1a6a52cb49', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/table-filters-menu2.js

@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '467c453ff98299885dfde3e25a7911211220bd21', class: "d-flex gap-2" }, h("div", { key: '3a25ceab0cccbcde3fb9e3073e4e581f6a08591a', class: "dropdown pb-3" }, h("button", { key: '833cbfe0e73c388971ef9eca8240198251b4271e', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '00371051688c5b62e60c7c42cf92d8261019bd06', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a8d97a8bde738a0ddf9f194487bc6cec590d384d', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '97b96488fff4b33f90fdab113511a529234da457' })))), h("div", { key: '41c110a579fa3da4c9a8711fec9a6b1a0ee07218' }, h(Button, { key: '83ee38c0db83d3d25779a462fc123cedc7128870', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]