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

package/dist/collection/components/payout-details/payout-details-core.js

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
-            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '5568a561f38c1d899171163d23b029766adb0e8a' }, this.loading && h(PayoutDetailsLoading, { key: '1c17be181850fde8e996b526d76c0452e7353e16' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd507119400ed8885a0b0f3061f54c82cd2d151ca', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2d6192cc947a78b0566401b07b661b5116378798', 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: 'd25b191987931a853b16d40b819c5e88ca3bba70', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a669dae8e5699ca83326a799e07f5b9efb673850', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '2952d01e2d98ca87ad2a8f1349144dd8a0d6d87e', title: "ID", value: this.payout.id }), h("div", { key: '376886d0c0dfee789825f007f7bf17847a0e4f74', class: "m-4" }, h(Button, { key: '2ceae9f29c2b07efeba427a97a8ed79cac27c736', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'be5844790b248357d9d919830ee54f159f24268e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3a450675b1811d87cd61692f7a36443d56412e7b', sectionTitle: "Details" }), h("div", { key: 'c6fe4e20c5b7607cb7f7472a3f41245b1cccdf5c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aaa0e5d6d2d764e5b4ee430a21d94891cea55dd6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '92f7534cc1cd4463ff9f4187dec79520bc728d38', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd25daac9ecd7de9b3e379fbc6baeaba5f7c7db96', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a648fbfdae282870dd7471d8e6fe414ca3e225d6', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4720bfeae9fcb545aaa84b373bdea0000ab803ae', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '54d6f97ad54c2018d873062d15c63143ad899c4f', sectionTitle: "Account" }), h("div", { key: 'f46ec5329dc9a5301345fbff79cb95eada27c7d7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4b0432e3b43a54591bbcd007372d63359738e7f0', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c4f24ea424336b398b73268869e42aa5efaba22c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a7735eff20bcd14399af5da2a1f83b308a5a7d1d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8f111b1b61509802d2fe743ca1b7f6197e5fd50b', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85dd7ec442ac9dafe7b87bf7b036088166acd7ab', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '42bd46da966657dafe6db564829b6ecf41c0195e', sectionTitle: 'Metadata' }),
+            h("div", { key: '41124e965bdc0d0429f16e7693894bfa6c62c9df', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '718b728f4aaab7092530ed52de11348b8e68a2f6', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }
@@ -62,7 +62,6 @@ export class PayoutDetailsCore {
         return {
             "getPayout": {
                 "type": "unknown",
-                "attribute": "get-payout",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -85,7 +84,6 @@ export class PayoutDetailsCore {
             },
             "getPayoutCSV": {
                 "type": "unknown",
-                "attribute": "get-payout-c-s-v",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",

package/dist/collection/components/payout-details/payout-details.js

@@ -60,7 +60,6 @@ export class PayoutDetails {
         return {
             "payoutId": {
                 "type": "string",
-                "attribute": "payout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +74,11 @@ export class PayoutDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payout-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,7 +93,8 @@ export class PayoutDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             }
         };
     }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'f795f89fe39f8cded7f0d9c671df8e3e86de6f03' }, h(TableWrapper, { key: '5bb5f805a78965068f675012a1a491e5dd3d4416' }, h(TableComponent, { key: 'c75e72fb5bde6b3f8f127be4d76ef1fa66ce6781' }, h(TableHead, { key: '3dfb03ed0205f6fff21953e0a4c85e8b151680a1' }, h(TableHeadRow, { key: '169156e61bdf1ce6e10b89c660526a7ec9efb860' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1e59e340e98ace8291acfbe26836e5b2b7b7dd29' }, h(TableLoadingState, { key: '3c1a420d293d24ac9434f034c7e6de7a83698b63', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2038ebb6ff5480d74b0bb6a6ecf31a9531f606ef', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '48582c83e384b4e5ba81c4d0055dc9e727a81cdd', 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: '0bb2c1f4085278db7b114c8b9c5a11702a1840d1' }, h(TableFootRow, { key: '2cc9fe5d66b433b392da1e0a1ae265db6404002d' }, h(TableFootCell, { key: 'cb21e30d68c92758efa03fbd16509ff28ab5e316', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e5ac8aa63ddb08d7f70976cfceccbadab3b8efa9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '35037a26a2ad1df0d5580bc9cbdf678b68d75703' }, h(TableWrapper, { key: '98cccf52e705665e09aa1b203f745c93ab6fa0b9' }, h(TableComponent, { key: '7280cc3d85164c2b0433cf54e66f747d9bda8293' }, h(TableHead, { key: '180eb9f41e8dabc002ff69e5a6b6b36b46a6a6ce' }, h(TableHeadRow, { key: 'b1b9fa3bce94622657619b5652c27d2b2f4c75f1' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'ab53e54503eff3e104249160e043aa4050b9a2ed' }, h(TableLoadingState, { key: 'e178b2af718b595e9e3bb865f29b0db27d5a597b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '4d17644347644ce12b168ec002e70ab49095eb70', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c941389bfda963a3e607bed76d81d9d3d79e7ca3', 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: '87277e41a96e5f2bf20e71363c79bc7afbec948c' }, h(TableFootRow, { key: '43d1e1bc876e6f954592277dbd74e55252845172' }, h(TableFootCell, { key: 'a11739b6f62786e537a94519b145c6d416786e3c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '80e172cce8cd3ffd76caaa9c8bc20fbfc7dc76f5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }
@@ -103,7 +103,6 @@ export class PayoutTransactionsList {
         return {
             "payoutId": {
                 "type": "string",
-                "attribute": "payout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -118,11 +117,11 @@ export class PayoutTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payout-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -137,11 +136,11 @@ export class PayoutTransactionsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -157,6 +156,7 @@ export class PayoutTransactionsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

package/dist/collection/components/payouts-list/payouts-list-core.js

@@ -135,14 +135,13 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '503793db2fd72d3854bfa1eba2051bc822000a1a' }, h(TableComponent, { key: '1db195f7f1206bef7236ccd814c464c61b12f3d3' }, h(TableHead, { key: 'a61137a34fddf3f854102ec7a2964f127d7555f9' }, h(TableHeadRow, { key: '3d3c330e5758ccb4aa14bb7b5ae993d8d2c1718e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a483803ea8dd9db844f36f9f8c7a89e81d7322b4' }, h(TableLoadingState, { key: '10bee5e971e10b0313b9b411c292f8f65bf1cf82', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c8ec9f17a98baa81b4b1830eb8d0bfad45cc8ee1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '94cd786053173ce22f797b0da263488cab9b5139', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '533bb1571ae70a03f60d13d5742296f425512919' }, h(TableFootRow, { key: '15924c92e5c9f2202066ebfa02aebc2c52fccee3' }, h(TableFootCell, { key: '48bd284c90d4ac044b5fd5f323c90fab5e9fdb5d', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cfc4bc6b077267ced59bf8b2519ee0354e676560', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '59994e4906090071601b397325d5f7069b8d8a22' }, h(TableComponent, { key: 'ce036662e9f46e7694dbc10b943fc1214f75daa0' }, h(TableHead, { key: 'af54a1f5719de98f09e328c38656d2c0118e15c4' }, h(TableHeadRow, { key: '2820111563b25c714bf471d899e138b6a2b6a364' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '133f14f906b44122d1bcfd24e03cda0056ace227' }, h(TableLoadingState, { key: 'b4332c9c89bbad2f06b2b69f533d3fcc70e6ec3d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd23e5d640e3fe1f38b6f437a96d0a5f6e7832c28', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'edf58fb04ebabdcb0678a551d7d87a236baba849', 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: '081f88093dda02c81346b9eda6c3105bc6c7c0f1' }, h(TableFootRow, { key: '1b579bb5c8feb1f388f3ad2c25543f5d8f6b154d' }, h(TableFootCell, { key: '6a6ac8031d15ed7e2fc158028bcc7b44901faca8', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'ef890187c152081d1daf8cc870a81d75db439128', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {
         return {
             "getPayouts": {
                 "type": "unknown",
-                "attribute": "get-payouts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -165,7 +164,6 @@ export class PayoutsListCore {
             },
             "getSubAccounts": {
                 "type": "unknown",
-                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -188,7 +186,6 @@ export class PayoutsListCore {
             },
             "getPayoutCSV": {
                 "type": "unknown",
-                "attribute": "get-payout-c-s-v",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -211,7 +208,6 @@ export class PayoutsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -226,7 +222,8 @@ export class PayoutsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

package/dist/collection/components/payouts-list/payouts-list-filters.js

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '83debaafb73e9143b6e2e7804f69c4124845d01e' }, h("table-filters-menu", { key: '162c3af697cef40e2a93c7e0245ec4d7d385f361', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '7e118d535a6bed14a1ea6e7ed920fd682bbd3705', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dfd557f8d5a3f834bbaa5164ef2c1e7d3c19adcc', class: "p-2" }, h("form-control-date", { key: '01d9e16489abce36d4f770c4c06912923026860f', 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: createdAfterPayoutsListFilterParam })), h("div", { key: '9e7167618cc737911056c9217dc6a1ca77c1f41b', class: "p-2" }, h("form-control-date", { key: 'd80e6e2ebda1cd8f290daff21908f7dba1af2d7a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '93d251d08587d0e4a39f5e0361f642fdb25e682e' }, h("table-filters-menu", { key: 'be80812190551197cfaf82c45a696bcbf8e1830d', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '983f3ff96bcddbda7e1a39f2c19d7886b5bad4f2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cb352ea18d854ab8a77361e544cbbbecf69baa58', class: "p-2" }, h("form-control-date", { key: '1c628e9d5be7d4c43b2a316a4bccbf4ee41f8652', 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: createdAfterPayoutsListFilterParam })), h("div", { key: 'd0649f25048043fbd6d12aa658162c4dbd084d75', class: "p-2" }, h("form-control-date", { key: '80550ba47ecdb6743d29ab9fb8ca66567992f91e', 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: createdBeforePayoutsListFilterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }
@@ -36,7 +36,6 @@ export class PayoutsListFilters {
         return {
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -51,11 +50,11 @@ export class PayoutsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -70,7 +69,8 @@ export class PayoutsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

package/dist/collection/components/payouts-list/payouts-list.js

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '73ac65b309e80186e0f7799385d012e91ceb1b8b' }, h("payouts-list-core", { key: 'f7767376f3155521445cb2ee48b9a20c362c8137', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'fb38191d2ab5c59dee8261a9ca5116e574f721fd' }, h("payouts-list-core", { key: '8e24bf8753a52c1faa41ee60330f9da4372afdd0', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -72,7 +72,6 @@ export class PayoutsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -87,11 +86,11 @@ export class PayoutsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,11 +105,11 @@ export class PayoutsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,6 +125,7 @@ export class PayoutsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

package/dist/collection/components/refund-payment/refund-payment.js

@@ -127,7 +127,6 @@ export class RefundPayment {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +141,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +160,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -180,11 +179,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "hideSubmitButton": {
                 "type": "boolean",
-                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -200,6 +199,7 @@ export class RefundPayment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-submit-button",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js

@@ -81,14 +81,13 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a8131df17851ab1468e025932371fa4b97ccc144' }, h(TableComponent, { key: '0fc81f64fb8a8f138f25c70522d046921edbd094' }, h(TableHead, { key: '7cc8be0184008cf08128eb1f241ab670538ecc65' }, h(TableHeadRow, { key: '5a7aa37a2b8f02469ca6c703e098da9431c0b45f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ff32aad8d5c4f319550d47ae1e0f77b617aa3d70' }, h(TableLoadingState, { key: 'dcc25430c77867a2c9639eba359c0d54cbacb73a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '474ecda7420d595f49777f31910a380b48a8a1bc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd91e28581823ca91778159914157a003b011caaf', 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: '6dea4a93ab757d35916b9351e4e5fa7f76b4afd9' }, h(TableFootRow, { key: '5098c2d994bb0ba397bc94d7a0e9419b06e582a5' }, h(TableFootCell, { key: '5a8f90708691987f672cde0c102323225568d989', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '509e53f4c070fc9a8b479dc673c526417aceb5ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '71743bd2440b3b00ecafe74ddf9a0f48a96dbe6c' }, h(TableComponent, { key: '942af2def8486e3ff6d9cb9244bd88061b48db90' }, h(TableHead, { key: '32bcb4a7c21292ab9742dc509b921bd2f3b5ff5e' }, h(TableHeadRow, { key: '978a80218e60edd29d8799130c98f4772b471586' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ef5a80cbc4868cc75fdfc19d58a6cee8928546ef' }, h(TableLoadingState, { key: 'dd773a17e38a975dd3821a104bfad75d83ed907e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8a857149326cc110d2daf440875cd977b8f2e2d6', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1c9dfccef7c8675539290f53d3b6c615261c713a', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '2ba8b5c118f45affadf0bdf6ec9d013d4ac98636' }, h(TableFootRow, { key: 'a756ee19c1f4c36975f65aec354a4480f5563ea4' }, h(TableFootCell, { key: '7549ac667748d24c2f581eb13a5e0cd65c17697b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '98178188d80869e44ceade1e225655a1f2d62ceb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {
         return {
             "getTerminalOrders": {
                 "type": "unknown",
-                "attribute": "get-terminal-orders",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -111,7 +110,6 @@ export class TerminalOrdersListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,7 +124,8 @@ export class TerminalOrdersListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '920c99fe5fd7e8392cf4c7dffa2e1b36c7415e1f' }, h("table-filters-menu", { key: 'c01527296d2abc356b5d717280d631e385dd38ec', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'cb73d65ed0097c0112ba8a6990002d7043cffe9a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '96baa82b72d585e081b33397c62d05538c11f7a0', class: "p-2" }, h("form-control-select", { key: '134efdeaf6d72e17a123ee33f07eeb7e7725bd8a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'be7eaa48c38e424133dd898536c43487517097c6', class: "p-2" }, h("form-control-select", { key: 'dd54b28b9f54e5dbd320e48ade099cda1cf37a1d', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'cf26545dca2f274b54c987fb6ea3a280f527025a', class: "p-2" }, h("form-control-date", { key: 'b61c7f8bd814c5b7bd5baf63453fa1aa4247b8a8', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'ddeb93a70d8d20e9c5d43fd5c8c8639c94174026', class: "p-2" }, h("form-control-date", { key: '8ebf3a23e3c2cfb178da6be69fa9e40caae65d0f', 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: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
@@ -57,7 +57,6 @@ export class TerminalOrdersListFilters {
         return {
             "orderStatus": {
                 "type": "string",
-                "attribute": "order-status",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderStatus",
@@ -78,11 +77,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-status"
             },
             "orderType": {
                 "type": "string",
-                "attribute": "order-type",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderType",
@@ -103,11 +102,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-type"
             },
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,11 +121,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,7 +140,8 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '55f0bf858787e00c304972c941a477815712df9d' }, h("terminal-orders-list-core", { key: '2d47e23bc2157d79254f34dfe0551fb32a9d88cc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '325e00fe580784e2898131a717a3e69ec3636e58' }, h("terminal-orders-list-core", { key: 'b4b577b99e07a2eafe8454ee96fba467c83fe1a4', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,6 @@ export class TerminalOrdersList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,11 +65,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +84,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,6 +104,7 @@ export class TerminalOrdersList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -118,14 +118,13 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '27022f23dcede378c6a6d16bffb040aa6448f4be' }, h(TableComponent, { key: '5d369cf93698adb50b843f65c747672abeb74cb4' }, h(TableHead, { key: '21173a74ccb82d7c3278157dae4ef3d471dbee5f' }, h(TableHeadRow, { key: '43e425567500ff324fd6ed68647a9504df812bf6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '1151ee93144161308f8b27b0172acb32d2096d25' }, h(TableLoadingState, { key: '353fb24dfbd941e8bba6f62799e0feea42d05c53', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'daa19b965b5519e766ba8bbb63cfc4327128bf22', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ee44061fa93cd20a59040a7b3faaeac10a925810', 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: '12cb09495ba8d416fd3593ccae4f205735226ecf' }, h(TableFootRow, { key: 'da2e2695e6101193db9f67a0a76ce1ce8abdc646' }, h(TableFootCell, { key: 'bffd81b4e90e668caa47813f96ab1a7764fa0f1b', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '61c268da3402e0675f54515617a6bd2d58834e17', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cfe1ede487eed5a2723af6bc3df664b8a00803f8' }, h(TableComponent, { key: '7e14a73b25a1bd8fc929625baac78ad73b97f25a' }, h(TableHead, { key: 'e0e0f0b02883ea5568f8f9cef7efea7084421a2c' }, h(TableHeadRow, { key: 'fce520af31336e6ea90c47bc277f76f7e78f6708' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '59b20605909357d3bf5967c6e23041c07b1b5823' }, h(TableLoadingState, { key: 'c838ebc2443a857aa706d0bf495a19eb00b5af0d', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a2a8eaaa3e2cbb1d8e64dce0ca55a0741ee857d2', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d323895c034ae25d4e4b440f0cf98c4de20efdf', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c9f5a05d1c661f7e0780ec161b0afa6a74d5cf8e' }, h(TableFootRow, { key: '888f97557066f6003e1b09acf47aa4a75f6ff59d' }, h(TableFootCell, { key: 'db634074f6a089b52f7df8ce55af6f8499e3ba72', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a30886dd1354edd40d3818215e29ec57cf70c7c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {
         return {
             "getTerminals": {
                 "type": "unknown",
-                "attribute": "get-terminals",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -148,7 +147,6 @@ export class TerminalsListCore {
             },
             "getSubAccounts": {
                 "type": "unknown",
-                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -171,7 +169,6 @@ export class TerminalsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,7 +183,8 @@ export class TerminalsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5e6f1e8abcc7cffc26c101160bff40ff5092ff90' }, h("table-filters-menu", { key: '6a57cb7deeb0c6927ee557402ef2618a3d3d8a29', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'aaa63156c9603aafbe1b9dd4d4f87670b4e0ab66', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76ca827834a98595a98d6bb6f982807506fe240', class: "p-2" }, h("form-control-text", { key: 'f9acf97e42e3e5f5ee216a10e116ab1aff2e6390', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c4ac977f7433193e7a9c52be483c65cb5f96f214', class: "p-2" }, h("form-control-text", { key: '035fc59523056240eea5da7b63d75028278d3102', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'ab72f5ef8a0191b1726cd84c36a7cca28a78ecf0', class: "p-2" }, h("form-control-select", { key: '4a684c87e04e11f55c59d45a281f7c258fae4f0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'f9a009c6ec8e94cf4d580c50d510df652fa33ace' }, h("table-filters-menu", { key: 'dd27ab9f7e639785f81cf2389cd3da7b8e2627b0', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '1b2db646f0a60ab318bbab4eb8d780c16f7917c6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '835db982f4394cd1a61938f7985d07f051d78b71', class: "p-2" }, h("form-control-text", { key: 'af7f08f938c9234de1581874be87d1fa0b2b3e06', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '7ff0b5676765cd38512a4f3944d5719af4c4c5e6', class: "p-2" }, h("form-control-text", { key: '2b0984ac67813efb517c9c25ea011c339fc2dd23', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '9e26d822f9a111ed8006d3e763543a739c48d196', class: "p-2" }, h("form-control-select", { key: 'ca90a2bd5914685ccd6e618593553fb0f1c654d9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -43,7 +43,6 @@ export class TerminalsListFilters {
         return {
             "terminalId": {
                 "type": "string",
-                "attribute": "terminal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -58,11 +57,11 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-id"
             },
             "terminalOrderId": {
                 "type": "string",
-                "attribute": "terminal-order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +76,11 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-order-id"
             },
             "terminalStatus": {
                 "type": "string",
-                "attribute": "terminal-status",
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
@@ -102,7 +101,8 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-status"
             }
         };
     }