@justifi/webcomponents 5.3.6 → 5.4.1

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

@@ -54,7 +54,7 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '6aab170bbe708372d913c14bcb58b3b0d60dafd8' }, this.loading && h(PayoutDetailsLoading, { key: '0aee9ad36b3c4e74b1cb3f8251d0488cede1355c' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c9ad74b0385260d4b1f2d2f7b3e66563b2d706a4', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '6b67e623a6cb67207007ba4319aa437996118dd9', 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: 'ff1c335e90ad0403a607491e4ff0b0adac52f255', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '0c2e9555136ce806bc744dd2a83c7a1e10fa7ea7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0c813d23ddbe26f29f1ad03dc43b9c5fbf2d6ab6', title: "ID", value: this.payout.id }), h("div", { key: '762b4fc60643def05b7f8e84ce170d6295654631', class: "m-4" }, h(Button, { key: 'c5f304fb7f54838da6785a0bf19c423a98bdbf34', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'b307f177086cd6b1eeb0f384cce772cd04ff33ad', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'bad67a9d2cde5bff23b5c959f9b7564fdc996300', sectionTitle: "Details" }), h("div", { key: '6986bef4813aadb505acaf5cdd07b853c271e442', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dad10fde82b1009a9821f1e1cc2c2e65baa5f6b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'bf21ac446b54bdfcec020d6086546a0b20f42d01', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '30f7609216b42f3918929a6a02b30a6a23689921', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'e7d93fa8d865162098e105d4041c12af757db68b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '99b76f8abc8f0077df988cf38cfb74e77a7e881f', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'cfef47442eeb83514ca10fab25d12f1439414fc0', sectionTitle: "Account" }), h("div", { key: '901423f1ca47bf79ab6daa63368fea0032e46d58', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f3e215b7aad43a3a3914b885189700e87758cca6', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '795054cd2f8bda2a735e9ac64652da92dac34f61', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '9c190036635aed95d74bce36ec257ada41b57cba', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c1002cff85b80024804a858ef519feb4a86d46ff', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0183bef106233f302cd8762c7483482bea849ac2', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'e87d57050d5dee72a8dccfe2ca2deee385e6dc61', sectionTitle: 'Metadata' }), h("div", { key: '9aefd212e7aa680b34f5af6a373a47997238496e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a9c9337a788cb2611787278768968e638a8c000d', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '061c711344ca86e94a8fcc9d3d5f7de97e5c2179' }, this.loading && h(PayoutDetailsLoading, { key: '697e0405c5287731c6b5349f89919e6ca167a7b8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'baf48186beef6db33ca09cc62f48e1d6233cc087', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2ad1ac98d7b7613c017ce94d5f970c599e385857', 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: '356ae84a31ba8d28d4b00c5a019c9f6f169c16bb', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9bc19f40ab8c1c75acf8771d2e939c9b86c81352', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'adda5e8e83511030ab0998b9093d3f73879b1b34', title: "ID", value: this.payout.id }), h("div", { key: 'a8e3eb9c2ac80d09078adb19107106d2952c4995', class: "m-4" }, h(Button, { key: '039196e6cb3d5600eb60343eb073739b262adb89', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7076fed938660f113e41d0f1cf29410df02bd9d5', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'bd3fbd6c010d62a3db20b05eb09b6e1144675978', sectionTitle: "Details" }), h("div", { key: '6f5faf48a2fa1a49265e8c7454889ad007efea77', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7f426b472de86bc4948bb4722f5f59190a8816fc', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '9c985e1faaac021bb49c15064edb7cdacb53b285', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '819e4ce2b8a2aa34eee35994bd395cfbd358a08b', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'de6ef451dba0364a2d531b82ed5a8a3cfc865fce', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'ab3705265c4d05f3e157e5beb338239e99be687d', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'ceef5bbeeb73858eea8643a50107288e87280c15', sectionTitle: "Account" }), h("div", { key: '6652445ecf1819d85b8642af02ded44cde934979', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '53b1e17717881ee14bbac8ff5941d8ee850675c2', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'afc5c48aef9715ef55f1aaa207f0af427679f8a4', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'd78fe12043891c7a76b9c1d590cff1cfb45bf1f3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5c8d4c492a4f0ccb2d1b7c721be7426e6b46e143', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '9ecc3872af10c9cfc380b1f4382a1ac980fff0fd', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'd38fdfd6754a68ff340a3e6456418c2ee0cd0672', sectionTitle: 'Metadata' }), h("div", { key: 'e45b2a4681556d276eaeed35e5c8a3b90e3235f0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '1c2b19619b1997ee8f12116d1ffe822fd5ce09ce', metadata: this.payout.metadata })))))));
     }
     static get is() { return "payout-details-core"; }
     static get properties() {

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

@@ -142,7 +142,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'ed85d9ce4cc88007b8c623ba57cb8dfbd4de7874' }, h("div", { key: '5760742d19653abb6ce3e45f4f773cd1bd5e612f', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'f09a0ea7fff83b23e8e82fda18c73b25e0a46b07', class: "table table-hover", part: table }, h("thead", { key: 'b056f2ef2b6a229cd436ed0e4789f9d19849e956', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '16e6651c934d1d4120ceaeb4732e807666f0404d', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4b552d171131958f696077a66c4256e45ccaf7b2', class: "table-body" }, h(TableLoadingState, { key: 'aded291b5961c14d828ecff475120e48d3913293', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a3044be9a44798a4f8800978fd0734de31de6809', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '98c909ea58a0dd7f0cbbd8ac9842380b91b92386', 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: '0c58d215c797798f87affb37d1f7622de3ca7407', class: "sticky-bottom" }, h("tr", { key: '9a3b39c8836bb817428bd307110fee62db8d7589', class: "table-light align-middle" }, h("td", { key: 'a3eef122632c9459d5fa31d4542b6b085645b738', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8d77a7e40f9e7c6770812ba8b45a6e0f5f57193e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'ff5859c3d61ab7b2d532541c383c2478b9efc391' }, h("div", { key: 'cb50816020bfd324fae4f5f0d1a151ab04600b64', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '69cf5b76a95dd9396b97c6dd54aab8c067522102', class: "table table-hover", part: table }, h("thead", { key: '086161ba08d930efaf431571fa7670ad74a1ec88', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '659d524600aec47afa5dc75cce808da945408536', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: 'bf665357df28983b110565b8556f1cf1a022f164', class: "table-body" }, h(TableLoadingState, { key: 'c789d5b153a377ca1d2e0244e4480fe118ffa2d2', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80ab61d7e68e50ad88ad5a7f8e11464418006a59', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '195c41c6e0a91d09ca0440002e2883fe49626c07', 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: 'd9094830c7572cfbbfe0a17d55d9ad0daffd319f', class: "sticky-bottom" }, h("tr", { key: '658d6a380abc8085f5ec26b1423e0b9487b962d6', class: "table-light align-middle" }, h("td", { key: '962ddd1a6873a7206126e145d6772bacd4197cbf', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '28c37545fe9fdce46302a9cc6d370d95e7d03d7b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -28,8 +28,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fca8f3d0daf92026b7d3cccdd096c8650eb31d28' }, h("table-filters-menu", { key: 'b166ff52682804bd241866ffbe53ada0cf6133e8', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'f72774348aac13463934af8c8bfb3aa9b29a3942', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '87ee14df90cd83394e573f1f4e75d315cd48b2d3', class: "p-2" }, h("form-control-date", { key: 'f14e2dd16a24d8f6ac41ed110bdf2e5f0e7b0389', 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: 'fe9b41fcc98571f9f5f477a0006a2a00a5bdba1c', class: "p-2" }, h("form-control-date", { key: '9ab09d81f389f410ea7d1d533a0f25995d261aef', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', 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: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', 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"; }

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

@@ -70,7 +70,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '7456971cf903af6fd77385fd01dac69760b9df11', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6bf911cb5a793f49fb19903013c48e6df93f9866', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', 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"; }

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

@@ -0,0 +1,16 @@
+import * as yup from "yup";
+import { formatCurrency } from "../../utils/utils";
+const RefundPaymentSchema = (maxRefundAmount) => {
+    const maxAmount = +maxRefundAmount;
+    return yup.object().shape({
+        amount: yup
+            .string()
+            .required('Amount is required')
+            .typeError('Amount must be a number')
+            .test('amount', `Refund amount cannot be more than ${formatCurrency(maxAmount)}`, function (value) {
+            return +value <= maxAmount;
+        })
+            .nullable(),
+    });
+};
+export default RefundPaymentSchema;

package/dist/collection/components/{refund-form/refund-form.js → refund-payment/refund-payment.js}

@@ -1,32 +1,31 @@
 import { h, } from "@stencil/core";
-import RefundFormSchema from "./refund-form-schema";
+import RefundPaymentSchema from "./refund-payment-schema";
 import { Api } from "../../api";
 import { FormController } from "../../ui-components/form/form";
-import { CURRENCY_MASK } from "../../utils/form-input-masks";
-import { StyledHost } from "../../ui-components";
-export class RefundForm {
+import { Header1, StyledHost } from "../../ui-components";
+import { formatCurrency } from "../../utils/utils";
+import refundReasonOptions from "./refund-reason-options";
+export class RefundPayment {
     constructor() {
         this.authToken = undefined;
         this.paymentId = undefined;
-        this.amount = 0;
-        this.submitButtonText = 'Submit';
+        this.paymentAmountRefundable = 0;
         this.withButton = undefined;
-        this.refundInfoText = undefined;
         this.errors = {};
+        this.values = {};
         this.isSubmitting = false;
     }
     componentWillLoad() {
-        this.formController = new FormController(RefundFormSchema);
-        this.formController.setInitialValues({
-            amount: this.amount,
-            message: '',
-        });
+        this.formController = new FormController(RefundPaymentSchema(this.paymentAmountRefundable.toString()));
         this.initializeApi();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
             this.errors = Object.assign({}, errors);
         });
+        this.formController.values.subscribe(values => {
+            this.values = Object.assign({}, values);
+        });
     }
     /**
      * Handles the form submission.
@@ -34,19 +33,16 @@ export class RefundForm {
      */
     async handleSubmit(event) {
         event.preventDefault();
-        this.formController.validateAndSubmit(this.submitRefund.bind(this), {
-            amount: this.amount,
-        });
+        this.formController.validateAndSubmit(this.submitRefund);
     }
     /**
      * Submits the refund request to the API.
      */
-    async submitRefund() {
+    async submitRefund(values) {
         this.isSubmitting = true;
-        const refundFields = this.formController.values.getValue();
         try {
-            await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);
-            this.submitted.emit(refundFields);
+            const response = await this.api.post(`payments/${this.paymentId}/refunds`, values);
+            this.submitted.emit(response);
         }
         catch (error) {
             console.error('Error submitting refund:', error);
@@ -73,10 +69,9 @@ export class RefundForm {
         this.api = Api({ authToken: this.authToken, apiOrigin: PROXY_API_ORIGIN });
     }
     render() {
-        var _a;
-        return (h(StyledHost, { key: '7becd3fcc3a0beefef5efdb860616aa60f7e61ad' }, h("h1", { key: '7125ac0e8452db4013d9065054aca8d65ead0138' }, "Refund"), this.refundInfoText && (h("div", { key: 'b60dbcac95e75469bab9e575efe5eba40d629693', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '231e5bcb4fdd82ea4e9bb0597bfe194759eb8e22', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '21faa4040e99ee142e0f06246fc8317dcc5dfa28', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '4a8671c7f833279c14e29ae0f4054586fa7ecbba', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'd4296520cb377a6b61547615a2b95a3088ace83a', class: "form-group" }, h("form-control-monetary", { key: 'dbe00249e022722aea24f9967408625b7460f0f7', 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: '765d36337fc31bd6ade5b9a94397b83e7f46e2a8', class: "form-group" }, h("form-control-text", { key: '3f3bc7e95568944d876fcf95e98ba9d871479096', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '4576ce0e5d04f063fd53045845fa5a4cf5bc6383', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '6165726b003006432d82ce5792a961ea2f42d654', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: 'f9aa3650a61fce55ce094e48cb23cc62caf4c434' }, h(Header1, { key: 'def40858b3cf9188362848703e6425cc1273b1ee', text: "Refund Payment", class: "fs-5 fw-bold pb-3" }), h("form", { key: '20fcdff2467713eb3502959d0186de900a400207', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '5e838c432e5e0fafdfd153de327548a2d2d7f388', class: "form-group" }, h("form-control-monetary", { key: '151d529e7422073da4244f9bc81166f6a54ad9b0', name: "amount", label: "Refund Amount", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount, defaultValue: this.paymentAmountRefundable.toString() })), h("div", { key: '7d69e721b5f346d854f8b1914199c56fb062694d', class: "form-group" }, h("form-control-select", { key: '791d41bf86e856a7694afb0db20607ba792459b9', label: "Reason for refund (optional)", options: refundReasonOptions, name: "reason", defaultValue: '' })), h("div", { key: 'b8a67a5d091ad11a410d157cf6706023b3af139c', class: "form-group" }, h("form-control-textarea", { key: 'eee0ab29c728a64435c2836361eb2c2645fce1ea', name: "description", label: "Note (optional)", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.description, maxLength: 250 })), this.withButton && (h("div", { key: '3504774504825ffdace54ebf41f496aa58395648', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '27179c019afbec3d136c959657e6e6cbec892a27', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, `Refund ${formatCurrency(+this.values.amount)}`))))));
     }
-    static get is() { return "justifi-refund-form"; }
+    static get is() { return "justifi-refund-payment"; }
     static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
@@ -114,7 +109,7 @@ export class RefundForm {
                 "attribute": "payment-id",
                 "reflect": false
             },
-            "amount": {
+            "paymentAmountRefundable": {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
@@ -126,30 +121,12 @@ export class RefundForm {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "The amount of the payment to be refunded."
+                    "text": "The amount of the payment to be refunded. This should be equal to the Payment `amount_refundable` property."
                 },
-                "attribute": "amount",
+                "attribute": "payment-amount-refundable",
                 "reflect": false,
                 "defaultValue": "0"
             },
-            "submitButtonText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Custom text for the submit button. Defaults to 'Submit'."
-                },
-                "attribute": "submit-button-text",
-                "reflect": false,
-                "defaultValue": "'Submit'"
-            },
             "withButton": {
                 "type": "boolean",
                 "mutable": false,
@@ -166,29 +143,13 @@ export class RefundForm {
                 },
                 "attribute": "with-button",
                 "reflect": false
-            },
-            "refundInfoText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional information text displayed above the form."
-                },
-                "attribute": "refund-info-text",
-                "reflect": false
             }
         };
     }
     static get states() {
         return {
             "errors": {},
+            "values": {},
             "isSubmitting": {}
         };
     }
@@ -204,13 +165,13 @@ export class RefundForm {
                     "text": "Event emitted when the refund form is successfully submitted.\nThe submitted refund fields are passed as the event detail."
                 },
                 "complexType": {
-                    "original": "RefundFormFields",
-                    "resolved": "RefundFormFields",
+                    "original": "RefundPaymentFields",
+                    "resolved": "RefundPaymentFields",
                     "references": {
-                        "RefundFormFields": {
+                        "RefundPaymentFields": {
                             "location": "import",
-                            "path": "./refund-form-schema",
-                            "id": "src/components/refund-form/refund-form-schema.ts::RefundFormFields"
+                            "path": "./refund-payment-schema",
+                            "id": "src/components/refund-payment/refund-payment-schema.ts::RefundPaymentFields"
                         }
                     }
                 }

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

@@ -0,0 +1,19 @@
+const refundReasonOptions = [
+    {
+        label: 'Select a reason',
+        value: '',
+    },
+    {
+        label: 'Customer requested a refund',
+        value: 'customer_request',
+    },
+    {
+        label: 'Customer was double-charged',
+        value: 'duplicate',
+    },
+    {
+        label: 'Payment was reported as fraud',
+        value: 'fraudulent',
+    }
+];
+export default refundReasonOptions;

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

@@ -5,6 +5,7 @@ import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-co
 import { pagingDefaults } from "../../api";
 import { terminalOrdersTableCells, terminalOrdersTableColumns } from "./terminal-orders-table";
 import { TableClickActions } from "../../ui-components/table/event-types";
+import { getRequestParams, onQueryParamsChange } from "./terminal-orders-list-params-state";
 export class TerminalOrdersListCore {
     constructor() {
         this.handleClickPrevious = (beforeCursor) => {
@@ -39,11 +40,18 @@ export class TerminalOrdersListCore {
         if (this.getTerminalOrders) {
             this.fetchData();
         }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     fetchData() {
         this.loading = true;
         this.getTerminalOrders({
-            params: {},
+            params: this.terminalOrderParams,
             onSuccess: async ({ terminalOrders, pagingInfo }) => {
                 this.terminalOrders = terminalOrders;
                 this.paging = pagingInfo;
@@ -60,6 +68,11 @@ export class TerminalOrdersListCore {
             final: () => { this.loading = false; },
         });
     }
+    get terminalOrderParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
     }
@@ -73,7 +86,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'ceeaed5590e1586fdbb568ae3e3efd0b9569bfe2' }, h("div", { key: '1324282d71ced0bc43e73722f0286ce35141d122', class: "table-wrapper" }, h("table", { key: '15648ceb92e0a0461809e8a64539935c6b095515', class: "table table-hover", part: table }, h("thead", { key: '15aff763ff1b972c8f578ae927459afdbd6544f9', class: "table-head sticky-top" }, h("tr", { key: '912564fcbdc5e827beacd09832fe0bb69408aee2', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '2aa023da48163f637eabf32ed662e722e1ea0129', class: "table-body" }, h(TableLoadingState, { key: 'db59bd7cdbd9d955a7310134ffa7133a1aecac61', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7396924a0bb453d13c709ff692c09a5d42a29389', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '7d53ab680cd832c4b8b58297b9aa7e4d35c28fd1', 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: 'b4a1ca8efb71e67a5d41cebbf45367abe53a8943', class: "sticky-bottom" }, h("tr", { key: 'b3b2e69b93316738593fc6e30101266dc30a5af9', class: "table-light align-middle" }, h("td", { key: '5a2782c37a1606b34b1055088eb943dc2f93cce8', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '015d4d7aef4ab85b5dd3dac7563520d498747c04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '029644a4c7e2f8957ffafb9ff62390b6b6869fce' }, h("div", { key: 'c6d0ae6e68f45252bbc276da1ed853fc6b9b5338', class: "table-wrapper" }, h("table", { key: '1809d7ddfd9b9c6834498115ac43df8f7b4ea5d9', class: "table table-hover", part: table }, h("thead", { key: 'bcd8f0c82e5aa97ba1bd1207353bc09a4c21bd05', class: "table-head sticky-top" }, h("tr", { key: 'bfe9dc35dc30acf4f483c0359989db9ff82ceb7a', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '5181c615bbc06bf347c9e567064fcbbf6b518d2d', class: "table-body" }, h(TableLoadingState, { key: 'a48ee705634008f203e01327ea6f9efdf980fdc5', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ae1daed5464b7719e4f4e7c116a408b6b37cb997', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '9496b60d37f5ad699083f3cd305e14550a4b6770', 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: '0ac98a7e41add32367010e0c09f99c4328f2d717', class: "sticky-bottom" }, h("tr", { key: 'a8fda69087663a8707ef16c2fa153d351426fe0c', class: "table-light align-middle" }, h("td", { key: 'f805502e404b69e86f3ec0963321bd9989c035b8', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '93848e212dce3b8e00b4e44e4907045c2ca5fd67', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

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

@@ -0,0 +1,141 @@
+import { h } from "@stencil/core";
+import { filterParams, propsParams, clearParams } from "./terminal-orders-list-params-state";
+import { StyledHost } from "../../ui-components";
+import { TerminalOrderStatus, TerminalOrderType } from "../../api";
+import { convertToLocal, convertToUTC } from "../../utils/utils";
+import { terminalOrdersListFilterMenu, orderStatusTerminalOrdersListFilterParam, orderTypeTerminalOrdersListFilterParam, createdAfterTerminalOrdersListFilterParam, createdBeforeTerminalOrdersListFilterParam } from "../../styles/parts";
+export class TerminalOrdersListFilters {
+    constructor() {
+        this.setParamsOnChange = (name, value) => {
+            filterParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+        this.orderStatus = undefined;
+        this.orderType = undefined;
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            order_status: this.orderStatus,
+            order_type: this.orderType,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
+    }
+    get terminalOrderStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Created', value: TerminalOrderStatus.created },
+            { label: 'Completed', value: TerminalOrderStatus.completed },
+            { label: 'Submitted', value: TerminalOrderStatus.submitted },
+        ];
+    }
+    get terminalOrderTypeOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Boarding Only', value: TerminalOrderType.boardingOnly },
+            { label: 'Boarding Shipping', value: TerminalOrderType.boardingShipping },
+        ];
+    }
+    render() {
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: 'fa53c48c1a916781c8fffe7910f524ea334cdf27' }, h("table-filters-menu", { key: 'e8ba7a019f92234775acbaf2dafb817fb98f8d70', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '67e0b83350c37c7fa73f8e2808266fb8fda96838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '08fd58b47b35fcb073b116c827ad2bb07c17f879', class: "p-2" }, h("form-control-select", { key: '1a6a468d37afb5a25d37e4f9e43d6bd23414c6a3', 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: '92c8b10d0c48811a63d0ed796637dfadb85b00c4', class: "p-2" }, h("form-control-select", { key: 'f8d7e96f8c0a9215ebb5b7a1f581b4dc60e5ad10', 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: '2d5b3262a022d3122d533ef7f7e886dec5c2b701', class: "p-2" }, h("form-control-date", { key: '4b1e799b9a99ce9046ea3a3e0b3249d566448ae6', 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: '93019260d2befe0ca3d99c17a769f2ebb1b6f07f', class: "p-2" }, h("form-control-date", { key: '3aba4879d8998c90a36f2fa5326c230792768403', 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"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "orderStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TerminalOrderStatus",
+                    "resolved": "TerminalOrderStatus.completed | TerminalOrderStatus.created | TerminalOrderStatus.submitted",
+                    "references": {
+                        "TerminalOrderStatus": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::TerminalOrderStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "order-status",
+                "reflect": false
+            },
+            "orderType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TerminalOrderType",
+                    "resolved": "TerminalOrderType.boardingOnly | TerminalOrderType.boardingShipping",
+                    "references": {
+                        "TerminalOrderType": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::TerminalOrderType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "order-type",
+                "reflect": false
+            },
+            "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/terminal-orders-list/terminal-orders-list-params-state.js

@@ -0,0 +1,14 @@
+import { createStore } from "@stencil/store";
+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 = () => {
+    filterParamsStore.reset();
+};
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

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

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '2a268ef2e2128e8a0ed23092c78caa7f59539c6f' }, h("terminal-orders-list-core", { key: 'a56b31da3f4672a7f63aaff473dbdcb985eed3fc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'beb7ebe2397c43c28b818133294b6c972d2834ac' }, h("terminal-orders-list-core", { key: '87db98176b2a462b9446170c348352958d4e3a05', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,7 +124,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'dab480902928e4dbcdbf0c8ada95fdc4d186f211' }, h("div", { key: '8fd8ce93ac16676d4ea9de2588467df5feb18e71', class: "table-wrapper" }, h("table", { key: '02a58d1f233bec3cd40877c4cfeba55b345876b7', class: "table table-hover", part: table }, h("thead", { key: '64d3d4cdb0c97a0628da1935386e9cb430a71ea7', class: "table-head sticky-top" }, h("tr", { key: 'a52c8d1a59adfa1d18dc8dfa3a70a6318f52f4c2', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '476983a5b8dcb65d62953de2a8a7a24c47cb83be', class: "table-body" }, h(TableLoadingState, { key: 'ecae363863cb7ab6b2d8226f8f39bc682333af29', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f8fb01d5048fc0143546344b65a9018aeab8b688', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'cd40cb1696624e20b9cad238d43be902538ce4cd', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '29ebf6d4d3537f25545fa9e67416c52ee1223b12', class: "sticky-bottom" }, h("tr", { key: 'a732f3d809a4f97b926b0e978e32c919f36c13b1', class: "table-light align-middle" }, h("td", { key: '2e66c17f57a08d4e0f4da693caf0ea44f5ec7484', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'e3544088964b15242d710223a76208217bffab3f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

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

@@ -3,13 +3,14 @@ import { debounce } from "lodash";
 import { filterParams, propsParams, clearParams } from "./terminals-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { ITerminalStatus } from "../../api";
-import { terminalsListFilterMenu, terminalIdTerminalsListFilterParam, terminalStatusTerminalsListFilterParam } from "../../styles/parts";
+import { terminalsListFilterMenu, terminalIdTerminalsListFilterParam, terminalOrderIdTerminalsListFilterParam, terminalStatusTerminalsListFilterParam } from "../../styles/parts";
 export class TerminalsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
         this.terminalId = undefined;
+        this.terminalOrderId = undefined;
         this.terminalStatus = undefined;
     }
     componentWillLoad() {
@@ -18,6 +19,7 @@ export class TerminalsListFilters {
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
+            terminal_order_id: this.terminalOrderId
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -31,11 +33,12 @@ export class TerminalsListFilters {
             { label: 'Connected', value: ITerminalStatus.connected },
             { label: 'Disconnected', value: ITerminalStatus.disconnected },
             { label: 'Unknown', value: ITerminalStatus.unknown },
+            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2fc002da23470b942ac8885ba0ee205478a3e975' }, h("table-filters-menu", { key: '8591f53c5e105d26955940ae7e0be64b084f31ec', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'e2f0de98ac031d768529654d3b8a5ba43e62269b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a62823375c9f3b214f5ceff4163468fa91136cf6', class: "p-2" }, h("form-control-text", { key: '8a314678ce052a5f59e2c590d73df72a46caf0db', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '8462f83b1ba4f76044567f7c8da4fb84a8b932f7', class: "p-2" }, h("form-control-select", { key: '40cc106e9a37f76d4e072ede96b0633e5fb7c1e9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '390b8788e785bc81711a1b0f68203fce5a348c4c' }, h("table-filters-menu", { key: 'ab37f284aad5b828c2a3d0ce78e5c49fe86c8ec7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9f06d2199885d1cb8d9a4310fc94366717ca092c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '146fb3fa0a146c8011e1fc609f885ec3de0af8bf', class: "p-2" }, h("form-control-text", { key: 'f9d33f3facd5af88761033256e9bcdee772d187b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '59b8af61f98c01e0cd04299780817b9a497d33bc', class: "p-2" }, h("form-control-text", { key: '80c6ed5f37f4429aac0451f1b2c76fd99c52d246', 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: '4452ff9cbeb157408fdd8569af5792d32f0d1aa9', class: "p-2" }, h("form-control-select", { key: '52406f154a9d5f7a01831047eedf09b909d1bc0d', 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"; }
@@ -58,12 +61,29 @@ export class TerminalsListFilters {
                 "attribute": "terminal-id",
                 "reflect": false
             },
+            "terminalOrderId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "terminal-order-id",
+                "reflect": false
+            },
             "terminalStatus": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
-                    "resolved": "ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.unknown",
+                    "resolved": "ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.pending_configuration | ITerminalStatus.unknown",
                     "references": {
                         "ITerminalStatus": {
                             "location": "import",

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

@@ -66,7 +66,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '1765197e56fd03442cc4d30a24d090b4dfd86405' }, h("terminals-list-core", { key: '4e880db7702649486b2cb8e743b0f7d7e78a72c0', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '008b4bd549c228dbf8972e5ce08764c40e0b45a7' }, h("terminals-list-core", { key: 'e57f76fa1560c97d76068503b48e92a5fa9a02ec', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,6 +17,11 @@ export const MapTerminalStatusToBadge = (status) => {
             title: 'The status of this terminal is unknown',
             text: 'Unknown',
         },
+        pending_configuration: {
+            variant: BadgeVariant.WARNING,
+            title: 'This terminal is pending configuration',
+            text: 'Pending configuration',
+        },
     };
     const badgeProps = statusToBadgeProps[status];
     return h(Badge, Object.assign({}, badgeProps));