@justifi/webcomponents 4.20.1 → 4.22.0

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';
@@ -10,10 +11,11 @@ import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$9 } from './custom-popper2.js';
 import { d as defineCustomElement$8 } from './form-control-error-text2.js';
-import { d as defineCustomElement$7 } from './form-control-help-text2.js';
-import { d as defineCustomElement$6 } from './form-control-select2.js';
-import { d as defineCustomElement$5 } from './form-control-text2.js';
+import { d as defineCustomElement$7 } from './form-control-select2.js';
+import { d as defineCustomElement$6 } from './form-control-text2.js';
+import { d as defineCustomElement$5 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$4 } from './billing-form.js';
 import { d as defineCustomElement$3 } from './payment-method-form.js';
 import { d as defineCustomElement$2 } from './payment-method-selector.js';
@@ -127,15 +129,15 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f7d035a9ed8b16016493aa07a85a6b4d6d83b5f5' }, h("form", { key: 'fb9354b439332ef4ee67e915f27b60b9b744e6e2', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '303fbccf9beb30c1d822f0ac148128dfba9d158f', class: "col-12" }, h("justifi-payment-method-selector", { key: 'f71353d3f90ab50461a57ce3738ea853ca4d1cc3', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: 'd9024a406dcde487ff2bb7d34385da0a1be8aef5', class: "col-12" }, h("justifi-payment-method-form", { key: '010488c96f1b6b5af049b89151cea9ce61f263bb', "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: 'c8b41e9d6bc0d21db4bc1efa12852480ed4a0bbd', class: "col-12" }, h("justifi-billing-form", { key: '2226122296e6b9da8359b90fe563b6c4342c72f3', 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: '5aa12164db0d1ac4570db49b7a1bc527d974a8ab', name: 'insurance' }), h("div", { key: '5b0ad786dcf96a4c83696b1e3d1cd09345313807', class: "col-12" }, h(Button, { key: 'b3a55eaf9403d33a0e0769ca2c6c42b086f4da9a', 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", {
@@ -157,29 +159,34 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-form", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-payment-method-form", "justifi-payment-method-selector"];
+    const components = ["justifi-payment-form", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-billing-form", "justifi-payment-method-form", "justifi-payment-method-selector"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-form":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentForm);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -6,15 +6,17 @@ import { B as BusinessService } from './business.service.js';
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
-import { d as defineCustomElement$y } from './form-control-checkbox2.js';
-import { d as defineCustomElement$x } from './form-control-date2.js';
-import { d as defineCustomElement$w } from './form-control-error-text2.js';
-import { d as defineCustomElement$v } from './form-control-file2.js';
-import { d as defineCustomElement$u } from './form-control-help-text2.js';
-import { d as defineCustomElement$t } from './form-control-monetary2.js';
-import { d as defineCustomElement$s } from './form-control-number-masked2.js';
-import { d as defineCustomElement$r } from './form-control-select2.js';
-import { d as defineCustomElement$q } from './form-control-text2.js';
+import { d as defineCustomElement$A } from './custom-popper2.js';
+import { d as defineCustomElement$z } from './form-control-checkbox2.js';
+import { d as defineCustomElement$y } from './form-control-date2.js';
+import { d as defineCustomElement$x } from './form-control-error-text2.js';
+import { d as defineCustomElement$w } from './form-control-file2.js';
+import { d as defineCustomElement$v } from './form-control-help-text2.js';
+import { d as defineCustomElement$u } from './form-control-monetary2.js';
+import { d as defineCustomElement$t } from './form-control-number-masked2.js';
+import { d as defineCustomElement$s } from './form-control-select2.js';
+import { d as defineCustomElement$r } from './form-control-text2.js';
+import { d as defineCustomElement$q } from './form-control-tooltip2.js';
 import { d as defineCustomElement$p } from './business-additional-questions-form-step.js';
 import { d as defineCustomElement$o } from './business-additional-questions-form-step-core.js';
 import { d as defineCustomElement$n } from './business-bank-account-form-step.js';
@@ -118,54 +120,64 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "form-control-checkbox", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentProvisioning);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$A();
+            }
+            break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$z();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$y();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "form-control-monetary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }

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

@@ -1,20 +1,22 @@
 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';
-import { d as defineCustomElement$8 } from './form-control-help-text2.js';
-import { d as defineCustomElement$7 } from './form-control-select2.js';
-import { d as defineCustomElement$6 } from './form-control-text2.js';
+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';
@@ -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"],
@@ -118,7 +117,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payments-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "pagination-menu", "payments-list-core", "payments-list-filters", "table-filters-menu"];
+    const components = ["justifi-payments-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "pagination-menu", "payments-list-core", "payments-list-filters", "table-filters-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payments-list":
             if (!customElements.get(tagName)) {
@@ -140,17 +139,17 @@ function defineCustomElement$1() {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

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';

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

@@ -1,17 +1,19 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as tableExportedParts } from './exported-parts.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 './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';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.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-help-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';
 
@@ -91,10 +93,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h(Host, { exportedparts: tableExportedParts }, h("payouts-list-core", { getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
+        return (h(StyledHost, { key: '8d72aa16705df76ed49a13a59e88a40a75c23488', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '94428c879981bbc036e1d4f6c59c1e1c1146c824', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -114,13 +113,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payouts-list", "form-control-date", "form-control-error-text", "form-control-help-text", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PayoutsList);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
@@ -131,7 +135,7 @@ function defineCustomElement$1() {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/justifi-product-or-service.d.ts

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

package/dist/module/justifi-product-or-service.js

@@ -0,0 +1,6 @@
+import { P as ProductOrService, d as defineCustomElement$1 } from './product-or-service.js';
+
+const JustifiProductOrService = ProductOrService;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiProductOrService, defineCustomElement };