@justifi/webcomponents 6.12.2 → 6.12.4

package/dist/cjs/{business-identity-schema-DWWtSiUF.js → business-identity-schema-DI9XFbaD.js}

@@ -3,6 +3,70 @@
 var index_esm = require('./index.esm-C1ZPG85l.js');
 var schemaValidations = require('./schema-validations-_yWWnnaG.js');
 var Business = require('./Business-oBifyXkW.js');
+var countryConfig = require('./country-config-D7fss2oF.js');
+
+// Base schema (no country-specific rules for classification/tax id)
+const baseBusinessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = index_esm.create$3({
+        legal_name: schemaValidations.businessNameValidation.required('Enter legal name'),
+        website_url: schemaValidations.websiteUrlValidation.required('Enter business website url'),
+        email: schemaValidations.emailValidation.required('Enter business email'),
+        phone: schemaValidations.phoneValidation.required('Enter phone number'),
+        doing_business_as: schemaValidations.doingBusinessAsValidation.nullable(),
+        classification: schemaValidations.businessClassificationValidation.required('Select business classification'),
+        industry: schemaValidations.industryValidation.required('Enter a business industry'),
+        date_of_incorporation: schemaValidations.dateOfIncorporationValidation.required('Enter date of registration'),
+    });
+    const easySchema = index_esm.create$3({
+        legal_name: schemaValidations.businessNameValidation.required('Enter legal name'),
+        website_url: schemaValidations.websiteUrlValidation.nullable(),
+        email: schemaValidations.emailValidation.nullable(),
+        phone: schemaValidations.phoneValidation.nullable(),
+        doing_business_as: schemaValidations.doingBusinessAsValidation.nullable(),
+        classification: schemaValidations.businessClassificationValidation.nullable(),
+        industry: schemaValidations.industryValidation.nullable(),
+        tax_id: schemaValidations.taxIdValidation.nullable(),
+        date_of_incorporation: schemaValidations.dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+// Country-specific schema convenience wrappers
+const businessCoreInfoSchemaUSA = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(index_esm.create$3({
+    classification: index_esm.create$6().required('Select business classification'),
+    tax_id: schemaValidations.makeTaxIdValidation(Business.CountryCode.USA)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryConfig.countryLabels.USA.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+const businessCoreInfoSchemaCAN = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(index_esm.create$3({
+    classification: index_esm.create$6().required('Select business classification'),
+    tax_id: schemaValidations.makeTaxIdValidation(Business.CountryCode.CAN)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryConfig.countryLabels.CAN.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = index_esm.create$3({
+        business_revenue: schemaValidations.revenueValidation.required('Enter business revenue'),
+        business_payment_volume: schemaValidations.paymentVolumeValidation.required('Enter business payment volume'),
+        business_average_transaction_amount: schemaValidations.revenueValidation.required('Enter average transaction amount'),
+        business_when_service_received: schemaValidations.whenServiceReceivedValidation.required('Select when service is received'),
+        business_other_payment_details: schemaValidations.otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = index_esm.create$3({
+        business_revenue: schemaValidations.revenueValidation.nullable(),
+        business_payment_volume: schemaValidations.paymentVolumeValidation.nullable(),
+        business_average_transaction_amount: schemaValidations.revenueValidation.nullable(),
+        business_when_service_received: schemaValidations.whenServiceReceivedValidation.nullable(),
+        business_other_payment_details: schemaValidations.otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
 
 // Internal USA schemas
 const schemaUSA$1 = () => index_esm.create$3({
@@ -98,9 +162,12 @@ const identitySchemaByCountry = {
     [Business.CountryCode.CAN]: identitySchemaCAN,
 };
 
+exports.additionalQuestionsSchema = additionalQuestionsSchema;
 exports.addressSchemaByCountry = addressSchemaByCountry;
 exports.addressSchemaCAN = addressSchemaCAN;
 exports.addressSchemaUSA = addressSchemaUSA;
+exports.businessCoreInfoSchemaCAN = businessCoreInfoSchemaCAN;
+exports.businessCoreInfoSchemaUSA = businessCoreInfoSchemaUSA;
 exports.identitySchemaByCountry = identitySchemaByCountry;
 exports.identitySchemaCAN = identitySchemaCAN;
 exports.identitySchemaUSA = identitySchemaUSA;

package/dist/cjs/{business.service-BheJs82v.js → business.service-Z9OACEQL.js}

@@ -1,10 +1,9 @@
 'use strict';
 
 var Api = require('./Api-Bukk55YZ.js');
-require('./Plaid-BlSGeGpn.js');
+require('./Plaid-BRSyOOuw.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();
 class BusinessService {

package/dist/cjs/card-form.cjs.entry.js

@@ -4,11 +4,11 @@ var index = require('./index-p7cvUYAE.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var configState = require('./config-state-BIgGhhe9.js');
 var utils = require('./utils-BHi4j5rB.js');
-var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
+var checkPkgVersion = require('./check-pkg-version-ByKpJklZ.js');
 require('./parts-BXshb_S-.js');
 require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
-require('./package-CRaVpb0w.js');
+require('./package-B6L3zyfG.js');
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;

package/dist/cjs/{check-pkg-version-DMXmPDqZ.js → check-pkg-version-ByKpJklZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-CRaVpb0w.js');
+var _package = require('./package-B6L3zyfG.js');
 
 const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
 const detectDuplicateVersion = () => {

package/dist/cjs/{checkout.service-DZKdHQQq.js → checkout.service-BZOyqXgW.js}

@@ -1,10 +1,9 @@
 'use strict';
 
 var Api = require('./Api-Bukk55YZ.js');
-require('./Plaid-BlSGeGpn.js');
+require('./Plaid-BRSyOOuw.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();
 class CheckoutService {

package/dist/cjs/custom-popper_2.cjs.entry.js

@@ -1903,7 +1903,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '7a5bab9f568f74c4cc7635a5844ca9a48c506521' }, index.h("style", { key: '9d073f9cc6b46141f05def0a5fa51d61ce2ec1b0' }, `
+        return (index.h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, index.h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
           .popper-content {
             display: none;
           }
@@ -1911,7 +1911,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '7cea0b75df433ed9b5a8e46b015814a954f47c99', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '6a6f628864ce86989413f80b8a39f7fe089d6633' }))));
+          `), index.h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

package/dist/cjs/{justifi-dispute-notification_3.cjs.entry.js → dispute-notification_2.cjs.entry.js}

@@ -4,23 +4,20 @@ var index = require('./index-p7cvUYAE.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var parts = require('./parts-BXshb_S-.js');
 var button = require('./button-CR9Rl1-o.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./event-types-YOY5TKUN.js');
-var Plaid = require('./Plaid-BlSGeGpn.js');
-var utils = require('./utils-DbTucCTO.js');
-var dispute_service = require('./dispute.service-BbtwY673.js');
-var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
-var Analytics = require('./Analytics-C1Wd9OW4.js');
+var Plaid = require('./Plaid-BRSyOOuw.js');
+var utils = require('./utils-FVGp6se3.js');
+var eventTypes = require('./event-types-AU1B76Vm.js');
+var checkPkgVersion = require('./check-pkg-version-ByKpJklZ.js');
+var Analytics = require('./Analytics-BERGweGK.js');
 require('./dinero-BwNN_k7x.js');
-require('./Dispute-CruQTF6_.js');
 require('./Api-Bukk55YZ.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./package-CRaVpb0w.js');
+require('./package-B6L3zyfG.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -110,7 +107,7 @@ const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async (
     }
 };
 
-const JustifiDisputeNotification = class {
+const DisputeNotification = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickEvent = index.createEvent(this, "click-event", 7);
@@ -121,7 +118,7 @@ const JustifiDisputeNotification = class {
         makeSubmitDisputeResponse({
             disputeId: this.dispute.id,
             authToken: this.authToken,
-            service: new dispute_service.DisputeService()
+            service: new eventTypes.DisputeService()
         })({
             payload: { forfeit: true },
             onSuccess: (response) => {
@@ -155,93 +152,34 @@ const JustifiDisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h(styledHost.StyledHost, { key: 'a6dbf060e1e5a39e7fe7f3112c6e034a59f5a928' }, this.isLoading && (index.h("div", { key: 'eaa14797c7580a555496bf7e8932eeac73496bcb', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'bb1ffea882722815cd2b13918106b353f009c96a', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'b60948cb4edaf5a4de1d67a09099153fea963b16', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '0a4138f385131b03888d013057ef93e9052c1fa2', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: '85c4b8c9377e2b835508a9cb1be63054bc79cd43', part: parts.text }, index.h("h1", { key: '5ae89800fb1483aa05a69f065bc800992404e4d3', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), index.h("p", { key: '75c85bf9609b8727d1397c9d6a2540af93e1a253' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: 'c4595f142ec169b5bf0f1010ba6632714f886b83', part: parts.text }, index.h("h1", { key: 'ca612f94c53ab7f33a30ac4a1504a4335f19c381', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '7160eb7a6adc283b34815dce378b4184b08c6834' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '9a06a5d966d7fcafe87e5c9103440f23f8e064cc', class: "h5" }, "Dispute details"), index.h("div", { key: 'cf72240182797f37cdcc6af724cf898757da825d', class: "d-table gap-2" }, index.h("div", { key: 'b834b58994ad1a512e527fd59614c6164c0bd496', class: "d-table-row gap-2" }, index.h("span", { key: '3f305bf8b5683003e02fba3dc75b2f5500a548e9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '57b3dabcfa8db14ecd7b3c7ddedbdd280f5552d1', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: '3c138f8f5af1d0a0ae47489ec2bed97236b3334a', class: "d-table-row gap-2" }, index.h("span", { key: '7e121a904798c9dc9da1d622ba9c270ee17df4b6', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'aa10e2315d8bfef4e7a4972fef48b4dd08685a65', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: 'e304065263a80702ab79ee850dc1323616eb3468', class: "d-table-row gap-2" }, index.h("span", { key: '4ea490a9617e179edf1a2eb1180e9eb807262ad7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: '44da82cf86775600312b4915361b246841073ef6', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: '4fbc80ef5dc90b0f78d6617e0776d7a7c1371ea2', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '3a65ea6fdf5f0ea4b18cc9fee6dbebea6a0d3708', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '56a4adb004c1663beb045f69c69e9e61c5a93e6d', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: 'd29034e2e03b098fafced8ae7bd8b0c04b429b8e', part: parts.text }, index.h("h1", { key: '1f46bde8fa553508a6f42bb2e9f9ea5847ffadb3', class: "h4", part: parts.heading4 }, "This payment is disputed and under review"), index.h("p", { key: '687de84072f9bc1ff40504abebcfe066fddff933' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: 'e7934860b19cc5b7d6564adbd7ca19acbe2eef4d', part: parts.text }, index.h("h1", { key: '994928d139ef6027a7ca1bb9bb33a3c645610c64', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '9ab997a8c0e615d5090ec19ce56d83dbabbc10cf' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: '1e31aed9becfeffeccdf604c93bc9eeb88431cf7', part: parts.text }, index.h("h1", { key: '9959904c6c8ff6a3b09fd5f53b1a500ffce9af70', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: 'e31b5e2bcd90955000d6950aa316e8b58b0e3065' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h("div", { key: 'c5963c0823e635ee0c2e88979b174c89c96af134', class: "dispute-notification-root" }, this.isLoading && (index.h("div", { key: '4de146d999a16e1b4ad3e393285a843d86febdda', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'ccbf1fe76ac5582cb2536548901c12768096e867', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '06ede07362fe88dfd4ec6b38c80bf619b9c7a134', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '768613c5b20ef403c468b12d5dacbea4b211ebef', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: 'a22e18df2764ddb6bee0db7e4da388bd9aec0d99', part: parts.text }, index.h("h1", { key: 'b602464b54aacc6c0776975921dbe3fceeda1f04', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), index.h("p", { key: 'e4b8615f75914e7aa613f6120172bc2cc0f6dd31' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: '2b09cc88b63ca582e2ef8cb83ef4455d4af493cc', part: parts.text }, index.h("h1", { key: '74ac700bc104aac085712a30da0b968a1bec41fe', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '2d133967991c3ee44f022ac925c873c198b71315' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '376936590aaeb5903f430eedb84984704966563d', class: "h5" }, "Dispute details"), index.h("div", { key: '8afea9772ee48495c8b731ba8602c48e00061f8c', class: "d-table gap-2" }, index.h("div", { key: '14630372fff051e1baadb7239ced63ae56edaf7e', class: "d-table-row gap-2" }, index.h("span", { key: '4ec3fc5233e87b07021eeb78ac7d4e09666502c7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'fe19ae497136c8ef5511a0197952c6d3cd889b84', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: '0f955e0707a9b8126868a34dafa39320e00d7706', class: "d-table-row gap-2" }, index.h("span", { key: '63dc2ebf125f6ec52a155ced1324a02b0735c78b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '5a6e543559e873811348fa0b68d21fe0f1dac781', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: '7656de07c60c137dd7005f96370a71442dcdb526', class: "d-table-row gap-2" }, index.h("span", { key: '817a89c84f605cbfac346f0d39790b35a73d51a4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: 'e0e7c74f85934f6a1d2e02bc24d5563e1a37222e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: '2ef721cebd617709242a0b4b9713ff264f73eac0', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '530f16709538e4146e542b88177145e4b2c9808a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: 'a498af8eb2d5a41e75a8fb044b981463b8e3bbd4', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: 'f01a89cda469402b5543b64b02ddfc9ec66cc62b', part: parts.text }, index.h("h1", { key: '15f0173bdfc20dea6fb16b030479f8554e40b716', class: "h4", part: parts.heading4 }, "This payment is disputed and under review"), index.h("p", { key: 'a444d77fad985cddf37a0386db7ee65f321fa11c' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: '08bf0f31e5fe43dbf1058709f500d0b592827dcb', part: parts.text }, index.h("h1", { key: 'e9925566140ac26b9fb42026258f3ca2bebc002f', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: 'b0dd7cec8cad943d46d7e2d7d919f15b29d08fbd' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: '4b037a462c3e9b3c7b7296e15b443c94a4310f46', part: parts.text }, index.h("h1", { key: 'b614282d90adb69e9c638ed7a6f80566033c69ed', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '3808b99fb69241784c6f3e09bbd6b13636cb26a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
-const JustifiDisputeResponse = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
-    }
-    componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new Analytics.JustifiAnalytics(this);
-        this.initializeDisputeServiceMethods();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    ;
-    propChanged() {
-        this.initializeDisputeServiceMethods();
-    }
-    initializeDisputeServiceMethods() {
-        if (this.disputeId && this.authToken) {
-            this.updateDisputeResponse = makeUpdateDisputeResponse({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new dispute_service.DisputeService()
-            });
-            this.createDisputeEvidence = makeCreateDisputeEvidence({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new dispute_service.DisputeService()
-            });
-            this.submitDisputeResponse = makeSubmitDisputeResponse({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new dispute_service.DisputeService()
-            });
-        }
-        else {
-            this.errorMessage = 'Account ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: Plaid.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '13eedd8da825613c7d060cf1426c949a7c233d17' }, index.h("justifi-dispute-response-core", { key: '3a05c657309a72761033e064aa91866a2855c5a0', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
-    }
-    ;
-    static get watchers() { return {
-        "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
-    }; }
-};
-
-const JustifiDisputeResponseCore = class {
+const DisputeResponse = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickEvent = index.createEvent(this, "click-event", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = index.createEvent(this, "submit-event", 7);
+        this.errorMessage = null;
         this.disputeResponse = {};
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.isLoading = false;
         this.documentList = [];
         this.documentErrors = {};
         this.currentStep = 0;
         this.componentStepMapping = [
-            () => index.h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => index.h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => (index.h("product-or-service", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("customer-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("cancellation-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("refund-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("duplicate-charge", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("electronic-evidence", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("shipping-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (index.h("additional-statement", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -339,15 +277,12 @@ const JustifiDisputeResponseCore = class {
                 }
                 await this.initializeFileUploads();
             }
-            // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
             await this.saveData(formData, formStep);
             this.isLoading = false;
         };
         this.onCancel = () => {
             this.clickEvent.emit({ name: eventTypes.DisputeManagementClickActions.cancelDispute });
         };
-        // after each of these steps where validateAndSubmit is called, reload the dispute
-        // and set isLoading, and pass defaults into each step
         this.onBack = async () => {
             await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
                 this.clickEvent.emit({ name: eventTypes.DisputeManagementClickActions.previousStep });
@@ -370,6 +305,45 @@ const JustifiDisputeResponseCore = class {
             });
         };
     }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.initializeDisputeServiceMethods();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    propChanged() {
+        this.initializeDisputeServiceMethods();
+    }
+    initializeDisputeServiceMethods() {
+        if (this.disputeId && this.authToken) {
+            this.updateDisputeResponse = makeUpdateDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new eventTypes.DisputeService(),
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new eventTypes.DisputeService(),
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new eventTypes.DisputeService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
@@ -380,10 +354,13 @@ const JustifiDisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: 'c08c10977c1623e1bc7a86b81fe1dd865a2e51ed', class: "row gy-3" }, index.h("div", { key: '227c651ce1a06865edb4eb2c5339b3123b6a4db5', class: "col-12" }, index.h("h1", { key: '7c880d92b985d125d286c8443fcb4005a937c070', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '96413bfd5d67f298811f7ec5f63789be2b6b3dd6', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '7beb58f7a362798a498c72d5bd7ae274dd84e596', class: "col-12" }, index.h("div", { key: '78a4a3671c0b50199b2ca5ed09f9d42b0cc0624f', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '50f6bf79c7590ef3591e2163dbcd89241ca17b62', class: "dispute-response-root" }, index.h("div", { key: '5345d5a3c5e7ff2d4c56f438fe623578e3d2029e', class: "row gy-3" }, index.h("div", { key: '8925276a290105b2fde5cd6bfdf0390c3a0c95f9', class: "col-12" }, index.h("h1", { key: 'b8eb14deedc748b3612f11fad9d94fa38020a7f8', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '50afe487bdb21d3ea2dc149c662a284f5ebb4d9b', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'cde242630fdc12e82ee5a77a199c4f6a7858371e', class: "col-12" }, index.h("div", { key: 'ce548b753ec56df34e23eb33649a27449d49b712', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
     }
+    static get watchers() { return {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
 };
 
-exports.justifi_dispute_notification = JustifiDisputeNotification;
-exports.justifi_dispute_response = JustifiDisputeResponse;
-exports.justifi_dispute_response_core = JustifiDisputeResponseCore;
+exports.dispute_notification = DisputeNotification;
+exports.dispute_response = DisputeResponse;

package/dist/cjs/{event-types-BWQT2lwu.js → event-types-AU1B76Vm.js}

@@ -1,5 +1,33 @@
 'use strict';
 
+var Api = require('./Api-Bukk55YZ.js');
+require('./Plaid-BRSyOOuw.js');
+require('./Pagination-Dediz133.js');
+require('./Business-oBifyXkW.js');
+
+const api = Api.Api();
+class DisputeService {
+    async fetchDispute(disputeId, authToken) {
+        const endpoint = `disputes/${disputeId}`;
+        return api.get({ endpoint, authToken });
+    }
+    async updateDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
+    }
+    async submitDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
+    }
+    async createDisputeEvidence(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/evidence`;
+        const body = payload;
+        return api.put({ endpoint, body, authToken });
+    }
+}
+
 exports.DisputeManagementClickActions = void 0;
 (function (DisputeManagementClickActions) {
     DisputeManagementClickActions["nextStep"] = "nextStep";
@@ -20,3 +48,5 @@ var DisputeResponseFormStep;
     DisputeResponseFormStep["shippingDetails"] = "shipping_details";
     DisputeResponseFormStep["additionalStatement"] = "additional_statement";
 })(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
+exports.DisputeService = DisputeService;

package/dist/cjs/form-address-fields_3.cjs.entry.js

@@ -86,10 +86,10 @@ const FormControlNumberMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '8c681e45fa4ffa5445924351746c22dcc7212ffc' }, index.h("div", { key: 'c230d74e6d157a2b24320c4835b7df49073ad248', class: "form-group d-flex flex-column" }, index.h("div", { key: '6631779b46041f18b8560deeb7c35840ef11f36d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '460d8c3ab569ebdffb6535e1ac4f605f2046eb90', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2d0db8687a64eb18e1205f354972368b2d3eb165', helpText: this.helpText })), index.h("input", { key: '4d50027e92a8657f2eb28bd5ee5a1737b2c37e4f', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, index.h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), index.h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', ref: el => (this.textInput = 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', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '10460438e09a6b16eaf8040aa48aab245967341c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-date.cjs.entry.js

@@ -49,10 +49,10 @@ const FormControlDate = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'ec545098abff465066e8e483fb80b13efdfb1c0c' }, index.h("div", { key: '62ab3c2b55228781b45cc08cec73dddaf079e02c', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c4a79de5aedf7db3356f1003755861d5aba8e51b', class: "d-flex gap-2" }, index.h("label", { key: 'f64d2f776aa848961ad74496c52bb61d744e50f0', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '50de1c1138f91f01ad982a5823779e5a067389be', helpText: this.helpText })), index.h("input", { key: 'bb7e14c9e6e952902c15667124032d5ca93df3e8', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c17bdb1266aea8cf2d50c1ef75e4a059d743ab2c' }, index.h("div", { key: 'e33d45227ed65daca2f75563fd2dd51f45126313', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f02592b5c5a9c6346b5a0cacc08f45b971fcd370', class: "d-flex gap-2" }, index.h("label", { key: '30c32d5e351df78b68ea249b5626c9ee247569d4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '250d51c080fbd42a421f23d9a2b23735f6491773', helpText: this.helpText })), index.h("input", { key: 'f401b594d91d353f1d1fff7e431f9b010fc86fc9', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '2916afe69a7066713ea1da31fecb3ab8679a6170', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '5be9326874e8370b54399ec78f46dd16a62272cf', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -14,7 +14,7 @@ const FormControlFileV2 = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '148ab38c0f84c68412db6bb87e2cb4d986809aaa', exportparts: "label,input,input-invalid" }, index.h("div", { key: '11426b2eee53e37090e0b0d2cda9e3823b777072', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c241b74d833248d3a94466490e5111cea7a587f6', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ff5322a7dc7344374b28a04ccfc89051aa4f2e49', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a134a3772f580da33b497686ffb321863e65acc2', helpText: this.helpText })), index.h("input", { key: 'f06a4e02a08c336a9048c6e45cb588e7d9f06082', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'c374ee239d34ba99de7146dbe10fdee38c63ddc5', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, index.h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), index.h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -64,10 +64,10 @@ const FormControlTextarea = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '99c79a6c8020a98a663caf25a510310a46daed8c' }, index.h("div", { key: '5cb37c1a3ecffdfa606805e72efe41825997296e', class: "form-group d-flex flex-column" }, index.h("label", { key: 'f354efb1e47e496e36ae91dc8584cfd7a803eb5e', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '53d089f2377dc20fb1d8e07c5d2d8697a6a17b33', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, index.h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, index.h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '96e451654599a09a9a86db0928c083d36a7964e1', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '7d6b01f7f482643f91e9e4d83c59847e3a4f2f35', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/form-control-file.cjs.entry.js

@@ -48,10 +48,10 @@ const FormControlFile = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '6029c84182825326d6bbd77aca89907f569bd508' }, index.h("div", { key: '1c32a3ee26adb61444af0ab39d8783cb5ec17f0a', class: "form-group d-flex flex-column" }, index.h("div", { key: '5018405df5c3275e6c5b2e225898e30ceaa74ca5', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '769a3e84e5439e600bc579bfa8b7091f8105b3c4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '6559a3b53cf6456f0b9f4b5eed34a377ec9af4b8', helpText: this.helpText })), index.h("input", { key: 'b1f15be1f9a3e38f65fa6475d6454ebbfdf9f612', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, index.h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), index.h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'c90a103f4e21948b70643a1f35fd7321f51cf21a', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/form-control-monetary.cjs.entry.js

@@ -51,10 +51,10 @@ const FormControlMonetary = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'c7bc247268fb901619a61bef645c35bb55eb54bf' }, index.h("div", { key: '3678d077e1fe03b30c0584d51b535984b31872d2', class: "form-group d-flex flex-column" }, index.h("label", { key: '4912bb7c5b7647349b34c495b7e2278b08dc0232', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '3aa152cdb7a2f72a739aeb431a4f2dcc389876a4', name: this.name, helpText: this.helpText }), index.h("div", { key: 'ad6d1c9275979ee19dc7d25cb9a3af00f8e6a493', class: "input-group" }, index.h("span", { key: '9a3293856bbb270b7d518a3129f492c18de94b60', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '1b301b983948cbe6de420bf5bc06ef8eb743b246', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, index.h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, index.h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), index.h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, index.h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '8f8951afec2c5759c629316c693d9b07ef58a677', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '5cb05fe585766d5f037c33d86485a6002894c781', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]