@justifi/webcomponents 5.3.5 → 5.4.0

package/dist/module/justifi-order-terminals.js

@@ -1,9 +1,8 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { t as text, a3 as heading4, a4 as listGroup, a5 as listGroupItem } from './parts.js';
+import { a3 as heading4, T as heading5, X as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
-import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { B as BusinessService } from './business.service.js';
 import { E as ErrorState } from './utils.js';
@@ -13,7 +12,7 @@ import { S as Skeleton } from './skeleton.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { T as TerminalModel, a as TerminalOrder } from './SubAccount.js';
+import { T as TerminalModel, a as TerminalOrder, b as TerminalOrderType } from './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
@@ -36,8 +35,6 @@ const OrderTerminalsLoading = () => {
     return (h("div", { class: "row gap-5" },
         h("div", { class: "col-12" },
             h(Skeleton, { width: "40%", height: "40px" })),
-        h(FormBlock, null),
-        h(FormBlock, null),
         h(FormBlock, null)));
 };
 
@@ -89,84 +86,127 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
     }
 };
 
+const makeOrderTerminals = ({ authToken, service }) => async ({ terminalOrder, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.orderTerminals(authToken, terminalOrder);
+        if (!response.error) {
+            const { data } = response;
+            onSuccess({ data });
+        }
+        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,
+        });
+    }
+};
+
 const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitted = createEvent(this, "submit-event", 7);
         this.businessId = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.errorMessage = undefined;
-        this.businessIsLoading = true;
-        this.terminalsIsLoading = true;
+        this.shipping = false;
+        this.loading = {
+            business: true,
+            terminals: true,
+        };
+        this.submitting = false;
+        this.error = null;
         this.business = undefined;
         this.terminalModels = undefined;
         this.orderLimit = undefined;
-        this.order = new TerminalOrder({});
+        this.order = undefined;
         this.totalQuantity = 0;
     }
     componentWillLoad() {
+        this.order = new TerminalOrder({
+            business_id: this.businessId,
+            sub_account_id: this.accountId,
+            order_type: this.shipping ? TerminalOrderType.boardingShipping : TerminalOrderType.boardingOnly,
+        });
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.loadData();
     }
+    handleError(errorMessage, code, severity) {
+        this.error = { message: errorMessage, code, severity };
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
     loadData() {
         if (!this.businessId || !this.authToken) {
-            this.errorMessage = 'Invalid business id or auth token';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
+            this.handleError("Invalid business id or auth token", ComponentErrorCodes.MISSING_PROPS, ComponentErrorSeverity.ERROR);
             return;
         }
         this.initializeGetBusiness();
         this.initializeGetTerminalModels();
     }
     initializeGetBusiness() {
-        const getBusiness = makeGetBusiness({
+        makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
             service: new BusinessService(),
-        });
-        getBusiness({
+        })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
-                this.businessIsLoading = false;
+                this.loading.business = false;
             },
             onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.businessIsLoading = false;
+                this.handleError(error, code, severity);
+                this.loading.business = false;
             }
         });
     }
     initializeGetTerminalModels() {
-        const getTerminalModels = makeGetTerminalModels({
+        makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
             service: new TerminalService(),
-        });
-        getTerminalModels({
+        })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
                 this.orderLimit = orderLimit;
-                this.terminalsIsLoading = false;
+                this.loading.terminals = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.handleError(error, code, severity);
+                this.loading.terminals = false;
+            }
+        });
+    }
+    submitOrder() {
+        const orderTerminals = makeOrderTerminals({
+            authToken: this.authToken,
+            service: new TerminalService(),
+        });
+        this.submitting = true;
+        orderTerminals({
+            terminalOrder: this.order.payload,
+            onSuccess: ({ data }) => {
+                this.submitted.emit(data);
+                this.submitting = false;
             },
             onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.terminalsIsLoading = false;
+                this.handleError(error, code, severity);
+                this.submitting = false;
             }
         });
     }
@@ -174,25 +214,39 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.order.updateTerminal(event.detail.modelName, event.detail.quantity);
         this.totalQuantity = this.order.totalQuantity;
     }
+    renderLoading() {
+        return (h("div", null, this.loading.business && h(OrderTerminalsLoading, null), this.loading.terminals && (h("div", { class: "mt-5" }, h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null)))));
+    }
+    renderError() {
+        if (!this.loading.business && this.error) {
+            return ErrorState(this.error.message);
+        }
+    }
+    renderBusinessDetails() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (!this.loading.business && this.business) {
+            return (h("div", { class: "gap-5 pt-5 mb-5" }, h("div", { class: "row" }, h("div", { class: "col-12" }, h("h2", { part: heading4 }, this.business.legal_name))), h("div", { class: "row" }, h("h5", { part: heading5 }, "Representative:"), h("div", null, h("div", null, (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 : _b.name), h("div", null, (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 : _d.title), h("div", null, (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 : _f.email), h("div", null, (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 : _h.phone)))));
+        }
+    }
+    renderTerminals() {
+        if (!this.loading.terminals && this.terminalModels) {
+            return (h("div", { class: "d-flex flex-column gap-2 mt-5" }, this.terminalModels.map((terminal) => (h("terminal-quantity-selector", { modelName: terminal.model_name, description: terminal.description, imageUrl: terminal.image_url, helpUrl: terminal.help_url, limit: this.orderLimit - this.order.totalQuantity, onSelectedQuantityChange: this.onSelectedQuantityChange.bind(this) })))));
+        }
+    }
+    renderOrderSection() {
+        return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : 'Submit Order'))));
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        return (h(StyledHost, { key: 'd0839c5f8e62091959cfac6c19fd8e6010ed17fa' }, this.businessIsLoading && h(OrderTerminalsLoading, { key: '4f2e27a144af74dc7a5b24afd04319169af85975' }), !this.businessIsLoading && this.errorMessage && ErrorState(this.errorMessage), !this.businessIsLoading && !this.errorMessage && this.business && (h("div", { key: '275c0bdc797dd7deb0b9a6e0bcb4b8bb1bb5a0c7', class: "gap-5 pt-5", part: text }, h("div", { key: '34cff142a272edd3ee7ac19da4e897dcbd29053a', class: "row" }, h("div", { key: '5ced2a28b10f3c3a6df1967df4ff3963fa210aeb', class: "col-12" }, h("h2", { key: 'cddb025d86d3b20e0fdbe44f38a01f4c9f8b0cc9', part: heading4 }, "Business Information:"), h("p", { key: '1729e714fbde0db3bfa2335b984191c88a821d48' }, "Business Name: ", this.business.legal_name))), h("div", { key: '07e0124bf74aa1e6019f3831e1101612ea22a974', class: "row" }, h("div", { key: '984fa3b23a5f963c0132db5629a84a0f33b5876f', class: "col-6" }, h("h2", { key: '620518c99e7c24323908964069a845bdc6bc7977', part: heading4 }, "Representative:"), h("ul", { key: '2a647948f4dd177f727caeb564874025e685154d', class: "list-group", part: listGroup }, h("li", { key: 'eef9b978a739e423e500f2c684adbd29b615d672', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
-            _b.name), h("li", { key: 'f668a95618f4f9f15a3f393e0f832edf019495d4', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
-            _d.title), h("li", { key: '7b0f4f9b59ce658b2589d794759a8eb2d286618d', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
-            _f.email), h("li", { key: '6868db3079895895817b46f577a4aec763370c8a', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
-            _h.phone))), h("div", { key: '58e3a903859cfcb48ee9c94eae603e6013b49ddc', class: "col-6" }, h("h2", { key: '5575e0a3882f6118784f0a2ae5ba3b16ca2cf3d0', part: heading4 }, "Shipping Address:"), h("ul", { key: 'a786f951ba416a8a87b2cbd041208a00316a654c', class: "list-group", part: listGroup }, h("li", { key: 'f195e9fe86e532e5082fa6cec74d498fd3721b9f', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
-            _j.line1), h("li", { key: 'cc3effbf28ed5529ab453c9a3df593faed8453b0', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '024d702c7483ff81ad3ac877b5ae708ca18f0441', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
-            _l.postal_code), h("li", { key: 'b49173b42d91e1bad378912fb9ecf8cd74c38110', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
-            _m.city), h("li", { key: '87656e83f01433a2f8116996d42e482a906fbc43', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
-            _o.state)))))), this.terminalsIsLoading && (h("div", { key: 'f136b3b5ea1d28b8d4f2dcf18445c21afc8ff94b', class: "mt-5" }, h(TerminalSelectorLoading, { key: 'eaf847a6fa517aae9af8abd6138ea6b7084e26ab' }), h(TerminalSelectorLoading, { key: '9bc4ca1106c9c96b30d8318e11bca7d5b976dde2' }), h(TerminalSelectorLoading, { key: 'eb8885c81374329c42194e7a32c9031eeccf68ba' }))), !this.terminalsIsLoading && this.terminalModels && this.terminalModels.map((terminal) => (h("terminal-quantity-selector", { modelName: terminal.model_name, description: terminal.description, imageUrl: terminal.image_url, helpUrl: terminal.help_url, limit: this.orderLimit - this.order.totalQuantity, onSelectedQuantityChange: this.onSelectedQuantityChange.bind(this) })))));
+        return (h(StyledHost, { key: '42f9aec08c7bdb7ed3cfb6e206b032ceb8148827' }, h("div", { key: '54ebadbfc98a501e59880c5e7f96a288cb559a34', part: text }, this.renderLoading(), this.renderError(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
-        "errorMessage": [32],
-        "businessIsLoading": [32],
-        "terminalsIsLoading": [32],
+        "shipping": [4],
+        "loading": [32],
+        "submitting": [32],
+        "error": [32],
         "business": [32],
         "terminalModels": [32],
         "orderLimit": [32],

package/dist/module/justifi-payment-details.js

@@ -8,8 +8,7 @@ import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 

package/dist/module/justifi-payment-provisioning.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$w } from './business-documents-on-file2.js';

package/dist/module/justifi-payments-list-filters.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { a7 as paymentsListFilterMenu, a8 as paymentIdPaymentsListFilterParam, a9 as terminalIdPaymentsListFilterParam, aa as paymentStatusPaymentsListFilterParam, ab as createdAfterPaymentsListFilterParam, ac as createdBeforePaymentsListFilterParam } from './parts.js';
+import { a5 as paymentsListFilterMenu, a6 as paymentIdPaymentsListFilterParam, a7 as terminalIdPaymentsListFilterParam, a8 as paymentStatusPaymentsListFilterParam, a9 as createdAfterPaymentsListFilterParam, aa as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -59,8 +59,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c00c7c279eeaacb8acc1ea3154c29b2cddd99faa' }, h("table-filters-menu", { key: 'c47ba2b6da0f9463a22e50f1a8ffd26e886c1a99', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'e93077f53d6d22fc286701c28352872175b8db3b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a101154b3b747eb20667e64dac36e00d7f35f56c', class: "p-2" }, h("form-control-text", { key: '3042199c9a79162c5c5bc6053c46bc76b9f553ee', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '8877a68b1dfc50116f59e503db6d8a3afc53616d', class: "p-2" }, h("form-control-text", { key: '40747d56f2907151ee86468ecb5b72457fa4c3f6', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ddb445d4da2e8f625c091c41ac080be8ae0a7b8d', class: "p-2" }, h("form-control-select", { key: '9cfe853ab39f60ed7c9130f49059b731ce308af9', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '4a22a12131ae097c774d6f3af3a93de7c984ff76', class: "p-2" }, h("form-control-date", { key: '0ab671ac93fe922a72f85de5bd0b00781176a61f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '11d71b25672f27f3457386f960ac85f644e162de', class: "p-2" }, h("form-control-date", { key: 'd03ee67df04aa591c655944465fec021684f2b3a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e86e4d5f0a36516103a04539fd9ba2d1b698a06c' }, h("table-filters-menu", { key: 'bf4986bea9280046e8c5719dfdba6390d0cc7419', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c9e898c5e4944f97ba66a8b72d6f940fce47f3f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '02eb01fee1165a1cd7174aa066147812d7a9cb44', class: "p-2" }, h("form-control-text", { key: 'cbeeef72894b2016d101b933412b797827513dd2', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5daedbb20682ad6b295049a865c3377e2ef79d8a', class: "p-2" }, h("form-control-text", { key: '26cd105c075114cfd062fccde5500f2eeb55888b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '92349a4ebb343af3a8d54601fea4c177c2ff14b2', class: "p-2" }, h("form-control-select", { key: '0e5f7cf57a22d3eeb6e4aebdbac2fe1bb13288eb', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '5d5cc079285045a858bfbcf9646a54b8f4c70b8b', class: "p-2" }, h("form-control-date", { key: 'b8fb06fa8506503bcf89c50523dd8e036852557c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '3d6a1de1b08e1a326e107e60c78580848ffdda19', class: "p-2" }, h("form-control-date", { key: '6f7bf72ac396429a3d8318ee17d5459147a4f60e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [1, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -7,8 +7,7 @@ import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
@@ -93,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '8df5e9111900d12bb5e4eea2ad44c59b7864cf58' }, h("payments-list-core", { key: 'ad6c2795436b8fc38f5fb7b031d3b41251a6281d', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ade68405b7b039032dc8d4a271bdafd6b5b3dfe8' }, h("payments-list-core", { key: '30844738130c05a96bd93d670bad14d544368fb2', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-details.js

@@ -8,8 +8,7 @@ import { P as Payout } from './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';
 

package/dist/module/justifi-payouts-list-filters.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
-import { ad as payoutsListFilterMenu, ae as createdAfterPayoutsListFilterParam, af as createdBeforePayoutsListFilterParam } from './parts.js';
+import { ab as payoutsListFilterMenu, ac as createdAfterPayoutsListFilterParam, ad as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -37,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '42c48bbbfa426540d33c49d5ef927d2da316fda5' }, h("table-filters-menu", { key: '7741ef6667ed7dc6ebbc312f145590939ce1b071', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '0f983dc3e6a735ad12aea940d7663bab98cf623d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '27faddc94394d5e52de9d1a65a69ecda2f840360', class: "p-2" }, h("form-control-date", { key: '58cd7720a5dbcc31b32151de1402b2c4b09b94de', 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: 'a2a8d153acc9fa8371c8effb4cfd0146e31a3018', class: "p-2" }, h("form-control-date", { key: '9fc58f04079445952586d0913fad92305fa537a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        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 }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [1, "justifi-payouts-list-filters", {

package/dist/module/justifi-payouts-list.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -115,7 +114,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '1dc2cb28607d7afaaf9d463633a3c127e79acdfb', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'c404ee62ba0a0e6ed800073d0740182e831b3610', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        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 })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-form.js

@@ -100,7 +100,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'b5540793d02eca530f994d28487dbb17d4a7bde9' }, h("h1", { key: '4fdee343ce80c42f4592b8399d2608cf21388ef3' }, "Refund"), this.refundInfoText && (h("div", { key: '592e0e5bf3f34d2deacf6bde6d55305afad9ed93', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '0d1f91e3e31d9205bdc87988a3d153c82c288316', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '5509b76cdd8fc744b243342c70f9f17a53998f58', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '54c976a7e5f2eabef889051900065fdc689929dc', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '8c8b2a532b0eb147b6618e4d9f5a6eff459a876f', class: "form-group" }, h("form-control-monetary", { key: 'b5e5101c9c3a911d5188b7fcf1bc8b6a6a3ea79f', 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: 'df2344c5721515f540a880e0fd69c44dc9782c7f', class: "form-group" }, h("form-control-text", { key: 'fc736f897af16d21bae503593b7dea26de8775c8', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'db7b4908952001857d7a56d2bce6804fa4c77176', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'f4a186765f14c59e4c096bf48dba5f371f1a65fb', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        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))))));
     }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-season-interruption-insurance.js

@@ -7,8 +7,7 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-radio2.js';
 import { d as defineCustomElement$2 } from './season-interruption-insurance-core.js';

package/dist/module/justifi-terminal-orders-list-filters.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiTerminalOrdersListFilters extends Components.JustifiTerminalOrdersListFilters, HTMLElement {}
+export const JustifiTerminalOrdersListFilters: {
+    prototype: JustifiTerminalOrdersListFilters;
+    new (): JustifiTerminalOrdersListFilters;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -0,0 +1,119 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
+import { ae as terminalOrdersListFilterMenu, af as orderStatusTerminalOrdersListFilterParam, ag as orderTypeTerminalOrdersListFilterParam, ah as createdAfterTerminalOrdersListFilterParam, ai as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import { c as TerminalOrderStatus, b as TerminalOrderType } from './SubAccount.js';
+import './Document.js';
+import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+
+const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersListFilters extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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: '9f84e2a68bbf745714bd972e6f8510eb5c864248' }, h("table-filters-menu", { key: 'f78bfdd9940b62f74cc96969946df75274e8580c', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'e16d37583700f39e1ab513fb362555677aa77bbf', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '81e9b0f98cec6fb803b17ce10a1a79d61f302988', class: "p-2" }, h("form-control-select", { key: 'c5749e4b06a3c4af835e03384434d0fed054c22b', 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: 'e2367532d8147a1fc184eadce40f61894cd701cd', class: "p-2" }, h("form-control-select", { key: 'f8145506abf6879b4a21d9ae49d43061e5f6daef', 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: '61b3da75c15121adc65c37443f0d251c2bf0af45', class: "p-2" }, h("form-control-date", { key: 'eb8afbbb5b2148fb12705fc0b577290b9f5ac881', 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: '968131100100709c91fdd1c6d2916910bb5d34b2', class: "p-2" }, h("form-control-date", { key: 'd1f34c4297a80dd7c9f3e301d798c99db82a7b80', 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 }))))));
+    }
+}, [1, "justifi-terminal-orders-list-filters", {
+        "orderStatus": [1, "order-status"],
+        "orderType": [1, "order-type"],
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-terminal-orders-list-filters", "custom-popper", "form-control-date", "form-control-select", "form-control-tooltip", "table-filters-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-terminal-orders-list-filters":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalOrdersListFilters);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTerminalOrdersListFilters = TerminalOrdersListFilters;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTerminalOrdersListFilters, defineCustomElement };