@justifi/webcomponents 5.7.0 → 5.7.2

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

@@ -1,10 +1,11 @@
+import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
-import { a as Payment } from './Payment.js';
+import { b as Payment } from './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {

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

@@ -1,4 +1,4 @@
-import { C as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity } from './Checkout.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {

package/dist/module/get-subaccounts.js

@@ -1,11 +1,12 @@
-import { A as Api } from './ApiNew.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity } from './ComponentError.js';
-import './Checkout.js';
+import { A as Api } from './Api.js';
+import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { S as SubAccount } from './Refund.js';
 import './Document.js';
+import './Business.js';
+import './config-state.js';
+import './utils2.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const api = Api();

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as formatCurrency, m as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 

package/dist/module/hidden-input2.js

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

package/dist/module/iframe-input2.js

@@ -1617,10 +1617,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'a5f275ef30181f08abf56b7d7967cb8fe8062890', class: "form-group d-flex flex-column" }, h("div", { key: 'b3c1f25b51b2780008a976545722b8ecc570bc36', style: {
+        return (h(Host, { key: '7482645d98277dfb65e78a2003e020216fcb52c3', class: "form-group d-flex flex-column" }, h("div", { key: '746fca9a555309152d5cf3943d31d3b3b2c9bfde', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '6df0b61a71bfe35981bd91f14a28e55d85fc3d43', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '759f070e743795d9e92ee10389157cc8946aba51', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'def8ba2e7721262374e8ff101edc4b495ecad24a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '55b203e278ec100baf7949a91eb6a43135c82402', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'c3dd73db2accf012c5a8f3a5c8e32863fe87fd73', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '5eb7c35da6ca7910ccf74a24d77ee47d6b4479f9', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1630,7 +1630,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '4d4203df343a2b0c0f4b9fcbfd841d30d5939612', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '291b487d0b798b6658d83b9c9f775ba4f02e09de', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

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

@@ -1,12 +1,13 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$7 } from './additional-questions-details2.js';
-import { d as defineCustomElement$6 } from './business-details-core2.js';
-import { d as defineCustomElement$5 } from './generic-info-details2.js';
+import { d as defineCustomElement$8 } from './additional-questions-details2.js';
+import { d as defineCustomElement$7 } from './business-details-core2.js';
+import { d as defineCustomElement$6 } from './core-info-details2.js';
+import { d as defineCustomElement$5 } from './details.js';
 import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.js';
@@ -17,6 +18,11 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -24,8 +30,10 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.initializeGetBusiness();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     initializeGetBusiness() {
         if (!this.businessId || !this.authToken) {
             this.errorMessage = 'Invalid business id or auth token';
@@ -44,9 +52,9 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
     }
     render() {
         if (this.errorMessage) {
-            return h(Host, null, ErrorState(this.errorMessage));
+            return ErrorState(this.errorMessage);
         }
-        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
+        return (h("business-details-core", { getBusiness: this.getBusiness, "onError-event": this.handleErrorEvent }));
     }
 }, [1, "justifi-business-details", {
         "businessId": [1, "business-id"],
@@ -58,7 +66,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "generic-info-details", "legal-address-details", "owner-details", "representative-details"];
+    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-details":
             if (!customElements.get(tagName)) {
@@ -67,15 +75,20 @@ function defineCustomElement$1() {
             break;
         case "additional-questions-details":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "business-details-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "core-info-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "generic-info-details":
+        case "justifi-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -4,9 +4,9 @@ import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
+import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
@@ -106,8 +106,10 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.initializeApi();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     get title() {
         return this.removeTitle ? '' : this.formTitle;
     }

package/dist/module/justifi-checkout.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
@@ -90,8 +90,10 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.initializeGetCheckout();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     initializeGetCheckout() {
         if (this.authToken && this.checkoutId) {
             this.getCheckout = makeGetCheckout({
@@ -124,11 +126,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         return { isValid };
     }
     render() {
-        return (h("justifi-checkout-core", { key: '2a0e3529580beae8de71d6305e3ca9af2c705ee5', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
+        return (h("justifi-checkout-core", { key: 'c1c7cf4f1aadce928e3ed6a6ae05a7824d875d68', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '132ad877917930b63fdd9d4ff5432d2f6a82a76d', slot: "insurance" }, h("slot", { key: '9854d96105ebac1adc176ea195f0e0b2b792b125', name: "insurance" }))));
+            } }, h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './config-state.js';
 import './utils2.js';
-import './ComponentError.js';
-import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout.js';
+import { I as ICheckoutStatus, c as ICheckoutPaymentModeParam } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
 import { a2 as checkoutsListFilterMenu, a3 as statusCheckoutsListFilterParam, a4 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';

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

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import { C as Checkout } from './Checkout.js';
+import { b as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { C as CheckoutService } from './checkout.service.js';
@@ -64,8 +65,10 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         this.initializeGetData();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetData();
     }
@@ -100,7 +103,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '086d85512b11a65ac2d8960f515e373093d4bd96' }, h("checkouts-list-core", { key: 'abe06be934ac5f13ec98425f29c6b6b7c0ff4456', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'c76ca3b186023ebea3ac3fe0cf6599786a2f2ea7' }, h("checkouts-list-core", { key: '484d31c0b0434181b3bd69cb9c3b6810aa0f2983', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { a as Dispute } from './Dispute.js';
+import { D as Dispute } from './Payment.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
@@ -70,7 +70,8 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         this.initializeGetDispute();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
     propChanged() {
@@ -94,7 +95,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '12e281244496ede936b191dbc5b4069404d931e9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '5abe4c29317f9baa7fc40d82e2cd533de321d58f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -1,16 +1,21 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
+import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
+const api = Api();
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
         const endpoint = `account/${accountId}/reports/gross_volume`;
-        return api.get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
 }
 
@@ -60,8 +65,10 @@ const GrossPaymentChart = /*@__PURE__*/ proxyCustomElement(class GrossPaymentCha
         this.initializeGetGrossPayment();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetGrossPayment();
     }

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

@@ -4,13 +4,13 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
+import './config-state.js';
 import { n as formatPhoneNumber } from './utils2.js';
-import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund.js';
@@ -142,6 +142,11 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.analytics = new JustifiAnalytics(this);
         this.loadData();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    ;
     handleError(errorMessage, code, severity) {
         this.error = { message: errorMessage, code, severity };
         this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
@@ -227,7 +232,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '47251af3261d16cfc067bca3b3810805d93ba36d' }, h("div", { key: '13c73bb09cdbad48ee7b15089daf1b6bf56cf256', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '95d4b374036e4713216ce61e87571a607b8c3f0a' }, h("div", { key: '3e57b055db0d1bf26b9eb38a78fa57493afd3af3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { E as ErrorState } from './utils.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
@@ -26,7 +26,8 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         this.initializeGetPaymentDetails();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
     propChanged() {

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

@@ -1,9 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { A as Api } from './ApiNew.js';
+import { A as Api } from './Api.js';
+import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
+import './Document.js';
+import './Business.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$w } from './business-documents-on-file2.js';
@@ -68,8 +73,10 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         this.initializeApi();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     initializeApi() {
         if (this.authToken && this.businessId) {
             this.getBusiness = makeGetBusiness({
@@ -93,7 +100,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'ab584a720ecfc7ec4e68082fefadeb11fd2884d2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '11871305b4b4974787a9278195ea0b314be250b0', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-payment-transactions-list.js

@@ -1,11 +1,12 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import './config-state.js';
 import { h as convertToLocal } from './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import { c as PaymentBalanceTransaction } from './Refund.js';
 import './Document.js';
+import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PaymentService } from './payment.service.js';
@@ -129,8 +130,10 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         this.initializeApi();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeApi();
     }
@@ -179,7 +182,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '95b1793a1b1dd1f30857a2da18884569bb37673a' }, h(TableWrapper, { key: '213c53810f28609c5166c4b7865a4b923db64148' }, h(TableComponent, { key: 'c4c9ad468955900dd3dadf55bf74961b347db725' }, h(TableHead, { key: '0aaa96e09c54865f5bbe74abf236db20a69c0df9' }, h(TableHeadRow, { key: '69258a4be5ddba8c3db1f2e801c7101a51efadd2' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '961a12de0888c9ab76ae708f1694955cadc05ffb' }, h(TableLoadingState, { key: 'd5d5b788698eb28ff2dcccf902694fb166f7e805', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '311f9238c5ed98e1801cd482967814e2d1b98547', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '86c6728fb2a4ff6a1de0032cda9a5e6fdfb2a19c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4fe703ff7a69a534424fde0154203a0f1f0a2240' }, h(TableFootRow, { key: 'b6dafac49888c3745461a18723b74f46d1353478' }, h(TableFootCell, { key: '1906f0ab8f62c94cb976a37eb12ffb479ccb8333', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '114ec152e59ddd485f465774a7f8f656d618083a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '5afad0e2e8dc4f37660b09c434fa1e69014194f6' }, h(TableWrapper, { key: '90b657d1a31077ccfee1c494e5bde526572d86b1' }, h(TableComponent, { key: 'c25fd7f2cb00dff6e7d1e5102660c28c08735439' }, h(TableHead, { key: 'a6a9bfd9dff7aa5c82e2dbe5c3c5674b4e6a5c04' }, h(TableHeadRow, { key: 'a7e136e48933ae4f7dabc3cb70bda5f2016b400f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '921169d43283f1b13921f3972e4ff912a92a27eb' }, h(TableLoadingState, { key: '69e6d2c8df07e0acb657ab0f7997b6576be86c91', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6a8a44d407bc4cb75e003ce68b174eed3aee885f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '599552617b6e9f4dc6451a4fbbb5fe2c402849e4', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c2cadba24db21209557443e598ae2fbb1f4f1ffa' }, h(TableFootRow, { key: 'ffa9e9f6bf3dd7bb6bb5b8626756edf7ee249074' }, h(TableFootCell, { key: '7d6a900f2aac9483004c4eda42b3592db4495cca', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '028b35bc60ff879529a10ef43de4f45ba2aeb584', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -55,8 +55,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '10829c1f0fc63fa2f7d051d0cfecf99cfa7d5d53' }, h("table-filters-menu", { key: 'c59be37898d0eb1b6b6d19c4b338a527efcb6cc6', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '716e807db90c39aa977e9b5daf6a411d3086ca63', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a6f176d96dc459cc78135bdb2eab080876883c9e', class: "p-2" }, h("form-control-text", { key: '08acfb9b4d70e641a33482abfb20085ef1dfe193', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'bb19e9f99e3365163701450b28e008decd59596a', class: "p-2" }, h("form-control-text", { key: 'bbeec69309d93ac6dc519369fea831a37e09cff1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'c4a260634c01d93cffe4106dc2d39b74ee74d1bb', class: "p-2" }, h("form-control-select", { key: 'f9bf9bea0a8de4387523379494a2ef6da763a532', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'b9f48f0df0007629e0046a9c001b4ed92e29e229', class: "p-2" }, h("form-control-date", { key: 'c997c468c94710e8f16bd5125092390d6444b247', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '792715eec40293f7877377b06d97402a9befe6c9', class: "p-2" }, h("form-control-date", { key: '5a175d01c307a5273a9d41dc8c319554dc32e2e0', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '41c3ce22404b0e8e536d8c230886eadc34b77208' }, h("table-filters-menu", { key: '864a91207169043f08a47c90c8f867d0e32031e2', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd2a98ef4ab0094f708de21c2c3e02ec149b5e72f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '00b9b884348d47e7dc1670064c1c0486eefc0a21', class: "p-2" }, h("form-control-text", { key: '405ee21a3780942784738a0cc0a3b423a03c2b5e', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5401d6d05995af1fa7ab801987d79711c16aecc1', class: "p-2" }, h("form-control-text", { key: 'e1518fddbd3e62af0ddce873a191376b2504c9e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '131c39879c3823c3d380d4939e6b93a2771bc86a', class: "p-2" }, h("form-control-select", { key: '856053d6ce5381956a18c6a21df169898fa71616', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '76ad87197605e45ae06fefc547755df29741fa18', class: "p-2" }, h("form-control-date", { key: '7cdd9b684a87e2da99ecfe963349433bf7ac1d45', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'ae78b441f6dbbbdca902fb4f83f7531e80322ff2', class: "p-2" }, h("form-control-date", { key: '34d321e3cd47ccd95ea30d7a54cfb36e34af64db', 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: createdBeforePaymentsListFilterParam }))))));
     }
 }, [1, "justifi-payments-list-filters", {

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

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
+import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
-import { a as Payment } from './Payment.js';
+import { b as Payment } from './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
@@ -66,8 +67,10 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         this.initializeGetPayments();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetPayments();
     }
@@ -89,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '1527d43387894949810bae0fa5ebeb172f71bbaf' }, h("payments-list-core", { key: '198cbb929b4793c37a0963554d841ac7999e3c29', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '26ccbd4f232a44cc9a682d9496fc0eb714c89864' }, h("payments-list-core", { key: 'c2b9653272eb8e3ebcd21309a0c475514ec1aa35', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PayoutService } from './payout.service.js';
+import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './Refund.js';
 import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
@@ -61,8 +62,10 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
         this.initializeServices();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeServices();
     }