@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

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

@@ -2,25 +2,16 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import './Checkout.js';
 import './Pagination.js';
-import { a as Payment } from './Payment.js';
+import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.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 { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { c as config } from './config.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as tableExportedParts } from './exported-parts.js';
-import { d as defineCustomElement$4, a as defaultColumnsKeys } from './payments-list-core2.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-date2.js';
-import { d as defineCustomElement$9 } from './form-control-error-text2.js';
-import { d as defineCustomElement$8 } from './form-control-select2.js';
-import { d as defineCustomElement$7 } from './form-control-text2.js';
-import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$5 } from './pagination-menu2.js';
-import { d as defineCustomElement$3 } from './payments-list-filters2.js';
-import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+import './details.js';
+import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
+import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -98,7 +89,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '78b8e22426135db19223ca0ddc62aaf6f42a1080', exportparts: tableExportedParts }, h("payments-list-core", { key: '23c5aeeb9a6766de2ddb42f62a2163fa8f14ac81', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '35086c06a347cb7ee577366cd5674a2c50c4ffe5' }, h("payments-list-core", { key: 'bee1a7cf3e600a0060a62cf8151eea390dfd2cfa', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -119,59 +110,19 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payments-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "pagination-menu", "payments-list-core", "payments-list-filters", "table-filters-menu"];
+    const components = ["justifi-payments-list", "pagination-menu", "payments-list-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payments-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentsList);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
         case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "payments-list-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "payments-list-filters":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "table-filters-menu":
+        case "payments-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -5,10 +5,9 @@ import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.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.d.ts

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

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

@@ -0,0 +1,66 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { q as queryParams, c as clearParams } from './payouts-list-params-state.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { k as convertToUTC, j as convertToLocal } from './utils2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-date2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+
+const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFilters extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setEndOfDay: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    render() {
+        return (h(StyledHost, { key: 'dbeddac44642b50552902b1d072384d0e308bbcd' }, h("table-filters-menu", { key: '0a4fc98cf7cf7bb5748c9443fe0ad22676b2ec0a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '36e7cfd3b59458bfc4f34b25e14d39984d6f9b19', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3670d1890feecaf9c0ad41278e3862606fa6576a', class: "p-2" }, h("form-control-date", { key: '8f0e4ef2e46b542f17504ef888839726067d3319', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '8f661de9cd9115e7ce10e92684cf98d66f9e3e5f', class: "p-2" }, h("form-control-date", { key: '60d03f6687f308c4cb4a39176bec248b204803e2', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+    }
+}, [1, "justifi-payouts-list-filters"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-payouts-list-filters", "custom-popper", "form-control-date", "form-control-tooltip", "table-filters-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-payouts-list-filters":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PayoutsListFilters);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-date":
+            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 JustifiPayoutsListFilters = PayoutsListFilters;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiPayoutsListFilters, defineCustomElement };

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

@@ -1,25 +1,24 @@
 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 { c as config } from './config.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as tableExportedParts } from './exported-parts.js';
-import { d as defineCustomElement$4, a as defaultColumnsKeys } from './payouts-list-core2.js';
-import { d as defineCustomElement$9 } from './custom-popper2.js';
-import { d as defineCustomElement$8 } from './form-control-date2.js';
-import { d as defineCustomElement$7 } from './form-control-error-text2.js';
-import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$5 } from './pagination-menu2.js';
-import { d as defineCustomElement$3 } from './payouts-list-filters2.js';
-import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+import './details.js';
+import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
+import { d as defineCustomElement$3 } from './pagination-menu2.js';
+
+const tableExportedParts = `
+table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
+table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
+empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
+`;
 
 const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -115,7 +114,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '5f482e2ab5d1a022c9f54f13a8ab31860ff4b6ec', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'fe5decfcda48b54bbcded8c605d0f3a2576c35cb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '78316ffab976d4674ed157de643d0e579a503050', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6d258120f1ab81723505f76db75f4d4289e072b4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -138,49 +137,19 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payouts-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-tooltip", "pagination-menu", "payouts-list-core", "payouts-list-filters", "table-filters-menu"];
+    const components = ["justifi-payouts-list", "pagination-menu", "payouts-list-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PayoutsList);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
         case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "payouts-list-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "payouts-list-filters":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "table-filters-menu":
+        case "payouts-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -8,9 +8,8 @@ import './SubAccount.js';
 import { c as config } from './config.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$7 } from './custom-popper2.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
-import { d as defineCustomElement$5 } from './form-control-help-text2.js';
+import './details.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-monetary2.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
@@ -26,9 +25,6 @@ const RefundFormSchema = create$3().shape({
         .nullable(),
 });
 
-const refundFormCss = ":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";
-const JustifiRefundFormStyle0 = refundFormCss;
-
 const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTMLElement {
     constructor() {
         super();
@@ -103,9 +99,8 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '63863f5db62aa514fdf76c673d33634d0ce091b5' }, h("h1", { key: '3cd25385bb1d14a041abde024db70f052b913479' }, "Refund"), this.refundInfoText && (h("div", { key: 'df4fdf161bdc6330db3d04fab06b023b19dd4be6', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '053bc242826eeb92456ad1869e11a0083c8a65f6', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'cec5c737d36aba8328e07871717aaa6107f3ff8d', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'f43a1ec8344b9a6222470bb59924743583d61699', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'bdb96e4a7b9aacd6d85d5736bcc3bfa9c7b949dc', class: "form-group" }, h("form-control-monetary", { key: '59c922da8305ea8069de82f94f287a9d4a885f08', 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: '536874e5887e8085409bc6e2220de0029f986613', class: "form-group" }, h("form-control-text", { key: '25ad446fa05c176169b45b72b26fedfb759376b0', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '51a1334769beb7911e2bee6416f1e325e9b6e456', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1fe584c4c1fcb7e4f36063774303ac17132debbf', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '22c804f185486d11df84075a97121bcac4eb98d5' }, h("h1", { key: '90bc4a8b5f1753d3e3009a401e5c9894d83e426e' }, "Refund"), this.refundInfoText && (h("div", { key: '6899f29d44b254dd4a84e348b9d9ec1013cb1785', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'f1860c566f76d09f222a62a71f29d48749504968', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '73c728b24bf46c9382e75753a9566179d12744fa', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'e36904b05ae389cb201e72f69845d1a5b034cb4d', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'deb53d2bde11025bc7b452097456c7cffbe5c16a', class: "form-group" }, h("form-control-monetary", { key: '0e5211a2ace4ddf86c2f2452e0596586904b594a', 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: '68826918f7b2051830bd276fa79030a89a5808d1', class: "form-group" }, h("form-control-text", { key: 'd66b86e6d9d10b6d4853bfebacf758da23362531', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '8ef6f548f2b1a989b04d0a2817ca7a19d1e1dda6', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1a9406e25864fac07c2a97d3b758aec48bffa2be', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
-    static get style() { return JustifiRefundFormStyle0; }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],
         "paymentId": [1, "payment-id"],
@@ -120,7 +115,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-refund-form", "custom-popper", "form-control-error-text", "form-control-help-text", "form-control-monetary", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-refund-form", "custom-popper", "form-control-monetary", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-refund-form":
             if (!customElements.get(tagName)) {
@@ -128,16 +123,6 @@ function defineCustomElement$1() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -5,10 +5,11 @@ import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { c as config } from './config.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 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 { 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';
 
 class InsuranceService {
@@ -130,7 +131,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '205515d248ac43b9de8e7c8f9fec41b93f6e1237', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '4a0e93d18f16971cee44cdc9d0b312ded7728274', 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 }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],
@@ -155,13 +156,23 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-season-interruption-insurance", "justifi-season-interruption-insurance-core"];
+    const components = ["justifi-season-interruption-insurance", "form-control-help-text", "form-control-radio", "justifi-season-interruption-insurance-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-season-interruption-insurance":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SeasonInterruptionInsurance);
             }
             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":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/module/justifi-terminals-list-filters.d.ts

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

package/dist/module/{terminals-list-filters2.js → justifi-terminals-list-filters.js}

@@ -1,19 +1,22 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
+import { q as queryParams, c as clearParams } from './terminals-list-params-state.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-select2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$1 } from './table-filters-menu2.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 TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsListFilters extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.params = {};
-        this.setParamsOnChange = undefined;
-        this.clearParams = undefined;
+        this.__attachShadow();
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
     }
     componentWillLoad() {
         // debounced input handler for text input
@@ -28,20 +31,16 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         ];
     }
     render() {
-        return (h("table-filters-menu", { key: '486847f69064b497b72521312d27097690eb19b2', params: this.params, clearParams: this.clearParams }, h("div", { key: '622e3572ff1cf85a60ffa30c4fa5d39780375abb', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2cef9085c3d09e96907cdaa8330e8b8b80d8ceec', class: "p-2" }, h("form-control-text", { key: 'a3922b71cbdc93bbdddd519e44bad25379c6b5f4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.params.terminal_id })), h("div", { key: '1027edf52dc1ceacc4779b29bda4b7d08c8a3c8c', class: "p-2" }, h("form-control-select", { key: 'e1f122b2868282a64dccc99b3e9d19fe7cc768fb', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.status || '' })))));
+        return (h(StyledHost, { key: '3a5ad7d48cab44e058b47416531e0b229521fa66' }, h("table-filters-menu", { key: 'f443919483a6de96285eb6ee06fc7a40d70dc8a4', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '5858a235e31a41c6092df9f35773d03ca660fd4a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '73cf6b38fb79063fe96cfb697fe537904237a0f2', class: "p-2" }, h("form-control-text", { key: 'e2383519f8b9e50c9c38c47ce5cf65023af8be55', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'a6bdc258402f59aea76c0c2f1d25f22841a15302', class: "p-2" }, h("form-control-select", { key: 'acc06bbb87338b579794b930e9a0205ad7e9e65a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
     }
-}, [0, "terminals-list-filters", {
-        "params": [16],
-        "setParamsOnChange": [16],
-        "clearParams": [16]
-    }]);
-function defineCustomElement() {
+}, [1, "justifi-terminals-list-filters"]);
+function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["terminals-list-filters", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "table-filters-menu"];
+    const components = ["justifi-terminals-list-filters", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "table-filters-menu"];
     components.forEach(tagName => { switch (tagName) {
-        case "terminals-list-filters":
+        case "justifi-terminals-list-filters":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, TerminalsListFilters);
             }
@@ -51,33 +50,31 @@ function defineCustomElement() {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "table-filters-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1();
+                defineCustomElement$2();
             }
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement$1();
+
+const JustifiTerminalsListFilters = TerminalsListFilters;
+const defineCustomElement = defineCustomElement$1;
 
-export { TerminalsListFilters as T, defineCustomElement as d };
+export { JustifiTerminalsListFilters, defineCustomElement };

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

@@ -1,26 +1,18 @@
 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 { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { T as Terminal } from './SubAccount.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as tableExportedParts } from './exported-parts.js';
-import { d as defineCustomElement$3, a as defaultColumnsKeys } from './terminals-list-core2.js';
-import { d as defineCustomElement$a } from './custom-popper2.js';
-import { d as defineCustomElement$9 } from './form-control-error-text2.js';
-import { d as defineCustomElement$8 } from './form-control-select2.js';
-import { d as defineCustomElement$7 } from './form-control-text2.js';
-import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$5 } from './pagination-menu2.js';
-import { d as defineCustomElement$4 } from './table-filters-menu2.js';
-import { d as defineCustomElement$2 } from './terminals-list-filters2.js';
+import './details.js';
+import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
+import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
 class TerminalService {
     async fetchTerminals(accountId, authToken, params, apiOrigin) {
@@ -132,7 +124,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b0109248be43245cc91a844960f83c80b09b88a3', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'c1b6467303b606863c544f898a3c0b8e37c597c2', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '202c9b2b8492e03f999cb8c62aa71871068e46d6' }, h("terminals-list-core", { key: 'eca0f2a0b076eb92b33bbb3703650506a5e1377b', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -154,54 +146,19 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-terminals-list", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "pagination-menu", "table-filters-menu", "terminals-list-core", "terminals-list-filters"];
+    const components = ["justifi-terminals-list", "pagination-menu", "terminals-list-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-terminals-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, TerminalsList);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
         case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "table-filters-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "terminals-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "terminals-list-filters":
+        case "terminals-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }