@justifi/webcomponents 4.23.1 → 5.0.0-rc-2

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

@@ -4,22 +4,15 @@ import './Pagination.js';
 import './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 { 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 { J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.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$9, a as defaultColumnsKeys } from './checkouts-list-core2.js';
-import { d as defineCustomElement$8 } from './checkouts-list-filters2.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-select2.js';
-import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$3 } from './pagination-menu2.js';
-import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+import './details.js';
+import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
+import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -112,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '34696607c3d7588b1909a055cbc80a8b96689037', exportparts: tableExportedParts }, h("checkouts-list-core", { key: 'ee0682ff230d2ae4ec38dc7caef942a85acd4871', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f96da05a065d13a24cb4de2cc114a0dc10833ab2' }, h("checkouts-list-core", { key: '4e98c537644a3e22fb63d15736f5c22ff26a931f', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -134,7 +127,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkouts-list", "checkouts-list-core", "checkouts-list-filters", "custom-popper", "form-control-error-text", "form-control-select", "form-control-tooltip", "pagination-menu", "table-filters-menu"];
+    const components = ["justifi-checkouts-list", "checkouts-list-core", "pagination-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkouts-list":
             if (!customElements.get(tagName)) {
@@ -142,41 +135,11 @@ function defineCustomElement$1() {
             }
             break;
         case "checkouts-list-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "checkouts-list-filters":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            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-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pagination-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "table-filters-menu":
+        case "pagination-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-dispute-management.js

@@ -1,41 +1,126 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$m } from './custom-popper2.js';
-import { d as defineCustomElement$l } from './form-control-date2.js';
-import { d as defineCustomElement$k } from './form-control-error-text2.js';
-import { d as defineCustomElement$j } from './form-control-file2.js';
-import { d as defineCustomElement$i } from './form-control-help-text2.js';
-import { d as defineCustomElement$h } from './form-control-radio2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { D as Dispute } from './Payment.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { D as DisputeService } from './dispute-response-actions.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$k } from './custom-popper2.js';
+import { d as defineCustomElement$j } from './form-control-date2.js';
+import { d as defineCustomElement$i } from './form-control-file-v22.js';
+import { d as defineCustomElement$h } from './form-control-help-text3.js';
 import { d as defineCustomElement$g } from './form-control-text2.js';
 import { d as defineCustomElement$f } from './form-control-textarea2.js';
 import { d as defineCustomElement$e } from './form-control-tooltip2.js';
 import { d as defineCustomElement$d } from './additional-statement.js';
 import { d as defineCustomElement$c } from './cancellation-policy.js';
-import { d as defineCustomElement$b } from './counter-dispute.js';
-import { d as defineCustomElement$a } from './customer-details.js';
-import { d as defineCustomElement$9 } from './dispute-management-core.js';
-import { d as defineCustomElement$8 } from './dispute-notification.js';
-import { d as defineCustomElement$7 } from './dispute-reason.js';
+import { d as defineCustomElement$b } from './customer-details.js';
+import { d as defineCustomElement$a } from './dispute-management-core.js';
+import { d as defineCustomElement$9 } from './dispute-notification.js';
+import { d as defineCustomElement$8 } from './dispute-response.js';
+import { d as defineCustomElement$7 } from './dispute-response-core.js';
 import { d as defineCustomElement$6 } from './duplicate-charge.js';
 import { d as defineCustomElement$5 } from './electronic-evidence.js';
 import { d as defineCustomElement$4 } from './product-or-service.js';
 import { d as defineCustomElement$3 } from './refund-policy.js';
 import { d as defineCustomElement$2 } from './shipping-details.js';
 
+const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchDispute(id, authToken, apiOrigin);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const dispute = new Dispute(response.data);
+            onSuccess({ dispute, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
 const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManagement extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.disputeId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+        this.getDispute = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetDispute();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    ;
+    propChanged() {
+        this.initializeGetDispute();
+    }
+    initializeGetDispute() {
+        if (this.disputeId && this.authToken) {
+            this.getDispute = makeGetDispute({
+                id: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+                apiOrigin: this.apiOrigin,
+            });
+        }
+        else {
+            this.errorMessage = 'Dispute ID and Auth Token are required';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ed28c52d4621058967a53f79c1f00db1d453f5a9' }));
+        return (h("justifi-dispute-management-core", { key: '3e2a5b24484e8f1e198168910be7880732da3931', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
-}, [1, "justifi-dispute-management"]);
+    static get watchers() { return {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+}, [0, "justifi-dispute-management", {
+        "disputeId": [1, "dispute-id"],
+        "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "getDispute": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-dispute-management", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-radio", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-counter-dispute", "justifi-customer-details", "justifi-dispute-management-core", "justifi-dispute-notification", "justifi-dispute-reason", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    const components = ["justifi-dispute-management", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-customer-details", "justifi-dispute-management-core", "justifi-dispute-notification", "justifi-dispute-response", "justifi-dispute-response-core", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-dispute-management":
             if (!customElements.get(tagName)) {
@@ -43,31 +128,21 @@ function defineCustomElement$1() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "form-control-file":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-file-v2":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
@@ -97,27 +172,27 @@ function defineCustomElement$1() {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-counter-dispute":
+        case "justifi-customer-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-customer-details":
+        case "justifi-dispute-management-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-dispute-management-core":
+        case "justifi-dispute-notification":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-dispute-notification":
+        case "justifi-dispute-response":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-dispute-reason":
+        case "justifi-dispute-response-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/module/justifi-dispute-response-core.d.ts

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

package/dist/module/justifi-dispute-response-core.js

@@ -0,0 +1,6 @@
+import { D as DisputeResponseCore, d as defineCustomElement$1 } from './dispute-response-core.js';
+
+const JustifiDisputeResponseCore = DisputeResponseCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeResponseCore, defineCustomElement };

package/dist/module/justifi-dispute-response.d.ts

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

package/dist/module/justifi-dispute-response.js

@@ -0,0 +1,6 @@
+import { D as DisputeResponse, d as defineCustomElement$1 } from './dispute-response.js';
+
+const JustifiDisputeResponse = DisputeResponse;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeResponse, defineCustomElement };

package/dist/module/justifi-gross-payment-chart.js

@@ -2,10 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as config } from './config.js';
 import { A as Api } from './Api.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$2 } from './gross-payment-chart-core2.js';
 
 class ReportsService {

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

@@ -2,13 +2,12 @@ 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 { 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 './payment-details-core2.js';
 

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

@@ -1,17 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, e as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
-import { d as defineCustomElement$A } from './custom-popper2.js';
-import { d as defineCustomElement$z } from './form-control-checkbox2.js';
-import { d as defineCustomElement$y } from './form-control-date2.js';
-import { d as defineCustomElement$x } from './form-control-error-text2.js';
-import { d as defineCustomElement$w } from './form-control-file2.js';
-import { d as defineCustomElement$v } from './form-control-help-text2.js';
+import { d as defineCustomElement$y } from './custom-popper2.js';
+import { d as defineCustomElement$x } from './form-control-checkbox2.js';
+import { d as defineCustomElement$w } from './form-control-date2.js';
+import { d as defineCustomElement$v } from './form-control-file2.js';
 import { d as defineCustomElement$u } from './form-control-monetary2.js';
 import { d as defineCustomElement$t } from './form-control-number-masked2.js';
 import { d as defineCustomElement$s } from './form-control-select2.js';
@@ -57,6 +54,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.postProvisioning = undefined;
         this.getBusiness = undefined;
@@ -99,13 +97,13 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '82b3601d3349a92bed1aa93e2a847039d7493c04', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '845a347f0aead4523515a3a6d34ce7a08cda278a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
         "businessId": ["propChanged"]
     }; }
-}, [0, "justifi-payment-provisioning", {
+}, [1, "justifi-payment-provisioning", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "allowOptionalFields": [4, "allow-optional-fields"],
@@ -120,7 +118,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -128,31 +126,21 @@ function defineCustomElement$1() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "form-control-file":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }

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

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

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

@@ -0,0 +1,94 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { l as lodash } from './lodash.js';
+import { q as queryParams, c as clearParams } from './payments-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$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 PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListFilters extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+    }
+    get paymentStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Pending', value: 'pending' },
+            { label: 'Authorized', value: 'authorized' },
+            { label: 'Succeeded', value: 'succeeded' },
+            { label: 'Failed', value: 'failed' },
+            { label: 'Disputed', value: 'disputed' },
+            { label: 'Refunded', value: 'refunded' }
+        ];
+    }
+    render() {
+        return (h(StyledHost, { key: '9cd31c52650516e81343bf13c3e18ed96258bc57' }, h("table-filters-menu", { key: 'eb1abd1876bd3bf52e04108e680c2b006338514c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '2787fa1c460d45a5d66efe5a2f3ef25333ec9201', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f7f599337b113e9aad1c72fdb4dd88c3dec92a63', class: "p-2" }, h("form-control-text", { key: 'ee692c59649fcbe4ec0e7e5bef891d5145ac4d35', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '1dce20fc5bb6a69e06e7960349e6f5623d5eef66', class: "p-2" }, h("form-control-text", { key: '2a84495e90b49bfa51912251d6c5804646248f7b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'bbd95d93ddb713a4ae90876b735e4f88ce6abfef', class: "p-2" }, h("form-control-select", { key: 'ce1b6ac3d27149b013c937e3bdb43257a6f16c86', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: 'ae3b27ef30ded613a255c688162a3ff561a5f5d3', class: "p-2" }, h("form-control-date", { key: 'eaefc349011d12e5f950ad12fea24507dee9516f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'f52daff95da491a911be96d8c0f3a6dc395a95c6', class: "p-2" }, h("form-control-date", { key: 'cb8d8b5a424c3a1ca36c52608d89948d88c54cb5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+    }
+}, [1, "justifi-payments-list-filters"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-payments-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-payments-list-filters":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaymentsListFilters);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-text":
+            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 JustifiPaymentsListFilters = PaymentsListFilters;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiPaymentsListFilters, defineCustomElement };