@justifi/webcomponents 5.5.0 → 5.6.1

package/dist/module/Refund.js

@@ -1,5 +1,48 @@
 import { f as formatCurrency } from './utils2.js';
 
+var PaymentBalanceTxnType;
+(function (PaymentBalanceTxnType) {
+    PaymentBalanceTxnType["payment"] = "payment";
+    PaymentBalanceTxnType["paymentFee"] = "payment_fee";
+    PaymentBalanceTxnType["payout"] = "payout";
+    PaymentBalanceTxnType["refund"] = "refund";
+    PaymentBalanceTxnType["feeRefund"] = "fee_refund";
+    PaymentBalanceTxnType["dispute"] = "dispute";
+    PaymentBalanceTxnType["disputeFee"] = "dispute_fee";
+    PaymentBalanceTxnType["disputeFeeRefund"] = "dispute_fee_refund";
+    PaymentBalanceTxnType["disputeRefund"] = "dispute_refund";
+    PaymentBalanceTxnType["applicationFeeReturned"] = "application_fee_returned";
+})(PaymentBalanceTxnType || (PaymentBalanceTxnType = {}));
+class PaymentBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.amount = balanceTransaction.amount;
+        this.balance = balanceTransaction.balance;
+        this.currency = balanceTransaction.currency;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.payment_id = balanceTransaction.payment_id;
+        this.payment_balance_txn_type = balanceTransaction.payment_balance_txn_type;
+        this.source_id = balanceTransaction.source_id;
+        this.source_type = balanceTransaction.source_type;
+        this.created_at = balanceTransaction.created_at;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    get displayTransactionId() {
+        if (this.payment_balance_txn_type === PaymentBalanceTxnType.paymentFee) {
+            return '--';
+        }
+        else if (this.payment_balance_txn_type === PaymentBalanceTxnType.applicationFeeReturned) {
+            return '--';
+        }
+        else {
+            return this.source_id;
+        }
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+
 var PayoutStatuses;
 (function (PayoutStatuses) {
     PayoutStatuses["paid"] = "paid";
@@ -45,6 +88,40 @@ class Payout {
     }
 }
 
+var PayoutBalanceTransactionType;
+(function (PayoutBalanceTransactionType) {
+    PayoutBalanceTransactionType["fee"] = "fee";
+    PayoutBalanceTransactionType["payment"] = "payment";
+    PayoutBalanceTransactionType["payout"] = "payout";
+    PayoutBalanceTransactionType["sellerPaymentRefund"] = "seller_payment_refund";
+    PayoutBalanceTransactionType["disputeAmountCollected"] = "dispute_amount_collected";
+    PayoutBalanceTransactionType["disputeFeeCollected"] = "dispute_fee_collected";
+    PayoutBalanceTransactionType["sellerPayment"] = "seller_payment";
+    PayoutBalanceTransactionType["transfer"] = "transfer";
+    PayoutBalanceTransactionType["partnerPlatformProceedsCredit"] = "partner_platform_proceeds_credit";
+})(PayoutBalanceTransactionType || (PayoutBalanceTransactionType = {}));
+class PayoutBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.account_id = balanceTransaction.account_id;
+        this.payout_id = balanceTransaction.payout_id;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.amount = balanceTransaction.amount;
+        this.fee = balanceTransaction.fee;
+        this.net = balanceTransaction.net;
+        this.currency = balanceTransaction.currency;
+        this.source_id = balanceTransaction.source_id;
+        this.description = balanceTransaction.description;
+        this.txn_type = balanceTransaction.txn_type;
+        this.created_at = balanceTransaction.created_at;
+        this.available_on = balanceTransaction.available_on;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+
 var ITerminalStatus;
 (function (ITerminalStatus) {
     ITerminalStatus["connected"] = "connected";
@@ -198,4 +275,4 @@ class RefundPayload {
     }
 }
 
-export { ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, TerminalOrder as c, TerminalModel as d, RefundPayload as e };
+export { ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g };

package/dist/module/additional-statement.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -39,7 +39,7 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '9f41d59f5219239734b9be4a1713d40323f89204' }, h("div", { key: '36fcbf7ca881194b68f0dff25c9d766e46d815a7', class: "row gy-3" }, h("div", { key: '27faf73a5370bf97faf761068a45ac04dac66be0', class: "col-12" }, h("h2", { key: 'e9f53983d0038884042ed518f686f7ede6ff0982', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'adc227f9e7715607749fbcf2add0ebda8927815e', class: "col-12" }, h("form-control-textarea", { key: 'ba6bdd667bc3c372f28daa5236c08de56014f263', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'e699d24cb2c8f37944bc3d09bd075e059f3ba0e0', class: "col-12" }, h("form-control-file-v2", { key: '441b7f0bb9212eecd4ba59a1497014f09b802e45', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '5e572a30ed53b4fbcf3808ba545ce2fdf5b988aa' }, h("div", { key: '90870dc58e0eab72e64ae03bdaa25bb1749d8e23', class: "row gy-3" }, h("div", { key: 'cc3b6f19687d02e047744e8a53d22a2f91a8b968', class: "col-12" }, h("h2", { key: '230c20dc3f75e48afa4008369374fd8c175cb7ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '7b49c8012cfc07c44399969f8505db786389b38b', class: "col-12" }, h("form-control-textarea", { key: '349a8a2ebda338e170c90266801ae93b6f9482ea', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '01cd368a2278c5de462f0998a50ba4ca5889be26', class: "col-12" }, h("form-control-file-v2", { key: 'f95d0b78704f9a1fd154003edbbffb062659ae27', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [0, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/badge.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { u as badgeDark, v as badgeLight, w as badgeInfo, x as badgeWarning, y as badgeDanger, z as badgeSuccess, A as badgeSecondary, B as badgePrimary, C as badge } from './parts.js';
+import { x as badgeDark, y as badgeLight, z as badgeInfo, A as badgeWarning, B as badgeDanger, C as badgeSuccess, D as badgeSecondary, E as badgePrimary, F as badge } from './parts.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

package/dist/module/billing-form.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
 import { q as postalValidation, u as stateValidation, v as cityValidation, x as lineTwoValidation, y as lineOneValidation, n as identityNameValidation } from './schema-validations.js';
-import { R as heading3, al as billingForm } from './parts.js';
+import { U as heading3, ap as billingForm } from './parts.js';
 import './details.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { S as StateOptions } from './state-options.js';

package/dist/module/business-core-info-form-step-core.js

@@ -95,7 +95,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [0, "justifi-business-core-info-form-step-core", {
         "businessId": [1, "business-id"],

package/dist/module/business-core-info-schema.js

@@ -10,7 +10,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.nullable(),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        tax_id: taxIdValidation.required('Enter valid tax ID (SSN or EIN) without dashes'),
         date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = create$3({

package/dist/module/business.service.js

@@ -1,13 +1,15 @@
-import { A as Api } from './Api.js';
+import { A as Api$1 } from './Api.js';
+import { A as Api } from './ApiNew.js';
 
 class BusinessService {
-    async fetchBusiness(businessId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+    async fetchBusiness(businessId, authToken) {
+        const api = Api();
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
             endpoint,
             body: payload,
         });
@@ -16,18 +18,18 @@ class BusinessService {
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
             endpoint,
             body: payload,
         });
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
             endpoint,
             body: payload,
         });
@@ -36,7 +38,7 @@ class IdentityService {
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
             endpoint,
             body: payload,
         });
@@ -45,7 +47,7 @@ class BusinessBankAccountService {
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+        return Api$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
             endpoint,
             body: payload,
         });

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { X as buttonSecondary, Y as buttonPrimary, Z as buttonLoading } from './parts.js';
+import { _ as buttonSecondary, $ as buttonPrimary, a0 as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/module/cancellation-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -39,7 +39,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '357b75b81a6705a1d2257efaa4b6d4d6ac196c5a' }, h("div", { key: 'f60069eb655a1f8c7ac2213ca4d48301d0481757', class: "row gy-3" }, h("div", { key: 'b8cd4d71c015f74aff40904683613b7d99c1275f', class: "col-12" }, h("h2", { key: '7093d2dc9deca71d96e66bc654d26aa9ea2581ff', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'f6886ebcd05d5668f80d704a4a4713c44ef1d9ee', class: "col-12" }, h("form-control-textarea", { key: '85af8911456fc85283f4afe1133c4b53a964ea45', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '2ea95518d275418d18dff8138c4cd3a88400c52c', class: "col-12" }, h("form-control-textarea", { key: 'b98460a8e6934e3754252d232017fcd3db265e53', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'd9fcad5f9adeddbfc3abc3a5627cd809d9198f23', class: "col-12" }, h("form-control-file-v2", { key: 'cb9f79a80cd8be9440fed50ee9a6e08560e1281b', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '6dc5100426e8e4124d19a375250f85f8e15b28d4' }, h("div", { key: 'fb950108be5fd4096a7717c88943938261787f99', class: "row gy-3" }, h("div", { key: '08f85a06288e19939a16d3fa52ef3b3199c56f36', class: "col-12" }, h("h2", { key: 'a585b93921814b1ffbb95c6f9c1de37d4104049b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '3b7c620518006738d2e36863b62a72142f167733', class: "col-12" }, h("form-control-textarea", { key: '70a76160b0d29648a9e0598dd5b867a382935e03', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'e06d4c794bad47e366ca702e764307fdab5e33a8', class: "col-12" }, h("form-control-textarea", { key: '1b783920c5a5b94bff60d4b061cc7cc6666cc184', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '3cb3371c1d3727e55140ea60a0cff96bc0f42702', class: "col-12" }, h("form-control-file-v2", { key: '738a456bf4653240180963fa7e5ab20a7a4add7c', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [0, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/checkout-core.js

@@ -5,7 +5,7 @@ import { C as ComponentErrorSeverity } from './ComponentError.js';
 import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as text, S as checkoutSummary } from './parts.js';
+import { t as text, V as checkoutSummary } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$6, H as Header3 } from './billing-form.js';
 import './details.js';

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

@@ -6,7 +6,7 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
-import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
 import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
 import './details.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
@@ -177,7 +177,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '728b54169140355ad4ab2286f8fe0344ba9b1970' }, h("div", { key: 'ced2bf27609da7b8d406e29778acf0e3faf9fb4e', class: "table-wrapper" }, h("table", { key: 'e978910e98f8c0a637650f8183c04eb08f75bf15', class: "table table-hover", part: table }, h("thead", { key: 'a1c0d711f9bdf0dc6a7227f8614b6531d56cd8de', class: "table-head sticky-top" }, h("tr", { key: 'a2d9117f3d9e56fb2ead7fed36cd088543f30a75', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '04f5f7af209eca2e6b649276525016a9a1deee56', class: "table-body" }, h(TableLoadingState, { key: 'e9748a7684a2ea4660e21add9929c02e0fc82cf5', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '73ac7736d07d742b9f33f2c53ffead1f475e73ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '1ee2cfde8ebced1a38032b39511f888360e0ee51', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f043cf4c76982437f289293e02e59baf76923b3d', class: "sticky-bottom" }, h("tr", { key: 'd539537ad511cbd3ae041a93909a2feec9dcd47a', class: "table-light align-middle" }, h("td", { key: 'ca5102386a7f0c59d82f6206ca2d9185d3871fad', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '99eb67ae4ad9ffc2ad5c196c982213b0fe507640', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0dd82ae052b98ada5c277a6472c43992d43485a5', class: "table-wrapper" }, h("table", { key: 'd8bc8f4a0fe8cb778397529704d86815876e831c', class: "table table-hover", part: table }, h("thead", { key: 'b38366e22402d695e20bb713a0c4e38d06e5043f', class: "table-head sticky-top" }, h("tr", { key: '8a82e88f24aaa6bec09de27ec439083572cf617c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'fc09f4d4263d588fc1002657f6f535097069c16b', class: "table-body" }, h(TableLoadingState, { key: 'beb188a8b7e19eb8516c84727b365e38fb9f07b2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5b8945e459c72cb21da62a1ad24f5a409b442137', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '39b99e63e8759221589be8053a88b74d37d78013', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '8effcd26c82977391f8487b80fabe954694338f8', class: "sticky-bottom" }, h("tr", { key: 'cc95a3c59060b0cbc44a39a66c8061912f4c995f', class: "table-light align-middle" }, h("td", { key: '54850b1384a006b4a0a70d465bfac1c94698be9a', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'b3f5da967dbd19bf1018fea9a926885ed0f40865', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/config-state.js

@@ -0,0 +1,38 @@
+import { c as createStore } from './index2.js';
+
+const initialState = {
+    apiOrigin: "https://wc-proxy.justifi.ai",
+    iFrameOrigin: "https://components.justifi.ai",
+    accountId: '',
+};
+const configStore = createStore(() => initialState);
+const { state: configState} = configStore;
+// resolver for the “ready” promise
+let resolveConfigReady;
+// initial “handshake” promise
+const configReady = new Promise(r => {
+    resolveConfigReady = r;
+});
+// called by <justifi-config-provider>
+const setConfigState = (vals) => {
+    Object.assign(configState, vals);
+    resolveConfigReady();
+};
+/**
+ * Wait for configProvider to run, but safe guard against never mounting.
+ * @param timeoutMs max time to wait before resolving with default values
+ */
+const waitForConfig = (timeoutMs = 200) => {
+    return new Promise(resolve => {
+        const timer = setTimeout(() => {
+            // timeout expired, proceed with default config state values
+            resolve();
+        }, timeoutMs);
+        configReady.then(() => {
+            clearTimeout(timer);
+            resolve();
+        });
+    });
+};
+
+export { configState as c, setConfigState as s, waitForConfig as w };

package/dist/module/custom-popper2.js

@@ -1873,7 +1873,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '93ef772e6f341891914bc0d105103268819025bb' }, h("style", { key: '190ce08d03bdac571064457b8c88862957eb29c9' }, `
+        return (h("div", { key: '6b09b58218fe286c9b3b2a707cca905c8aa10e98' }, h("style", { key: '7a8d3f88d964a78945f8f129a1a2b7a29b174678' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '81f42aa1231eee2f8df55958bddc59c0c517e4f1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'bc13e2c3da97458ceb210719b68547f6944f5437' }))));
+          `), h("div", { key: 'f96cf490f7d53613156d33ee315f9c7de415d087', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a9e7ed012d4bb6d5c7f16fad4aacf619304717a7' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -41,7 +41,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'aa6d9ce0e3f4fed7bbec20ae012dc4281d1463fb' }, h("div", { key: 'b456cd10529c362d671567acb2c51b309c587873', class: "row gy-3" }, h("div", { key: '1f46068f107c6cb63cf44beda7cd208581732ffd', class: "col-12" }, h("h2", { key: '1c2b3ffcbaff446509f38304f768fc0e1ee8cb20', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f24c6aa8d2221d1319a7adbef3fed710806fe8d', class: "col-12" }, h("form-control-text", { key: '8ac22164468ba524e3936ac6ea4452eb0e9ec041', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'bd7462028ae2be56b2d91fe216e723624c35bc9f', class: "col-12" }, h("form-control-text", { key: '024fa329a590d1c72496f88c676a0a773e2c17db', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '62289ab9f0963a7263caf551205b775b7088a1e5', class: "col-12" }, h("form-control-textarea", { key: '38ec0bfdd5de12c896dfee034cc0c838ae368dec', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '939e0ae33c789e107a06ef0ff863c068d39d6e71', class: "col-12" }, h("form-control-file-v2", { key: 'f6e270b3621e53814f947ee9d6668a64759af2fa', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'e21ababbc4d31128a58234443e9ed846f816c80b', class: "col-12" }, h("form-control-file-v2", { key: 'f011192607cb4a24b4a1efe47ce5364e3f5c315d', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -68,7 +68,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '2d18538755406216b66ec416da158044945530ee' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/module/dispute-notification.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
-import { t as text, U as heading4 } from './parts.js';
+import { t as text, X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
@@ -41,7 +41,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'c7b0e27df3ff2b6c3d7896b643dafa22ecbfc12f' }, this.isLoading && (h("div", { key: '18146e1d3c1dbe3c0d13373c271f6f0c2a14e577', style: { marginBottom: '8px' } }, h(Skeleton, { key: '4549fd59a8f667f3f20eee3ad7f222e3482ddd90', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '7eb2385f0ffd5ff987e744cfa63b21c2b287b8c7', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '573f29b4ab58f7e0e40b92ba66f72301b554c747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'cbca9793cb135c38a44990123eabf1356f956611', part: text }, h("h1", { key: '753e802679bac3750d29956ff36405acd382e63a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'b61db99b9cd660cc275f95f54cdd6c83f8225875' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '9d5121aaeca16f9aa7a95783c1051c82aa9c8411', class: "h5" }, "Dispute details"), h("div", { key: '9283a15923b110e0b3fa88d626b6f35382c1d140', class: "d-table gap-2" }, h("div", { key: '2e55561fe97701ab94ea24b6959971c74ca6e729', class: "d-table-row gap-2" }, h("span", { key: 'f00c9fd6f56714465930707eb4b5d62089e7d267', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '49df6471bb1b23a17c9e94bec38a4790a4c201c9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '82c0acacdf47345bdb164b8e478e5f00231a6c91', class: "d-table-row gap-2" }, h("span", { key: '9e5ffb7a87c37bddb5f3ac06b5cd5b0cb13a8f16', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '1ce8f6455621793c8cc529db0ad7e00edd7c56f7', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '2387aca8911939e4a38001aa4b027e4347b53f67', class: "d-table-row gap-2" }, h("span", { key: '6bae0054cd63fa4079aad94b1d59ebae82a5f29f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '9902828da0416de007183640132b13b3b3876ab5', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '488bf8b0f522eb80dc7875a05e5bcd9ecadc2e9f', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '4a1ac98e4e10ef9eb6583266e822e9f92f37bb7a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '9636fef3a69df92ad8d5361f60374ee185c684f6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '80161e317bf111f13bd5305a427862a5c8533c6b' }, h("h1", { key: 'c5f43507dbb2b82b7098143b8397a6321e98201c', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'a31b3e8e72a8936ba3016e8f1f08505025d36372' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '0033197d2d6c036de59dab25ec7238664bd52726' }, h("h1", { key: 'ef352a480feefb8e7aa22e27b86395baaedddaa5', class: "h4" }, "This payment was disputed"), h("p", { key: '258eeb510b153e46468889685f6abfcd88671be8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: 'fa49089194fd3462be03ac147c0f414bcd2ff936' }, h("h1", { key: 'cad5f4223d4394adb1630268ec1dbce4b8e7de97', class: "h4" }, "This payment was disputed"), h("p", { key: 'befc6125e3d2548576c2072ebdf509f39afd93d3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [1, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-core.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types2.js';
-import { U as heading4 } from './parts.js';
+import { X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
 import { d as defineCustomElement$e } from './form-control-date2.js';
@@ -178,7 +178,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '925abd40942ff12e2e6a86a3c929848694713b15', class: "row gy-3" }, h("div", { key: 'd5f26db74f10893a9cde0758902c0b035a61a2c1', class: "col-12" }, h("h1", { key: '97a51d22b0e540b72f91f0a1a7bd813c8fb8d82d', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fad6269029d7c647b0fdfef74b51ae10b57c3c25', class: "col-12" }, this.currentStepComponent), h("div", { key: 'ddc092e8ec7d7e65944ec0d543ee77d002430f5a', class: "col-12" }, h("div", { key: 'ba9acd77d6aaa6aeb302cecc9d3f5d5b429214c5', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [0, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16, "update-dispute-response"],

package/dist/module/dispute-response.js

@@ -73,7 +73,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f9f1f5840fdcbde1bff206516b1ab5777e29e101' }, h("justifi-dispute-response-core", { key: '8ead7c944c233a6fa5fc6bf1cdd04670d446948e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -40,7 +40,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'a66b6bb52fe1b0fb8e212dc00727e76340d7ca0c' }, h("div", { key: 'a318705438874cd947565be981b46723c178cbe4', class: "row gy-3" }, h("div", { key: '207fd1e636d499f03d905cd66121487550fae4ee', class: "col-12" }, h("h2", { key: '7e13abfa26ea8c64df319377dc72bb92895bdba4', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9f8c7054328beb116790026cb24a4d3e324edcac', class: "col-12" }, h("form-control-text", { key: '1ffb43f1c395eac1fbb4922eecf9ba4cf55e132f', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f8157dbd195d769860dfbf8e096612b8bfe8fe05', class: "col-12" }, h("form-control-textarea", { key: 'bb9e98c90935059a99f7251e54a2e10cd2d8e6b0', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '5f81e93eb28f2aaf4a0b26a1fc38a843de40faa2', class: "col-12" }, h("form-control-file-v2", { key: 'c62471bd7cb1304ff04d15ae6527885d1658d8cb', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '0b0d73b396b32f29fa389d3981d48c3f30f96fd7' }, h("div", { key: '2fd16a4cf964c863a59789a2be60d94b27a95de8', class: "row gy-3" }, h("div", { key: '48c15f7db3285caa9164d815615b82a84283fbfe', class: "col-12" }, h("h2", { key: '397b3026311bf57588b172146fc9822f99ede63e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'c825b6efd428bee298b9b0ddf2265378cf999de9', class: "col-12" }, h("form-control-text", { key: 'b43283087a10826bf8e582a1e863ed4982b5c000', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '66d5cefa16c341f5c523eaa46de5c11f5b16e619', class: "col-12" }, h("form-control-textarea", { key: 'f83573136fc2ce108f186f9434f46a3f157bd102', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'cc47dc1d9dbac962d27494b5ff3fef572c98c7b4', class: "col-12" }, h("form-control-file-v2", { key: '3cf06b6d61edd6ac96d02b12639d040f698b2526', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [0, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -37,7 +37,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'dfd89ee2ac10d21896550590e2bc16c93cf5d250' }, h("div", { key: '1a80252467cdd2425aef5aadc5eb15114b979c72', class: "row gy-3" }, h("div", { key: '0d15a99118ea22fb60d59295fc8027e46cec9894', class: "col-12" }, h("h2", { key: 'b1a4523bbe0fbb9cab857ac5652c4b8f09d51a06', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '0e12afb8381bc6ecc923f28be5a5445003e5a55e', class: "col-12" }, h("form-control-text", { key: '509d4621fdd6f346f4c1987b919386960dd6b4e6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'c52b67e91e30f2be088837215b9b96f7deafea71', class: "col-12" }, h("form-control-file-v2", { key: 'd3fee7102a66df9cb39c1463247b27b5c5c3a934', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '1a4a1d78529c48b8f32029a3efa05b4430c6d271' }, h("div", { key: '593d167f4e6b610ac3cdb8a04b4eee30a1cb4f91', class: "row gy-3" }, h("div", { key: '39440c3a2802b823c85f251c4393ba76bad287c0', class: "col-12" }, h("h2", { key: 'f5ec8cce1bbadb772ac6dbe668cf54187d2690d7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b9020a773c45a8f59a31ffef44b32253fdb4a551', class: "col-12" }, h("form-control-text", { key: '56122eafb7f138f4472a5818cddd32cb0e17fc7e', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '0737f585271838dd60ab9ee1e6ac83d0c6362b96', class: "col-12" }, h("form-control-file-v2", { key: '63590d574ee151cbf82638002dfe513cea471035', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [0, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/event-types3.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { am as tableEmpty, an as tableError, o as tableCell } from './parts.js';
+import { aq as tableEmpty, ar as tableError, o as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableEmptyState = (props) => {

package/dist/module/form-alert2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { D as alertDanger } from './parts.js';
+import { G as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor() {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { E as inputCheckboxInvalid, F as inputCheckboxCheckedFocused, G as inputCheckboxFocused, H as inputCheckboxChecked, I as inputCheckbox, l as label } from './parts.js';
+import { H as inputCheckboxInvalid, I as inputCheckboxCheckedFocused, J as inputCheckboxFocused, K as inputCheckboxChecked, L as inputCheckbox, l as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -38,10 +38,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '51ebd9d5b1eba8b7eba8f9c89551b9cbc754d706' }, h("div", { key: '5a8c60a4f259adbd6d78223c538d39ed3865a799', class: 'form-group d-flex flex-column' }, h("div", { key: '36f5b7b0ee0371990a5243c0cf0209a04085c66d', class: "form-check" }, h("input", { key: 'b85a3a2e09cea7b5ac9462ffa2b425524218d590', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '35f96a2b36843476ec27cbf07b15e366a703fc22' }, h("div", { key: '63ca51116c2a555df16e4c20db527580f22fc14c', class: 'form-group d-flex flex-column' }, h("div", { key: '5bbd306560eb1a1ef5664cef495a67c19f44864d', class: "form-check" }, h("input", { key: 'c4dbb352c9f4e3cbb74d2a6170cb4aab33e36924', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '4493c4c522a46ae995b2fdeeaab15487e273bf09', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '5fbddaeefb1e1d1ed5e088cf64edfb18f51cda72', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7d2f579ef1ba9042096d6c29b8570d5259a27bc0', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7866568942027045f761a197b7b43050911aebbd', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '30bfa6ea4c6e0cc5edd3ff3c06d51b71bca33fb3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd054d27b35ba312c6cfd217f4c192ad5e42667fb', errorText: this.errorText, name: this.name }))));
     }
 }, [0, "form-control-checkbox", {
         "label": [1],

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

@@ -50,10 +50,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '587ee2fa01634a32f985ab19aaf4f62d010ce10c' }, h("div", { key: '95958ed36ccb85a5a4d6c7db452e924c5000924c', class: "form-group d-flex flex-column" }, h("div", { key: 'ea8a18b68dcafb62c46543c0beea80321e67b990', class: "d-flex gap-2" }, h("label", { key: '78a4be7c16a0f1d6a6d02d5c6fd17ccc25d727f3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '85306bcf45e676a668f9a6b78deda4c5decc9831', helpText: this.helpText })), h("input", { key: '8526227900d9e9abc11635ffc8598c53c6db397a', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4a62a0efa2d9034ed56996d0f734ef89ae13ef1f' }, h("div", { key: 'f6eb5b949eac993cdb0b7d936e82f17097e91739', class: "form-group d-flex flex-column" }, h("div", { key: '0171bcc477b35886986abd2879fa96dd3565cc1a', class: "d-flex gap-2" }, h("label", { key: '7184b2172dcfc7f6fe9f4e1ca2b4769e64f1e825', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '04714a933a613dc21871fdce95641244d64776a5', helpText: this.helpText })), h("input", { key: 'b1da6e269d7d5d65828236c1b3c4c09d91adba07', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '341c4283c126602dc25cd5beeec7c11b26e13b18', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '7d52e845976c61f3af1a3a36e86bf4bb3b0e2228', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -11,7 +11,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: 'f3efb1623170f761f4650d0e383ad8f1416f1324', exportparts: "label,input,input-invalid" }, h("div", { key: '92139fdd8fed82196a249ab0e33b1e22fcf078e7', class: "form-group d-flex flex-column" }, h("div", { key: 'e7de120a2d934275dec4f75aa6a7d5d33cf2fbff', class: "d-flex align-items-start gap-2" }, h("label", { key: '01c0fbea56bdbcc0f26f3339037c3be13937ee68', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7d9c68d9f1b60236603d799b91be3e731388260c', helpText: this.helpText })), h("input", { key: '330170f3c80bb09c4fcd079c8012a657274c770f', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '63a6395fe3523c6db034b891e95d9b346fc51491', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '43f71b688c9616fc26de9aa0a1b98854618583da', exportparts: "label,input,input-invalid" }, h("div", { key: '61b59530384248b2d28fd2321b0bee42f4d325f8', class: "form-group d-flex flex-column" }, h("div", { key: '7a9d9d9dc001ec45c7cd983eb7e63d68ab7ece59', class: "d-flex align-items-start gap-2" }, h("label", { key: '624d8ec508af0091b0a0b9a18a7b5d034a29d6f6', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '81548d28fbc003b728e460cde95513faafbb6303', helpText: this.helpText })), h("input", { key: 'f307a0fa51af2749b16c65c470a2b33ce43bc4fd', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '78db2911b35525b842029a34a7b9efd5681fbde3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file-v2", {