@justifi/webcomponents 5.3.2 → 5.3.4-rc

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

@@ -51,7 +51,7 @@ export class PaymentsListCore {
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.params,
+            params: this.paymentParams,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
@@ -70,6 +70,11 @@ export class PaymentsListCore {
             }
         });
     }
+    get paymentParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.payments.map((payment) => payment.id);
     }
@@ -82,13 +87,8 @@ export class PaymentsListCore {
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get params() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
     render() {
-        return (h("div", { key: 'a3a996622a365ecf9960a36f249dcd3a8cea3106' }, h("div", { key: '79b86ae4a59b6c50ff72ee1dddb7d9660220e003', class: "table-wrapper" }, h("table", { key: '0f0904d5db86c1e7e3141e991bb20dade2bfb46b', class: "table table-hover", part: table }, h("thead", { key: 'a5895f88cea8962b31aed180b24fc8a287664d56', class: "table-head sticky-top" }, h("tr", { key: 'e883f164efc6a77eea64482974d4e667d264110d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bbb65c479ca06b02d711d510516432db815b3fac', class: "table-body" }, h(TableLoadingState, { key: 'a212a7fc190e5bede2ff98e7dad737260b94fc9c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '41543e33097fbcc753ab11fad1214b6dd06c4f78', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '06862d555775195430f95fa3efc41d301444cc4e', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '7453d140f8f9ca941be9cf5b9dad4491ace10095', class: "sticky-bottom" }, h("tr", { key: '5299d703ca1c741687e1340b98876cabc4c3636d', class: "table-light align-middle" }, h("td", { key: '96f9f447db74126b92f3f3f657d4253617c0b85b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '19a8da89dfc77c2d97b3b726f9a27a72825eafe3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '6f153085c08ed8db1508964f360f879ec5310635' }, h("div", { key: 'ca4e487642561cbf859aa30f74dc1aae00d3642c', class: "table-wrapper" }, h("table", { key: '0982554e856be77813a087baa93835cd43c3b6e1', class: "table table-hover", part: table }, h("thead", { key: 'e5eb661667dea89b13524676423758cf79d20765', class: "table-head sticky-top" }, h("tr", { key: '290dd81536e2b03f3020c72937a559aca0cef884', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bee3b0671e9d6f71a87d8b9f880a1630db2335ec', class: "table-body" }, h(TableLoadingState, { key: 'a9e4a373e3eadc449f4b040c1eec2e902cfe7fef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '240af4b959cd5a55518c0fd6a025648291e63c29', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd6e704fd8f9d6f1717537e45e0c3743e78df38be', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '889f70d9eb4f7e92e29735ba6a5ddb43d622a511', class: "sticky-bottom" }, h("tr", { key: '7f352e5ea2338b1209046bab5328580d1ef80e12', class: "table-light align-middle" }, h("td", { key: '310bf61ff6730cdc4a2fe83e4297b9f055981abc', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '66bcae57f189313b7596133c1a91e0cf43173fef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -3,7 +3,7 @@ import { debounce } from "lodash";
 import { filterParams, propsParams, clearParams } from "./payments-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
-import { createdAfterPaymentsListFilterParam, createdBeforePaymentsListFilterParam, filterMenu, paymentIdPaymentsListFilterParam, paymentStatusPaymentsListFilterParam, terminalIdPaymentsListFilterParam } from "../../styles/parts";
+import { paymentsListFilterMenu, createdAfterPaymentsListFilterParam, createdBeforePaymentsListFilterParam, paymentIdPaymentsListFilterParam, paymentStatusPaymentsListFilterParam, terminalIdPaymentsListFilterParam } from "../../styles/parts";
 export class PaymentsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -48,8 +48,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0ed766c07d1884c8be31d648c1258a3c13cc2bad' }, h("table-filters-menu", { key: '138ad8717e5b7c36549814eb2b8698111bb1b993', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '14f16a66adae6ad88429ca23cbd8c7465c3d0ed9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '15e64e68179f9efb5a9354bb794d8989aa7d76f7', class: "p-2" }, h("form-control-text", { key: '7f825919f6904f1c8367d2039f5d441f38e492d9', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a68d6dd57535f9f104aa2d8db153b4df48d83a65', class: "p-2" }, h("form-control-text", { key: '6cfbadec9bcabe92d1f2de95e6b64290f7a838ef', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '36d32e33c65e0793d5aa980df3a5f57c549ce8b3', class: "p-2" }, h("form-control-select", { key: '41194790a53ebaccdd83d95386180aabd76742f8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '43639c4c930b0d13d6bc5a49275bcb8a6b9a2a5a', class: "p-2" }, h("form-control-date", { key: 'f6d5ae2d3694def7cfb39721d1a76a6e96007eb2', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '2c0587296cd94fbc480602ab853cb7179e948f62', class: "p-2" }, h("form-control-date", { key: 'b68302ce611cce52dd14c327fb25f6433b307d14', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'fc2c0642fefbbd5e290e445bb652d4a6bf878855' }, h("table-filters-menu", { key: '0991a2c0ac9977236ad3ecae431b6ec572116452', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'fc74b64ab82764a35b9dc41ad6718537b3abe794', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '862104a2f6a1a1a383557674e8ddd530a9911d06', class: "p-2" }, h("form-control-text", { key: '59ca6de9b8bf3b0ea5dcba8ce03c8d56284fe389', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'e63dcf0e3ff092f10a42aef36dde96155cba1630', class: "p-2" }, h("form-control-text", { key: '96a2dcfcca5ae79d7a90b37fc75b79ec84947604', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ba6dd2eab598382e10dd250805b393acfeac9567', class: "p-2" }, h("form-control-select", { key: '8d537d77bd56aca19fc1999fd64cf4b3cd92c51f', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '6c077d20829125817032eac487e0f8e9f86f5dcb', class: "p-2" }, h("form-control-date", { key: '97689bfe73b875a1355bc2ff114c554f15f61490', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'dcdaf5b0068795b46b19302c2bdd532947e8fc00', class: "p-2" }, h("form-control-date", { key: '991f8fc8e7f3af364db40f92e43d90cd40714e6d', 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: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -1,10 +1,9 @@
 import { h } from "@stencil/core";
 import { PaymentService } from "../../api/services/payment.service";
-import { makeGetPayments } from "./get-payments";
+import { makeGetPayments } from "../../actions/payment/get-payments";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { config } from "../../../config";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./payments-table";
 export class PaymentsList {
@@ -17,7 +16,7 @@ export class PaymentsList {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -50,7 +49,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e03e05c3cb3c8dbaf0a5e982958345feccec1902' }, h("payments-list-core", { key: '05f2b38a6a854e2e08bdd559e7e8dfab2d80f398', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }
@@ -106,7 +105,7 @@ export class PaymentsList {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",

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

@@ -54,7 +54,7 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '4549ec693037f9a88ce74520fd227022d4a2db43' }, this.loading && h(PayoutDetailsLoading, { key: '36017a6e0faef41b11d79605177e215e614a3aa1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c85f8ade3faf633fe0901d9500eb3353ca37bb2b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cd855de095506f7002e2e1c0188250b227927a17', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'acfb6cf5f22e321fa20af3b17a8efb2fad959b84', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a5a642616006a55cd7c1b0a6782b4400fceb930c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '239d10bb38e0f583ce9f40182ebd06d0a0ea7435', title: "ID", value: this.payout.id }), h("div", { key: '6863a35b9f6d5490ede7ee6fa82987691615b3e2', class: "m-4" }, h(Button, { key: '1760a4e1666aa8d8de5997c29c3c127a4e36f4b5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '32adb626ca04e368ef4b194f198ebffd3b04222e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '9e4ad804af83027bcf5a3c338bda5e70e97cc892', sectionTitle: "Details" }), h("div", { key: 'c927105a44b2da4c54d1a37ae67284f0674551c9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'e1870dc67a0d4868670d8be56c918e78b50f905d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '5fc96b304fc547112cd73eb4fb2630dd428830e7', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'da6ef701996e84cd8e6a07d78a25a5e9a79b9ea8', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '9e64e4d9dcfcb061bcaa7cece2420ebf345b8000', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4a86a9dd33c22d08f05ec2728478a787a00a8322', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'db556a34c5d00c4d3e92c1cf4d01387bff3ee51d', sectionTitle: "Account" }), h("div", { key: '650b29a42b66a5c6472175c2908e3e3bedacf5d3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dc66788666c8171a88712615b3b9972c3b4b0d3f', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '203f2cf47a4ef904cec14e1c513f4e7debd8fce8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'de0b55071cf0303666f6f586de3c409684cb6a7d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c844ae5678df1b9181e7ecc75d96b166b75afe64', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0d53d6165128f2783bb2d2a16fe736fa89b3f897', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '32578f8453ceb9f8196c393b6d729bbf9e287e04', sectionTitle: 'Metadata' }), h("div", { key: 'fdacbd0d6ce9c91557043a797d41a82e88d8ad61', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '97ec42b9a84d270166a634e15cf8c3aa4d9ff532', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '9b5b45052e96231367e1289cfd693346dbde365b' }, this.loading && h(PayoutDetailsLoading, { key: '6326e96a39db801b0e61a061cba006f867f1d421' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '68642bc936f28de32ac82dee91b6a044e1212399', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ddaaffc9cf37c004cf08025e6767e4e6ebba9b03', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '552b9fea31e5628a7c02aaa2fec84ea659acd8c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ed356c4b54e4c315c51ebaf381cc8c66f4246ed7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1171f95890de260c20122b02bdf10ca43bc7bef1', title: "ID", value: this.payout.id }), h("div", { key: '9e823b2f42bf37e7fd0e4e8f5e87a2be5ab4db35', class: "m-4" }, h(Button, { key: 'dd4b750f7e9057b7f4845a4290d83c7cf89d7b43', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'ef9384f15e0e10c2372d8af1c62fdf858d98d1a2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3abe895a6f65d2e26736cafd25a8656d5be1204d', sectionTitle: "Details" }), h("div", { key: '1be2f667564fa492a1fa3a44b8e67209a6617657', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'adb8c36a2b45d19ef95117d069f60758ea5ce6f0', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'a6245623ff251316c4fd923bfb9b91fe94aa11b1', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '10db1599529d8f98d28c3ed1f3975539bbb8f88a', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '7e1438bcfb7b1f2aa820ace66874e56446ef400e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4afa7801a1b1e92db8c8f57b53c0d7cdd38e0f61', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '51cf02ed3894781f88770cdac746b31bb608dcad', sectionTitle: "Account" }), h("div", { key: '865ea1514254641acf1f96941c5c912947c5fe4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2812906310435422b7bb08bbe8a36c1f95a2eac5', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c25fef650a31522d3bc520d425f904bc002d3ecf', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'def9ed242797394aa21339866050bdf563ee7527', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '1542ffac52053eb8986d6fd2489d4ba6ab523c69', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '45a289202141a852e5e57eee4d0b3db35b09cc40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'a9059130e4c5686d103f67a91510531af62eca5f', sectionTitle: 'Metadata' }), h("div", { key: '130ef2e82f48c8449346b56713580b975fc368cf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'dc6fc83790f16416aa7c5b763d0ae040654f23cd', metadata: this.payout.metadata })))))));
     }
     static get is() { return "payout-details-core"; }
     static get properties() {

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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { PayoutService } from "../../api/services/payout.service";
-import { makeGetPayoutDetails } from "./get-payout-details";
+import { makeGetPayoutDetails } from "../../actions/payout/get-payout-details";
 import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";

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

@@ -4,7 +4,7 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/Component
 import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
 import { payoutTableCells, payoutTableColumns } from "./payouts-table";
 import { Table } from "../../utils/table";
-import { queryParams, onQueryParamsChange } from "./payouts-list-params-state";
+import { getRequestParams, onQueryParamsChange } from "./payouts-list-params-state";
 import { table, tableCell } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class PayoutsListCore {
@@ -30,9 +30,13 @@ export class PayoutsListCore {
             this.clickEvent.emit({ name: TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
-            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
+            const clickedRow = e.target.closest('tr');
+            const clickedPayoutID = clickedRow.dataset.rowEntityId;
             if (!clickedPayoutID)
                 return;
+            const clickedCSV = clickedRow.querySelector('a');
+            if (clickedCSV === e.target)
+                return;
             const payoutData = this.payouts.find((payout) => payout.id === clickedPayoutID);
             this.clickEvent.emit({ name: TableClickActions.row, data: payoutData });
         };
@@ -67,7 +71,7 @@ export class PayoutsListCore {
     fetchData() {
         this.loading = true;
         this.getPayouts({
-            params: this.requestParams,
+            params: this.payoutParams,
             onSuccess: ({ payouts, pagingInfo }) => {
                 this.payouts = payouts;
                 this.paging = pagingInfo;
@@ -114,9 +118,10 @@ export class PayoutsListCore {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get payoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
@@ -137,7 +142,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '80d7b9e09153270375ef79961996ed56f0ee6ba2' }, h("div", { key: 'bb769ab3fc09acea181a231f98f5aa99be24e675', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'b008fd21153c738b85e1a37c2e43932e13b8f58d', class: "table table-hover", part: table }, h("thead", { key: 'f4c7146142cc714f24dccddda4404d5534e068b5', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'bfd485e191f11725681a1055b049c7c11eda7858', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '77797d4d7ebfed8206fb5b693d973c8fb539f1b8', class: "table-body" }, h(TableLoadingState, { key: 'd8c55ac393e2952b9cde96b8fcb45cf88978d90b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4122715eaa2363e9a21a3dec18a935bc98ac530e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5017f0eca302fe6c80d62d8e9af73b68d04db658', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'da997bb2d356800bdc918415a60c03d09ab0d158', class: "sticky-bottom" }, h("tr", { key: '22a61b245c6aeb630bb3887525d826d5b3589c7c', class: "table-light align-middle" }, h("td", { key: 'f378c94db17592855e94066113bc064d0f936d45', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '32f8c9fc1a401a5f7f40669d56be3f703a3fdd40', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '2cc35b1a64da3e15a221eeb74b9de3ce011301e6' }, h("div", { key: '73e18029f462aeb03414574c76700b8c20748c0d', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '6af17bc77a5ac15503a4424ef8e9095da86ff667', class: "table table-hover", part: table }, h("thead", { key: '6340d507a8a8bcef847c4054072b1f26d49c1cb8', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fd84224c2b62ebb26130057d57145baecc3f1f2b', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4993ab0d133c3f03c42b17da22c16682f6b5ddc2', class: "table-body" }, h(TableLoadingState, { key: '580e94f393f1281a4f9f9890078073b31450fb25', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '88fa77ac3de65dcad0371d8746588d588964a2fe', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec374189d2faab1ea13388987ff977ae758cdd35', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '3543415cd5411bf599e0cfa06257b8ef19f1b652', class: "sticky-bottom" }, h("tr", { key: '8b7230df5006dfb3d3022422d391cd5cae48c5c7', class: "table-light align-middle" }, h("td", { key: '6a4ed06b9c933e09cb083b3e62e52bdf44a9678b', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'f87d2e1fe590205f455f236ba5afc26533f44f4e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {
@@ -279,9 +284,6 @@ export class PayoutsListCore {
     }
     static get watchers() {
         return [{
-                "propName": "queryParams",
-                "methodName": "updateOnPropChange"
-            }, {
                 "propName": "pagingParams",
                 "methodName": "updateOnPropChange"
             }, {

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

@@ -1,20 +1,75 @@
 import { h } from "@stencil/core";
-import { queryParams, clearParams } from "./payouts-list-params-state";
+import { filterParams, propsParams, clearParams } from "./payouts-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
+import { createdAfterPayoutsListFilterParam, createdBeforePayoutsListFilterParam, payoutsListFilterMenu } from "../../styles/parts";
 export class PayoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     render() {
-        return (h(StyledHost, { key: 'f9ee0c87b7b241ade995fc9bbec00fa6f38c4207' }, h("table-filters-menu", { key: '2811b3d4673191dd3e1f2e1546389841d6f3dec2', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '6f0584fbaed4fd931da456ee7a68ad25843e84d3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '60dba9253fa74815d2af5d9d6993d4941530da6d', class: "p-2" }, h("form-control-date", { key: '453826549a4f379eca9c4ffc9d57f18f078af347', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '646566a69b9d4a82c24151e6773eaa381c1c4970', class: "p-2" }, h("form-control-date", { key: '14a62f94d8b27d88306ed58cbfcbb0b377e57587', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '195227f14aa0fc371cc2ceb62089b26df8491525' }, h("table-filters-menu", { key: '86cc1b04b210cf0cd3fc422438b1cdfc7c0b4242', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'c75c167f849c5f0558bf7b0569f6f79083b858f0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '09d46810296de9dc272f66ce2bd3ba726ebc6386', class: "p-2" }, h("form-control-date", { key: '0bbd9294c788f2dada3e8630e32619e1730f7b40', 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: 'c238988bd2b31b0374e515713fc2c55f59d6f9ba', class: "p-2" }, h("form-control-date", { key: '188106d28d4ac201e48b45e3ce417f26621af46a', 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"; }
     static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "createdAfter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "created-after",
+                "reflect": false
+            },
+            "createdBefore": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "created-before",
+                "reflect": false
+            }
+        };
+    }
 }

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

@@ -1,8 +1,14 @@
 import { createStore } from "@stencil/store";
-const initialState = {};
-const payoutsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = payoutsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    payoutsListQueryParams.reset();
+    filterParamsStore.reset();
 };
-export { payoutsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

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

@@ -2,14 +2,13 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { config } from "../../../config";
 import { PayoutService } from "../../api/services/payout.service";
-import { makeGetPayouts } from "./get-payouts";
+import { makeGetPayouts } from "../../actions/payout/get-payouts";
 import { makeGetPayoutCSV } from "../payout-details/get-payout-csv";
-import { makeGetSubAccounts } from "../../api/get-subaccounts";
 import { SubAccountService } from "../../api/services/subaccounts.service";
 import { StyledHost, tableExportedParts } from "../../ui-components";
 import { defaultColumnsKeys } from "./payouts-table";
+import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class PayoutsList {
     constructor() {
         this.handleOnError = (event) => {
@@ -22,7 +21,7 @@ export class PayoutsList {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -71,7 +70,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '7e8c3bf1df6c6cdffdc7205f84d4b451b331f6db', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9ba8af8a562107b8fdc5bece521187ab70b90669', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '259a62df9d161fc97d731ccc8488f556580f5378', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9733d459d09173f4b9dec953d9c763910ac54e1d', 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"; }
@@ -127,7 +126,7 @@ export class PayoutsList {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",

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

@@ -23,5 +23,5 @@ export const payoutTableCells = (downloadCSV) => ({
     other_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.other_total))),
     amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
     status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
-    csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout); } }, "CSV"))),
+    csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
 });

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

@@ -2,7 +2,6 @@ import { h, } from "@stencil/core";
 import RefundFormSchema from "./refund-form-schema";
 import { Api } from "../../api";
 import { FormController } from "../../ui-components/form/form";
-import { config } from "../../../config";
 import { CURRENCY_MASK } from "../../utils/form-input-masks";
 import { StyledHost } from "../../ui-components";
 export class RefundForm {
@@ -71,11 +70,11 @@ export class RefundForm {
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: PROXY_API_ORIGIN });
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '21bb5742fac6f75a96b334e2806906e9d9d3a215' }, h("h1", { key: '74c81b6918611e8506bcec7ad28080437a435d35' }, "Refund"), this.refundInfoText && (h("div", { key: '1cd42cd6bf063fe52b35c9adeccbba366147a8a0', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '338b9ffd53bc98da86a0c96eceb4057c235cc524', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'e8335bcee9ce21198a2104913b5f084e897807d4', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '6efdd00f3a96bafb713e2d9f23a77a9cfd88dc21', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '55680d454a42549b8c442f1897455cc6c0f4e973', class: "form-group" }, h("form-control-monetary", { key: 'c38894006ce18238f1fd7738feea4ca3c710930d', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'fe803d97c9b90bdb87fa99dd454859a365901688', class: "form-group" }, h("form-control-text", { key: '08a129a72043547fb57ee99a1b3326dbfb03b871', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '08ba9b480faf93f81d5f1396bc42469735fdf46d', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'a07f1a85156ef80e87e9d0b5e615c1c08eebd7d2', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '10aa3a31daedcb1bc4213abb3062b09745427370' }, h("h1", { key: '1b0b9c6a22dda364275f6da46e8e58015eb3378d' }, "Refund"), this.refundInfoText && (h("div", { key: '1d51f74c4e2c6419afe046a95f23f16f99209982', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '4d6b0140f2bd3666000df1374a2ab6573ce2a7ee', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '1e740ebd882fd08df43d23919325f6556ac04b29', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '242bfd0f2a30be1fdaa477341e2d480108633551', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '681a00fc41eb1701f8f189fa5139bf42ce43453f', class: "form-group" }, h("form-control-monetary", { key: '2f5a906d7a415391a339236d7e7e189db4febd95', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '9f0f6b5c2f5010ba1c51757bf4667ced40615738', class: "form-group" }, h("form-control-text", { key: 'c4f9a4431224763820dacc404ea1b693630a7ede', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'df5d528c865684da0c7583114a7d02b6cb6d5a6e', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '05af832414b65d41760ca6d8b001a4affbf807c4', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get is() { return "justifi-refund-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,141 @@
+import { h } from "@stencil/core";
+import { Table } from "../../utils/table";
+import { table, tableCell } from "../../styles/parts";
+import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
+import { pagingDefaults } from "../../api";
+import { terminalOrdersTableCells, terminalOrdersTableColumns } from "./terminal-orders-table";
+export class TerminalOrdersListCore {
+    constructor() {
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+        };
+        this.rowClickHandler = (e) => {
+            const clickedOrderId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedOrderId)
+                return;
+            console.log('clickedOrderId', clickedOrderId);
+        };
+        this.getTerminalOrders = undefined;
+        this.columns = undefined;
+        this.terminalOrders = [];
+        this.terminalOrdersTable = undefined;
+        this.loading = true;
+        this.errorMessage = undefined;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+    }
+    updateOnPropChange() {
+        this.fetchData();
+    }
+    componentWillLoad() {
+        this.terminalOrdersTable = new Table(this.terminalOrders, this.columns, terminalOrdersTableColumns, terminalOrdersTableCells);
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+    }
+    fetchData() {
+        this.loading = true;
+        console.log('fetching terminal orders');
+        this.loading = false;
+    }
+    get entityId() {
+        return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.terminalOrdersTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
+    render() {
+        return (h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: table }, h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, h(TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2e73c5c292533441692ed97ee065448426c43f85', 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",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "columns": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "columns",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "terminalOrders": {},
+            "terminalOrdersTable": {},
+            "loading": {},
+            "errorMessage": {},
+            "paging": {},
+            "pagingParams": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "pagingParams",
+                "methodName": "updateOnPropChange"
+            }, {
+                "propName": "getTerminalOrders",
+                "methodName": "updateOnPropChange"
+            }, {
+                "propName": "columns",
+                "methodName": "updateOnPropChange"
+            }];
+    }
+}