@justifi/webcomponents 6.12.3 → 6.12.5

package/dist/esm/bank-account-billing-form-simple_4.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, H as Host } from './index-CV0Pyo1O.js';
 import { c as create$3, F as FormController } from './index.esm-BHdVU4hV.js';
-import { y as postalValidation, z as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation } from './schema-validations-v6WGlZkq.js';
-import { al as billingForm } from './parts-DnrawQn3.js';
+import { y as postalValidation, z as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation, A as checkoutBillingStateOptions } from './schema-validations-A1o1biOB.js';
+import { al as billingForm } from './parts-CPKMvyV_.js';
 import { c as checkoutStore, o as onChange } from './checkout.store-DFnkcDZ8.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
-import { H as Header3 } from './header-3-C7JJVnMG.js';
+import { H as Header3 } from './header-3-BUDap2xY.js';
 import './event-types-CZfYo5-1.js';
-import { S as StateOptions } from './Business-BcNb9bVO.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './country-config-P042rrI3.js';
+import './country-config-CdvhLcnT.js';
+import './Business-BcNb9bVO.js';
 import './business-form-options-DRalxlqN.js';
 import './index-cDVGjRkU.js';
 
@@ -17,7 +17,7 @@ const fullBillingSchema = () => create$3({
     address_line1: lineOneValidation.required('Enter street address'),
     address_line2: lineTwoValidation.nullable(),
     address_city: cityValidation.required('Enter city'),
-    address_state: stateValidation.required('Select state'),
+    address_state: stateValidation.required('Select state or province'),
     address_postal_code: postalValidation.required('Enter postal code'),
 });
 const postalOnlySchema = () => create$3({
@@ -149,7 +149,7 @@ const BillingFormFull = class {
             return null;
         }
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+        return (h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State / Province', options: checkoutBillingStateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
     }
 };
 

package/dist/esm/bank-account-form.entry.js

@@ -1,12 +1,12 @@
 import { h, r as registerInstance } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-CXGFVqDf.js';
+import { S as Skeleton } from './skeleton-BEHo2ypu.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import { e as generateTabId } from './utils-BTtxWI2r.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
-import './parts-DnrawQn3.js';
+import { c as checkPkgVersion } from './check-pkg-version-D-rHqtUI.js';
+import './parts-CPKMvyV_.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
-import './package-beXEDfB9.js';
+import './package-B6YPrwyC.js';
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;

package/dist/esm/bank-account-read-only-value.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { t as text } from './parts-DnrawQn3.js';
+import { t as text } from './parts-CPKMvyV_.js';
 
 const BankAccountReadOnlyValue = class {
     constructor(hostRef) {

package/dist/esm/business-identity-schema-0Q3kck3C.js

@@ -0,0 +1,163 @@
+import { c as create$3, a as create$6 } from './index.esm-BHdVU4hV.js';
+import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, f as whenServiceReceivedValidation, r as revenueValidation, g as paymentVolumeValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, n as ownershipPercentageValidation, s as ssnValidation, q as dobValidation, u as identityTitleValidation, v as identityNameValidation, x as makeIdentityNumberValidation } from './schema-validations-A1o1biOB.js';
+import { C as CountryCode } from './Business-BcNb9bVO.js';
+import { c as countryLabels } from './country-config-CdvhLcnT.js';
+
+// Base schema (no country-specific rules for classification/tax id)
+const baseBusinessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.required('Enter business website url'),
+        email: emailValidation.required('Enter business email'),
+        phone: phoneValidation.required('Enter phone number'),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        classification: businessClassificationValidation.required('Select business classification'),
+        industry: industryValidation.required('Enter a business industry'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of registration'),
+    });
+    const easySchema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.nullable(),
+        email: emailValidation.nullable(),
+        phone: phoneValidation.nullable(),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        classification: businessClassificationValidation.nullable(),
+        industry: industryValidation.nullable(),
+        tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+// Country-specific schema convenience wrappers
+const businessCoreInfoSchemaUSA = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(create$3({
+    classification: create$6().required('Select business classification'),
+    tax_id: makeTaxIdValidation(CountryCode.USA)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryLabels.USA.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+const businessCoreInfoSchemaCAN = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(create$3({
+    classification: create$6().required('Select business classification'),
+    tax_id: makeTaxIdValidation(CountryCode.CAN)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryLabels.CAN.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_average_transaction_amount: revenueValidation.required('Enter average transaction amount'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = create$3({
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_average_transaction_amount: revenueValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+// Internal USA schemas
+const schemaUSA$1 = () => create$3({
+    line1: lineOneValidation.nullable(),
+    line2: lineTwoValidation.nullable(),
+    city: cityValidation.nullable(),
+    state: create$6().nullable(),
+    postal_code: create$6().nullable(),
+});
+const strictSchemaUSA$1 = () => create$3({
+    line1: lineOneValidation.required('Enter street address'),
+    line2: lineTwoValidation.nullable(),
+    city: cityValidation.required('Enter city'),
+    state: create$6().required('Select state'),
+    postal_code: makePostalValidation(CountryCode.USA).required('Enter postal code'),
+});
+// Internal CAN schemas
+const schemaCAN$1 = () => create$3({
+    line1: lineOneValidation.nullable(),
+    line2: lineTwoValidation.nullable(),
+    city: cityValidation.nullable(),
+    state: create$6().nullable(),
+    postal_code: create$6().nullable(),
+});
+const strictSchemaCAN$1 = () => create$3({
+    line1: lineOneValidation.required('Enter street address'),
+    line2: lineTwoValidation.nullable(),
+    city: cityValidation.required('Enter city'),
+    state: create$6().required('Select province'),
+    postal_code: makePostalValidation(CountryCode.CAN).required('Enter postal code'),
+});
+// Public API
+const addressSchemaUSA = (allowOptionalFields) => allowOptionalFields ? schemaUSA$1() : strictSchemaUSA$1();
+const addressSchemaCAN = (allowOptionalFields) => allowOptionalFields ? schemaCAN$1() : strictSchemaCAN$1();
+// Country-keyed mapping
+const addressSchemaByCountry = {
+    [CountryCode.USA]: addressSchemaUSA,
+    [CountryCode.CAN]: addressSchemaCAN,
+};
+
+// Internal USA schemas
+const schemaUSA = (role) => create$3({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.nullable(),
+    email: emailValidation.nullable(),
+    phone: phoneValidation.nullable(),
+    dob_full: dobValidation(role).nullable(),
+    ssn_last4: create$6().nullable(),
+    identification_number: ssnValidation.nullable(),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
+    address: addressSchemaUSA(true),
+});
+const strictSchemaUSA = (role) => create$3({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.required(`Enter ${role} title`),
+    email: emailValidation.required(`Enter ${role} email`),
+    phone: phoneValidation.required('Enter phone number'),
+    dob_full: dobValidation(role).required('Enter date of birth'),
+    ssn_last4: create$6().nullable(),
+    // ssn required unless last4 provided (handled inside ssnValidation)
+    identification_number: ssnValidation,
+    ownership_percentage: ownershipPercentageValidation.nullable(),
+    address: addressSchemaUSA(false),
+});
+// Internal CAN schemas
+const schemaCAN = (role) => create$3({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.nullable(),
+    email: emailValidation.nullable(),
+    phone: phoneValidation.nullable(),
+    dob_full: dobValidation(role).nullable(),
+    ssn_last4: create$6().nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
+    address: addressSchemaCAN(true),
+});
+const strictSchemaCAN = (role) => create$3({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.required(`Enter ${role} title`),
+    email: emailValidation.required(`Enter ${role} email`),
+    phone: phoneValidation.required('Enter phone number'),
+    dob_full: dobValidation(role).required('Enter date of birth'),
+    ssn_last4: create$6().nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
+    address: addressSchemaCAN(false),
+});
+const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);
+const identitySchemaCAN = (role, allowOptionalFields) => allowOptionalFields ? schemaCAN(role) : strictSchemaCAN(role);
+// Country-keyed mapping
+const identitySchemaByCountry = {
+    [CountryCode.USA]: identitySchemaUSA,
+    [CountryCode.CAN]: identitySchemaCAN,
+};
+
+export { additionalQuestionsSchema as a, businessCoreInfoSchemaUSA as b, addressSchemaUSA as c, businessCoreInfoSchemaCAN as d, identitySchemaCAN as e, addressSchemaCAN as f, identitySchemaByCountry as g, addressSchemaByCountry as h, identitySchemaUSA as i };

package/dist/esm/{business.service-BPbZ5fxQ.js → business.service-C31wbMVs.js}

@@ -1,8 +1,7 @@
 import { A as Api } from './Api-DMd8hTI-.js';
-import './Plaid-BuKEVgbB.js';
+import './Plaid-l6nNIjab.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
 class BusinessService {

package/dist/esm/{button-DRdaAudE.js → button-BvzOzV4l.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { U as buttonOutlineSecondary, V as buttonOutlinePrimary, C as buttonLink, W as buttonDark, X as buttonLight, Y as buttonInfo, Z as buttonWarning, _ as buttonDanger, $ as buttonSuccess, a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts-DnrawQn3.js';
+import { U as buttonOutlineSecondary, V as buttonOutlinePrimary, C as buttonLink, W as buttonDark, X as buttonLight, Y as buttonInfo, Z as buttonWarning, _ as buttonDanger, $ as buttonSuccess, a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts-CPKMvyV_.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-CXGFVqDf.js';
+import { S as Skeleton } from './skeleton-BEHo2ypu.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import { e as generateTabId } from './utils-BTtxWI2r.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
-import './parts-DnrawQn3.js';
+import { c as checkPkgVersion } from './check-pkg-version-D-rHqtUI.js';
+import './parts-CPKMvyV_.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
-import './package-beXEDfB9.js';
+import './package-B6YPrwyC.js';
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;

package/dist/esm/{check-pkg-version-6iGDh82c.js → check-pkg-version-D-rHqtUI.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-beXEDfB9.js';
+import { p as packageJson } from './package-B6YPrwyC.js';
 
 const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
 const detectDuplicateVersion = () => {

package/dist/esm/{checkout.service-CJMfFKyS.js → checkout.service-cVdOGDuI.js}

@@ -1,8 +1,7 @@
 import { A as Api } from './Api-DMd8hTI-.js';
-import './Plaid-BuKEVgbB.js';
+import './Plaid-l6nNIjab.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
 class CheckoutService {

package/dist/esm/{country-config-P042rrI3.js → country-config-CdvhLcnT.js}

@@ -61,4 +61,4 @@ const countryValidation = {
     },
 };
 
-export { countryValidation as a, countryOptions as b, countryLabels as c };
+export { ProvinceOptions as P, countryValidation as a, countryOptions as b, countryLabels as c };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { an as tooltip, ao as tooltipInner, ap as tooltipIcon } from './parts-DnrawQn3.js';
+import { an as tooltip, ao as tooltipInner, ap as tooltipIcon } from './parts-CPKMvyV_.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1901,7 +1901,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '7a5bab9f568f74c4cc7635a5844ca9a48c506521' }, h("style", { key: '9d073f9cc6b46141f05def0a5fa51d61ce2ec1b0' }, `
+        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
           .popper-content {
             display: none;
           }
@@ -1909,7 +1909,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '7cea0b75df433ed9b5a8e46b015814a954f47c99', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6a6f628864ce86989413f80b8a39f7fe089d6633' }))));
+          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

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

@@ -1,24 +1,21 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import { f as formatCurrency } from './utils-BTtxWI2r.js';
-import { t as text, a8 as heading4 } from './parts-DnrawQn3.js';
-import { B as Button } from './button-DRdaAudE.js';
-import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { S as Skeleton } from './skeleton-CXGFVqDf.js';
+import { t as text, a8 as heading4 } from './parts-CPKMvyV_.js';
+import { B as Button } from './button-BvzOzV4l.js';
+import { S as Skeleton } from './skeleton-BEHo2ypu.js';
 import './event-types-CZfYo5-1.js';
-import { C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
-import { D as DisputeService } from './dispute.service-vlYGy0nR.js';
-import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
-import { J as JustifiAnalytics } from './Analytics-Cyc3ZLPx.js';
+import { C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-l6nNIjab.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-C1B2hVAB.js';
+import { D as DisputeManagementClickActions, a as DisputeService } from './event-types-DalU_6SB.js';
+import { c as checkPkgVersion } from './check-pkg-version-D-rHqtUI.js';
+import { J as JustifiAnalytics } from './Analytics-Cg17Xhj_.js';
 import './dinero-HXpYMWUU.js';
-import './Dispute-BH0Xfn-F.js';
 import './Api-DMd8hTI-.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './package-beXEDfB9.js';
+import './package-B6YPrwyC.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -108,7 +105,7 @@ const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async (
     }
 };
 
-const JustifiDisputeNotification = class {
+const DisputeNotification = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.clickEvent = createEvent(this, "click-event", 7);
@@ -153,93 +150,34 @@ const JustifiDisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: '736e9c381309e08926162292fdbf7b62cc2087e9' }, this.isLoading && (h("div", { key: '21bdc2b142c32d00323211dda36074976b63dbb4', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e73b642a8c2a02b397affeb1fff5e5c35a3d87fb', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '8ba58aa2227e88903a3eccc2bb8b577c05515139', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fb88ccd69ee44cf8af5e9093906fc21016a2a5b6', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'e1fb6db600ef9418b47eb5e51ef8c62f4b005183', part: text }, h("h1", { key: 'ac2e9efc93c68d30f2a20ce2816c668826adfe6d', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '6d189ad1eaa6c9e144749a5bab6aefcf3541e382' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '2212952890d5fedb650c15d6e526e3fbf9ab9a68', part: text }, h("h1", { key: '67426dbff584f957e89a8d86570fab038de53f8d', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '513490e2c25f4b12d1400d74862618aaf9794bd3' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '352898d8cae890914bf8feffd0ca913b71cd6c18', class: "h5" }, "Dispute details"), h("div", { key: 'b2b00e53e015d2cfb7a58ee66220af6dbb22467a', class: "d-table gap-2" }, h("div", { key: 'ee7162b5c176c1d334f09cdda553a1ef6e9b1dd0', class: "d-table-row gap-2" }, h("span", { key: '863e381c1610481ae609e4f9e3bc4d4cba6981cb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a4860c2b8b4f9f79cea5b45e8da37509368e02fd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '15b6c3183065af7771ffd31971e9c120c28cb285', class: "d-table-row gap-2" }, h("span", { key: '1a43935f1a8fa71dbd7b511430d5b29179a00d40', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '6351bb9fcc392700e52f6a19a5b7796f0db81b7c', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '07badb71175a086399c2cd7e21f20eef2dc71547', class: "d-table-row gap-2" }, h("span", { key: '7f000a4206424cd4808d5cd9a20c339bf3ecaf18', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'a768799fd24012e11c9a3907f9da9959c815d475', 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))), h("div", { key: 'b077e8d4e7c446db5c46f41174dbbf18647da81d', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'b113557e1ebabd4d787d95d3cf65c50c66085f0b', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '8fc56615440cd75503c7ce9324670592e1c88068', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '1419d80deb612294fe979d8cbf2fb76eab05c30c', part: text }, h("h1", { key: 'd77570d765ec7c1161c29f667911df1a40004c5b', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'b4e258895b34f062b244d710a0b947e08bb5bbea' }, "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) && (h("div", { key: '7e32157b5bcdc02bfd125b9b03607f67488ab48e', part: text }, h("h1", { key: 'd087b4fcb56468bd8aa9904286f858591af94ba1', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '0aa0f4003d253874c6bd639afffba2ca37c9985e' }, "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) && (h("div", { key: 'f3855957e8222a4837f5cee6026b0c56df3ed185', part: text }, h("h1", { key: '1c0261b5d45e54b26982be2112b92d8585933b7a', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f8ae5063b7254794687af55b989a5f282846fbfb' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h("div", { key: 'c5963c0823e635ee0c2e88979b174c89c96af134', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '4de146d999a16e1b4ad3e393285a843d86febdda', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ccbf1fe76ac5582cb2536548901c12768096e867', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '06ede07362fe88dfd4ec6b38c80bf619b9c7a134', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '768613c5b20ef403c468b12d5dacbea4b211ebef', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'a22e18df2764ddb6bee0db7e4da388bd9aec0d99', part: text }, h("h1", { key: 'b602464b54aacc6c0776975921dbe3fceeda1f04', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), 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() && (h("div", { key: '2b09cc88b63ca582e2ef8cb83ef4455d4af493cc', part: text }, h("h1", { key: '74ac700bc104aac085712a30da0b968a1bec41fe', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '2d133967991c3ee44f022ac925c873c198b71315' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '376936590aaeb5903f430eedb84984704966563d', class: "h5" }, "Dispute details"), h("div", { key: '8afea9772ee48495c8b731ba8602c48e00061f8c', class: "d-table gap-2" }, h("div", { key: '14630372fff051e1baadb7239ced63ae56edaf7e', class: "d-table-row gap-2" }, h("span", { key: '4ec3fc5233e87b07021eeb78ac7d4e09666502c7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'fe19ae497136c8ef5511a0197952c6d3cd889b84', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0f955e0707a9b8126868a34dafa39320e00d7706', class: "d-table-row gap-2" }, h("span", { key: '63dc2ebf125f6ec52a155ced1324a02b0735c78b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), 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)), h("div", { key: '7656de07c60c137dd7005f96370a71442dcdb526', class: "d-table-row gap-2" }, h("span", { key: '817a89c84f605cbfac346f0d39790b35a73d51a4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), 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))), h("div", { key: '2ef721cebd617709242a0b4b9713ff264f73eac0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '530f16709538e4146e542b88177145e4b2c9808a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a498af8eb2d5a41e75a8fb044b981463b8e3bbd4', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f01a89cda469402b5543b64b02ddfc9ec66cc62b', part: text }, h("h1", { key: '15f0173bdfc20dea6fb16b030479f8554e40b716', class: "h4", part: heading4 }, "This payment is disputed and under review"), 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) && (h("div", { key: '08bf0f31e5fe43dbf1058709f500d0b592827dcb', part: text }, h("h1", { key: 'e9925566140ac26b9fb42026258f3ca2bebc002f', class: "h4", part: heading4 }, "This payment was disputed"), 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) && (h("div", { key: '4b037a462c3e9b3c7b7296e15b443c94a4310f46', part: text }, h("h1", { key: 'b614282d90adb69e9c638ed7a6f80566033c69ed', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '3808b99fb69241784c6f3e09bbd6b13636cb26a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
-const JustifiDisputeResponse = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = 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();
-        this.analytics = new 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 DisputeService()
-            });
-            this.createDisputeEvidence = makeCreateDisputeEvidence({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new DisputeService()
-            });
-            this.submitDisputeResponse = makeSubmitDisputeResponse({
-                disputeId: this.disputeId,
-                authToken: this.authToken,
-                service: new DisputeService()
-            });
-        }
-        else {
-            this.errorMessage = 'Account ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        return (h(StyledHost, { key: 'fb08d6796fe7740f292eff620d04e943adb30b22' }, h("justifi-dispute-response-core", { key: 'cb1859a262749d3e11c14844e5a9a5909970ee06', "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) {
         registerInstance(this, hostRef);
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = 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 = [
-            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => (h("product-or-service", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("customer-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("cancellation-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("refund-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("duplicate-charge", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("electronic-evidence", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("shipping-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (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;
@@ -337,15 +275,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: 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: DisputeManagementClickActions.previousStep });
@@ -368,6 +303,45 @@ const JustifiDisputeResponseCore = class {
             });
         };
     }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new 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 DisputeService(),
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
@@ -378,8 +352,12 @@ const JustifiDisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '2cc3b2abef27f1ecf146dca2423fe07efd98c816', class: "row gy-3" }, h("div", { key: '4c0303a7ad858568888c1345709858ac922ec176', class: "col-12" }, h("h1", { key: 'e857a204a17cb406790023c68e1f2908e3e194bc', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'bff6c1e8d5852569d868829aaf6721e8489ee577', class: "col-12" }, this.currentStepComponent), h("div", { key: '4ea8230871e5f0b90e4fed95821bf1ed6ba6ad83', class: "col-12" }, h("div", { key: 'a489196afb70fc4fc7c14c8ad2d55253b6f71a64', 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: '50f6bf79c7590ef3591e2163dbcd89241ca17b62', class: "dispute-response-root" }, h("div", { key: '5345d5a3c5e7ff2d4c56f438fe623578e3d2029e', class: "row gy-3" }, h("div", { key: '8925276a290105b2fde5cd6bfdf0390c3a0c95f9', class: "col-12" }, h("h1", { key: 'b8eb14deedc748b3612f11fad9d94fa38020a7f8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '50afe487bdb21d3ea2dc149c662a284f5ebb4d9b', class: "col-12" }, this.currentStepComponent), h("div", { key: 'cde242630fdc12e82ee5a77a199c4f6a7858371e', class: "col-12" }, h("div", { key: 'ce548b753ec56df34e23eb33649a27449d49b712', 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")))))));
     }
+    static get watchers() { return {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
 };
 
-export { JustifiDisputeNotification as justifi_dispute_notification, JustifiDisputeResponse as justifi_dispute_response, JustifiDisputeResponseCore as justifi_dispute_response_core };
+export { DisputeNotification as dispute_notification, DisputeResponse as dispute_response };

package/dist/esm/{event-types-Bg2SZArf.js → event-types-DalU_6SB.js}

@@ -1,3 +1,31 @@
+import { A as Api } from './Api-DMd8hTI-.js';
+import './Plaid-l6nNIjab.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-BcNb9bVO.js';
+
+const 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 });
+    }
+}
+
 var DisputeManagementClickActions;
 (function (DisputeManagementClickActions) {
     DisputeManagementClickActions["nextStep"] = "nextStep";
@@ -19,4 +47,4 @@ var DisputeResponseFormStep;
     DisputeResponseFormStep["additionalStatement"] = "additional_statement";
 })(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
 
-export { DisputeManagementClickActions as D };
+export { DisputeManagementClickActions as D, DisputeService as a };