@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

@@ -1,21 +1,25 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { p as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { s as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
 import './dinero.js';
-import './Pagination.js';
+import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
-import './event-types.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 { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
-import { d as defineCustomElement$3 } from './pagination-menu2.js';
+import { B as Badge, a as BadgeVariant } from './badge.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { n as capitalFirstLetter } from './utils2.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
+import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -46,6 +50,60 @@ const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSucc
     }
 };
 
+const MapTerminalStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        connected: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'This terminal is connected',
+            text: 'Connected',
+        },
+        disconnected: {
+            variant: BadgeVariant.DANGER,
+            title: 'This terminal is disconnected',
+            text: 'Disconnected',
+        },
+        unknown: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The status of this terminal is unknown',
+            text: 'Unknown',
+        },
+        pending_configuration: {
+            variant: BadgeVariant.WARNING,
+            title: 'This terminal is pending configuration',
+            text: 'Pending configuration',
+        },
+        archived: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This terminal is archived',
+            text: 'Archived',
+        }
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'nickname,provider_serial_number,status';
+const terminalTableColumns = {
+    nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
+    model_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The model name of the terminal" }, "Model Name")),
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal" }, "ID")),
+    provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider of the terminal" }, "Provider")),
+    provider_serial_number: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
+    device_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The device/provider ID of the terminal" }, "Device ID")),
+    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
+};
+const terminalTableCells = {
+    nickname: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.nickname)),
+    model_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.model_name)),
+    id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.id)),
+    provider: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, capitalFirstLetter(terminal.provider))),
+    provider_serial_number: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_serial_number)),
+    device_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
+    sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
+    status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
+};
+
 const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTerminalsList extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -53,18 +111,45 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
             this.__registerHost();
         }
         this.__attachShadow();
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.errorMessage = null;
+        this.terminals = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.columns = defaultColumnsKeys;
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedTerminalID = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedTerminalID)
+                return;
+            const terminalData = this.terminals.find((terminal) => terminal.id === clickedTerminalID);
+            this.clickEvent.emit({ name: TableClickActions.row, data: terminalData });
         };
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
+        this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
         this.initializeGetData();
+        if (this.getTerminals && this.getSubAccounts) {
+            this.fetchData();
+        }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     disconnectedCallback() {
         var _a;
@@ -74,6 +159,9 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
     propChanged() {
         this.initializeGetData();
     }
+    updateOnPropChange() {
+        this.fetchData();
+    }
     initializeGetData() {
         this.initializeGetTerminals();
         this.initializeGetSubAccounts();
@@ -104,12 +192,89 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
             });
         }
     }
+    fetchData() {
+        this.loading = true;
+        this.getTerminals({
+            params: this.terminalParams,
+            onSuccess: async ({ terminals, pagingInfo }) => {
+                this.terminals = terminals;
+                this.paging = pagingInfo;
+                this.terminalsTable.collectionData = this.terminals;
+                const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
+                if (shouldFetchSubAccounts) {
+                    await this.fetchSubAccounts();
+                }
+                else {
+                    this.loading = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    async fetchSubAccounts() {
+        this.getSubAccounts({
+            params: this.subAccountParams,
+            onSuccess: ({ subAccounts }) => {
+                this.subAccounts = subAccounts;
+                this.terminals = this.terminals.map((terminal) => {
+                    var _a;
+                    terminal.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === terminal.account_id)) === null || _a === void 0 ? void 0 : _a.name;
+                    return terminal;
+                });
+                this.loading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    get terminalParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
+    get subAccountParams() {
+        let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
+        let uniqueAccountIds = [...new Set(accountIdNumbers)];
+        let accountIdString = uniqueAccountIds.join(',');
+        return { sub_account_id: accountIdString };
+    }
+    get entityId() {
+        return this.terminals.map((terminal) => terminal.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.terminalsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
     render() {
-        return (h(StyledHost, { key: '136c4d4140fd6c4432622d71147930079ca7b0ba' }, h("terminals-list-core", { key: '0964a457efcdd5ba9c02464ab4ac19e247a35b49', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '3429d0dc6534dda4e9dc6417924040a53fd5a032' }, h(TableWrapper, { key: '00c6172e8bb77ed0824381785b17fdd556c942a1' }, h(TableComponent, { key: 'd0119d84743bb06d1e0562eee3124197d46f3b13' }, h(TableHead, { key: '9721788579474c7db31587f57ff1aa4159cae7c3' }, h(TableHeadRow, { key: 'e689b5546ad32ad75bcbedb0cf184b4a6adf1bf3' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '220a3f509f17333888640b0034da30d9375c4100' }, h(TableLoadingState, { key: 'd444e883ddd69ef5b05754476e6ea66c598a2c5f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a6ee22d5138114688ff2c8525e8b5ce8fb00a853', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e151dba5915e622eb7a63ce7912fabe6924df7dd', 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: '91c0903d8c81817f82e7a8864a4188fac602af87' }, h(TableFootRow, { key: '322abe78babc127fccb9309c14c91b30a5d86700' }, h(TableFootCell, { key: 'e9843c61dd4eb031f514ff35f3354998dfaec59e', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd6b0bdaa7459afb8cd164c540843e7a4d8376f53', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
+        "authToken": ["propChanged"],
+        "pagingParams": ["updateOnPropChange"],
+        "getTerminals": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
     }; }
 }, [257, "justifi-terminals-list", {
         "accountId": [1, "account-id"],
@@ -117,16 +282,26 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
         "columns": [1],
         "getTerminals": [32],
         "getSubAccounts": [32],
-        "errorMessage": [32]
+        "terminals": [32],
+        "terminalsTable": [32],
+        "subAccounts": [32],
+        "loading": [32],
+        "errorMessage": [32],
+        "paging": [32],
+        "pagingParams": [32]
     }, undefined, {
         "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
+        "authToken": ["propChanged"],
+        "pagingParams": ["updateOnPropChange"],
+        "getTerminals": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-terminals-list", "pagination-menu", "terminals-list-core"];
+    const components = ["justifi-terminals-list", "pagination-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-terminals-list":
             if (!customElements.get(tagName)) {
@@ -134,11 +309,6 @@ function defineCustomElement$1() {
             }
             break;
         case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "terminals-list-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-tokenize-payment-method2.js

@@ -294,7 +294,7 @@ const JustifiTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Just
             } }));
     }
     render() {
-        return (h(StyledHost, { key: 'bd0d7ab1f2c9c313c998790214d5d04bf0978521' }, h("form", { key: 'aa6af831bf7428a26b441183852fb0439eabc8c5' }, h("fieldset", { key: 'ea0ac36b5acd8e5fe40a1d6f8e9ad43c0e1af1a6' }, h("div", { key: 'b7d78c90bdc2ea74228a35a9e801c6cb0040bd61', class: "row gy-3" }, h("div", { key: 'dc0e1d8e52cc4e622e7f68ce2964692c2fcbcbdd', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0c9cb2aac8e78a264abaed66040bb4aa8cd47d4b', class: "col-12" }, h("internal-button", { key: '2521d61e7bddc9ac945630e415905cb4e3dc9dd8', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'e426ad2935cf88bd5af628da9154cdaccc5e6be2' }, h("form", { key: '571fcd140680840f5b68ee08b9cb7d9a5c6156ed' }, h("fieldset", { key: 'b394ce7a04e7d57ce2f4eb787252412409c3703d' }, h("div", { key: '1eb916974b71ead6dda1c54c36f0cb8f90433190', class: "row gy-3" }, h("div", { key: '8fb01d0e321fd265ede20f712779f66cf4404d78', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '40f03fdb6df080a8d55b72a818b3eb42e56fd9f9', class: "col-12" }, h("internal-button", { key: 'b719a621d8a3592e8b4a193656672ab6dd799006', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/module/legal-address-form2.js

@@ -25,7 +25,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '56c938599697c9e40658de6fd52699ccfd306232' }, h("fieldset", { key: '7e77d120698e29ce040cce256e37745f53fac795' }, h("legend", { key: 'e4a4e23744eb5679d0797bb83970067709a0010d', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: '0703605fd1e5143547865bc19d1b0cdbe34a41bc', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '856cd25caef521b651b9dd8a40dc6f9f0c727706' }, h("fieldset", { key: '150ad1f56747aae80ae8d2610fa08fcabee27c87' }, h("legend", { key: '565a46bd0977680e400663ef0590d65e977135be', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: 'c2ce05c006ec80c5319b30b40387e400ec52ab86', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 }, [256, "legal-address-form", {
         "formController": [16],

package/dist/module/owner-details2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { b as formatMediumDate } from './utils2.js';
+import { c as formatMediumDate } from './utils2.js';
 
 const OwnerDetails = /*@__PURE__*/ proxyCustomElement(class OwnerDetails extends HTMLElement {
     constructor(registerHost) {

package/dist/module/owner-form-core2.js

@@ -167,7 +167,7 @@ const OwnerFormCore = /*@__PURE__*/ proxyCustomElement(class OwnerFormCore exten
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '6705c84411498ae63ac74d8e1591244ad4aad1e2', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'd07a5ebef58a3324dd122da2b0cdebdee10ad2e5' }, h("legend", { key: 'dc334d9a75b88a887d393e2c6fd50fcea3b15d22', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '54e3d33a5ce1399d0f35196d80ae3261016d2cd6' }), h("div", { key: 'a9f23ec75a53751db207e1bdb1e55afc53b28e4e', class: "row gy-3" }, h("owner-form-inputs", { key: '37b6df39ba21b4238790f4e8707514931c24c525', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'f057d4176ddd6e07074bedffed5c46ee67c3d492', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '3a5060f48638d82c5df9fbae449717dbee3315ae', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '02608516d0ebc2df452c0f592b62cebd7033a88b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '842817aafad086dd27357e0050ccd8cacd2055ff' }))));
+        return (h("form", { key: '63cf9c7ab9031786f17ea4f3787deea081e305d3', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'cef59454c61515f702e846d43242f1576e604953' }, h("legend", { key: '355974c342272cd90c6596129a83866f8ad20e37', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'c78a4742ca2fa7bea462d4c7b1d3e73ccb8cccb9' }), h("div", { key: 'ec96fba914ce8eea8223efab633873c79741e29b', class: "row gy-3" }, h("owner-form-inputs", { key: '8b1b9118ac93457b38237387d478b3d084fad07d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'b599ded9cecb9999e3c8b3310f0c70fd07c64690', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '54bcdf883415ada89b81b4826cfea23061d4fc60', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'eb990b891fe82108eae8c80da39e5ada7ef27f1e', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '7000dfde686b1879776ab63dcb6a203c0eb519c1' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

package/dist/module/owner-form-inputs2.js

@@ -29,14 +29,14 @@ const OwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class OwnerFormInputs e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '23441b62bcb42f0ca9d8e361242310564b8a3ed7', class: "row gy-3" }, h("div", { key: 'ae42abf0f8edda6bd715278857657029a2855336', class: "col-12 col-md-8" }, h("form-control-text", { key: 'b83f35442a6354461cf583dd23b48d047656ffd6', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '15ab3b55445533d65553e075e8471a95556702e9', class: "col-12 col-md-4" }, h("form-control-text", { key: 'eff52904d3c8eadbafe1e6ca0dc29894846e74ad', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '0f2d385f6aaede51cc519c9e2fac75f041d5ab42', class: "col-12 col-md-6" }, h("form-control-text", { key: '5b27e9343f3d3ca5706d2d294d7ab9fe5e15ab28', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '811751b44ff2290f95d9fb9874c5bd2c6ca89a42', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '07f32b1711d2977fa5e7abd2aad21d4c6b47bb1e', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'db8254d91e059fb610f607d5e905a970509497f7', class: "col-12 col-md-3" }, h("form-control-date", { key: '7f3001fa6e204f7307d758f595594838c792a301', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '90e1846c32df8b94dd0ea13950daf0bebaf81c13', class: "col-12 col-md-3" }, h("form-control-number", { key: '6c43d8dcb99b411b02f67f6100db5ce85b750eb9', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '4e28b49a6bf1eee3fa78422dd5f7d88917b87a75', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '212e1849ea4415835cb4f792cf5799b606ccd170', class: "row gy-3" }, h("div", { key: 'bc904468596d8a2b6cf82f9cca153d1db7fd9be3', class: "col-12 col-md-8" }, h("form-control-text", { key: '116f4a8124743a3bdd01489f7ac4964852d2f701', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'd1de51aa5d3760553012ddc586dc6068c456463f', class: "col-12 col-md-4" }, h("form-control-text", { key: '542bd69f56380823a8a2fcf0f95df56a4802e52a', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'f8230d52a4a685e358bf118d4f77849e8e23f58e', class: "col-12 col-md-6" }, h("form-control-text", { key: '0d41fa107ba89a5a6a1dfe2b97d42a86feef3eb0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'c403d5cf82cc89de42a31f3478e5cda3c2309dac', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bc0e1c91619857bcac7776e686534763898bdd79', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '43c3b72350a475defd393625a0d88e5720ab121c', class: "col-12 col-md-3" }, h("form-control-date", { key: '4f1bd966e4a28fdcfc3539cb51b97e73bf7bf242', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '963e110d0f208730944fe7637ba0a3a9ada66a38', class: "col-12 col-md-3" }, h("form-control-number", { key: '182586a1b86d351cb5063c0ca0ee578959a93369', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'bf966123cd887a09b81e9e599118ee03cadabfe2', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '61203d0283d7e335dd559629bab77640e73202a4', class: "col-12" }, h("identity-address-form", { key: 'd3f349ba237f771520369198da9e76126498a536', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: 'da39a950fb0f4042d6047a88db4fb1cf7a7b9d07', class: "col-12" }, h("identity-address-form", { key: '7ef03a0303d6f62098b5c38d669648bd4557437f', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {

package/dist/module/owner-form2.js

@@ -53,7 +53,7 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
         });
     }
     render() {
-        return (h("owner-form-core", { key: '82a1976007db4371de3c8da1cff48f27a9c7795e', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '598c7413dbae853f432e64ac549025442083fbb9', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
 }, [256, "owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.12.1-rc.5";
+const version = "6.12.2";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/payment-method-option.js

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'cdf49c9446ea5fd6316523ecaf4f0f14be644e71', class: "payment-method" }, h("div", { key: '7de753f710389cbbb1d604ca5af97e1dfc5af2af', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '7a3bb855c441031d7685aa23212cc471947108ec', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'f29f09a17a1b0f9c036051f57c3e42e8216c1236', class: "payment-method" }, h("div", { key: 'f61adf1dfa90d4526ff767be80eb795137ab723c', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'fe1b54ca437b0e7c20c9f7d9ea84c23b92e39412', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

package/dist/module/payment-provisioning-form-buttons2.js

@@ -23,7 +23,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '5942f171591bca5e1259c16b9f1cea45169ce924', class: 'd-flex gap-2' }, h(Button, { key: '9dc3ff45b07ba71602f3af12a28d20364a80971c', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '0db0e734bed464214c75230e3c32901d14f75945', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b3817544c9ddd4d0f3ca8df47fb6598b8a95bb81', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '6fac4d1e92b732da3e7e867c091f23e9e3b7d6ab', class: 'd-flex gap-2' }, h(Button, { key: 'a96025bed24ade707d7f28561a12a9bcf62401e8', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'c4bd0d4a7f79942b307a4587e77c73158d4b704d', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5fa56e168646f4fa266fde124c78dc2564a6c311', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [256, "payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],

package/dist/module/payment-provisioning-form-steps2.js

@@ -52,7 +52,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'f86e12c789e7dfe1efba022ed56cf4717ea64ec5', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '6bd8ebe91fefb364dd29a741e2cdf8a90aa1351b', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],

package/dist/module/payouts-status.js

@@ -1,6 +1,26 @@
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { h } from '@stencil/core/internal/client';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 
+const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
+    try {
+        const { data } = await service.fetchCSV(payoutId, authToken);
+        const a = document.createElement('a');
+        a.href = data.csv_url;
+        a.click();
+    }
+    catch (error) {
+        const errorMessage = getErrorMessage(error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {
         canceled: {
@@ -48,4 +68,4 @@ const MapPayoutStatusToBadge = (status) => {
     return h(Badge, Object.assign({}, badgeProps));
 };
 
-export { MapPayoutStatusToBadge as M };
+export { MapPayoutStatusToBadge as M, makeGetPayoutCSV as m };

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

@@ -17,7 +17,7 @@ const RadioListItem = /*@__PURE__*/ proxyCustomElement(class RadioListItem exten
         };
     }
     render() {
-        return (h(Host, { key: '254375c6a1fd52924a84392bfd36d21ac60e4c0b' }, h("div", { key: 'df0f6abdeb91cbbe3c1b7e91f42cd7950379d8bf', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '4c7e8e499b76bc83e83504b0cf22785fe2fdf6ec', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(Host, { key: 'df05a770b3b220ec3c11de2e3edfc3605c0ca909' }, h("div", { key: 'a349e3b2e2b464ed100cee165b8a0e60f25d2e97', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: 'df8a2643c0d236a0524ccde524396bf08597aee6', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 }, [256, "radio-list-item", {
         "name": [1],

package/dist/module/representative-details2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { i as isEmptyObject, b as formatMediumDate } from './utils2.js';
+import { i as isEmptyObject, c as formatMediumDate } from './utils2.js';
 
 const RepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class RepresentativeDetails extends HTMLElement {
     constructor(registerHost) {

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

@@ -18,7 +18,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(Host, { key: '22ba69afe153d8177948980adce2a6d7ed88aec8', hidden: this.hidden }, h("form-control-checkbox", { key: '69b7af9511b2eaa746066e2186391fe059dbdad8', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(Host, { key: '42c0674b7d12f57ace0088c2ebb854521fed2abf', hidden: this.hidden }, h("form-control-checkbox", { key: 'c198bdd860f5c844bca6141e8d5c0bcf4de1fbec', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [256, "save-new-payment-method", {
         "label": [1],

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: 'bcecb736427ce7859174c8f91938f720f8e32782', class: "d-flex gap-2" }, h("div", { key: 'aadd72cb3aac3d676a340068304802dbc5dfeab2', class: "dropdown pb-3" }, h("button", { key: '2dbb5590ea8ed60d2228b0f0b262332e5d377810', 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: 'c516ec2550207e3acc3d0186c6f86d351a6ca4a9', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4ee1c1bd0e5c9eacccb857986d3f2e37bb3d990b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b274f915722d1a59af4578935c4233bcf700c7b2' })))), h("div", { key: 'ce527862135dd31b9b198133a3a2c19699419c5d' }, h(Button, { key: '272022c173de7f8c41ba7a88cf5aa004da11b3a2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'bf0722379c0f2d12f0d351f71a4cea18605a1a6c', class: "d-flex gap-2" }, h("div", { key: '68bf34efe0c7c82bfe66e1d1d386bb8f37efba11', class: "dropdown pb-3" }, h("button", { key: '413db165fa98008db838b6cb8541d7276bcd7a1b', 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: '43acd10ad9666c281406bc9928da3d568868a831', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '52d302d40e503a7ebc311d603ab49a388c2e7fb1', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '232f719456fe31e0e87abc49ec4f0f141a194cfc' })))), h("div", { key: '197f5034d8eb246a107f4e761478514d53c1c321' }, h(Button, { key: '5f17be2e3493b4e9e54035c4bc8a95b762161b3c', 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/terminal-orders-list-core2.js

@@ -5,7 +5,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { j as TerminalOrderType } from './Plaid.js';
+import { i as TerminalOrderType } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -165,7 +165,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e515fe632488abfd755515d04a4bc8c481cb9083' }, h(TableComponent, { key: 'a15495309f335656cfbb1c518bb9d95eda2af86b' }, h(TableHead, { key: 'a6f2bcfa3b981d244a640f3a2ced4fb98aa04774' }, h(TableHeadRow, { key: 'cf2ec3f36d53566f7fc4aadbd79d357ac1267f94' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '927ee10502d41c18b6950e447f3352edf765fdc9' }, h(TableLoadingState, { key: '94c51d3ed02b72068b0bed02f0e1bb69024fffaf', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a0e9d76f1340ddd33009d46682243863ff0509b2', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '7f209a130ebf67d59e6f4b9719225c1b087f44f5', 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: '1c714b7fe310a70b74f254eb36b126d3623b499a' }, h(TableFootRow, { key: '46d0b99409bd8611d7c1fb564aeaa236736a7947' }, h(TableFootCell, { key: '55215a040d58a64196013e0e831c35e1ccbb3309', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'a75512753bf06cfc6e1595ea8ed2e2081d06c3f9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '92fffc2d98e3a5176d80decaeddc8d3b0babca74' }, h(TableComponent, { key: '9a690f1298358fd1f22942cce38a99b157526d2a' }, h(TableHead, { key: '53275af95435cbc3fa01753e88ab6a9319aa678b' }, h(TableHeadRow, { key: '374db48f613bddaad4308e60700c1ea66a5c54dd' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '8e95036b34d7ed6712d64978923459b29c11fab8' }, h(TableLoadingState, { key: 'bf28d8b020cfc59f494eede313f9cb38265d702f', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '0361d8c68151065fe96a97a137aa06b510d2f2dd', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'b7bbf34d9c90f1757424afb9fa30617f61a4d564', 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: 'a0b4a423809b3b36211b7f59719642e48311d32e' }, h(TableFootRow, { key: '81a3dd146e0931f14ef6972e42f71b38c2f11239' }, h(TableFootCell, { key: '8e4afc9ea974aac2c693a60e3e0ea5f9915a199e', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '9d5afd8b9a09fc24f12c701e289c22a40ad77042', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '5282545f3d17d10623527feee253e3a4509b4333', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '2c7f922b93df74bfd1d01f3f8f6a27779602f677', class: "d-flex gap-3" }, h("div", { key: '0cf11a2a53e0513774ad2e901775d2edb299389a', class: "d-flex align-items-center" }, h("img", { key: '654a4a544e6000b4de1f924cf327e64824d9d4d7', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '34f27f878b682725f3473301bacfccdac352247a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '632299be82b0da9271905e60fc697c7df58ce156', class: "row" }, h("div", { key: 'a84da1efb59f1ed6efd13bb4957ec4ffd6ddf663', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5313ae7f9c1d5eb2642c49166c1903db5d4d1873', helpText: this.description })), h("div", { key: '823f9c575b7ab8962c26bfc707eb01f2e2ff64a1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'f0d2da7361a24c30a14d786f221ac8e60edaff0f', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '82c1c0b584fe0245f7b33b724cb31452b3b650d0', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'c6e1d230f5bc6053bca56ca75497765b61a97906', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        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 }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/utils2.js

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

package/dist/types/api/ApplePay.d.ts

@@ -44,7 +44,6 @@ export interface IApplePayPaymentRequest {
     shippingMethods?: IApplePayShippingMethod[];
     applicationData?: string;
     supportedCountries?: string[];
-    requiredBillingContactFields?: string[];
 }
 export interface IApplePaySession {
     canMakePayments(): boolean;
@@ -122,14 +121,10 @@ export interface IApplePayCancelEvent {
 export interface IApplePayMethodSelectedEvent {
     paymentMethod: IApplePayTokenPaymentMethod;
 }
-export interface IApplePayBillingContact {
-    name?: string;
-}
 export interface IApplePayPaymentProcessRequest {
     paymentData: IApplePayTokenData;
     paymentMethod: IApplePayTokenPaymentMethod;
     transactionIdentifier: string;
-    billing_contact?: IApplePayBillingContact;
     product_details?: {
         name: string;
         price: number;
@@ -174,7 +169,6 @@ export declare class ApplePayPaymentRequest implements IApplePayPaymentRequest {
     shippingMethods?: IApplePayShippingMethod[];
     applicationData?: string;
     supportedCountries?: string[];
-    requiredBillingContactFields?: string[];
     constructor(data: IApplePayPaymentRequest);
     get isValid(): boolean;
 }
@@ -187,7 +181,6 @@ export declare class ApplePayHelpers {
     static createLineItem(label: string, amount: number, type?: 'final' | 'pending'): IApplePayLineItem;
     static getDefaultSupportedNetworks(): string[];
     static getDefaultMerchantCapabilities(): ApplePayMerchantCapability[];
-    static getDefaultBillingContactFields(): string[];
 }
 declare global {
     interface Window {

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

@@ -1,16 +1,21 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Business } from '../../api/Business';
 import JustifiAnalytics from '../../api/Analytics';
 import { ComponentErrorEvent } from '../../api/ComponentEvents';
 export declare class JustifiBusinessDetails {
     businessId: string;
     authToken: string;
-    errorMessage: string;
     getBusiness: Function;
+    business: Business;
+    loading: boolean;
+    errorMessage: string;
     analytics: JustifiAnalytics;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     componentWillLoad(): void;
     disconnectedCallback(): void;
-    handleErrorEvent: (event: any) => void;
+    propChanged(): void;
     private initializeGetBusiness;
+    updateOnPropChange(): void;
+    fetchData(): void;
     render(): any;
 }