@justifi/webcomponents 4.22.2 → 4.23.0

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

@@ -37,7 +37,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '0c4290f6731324ed511abb14a7b84e07f061e2d0', exportparts: "label,input,input-invalid" }, h("div", { key: '615c33ea0f0488b0d1224fb158d77cd1234fa311', class: "form-group d-flex flex-column" }, h("label", { key: '86f2ce13d24b447f84af7bc59a89267e988992ce', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '1dbade53d02ac7a7daa1b546ab5d6d0e18c5fb46', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '73974fe9a18995251e39ca494ec9cecbf90af21d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e8f10bd3ec0fbb215d113159d38888fe9b3f4689', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'df50b59fa604d9411c904096342910fa7bda38c5', exportparts: "label,input,input-invalid" }, h("div", { key: '586ec64cf4e9fa5c557745225a24b500ccbe2479', class: "form-group d-flex flex-column" }, h("label", { key: 'eb2134c04fb7ed8e23606eaef6257767451fc4f1', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '786ba64947c1ecfc70bbca823490a227c9fcd544', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'a3d0c605439eb3f6dab7c61dc49c14dad0207623', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0abe694c8b7a66378b447728a466407b51b082', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-payout-csv.js

@@ -5,21 +5,30 @@ import './Payment.js';
 import './SubAccount.js';
 import { c as config } from './config.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class PayoutService {
-    async fetchPayouts(accountId, authToken, params) {
-        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
+    async fetchPayouts(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const api = Api({ authToken, apiOrigin });
         const endpoint = `account/${accountId}/payouts`;
         return api.get(endpoint, params);
     }
-    async fetchPayout(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
+    async fetchPayout(payoutId, authToken, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const api = Api({ authToken, apiOrigin });
         const endpoint = `payouts/${payoutId}`;
         return api.get(endpoint);
     }
-    async fetchCSV(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
+    async fetchCSV(payoutId, authToken, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const api = Api({ authToken, apiOrigin });
         const endpoint = `reports/payouts/${payoutId}`;
         return api.get(endpoint);
     }

package/dist/module/get-subaccounts.js

@@ -5,7 +5,7 @@ import './Payment.js';
 import { S as SubAccount } from './SubAccount.js';
 import { c as config } from './config.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class SubAccountService {
     async fetchSubAccounts(accountId, authToken, params, apiOrigin) {

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils4.js';
+import { n as numberOnlyHandler } from './utils5.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';

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

@@ -3,7 +3,7 @@ import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$7 } from './additional-questions-details2.js';

package/dist/module/justifi-checkout.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';

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

@@ -4,7 +4,7 @@ import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
@@ -112,7 +112,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '6e6faed5df0fcdc48018650867672c5d325d1934', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '92ceb10f7bd76864629ed0990a7f34fab76ce517', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '34696607c3d7588b1909a055cbc80a8b96689037', exportparts: tableExportedParts }, h("checkouts-list-core", { key: 'ee0682ff230d2ae4ec38dc7caef942a85acd4871', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';

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

@@ -5,7 +5,7 @@ import './Pagination.js';
 import { a as Payment } from './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';

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

@@ -6,7 +6,7 @@ import './SubAccount.js';
 import { l as loadFontsOnParent } from './utils2.js';
 import { c as config } from './config.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage } from './utils3.js';
+import { g as getErrorMessage } from './utils4.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';

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

@@ -5,12 +5,13 @@ import './Pagination.js';
 import { a as Payment } from './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as config } from './config.js';
 import { S as StyledHost } from './styled-host.js';
 import { t as tableExportedParts } from './exported-parts.js';
+import { d as defineCustomElement$4, a as defaultColumnsKeys } from './payments-list-core2.js';
 import { d as defineCustomElement$b } from './custom-popper2.js';
 import { d as defineCustomElement$a } from './form-control-date2.js';
 import { d as defineCustomElement$9 } from './form-control-error-text2.js';
@@ -18,7 +19,6 @@ import { d as defineCustomElement$8 } from './form-control-select2.js';
 import { d as defineCustomElement$7 } from './form-control-text2.js';
 import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$5 } from './pagination-menu2.js';
-import { d as defineCustomElement$4 } from './payments-list-core2.js';
 import { d as defineCustomElement$3 } from './payments-list-filters2.js';
 import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
@@ -66,6 +66,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         this.accountId = undefined;
         this.authToken = undefined;
         this.apiOrigin = config.proxyApiOrigin;
+        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -97,7 +98,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a1c35cabf7026d694df44351b0879839a21376b8', exportparts: tableExportedParts }, h("payments-list-core", { key: 'c07919c4982f04122d5e4b2a6bdb4e506f7384e5', getPayments: this.getPayments, "onError-event": this.handleErrorEvent })));
+        return (h(StyledHost, { key: '78b8e22426135db19223ca0ddc62aaf6f42a1080', exportparts: tableExportedParts }, h("payments-list-core", { key: '23c5aeeb9a6766de2ddb42f62a2163fa8f14ac81', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -107,6 +108,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
         "apiOrigin": [1, "api-origin"],
+        "columns": [1],
         "getPayments": [32],
         "errorMessage": [32]
     }, undefined, {

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

@@ -5,7 +5,7 @@ import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';

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

@@ -1,26 +1,30 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { t as tableExportedParts } from './exported-parts.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as config } from './config.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
-import { J as JustifiAnalytics } from './Analytics.js';
-import { c as checkPkgVersion } from './check-pkg-version.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$7 } from './custom-popper2.js';
-import { d as defineCustomElement$6 } from './form-control-date2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$3 } from './pagination-menu2.js';
-import { d as defineCustomElement$2 } from './payouts-list-core2.js';
+import { t as tableExportedParts } from './exported-parts.js';
+import { d as defineCustomElement$4, a as defaultColumnsKeys } from './payouts-list-core2.js';
+import { d as defineCustomElement$9 } from './custom-popper2.js';
+import { d as defineCustomElement$8 } from './form-control-date2.js';
+import { d as defineCustomElement$7 } from './form-control-error-text2.js';
+import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$5 } from './pagination-menu2.js';
+import { d as defineCustomElement$3 } from './payouts-list-filters2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
-const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
+const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchPayouts(id, authToken, params);
+        const response = await service.fetchPayouts(id, authToken, params, apiOrigin);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payout(dataItem))) || [];
@@ -37,10 +41,9 @@ const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSucces
         }
     }
     catch (error) {
-        const message = getErrorMessage(error);
         const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
         return onError({
-            error: message,
+            error: error.message || error,
             code,
             severity: ComponentErrorSeverity.ERROR,
         });
@@ -57,29 +60,37 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.accountId = undefined;
-        this.authToken = undefined;
         this.getPayouts = undefined;
         this.getPayoutCSV = undefined;
+        this.getSubAccounts = undefined;
         this.errorMessage = null;
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.initializeServices();
+        this.initializeGetData();
     }
     disconnectedCallback() {
         this.analytics.cleanup();
     }
     propChanged() {
-        this.initializeServices();
+        this.initializeGetData();
     }
-    initializeServices() {
+    initializeGetData() {
+        this.initializePayoutsServices();
+        this.initializeGetSubAccounts();
+    }
+    initializePayoutsServices() {
         if (this.accountId && this.authToken) {
             const serviceParams = {
                 id: this.accountId,
                 authToken: this.authToken,
                 service: new PayoutService(),
+                apiOrigin: this.apiOrigin
             };
             this.getPayouts = makeGetPayouts(serviceParams);
             this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
@@ -88,12 +99,23 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
             this.errorMessage = 'Account ID and Auth Token are required';
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: 'Account ID and Auth Token are required',
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    initializeGetSubAccounts() {
+        if (this.accountId && this.authToken) {
+            this.getSubAccounts = makeGetSubAccounts({
+                accountId: this.accountId,
+                authToken: this.authToken,
+                service: new SubAccountService(),
+                apiOrigin: this.apiOrigin
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '8d72aa16705df76ed49a13a59e88a40a75c23488', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '94428c879981bbc036e1d4f6c59c1e1c1146c824', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
+        return (h(StyledHost, { key: '5f482e2ab5d1a022c9f54f13a8ab31860ff4b6ec', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'fe5decfcda48b54bbcded8c605d0f3a2576c35cb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -102,8 +124,11 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
 }, [1, "justifi-payouts-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "columns": [1],
         "getPayouts": [32],
         "getPayoutCSV": [32],
+        "getSubAccounts": [32],
         "errorMessage": [32]
     }, undefined, {
         "accountId": ["propChanged"],
@@ -113,7 +138,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payouts-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-tooltip", "pagination-menu", "payouts-list-core"];
+    const components = ["justifi-payouts-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-tooltip", "pagination-menu", "payouts-list-core", "payouts-list-filters", "table-filters-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list":
             if (!customElements.get(tagName)) {
@@ -122,30 +147,40 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$6();
             }
             break;
         case "pagination-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$5();
             }
             break;
         case "payouts-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "payouts-list-filters":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "table-filters-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -103,7 +103,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '05a417edd28ecdb609c9ca6abaa60004fe782beb' }, h("h1", { key: '05450dad6321a3cb94461d020a64dde7abfcb287' }, "Refund"), this.refundInfoText && (h("div", { key: '4874c1bbbbcb0caac057e7d29eb5d62f998e7f70', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'cb64bc85188e882e6c863bb2e56411f31f9675d3', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'd1497287435d3b87f77bf37d4bd1473cf1ddc4f3', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '4936209e143d8c5d6ef6a32ddc49d63b92711351', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'fc6e616809550f22b949d1f256b4ddc922e1fab9', class: "form-group" }, h("form-control-monetary", { key: '220c36b30960e85b30999267b7daa933062e4ca0', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'd40556a67819325134ff1389a8e8018b024ce0da', class: "form-group" }, h("form-control-text", { key: '1c1cb5a345118902830bad6ec852bfb0641a983c', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'bb167956ce0a4bef63fbdee79681348a963f55be', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'd6767bf536e4416f4071271cc2028be69686a59e', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '63863f5db62aa514fdf76c673d33634d0ce091b5' }, h("h1", { key: '3cd25385bb1d14a041abde024db70f052b913479' }, "Refund"), this.refundInfoText && (h("div", { key: 'df4fdf161bdc6330db3d04fab06b023b19dd4be6', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '053bc242826eeb92456ad1869e11a0083c8a65f6', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'cec5c737d36aba8328e07871717aaa6107f3ff8d', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'f43a1ec8344b9a6222470bb59924743583d61699', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'bdb96e4a7b9aacd6d85d5736bcc3bfa9c7b949dc', class: "form-group" }, h("form-control-monetary", { key: '59c922da8305ea8069de82f94f287a9d4a885f08', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '536874e5887e8085409bc6e2220de0029f986613', class: "form-group" }, h("form-control-text", { key: '25ad446fa05c176169b45b72b26fedfb759376b0', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '51a1334769beb7911e2bee6416f1e325e9b6e456', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1fe584c4c1fcb7e4f36063774303ac17132debbf', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get style() { return JustifiRefundFormStyle0; }
 }, [1, "justifi-refund-form", {

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

@@ -5,7 +5,7 @@ import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { c as config } from './config.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';

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

@@ -8,7 +8,7 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { T as Terminal } from './SubAccount.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import { t as tableExportedParts } from './exported-parts.js';
@@ -28,7 +28,7 @@ class TerminalService {
             apiOrigin = config.proxyApiOrigin;
         }
         const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals';
         return api.get(endpoint, params, null, headers);
     }
@@ -132,7 +132,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '8ffe95f21b5ef8c1c15fc0e22a9c824cff758ee6', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'a550f1f85b84f6cc06bd93b5e5a9ec726b72b46c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b0109248be43245cc91a844960f83c80b09b88a3', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'c1b6467303b606863c544f898a3c0b8e37c597c2', 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

@@ -58,7 +58,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'd6b961d57ad40a36a55db9f4a338f2e4659737b8' }, h("form", { key: '478202bc0e742f132df696e317a5d87b583a65c3' }, h("fieldset", { key: '565295af010636d9746c5a3466ce6b3bf4fe5ba2' }, h("div", { key: '95736fa3b125f6c389e80505842749d40eb50318', class: "row gy-3" }, h("div", { key: '086f7078ab5301c59ea3a1003162ebf82907b594', class: "col-12" }, h("justifi-payment-method-options", { key: '13d99aee101cd0dc9cdf52abf3e510a8ee490e82', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '348afe48dbcb996b268bf9e6416f25540f9b2930', class: "col-12" }, h(Button, { key: '00baa2bd2b99a9a8329b9abaace0afac36ae094a', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'ff495ccfaf453b5efc1e09d6a3dbeae2f7056368' }, h("form", { key: '92e7ce29d3d7f12def1f83e35130de8ec3637140' }, h("fieldset", { key: 'b0e1b306f0ad87cabf04429760f9043319ea45c3' }, h("div", { key: '1176a0d441ed62522ddabf573f674903e39b17f2', class: "row gy-3" }, h("div", { key: 'c920e3759b0ae8dabda8947823831a5bac39b33a', class: "col-12" }, h("justifi-payment-method-options", { key: '1e764236818baef88ce825dbc8903f2767d2fa95', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'f1cd3b08d4c558933b3da04073e527b5b0958f8b', class: "col-12" }, h(Button, { key: 'd321de173c8deaf8dcb382d14d9688cbd83ee3b9', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
     }
     static get style() { return JustifiTokenizePaymentMethodStyle0; }
 }, [1, "justifi-tokenize-payment-method", {

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

@@ -4,7 +4,7 @@ import { F as FormController } from './form.js';
 import { b as Address } from './Business.js';
 import { B as BusinessFormStepV2 } from './business-form-types.js';
 import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils4.js';
+import { n as numberOnlyHandler } from './utils5.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils4.js';
+import { n as numberOnlyHandler } from './utils5.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.22.2";
+const version = "4.23.0";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";
@@ -32,7 +32,7 @@ const dependencies = {
 	"@stencil/store": "^2.0.8",
 	bootstrap: "^5.2.3",
 	"chart.js": "^4.4.1",
-	"date-fns": "^2.29.3",
+	"date-fns": "^2.30.0",
 	"dinero.js": "^1.9.1",
 	"iframe-resizer": "^4.3.7",
 	imask: "^7.6.0",

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { p as packageJson } from './package.js';
-import { e as composeQueryParams } from './utils2.js';
+import { c as composeQueryParams } from './utils3.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1670,7 +1670,7 @@ const PaymentMethodForm = /*@__PURE__*/ proxyCustomElement(class PaymentMethodFo
         (_a = this.frameService) === null || _a === void 0 ? void 0 : _a.addMessageListener(this.dispatchMessageEvent);
     }
     render() {
-        return (h(Host, { key: '10987c92745fbff8bb85367db69b76e2bc786c88' }, h("iframe", { key: '0622dd0201a04a3c918fd3d175d2a29f24609759', id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
+        return (h(Host, { key: '73a54aaa587c49fb9087160095c21f9945687d04' }, h("iframe", { key: '08c49fd1101a79521288fac3aa8aef375054d0e2', id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, onLoad: () => {

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

@@ -1,5 +1,5 @@
 import { a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 // Entity API Actions
 const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {