@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/module/radio-list-item2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { u as radioListItem } from './parts.js';
+import { d as defineCustomElement$2 } from './form-control-help-text3.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const RadioListItem = /*@__PURE__*/ proxyCustomElement(class RadioListItem extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.radioClick = createEvent(this, "radio-click", 7);
+        this.checked = false;
+        this.hidden = false;
+        this.handleClick = () => {
+            this.radioClick.emit(this.value);
+        };
+    }
+    render() {
+        return (h(Host, { key: '72ed5a0699e0777e0e9fe64fcf4384ee3a6f1d1b' }, h("div", { key: '0f6565adcc8fecd970e44ee5cd06f15d21cd2feb', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '017390d5dc479fb85b3d4fa493f3aaf292bce7b5', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+    }
+}, [256, "radio-list-item", {
+        "name": [1],
+        "value": [1],
+        "label": [8],
+        "checked": [4],
+        "hidden": [4],
+        "class": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["radio-list-item", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "radio-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RadioListItem);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { RadioListItem as R, defineCustomElement as d };

package/dist/module/representative-details.js

@@ -1,6 +1,6 @@
-import { J as JustifiRepresentativeDetails, d as defineCustomElement$1 } from './representative-details2.js';
+import { R as RepresentativeDetails$1, d as defineCustomElement$1 } from './representative-details2.js';
 
-const RepresentativeDetails = JustifiRepresentativeDetails;
+const RepresentativeDetails = RepresentativeDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { RepresentativeDetails, defineCustomElement };

package/dist/module/representative-details2.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { i as isEmptyObject, f as formatMediumDate } from './utils2.js';
+import { i as isEmptyObject, b as formatMediumDate } from './utils2.js';
 
-const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class JustifiRepresentativeDetails extends HTMLElement {
+const RepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class RepresentativeDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -26,11 +26,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "representative-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiRepresentativeDetails);
+                customElements.define(tagName, RepresentativeDetails);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { JustifiRepresentativeDetails as J, defineCustomElement as d };
+export { RepresentativeDetails as R, defineCustomElement as d };

package/dist/module/save-new-payment-method.d.ts

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

package/dist/module/save-new-payment-method.js

@@ -1,52 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { c as checkoutStore } from './checkout.store.js';
-import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
+import { S as SaveNewPaymentMethod$1, d as defineCustomElement$1 } from './save-new-payment-method2.js';
 
-const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPaymentMethod extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
-        this.label = 'Save New Payment Method';
-        this.isChecked = false;
-        this.handleCheckboxChange = (_name, value) => {
-            this.isChecked = value;
-            checkoutStore.savePaymentMethod = value;
-            this.checkboxChanged.emit(this.isChecked);
-        };
-    }
-    render() {
-        return (h(StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
-    }
-}, [257, "justifi-save-new-payment-method", {
-        "label": [1],
-        "isChecked": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-save-new-payment-method", "form-control-checkbox"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SaveNewPaymentMethod);
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const SaveNewPaymentMethod = SaveNewPaymentMethod$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { SaveNewPaymentMethod as S, defineCustomElement as d };
+export { SaveNewPaymentMethod, defineCustomElement };

package/dist/module/save-new-payment-method2.js

@@ -0,0 +1,48 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as checkoutStore } from './checkout.store.js';
+import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
+
+const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPaymentMethod extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.label = 'Save New Payment Method';
+        this.isChecked = false;
+        this.handleCheckboxChange = (_name, value) => {
+            this.isChecked = value;
+            checkoutStore.savePaymentMethod = value;
+            this.checkboxChanged.emit(this.isChecked);
+        };
+    }
+    render() {
+        return (h(Host, { key: 'a5ecfa60f9f55bdb91343394c1dd5bea542c20ed', hidden: this.hidden }, h("form-control-checkbox", { key: '282476dea11415eeec68336577ff17a5c03baad2', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+    }
+}, [256, "save-new-payment-method", {
+        "label": [1],
+        "hidden": [4],
+        "isChecked": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["save-new-payment-method", "form-control-checkbox"];
+    components.forEach(tagName => { switch (tagName) {
+        case "save-new-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SaveNewPaymentMethod);
+            }
+            break;
+        case "form-control-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SaveNewPaymentMethod as S, defineCustomElement as d };

package/dist/module/schema-validations.js

@@ -1,7 +1,7 @@
 import { a as create$6 } from './form.js';
 import { S as StateOptions, a as CountryCode } from './Business.js';
 import { b as countryValidation } from './country-config.js';
-import { a as businessServiceReceivedOptions, b as bankAccountTypeOptions } from './business-form-options.js';
+import { b as businessServiceReceivedOptions, a as bankAccountTypeOptions } from './business-form-options.js';
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;
@@ -225,4 +225,4 @@ const routingNumberValidation = create$6()
 })
     .transform(transformEmptyString);
 
-export { accountNumberValidation as A, accountTypeValidation as B, nicknameValidation as C, bankNameValidation as D, numbersOnlyRegex as E, routingNumberValidation as F, lineOneValidation as a, paymentVolumeValidation as b, cityValidation as c, dateOfIncorporationValidation as d, industryValidation as e, businessClassificationValidation as f, doingBusinessAsValidation as g, phoneValidation as h, identityNameValidation as i, emailValidation as j, websiteUrlValidation as k, lineTwoValidation as l, makeTaxIdValidation as m, businessNameValidation as n, otherPaymentDetailsValidation as o, postalValidation as p, ownershipPercentageValidation as q, revenueValidation as r, stateValidation as s, taxIdValidation as t, ssnValidation as u, dobValidation as v, whenServiceReceivedValidation as w, identityTitleValidation as x, makeIdentityNumberValidation as y, makePostalValidation as z };
+export { accountNumberValidation as A, accountTypeValidation as B, nicknameValidation as C, bankNameValidation as D, numbersOnlyRegex as E, routingNumberValidation as F, postalValidation as a, lineOneValidation as b, cityValidation as c, dateOfIncorporationValidation as d, industryValidation as e, businessClassificationValidation as f, doingBusinessAsValidation as g, phoneValidation as h, identityNameValidation as i, emailValidation as j, websiteUrlValidation as k, lineTwoValidation as l, makeTaxIdValidation as m, businessNameValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, ownershipPercentageValidation as q, revenueValidation as r, stateValidation as s, taxIdValidation as t, makeIdentityNumberValidation as u, dobValidation as v, whenServiceReceivedValidation as w, identityTitleValidation as x, ssnValidation as y, makePostalValidation as z };

package/dist/module/skeleton.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { s as skeleton } from './parts.js';
+import { v as skeleton } from './parts.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { D as loadingSpinner } from './parts.js';
+import { Q as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" }, h("div", { class: "spinner-border", role: "status", part: loadingSpinner }, h("span", { class: "visually-hidden" }, "Loading..."))));

package/dist/module/table-filters-menu2.js

@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '73f921b9b5ecd46b708103088c1e21cdaf6d22cd', class: "d-flex gap-2" }, h("div", { key: '8afb347ce7cea4cb2a030b066a9ec754606d4cd0', class: "dropdown pb-3" }, h("button", { key: 'd6c2f951ed13929359564e5417e4bbebf4557fc7', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'd2b3e83bf6151270cad7a58e518904b17b09047f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4750d1ac1485fddf3334afe6bbd70a8dcdb79a4b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a990cee903c302a1b99f6ba65995f267dc7636c1' })))), h("div", { key: '8d854bba9dca17b875fb63cc28ce4f0efc26bf03' }, h(Button, { key: '529212aadf246ba9164eed8ad7dc1b6ebddcb867', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { v as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, x as tableCell } from './parts.js';
+import { A as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, C as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

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

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
-import './details.js';
+import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
@@ -9,7 +9,7 @@ import { j as TerminalOrderType } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { w as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { h as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
@@ -165,7 +165,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '5ed13f6d5182b8c0b4306dfdcf1848c0c7a0daad' }, h(TableComponent, { key: 'dc26aa0f638d9bbe6fc7cd610b99165c60e0db6b' }, h(TableHead, { key: 'f811f2d0e7d30dcd2b9a87e0d3a2382cb32c37fc' }, h(TableHeadRow, { key: '52aae5b8d3cb27e9803c1a80f90c78ee212354ca' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'f648b8c5c047cb50dfdac27ec8038da24ac4a661' }, h(TableLoadingState, { key: '8fc30bba3f83418c470f53b647e3476518c330c4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '12cf0cfe75ccb382b10b30f338d7c3ec0365bec8', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '9fc6b5c58b7cfb7371e060497f69896e886c14d1', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '99b405dfc9d5781611d924d9bcc50ca9c39e1cad' }, h(TableFootRow, { key: '7e8c19b85ef6f7f097e30cdae9cf82329a576d10' }, h(TableFootCell, { key: '5b1ab65c79560ecf66b0f50177b9f88fa6346b66', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '97491bdd1b6cf81597e35bb4c17bd99eb685928c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f5539d7232ffae0622211694f56cccb41138c02d' }, h(TableComponent, { key: '1bc37edeb7bc456c911037f36fef12104ad10f7e' }, h(TableHead, { key: '2996ee96df8a41716a8439e73079198883a9995a' }, h(TableHeadRow, { key: '8553c2e768f8c7e45b81ca5bc58854f83b924510' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '480a71ee3bd46b05529d5f13559623aff0fbcc9e' }, h(TableLoadingState, { key: '1d8775dc53fc2ce68eef0cd2a74507f2ca761966', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '85d296df5357b39d367c18483b95671cda80c584', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '234dca2f99c174127834fd0c0709771e0a8e0fd8', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3f8867b439f2e258f2b861b363e4e6ddcc519425' }, h(TableFootRow, { key: 'c9b64263c7047b28eb4a4319a7285bee7898fc56' }, h(TableFootCell, { key: '98c6a8a9d429e5d67657fcc20ffe1304c1312459', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'f7ebd8cb669c409581ccee316effd0745afacb13', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-orders-list-params-state.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index3.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { u as card, a0 as image, a1 as buttonLink } from './parts.js';
+import { z as card, a0 as image, a1 as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '94b37f690afbe452cda9d074d97b3e6c7b91c096', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '7913be88b93a02e7499a59b416867c81e736a6cd', class: "d-flex gap-3" }, h("div", { key: '55f8b57b980689ed799c6a6ed798dd4c4ad0bd89', class: "d-flex align-items-center" }, h("img", { key: '8068f7f20ff719bed021f88e644dde9f8903de05', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'd86a6301ca11bcbe33920e5608bfb948dffdae6e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '154c785be7d7785458eaeed6a9a516d4677b544c', class: "row" }, h("div", { key: '2adc08a9d50ca00c73317024ad1bde393d82efa0', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21ea5803e18053463d343254d9ed29c98c76757f', helpText: this.description })), h("div", { key: 'e862c0de5720cfb876fcc47792c0e12a0266babd', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '50bb2dc585b0f49591871d6ae993eb2850892ffb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ceba1a29cb4779b9e057e3066072b21cef86dcfd', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '00dfc649818d014f065ee07da3b71c61c7cda03d', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '8be4d665fc9a9d59623fa4fed1e659b55e79f598', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '007e76def4d3ffbac8734df4281857e5623043ad', class: "d-flex gap-3" }, h("div", { key: '30bea8b3eefbd08971568f06eb7718e83d964f1f', class: "d-flex align-items-center" }, h("img", { key: '4fd64ed37d53cda9c8f0bde15e4e24d310ef6fcb', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '6b61b5e6f3aaef6c4be94ea52c3b5eec4f6d5d0c', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '593b1e00bd6aa3d99f677e6aaa34cf3b36a8401e', class: "row" }, h("div", { key: '98690539987c508c8e158bf7c3d3eb1eadc59ee7', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f062a7cef0c23eda70c269639ef2a90114d21e75', helpText: this.description })), h("div", { key: '110e58b0aeff60bf4e2f8f1ea758a14002676bdb', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '2617b5f6de942a23dd12ad8694e84b6ca213c963', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '9bc6bd84bb4794e80de2e74ed68b7e8ab55a2508', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '09a2aaa55627d5ee64639f729de9fb3d21e7244b', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -5,12 +5,12 @@ import './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import './details.js';
+import './justifi-details2.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { w as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { l as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -188,7 +188,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'babe023df8ec976de3e284e80d8e0ec0b2c19b79' }, h(TableComponent, { key: 'd2d5f53cc2d743917ec8fd15f0f69efe75727501' }, h(TableHead, { key: '1a078b11b484d4e6ebfc3ccc5aefc69f99faae79' }, h(TableHeadRow, { key: '8776607ed0d4c15010132a7f27966213ea816092' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '61905ac71df9b3d268a77771b382b928ed5aa01a' }, h(TableLoadingState, { key: '7929fa99216050360f2b36fcd2ec06dec6da0e3a', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8bac75644df059915e3852ef472e8e4edd687026', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '34968591017d975c8d13a9cf532f378e52e11d55', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '641649961418c64af80a4ab3e63bbbee2fb71076' }, h(TableFootRow, { key: 'a2355762274b2ce15217ff86cac3e2ddecf7569d' }, h(TableFootCell, { key: 'f5d8fd0878a3bdc9e93b1e2f08654f51c8bbba2f', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '64e85e2ffc0280af6caf521fed496cc41df0a8b3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '02998f36781eed9ef569cc2214b257beac0948fd' }, h(TableComponent, { key: '02f9eae9ac123b8147648f2f17eb2d4835fbf62c' }, h(TableHead, { key: '212c06a2f14cd1407d653d03d00bfff1eeb7e254' }, h(TableHeadRow, { key: '2bc532ffe62e4fba60ae4545102ea156e31c01fc' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '0791432813e6ed171d39d0615e61e8083544c0ab' }, h(TableLoadingState, { key: 'f21849ccae8af62b3710b826afc2742b68c0556f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '61ce65b0a5f7fde9fffec510fe139586e3422a50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '90981407df2e2f815ad8c91cec6c98db13e4a95c', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a3756808eb67e6d7cb38dac53d31b781c5aea090' }, h(TableFootRow, { key: '6526d2d7e29c1bcbb0613ebe1cf1317d643885c8' }, h(TableFootCell, { key: '270b17f77ddb10bc1ee5356b113049771819b908', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '94e8ce60d5a9576708a51a1ce02c50f3609cc7af', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index3.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/module/utils.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { h as heading2, t as text, l as link, a as heading1 } from './parts.js';
+import { j as text, h as heading2, m as link, n as heading1 } from './parts.js';
 
 const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: "1.2rem" } }, h("p", { part: text }, errorMessage)));
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));

package/dist/module/utils2.js

@@ -22325,4 +22325,4 @@ function isTokenExpired(token) {
     }
 }
 
-export { formatDate as a, formatTime as b, formatCurrency as c, generateTabId as d, convertToUTC as e, formatMediumDate as f, generateId as g, convertToLocal as h, isEmptyObject as i, capitalizeFirstLetter as j, isTokenExpired as k, capitalFirstLetter as l, formatDisplayDate as m, addAttribute as n, formatPhoneNumber as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatTime as a, formatMediumDate as b, formatCurrency as c, generateTabId as d, convertToUTC as e, formatDate as f, generateId as g, convertToLocal as h, isEmptyObject as i, capitalizeFirstLetter as j, isTokenExpired as k, capitalFirstLetter as l, formatDisplayDate as m, addAttribute as n, formatPhoneNumber as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };

package/dist/module/utils3.js

@@ -1,27 +1,28 @@
-const numberOnlyHandler = (e) => {
-    var _a;
-    const specialKeys = ['Backspace', 'Tab', 'Enter', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Delete'];
-    // Check if the key is a special key
-    if (e instanceof KeyboardEvent && specialKeys.includes(e.key)) {
-        return;
-    }
-    // Allow Ctrl+V / Command+V for pasting
-    const isPaste = e instanceof KeyboardEvent && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
-    if (isPaste) {
-        return;
-    }
-    // Handle paste event
-    if (e instanceof ClipboardEvent) {
-        const clipboardData = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
-        if (clipboardData && !/^\d+$/.test(clipboardData)) {
-            e.preventDefault();
-        }
-        return;
+import { a as ComponentErrorCodes } from './Plaid.js';
+
+// Errors on [capital]/config/locales/en.yml
+// Add more errors as needed
+const API_ERRORS = {
+    NOT_AUTHENTICATED: 'not_authenticated',
+    INVALID_PARAMETER: 'invalid_parameter',
+};
+
+const getErrorMessage = (error) => {
+    if (typeof error === 'string') {
+        return error;
     }
-    // Prevent default action if the key is not a digit
-    if (e instanceof KeyboardEvent && !/^\d$/.test(e.key)) {
-        e.preventDefault();
+    return error.message;
+};
+const getErrorCode = (code) => {
+    switch (code) {
+        case API_ERRORS.NOT_AUTHENTICATED:
+            return ComponentErrorCodes.NOT_AUTHENTICATED;
+        case API_ERRORS.INVALID_PARAMETER:
+            return ComponentErrorCodes.INVALID_PARAMETER;
+        // add more cases as needed
+        default:
+            return ComponentErrorCodes.FETCH_ERROR;
     }
 };
 
-export { numberOnlyHandler as n };
+export { getErrorMessage as a, getErrorCode as g };

package/dist/module/utils4.js

@@ -1,28 +1,27 @@
-import { C as ComponentErrorCodes } from './Plaid.js';
-
-// Errors on [capital]/config/locales/en.yml
-// Add more errors as needed
-const API_ERRORS = {
-    NOT_AUTHENTICATED: 'not_authenticated',
-    INVALID_PARAMETER: 'invalid_parameter',
-};
-
-const getErrorMessage = (error) => {
-    if (typeof error === 'string') {
-        return error;
+const numberOnlyHandler = (e) => {
+    var _a;
+    const specialKeys = ['Backspace', 'Tab', 'Enter', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Delete'];
+    // Check if the key is a special key
+    if (e instanceof KeyboardEvent && specialKeys.includes(e.key)) {
+        return;
     }
-    return error.message;
-};
-const getErrorCode = (code) => {
-    switch (code) {
-        case API_ERRORS.NOT_AUTHENTICATED:
-            return ComponentErrorCodes.NOT_AUTHENTICATED;
-        case API_ERRORS.INVALID_PARAMETER:
-            return ComponentErrorCodes.INVALID_PARAMETER;
-        // add more cases as needed
-        default:
-            return ComponentErrorCodes.FETCH_ERROR;
+    // Allow Ctrl+V / Command+V for pasting
+    const isPaste = e instanceof KeyboardEvent && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
+    if (isPaste) {
+        return;
+    }
+    // Handle paste event
+    if (e instanceof ClipboardEvent) {
+        const clipboardData = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
+        if (clipboardData && !/^\d+$/.test(clipboardData)) {
+            e.preventDefault();
+        }
+        return;
+    }
+    // Prevent default action if the key is not a digit
+    if (e instanceof KeyboardEvent && !/^\d$/.test(e.key)) {
+        e.preventDefault();
     }
 };
 
-export { getErrorMessage as a, getErrorCode as g };
+export { numberOnlyHandler as n };

package/dist/types/components/business-details/{business-details.d.ts → justifi-business-details.d.ts}

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import JustifiAnalytics from '../../api/Analytics';
 import { ComponentErrorEvent } from '../../api/ComponentEvents';
-export declare class BusinessDetails {
+export declare class JustifiBusinessDetails {
     businessId: string;
     authToken: string;
     errorMessage: string;

package/dist/types/components/business-details/representative-details/representative-details.d.ts

@@ -1,5 +1,5 @@
 import { Identity } from '../../../api/Identity';
-export declare class JustifiRepresentativeDetails {
+export declare class RepresentativeDetails {
     representative: Identity;
     render(): any;
 }

package/dist/types/components/business-forms/business-form/{business-form.d.ts → justifi-business-form.d.ts}

@@ -3,7 +3,7 @@ import { BusinessFormServerErrors, IBusiness } from '../../../api/Business';
 import JustifiAnalytics from '../../../api/Analytics';
 import { CountryCode } from '../../../utils/country-codes';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
-export declare class BusinessForm {
+export declare class JustifiBusinessForm {
     isLoading: boolean;
     isSaving: boolean;
     errorMessage: BusinessFormServerErrors;

package/dist/types/components/business-forms/owner-form/owner-form-core.d.ts

@@ -3,7 +3,7 @@ import { FormController } from '../../../ui-components/form/form';
 import { Identity, Owner } from '../../../api/Identity';
 import { ComponentClickEvent, ComponentErrorEvent } from '../../../api/ComponentEvents';
 import { CountryCode } from '../../../utils/country-codes';
-export declare class BusinessOwnerFormCore {
+export declare class OwnerFormCore {
     isLoading: boolean;
     formController: FormController;
     errors: any;

package/dist/types/components/business-forms/owner-form/owner-form-inputs.d.ts

@@ -1,6 +1,6 @@
 import { FormController } from '../../../components';
 import { CountryCode } from '../../../utils/country-codes';
-export declare class BusinessOwnerFormInputs {
+export declare class OwnerFormInputs {
     ownerDefaultValue: any;
     errors: any;
     formController: FormController;

package/dist/types/components/business-forms/owner-form/owner-form.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
 import { CountryCode } from '../../../utils/country-codes';
-export declare class BusinessOwnerForm {
+export declare class OwnerForm {
     coreComponent: HTMLOwnerFormCoreElement;
     getOwner: Function;
     patchOwner: Function;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.d.ts

@@ -1,6 +1,6 @@
 import { FormController } from '../../../../ui-components/form/form';
 import { CountryCode } from '../../../../utils/country-codes';
-export declare class RepresentativeFormInputs {
+export declare class BusinessRepresentativeFormInputs {
     representativeDefaultValue: any;
     errors: any;
     formController: FormController;

package/dist/types/components/business-forms/payment-provisioning/form-control-monetary-provisioning.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class MonetaryInputProvisioning {
+export declare class FormControlMonetaryProvisioning {
     textInput: HTMLInputElement;
     private imask;
     isFocused: boolean;

package/dist/types/components/business-forms/payment-provisioning/{payment-provisioning.d.ts → justifi-payment-provisioning.d.ts}

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import JustifiAnalytics from '../../../api/Analytics';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
-export declare class PaymentProvisioning {
+export declare class JustifiPaymentProvisioning {
     postProvisioning: Function;
     getBusiness: Function;
     businessId: string;

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-core.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
 import { CountryCode } from '../../../utils/country-codes';
-export declare class PaymentProvisioningCore {
+export declare class JustifiPaymentProvisioningCore {
     loading: boolean;
     businessLoading: boolean;
     businessProvisioned: boolean;