@justifi/webcomponents 5.3.2 → 5.3.4-rc

package/dist/module/check-pkg-version.js

@@ -1,78 +1,4 @@
 import { p as packageJson } from './package.js';
-import { A as Api, c as config } from './config.js';
-
-class AnalyticsService {
-    async record(body) {
-        const endpoint = 'analytics';
-        return Api({ apiOrigin: config.proxyApiOrigin }).post(endpoint, body);
-    }
-}
-
-/**
- * @class JustifiAnalytics
- * @description A class to track analytics for a component
- * @param { component } ComponentInterface - The component to track
- *
- */
-class JustifiAnalytics {
-    constructor(component) {
-        this.handleCustomEvent = async (data) => {
-            // Track the event
-            await this.service.record(data);
-        };
-        this.service = new AnalyticsService();
-        this.componentInstance = component;
-        this.setUpBasicData();
-        this.setupLifecycleTracking();
-        this.trackCustomEvents();
-    }
-    get resourceId() {
-        return (this.componentInstance.accountId ||
-            this.componentInstance.businessId ||
-            this.componentInstance.paymentId ||
-            this.componentInstance.payoutId ||
-            this.componentInstance.checkoutId);
-    }
-    setUpBasicData() {
-        this.basicData = {
-            component_name: this.componentInstance.tagName,
-            component_version: packageJson.version,
-            client_user_agent: navigator.userAgent,
-            // navigator.platform is deprecated, use navigator.userAgent instead
-            client_platform: navigator.userAgent,
-            client_origin: window.location.origin,
-            resource_id: this.resourceId,
-        };
-    }
-    trackCustomEvents() {
-        this.eventEmitters = ['submit-event', 'error-event'];
-        // for each event, add an event listener
-        this.eventEmitters.forEach((eventName) => {
-            // if this.componentInstance.addEventListener is a function add the event listener
-            if (typeof this.componentInstance.addEventListener === 'function') {
-                this.componentInstance.addEventListener(eventName, (event) => this.handleCustomEvent({
-                    event_type: eventName,
-                    data: Object.assign(Object.assign({}, this.basicData), { error: event.detail }),
-                }));
-            }
-        });
-    }
-    setupLifecycleTracking() {
-        const originalComponentDidLoad = this.componentInstance.componentDidLoad;
-        this.componentInstance.componentDidLoad = () => {
-            this.service.record({ event_type: 'init', data: this.basicData });
-            if (originalComponentDidLoad) {
-                return originalComponentDidLoad.apply(this.componentInstance);
-            }
-        };
-    }
-    cleanup() {
-        // Remove event listeners
-        this.eventEmitters.forEach((event) => {
-            this.componentInstance.removeEventListener(event, this.handleCustomEvent);
-        });
-    }
-}
 
 const latestVersion = async (packageName) => {
     const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
@@ -93,4 +19,4 @@ const checkPkgVersion = async () => {
     }
 };
 
-export { JustifiAnalytics as J, checkPkgVersion as c };
+export { checkPkgVersion as c };

package/dist/module/checkout.service.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -9,11 +9,11 @@ import './Document.js';
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
     }
     async fetchCheckouts(accountId, authToken, params, apiOrigin) {
         if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
+            apiOrigin = "https://wc-proxy.justifi.ai";
         }
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
@@ -28,7 +28,7 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
     }
 }
 

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

@@ -6,11 +6,12 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
 import './details.js';
 import { b as formatDate, d as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { o as onQueryParamsChange, q as queryParams } from './checkouts-list-params-state.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
+import { T as TableClickActions } from './event-types2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const MapCheckoutStatusToBadge = (status) => {
@@ -111,7 +112,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
     fetchData() {
         this.loading = true;
         this.getCheckouts({
-            params: this.requestParams,
+            params: this.checkoutParams,
             onSuccess: async ({ checkouts, pagingInfo }) => {
                 this.checkouts = checkouts;
                 this.paging = pagingInfo;
@@ -158,9 +159,10 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get checkoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
@@ -181,10 +183,9 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '525904319e2827a04ccbd44f83881504ddeba992' }, h("div", { key: '30c5800d270fe77e2a396b6379273a0639d4221e', class: "table-wrapper" }, h("table", { key: 'f8a66cf99bf0dc185d0cc541e3d38f4b68b136be', class: "table table-hover", part: table }, h("thead", { key: 'c47c664e4bc8526b494d089b8e1198dfe27fa4fc', class: "table-head sticky-top" }, h("tr", { key: '645aca7f2610bd3b86c8e775edf264c9f53c7f6f', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '79a046fced553f214e55d56c401211d0d682394e', class: "table-body" }, h(TableLoadingState, { key: '654f967a8b9552213a232d35e74d2700cc237cfd', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80d985f6055e254262653e240b0d16a2e46123d0', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a99fa4e4f370b70cc927a9b3e65d54828e56e448', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '619b3f952c5e6f8e1c612927b5d976ea6e4cffe7', class: "sticky-bottom" }, h("tr", { key: '5fb77b80e4c52154c658bbd2ebc8de9d8bc903aa', class: "table-light align-middle" }, h("td", { key: 'a5d1d6d1cf164681ad7a5f59bf4ae9a70e94911c', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ce6e17ee3d3a6a3f513dedef209e9d4f2d7eff31', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'ae6d3dfefad89fcd28b2ad883a1d1172fffd2218' }, h("div", { key: '91329a7880cd774c71cf30722b7be49b8a0109e9', class: "table-wrapper" }, h("table", { key: '75f974cc2140089a7a42738ef0cd3bd67729ca8d', class: "table table-hover", part: table }, h("thead", { key: '6aaaee8db285ca1b94cea662f62a51040f2a0f06', class: "table-head sticky-top" }, h("tr", { key: '68215e0698b97a8389083a521bd8a493c410a196', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'b3aa9bd464fda772fae2e191e1cc4f4612bd514b', class: "table-body" }, h(TableLoadingState, { key: 'a874602fb597ee55def35b80474bd2228b918200', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8c30048e8766be8ca14fbbd6f990aac019904b26', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c567bbca2ebbdc42dcfa6c07ae2c61b538643cb7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f02cd5b963f2c087b1a8ab60f25f6b1081e735aa', class: "sticky-bottom" }, h("tr", { key: 'a651ab932931db6a4ad42888a9b43e7b89a58495', class: "table-light align-middle" }, h("td", { key: '1fde503bccc4e79454d5786fac8f82bea67618e1', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6237a008bc148f44aa7e159d530470c5114b32e4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getCheckouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],
@@ -202,7 +203,6 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         "paging": [32],
         "pagingParams": [32]
     }, undefined, {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getCheckouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],

package/dist/module/checkouts-list-params-state.js

@@ -1,10 +1,16 @@
 import { c as createStore } from './index2.js';
 
-const initialState = {};
-const checkoutsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = checkoutsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    checkoutsListQueryParams.reset();
+    filterParamsStore.reset();
 };
 
-export { clearParams as c, onQueryParamsChange as o, queryParams as q };
+export { clearParams as c, filterParams as f, getRequestParams as g, onQueryParamsChange as o, propsParams as p };

package/dist/module/custom-popper2.js

@@ -1876,7 +1876,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'd59371a35f7215a7e93678b3e8ed37a7900ae294' }, h("style", { key: '70630b46ad7933447a8ed41d3dc7f304600be42a' }, `
+        return (h("div", { key: '1b95226961006ba80bb96911078f7cde90f32def' }, h("style", { key: '3b20790da8600b3835e5874acab8cd49a741dbfa' }, `
           .popper-content {
             display: none;
           }
@@ -1884,7 +1884,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '94b22314d2bcf4ac41ab3239758b2421945de604', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '5c6af2fbf398b3377323f1a78b394ef5eb702463' }))));
+          `), h("div", { key: '05d166976a3aa254c1d0722c272bd9b0adc24862', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '95d3a563a9d7a1598ec35c8042a9a1088070a4bc' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -49,7 +49,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'd2de3bd04c9669399f9fedec4399a05ac310ed69' }, h("div", { key: '3f04107b1e74560103db25f99b03cd585b3421bd', class: "row gy-3" }, h("div", { key: 'e421dc7b298895407fbbb6148d67effcea8bc723', class: "col-12" }, h("h2", { key: 'bc4c8e02aad8233978b8fb23f2387d140cacd85f', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9d578e5a681c449da348dff753809458e1389152', class: "col-12" }, h("form-control-text", { key: '7da1bb3641095a93b504b37d972e0a25bcee5131', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f5f43784fb15dbdbe1dbd747c692d5a1d39b0c4e', class: "col-12" }, h("form-control-text", { key: '1caa70711c25f25b0b517c821852b21f6fa9b69e', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2f2ef97ac330b9a43deb257c10132260747f8faf', class: "col-12" }, h("form-control-textarea", { key: '11ede0b16ac7b8a2891ed10eaa89b3310b7aca93', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '421f0e76563910baac247673ca0d73b79e46b071', class: "col-12" }, h("form-control-file-v2", { key: '0b22b4a895f35a99d529a1a6b29873010ff727a6', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'dc7419f81931ca5d076ac0aa2aca59109f9b6e20', class: "col-12" }, h("form-control-file-v2", { key: '6dd57aa10711fcd2f1abc4a0f926ce47b31d78f6', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '7c8bb0293eee2006e4e8e7aa65a692b3ce211c43' }, h("div", { key: '677de6f4bbf636dbbba97f5a188b076985fc6f0a', class: "row gy-3" }, h("div", { key: 'b1044548517ab9bc2f8a873965e1f81fd98a6216', class: "col-12" }, h("h2", { key: 'e3c6706441eee0adbfdf540528511353686d1fb9', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '2e5e5eda8c07941358a02430aa06bcd4ce13a5ca', class: "col-12" }, h("form-control-text", { key: '6271fd7c5def3e501501f5a8af00bcbc77b5e67d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '4347830601eda422e863cbdd70cf4d9862d19fb2', class: "col-12" }, h("form-control-text", { key: '4dbb512ac5a81de067d2fb9c2b9edeffda1f199b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'ee16ae4bd2ea9c4e3949af9705e05fd6709b7f5d', class: "col-12" }, h("form-control-textarea", { key: 'd2339c6ebc8ffbe24f68ce079f0d623f7107cf29', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'eff1fb76a8cab96b0fba6e7b8a1aab2b6dc405e7', class: "col-12" }, h("form-control-file-v2", { key: 'ece727a3d010e0ba4741874992ed3e92d711b338', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'b585af6033d79e16a71ff8ff9ee34176910ae109', class: "col-12" }, h("form-control-file-v2", { key: '74473ea1ac14a7efaa4a0032bea1d2c4b5ca6339', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -72,7 +72,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/module/dispute-notification.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
-import { t as text, a0 as heading4 } from './parts.js';
+import { t as text, a3 as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
@@ -44,7 +44,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '68411e62bb5c8048e995906a5f30ef1001a0bc5b' }, h("h1", { key: '565feeac6e7aca35a0b72c9128c1edcb0d6a85b6', class: "h4" }, "This payment was disputed"), h("p", { key: '68371d393c1f4053f19827c6e46978b3d73d2873' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '99d10bf25e730dda4f4596efa100b4cff7ddc0c8' }, h("h1", { key: 'd5c6252c4236f2e5b93925db8c9a40bab6c0253a', class: "h4" }, "This payment was disputed"), h("p", { key: '773d083786d795fee7f7818f34414a7d1459925c' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'cb6185865417d70ab67734db37b880f67160ea62' }, h("h1", { key: '96dfe178f6d5de97f190f0df6bb0bf19e7b04227', class: "h4" }, "This payment was disputed"), h("p", { key: '4f6e8bdd940b69d34c1d84564b83f0a1f8c76059' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '3852f5221f59739d5079ad0e56b99409167678b0' }, h("h1", { key: 'f6052feaabc3b94c727465a8f02534805ba968c8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b0c91b828828842bf7a706e794124d0a8404c25e' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
 }, [1, "justifi-dispute-notification", {
         "dispute": [16],

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

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -10,19 +10,19 @@ import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 class DisputeService {
     async fetchDispute(disputeId, authToken) {
         const endpoint = `disputes/${disputeId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
     }
     async updateDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
     }
     async submitDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
     }
     async createDisputeEvidence(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/evidence`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).put(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put(endpoint, payload);
     }
 }
 

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types3.js';
-import { a0 as heading4 } from './parts.js';
+import { a3 as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
 import { d as defineCustomElement$e } from './form-control-date2.js';
@@ -175,7 +175,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '672d92a8ac0fb7f28ab9f412ae4f3516a29824dc', class: "row gy-3" }, h("div", { key: '32113215c9eb6393d8d816f88715390fb5d9d604', class: "col-12" }, h("h1", { key: 'f224caa363ebd00d678485fd4cd2d1c646d6d8f5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '49e6046f57a9b30e6746f28512cf311f1999bcc3', class: "col-12" }, this.currentStepComponent), h("div", { key: '6d843d19c9bf7ee026981bdc2ffd5108c25c741a', class: "col-12" }, h("div", { key: 'dd52a249cc37b3cfc912e04502caf96218cade78', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [0, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],

package/dist/module/dispute-response.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
 import { d as defineCustomElement$f } from './form-control-date2.js';
@@ -39,7 +39,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         this.authToken = undefined;
         this.disputeId = undefined;
         this.disputeResponse = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -80,7 +80,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f45d96fd372763ebc3f786c1d2f7e06e25185afc' }, h("justifi-dispute-response-core", { key: '8b551f97d8cb40f3f9e702a35b221faa8873e642', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -48,7 +48,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '00e332511293230ea1edf4c1ab3b5cae779cb11a' }, h("div", { key: 'd5273559c1cce126dadba74d7cd9296a06f9eab7', class: "row gy-3" }, h("div", { key: '0a8ed20053241dbb3e6a2e6255f72b99f4d71462', class: "col-12" }, h("h2", { key: '56be236c466893ca5bc3cf73cf345feeae5f25fc', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'bc0018fd6f471571f9a6e6c5fdbc131c48610773', class: "col-12" }, h("form-control-text", { key: '4bc56e12c31ab7189b879f58917cd373652b7a79', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f61547b546a44f04c8dd82c38c92fd221018a3ca', class: "col-12" }, h("form-control-textarea", { key: '1cb31176ebafb0f8641d96b5844cf8d8f09d5c59', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '86dbe8df7121c7c9e33d56785da70ff3204eab9b', class: "col-12" }, h("form-control-file-v2", { key: '38d6050f68271d8969fdfb652d571e2eeb0646fd', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3714de9262cead1d09db56792ba11b3357f54a0a' }, h("div", { key: '10d1612387d0d5085a1e98b761a59eff4fb8d9a9', class: "row gy-3" }, h("div", { key: 'b69b5b378e9104c5aa413a7099868b8376dac04c', class: "col-12" }, h("h2", { key: '39c935c74773c20de95b7f735e7efc11e1b16618', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '63531ffa973de2f6948ad61091467661cd22c917', class: "col-12" }, h("form-control-text", { key: '8a1346115f3e3c1e12e6b6fc50d816829dd218f6', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '7f6f5ba85681e208d2c5727c1d3d6512e43df99a', class: "col-12" }, h("form-control-textarea", { key: '4265b06d5980c7bea096c001f52d80180c20fec5', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '9bdfeb8fd8d334de4bf51d10e76752a28d54ff55', class: "col-12" }, h("form-control-file-v2", { key: '03062c1a7e8e2dc98cc8b43394562720843d4956', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -45,7 +45,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a;
-        return (h("div", { key: 'ed2ef898b32c0dac2ee02f4fe226f3c2c0be1772' }, h("div", { key: 'df8398f845fe434ab523fda4fd19971c09209cce', class: "row gy-3" }, h("div", { key: 'e75fb6dc9d26fa7edf24b6678412fe6a3dba4e3a', class: "col-12" }, h("h2", { key: 'b26c40da6044557558cfef97dc45d216b98e5584', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd96c532cff8eb4dbae7cd7064669164c462122b6', class: "col-12" }, h("form-control-text", { key: 'cce9eeed80d9ce9060c890ed97fb3d34fb94ec34', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '88df79677c7c803aa4c3747669d666169148c71a', class: "col-12" }, h("form-control-file-v2", { key: 'a551b6dca12a447934655bfcb073353abf51e8ac', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        return (h("div", { key: 'a75975ee478e0754c38e67edd1fbf702364f23a7' }, h("div", { key: '32f60518951cd7270901c50b44acf11bde22a041', class: "row gy-3" }, h("div", { key: '8f3aed3249af4852b3ef9d35b5ad09b80947c5b3', class: "col-12" }, h("h2", { key: '7fee82b939aab2131eb573fcf3189aac8a816e7d', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'db919599078f089e70b182b44980a62588ce90cf', class: "col-12" }, h("form-control-text", { key: 'ea3e78ebe16d9def88b08910a700f01f5f5e0992', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'e4d03c158110ef7d10bf290b036536bc654f36ea', class: "col-12" }, h("form-control-file-v2", { key: 'a87c4d1502434b740e41e01a3ddc33d5d069557d', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
 }, [0, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/event-types2.js

@@ -1,57 +1,3 @@
-import { h } from '@stencil/core/internal/client';
-import { r as tableEmpty, u as tableError, p as tableCell } from './parts.js';
-import { S as Spinner } from './spinner.js';
-
-const TableEmptyState = (props) => {
-    const { columnSpan, isEmpty } = props;
-    if (!columnSpan || !isEmpty) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-};
-
-const TableErrorState = (props) => {
-    const { columnSpan, errorMessage } = props;
-    if (!columnSpan || !errorMessage) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-            "An unexpected error occurred: ",
-            errorMessage)));
-};
-
-const TableLoadingState = (props) => {
-    const { columnSpan, isLoading } = props;
-    if (!columnSpan || !isLoading) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
-            h(Spinner, null))));
-};
-
-class Table {
-    get columnData() {
-        return this.columnKeys.map((key) => this.tableColumns[key]());
-    }
-    get rowData() {
-        return this.collection.map((dataEntry, index) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
-        });
-    }
-    set collectionData(collection) {
-        this.collection = collection;
-    }
-    constructor(collection, columns, tableColumns, tableCells) {
-        this.columnKeys = columns.split(',');
-        this.collection = collection;
-        this.tableColumns = tableColumns;
-        this.tableCells = tableCells;
-    }
-}
-
 var TableClickActions;
 (function (TableClickActions) {
     TableClickActions["row"] = "tableRow";
@@ -59,4 +5,4 @@ var TableClickActions;
     TableClickActions["previous"] = "previousPage";
 })(TableClickActions || (TableClickActions = {}));
 
-export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };
+export { TableClickActions as T };

package/dist/module/form-control-checkbox2.js

@@ -45,10 +45,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, h("div", { key: '87a7a3e9d34992d992464b8d6fe8ba712ff32865', class: 'form-group d-flex flex-column' }, h("div", { key: 'e3da6c3971c74163e914f53c9b5a480dbac2759b', class: "form-check" }, h("input", { key: '01af0856f7e2ad919790a7ec8896cb06e3329452', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8161ae3e7ce79824b21b97647b403646dd7d2db8' }, h("div", { key: 'e1aae62dd392cf208c342d727182a4b98dcabbbc', class: 'form-group d-flex flex-column' }, h("div", { key: '582178c2b18f6d535f692d2b1f16e71555bb6f2e', class: "form-check" }, h("input", { key: '531a98078cee60acc5c8838a3ea7ea43c84fe846', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '069d3ee70d0cc1c48092407055e8666a1156e7c6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'bbc6d2e5fdef899236c07738bfa15b51b02c6912', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '456e4ad15ab35e4b68102abfcd058e2d16ac0232', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8a12404a24a3b1c4cbec230444436c80faeba2d8', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '8cda3874473523f86dadc9e1e3dfb3e4448f3a6f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '951395dc28c0af8d35aa8c8f38011204a82eb008', errorText: this.errorText, name: this.name }))));
     }
 }, [0, "form-control-checkbox", {
         "label": [1],

package/dist/module/form-control-date2.js

@@ -58,10 +58,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a2e8ffbb23d128699730acd686fc06ce0ade5270' }, h("div", { key: 'd43b72838047707022bd3527b610eec234af6cd9', class: "form-group d-flex flex-column" }, h("div", { key: '416954342c2113ff1f4fc77cf714852e0bb66527', class: "d-flex gap-2" }, h("label", { key: 'e0c366b390fbb3ef8d183b5ca71935b8274a0b22', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4aa76ce751db6fa45a8f11f8026e68102f484f4', helpText: this.helpText })), h("input", { key: '4022e4c857527cffb19b747815acad73c81025d4', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c1add6b2191a1b3263c12bcbf5d0be368df38dab' }, h("div", { key: '34be414bc3a4499a8fef8de45855ecc1e00edcd4', class: "form-group d-flex flex-column" }, h("div", { key: 'f5198a9aabd0e12c0f1597ac357a433a84ce56a6', class: "d-flex gap-2" }, h("label", { key: '084a1eb6ddfd7b728e0c5402c995b1f561e9cc7d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0328133482e9cc0f3082aa41c143fd21e95ee8ee', helpText: this.helpText })), h("input", { key: '59cbf8ccd7d2a08f38f07c73b1b457eb109d1571', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '31c0122e9737c704b087dbb2a4791fd7965be3c7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'd71b3de2d560c4a44a3a00a7e5f28d9bfc5843b1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -18,7 +18,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '421617186e463989ce9534004e9b59df81f223ed', exportparts: "label,input,input-invalid" }, h("div", { key: 'f3ac5c496a289e0211a249396546e9d6a1840b28', class: "form-group d-flex flex-column" }, h("div", { key: '8f732b62f40a4351462804a6753e235153679cb9', class: "d-flex align-items-start gap-2" }, h("label", { key: 'b8cebb65d6d238253c8710785745cd82419fe9cf', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '10abec154ebc5960a0f72cb2608dbc7b8ea08378', helpText: this.helpText })), h("input", { key: '3df4d0b69f18f4c266a9af0260ec9c7b422d5c7b', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'd657e89c7c9780db8e1c610383054c082fa77822', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '68bfcee3ae8e8baa627c2e03731de655f7a29ef5', exportparts: "label,input,input-invalid" }, h("div", { key: 'a63ff9900d7612d933e35a0fd95335e8abc45ea7', class: "form-group d-flex flex-column" }, h("div", { key: '74124ffdbf2ac3c28299a78469f387c494140db5', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ec6c237392b1b520a5aab9c6f6a9cb328613e663', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '60f734ebac8d88e2e2775deb0433e2dfe3002402', helpText: this.helpText })), h("input", { key: '2859f4d46dcd5a666017fdb6ae0f10a266bdea4a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'c667c4882412d5d43b60beae55e3ebab2c43f07d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file-v2", {

package/dist/module/form-control-file2.js

@@ -56,10 +56,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), h("input", { key: 'cf8374ebefcbe18b73d853c96b703652869ea0af', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '09e633d625a1f8f2233d80e8b999fcd7e4a16f62' }, h("div", { key: 'b788fd0963c0ab62d0f7e236fb47ea86430b522e', class: "form-group d-flex flex-column" }, h("div", { key: '1e7a11e13ec3c386c9f30b5cd38c3afa99c88da5', class: "d-flex align-items-start gap-2" }, h("label", { key: '45cd0d97ae44c32b4d1e0d87187ac1871511c319', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd312e4f181dfb18c0b86048960ec0a333760f290', helpText: this.helpText })), h("input", { key: '73ff59959c75dc99cccddde819ebbeb6bc1de4ab', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'cb9c8bd4f623ebd82bdbd9725805f6038b0e1f8c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary2.js

@@ -70,10 +70,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return part;
     }
     render() {
-        return (h(Host, { key: '467e85f7211d67d6daabfcc8a3531b7ba2a15cb4' }, h("div", { key: '5566df3c8d8f9507acc27a7e47d9c79528928e8f', class: "form-group d-flex flex-column" }, h("label", { key: '5cee3c6dcc1d4e41184d4ad7185b8a8c50f9175a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'e111a7617526080c1d9e2051ff7476a768c8681e', class: "input-group" }, h("span", { key: '359a79709cad258033ee44ca6c4c320be1a85ce4', class: "input-group-text", part: text }, "$"), h("input", { key: '32dda535adca1021e46badb63d8ba064c936bd2f', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c7a92629b644f797bc0c199b66f2b3a7802e24af' }, h("div", { key: 'b21ec4bd76d52d6ebe23de04748b344529bd5e91', class: "form-group d-flex flex-column" }, h("label", { key: 'c1a4d2c44d19a81ea594c36c8ce537956e32f8be', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3c7858f3b1bff3d304e2d6ef4613570307abb031', class: "input-group" }, h("span", { key: '57f667463d22682820a688ff4583429203d35c88', class: "input-group-text", part: text }, "$"), h("input", { key: '8027bd97c1e8974089b9438972e449c9fe00e984', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '560b1ef9506257d411d9d08e4a984195f1c3b948', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7f4243a3d36cdd86129dca92e925e82917825d12', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '2b983d18e5544d78015ce9d9f15ac0fba9991193', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1cbf33304b3243fed47f2d6cc5459010d9502347', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -75,10 +75,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'b99a11bcbe47c9cd1ec7f52ff081b56c7c56fa9a' }, h("div", { key: '2d549b26a4d88b4653a9433de7e0ab6b07aa8f8a', class: "form-group d-flex flex-column" }, h("div", { key: 'a923b55bc2d2bd9d0097ffa452fe46816870aa18', class: "d-flex align-items-start gap-2" }, h("label", { key: 'af645e990ec448bad5d1b8fe2b6b415fb062c129', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bbeaa5fff2964e1f635aab612e1f9b8fa1929d7', helpText: this.helpText })), h("input", { key: 'f1fe3e4749703f7658164e9bb31c500db9699cbf', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '84b2b9707b77df0865ca506c3c974f9974f698e3' }, h("div", { key: '6817ba99efccf056fa28535db39a672cdb18bc0a', class: "form-group d-flex flex-column" }, h("div", { key: '2f0f64dc35352659740292397f82f6490f32b6ee', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f5eff8109b6403b2cdc53e6c0a23538ef3dcb817', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '633b66f6d99fea7688652fa6e5f11e0d68666f69', helpText: this.helpText })), h("input", { key: '3df0af7941cb957ddf3df89f3216a2d3187e1e9d', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9574288a9424638ee0f72731848813863dffe718', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9d634135126b399aea1071fd5cc53784728b01c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -50,10 +50,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '020f9486c87d1ab1f4ecbba08ef8febf889dfbe4' }, h("div", { key: '81d7f8149f287e21c0b41c351defdd528e892218', class: 'form-group d-flex flex-column' }, h("label", { key: 'c2f0799869b0bd31494b85d6cf5db9d0faffbee9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ddad27d6112be528bc94ef3f567674ea36453b59', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8c60e7494ce6878f591699baa07e5a5d562090b4' }, h("div", { key: '49c2ebe33aa6317c5960ab8a1cc1d8998e06ff9e', class: 'form-group d-flex flex-column' }, h("label", { key: '9132628d047ad3c2b243e87b013b77f367aef274', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '25d4df4f8bc7eafde56f8b6aaf77eac3acd78035', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '5a9fc892d50613e7a436e1425f8b90df7e110328', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '9cc21eab8ed0579a31fe4aae543e1ae521127725', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '47d213b459ddfb9d9704d217f82e0d30d3166465', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4835e71589d825d56d36ef99b00fdd877690a04d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -40,10 +40,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '51d99ae29bb26e36a3f2540e6ebbbe0e99a49889', class: 'form-group d-flex flex-column' }, h("div", { key: '0ac89070efef01fe3ee76144f2177db9a55497ef', class: "form-check" }, h("input", { key: 'ef109f542471bb8599590614fce2dec13c932572', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd02a226957e079505a8149565e42883eb0c63e8', class: 'form-group d-flex flex-column' }, h("div", { key: '8951df4569607dc68808b57423566dd1d60caa0c', class: "form-check" }, h("input", { key: '7b2e93768b210191dbb3aa9cf81e2520ffaac5ff', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'aa2a71abec10a6f01961a539f0890f162dfeb10c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '67e5b9fb761adef49988f62f72018fe838c7b0df', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e1b4b9c055869524f4b97da177389322fde6736a', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'fd413c400f607c07d704cfe56d7e304082027d5c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4e7cc2ac52d39092be5e46f1a2df1a7d31f380eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '420052233ae56f98712559707a4372644f915aec', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],