@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

package/dist/module/justifi-saved-payment-method.js

@@ -1,4 +1,60 @@
-import { S as SavedPaymentMethod, d as defineCustomElement$1 } from './saved-payment-method.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { r as radioListItem } from './parts.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-radio2.js';
+
+const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
+    }
+    ;
+    render() {
+        var _a, _b, _c;
+        return (h(Host, { key: 'da871bcddcfe5ea01aab207d6a4004770b63a18a', class: "payment-method" }, h("div", { key: '06f7919ba9bc826fa8ae8391231fa173098cd212', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '304f073b7c969c31b17cc44a9e9fa16e00c41aec', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+    }
+}, [256, "justifi-saved-payment-method", {
+        "paymentMethodOption": [16, "payment-method-option"],
+        "isSelected": [4, "is-selected"],
+        "resolvePaymentMethod": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-saved-payment-method", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SavedPaymentMethod);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const JustifiSavedPaymentMethod = SavedPaymentMethod;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/justifi-saved-payment-methods.d.ts

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

package/dist/module/justifi-saved-payment-methods.js

@@ -0,0 +1,6 @@
+import { S as SavedPaymentMethods, d as defineCustomElement$1 } from './saved-payment-methods.js';
+
+const JustifiSavedPaymentMethods = SavedPaymentMethods;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiSavedPaymentMethods, defineCustomElement };

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

@@ -1,15 +1,22 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-radio2.js';
-import { d as defineCustomElement$2 } from './season-interruption-insurance-core.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkoutStore } from './checkout.store.js';
+import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
+import { t as text, j as textDanger } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import { H as Header2 } from './header-2.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { S as Skeleton } from './skeleton.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-radio2.js';
 
 const api = Api();
 class InsuranceService {
@@ -80,27 +87,54 @@ const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload
     }
 };
 
+const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "35%", height: "30px" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "70%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "80%" }))));
+
 const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class SeasonInterruptionInsurance extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.isLoading = true;
     }
     async validate() {
-        return this.seasonInterruptionCoreRef.validate();
+        return validateInsuranceValues();
+    }
+    processHTMLContent(html) {
+        return processHTML(html, [
+            (html) => removeAttribute(html, 'style'),
+            (html) => addAttribute(html, 'a', 'part', text),
+            (html) => addAttribute(html, 'p', 'part', text),
+        ]);
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServiceMethods();
+        if (this.getQuote) {
+            this.fetchData();
+        }
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     initializeServiceMethods() {
-        if (!this.authToken) {
+        const authToken = this.authToken || checkoutStore.authToken;
+        if (!authToken) {
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 message: 'Missing authToken',
@@ -108,17 +142,82 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
             });
             return;
         }
-        this.getQuote = makeGetQuote({
-            authToken: this.authToken,
-            service: new InsuranceService(),
+        const service = new InsuranceService();
+        const config = { authToken, service };
+        this.getQuote = makeGetQuote(config);
+        this.toggleCoverage = makeToggleCoverage(config);
+    }
+    fetchData() {
+        this.isLoading = true;
+        this.getQuote({
+            payload: {
+                checkout_id: this.checkoutId || checkoutStore.checkoutId,
+                policy_type: "season_interruption",
+                primary_identity: {
+                    state: this.primaryIdentityState,
+                    email: this.primaryIdentityEmailAddress,
+                    first_name: this.primaryIdentityFirstName,
+                    last_name: this.primaryIdentityLastName,
+                    postal_code: this.primaryIdentityPostalCode,
+                    country: this.primaryIdentityCountry
+                },
+                policy_attributes: {
+                    insurable_amount: this.policyAttributesInsurableAmount,
+                    start_date: this.policyAttributesStartDate,
+                    end_date: this.policyAttributesEndDate,
+                    covered_identity: {
+                        first_name: this.coveredIdentityFirstName,
+                        last_name: this.coveredIdentityLastName
+                    }
+                }
+            },
+            onSuccess: ({ quote }) => {
+                this.quote = quote;
+                this.quote.product.description = this.processHTMLContent(this.quote.product.description);
+                this.quote.product.legal_disclaimer = this.processHTMLContent(this.quote.product.legal_disclaimer);
+                insuranceValues[quote.policy_type] = quote.accepted;
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.isLoading = false;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
         });
-        this.toggleCoverage = makeToggleCoverage({
-            authToken: this.authToken,
-            service: new InsuranceService(),
+    }
+    onChangeHandler(_name, value) {
+        this.accepted = value;
+        insuranceErrors[this.quote.policy_type] = false;
+        this.toggleCoverage({
+            quoteId: this.quote.id,
+            payload: { accepted: this.accepted },
+            onSuccess: () => {
+                this.insuranceUpdated.emit();
+                insuranceValues[this.quote.policy_type] = this.accepted;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
         });
     }
+    get error() {
+        var _a;
+        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
+    }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'aac3dc07107f64d56f6cddf44b54df4a34d11715', 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 }));
+        var _a, _b, _c, _d;
+        if (this.isLoading)
+            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
+        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { part: text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
+            // don't wanna show error message, but need to show the red border
+            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { part: text, innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
     }
 }, [257, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],
@@ -137,13 +236,15 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         "getQuote": [32],
         "toggleCoverage": [32],
         "quote": [32],
+        "isLoading": [32],
+        "accepted": [32],
         "validate": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-season-interruption-insurance", "form-control-help-text", "form-control-radio", "justifi-season-interruption-insurance-core"];
+    const components = ["justifi-season-interruption-insurance", "form-control-help-text", "form-control-radio"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-season-interruption-insurance":
             if (!customElements.get(tagName)) {
@@ -151,16 +252,11 @@ function defineCustomElement$1() {
             }
             break;
         case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-season-interruption-insurance-core":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-skeleton.d.ts

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

package/dist/module/justifi-skeleton.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { S as Skeleton } from './skeleton.js';
+
+const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(StyledHost, { key: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+    }
+}, [257, "justifi-skeleton", {
+        "component": [1],
+        "height": [8],
+        "width": [8],
+        "class": [1],
+        "customStyle": [16, "custom-style"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-skeleton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-skeleton":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiSkeleton$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiSkeleton = JustifiSkeleton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiSkeleton, defineCustomElement };

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

@@ -4,12 +4,11 @@ import { ai as terminalOrdersListFilterMenu, aj as orderStatusTerminalOrdersList
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
-import './Checkout.js';
+import { h as convertToUTC, e as convertToLocal } from './utils2.js';
+import { T as TerminalOrderStatus, f as TerminalOrderType } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { T as TerminalOrderStatus, a as TerminalOrderType } from './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
@@ -63,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '583766e7fe6e649d4c575b74674c6df3528b9f23' }, h("table-filters-menu", { key: 'b153c328d120c9f45339b36a05f1f31e95488f05', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2f8183f040f65592771425b8ef08d8991112de58', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5d92afe66d4ad1518b02966a7bd20b919481df8d', class: "p-2" }, h("form-control-select", { key: '5d9619b0f89917158e3f73dbdd257b3ab9f42798', 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: '149e9cabd81646a1bed3f448472c83b503519c03', class: "p-2" }, h("form-control-select", { key: '0124bbb2937fb7f1b83f09253f268d06e057a023', 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: 'e59daa2229b40867eeaf3be94bffda752304186a', class: "p-2" }, h("form-control-date", { key: '1a6470d8619c6a5e15499021df8fce7dcc1e7a4c', 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: '63ce4af7c5ce8e84c222de5f279af78d0fe70b98', class: "p-2" }, h("form-control-date", { key: '44f2c492dda5bd6ebc215b1b8bcdf12fe8d346e8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: 'ec4d26a33592df8ee137e9263e5fc221e17e43bb', 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: '33a18f94f0893f1ce0d45d383bd623025384e8b9', class: "p-2" }, h("form-control-select", { key: '9f3c8cb6bc85dbbe04b17128a7ff676dd2f97331', 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: '4b4a6abf9b42eb9a1021db266d9b1de1eb0d5b66', class: "p-2" }, h("form-control-date", { key: '63433b6ba954d96cb1195eb70a39aaf08a8c4c6c', 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: '17b19607536bdf75de23cd4ed5ee4cdbd814de1a', class: "p-2" }, h("form-control-date", { key: 'de1e85a7a164cd86c9190501b14f6a2097b8e34a', 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 }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

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

@@ -2,14 +2,13 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import './justifi-radio-list-item2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { o as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { g as TerminalOrder } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
@@ -97,7 +96,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e1443c306b24a4e0e179458a899f7e362ef50d67' }, h("terminal-orders-list-core", { key: '8c7df6db57f09f71795273aa1e5ec5e93e67a09b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '524e7a9d033a2b5e95d0285eae5a070bbf6bc685' }, h("terminal-orders-list-core", { key: '1d4713c71ca85517ce627a1cdfd8c2345c49997a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -5,12 +5,11 @@ import { an as terminalsListFilterMenu, ao as terminalIdTerminalsListFilterParam
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import './config-state.js';
-import './utils2.js';
-import './Checkout.js';
+import './dinero.js';
+import { g as ITerminalStatus } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { I as ITerminalStatus } from './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -52,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '33d0e44947a2df5217d725fab6cbdee16b82b505' }, h("table-filters-menu", { key: '23d37f21ce7fe37f8e09cb8244593c8cd87d6163', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '72bea11d594c36b78819da9a4df7b637af9c82f5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6001d65ea3c2f0e7e950ff647d2e25ab0986e757', class: "p-2" }, h("form-control-text", { key: '035f811a609d95f6445eafc94c5ccca42c5086e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '0f1f0f6a83ecc78dfea9c9744d6c26c64549231d', class: "p-2" }, h("form-control-text", { key: '9798016e2e88ea4e90f280afa3ecb9d34748ff4c', 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: '719f95cc9b707b626fcb7234164f247dec321b0f', class: "p-2" }, h("form-control-select", { key: '08482cde28ea4fb2d25cba044112b8a47ffe8c33', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '783ba48774e186ebb313aea1b2cba29f52be65aa' }, h("table-filters-menu", { key: 'd4408146ca806b5192011ed875fe46742fd4a9a9', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '61356d7fa355bfd54646b7eeee1b7506f8fc1ff9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6233bdcb3ed8b37855ef07bd49c7d7bd51079e22', class: "p-2" }, h("form-control-text", { key: 'dadc1036b832290710c15e9dc4faeaf0ce847033', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '242a2b4fe9430a8c22a321a08638188d97a5dafc', class: "p-2" }, h("form-control-text", { key: 'ed2bd47281f33af574e5f49aba7a87f5155ea271', 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: '684eaf93576057e25030a8ffbd1c3c4d921b26bb', class: "p-2" }, h("form-control-select", { key: 'a308c124fd6379aa4767352033c736fe0c33b3fa', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -1,18 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { l as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
-import { d as Terminal } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -102,7 +101,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a35e4efef6e52f45e8c2c232bde43afc0f5945ab' }, h("terminals-list-core", { key: '46cdde8b97d04760cf1a32f561513dcf42c5dd37', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '3c9b98a7e1b854420c30c19db04a8f2885894fa1' }, h("terminals-list-core", { key: '2dc457c44c142f3a2072015a2abe812e67d421bb', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],