@justifi/webcomponents 6.0.2 → 6.0.4

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', 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: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', 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: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: '8832664cad351841c8f6197301349513c5362cf5', 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: '7a5824830bfde1740e996aa7aa0dbe72c0e76c8f', class: "p-2" }, h("form-control-date", { key: 'df36ada9eaa97c0a8dcfa863a479dc10a8b019e1', 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: '1858bed50336ac5db3f316070ef6cdaa49a8d539', class: "p-2" }, h("form-control-date", { key: '49ce430e831a61e4b0d31268a7be22a137138f23', 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"; }
@@ -53,7 +53,6 @@ export class PaymentsListFilters {
         return {
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -68,11 +67,11 @@ export class PaymentsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "terminalId": {
                 "type": "string",
-                "attribute": "terminal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -87,11 +86,11 @@ export class PaymentsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-id"
             },
             "paymentStatus": {
                 "type": "string",
-                "attribute": "payment-status",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,11 +105,11 @@ export class PaymentsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-status"
             },
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -125,11 +124,11 @@ export class PaymentsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -144,7 +143,8 @@ export class PaymentsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

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

@@ -54,7 +54,6 @@ export class PaymentsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -69,11 +68,11 @@ export class PaymentsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -88,11 +87,11 @@ export class PaymentsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -108,6 +107,7 @@ export class PaymentsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -1,5 +1,18 @@
 import { h } from "@stencil/core";
 import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
+export var PaymentStatusBadge;
+(function (PaymentStatusBadge) {
+    PaymentStatusBadge["SUCCEEDED"] = "succeeded";
+    PaymentStatusBadge["AUTHORIZED"] = "authorized";
+    PaymentStatusBadge["PENDING"] = "pending";
+    PaymentStatusBadge["ACH_FAILED"] = "achFailed";
+    PaymentStatusBadge["FAILED"] = "failed";
+    PaymentStatusBadge["CANCELED"] = "canceled";
+    PaymentStatusBadge["DISPUTED"] = "disputed";
+    PaymentStatusBadge["DISPUTE_LOST"] = "dispute_lost";
+    PaymentStatusBadge["FULLY_REFUNDED"] = "fully_refunded";
+    PaymentStatusBadge["PARTIALLY_REFUNDED"] = "partially_refunded";
+})(PaymentStatusBadge || (PaymentStatusBadge = {}));
 export const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {
         succeeded: {
@@ -33,10 +46,15 @@ export const MapPaymentStatusToBadge = (status) => {
             text: 'Canceled',
         },
         disputed: {
-            variant: BadgeVariant.SECONDARY,
+            variant: BadgeVariant.WARNING,
             title: 'The account holder disputed this payment. The amount has been returned and a fee assessed.',
             text: 'Disputed',
         },
+        dispute_lost: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The cardholder has won the dispute.',
+            text: 'Dispute Lost',
+        },
         fully_refunded: {
             variant: BadgeVariant.SECONDARY,
             title: 'The full amount of this payment has been refunded',

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

@@ -2,7 +2,22 @@ import { h } from "@stencil/core";
 import { MapPaymentStatusToBadge } from "./payments-status";
 import { convertToLocal } from "../../utils/utils";
 import { getAlternateTableCellPart, tableHeadCell } from "../../styles/parts";
-export const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
+export const mapCardBrandToDisplayName = (brand) => {
+    if (!brand)
+        return 'N/A';
+    const brandMap = {
+        'visa': 'VISA',
+        'mastercard': 'Mastercard',
+        'american_express': 'American Express',
+        'discover': 'Discover',
+        'diners_club': 'Diners Club',
+        'jcb': 'JCB',
+        'china_unionpay': 'China UnionPay',
+        'unknown': 'Unknown'
+    };
+    return brandMap[brand.toLowerCase()] || brand;
+};
+export const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand';
 export const paymentTableColumns = {
     created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each payment was made" }, "Date")),
     amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each payment" }, "Amount")),
@@ -11,6 +26,7 @@ export const paymentTableColumns = {
     description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment description, if you provided one" }, "Description")),
     payers_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The name associated with the payment method" }, "Account Holder")),
     last_four_digits: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand and last 4 digits of the payment method" }, "Payment Method")),
+    card_brand: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand of the payment method" }, "Card Brand")),
 };
 export const paymentTableCells = {
     created_at: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showTime: true })))),
@@ -20,4 +36,8 @@ export const paymentTableCells = {
     description: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.description)),
     payers_name: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.payers_name)),
     last_four_digits: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.last_four_digits)),
+    card_brand: (payment, index) => {
+        var _a, _b;
+        return (h("td", { part: getAlternateTableCellPart(index) }, mapCardBrandToDisplayName(((_a = payment.payment_method.card) === null || _a === void 0 ? void 0 : _a.brand) || ((_b = payment.payment_method.bank_account) === null || _b === void 0 ? void 0 : _b.brand))));
+    },
 };

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

@@ -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

@@ -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

@@ -142,7 +142,6 @@ export class PayoutsListCore {
         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

@@ -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

@@ -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

@@ -88,7 +88,6 @@ export class TerminalOrdersListCore {
         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: '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: '1991c5e0ff5d1a3c47dc48d737e33f1763f616e8', 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: 'c8eb0f9ed8b4316edb0f9eca3c7efaccc24c78d9', class: "p-2" }, h("form-control-select", { key: '6cb6150ff89ee8d4655095f5b6aad3e4332cafc2', 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: '0e73587e47193154eee5486e5a8639eb313051e2', class: "p-2" }, h("form-control-date", { key: '31c2f57a43cd24088b209d4d87f5ac7b2c3caaa4', 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: 'b3b4176809bef95fc962fe4ee41e4a18fd85232d', class: "p-2" }, h("form-control-date", { key: '49e6903db17b28c0911b5577104307c32f7bdfe3', 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

@@ -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"
             }
         };