@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/esm/justifi-refund-payment.entry.js

@@ -1,29 +1,51 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { c as create$3, a as create$6, F as FormController } from './index.esm-feedf26f.js';
-import { f as formatCurrency } from './utils-ec50661e.js';
-import { A as Api } from './Api-52242eb0.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { B as Button } from './button-fcee4da7.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import './Dispute-5fd28ec9.js';
-import './parts-fd740f54.js';
+import { h, r as registerInstance, c as createEvent } from './index-D4-FKsCU.js';
+import { c as create$3, a as create$6, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { f as formatCurrency } from './utils-BWcTxbSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { R as RefundReasons, g as RefundPayload } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { B as Button } from './button-wgHJf7hN.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { P as PaymentService } from './payment.service-CeGn-K_X.js';
+import { m as makeGetPaymentDetails } from './get-payment-details-Bzh5t6A8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import { S as Skeleton } from './skeleton-D8dsThNX.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './parts-6ctk_bhj.js';
+import './package-DGWLSvML.js';
 
+const amountValidation = (maxAmount) => {
+    const max = +maxAmount;
+    return (create$6()
+        .required('Amount is required')
+        .test('max-amount', `Refund amount cannot be more than payment amount: ${formatCurrency(max)}`, function (value) {
+        return +value <= +max;
+    })
+        .test('min-amount', 'Refund amount must be greater than 0', function (value) {
+        return +value > 0;
+    }));
+};
 const RefundPaymentSchema = (maxRefundAmount) => {
-    const maxAmount = +maxRefundAmount;
-    return create$3().shape({
-        amount: create$6()
-            .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(),
+    if (!maxRefundAmount) {
+        return;
+    }
+    const schema = create$3({
+        amount: amountValidation(maxRefundAmount),
+        description: create$6().optional(),
+        reason: create$6().optional()
+            .oneOf([
+            RefundReasons.customerRequest,
+            RefundReasons.duplicate,
+            RefundReasons.fraudulent,
+        ], 'Select a reason')
     });
+    return schema;
 };
 
 const refundReasonOptions = [
@@ -45,70 +67,170 @@ const refundReasonOptions = [
     }
 ];
 
+const makePostRefund = ({ authToken, accountId, paymentId, service, apiOrigin }) => async ({ refundBody, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.postRefund(paymentId, accountId, authToken, refundBody, apiOrigin);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+class RefundService {
+    async postRefund(paymentId, accountId, authToken, refundBody, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = `payments/${paymentId}/refunds`;
+        const headers = { 'Sub-Account': accountId };
+        return api.post({ endpoint, headers, body: refundBody });
+    }
+}
+
+const FormBlock = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%", height: "40px" }))));
+const RefundLoading = () => {
+    return (h(StyledHost, null,
+        h("div", { class: "row gap-5" },
+            h(FormBlock, null),
+            h(FormBlock, null),
+            h(FormBlock, null))));
+};
+
 const RefundPayment = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.submitEvent = createEvent(this, "submit-event", 7);
-        this.authToken = undefined;
-        this.paymentId = undefined;
+        this.errorEvent = createEvent(this, "error-event");
+        this.submitEvent = createEvent(this, "submit-event");
+        this.refundPayload = {};
+        this.displayAmount = '';
+        this.errors = {};
+        this.paymentLoading = true;
+        this.refundLoading = false;
         this.hideSubmitButton = false;
         this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.paymentAmountRefundable = 0;
-        this.errorMessage = null;
-        this.errors = {};
-        this.values = {};
-        this.isLoading = false;
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
     }
     componentWillLoad() {
-        this.formController = new FormController(RefundPaymentSchema(this.paymentAmountRefundable.toString()));
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
         this.initializeApi();
+        this.formController = new FormController(RefundPaymentSchema());
     }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-        this.formController.values.subscribe(values => {
-            this.values = Object.assign({}, values);
-        });
+    handleError(code, errorMessage, severity) {
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
     }
-    async handleSubmit(event) {
-        event.preventDefault();
-        this.formController.validateAndSubmit(this.submitRefund);
+    checkAmount(amount) {
+        return amount > 0;
     }
-    async submitRefund(values) {
-        this.isLoading = true;
-        let refundResponse;
-        try {
-            refundResponse = await this.api.post(`payments/${this.paymentId}/refunds`, values);
-        }
-        catch (error) {
-            console.error('Error submitting refund:', error);
-            this.errorEvent.emit(error);
-        }
-        finally {
-            this.submitEvent.emit({ response: refundResponse });
-            this.isLoading = false;
-        }
+    handleInvalidAmount() {
+        this.submitDisabled = true;
+        const errorMessage = 'Refund amount must be greater than 0';
+        this.handleError(ComponentErrorCodes.INVALID_REFUND_AMOUNT, errorMessage, ComponentErrorSeverity.ERROR);
     }
-    handleInput(field, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
+    initializeFormController() {
+        const amount = this.refundPayload.amount;
+        const amountRefundable = amount ? amount.toString() : '0';
+        this.formController = new FormController(RefundPaymentSchema(amountRefundable));
+        this.formController.setInitialValues({
+            amount: amountRefundable
+        });
+        this.formController.values.subscribe(values => {
+            this.refundPayload = Object.assign({}, values);
+        });
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     initializeApi() {
         if (this.paymentId && this.authToken) {
-            this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
+            const getPayment = makeGetPaymentDetails({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new PaymentService(),
+                apiOrigin: this.apiOrigin
+            });
+            getPayment({
+                onSuccess: ({ payment }) => {
+                    this.refundPayload = new RefundPayload({ amount: payment.amount_refundable });
+                },
+                onError: ({ error, code, severity }) => {
+                    this.handleError(code, error, severity);
+                },
+                final: () => {
+                    const amount = this.refundPayload.amount;
+                    const validAmount = this.checkAmount(amount);
+                    !validAmount ? this.handleInvalidAmount() : this.initializeFormController();
+                    this.paymentLoading = false;
+                }
+            });
         }
         else {
-            this.errorMessage = 'Payment ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
+            const errorMessage = 'Payment ID and Auth Token are required';
+            this.handleError(ComponentErrorCodes.MISSING_PROPS, errorMessage, ComponentErrorSeverity.ERROR);
         }
     }
+    async refundPayment(event) {
+        event && event.preventDefault();
+        const valid = await this.formController.validate();
+        if (!valid)
+            return;
+        const postRefund = makePostRefund({
+            authToken: this.authToken,
+            accountId: this.accountId,
+            paymentId: this.paymentId,
+            service: new RefundService(),
+            apiOrigin: this.apiOrigin
+        });
+        const values = this.formController.values.getValue();
+        this.refundLoading = true;
+        return new Promise((resolve) => {
+            let refundResponse;
+            postRefund({
+                refundBody: values,
+                onSuccess: (response) => { refundResponse = response; },
+                onError: ({ error, code, severity }) => {
+                    refundResponse = error;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.submitEvent.emit({ response: refundResponse });
+                    this.submitDisabled = true;
+                    this.refundLoading = false;
+                    resolve(refundResponse.data);
+                },
+            });
+        });
+    }
     render() {
-        return (h(StyledHost, { key: 'ea0429d62ea383b6525251150978bb0ebfb2704e' }, h("form", { key: '8f2e00b871ee896ba82311d8975574e5a2cbf6e3' }, h("div", { key: 'fa6476367e4a8b7fd7cdfff906671ef597b453de', class: "row gy-3" }, h("div", { key: '72a48181200d6116ceb4bb511bdd33c8c8197742', class: "form-group" }, h("form-control-monetary", { key: 'f6a3b3a7d8d8c733cb032db96878ad64ff712356', name: "amount", label: "Refund Amount", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount, defaultValue: this.paymentAmountRefundable.toString() })), h("div", { key: '47e6dc07510e192caf00ce959348a2a9472f48f8', class: "form-group" }, h("form-control-select", { key: '9f9b761eea9964c7f6ac1dd907a4fee8cd63c906', label: "Reason for refund (optional)", options: refundReasonOptions, name: "reason", defaultValue: '' })), h("div", { key: 'daa4bf44ec311e0554ea28f97a0932673d542a31', class: "form-group" }, h("form-control-textarea", { key: 'a03d055e6462b9a23e714ca58a942a6da0365919', name: "description", label: "Note (optional)", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.description, maxLength: 250 })), h("div", { key: 'b744d28ff0a2d6aa37b1ebe2b7ea6d9b3edbbc39', class: "form-group d-flex flex-row-reverse" }, h(Button, { key: '3f62881a5fa333277478d35a7c19a8c4ca8bb929', variant: "primary", type: "submit", onClick: e => this.handleSubmit(e), isLoading: this.isLoading, hidden: this.hideSubmitButton }, `Refund ${formatCurrency(+this.values.amount)}`))))));
+        if (this.paymentLoading) {
+            return h(RefundLoading, null);
+        }
+        const defaultValues = this.formController.getInitialValues();
+        const currentRefundAmount = this.refundPayload.amount;
+        return (h(StyledHost, null, h("form", null, h("fieldset", null, h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-monetary", { name: "amount", label: "Refund Amount", defaultValue: defaultValues.amount, inputHandler: this.inputHandler, errorText: this.errors.amount })), h("div", { class: "col-12" }, h("form-control-select", { name: "reason", label: "Reason for refund (optional)", defaultValue: defaultValues.reason, inputHandler: this.inputHandler, options: refundReasonOptions, errorText: this.errors.reason })), h("div", { class: "col-12" }, h("form-control-textarea", { name: "description", label: "Note (optional)", defaultValue: defaultValues.description, inputHandler: this.inputHandler, maxLength: 250, errorText: this.errors.description })), h("div", { class: "form-group d-flex flex-row-reverse" }, h(Button, { variant: "primary", type: "submit", onClick: this.refundPayment.bind(this), isLoading: this.paymentLoading || this.refundLoading, hidden: this.hideSubmitButton, disabled: this.submitDisabled }, `Refund ${formatCurrency(+currentRefundAmount)}`)))))));
     }
 };
 

package/dist/esm/justifi-season-interruption-insurance-core.entry.js

@@ -1,10 +1,11 @@
-import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { p as processHTML, f as formatCurrency, r as removeAttribute, i as addAttribute } from './utils-ec50661e.js';
-import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state-d2df8e88.js';
-import { t as text, d as textDanger } from './parts-fd740f54.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-ab3f676e.js';
-import './index-a47fdc7f.js';
+import { h, r as registerInstance, c as createEvent } from './index-D4-FKsCU.js';
+import { p as processHTML, f as formatCurrency, r as removeAttribute, h as addAttribute } from './utils-BWcTxbSg.js';
+import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state-CXUWRQQk.js';
+import { E as text, F as textDanger } from './parts-6ctk_bhj.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { S as Skeleton } from './skeleton-D8dsThNX.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './index-4sfb1rKO.js';
 
 const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },
@@ -23,25 +24,9 @@ const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3"
 const SeasonInterruptionInsuranceCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.checkoutId = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.quote = undefined;
+        this.insuranceUpdated = createEvent(this, "insurance-updated");
+        this.errorEvent = createEvent(this, "error-event");
         this.isLoading = true;
-        this.accepted = undefined;
     }
     async validate() {
         return validateInsuranceValues();

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -1,25 +1,32 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { A as Api } from './Api-52242eb0.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-47fc35a7.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './package-c8466624.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import './utils-BWcTxbSg.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './package-DGWLSvML.js';
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 
@@ -81,23 +88,7 @@ const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload
 const SeasonInterruptionInsurance = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.authToken = undefined;
-        this.checkoutId = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.quote = undefined;
+        this.errorEvent = createEvent(this, "error-event");
     }
     async validate() {
         return this.seasonInterruptionCoreRef.validate();
@@ -131,7 +122,7 @@ const SeasonInterruptionInsurance = class {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'e1826234d0f2daf33b983a76f36bd652454c77fa', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 };
 

package/dist/esm/justifi-terminal-orders-list-filters.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-29fcfdf5.js';
-import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state-8fec0a0b.js';
-import { M as terminalOrdersListFilterMenu, N as orderStatusTerminalOrdersListFilterParam, O as orderTypeTerminalOrdersListFilterParam, P as createdAfterTerminalOrdersListFilterParam, Q as createdBeforeTerminalOrdersListFilterParam } from './parts-fd740f54.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import { c as TerminalOrderStatus, b as TerminalOrderType } from './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { e as convertToUTC, d as convertToLocal } from './utils-ec50661e.js';
-import './index-a47fdc7f.js';
-import './Dispute-5fd28ec9.js';
+import { r as registerInstance, h } from './index-D4-FKsCU.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state-qgJxi6iW.js';
+import { o as terminalOrdersListFilterMenu, q as orderStatusTerminalOrdersListFilterParam, r as orderTypeTerminalOrdersListFilterParam, u as createdAfterTerminalOrdersListFilterParam, v as createdBeforeTerminalOrdersListFilterParam } from './parts-6ctk_bhj.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { T as TerminalOrderStatus, a as TerminalOrderType } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import './index-4sfb1rKO.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
 
 const TerminalOrdersListFilters = class {
     constructor(hostRef) {
@@ -22,10 +23,6 @@ const TerminalOrdersListFilters = class {
             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 = {
@@ -46,6 +43,9 @@ const TerminalOrdersListFilters = class {
             { label: 'Created', value: TerminalOrderStatus.created },
             { label: 'Completed', value: TerminalOrderStatus.completed },
             { label: 'Submitted', value: TerminalOrderStatus.submitted },
+            { label: 'In Progress', value: TerminalOrderStatus.in_progress },
+            { label: 'On Hold', value: TerminalOrderStatus.on_hold },
+            { label: 'Canceled', value: TerminalOrderStatus.canceled }
         ];
     }
     get terminalOrderTypeOptions() {
@@ -57,8 +57,8 @@ const TerminalOrdersListFilters = class {
     }
     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 }) ||
+        return (h(StyledHost, { key: '09824ee5a8f108e810027f844cb1592acb8292ab' }, h("table-filters-menu", { key: 'bcb67931ca20d8dcf4eaedf8fff22ee3c76f2765', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6ad367cbf5be69defb35791da7f606efde26e945', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0f5ed58e440ee9ce742f043790df214c49d391c', class: "p-2" }, h("form-control-select", { key: 'd9ce05f33331e44662a39a05822b8a027e5d76f6', 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: 'ffbceaaf5812af61f54abe1a76b7c9c993e1e7fc', class: "p-2" }, h("form-control-select", { key: '9557912144e169bf6060e072686ca2b5e36d6e5e', 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: 'dc87e2699cae6fcb01fcb54790540aca23fd7f3a', class: "p-2" }, h("form-control-date", { key: '0d0385b71ecc3cfc60ee9218a75f546ccc2c9718', 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: '4152bb0d8079b019b38a9291df5005211488f21c', class: "p-2" }, h("form-control-date", { key: '24038ef6242a432f9b886a1493841216cfeaae47', 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 }))))));
     }
 };

package/dist/esm/justifi-terminal-orders-list.entry.js

@@ -1,20 +1,21 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-47fc35a7.js';
-import { d as defaultColumnsKeys } from './terminal-orders-table-93e84d25.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import { a as TerminalOrder } from './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { A as Api } from './Api-52242eb0.js';
-import './package-c8466624.js';
-import './parts-fd740f54.js';
-import './utils-ec50661e.js';
-import './badge-1be14e8c.js';
-import './Dispute-5fd28ec9.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import { d as defaultColumnsKeys } from './terminal-orders-table-CgioW1d8.js';
+import './utils-BWcTxbSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { e as TerminalOrder } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import './package-DGWLSvML.js';
+import './parts-6ctk_bhj.js';
+import './badge-D5PvLnZT.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
 
 const makeGetTerminalOrders = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -53,24 +54,25 @@ class TerminalOrderService {
         const headers = { account: accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals/orders';
-        return api.get(endpoint, params, null, headers);
+        return api.get({
+            endpoint,
+            params,
+            headers,
+        });
     }
 }
 
 const TerminalOrdersList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorEvent = createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getTerminalOrders = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -96,7 +98,7 @@ const TerminalOrdersList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'beb7ebe2397c43c28b818133294b6c972d2834ac' }, h("terminal-orders-list-core", { key: '87db98176b2a462b9446170c348352958d4e3a05', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '46b01f30e476ae5e3892b96d804305c8e099b4c2' }, h("terminal-orders-list-core", { key: '4a0d1079a9afbf328c3dd382ca5e2180b5679da0', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 };
 

package/dist/esm/justifi-terminals-list-filters.entry.js

@@ -1,17 +1,18 @@
-import { r as registerInstance, h } from './index-29fcfdf5.js';
-import { l as lodash } from './lodash-faeb5a52.js';
-import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state-e4b2ec23.js';
-import { R as terminalsListFilterMenu, S as terminalIdTerminalsListFilterParam, T as terminalOrderIdTerminalsListFilterParam, U as terminalStatusTerminalsListFilterParam } from './parts-fd740f54.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import { I as ITerminalStatus } from './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import './index-a47fdc7f.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
+import { r as registerInstance, h } from './index-D4-FKsCU.js';
+import { l as lodashExports } from './lodash-BqWxUrkh.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state-qgJxi6iW.js';
+import { w as terminalsListFilterMenu, x as terminalIdTerminalsListFilterParam, y as terminalOrderIdTerminalsListFilterParam, z as terminalStatusTerminalsListFilterParam } from './parts-6ctk_bhj.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { I as ITerminalStatus } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './index-4sfb1rKO.js';
+import './Dispute-7MWRbTXI.js';
 
 const TerminalsListFilters = class {
     constructor(hostRef) {
@@ -19,13 +20,10 @@ const TerminalsListFilters = class {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
-        this.terminalId = undefined;
-        this.terminalOrderId = undefined;
-        this.terminalStatus = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
-        this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+        this.debouncedSetParamsOnChange = lodashExports.debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
@@ -48,7 +46,7 @@ const TerminalsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }))))));
+        return (h(StyledHost, { key: '12ddae65f38d7d13766f671536759074676f0671' }, h("table-filters-menu", { key: '1834209eb5deabf91cb4bd239b6634e70ec7e7f7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'd78e4d5c268b605c6b2d15166b1a75d8837822e9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '22e568115b7026d1b42f09065d4308f97fd6ab42', class: "p-2" }, h("form-control-text", { key: '9205a6a68abb526276ea936bb4b0db014d85ff33', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '4939fef16aca8fc3e93c17f0ad489786b7b95636', class: "p-2" }, h("form-control-text", { key: '0ade0882380430f13a763d29866f3079aeb1d40a', 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: '9080d991225d98d20bd5ec226b3e5b1c01c34d9d', class: "p-2" }, h("form-control-select", { key: '19c31dc742b86ba2c6a8ebdebc79108ee2a4d1d7', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 };