@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/{saved-payment-methods.js → justifi-saved-payment-methods2.js}

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { r as radioListItem } from './parts.js';
+import { u as radioListItem } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { C as CardBrandLabels } from './payment-method-option-utils.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-help-text3.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
-const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethods extends HTMLElement {
+const JustifiSavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class JustifiSavedPaymentMethods extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -59,7 +59,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-saved-payment-methods":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SavedPaymentMethods);
+                customElements.define(tagName, JustifiSavedPaymentMethods);
             }
             break;
         case "form-control-help-text":
@@ -76,4 +76,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { SavedPaymentMethods as S, defineCustomElement as d };
+export { JustifiSavedPaymentMethods as J, defineCustomElement as d };

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

@@ -1,22 +1,23 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { p as processHTML, c as formatCurrency, r as removeAttribute, n as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
-import { t as text, k as textDanger } from './parts.js';
+import { j as text, k 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 './justifi-details2.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$3 } from './form-control-help-text3.js';
 import { d as defineCustomElement$2 } from './form-control-radio2.js';
 
 const api = Api();
@@ -90,7 +91,7 @@ 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 {
+const JustifiSeasonInterruptionInsurance$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSeasonInterruptionInsurance extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -243,7 +244,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-season-interruption-insurance":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SeasonInterruptionInsurance);
+                customElements.define(tagName, JustifiSeasonInterruptionInsurance$1);
             }
             break;
         case "form-control-help-text":
@@ -260,7 +261,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiSeasonInterruptionInsurance = SeasonInterruptionInsurance;
+const JustifiSeasonInterruptionInsurance = JustifiSeasonInterruptionInsurance$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiSeasonInterruptionInsurance, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { S as SezzlePaymentMethod, d as defineCustomElement$1 } from './sezzle-payment-method.js';
+import { J as JustifiSezzlePaymentMethod$1, d as defineCustomElement$1 } from './justifi-sezzle-payment-method2.js';
 
-const JustifiSezzlePaymentMethod = SezzlePaymentMethod;
+const JustifiSezzlePaymentMethod = JustifiSezzlePaymentMethod$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiSezzlePaymentMethod, defineCustomElement };

package/dist/module/{sezzle-payment-method.js → justifi-sezzle-payment-method2.js}

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as formatCurrency } from './utils2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
@@ -13,7 +13,7 @@ const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "http
         marginLeft: '5px',
         marginTop: '-5px',
     } }));
-const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePaymentMethod extends HTMLElement {
+const JustifiSezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class JustifiSezzlePaymentMethod extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -91,11 +91,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SezzlePaymentMethod);
+                customElements.define(tagName, JustifiSezzlePaymentMethod);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { SezzlePaymentMethod as S, defineCustomElement as d };
+export { JustifiSezzlePaymentMethod as J, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { S as ShippingDetails, d as defineCustomElement$1 } from './shipping-details.js';
+import { J as JustifiShippingDetails$1, d as defineCustomElement$1 } from './justifi-shipping-details2.js';
 
-const JustifiShippingDetails = ShippingDetails;
+const JustifiShippingDetails = JustifiShippingDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiShippingDetails, defineCustomElement };

package/dist/module/{shipping-details.js → justifi-shipping-details2.js}

@@ -5,7 +5,7 @@ import { ab as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -17,7 +17,7 @@ const ShippingDetailsSchema = create$3({
     shipping_address: create$6().nullable(),
 });
 
-const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails extends HTMLElement {
+const JustifiShippingDetails = /*@__PURE__*/ proxyCustomElement(class JustifiShippingDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '42e223f71b2bbb47452c42ef5fa3461c33fb1f05' }, h("div", { key: '202b32fe04059d34bbcc422a4d8a426148fffa4c', class: "row gy-3" }, h("div", { key: '4508298a411269d447989c859b9f916f3d288c38', class: "col-12" }, h("h2", { key: '732705ee8f3e8d3ebce839e33b7ef3a5ca108224', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c373e96c63ed7398315f000250749fed7ee6b2ef', class: "col-12" }, h("form-control-text", { key: '7e4ce2f7ad55c07f4c67b8f80940e94d76d16f43', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '08e2067843ce83058c73c4673c88b8d1968d81a0', class: "col-12" }, h("form-control-text", { key: '5ed369c9064edd5fafc3c3a0142bcace1c3beaee', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'fcfe5349a3f9d61039c61de7b1f70e517d479b09', class: "col-12" }, h("form-control-date", { key: 'fecafa215e1f4c042e54f34db584503fed7fbe35', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'd87378a61c76bf5fb331f02fe6960abbed4d3d59', class: "col-12" }, h("form-control-textarea", { key: '1acffdfd447400ef9627359c0a892b93d4ba1a1c', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '28ebefe8f6db158dc76ca9b8ab86f12a7a968b82', class: "col-12" }, h("form-control-file-v2", { key: '7f4ba4acd413eb070a6126f43ab4bb77f3ac12ba', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '866cc4bbec74504766f54b7ead77905108e943a9' }, h("div", { key: 'fbd5066de212864ecec4a364508e348b7af3f3bc', class: "row gy-3" }, h("div", { key: 'f4570f4e399f800840e13edad14f77c8a1b53712', class: "col-12" }, h("h2", { key: '2e5100b95fa159a119e82eb6efbc0c553861ec71', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '872e7a523810713854895852b437cbde39fc7d7c', class: "col-12" }, h("form-control-text", { key: 'bfddeb4473c5d15ab6cddc555492ebbbabb4e7ff', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '9376147e0d182470e0a280cf0c256006f4422eeb', class: "col-12" }, h("form-control-text", { key: '6e62ddb611af6a69f4568fabeb90271e593998ac', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '7431cd70b761dbe3183a544e179e443cd6af9761', class: "col-12" }, h("form-control-date", { key: 'b834fac26c825d5dc809c16e8a8519b1d330ecfc', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'f07986a66fe74289cbe778996146d8781418db57', class: "col-12" }, h("form-control-textarea", { key: 'c2287f560c55006a9c0cef83acb46ed02a981bb8', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ef07786e43bda9fec564e08d2fbd34a7dc9dc3e3', class: "col-12" }, h("form-control-file-v2", { key: '70743473ff8bed43562b65eb35a78466ed6d947a', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],
@@ -65,7 +65,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-shipping-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ShippingDetails);
+                customElements.define(tagName, JustifiShippingDetails);
             }
             break;
         case "custom-popper":
@@ -107,4 +107,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { ShippingDetails as S, defineCustomElement as d };
+export { JustifiShippingDetails as J, defineCustomElement as d };

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'b2bc4a92e34bdb2d1f5a1e74ce69bd75757ded6f' }, h(Skeleton, { key: '291eefa0f623d8c751a8a62f7da018bbcd3c2313', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
-import { az as terminalOrdersListFilterMenu, aA as orderStatusTerminalOrdersListFilterParam, aB as orderTypeTerminalOrdersListFilterParam, aC as createdAfterTerminalOrdersListFilterParam, aD as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { ad as filterMenu, ae as filterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
@@ -11,13 +12,14 @@ import { T as TerminalOrderStatus, j as TerminalOrderType } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.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$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-date2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.js';
+import { d as defineCustomElement$4 } from './form-control-text2.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 {
+const JustifiTerminalOrdersListFilters$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTerminalOrdersListFilters extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -33,11 +35,13 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
         };
     }
     componentWillLoad() {
+        this.debouncedSetParamsOnChange = lodashExports.debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             order_status: this.orderStatus,
             order_type: this.orderType,
             created_after: this.createdAfter,
-            created_before: this.createdBefore
+            created_before: this.createdBefore,
+            company_name: this.companyName
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -65,38 +69,44 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e10311bf0cdb5aab7ec7a96a05216bc39231db77' }, h("table-filters-menu", { key: '9402f8bd704c5d76504f0c7b3da78b51c519f69d', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '87af1b11432fc9dab0ce81e763e417e04d024dcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b12db0f4cb4dd0256406db39cd585fbcb301f6e9', class: "p-2" }, h("form-control-select", { key: '50137d63a0f8fbf71fd0c49cb9227f180a5a4277', 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: 'aa5c6e5115a8e5fc0394fc36823a229643659968', class: "p-2" }, h("form-control-select", { key: '4b5d54c20275ff4951f9f26d780dfeab609a7b0e', 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: '6f1f85268e131865bcfc27395ca90b86f9e9aa30', class: "p-2" }, h("form-control-date", { key: '4c2173c3992e6dfd10d133c106e2b706d3ad6d10', 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: 'cc629832d18b1de06b3f513ca80648e4cf10f439', class: "p-2" }, h("form-control-date", { key: 'a4bb24199f37fce8f3971262fbe9cd62af7a18f5', 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 }))))));
+        return (h(StyledHost, { key: '07b1d17154c1591edc84a5b629ec5ff7497415b5' }, h("table-filters-menu", { key: '9e135185e74772ff22ceca20edba9181e78894bb', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'b9643f722c20fef5e06922397574cd420bb82966', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'eadd681467e5f2bb89a643bf21f04070e50448a9', class: "p-2" }, h("form-control-select", { key: '9d631821783b5b1a2fc0ba9de0d2643cf07d3361', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'd9cc60a5dd75d49bd1b4ec7ac9adbae5d8e7cb26', class: "p-2" }, h("form-control-select", { key: '5789baffe41c67a53586e79fdf14005ff60314c3', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '7856f1979f696ab205a067f205cf5dead033fe31', class: "p-2" }, h("form-control-date", { key: '4a715c7f582fe3261bf1ae0523a27f987855e88b', 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: filterParam })), h("div", { key: '29244342d9660ab59be8ac6ebcac10bb29233f2b', class: "p-2" }, h("form-control-date", { key: 'a061f8553db0a901cb533ec2726850392bc155eb', 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: filterParam })), h("div", { key: '11c34b1ab7f619b7ee1d236952b295d39ff44010', class: "p-2" }, h("form-control-text", { key: '129e422e5e90ea6fc54c0cdfbd28c361dbf79227', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {
         "orderStatus": [1, "order-status"],
         "orderType": [1, "order-type"],
         "createdAfter": [1, "created-after"],
-        "createdBefore": [1, "created-before"]
+        "createdBefore": [1, "created-before"],
+        "companyName": [1, "company-name"]
     }]);
 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"];
+    const components = ["justifi-terminal-orders-list-filters", "custom-popper", "form-control-date", "form-control-select", "form-control-text", "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);
+                customElements.define(tagName, JustifiTerminalOrdersListFilters$1);
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
@@ -115,7 +125,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiTerminalOrdersListFilters = TerminalOrdersListFilters;
+const JustifiTerminalOrdersListFilters = JustifiTerminalOrdersListFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiTerminalOrdersListFilters, defineCustomElement };

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

@@ -1,18 +1,19 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
 import './dinero.js';
-import { s as TerminalOrder, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { s as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { A as Api } from './Api.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
 const makeGetTerminalOrders = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -56,7 +57,7 @@ class TerminalOrderService {
     }
 }
 
-const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersList extends HTMLElement {
+const JustifiTerminalOrdersList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTerminalOrdersList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -99,7 +100,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '19a055907283ae2a126bdb2a509c3a4a991521f2' }, h("terminal-orders-list-core", { key: '04df9d1ce1cca14b07e879137abbced011d02486', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f7854de93d0916c5d01cd14772715290bd149d09' }, h("terminal-orders-list-core", { key: '965d8e73e7def3508b59bf35940872f05ebe8c80', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],
@@ -116,7 +117,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-terminal-orders-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TerminalOrdersList);
+                customElements.define(tagName, JustifiTerminalOrdersList$1);
             }
             break;
         case "pagination-menu":
@@ -133,7 +134,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiTerminalOrdersList = TerminalOrdersList;
+const JustifiTerminalOrdersList = JustifiTerminalOrdersList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiTerminalOrdersList, defineCustomElement };

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

@@ -2,9 +2,9 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { l as lodashExports } from './lodash.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { aE as terminalsListFilterMenu, aF as terminalIdTerminalsListFilterParam, aG as terminalOrderIdTerminalsListFilterParam, aH as terminalStatusTerminalsListFilterParam, aI as createdAfterTerminalsListFilterParam, aJ as createdBeforeTerminalsListFilterParam } from './parts.js';
+import { ad as filterMenu, ae as filterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
@@ -19,7 +19,7 @@ import { d as defineCustomElement$4 } from './form-control-text2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
-const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsListFilters extends HTMLElement {
+const JustifiTerminalsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTerminalsListFilters extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -41,6 +41,8 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
             terminal_id: this.terminalId,
             status: this.terminalStatus,
             terminal_order_id: this.terminalOrderId,
+            provider_id: this.providerId,
+            serial_number: this.serialNumber,
             created_after: this.createdAfter,
             created_before: this.createdBefore
         };
@@ -62,11 +64,13 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0d4ac75610bd23b78f079d4f4eaf45345fa48cd4' }, h("table-filters-menu", { key: 'c580d67c2c1c95fdbfaa50ea355206d8772c8440', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9d2d456d0806c48f73c9a035ca0f8f618390c644', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '93e926024eaaa5bc511c8c51daa8bab9704d8c89', class: "p-2" }, h("form-control-text", { key: 'c19f3177124b48882245ce4d11ef7735bb9cfd28', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '78fc5aa6166a6e1a7f768584e73212dca1348461', class: "p-2" }, h("form-control-text", { key: 'd1ab7159dff99ca779fd4e3cd19e1c247cea2ec4', 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: '379f81c0242ceffc472cb5d502cebb0606f2d8c3', class: "p-2" }, h("form-control-select", { key: 'f5e7ed2157eacef4ab8ae560c15680b66049a044', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam })), h("div", { key: 'dc39eea94a616f40e896e9ce4c19e1d812419188', class: "p-2" }, h("form-control-date", { key: '403667bf603268954cc3982ba66d47badbcce911', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalsListFilterParam })), h("div", { key: '8a5ac2f05771f42b971e721277476194e2e92f4e', class: "p-2" }, h("form-control-date", { key: 'ae4d9ef25a06a319bdddda5c7023a69b9610ad49', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'a74ed2422b669401402664c77542412f3763ba76' }, h("table-filters-menu", { key: '9158ca6884cb610dc712fb1b3a69ca6803a7dce7', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e24cfc9c7f078f9eb7d5f1f5b4d5cef8374378ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cce1419064f7e7cdc687437416327f7daebe5eae', class: "p-2" }, h("form-control-text", { key: '750c30bc7e281f40646bdfaf0a29393d0ce7f72b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '512ccc43edb3aab2ec6ab7d9c76bebf6369df73d', class: "p-2" }, h("form-control-text", { key: '6320c75ecd89ad00162c764998c1c703a5965787', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6f0d58b200a36516ede61609aad03ca191f240c2', class: "p-2" }, h("form-control-text", { key: 'f786e9fbbd7c9604429c5f43935121245f2943d2', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'b4d84761c2f5de192669012acc41bb5ba2b76750', class: "p-2" }, h("form-control-text", { key: 'deb1c3b5cc3b72b2724a296b1024f8f66ae69683', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'b90c15ba9fa6bbe5eac425152753d1cb508b1710', class: "p-2" }, h("form-control-select", { key: 'beb78ebcd076b7b26a0cb5115ae9b619584fc307', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'e6109b7758b998d41d2ff555bf26ee9de1011c94', class: "p-2" }, h("form-control-date", { key: 'e407111678baea094666e8789175ce15d40c2ee8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'edc59eb19b58592803ffba665adae26d34fdfe0c', class: "p-2" }, h("form-control-date", { key: '21c995d7eef08082ca7996eaf9286aeaa80fd2e9', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],
         "terminalOrderId": [1, "terminal-order-id"],
+        "providerId": [1, "provider-id"],
+        "serialNumber": [1, "serial-number"],
         "terminalStatus": [1, "terminal-status"],
         "createdAfter": [1, "created-after"],
         "createdBefore": [1, "created-before"]
@@ -79,7 +83,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-terminals-list-filters":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TerminalsListFilters);
+                customElements.define(tagName, JustifiTerminalsListFilters$1);
             }
             break;
         case "custom-popper":
@@ -116,7 +120,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiTerminalsListFilters = TerminalsListFilters;
+const JustifiTerminalsListFilters = JustifiTerminalsListFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiTerminalsListFilters, defineCustomElement };

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

@@ -1,16 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { p as Terminal, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { p as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
@@ -45,7 +46,7 @@ const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSucc
     }
 };
 
-const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList extends HTMLElement {
+const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTerminalsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -104,7 +105,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dde640eb10f9e0f8e817afed66410042642b47e6' }, h("terminals-list-core", { key: '7e6a67f075c10cdedcd6e133aeedcd2fa9ba45ad', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4e900ef9f56434c1e7dcb905d9110ab85d995dca' }, h("terminals-list-core", { key: 'ea56fdc9c9274b092ed370a1b5d67eaefd893c21', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -129,7 +130,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-terminals-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TerminalsList);
+                customElements.define(tagName, JustifiTerminalsList$1);
             }
             break;
         case "pagination-menu":
@@ -146,7 +147,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiTerminalsList = TerminalsList;
+const JustifiTerminalsList = JustifiTerminalsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiTerminalsList, defineCustomElement };