@justifi/webcomponents 5.4.0 → 5.4.2

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

@@ -3,7 +3,7 @@ import { f as filterParams, p as propsParams, c as clearParams } from './payouts
 import { ab as payoutsListFilterMenu, ac as createdAfterPayoutsListFilterParam, ad as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import { k as convertToUTC, j as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -37,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fca8f3d0daf92026b7d3cccdd096c8650eb31d28' }, h("table-filters-menu", { key: 'b166ff52682804bd241866ffbe53ada0cf6133e8', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'f72774348aac13463934af8c8bfb3aa9b29a3942', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '87ee14df90cd83394e573f1f4e75d315cd48b2d3', class: "p-2" }, h("form-control-date", { key: 'f14e2dd16a24d8f6ac41ed110bdf2e5f0e7b0389', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'fe9b41fcc98571f9f5f477a0006a2a00a5bdba1c', class: "p-2" }, h("form-control-date", { key: '9ab09d81f389f410ea7d1d533a0f25995d261aef', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [1, "justifi-payouts-list-filters", {

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

@@ -114,7 +114,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '7456971cf903af6fd77385fd01dac69760b9df11', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6bf911cb5a793f49fb19903013c48e6df93f9866', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-payment.d.ts

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

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

@@ -0,0 +1,180 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as create$3, a as create$6, F as FormController } from './form.js';
+import { f as formatCurrency } from './utils2.js';
+import { A as Api } from './Api.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
+import { S as StyledHost } from './styled-host.js';
+import { H as Header1 } from './header-1.js';
+import './details.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-help-text3.js';
+import { d as defineCustomElement$5 } from './form-control-monetary2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-textarea2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+
+const RefundPaymentSchema = (maxRefundAmount) => {
+    const maxAmount = +maxRefundAmount;
+    return create$3().shape({
+        amount: create$6()
+            .required('Amount is required')
+            .typeError('Amount must be a number')
+            .test('amount', `Refund amount cannot be more than ${formatCurrency(maxAmount)}`, function (value) {
+            return +value <= maxAmount;
+        })
+            .nullable(),
+    });
+};
+
+const refundReasonOptions = [
+    {
+        label: 'Select a reason',
+        value: '',
+    },
+    {
+        label: 'Customer requested a refund',
+        value: 'customer_request',
+    },
+    {
+        label: 'Customer was double-charged',
+        value: 'duplicate',
+    },
+    {
+        label: 'Payment was reported as fraud',
+        value: 'fraudulent',
+    }
+];
+
+const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.submitted = createEvent(this, "submitted", 7);
+        this.authToken = undefined;
+        this.paymentId = undefined;
+        this.paymentAmountRefundable = 0;
+        this.withButton = undefined;
+        this.errors = {};
+        this.values = {};
+        this.isSubmitting = false;
+    }
+    componentWillLoad() {
+        this.formController = new FormController(RefundPaymentSchema(this.paymentAmountRefundable.toString()));
+        this.initializeApi();
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.formController.values.subscribe(values => {
+            this.values = Object.assign({}, values);
+        });
+    }
+    /**
+     * Handles the form submission.
+     * Prevents the default form action, validates the form, and emits the 'submitted' event.
+     */
+    async handleSubmit(event) {
+        event.preventDefault();
+        this.formController.validateAndSubmit(this.submitRefund);
+    }
+    /**
+     * Submits the refund request to the API.
+     */
+    async submitRefund(values) {
+        this.isSubmitting = true;
+        try {
+            const response = await this.api.post(`payments/${this.paymentId}/refunds`, values);
+            this.submitted.emit(response);
+        }
+        catch (error) {
+            console.error('Error submitting refund:', error);
+            this.submitted.emit(error);
+        }
+        finally {
+            this.isSubmitting = false;
+        }
+    }
+    /**
+     * Handles input changes, updating the refundFields state.
+     */
+    handleInput(field, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
+    }
+    /**
+     * Initializes the API with the given authentication token.
+     * Logs a warning if the auth token is missing.
+     */
+    initializeApi() {
+        if (!this.authToken) {
+            console.warn('Warning: Missing auth-token.');
+        }
+        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
+    }
+    render() {
+        return (h(StyledHost, { key: 'f9aa3650a61fce55ce094e48cb23cc62caf4c434' }, h(Header1, { key: 'def40858b3cf9188362848703e6425cc1273b1ee', text: "Refund Payment", class: "fs-5 fw-bold pb-3" }), h("form", { key: '20fcdff2467713eb3502959d0186de900a400207', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '5e838c432e5e0fafdfd153de327548a2d2d7f388', class: "form-group" }, h("form-control-monetary", { key: '151d529e7422073da4244f9bc81166f6a54ad9b0', name: "amount", label: "Refund Amount", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount, defaultValue: this.paymentAmountRefundable.toString() })), h("div", { key: '7d69e721b5f346d854f8b1914199c56fb062694d', class: "form-group" }, h("form-control-select", { key: '791d41bf86e856a7694afb0db20607ba792459b9', label: "Reason for refund (optional)", options: refundReasonOptions, name: "reason", defaultValue: '' })), h("div", { key: 'b8a67a5d091ad11a410d157cf6706023b3af139c', class: "form-group" }, h("form-control-textarea", { key: 'eee0ab29c728a64435c2836361eb2c2645fce1ea', name: "description", label: "Note (optional)", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.description, maxLength: 250 })), this.withButton && (h("div", { key: '3504774504825ffdace54ebf41f496aa58395648', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '27179c019afbec3d136c959657e6e6cbec892a27', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, `Refund ${formatCurrency(+this.values.amount)}`))))));
+    }
+}, [1, "justifi-refund-payment", {
+        "authToken": [1, "auth-token"],
+        "paymentId": [1, "payment-id"],
+        "paymentAmountRefundable": [2, "payment-amount-refundable"],
+        "withButton": [4, "with-button"],
+        "errors": [32],
+        "values": [32],
+        "isSubmitting": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-refund-payment", "custom-popper", "form-control-help-text", "form-control-monetary", "form-control-select", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-refund-payment":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RefundPayment);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-monetary":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiRefundPayment = RefundPayment;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiRefundPayment, defineCustomElement };

package/dist/module/justifi-season-interruption-insurance.js

@@ -133,7 +133,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: 'e1826234d0f2daf33b983a76f36bd652454c77fa', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -9,7 +9,7 @@ import './Pagination.js';
 import './Payment.js';
 import { c as TerminalOrderStatus, b as TerminalOrderType } from './SubAccount.js';
 import './Document.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import { k as convertToUTC, j as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
@@ -63,8 +63,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '9f84e2a68bbf745714bd972e6f8510eb5c864248' }, h("table-filters-menu", { key: 'f78bfdd9940b62f74cc96969946df75274e8580c', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'e16d37583700f39e1ab513fb362555677aa77bbf', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '81e9b0f98cec6fb803b17ce10a1a79d61f302988', class: "p-2" }, h("form-control-select", { key: 'c5749e4b06a3c4af835e03384434d0fed054c22b', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'e2367532d8147a1fc184eadce40f61894cd701cd', class: "p-2" }, h("form-control-select", { key: 'f8145506abf6879b4a21d9ae49d43061e5f6daef', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '61b3da75c15121adc65c37443f0d251c2bf0af45', class: "p-2" }, h("form-control-date", { key: 'eb8afbbb5b2148fb12705fc0b577290b9f5ac881', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '968131100100709c91fdd1c6d2916910bb5d34b2', class: "p-2" }, h("form-control-date", { key: 'd1f34c4297a80dd7c9f3e301d798c99db82a7b80', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'fa53c48c1a916781c8fffe7910f524ea334cdf27' }, h("table-filters-menu", { key: 'e8ba7a019f92234775acbaf2dafb817fb98f8d70', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '67e0b83350c37c7fa73f8e2808266fb8fda96838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '08fd58b47b35fcb073b116c827ad2bb07c17f879', class: "p-2" }, h("form-control-select", { key: '1a6a468d37afb5a25d37e4f9e43d6bd23414c6a3', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '92c8b10d0c48811a63d0ed796637dfadb85b00c4', class: "p-2" }, h("form-control-select", { key: 'f8d7e96f8c0a9215ebb5b7a1f581b4dc60e5ad10', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '2d5b3262a022d3122d533ef7f7e886dec5c2b701', class: "p-2" }, h("form-control-date", { key: '4b1e799b9a99ce9046ea3a3e0b3249d566448ae6', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '93019260d2befe0ca3d99c17a769f2ebb1b6f07f', class: "p-2" }, h("form-control-date", { key: '3aba4879d8998c90a36f2fa5326c230792768403', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [1, "justifi-terminal-orders-list-filters", {

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

@@ -95,7 +95,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '1975f9c01aa35624f1b7f0fc5b444a9b688fb01a' }, h("terminal-orders-list-core", { key: '5488661e4526af1e3db008e56baf5289c46737e6', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'beb7ebe2397c43c28b818133294b6c972d2834ac' }, h("terminal-orders-list-core", { key: '87db98176b2a462b9446170c348352958d4e3a05', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [1, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { aj as terminalsListFilterMenu, ak as terminalIdTerminalsListFilterParam, al as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { aj as terminalsListFilterMenu, ak as terminalIdTerminalsListFilterParam, al as terminalOrderIdTerminalsListFilterParam, am as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './ComponentError.js';
@@ -25,6 +25,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
             filterParams[name] = value;
         };
         this.terminalId = undefined;
+        this.terminalOrderId = undefined;
         this.terminalStatus = undefined;
     }
     componentWillLoad() {
@@ -33,6 +34,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
+            terminal_order_id: this.terminalOrderId
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -46,14 +48,16 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
             { label: 'Connected', value: ITerminalStatus.connected },
             { label: 'Disconnected', value: ITerminalStatus.disconnected },
             { label: 'Unknown', value: ITerminalStatus.unknown },
+            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'b731afdb3ffb0c9bc35c5e04177b0db9bc5b9a69' }, h("table-filters-menu", { key: '8ee2d6e6f4e12e03a8236b35aae3132f5a72c204', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a8b6adb28c43a2f528554ee9ae582001bddcaac5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '08cc61200740cb6fac0b123bd2005942ea9d6c3f', class: "p-2" }, h("form-control-text", { key: 'd0f572c893e3d44256d482e791b93588422bcf86', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'a498de1139b122bad5416267ecc949debc43491d', class: "p-2" }, h("form-control-select", { key: '6235e893b62882e993e798b9a3cc1fafc84f215c', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '390b8788e785bc81711a1b0f68203fce5a348c4c' }, h("table-filters-menu", { key: 'ab37f284aad5b828c2a3d0ce78e5c49fe86c8ec7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9f06d2199885d1cb8d9a4310fc94366717ca092c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '146fb3fa0a146c8011e1fc609f885ec3de0af8bf', class: "p-2" }, h("form-control-text", { key: 'f9d33f3facd5af88761033256e9bcdee772d187b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '59b8af61f98c01e0cd04299780817b9a497d33bc', class: "p-2" }, h("form-control-text", { key: '80c6ed5f37f4429aac0451f1b2c76fd99c52d246', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '4452ff9cbeb157408fdd8569af5792d32f0d1aa9', class: "p-2" }, h("form-control-select", { key: '52406f154a9d5f7a01831047eedf09b909d1bc0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [1, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],
+        "terminalOrderId": [1, "terminal-order-id"],
         "terminalStatus": [1, "terminal-status"]
     }]);
 function defineCustomElement$1() {

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

@@ -105,7 +105,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '9ad0d637bd745ee2296142c426d539f90cf403a5' }, h("terminals-list-core", { key: '26b420a410976adea74b8545d367b5f9df7178d3', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '008b4bd549c228dbf8972e5ce08764c40e0b45a7' }, h("terminals-list-core", { key: 'e57f76fa1560c97d76068503b48e92a5fa9a02ec', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -83,7 +83,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'b4c878459fb1601d429140d80ce02b898d6ca2ed' }, h("form", { key: '11917b591a4116e5711c0afd3e68b6599d064cae' }, h("fieldset", { key: 'b3c4ad0c42a424091a433e9aa8375108831e6c47' }, h("div", { key: 'bee2fa3c6c5de31d25cb102185fc977a5436a53b', class: "row gy-3" }, h("div", { key: 'fb32aa9f47716077a3dad2bfd7bfc950200014ba', class: "col-12" }, h("justifi-payment-method-options", { key: 'dca7ac67609a13e1b14bdc042eb131a07305e0d8', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '2218cb2eac22fd6187da4d205fc2437a980fa2a5', class: "col-12" }, h(Button, { key: '1299a5a10261b375cfec1b2599cc6de7f606bad9', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: '270b2dce491c95fd6a372bf4e59d4829c91290fa' }, h("form", { key: '7e68afbac49260a92bb6c9e3bd08125129ab196c' }, h("fieldset", { key: '95f911fa066f7fea0b36e4c99cb1c5008b4a886d' }, h("div", { key: 'aec8576644731d5960a1e041960076c503aa4a17', class: "row gy-3" }, h("div", { key: '51436afb0c10e189d079226dd0a8e7b18580fd69', class: "col-12" }, h("justifi-payment-method-options", { key: '59777ac37f44bfe9ef98d3b22a6e485f06db303d', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'ef37939fb4d8e0225f98f0c3874a83206307f671', class: "col-12" }, h(Button, { key: '4b193d76ad540cae97a2423948e18d60f6db0679', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/legal-address-form-step.js

@@ -50,7 +50,7 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '70241ec94d2519d675e3831dfb13840e0f9ea6ca', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -26,7 +26,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: 'a9e2d2fa0e1ac8bd37eef9b40ae3ebee44e6246f' }, h("fieldset", { key: 'defd51a5bdbc9ecf4e640d2008bb1f1f83de5dda' }, h("legend", { key: '6d4d4563e426a02539f86c58a6eaa11927ec96e2', part: heading2 }, "Business Legal Address"), h("div", { key: 'c4d0786717af5da9baca6aca93b4e81f474a1746', class: "row gy-3" }, h("div", { key: 'f8be78e845a720143e3f175eec6c9f9ee929d612', class: "col-12" }, h("form-control-text", { key: '341d426271136e734d9dd8d1968de01938b5eebb', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'ac5f410a9b12def5284636dd384560af93c982d6', class: "col-12" }, h("form-control-text", { key: 'b96a18e42af33fbfca0645d9aa039a2430dc0043', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'c3ac5227e34c525b6be906b5cf06a428bebe2ad4', class: "col-12" }, h("form-control-text", { key: '972602adcf764500928eca67660b20344a1313ec', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '8ca2e4c78b986f5156976c5adb6b5a63c584607b', class: "col-12" }, h("form-control-select", { key: '2f0eacc656e741706064c10234e471fb53ca2be2', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'e4d51b2347c78f5c47d5ce309c46baa5fc07f7f5', class: "col-12" }, h("form-control-text", { key: 'e237d5830f0c24bf40e43ba8d2d6b0fd095405ed', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'a7bdcd1a867ff4816f20e89f651fe80fed2193cf', class: "col-12" }, h("form-control-select", { key: 'd345dd93d46618572c3aea87893c135ac688bde5', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '129b2ec053708454db5a515fdae9a7fba5289336' }, h("fieldset", { key: '6af5c9469acc432ea01ff404af25727bd444abc7' }, h("legend", { key: '1af149db608a13d18142aaea83f9ed2e8271fdc0', part: heading2 }, "Business Legal Address"), h("div", { key: '805c6ae992ebed34937b9a2622f50a7f99c7d0e6', class: "row gy-3" }, h("div", { key: '78750dc68bcc6782bc4a71cfd14d417e980a57a6', class: "col-12" }, h("form-control-text", { key: '18a75e38a7a5fbfcbbbce56e4967ce34c5618c8e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '676622c84785edfafa3413359d4985d26a734985', class: "col-12" }, h("form-control-text", { key: 'e8467f96595d240f5fc93585e472ad844cc49143', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '01556012d9335d23c14e130ca72b6e75028bcb36', class: "col-12" }, h("form-control-text", { key: 'c08dcd0ef726ff714d60de26492ced763a7d32ff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'ad811869e742f265a5441c6f36c2a55fa0b07952', class: "col-12" }, h("form-control-select", { key: '47cc4b15578257f3c1fdee7896d28da94b5aaa16', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f732fd2ed3967ee7fd602f41c62efd24cf6038eb', class: "col-12" }, h("form-control-text", { key: '0431a63d11beb6682a2544d2483901f7fffa77bd', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cca67b0cd006f6cf9f9bbfe147507eb0ac6fecca', class: "col-12" }, h("form-control-select", { key: 'f561947f9443ea6f56d7ae31d44a69e2462c0751', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

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

@@ -99,7 +99,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '6d2d33cea2442744a4593e0635b1b2fcd6197275', class: "payment-method" }, h("div", { key: '5dc7a8e50668c3abf7b43a4251a6bbaa17c624d2', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '2bd2cdff094dc1c103fe1c79a6a8a4ee7f6c17be', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "authToken": [1, "auth-token"],

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

@@ -170,7 +170,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'b7fc4c0d0fdf3a5aab0a246daffa59022255e6ae', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'eee56a5e2e26184086c1301576695b627a1f2ef4' }, h("legend", { key: 'b3f75638a502cca01da0ed54ec07660554dcd416', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '0bc020cc7290615db3d3e1ec2b84d5af99ec86f0' }), h("div", { key: '2e7a09c9f4dffac21f2b3e1efe118542f18d89e8', class: "row gy-3" }, h("owner-form-inputs", { key: '78ffd296d4ecf0d5f2e50a06fb392cbefb1c9dc7', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '73256017645b6987cd96006e5fe080402b0602d2', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'e2c288cf27ebc2d4dd9c29b2a2ed8e409d0c7564', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'd3d604b4416c8196181ec4fd34b254a0909b2aff', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '4ad0047c67825990c1e4c02d377901d11a7937fa' }))));
+        return (h("form", { key: 'cf3b084a99c3cfc77af24f09feeda0468c2e6956', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '3c78499a7df3496cd44416b96fe5fef44cc4d393' }, h("legend", { key: '5aee34b86e10d914964de3f62408b1f1e7899479', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '4ca0d4c213f166f7ea10c0bfe276673ff077e1ba' }), h("div", { key: '95e485006a1111418ed409e7138c7f3098b9517c', class: "row gy-3" }, h("owner-form-inputs", { key: '1df9b40c91223253394c50312950b6b3d42906ff', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'f1e2adc3111366c43a9a0d3cbed9e059916320f8', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'ea19095c86d12cdabd48ad8618213aa06635b80f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'cb60a69f0e3252bb7623945610c5282bedfffe32', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'db9fb6f130a114e82de0fb806ca1d70ac254f032' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

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

@@ -24,7 +24,7 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
         this.formController = undefined;
     }
     render() {
-        return (h("div", { key: 'f54192149ae925bcd08b8408816fc41295ef00f4', class: "row gy-3" }, h("div", { key: '1f70faf2c08ebf277b465cb1532276f7525aa47f', class: "col-12 col-md-8" }, h("form-control-text", { key: '7bae6e4b330cbea14e0be40d1b35e804d62f5323', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '84cbbbf7cfb0e3c41c37b1194292dcb1f191298e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c106ea1b06e69d4b4fe3647cd2d0289185fae2e9', 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: '8040bd2c6f6d67763578117c9a46e8e82aa18abf', class: "col-12 col-md-6" }, h("form-control-text", { key: '48aea09125f010bc799dc8d0e909f83c33972c3a', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '00195bf163c16d8052c97de866bda7ac610cb959', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd02770dcabfc707691ce4262cbca00d30b78a211', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c86d87082365b5daebce40e69f98a8813198eefd', class: "col-12 col-md-4" }, h("form-control-date", { key: 'cd2cfaf3c8a6fbb28719cb85ad4b3954ac2ff059', 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: 'f77e5943b8e04dc20cf9c126f6ad8ee67e27ac12', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '3828035484d53d7267c7ce1686658eaba2495147', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '4a67ced4d2a6f2be7f437e59a119ab97ec8c3ffc', class: "col-12" }, h("justifi-identity-address-form", { key: 'e4fbe8bbd642d623f306236b83be7800db619506', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (h("div", { key: '97911ef690cb7932c0e382cfa79fa3333536055c', class: "row gy-3" }, h("div", { key: '0f15a832bcde62a50fb791e008dcd7da68c8da6b', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fdc50a224e7e17d2923d6eb1fb274103e0d55710', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c4be24670525f2b90fd6de5a0035241190dadd09', class: "col-12 col-md-4" }, h("form-control-text", { key: '8752eb6ea1d24189fd1a4d799145b5bbdc0413f2', 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: '9d19f00bbd407ca55455947d84183530920d799c', class: "col-12 col-md-6" }, h("form-control-text", { key: '10ffe5b44086f623fb9f9d27f4a72cd251589bd0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '2e7eded46b1162d9ecf8c3badc869e98a710abee', class: "col-12 col-md-4" }, h("form-control-date", { key: '2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23', 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: 'dd96fdddddfb082fc0ce670f673decc97956c242', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '640cc2e749dc64879d8211c3340b7c273d3cb817', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '681b2898183d73559150b5debef39901c4679eba', class: "col-12" }, h("justifi-identity-address-form", { key: 'e2de39be536c0854592a5132a6a9ac9d761a0f9b', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
 }, [0, "owner-form-inputs", {

package/dist/module/owner-form.js

@@ -59,7 +59,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        return (h("owner-form-core", { key: '9d1b43ef74d1e2d33cc3145c152564eb297b3cee', 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, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '253fc2c5cf1d8c3d18cbcc43569c50a1dd4394f4', 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, ref: ref => this.coreComponent = ref }));
     }
 }, [0, "justifi-owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.4.0";
+const version = "5.4.2";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";
@@ -35,7 +35,7 @@ const dependencies = {
 	"date-fns": "^2.30.0",
 	"dinero.js": "^1.9.1",
 	"iframe-resizer": "^4.3.7",
-	imask: "^7.6.0",
+	imask: "^7.6.1",
 	lodash: "^4.17.21",
 	rxjs: "^7.8.1",
 	"ts-dedent": "^2.2.0",

package/dist/module/parts.js

@@ -103,6 +103,7 @@ const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment
 const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
 const terminalsListFilterParam = `terminals-list-filter-param`;
 const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
+const terminalOrderIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-order-id-terminals-list-filter-param`;
 const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
 // Terminal Orders List Filters
 const terminalOrdersListFilterMenu = `${filterMenu} terminal-orders-list-filter-menu`;
@@ -112,4 +113,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { checkoutsListFilterMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, statusCheckoutsListFilterParam as a0, paymentModeCheckoutsListFilterParam as a1, dropdownMenu as a2, heading4 as a3, image as a4, paymentsListFilterMenu as a5, paymentIdPaymentsListFilterParam as a6, terminalIdPaymentsListFilterParam as a7, paymentStatusPaymentsListFilterParam as a8, createdAfterPaymentsListFilterParam as a9, createdBeforePaymentsListFilterParam as aa, payoutsListFilterMenu as ab, createdAfterPayoutsListFilterParam as ac, createdBeforePayoutsListFilterParam as ad, terminalOrdersListFilterMenu as ae, orderStatusTerminalOrdersListFilterParam as af, orderTypeTerminalOrdersListFilterParam as ag, createdAfterTerminalOrdersListFilterParam as ah, createdBeforeTerminalOrdersListFilterParam as ai, terminalsListFilterMenu as aj, terminalIdTerminalsListFilterParam as ak, terminalStatusTerminalsListFilterParam as al, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };
+export { checkoutsListFilterMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, statusCheckoutsListFilterParam as a0, paymentModeCheckoutsListFilterParam as a1, dropdownMenu as a2, heading4 as a3, image as a4, paymentsListFilterMenu as a5, paymentIdPaymentsListFilterParam as a6, terminalIdPaymentsListFilterParam as a7, paymentStatusPaymentsListFilterParam as a8, createdAfterPaymentsListFilterParam as a9, createdBeforePaymentsListFilterParam as aa, payoutsListFilterMenu as ab, createdAfterPayoutsListFilterParam as ac, createdBeforePayoutsListFilterParam as ad, terminalOrdersListFilterMenu as ae, orderStatusTerminalOrdersListFilterParam as af, orderTypeTerminalOrdersListFilterParam as ag, createdAfterTerminalOrdersListFilterParam as ah, createdBeforeTerminalOrdersListFilterParam as ai, terminalsListFilterMenu as aj, terminalIdTerminalsListFilterParam as ak, terminalOrderIdTerminalsListFilterParam as al, terminalStatusTerminalsListFilterParam as am, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };

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

@@ -58,14 +58,14 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '00ba42c81617d9593246956e97b6b962817cc167' }, this.loading && h(PaymentDetailsLoading, { key: '1c0fee27dec985cad2cc7d41f61d137246ffcc3e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'e264b42451a8966a4e6313486bc9d1ccaea0141b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'af96a0f502cce1be451160e8ac2f92074b0ee168', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '94f876bd62dd9ccaa6f63f25326390b03c9938d5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96c629e2d1a99eca277ec7337cb3e00e88c1b31e', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '0d18abfae7e9fd0a692ac54640194033a5c36f41', title: "ID", value: this.payment.id })), h("div", { key: '7f9e14d7e0312ba1136cf5734754bf0af6c19774', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a11b47796dada4f9678487edf19dcd7928b08e94', sectionTitle: "Details" }), h("div", { key: 'fa8a895e037adbbcf5856aae4f40306b789a90c8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '84a8fa2b0dc39aa331501e00a8eb9bf93e8bb8c2', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '632fa4e703aabc7b606b939e95d1633a43fedfaa', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'bc37a80a15fea95932d04676f2c5a8a57276958b', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '588a76203897cd31b9d0c1c8de1b7b9b0b107421', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c0fea24390417c591327c76568829cbf9f9147a9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'e332a896b55bb58f3fd26ee892556acb08ced52d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '844fdb40ed55ca0e2f848e7325dcb64f134fa5d6', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'dce95b409eb465e8d6373ad80b7b14a0eecc5aca', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'bed2051bd720b1a790ff59b50bee7f01e3fb222a', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '3283ea5236fab75a32fe569ad29d9b70c62b49a0', sectionTitle: "Payment Method" }),
-            h("div", { key: 'b9a0d9cfca791e3afb4a2e1e73b036319191d485', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '15da44c97292af05a14b3f7840b07bdcf34ae953', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'd8a4a431c3e3ab0d14be8992521ee89b5e126a04', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '1a8ed38a316ea943761d2dd7fda58490180ef3bc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'db695d1b89896a7a73c83fd8a7d5837ad1e69909', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd94879fb30ac0a05a16ce9ddb199fb5cb003a8c1', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '0c171f991fc4dcf840fe076bc116424cc3a87065' }, this.loading && h(PaymentDetailsLoading, { key: 'a5de7e062c82839d908a47c631130a878a3f2d11' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'd215769880123434e0b6bcad24fc3cacc1a1c1c1', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '015128fa7779e3ffe2c8b533004e419451f688bd', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '2ba936ae059994f61b3a1ec9c7698e0ddda4f76f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '45adc7bad5275e26a4d3ad977fd26eb70992d60a', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '4ddb69de4cc522e38a0557b75260da508f8e7b53', title: "ID", value: this.payment.id })), h("div", { key: '47f2ce116914109f25c97419b2342f142e84870e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a0e3ddeca8335c441b19b21666eaa8a2cb876ab9', sectionTitle: "Details" }), h("div", { key: 'd284226522d77f14243fe1c01e4397a0e07acf79', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '43eea18419c944fbef79c3e22261430299e3c88c', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'fd1defcd7f3b1fb45fb2c196acf334025f691a49', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '00b9c31a516c9efabf0e9146b7f85e948334cec6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a3dbaadb65345af971ae2cbd7b9e2270c71ae5b0', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '93d874d02bed9ef2ff30be2f9da815c2364582ba', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '51a2742e4895e74c07205253b96d28cd42ef9e93', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '465262f8f448f1afd75b5e2f3f4f0d7d70aad7ca', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '5b0db9a8f2d96741568e4622cc7495868491226b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0643523eefc49aa046cbfc5802cce2070a25e299', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'c3d885b1be787a7800f1d36811647097264e7f26', sectionTitle: "Payment Method" }),
+            h("div", { key: 'da73b925ba2587e8dc1f860bd4d36dda55dd0d79', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '80410dd5c2de2cdb1f8dfc30fb514df972e30721', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '57d05211be0fbddae3e69637d7936576c3fb745f', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '35cae308ec9a99e3202bafe287e9bd08c2e6632d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9e3c757e1429a600ecf345c0a6cc1b275058c50e', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3027147373d335045b62ca1a0c94b408e00de733', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '84dae904db3c22ff5ed03abaeb57d3b0736d1fbb', sectionTitle: "Payment Method" }),
-            h("div", { key: '400801019a53feec0478273866fffa5683b408aa', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ca7bb52e4275659b18daacfa6367de2f32617e70', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '4885d2b5f05b6a713d61074271c7a95b23604dca', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '604ec4efe78a12a1c36d8416c9fdec70351a6dad', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '1ef77a81232e19d1063af9e863f5c9ada183715f', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '1d0a45dd7b7f44b2bad75db9ddb7886b9fc36c9c', sectionTitle: 'Metadata' }), h("div", { key: '364dfb72b9585b672a510b11ecf794c8293ac88d', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '1b9254f2f5f81959ea4e190a3a84129d8c54eccd', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '0506c560ebc7a95fea06a78a50b8589bf9efeca5', sectionTitle: "Payment Method" }),
+            h("div", { key: '57e5656f56aacd0a85fe800a16c6937fef0a6ac1', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0ec754633c7e3f676d87c74507f84736e745d119', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '4cd617f0ebb487021819cd44cc7bde54f9bbcf2f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'bb0bf949bfbd774fa1167ff14f824de494e8930c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '807e0e394ea92e44dd549c96d44911f76e1cf4d8', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: '44ac1f6ffd7a0c1dc0785c2cd035c21c6c064bf8', sectionTitle: 'Metadata' }), h("div", { key: '3198fa94234aa237447862fd5b2e6f180d0b716a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '68f75ac2b481f68de6999f2427cafb7debae55b7', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

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

@@ -79,7 +79,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     render() {
         var _a;
-        return (h(Host, { key: '24e7d418958eb61f9582317e615502e77b4090d0' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;

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

@@ -13,7 +13,7 @@ import { d as defineCustomElement$t } from './custom-popper2.js';
 import { d as defineCustomElement$s } from './form-control-checkbox2.js';
 import { d as defineCustomElement$r } from './form-control-date2.js';
 import { d as defineCustomElement$q } from './form-control-file2.js';
-import { d as defineCustomElement$p } from './form-control-monetary2.js';
+import { d as defineCustomElement$p } from './form-control-monetary-provisioning2.js';
 import { d as defineCustomElement$o } from './form-control-number-masked2.js';
 import { d as defineCustomElement$n } from './form-control-select2.js';
 import { d as defineCustomElement$m } from './form-control-text2.js';
@@ -133,7 +133,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '498b6e0a593808dd761b9cefdb7e94124d445348' }, h("div", { key: 'd746caba6329ac82e75978bd19fbc09c8a43d60f', class: 'row gap-3' }, h(Header1, { key: '439425337ed7767ce4fc8c94e31f6997aa1b62d8', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'fd95a40c0a72c94cbb146cbc866d6b057cbfc5c0', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '350fc615685f872cb6ba5537dc2de5d2a205e5cc', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '3f9a36bc1d58efdfe81b4d7022647b0c1fbc1911', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'e1c061aa840b3b8ac1bad472d763fcd54c902681', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'e195b19df4d1061ecf8b305005faf0ffce68221e' }, h("div", { key: '17d42ba0a22567dce6760e2047478eb1bc36a794', class: 'row gap-3' }, h(Header1, { key: '507788c4af5572cbb09037443ae51b505567d825', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '4b7e73217ff8230756542c3b0c069e18b7f23356', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2ae1e8386114181cbd6f7999ac047b7709daa4fb', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'a126b618a3028c4c7a9c12145ab63e222a17e51f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a66e1ac554e0dffa78be59df6a74d8175ba0376c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [0, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],
@@ -151,7 +151,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
@@ -193,7 +193,7 @@ function defineCustomElement() {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-monetary":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }

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

@@ -25,7 +25,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'f5b14768cd97673e77c1ee2d9d73221cdee885e6', class: 'd-flex gap-2' }, h(Button, { key: '4726571002718d036c292a41dc216955ba5ec687', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '3852cfcd4704f5509f22a5c457526fe8475df096', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd62830b61932581071a1a44d872760be0823215a', 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: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [0, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],