@justifi/webcomponents 5.3.5 → 5.4.0

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

@@ -1,4 +1,83 @@
 import { p as packageJson } from './package.js';
+import { A as Api } from './Api.js';
+
+class AnalyticsService {
+    async record(body) {
+        const endpoint = 'analytics';
+        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).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);
+        };
+        // dont track analytics in local or storybook
+        if (window.location.origin.includes('localhost') ||
+            window.location.origin.includes('storybook')) {
+            return;
+        }
+        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');
@@ -19,4 +98,4 @@ const checkPkgVersion = async () => {
     }
 };
 
-export { checkPkgVersion as c };
+export { JustifiAnalytics as J, checkPkgVersion as c };

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

@@ -6,12 +6,11 @@ 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 Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.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, 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) => {

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: '1ea99d6aaa69619c4c1120c1f2fc4e0fcc1cc802' }, h("style", { key: 'b8a785d6c4dc1de3459aa84e8fecc2170c1c52cf' }, `
+        return (h("div", { key: '0da182c59e8285f0ab76d2f667218c378a402518' }, h("style", { key: 'a5cec35dd7cbe6474627f22837703e53711c104b' }, `
           .popper-content {
             display: none;
           }
@@ -1884,7 +1884,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'fbd29d61602df70db874c80749397b40426f967a', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a75954430d14e1eb0a070650495a2c8e87bbb31d' }))));
+          `), h("div", { key: '657fcfafffda783f7b57af10256fb45c7c8720c9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4cf71afd1ef0e9a24a7d56c118e420d27de31e26' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/dispute-response.js

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } 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';

package/dist/module/event-types2.js

@@ -1,3 +1,57 @@
+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";
@@ -5,4 +59,4 @@ var TableClickActions;
     TableClickActions["previous"] = "previousPage";
 })(TableClickActions || (TableClickActions = {}));
 
-export { TableClickActions as T };
+export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };

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: '6eb5805f9001ba5f27590a8f709c611bcb491cc7' }, h("div", { key: 'f8b4ee1c24087c1bcb65ac7df4874916c7dd36ad', class: 'form-group d-flex flex-column' }, h("div", { key: 'a41d4b50c7c5d2bdd6008a441d29eba5f8f94b9a', class: "form-check" }, h("input", { key: 'd6124d672dda656b4dc9061176c37f8f14d101c8', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '36192fe5f4e99ccc8cb77b6a0058d68427b6dc79' }, h("div", { key: '3fd77dbca4264579b0e4293bc537dea99a9e325b', class: 'form-group d-flex flex-column' }, h("div", { key: '737b2076e66604ce3fc1b141deb1909a8ac2be27', class: "form-check" }, h("input", { key: '3d606b0c14eda0ffba58bd844b75e3ca23f0a611', 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: '429ce242775f3ff5a7dda515bf57cd0780de8fdf', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '4680da9893c1015cb53a85250eb906a07551fdcc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ed5178fe1bd5cd501ef5ebadcf9e49580b1d2bda', 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: '2a8af56e9bee18f4252ea436ae76d65128ee1648', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '013c9b143992a088692de81b623bffb6b4e5f06f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0b6814622ff6d0a61d251aea399600ead731ad1a', 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: '5360f4917c4af8d4e40522a25e838703d8374480' }, h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', 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: '39efc4cf0cf20cd611c775f1e47ace6b445eab99' }, h("div", { key: '82de246b4d67f3c1a234987c3d9259e8ed7fb3e5', class: "form-group d-flex flex-column" }, h("div", { key: '033c637f965aa750c6130504f70f7fabb9d1a9da', class: "d-flex gap-2" }, h("label", { key: 'ce384aeee225254eac66cfcb6fbe8b6b5677cd5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a8195ae52a1904bcdaa0ee082b77164bb399e5bc', helpText: this.helpText })), h("input", { key: '07bb64ebf4727c892bc5e873d6b8327cb0e89430', 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: '01217373b82eee84fae370f504cfee157c6f83ec', 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: '783b7b021819a5c26441a438be7b83dabb4cfce1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -19,7 +19,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '1d12d202fde10e242d835ad9cf1baf037bf08685', exportparts: "label,input,input-invalid" }, h("div", { key: '3a1d62634eb422bb81d693edc7bf7209095031aa', class: "form-group d-flex flex-column" }, h("div", { key: '19a28fe026bdc3950cceef5985f706bc65a8a036', class: "d-flex align-items-start gap-2" }, h("label", { key: '7ef8d2699382ec129538afea93e7fb99e075755e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ac6fa865cb28cae95fb235984c1b8b390ed7a4e8', helpText: this.helpText })), h("input", { key: '46f3596ff86814fc15ee189c5261b74b1a163555', 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(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'ad1c1e9b8066cc536530423ecc1ee62a6605590b', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '4dff12fa7d0cb33919c39db34bbc0957fdd5653f', exportparts: "label,input,input-invalid" }, h("div", { key: 'ae39b30919625c00463cbbd5bf5172a93b7bd9f1', class: "form-group d-flex flex-column" }, h("div", { key: 'f0d20dd0d0c3bed154c220722598dfe41dc4cc45', class: "d-flex align-items-start gap-2" }, h("label", { key: '768f21bee9cf3e87caacd08ebd7506d01550f206', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ee446659b7b9503678c16f14a49d564ca8caf27a', helpText: this.helpText })), h("input", { key: 'c7eee6e890f87be8a3af204fcdb1cd5d032e5419', 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(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '5a87d616b1b4be16b32b69d315f07b05d8d060bc', 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: 'b42a36acdd4b1ccbe38d3f990c1ad75dcdca427c' }, h("div", { key: 'b77e933e6ec75850cd4f81136ed6c7b1e9d4eab8', class: "form-group d-flex flex-column" }, h("div", { key: '1d106fa3f984f9339be5d532e9909e802506a070', class: "d-flex align-items-start gap-2" }, h("label", { key: '015b1ec3a10e9e6085a07d82a6f50049b33ca72a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7b1920d7910a8cdea94f2264f4525abd6ce12b04', helpText: this.helpText })), h("input", { key: '7fd8b89dc312b0fa773ca3f1286146906dcbcbc9', 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: 'ffd39ec9c5c98ba6d51f30fe3f0877807b9218a2' }, h("div", { key: '8d95c947132661088128a20350cb8823eb50aaa1', class: "form-group d-flex flex-column" }, h("div", { key: 'c494f917ca23d99c6dafded70156a62610764223', class: "d-flex align-items-start gap-2" }, h("label", { key: '8a6ba2787312c3a6e1e531bc05e4459aaecb6229', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5b68e00507d2211fcc481f007c701179eb4bed78', helpText: this.helpText })), h("input", { key: 'd75a0df1951b215b60cee837b102f1b0522cc810', 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: '5747821abcfedb2bf33a65907f333ea48478c37a', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '10231eb3448127011aca32c2e653d7974ab27e2e', 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: '83294146c6f3ae050163857d50b844539397553a' }, h("div", { key: '07251dfdad902a9a80515b3cc5fd3d66ea623e0c', class: "form-group d-flex flex-column" }, h("label", { key: '96b4419c336b6b75183692f9233759c5f703dc3f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3f4acb21a8d950365446153df63031698032cbf6', class: "input-group" }, h("span", { key: '9d33e13f2740d2c8326eeae18d77210a32436a44', class: "input-group-text", part: text }, "$"), h("input", { key: '8521bd07c63e502699088e45d41f953b28b5fbbe', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8389bbed996b97a2e4c7536a3f31f8b4873651e4' }, h("div", { key: '0cc9d812e034c7017ea49fdb91bcd399ac3112cc', class: "form-group d-flex flex-column" }, h("label", { key: '04bf1b6ab410d6236a8d2ea47364c844a557f3fc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bc77863e0a0dc4472c62d98fbca50da4b683b14d', class: "input-group" }, h("span", { key: '28e7f0f65529fab762846711cf681b105546a04d', class: "input-group-text", part: text }, "$"), h("input", { key: 'edfac6a9f10b1914299a6f42497ebb26659717d3', 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: '8158ef70a7e3179433bf0d06b6ab3ac84cc99432', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2ff89c0f5b9667b7a93f580891f1e314528c5d14', 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: '9c28f25c98432c07678698e53b219d17d3d847a7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8cd3f89e1efd87fd0209cb5e6cd525b916de073a', 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: 'ce4be8f8dbc45d56729f8dc410782d543d6d36bb' }, h("div", { key: 'f541c120af578d82943b6ad74d0b9c3072b885ff', class: "form-group d-flex flex-column" }, h("div", { key: 'bcb14b211d16aae90f30a9668988dfe9c8828b1d', class: "d-flex align-items-start gap-2" }, h("label", { key: '00e7d4b05a71de70d6b835c6c7bafefbdc9c334e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e327c42167cc82a32761759a51f8894f615dc682', helpText: this.helpText })), h("input", { key: 'fe0a584dba22642e87bb7ed60289e33ca9d68a5b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '33803369123a612e3a59159eca88fa851cc4bdda' }, h("div", { key: '4ec22ee1c45e050bb3c82465620f4195f0ee9f78', class: "form-group d-flex flex-column" }, h("div", { key: '54f8150c131f9e1d591e893ff850014f986ca4ce', class: "d-flex align-items-start gap-2" }, h("label", { key: '10adc8be977ddc13488f86e62d43e15cc27e8061', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'db05a1e10871fcb9cf7bf425963b57a802e8258b', helpText: this.helpText })), h("input", { key: '05e6000baf931e6bd51eb44a149613bdad453080', 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: 'b0c95b90958073dd5c695dad53618536a1f0ddae', 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: '82ec36209485f448694614454cbddfffa1acca9e', 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: '7f0a9eb69396c743a326a7c800c1a44758e9021e' }, h("div", { key: 'c6690d26559078214bc996c67d9d7822d8602b40', class: 'form-group d-flex flex-column' }, h("label", { key: 'b7fa671a2f4c16b748c266433ac8b3f0106a667f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '487e6a423ba4f215f0c6937f83623d2c7fade9d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bd8c24f0c1209334fde787d8dc7402e75ea1d91b' }, h("div", { key: 'd49ef47d17045ab070005a04a9edc5b11ba1b879', class: 'form-group d-flex flex-column' }, h("label", { key: '49bfca8efbaa753dae1f862f5490ab8943c6a9fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '3b4ef4300374a4cdd37f85e2155fcc26d357fdca', 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: '1013d3b9060dca903372a6a15e340b0e07d011e7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4911a0cd712df5789e9ebde0e10e8e0e323f908c', 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: '4bdb8dc58c7143ccdbcd50568784b62217459ba9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0e5a0df13a356fe03dc389fc4bf6eba9000597fc', 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: 'bfa0d204b4a34281c66a890e74d2cbabdde704b9', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2d9e0158d35806119570996eb33b261e163f66b', class: "form-check" }, h("input", { key: '08de0c12111ed8a20c763c9b1e3b503ee069c6df', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6ac053e94a211ac008c55ae97f3e1b22d76a9557', class: 'form-group d-flex flex-column' }, h("div", { key: 'fe44896b709219947f63d47ea3c8318bd7649bc0', class: "form-check" }, h("input", { key: 'c56759dc4c85da7cbb2e62b6a7eb2648cd42c278', 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: '24fb4d3d6308992b65b0346dff2fd87865b1a244', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'a70371f57745f7b1929f75610bb8a769bb99a515', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3860ec0a17a2775905e268739564791925a87fb9', 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: '97949ce6465290e528e21575d3fbd4785c3568a7', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'd521e8eae3d7602f59934373c36dab803fcdefd3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2851bc02a7fbb665086e54f2fade679c357d34e6', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

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

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5fd5420403a86c3a3cd1051bc195ce2aad1efce1' }, h("div", { key: 'd145ef0c3ef1ac6e5d5bce4faf6dd19a6e96b34a', class: "form-group d-flex flex-column" }, h("div", { key: 'a4f8efe5b6d8862388ac3a564ebe7522e3b5643a', class: "d-flex align-items-start gap-2" }, h("label", { key: '3e3d0f3d8ba2e32e9b18002e5884ccadd2ca8194', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '199ddd92c25bfa7ac6cde94bfe40087645ee3370', helpText: this.helpText })), h("input", { key: 'f960d4968f7c71b7eaa69610b16462ee84e62b91', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fde1ad44fc7048a5387f1b4cbaef5e33a4c835e9' }, h("div", { key: '6b91df1b992a5505b490fff460d21f4a9d12a816', class: "form-group d-flex flex-column" }, h("div", { key: '2605c7cbe333c8b68f861c44ca72e4b0cbd647c8', class: "d-flex align-items-start gap-2" }, h("label", { key: '603202cacc1ae6ea0210e6600791f7a9c9e87777', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3024f26b2ab58737422f644714cc2ee36933ac0', helpText: this.helpText })), h("input", { key: '46c19900a311b88b41c25533d6a6d4cbbb727be5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9eda3817d987fac142a584d95b6242950658eb5f', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '1f4d9ba0fe5df28d0c576b5501df94350eeddeee', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'bd2917d7d1b655c1c901a3a3de5d7184fedb1c3d' }, h("div", { key: '87e1651c5cc4ad9d88bcfc29278d797e30e285e0', class: "form-group d-flex flex-column" }, h("label", { key: 'ea65895b454b1f92550100849354ee0a63493501', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'f069eee75bbebc663e18648c441969e4c0893b61', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4c7cefde1aa87f6300e8a8addc4526924a289430' }, h("div", { key: '650f5d14e0238bc8189935ddaf11dab193b8b0c9', class: "form-group d-flex flex-column" }, h("label", { key: '5a1b3d23c4362344ca440cea94a51a50645e3b12', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '20b1055d4d6ebe28014c039ed007aa807a314ff9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '804bc50bd1fa9763a23ccff43c7afb0485a0ef4c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '42b936fd91f1b7b2d0fea7e08b393e28bd83d07c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'f5e16b2e1db3865366ae00188eef913b5639c3ca', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f0c3f58e74bf08be61216813ae55be1a7e334fdf', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/hidden-input2.js

@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '68a2c54e46bbac93bee4a47e94d73d88104fb22b' }, h("input", { key: 'b558c0fe75e6c6cdd394a74e7abb4d6da8e7f4e9', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'd159a6bed8e3d1ea974ce2abab1d6fd1ff233c86' }, h("input", { key: '68142d8e2cace690b0f3940730d67d6b0b95c046', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1614,10 +1614,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '8bd5db2440fd1b9fac9cc543351dc131b275848f', class: "form-group d-flex flex-column" }, h("div", { key: '5cb9d0b36e11eecaa83aaece84cbfa6255adc5ec', style: {
+        return (h(Host, { key: '04753fb11bc73c5d62986e8a8da30290ad9ed57a', class: "form-group d-flex flex-column" }, h("div", { key: '3c8e8df43e94ec2a4d7749a31fd05b913f0c3018', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '4bbf84b5246bae6b6951e7148b75cd5aea31f085', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b9322c63b4d85cb7622bba2d2f2c5860d7ecc11a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'fdec589df0be0aab897c06f97b028791d9311ff7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '3604c232c38a73c555d1a0e7f574a7608a490862', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '019c7844dcc29bc0ec39c3db999df25dabd06750', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '1898018d792bc1d17bb8894d0c038e98ac8065a7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1627,7 +1627,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '86d9464628d833e2526b50648eb87abeec20b24d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '525d1fca8fdccc481aea9cbb6e8040b2c06b53ea', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

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

@@ -3,8 +3,7 @@ import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$7 } from './additional-questions-details2.js';
 import { d as defineCustomElement$6 } from './business-details-core2.js';
 import { d as defineCustomElement$5 } from './generic-info-details2.js';

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

@@ -12,12 +12,11 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { a as Business, b as BusinessFormServerErrors } from './Business.js';
-import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';

package/dist/module/justifi-checkout.js

@@ -2,8 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.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$l } from './bank-account-form2.js';
 import { d as defineCustomElement$k } from './billing-form2.js';
 import { d as defineCustomElement$j } from './card-form2.js';
@@ -92,7 +91,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = "https://components.justifi.ai/v2";
+        this.iframeOrigin = "https://components.justifi.ai";
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';

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

@@ -6,8 +6,7 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
-import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.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';

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

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { D as Dispute } from './Payment.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';

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

@@ -3,8 +3,7 @@ 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 { 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 {