@justifi/webcomponents 4.21.0 → 4.22.0

package/dist/module/justifi-cancellation-policy.js

@@ -0,0 +1,6 @@
+import { C as CancellationPolicy, d as defineCustomElement$1 } from './cancellation-policy.js';
+
+const JustifiCancellationPolicy = CancellationPolicy;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCancellationPolicy, defineCustomElement };

package/dist/module/justifi-checkout.js

@@ -1,11 +1,7 @@
 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 { A as Api } from './Api.js';
-import './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { c as config } from './config.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';
 import { d as defineCustomElement$e } from './custom-popper2.js';
@@ -76,23 +72,6 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-class CheckoutService {
-    async fetchCheckout(authToken, checkoutId) {
-        const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
-    }
-    async complete(authToken, checkoutId, payment) {
-        const endpoint = `checkouts/${checkoutId}/complete`;
-        const payload = {
-            payment_mode: payment.payment_mode,
-        };
-        if (payment.payment_token) {
-            payload.payment_token = payment.payment_token;
-        }
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
-    }
-}
-
 const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLElement {
     constructor() {
         super();

package/dist/module/justifi-checkouts-list.d.ts

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

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

@@ -0,0 +1,191 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { C as Checkout } from './Checkout.js';
+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 { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as CheckoutService } from './checkout.service.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';
+import { d as defineCustomElement$9 } from './checkouts-list-core2.js';
+import { d as defineCustomElement$8 } from './checkouts-list-filters2.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.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 './table-filters-menu2.js';
+
+const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchCheckouts(accountId, authToken, params, apiOrigin);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout(dataItem))) || [];
+            onSuccess({ checkouts, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.getCheckouts = undefined;
+        this.getSubAccounts = undefined;
+        this.errorMessage = null;
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+        this.columns = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetData();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetData();
+    }
+    initializeGetData() {
+        this.initializeGetCheckouts();
+        this.initializeGetSubAccounts();
+    }
+    initializeGetCheckouts() {
+        if (this.accountId && this.authToken) {
+            this.getCheckouts = makeGetCheckouts({
+                accountId: this.accountId,
+                authToken: this.authToken,
+                service: new CheckoutService(),
+                apiOrigin: this.apiOrigin,
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                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: '42ff5c1cff57b185200aa0c31f4fdb44b3401c91', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '55565a5f61c671bae9554c7d9ecab044c7bb987c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+}, [1, "justifi-checkouts-list", {
+        "accountId": [1, "account-id"],
+        "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "columns": [1],
+        "getCheckouts": [32],
+        "getSubAccounts": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-checkouts-list", "checkouts-list-core", "checkouts-list-filters", "custom-popper", "form-control-error-text", "form-control-select", "form-control-tooltip", "pagination-menu", "table-filters-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-checkouts-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CheckoutsList);
+            }
+            break;
+        case "checkouts-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "checkouts-list-filters":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiCheckoutsList = CheckoutsList;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCheckoutsList, defineCustomElement };

package/dist/module/justifi-counter-dispute.d.ts

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

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

@@ -0,0 +1,6 @@
+import { C as CounterDispute, d as defineCustomElement$1 } from './counter-dispute.js';
+
+const JustifiCounterDispute = CounterDispute;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCounterDispute, defineCustomElement };

package/dist/module/justifi-customer-details.d.ts

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

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

@@ -0,0 +1,6 @@
+import { C as CustomerDetails, d as defineCustomElement$1 } from './customer-details.js';
+
+const JustifiCustomerDetails = CustomerDetails;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCustomerDetails, defineCustomElement };

package/dist/module/justifi-dispute-management-core.d.ts

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

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

@@ -0,0 +1,6 @@
+import { D as DisputeManagementCore, d as defineCustomElement$1 } from './dispute-management-core.js';
+
+const JustifiDisputeManagementCore = DisputeManagementCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeManagementCore, defineCustomElement };

package/dist/module/justifi-dispute-management.d.ts

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

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

@@ -0,0 +1,157 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$m } from './custom-popper2.js';
+import { d as defineCustomElement$l } from './form-control-date2.js';
+import { d as defineCustomElement$k } from './form-control-error-text2.js';
+import { d as defineCustomElement$j } from './form-control-file2.js';
+import { d as defineCustomElement$i } from './form-control-help-text2.js';
+import { d as defineCustomElement$h } from './form-control-radio2.js';
+import { d as defineCustomElement$g } from './form-control-text2.js';
+import { d as defineCustomElement$f } from './form-control-textarea2.js';
+import { d as defineCustomElement$e } from './form-control-tooltip2.js';
+import { d as defineCustomElement$d } from './additional-statement.js';
+import { d as defineCustomElement$c } from './cancellation-policy.js';
+import { d as defineCustomElement$b } from './counter-dispute.js';
+import { d as defineCustomElement$a } from './customer-details.js';
+import { d as defineCustomElement$9 } from './dispute-management-core.js';
+import { d as defineCustomElement$8 } from './dispute-notification.js';
+import { d as defineCustomElement$7 } from './dispute-reason.js';
+import { d as defineCustomElement$6 } from './duplicate-charge.js';
+import { d as defineCustomElement$5 } from './electronic-evidence.js';
+import { d as defineCustomElement$4 } from './product-or-service.js';
+import { d as defineCustomElement$3 } from './refund-policy.js';
+import { d as defineCustomElement$2 } from './shipping-details.js';
+
+const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManagement extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("justifi-dispute-management-core", { key: 'ed28c52d4621058967a53f79c1f00db1d453f5a9' }));
+    }
+}, [1, "justifi-dispute-management"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-management", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-radio", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-counter-dispute", "justifi-customer-details", "justifi-dispute-management-core", "justifi-dispute-notification", "justifi-dispute-reason", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-management":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeManagement);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "justifi-additional-statement":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "justifi-cancellation-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "justifi-counter-dispute":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-dispute-management-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-dispute-notification":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiDisputeManagement = DisputeManagement;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeManagement, defineCustomElement };

package/dist/module/justifi-dispute-notification.d.ts

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

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

@@ -0,0 +1,6 @@
+import { D as DisputeNotification, d as defineCustomElement$1 } from './dispute-notification.js';
+
+const JustifiDisputeNotification = DisputeNotification;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeNotification, defineCustomElement };

package/dist/module/justifi-dispute-reason.d.ts

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

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

@@ -0,0 +1,6 @@
+import { D as DisputeReason, d as defineCustomElement$1 } from './dispute-reason.js';
+
+const JustifiDisputeReason = DisputeReason;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDisputeReason, defineCustomElement };

package/dist/module/justifi-duplicate-charge.d.ts

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

package/dist/module/justifi-duplicate-charge.js

@@ -0,0 +1,6 @@
+import { D as DuplicateCharge, d as defineCustomElement$1 } from './duplicate-charge.js';
+
+const JustifiDuplicateCharge = DuplicateCharge;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiDuplicateCharge, defineCustomElement };

package/dist/module/justifi-electronic-evidence.d.ts

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

package/dist/module/justifi-electronic-evidence.js

@@ -0,0 +1,6 @@
+import { E as ElectronicEvidence, d as defineCustomElement$1 } from './electronic-evidence.js';
+
+const JustifiElectronicEvidence = ElectronicEvidence;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiElectronicEvidence, defineCustomElement };

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
+import './Checkout.js';
 import './Pagination.js';
 import { a as Payment } from './Payment.js';
-import './Payout.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 { E as ErrorState } from './utils.js';

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

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import './Checkout.js';
 import './Pagination.js';
 import { P as PaymentMethodTypes } from './Payment.js';
-import './Payout.js';
+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';
@@ -128,15 +129,15 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '3b0fcfc9adfb9ada04dc4a0bb8c9f826bf3123ff' }, h("form", { key: '6aabed0f73249035573f7219f4968188de54cfc1', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '3095e15537a5aeb21818e9e357ce9261aa440a58', class: "col-12" }, h("justifi-payment-method-selector", { key: '2103a057989d408a808cd52d47c81a8432346a11', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '987ba032ed6e9e801a00a94458aa6d8ab8da19fa', class: "col-12" }, h("justifi-payment-method-form", { key: '74159cfbc52d2b1c0c9ab92c13ce137077703f43', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
+        return (h(StyledHost, { key: 'a2391aac29babb363f477ec8254491e5790ee34e' }, h("form", { key: 'd41b1f80b10c9be6def16ba694a8a94a14b09d13', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '26c13e2fa0f1df35c8477b14fbd5a91e65b3d2fa', class: "col-12" }, h("justifi-payment-method-selector", { key: '8c8a4989c3bef7f1b701ab06494e65d1d5f18fff', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '49917b87314717b1cb0cd9be42ae1f88a05bebad', class: "col-12" }, h("justifi-payment-method-form", { key: '786aa47bacfeea8dc2ae0e878633ad33e771892d', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), h("div", { key: '41b6830678da64fed9a076d828d03d1caabfe58d', class: "col-12" }, h("justifi-billing-form", { key: '60aaa8e895cdbb45b5f631390b8da7dce271d817', legend: "Billing Info", ref: el => {
+            } })), h("div", { key: '7bd1068b1eb84e58ad0b13702b4d5e6d1bb548a4', class: "col-12" }, h("justifi-billing-form", { key: '63e53f0e0073f84b3d665d6cc7f7381f0d74e653', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), h("slot", { key: 'd91413a542cf6be2797cd0c4ca67b8dc83431fed', name: 'insurance' }), h("div", { key: 'd4d7a3f318e19af84f7519c351ef590e31bd2ba5', class: "col-12" }, h(Button, { key: 'cbe0d83b648697514759c47d76fd9dcfada21371', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
+            } })), h("slot", { key: 'bd274a3501c6ad6225bb928a9e0c3354a075ee5b', name: 'insurance' }), h("div", { key: '5c777cc15acc4e74690e7060130c35398227f60d', class: "col-12" }, h(Button, { key: '6c5b367e177f64d6034eac6fc21468ab34ab9e5e', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
     }
     static get style() { return JustifiPaymentFormStyle0; }
 }, [1, "justifi-payment-form", {

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

@@ -1,14 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
+import './Checkout.js';
 import './Pagination.js';
 import { a as Payment } from './Payment.js';
-import './Payout.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 { E as ErrorState } from './utils.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$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';
@@ -95,10 +97,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h("payments-list-core", { getPayments: this.getPayments, "onError-event": this.handleErrorEvent }));
+        return (h(StyledHost, { key: 'a1c35cabf7026d694df44351b0879839a21376b8', exportparts: tableExportedParts }, h("payments-list-core", { key: 'c07919c4982f04122d5e4b2a6bdb4e506f7384e5', getPayments: this.getPayments, "onError-event": this.handleErrorEvent })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 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 './Payout.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 { E as ErrorState } from './utils.js';