@justifi/webcomponents 5.7.6 → 6.0.0-rc.1

package/dist/cjs/{iframe-input_4.cjs.entry.js → hidden-input_2.cjs.entry.js}

@@ -1,21 +1,108 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index$1 = require('./index-dm_GlYlb.js');
+var index = require('./index-Yd9aLenr.js');
+var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
-var _package = require('./package-B7_ed3oS.js');
-var iframeInputStylesState = require('./iframe-input-styles-state-CGWgxf_0.js');
-var parts = require('./parts-9jMf1erK.js');
-var index_esm = require('./index.esm-BleZSAc0.js');
-var schemaValidations = require('./schema-validations-jek_iZ9W.js');
-var header3 = require('./header-3-D9Wa0IfT.js');
-require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-DAyWinG2.js');
-var stateOptions = require('./state-options-CIT9xdTz.js');
-require('./index-Yd9aLenr.js');
-require('./business-form-options-CMII7nIK.js');
-require('./Business-DCRzZf0w.js');
-require('./helpers-B5OCqlIM.js');
+var _package = require('./package-Cp_7Ls2E.js');
+
+const iframeInputStylesStore = index.createStore({
+    focused: {
+        boxShadow: '',
+        border: '',
+    },
+    focusedAndInvalid: {
+        boxShadow: '',
+        border: '',
+    },
+    fontStyles: {
+        fontFamily: '',
+        fontSize: '',
+        fontWeight: '',
+        lineHeight: '',
+        margin: '',
+        padding: '',
+    },
+});
+const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
+
+const HiddenInput = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.isFocused = false;
+        this.errorText = '';
+    }
+    async componentDidLoad() {
+        const fontStyles = await this.getBaseFontStyles();
+        iframeInputStylesSet('fontStyles', fontStyles);
+        const focusedStyles = await this.getFocusedStyles();
+        iframeInputStylesSet('focused', focusedStyles);
+        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
+        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
+    }
+    async getBaseFontStyles() {
+        return new Promise((resolve, _reject) => {
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    fontFamily: computedStyles.fontFamily,
+                    fontSize: computedStyles.fontSize,
+                    fontWeight: computedStyles.fontWeight,
+                    lineHeight: computedStyles.lineHeight,
+                    margin: computedStyles.margin,
+                    padding: computedStyles.padding,
+                    color: computedStyles.color,
+                };
+                resolve(styles);
+            }, 500);
+        });
+    }
+    ;
+    async getFocusedStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            setTimeout(() => {
+                this.hiddenInput.blur();
+                let computedStyles = getComputedStyle(this.hiddenInput);
+                resolve({
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                });
+            }, 500);
+        });
+    }
+    async getFocusedAndInvalidStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            this.errorText = 'Error';
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                };
+                this.hiddenInput.blur();
+                resolve(styles);
+            }, 500);
+        });
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return parts.inputInvalidAndFocused;
+        }
+        if (this.errorText) {
+            return parts.inputInvalid;
+        }
+        if (this.isFocused) {
+            return parts.inputFocused;
+        }
+        return parts.input;
+    }
+    render() {
+        return (index$1.h(index$1.Host, { key: 'eb0135c733e6a4273855b6c74efab83e51d3788d' }, index$1.h("input", { key: '48577dd678d44b2382bbeadcaa2efc14484f8638', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+    }
+};
 
 var iframeResizer = {exports: {}};
 
@@ -1557,8 +1644,8 @@ const MessageEventType = {
 
 const IframeInput = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.iframeLoaded = index.createEvent(this, "iframeLoaded");
+        index$1.registerInstance(this, hostRef);
+        this.iframeLoaded = index$1.createEvent(this, "iframeLoaded");
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1612,9 +1699,9 @@ const IframeInput = class {
     get style() {
         if (this.isFocused) {
             if (!this.isValid) {
-                return iframeInputStylesState.iframeInputStyles.focusedAndInvalid;
+                return iframeInputStyles.focusedAndInvalid;
             }
-            return iframeInputStylesState.iframeInputStyles.focused;
+            return iframeInputStyles.focused;
         }
         return null;
     }
@@ -1622,16 +1709,16 @@ const IframeInput = class {
         // map the iframeInputStyles.fontStyles properties to the urlParams 
         // and encode each property with btoa
         const encodedObject = Object.fromEntries(Object
-            .entries(iframeInputStylesState.iframeInputStyles.fontStyles)
+            .entries(iframeInputStyles.fontStyles)
             .map(([key, value]) => [key, btoa(String(value))]));
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: 'c7e816ffb97c88217b50e8e8ecc5c0fe210bcdbe', class: "form-group d-flex flex-column" }, index.h("div", { key: '2e38b8e3ddeaba93556c52f20ff67b8324255bda', style: {
+        return (index$1.h(index$1.Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: '75c8d278c641316e797c4cd79905ff554920a4fc', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'e06f9f5f09fb0b3679df6195c1557698790a6331', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: 'c5f7a5c687855d59057dfa52c8f4b5c157c24107', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '758ea464591a51ddc183256ebcd66238602bc4cc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1641,139 +1728,10 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: '116d0495276351a49014fe565977a244596284ee', errorText: this.errorText, name: this.inputId }))));
-    }
-    get el() { return index.getElement(this); }
-};
-
-const fullBillingSchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.required('Enter full name'),
-    address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.required('Enter city'),
-    address_state: schemaValidations.stateValidation.required('Select state'),
-    address_postal_code: schemaValidations.postalValidation.required('Enter postal code')
-});
-const postalOnlySchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.nullable(),
-    address_line1: schemaValidations.lineOneValidation.nullable(),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.nullable(),
-    address_state: schemaValidations.stateValidation.nullable(),
-    address_postal_code: schemaValidations.postalValidation.required('Enter postal code')
-});
-const nameOnlySchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.required('Enter full name'),
-    address_line1: schemaValidations.lineOneValidation.nullable(),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.nullable(),
-    address_state: schemaValidations.stateValidation.nullable(),
-    address_postal_code: schemaValidations.postalValidation.nullable()
-});
-
-const BankAccountBillingFormSimple = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(nameOnlySchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: '26bb004c8683881a5f7b6a4a7de3b1e2c680d157' }, index.h("div", { key: '89951cc4128e5b6578943af160eb44eb64d02272', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '06ff2993369ed913abd9973fc7bb87514d047671' }, index.h("fieldset", { key: '29b61ffe7a9047a9909d8ed3688c41b9bbedc1d0' }, this.legend && (index.h("legend", { key: 'eb02a71dfa08b5b5b5e3646f96d9a6882b71bda0' }, this.legend)), index.h("div", { key: 'b6c5e23355c9a70423f23540f2a7191ae33aa738', class: "row gy-3" }, index.h("div", { key: 'a7f5606df9c5ca03de56ccaf3a809550a8437ff0', class: "col-12" }, index.h("form-control-text", { key: '688e677b9ceb86ae0c41715b12edbc6cee913424', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
-    }
-};
-
-const BillingFormFull = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(fullBillingSchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: 'e9d36cd879429f6d2fe05d2fc424b09a53fda517' }, index.h("div", { key: '3a979f2f763b96e22341ce87597a53bd1dd69de4', part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { key: 'bd55292d19691da184eb079361f03ce72a369fa0', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", { key: '5ad294e59acc1374abd835a1281ca9351914261d' }, index.h("fieldset", { key: 'b8a1e4c537c6ca214a8e233d513dbe9673ad440e' }, this.legend && (index.h("legend", { key: '871ce543139ea01c89e2198ab6d0d6d5a5bdb2d7' }, this.legend)), index.h("div", { key: 'fc5334df48a1aabd2cfe2344fc934f6eb6fe5f94', class: "row gy-3" }, index.h("div", { key: '1b0e96757b37d15f5c90e0322293c4615d195e57', class: "col-12" }, index.h("form-control-text", { key: '95312a600e8c0b1f0c082dbde3d11fac41683f8c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'b658488bf748d0d75fc032daef27ca4c72b81deb', class: "col-12" }, index.h("form-control-text", { key: 'aed40a410554a29ebc94979cbfe7e7aebe3e03c0', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: '7a297f8670a3a421bf06737e158d71b119e0f92e', class: "col-12" }, index.h("form-control-text", { key: '867a26488bdf2124256869f80d8e1f14b691e0c2', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { key: 'fe6c3eeec6c496d846d48e420030689c05248e02', class: "col-12" }, index.h("form-control-text", { key: 'ac9dea33795c8a0a8f0b602dc108611cfebf0be6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: 'ecbe044931a98b9b0df870f8899303775ddf92d1', class: "col-12" }, index.h("form-control-select", { key: 'b6c25c9170d4f97c81b57e44513dbaa8a7166c3b', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: '216602a05107394f90b495f30be393efbc01371f', class: "col-12" }, index.h("form-control-text", { key: 'c05fdd593adbefdd78ae25c57e5f2496d300deba', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
-    }
-};
-
-const CardBillingFormSimple = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(postalOnlySchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: '579768ec89e37b775a2406ba687a9a18e1c1fb44' }, index.h("div", { key: '5a98c4adf327f5e09421fbbd78c9f13f031579c6', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '4e2b9e9b3ae5d15f6705e418edb2307ec28e19f2' }, index.h("fieldset", { key: 'baa9735b69a185a229a6db3fa9ddc3adb02a8748' }, this.legend && (index.h("legend", { key: '65320d5245a39d67aa9389e54ef02fa87bea9bb8' }, this.legend)), index.h("div", { key: '1e8b4f9de1d6b0f24bb6ef3c8b282f34bf16c04c', class: "row gy-3" }, index.h("div", { key: '75fb250b91a586982c9a80fc544c2685cfb2f0e1', class: "col-12" }, index.h("form-control-text", { key: 'db2be476b7f49596faf8a93f40501d89aae3d84f', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
     }
+    get el() { return index$1.getElement(this); }
 };
 
+exports.hidden_input = HiddenInput;
 exports.iframe_input = IframeInput;
-exports.justifi_bank_account_billing_form_simple = BankAccountBillingFormSimple;
-exports.justifi_billing_form_full = BillingFormFull;
-exports.justifi_card_billing_form_simple = CardBillingFormSimple;

package/dist/cjs/{insurance-state-qT_hkvZV.js → insurance-state-Cyva9u6S.js}

@@ -12,6 +12,8 @@ const insuranceValuesStore = index$1.createStore({});
 const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
 const insuranceErrorsStore = index$1.createStore({});
 const { state: insuranceErrors } = insuranceErrorsStore;
+// Track previous values to detect actual changes vs initial setting
+const previousInsuranceValues = {};
 const validateInsuranceValues = () => {
     let valid = true;
     Object.keys(insuranceValues).forEach((key) => {
@@ -26,8 +28,24 @@ const validateInsuranceValues = () => {
     });
     return { isValid: valid };
 };
+// Helper function to check if a value has actually changed (not just initially set)
+const hasInsuranceValueChanged = (key, newValue) => {
+    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const previousValue = previousInsuranceValues[key];
+    if (!hadPreviousValue) {
+        // First time setting this value, track it but don't consider it a "change"
+        previousInsuranceValues[key] = newValue;
+        return false;
+    }
+    const hasChanged = previousValue !== newValue;
+    if (hasChanged) {
+        previousInsuranceValues[key] = newValue;
+    }
+    return hasChanged;
+};
 
 exports.Header2 = Header2;
+exports.hasInsuranceValueChanged = hasInsuranceValueChanged;
 exports.insuranceErrors = insuranceErrors;
 exports.insuranceValues = insuranceValues;
 exports.insuranceValuesOn = insuranceValuesOn;

package/dist/cjs/justifi-additional-questions-form-step-core_6.cjs.entry.js

@@ -10,14 +10,12 @@ var skeleton = require('./skeleton-x-GSs3xk.js');
 require('./event-types-YOY5TKUN.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var Refund = require('./Refund-h6MCxFEE.js');
+var Refund = require('./Refund-CqWNG8sx.js');
 var schemaValidations = require('./schema-validations-jek_iZ9W.js');
 require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DAyWinG2.js');
 var button = require('./button-CfVQSysQ.js');
@@ -25,6 +23,7 @@ var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
+require('./utils-BaGF9XIe.js');
 require('./index-Yd9aLenr.js');
 
 class BankAccount {

package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js

@@ -1,25 +1,24 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-OxMVnZMF.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
+var business_service = require('./business.service-C3BdUPlm.js');
 require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
-var Api = require('./Api-p2pK86Zd.js');
+var Api = require('./Api-CPuq_15r.js');
 var parts = require('./parts-9jMf1erK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var button = require('./button-CfVQSysQ.js');
 require('./event-types-YOY5TKUN.js');
-require('./utils-l0veqT9y.js');
+require('./utils-DvUQQLmR.js');
 require('./index-Yd9aLenr.js');
+require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -60,7 +59,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-additional-questions-form-step-core", { key: 'cdc14a51e5655ce4b4d7c24af613b9146c80ba37', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -107,7 +106,7 @@ const BusinessBankAccountFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-bank-account-form-step-core", { key: '0cdd7da1ea31971df421b28f17673bd1a81bf661', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -151,7 +150,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-core-info-form-step-core", { key: '21d9ea1603f0e9bf6fe842d177f0f6da0113fb73', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -195,7 +194,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '39dcd68b6ef40bb24dfec2da03d420de7ff17f1a' }, index.h("justifi-business-owners-form-step-core", { key: 'f9958c7cb798f256106f93a45bcc8405da5f3b49', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (index.h(index.Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, index.h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -239,7 +238,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-representative-form-step-core", { key: '53c23a79fc8c678d98ca016f38fe7e6fe6ad9fba', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -367,7 +366,7 @@ const BusinessTermsConditionsFormStep = class {
         return (index.h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (index.h("form", { key: 'c1ca0ecd364a999e7525e9ac3da82e874a8784e8' }, index.h("fieldset", { key: 'a77178a38044c458d8dbd31a7e1aeb3f1a34c968' }, index.h("legend", { key: '7e933517fca8d54095466715bf1f0485625be74f', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '1c1da0b7378c51ad2be5efc0e51dedd3ed178c8f' }), index.h("div", { key: 'bc37aa5162dddc8ade4316b5f24deb1d4a4b6f86' }, index.h("p", { key: 'aef3d0c9186845e3f44b8e1906c405647f489b53' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '2a6a480916cc0c4bf35d96c96c3f0250e87149cb' }), index.h("div", { key: '2e3bed3a57bcb026152fcdc82debab0e667f8148', class: "row-gy-3" }, index.h("div", { key: '3243c1819e4e61921421467271b2a4d2a89e73d4', class: "col-12" }, index.h("form-control-checkbox", { key: '20b9b72809148ef390a6da7d9f5bc216436d34a5', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (index.h("form", { key: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, index.h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, index.h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), index.h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, index.h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), index.h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, index.h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, index.h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 };
 
@@ -407,7 +406,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-legal-address-form-step-core", { key: 'bd286476461181f2e8a435a97bf148d55876b49c', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -429,7 +428,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (index.h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, index.h(button.Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (index.h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -451,7 +450,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (index.h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (index.h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 

package/dist/cjs/justifi-additional-statement_8.cjs.entry.js

@@ -100,7 +100,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '3da2494959f8f95bd5dcea3ec7b40d7a6d13f07d' }, index.h("div", { key: '7e30011761a53353dc4ea2a29860fb1b0e97a4f2', class: "row gy-3" }, index.h("div", { key: 'f059331f2f33f10a179ff4c0cdd39966dd3244b9', class: "col-12" }, index.h("h2", { key: '504f4debdd82105dee45199402edd1b4f8855b22', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: 'bb6d287f7b13b48b0da327baac376afa5b0422ed', class: "col-12" }, index.h("form-control-textarea", { key: '11f24185c7bdf2c8611bbdd565e5f7621487e2ee', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: '0a7b1a3d9599b973fe8eba88d895345286b22e4b', class: "col-12" }, index.h("form-control-file-v2", { key: '18a913b89ea00c8559ad33377f57e4b9a276d00d', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (index.h("div", { key: '3904e1b961f9e1a0683647d306a128efcd7b9202' }, index.h("div", { key: '37ae13e4b7ad7bc8a18b588c4e591cde9030147e', class: "row gy-3" }, index.h("div", { key: '2f9b835795f21e4585638ad8be2093642f08b982', class: "col-12" }, index.h("h2", { key: '9ff1aeb8256ffe97c6300bd48597542519cda0a7', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: 'e4c6b9f4624b06103b6c643838a76c4a724e3168', class: "col-12" }, index.h("form-control-textarea", { key: 'dc9a5cb126a2d6f70cd8d59cdcfcd29f5c4e341b', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: 'ba5202a5d8df30f5f4b7217341110646bb76e082', class: "col-12" }, index.h("form-control-file-v2", { key: '3168fc63d6bd6013821ee335914d916bb680fe42', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 };
 
@@ -134,7 +134,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '6abface896835eb55168c6eaffb3f895b48169aa' }, index.h("div", { key: '73c586824840a3a054f2178ff2378489a861f7c7', class: "row gy-3" }, index.h("div", { key: '6381696528b65954c9756aa804713247a628aceb', class: "col-12" }, index.h("h2", { key: 'c7892b9be4dc85e48d7aba11695ebed34e4902bc', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '7b561cfe03ac8d26e104fcc2d01ada81610e2032', class: "col-12" }, index.h("form-control-textarea", { key: '5adfc8407a00ef4114be45a6dcd958dc5ee798d3', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: 'b43cad5c9201429abc8392370230f8df6be2fe36', class: "col-12" }, index.h("form-control-textarea", { key: '498ef3c2624009083f65be964b3a417c13682232', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: '8564d0c2d27d78b7b6c61897a955da4129175c7a', class: "col-12" }, index.h("form-control-file-v2", { key: 'b55c3cf8b3e98f90b11bc41fa00db8e245b00d47', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (index.h("div", { key: '29819e51969e655219ccbdbb2e1d1b738b64f7d3' }, index.h("div", { key: '28279bbc8354128a5041ed6eac16d4966be1584c', class: "row gy-3" }, index.h("div", { key: '8b6215544f87a8c35b81a93a5f4826a35e0c0f9f', class: "col-12" }, index.h("h2", { key: 'b6337efb93f03ea48f2c29b1baef4929f236df2d', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: 'b7d78115378ecd0b4a4f8a43349f1b4f2527ca35', class: "col-12" }, index.h("form-control-textarea", { key: '6ab47f5626a945f222efceef43dc096061cb67ed', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: '6aeccf798d112e79251408401c99d916a9065e94', class: "col-12" }, index.h("form-control-textarea", { key: '580e61e4370570c9a04496fef4b7ad9c19058336', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: 'e0deddf002b64d02bc5a5db075da11d2566dc3bb', class: "col-12" }, index.h("form-control-file-v2", { key: '3da55e915d4d3126456de8e95debc6d9e46dca42', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 };
 
@@ -169,7 +169,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'b16377889ebc16a5a86dd7b1961e00e42bd7c882' }, index.h("div", { key: '4a1b27996c1d834922ab953915dfdc974328e287', class: "row gy-3" }, index.h("div", { key: 'dabb895b8c24bc24fb76283c98c7c32d75e524a4', class: "col-12" }, index.h("h2", { key: 'e377b7e920288456b6ceccebcc0a358c94f5d3f2', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '3785ca021c3e6f1e59b6c43167667a6056b88f48', class: "col-12" }, index.h("form-control-text", { key: '2a0e8de20fca9db5e340a93f3c63936112dbb252', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: '17a1e76d62da5675dea32feb4e4955eb5dd9266c', class: "col-12" }, index.h("form-control-text", { key: '52487008c35cbe621fcb4ae75b1d06474675416f', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: '630fda9158a82a0fb13b3aacea29b9d777ca96d3', class: "col-12" }, index.h("form-control-textarea", { key: '6aa0b5f16e96168b8a9ee18f9477ba61fdf5321b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: 'be67c3f4247267017b2d83f43f67778792b48b60', class: "col-12" }, index.h("form-control-file-v2", { key: '056c53ccf6c08e9f6343b03c5174805552559be0', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '416f2b6256bcc3a4a448db66e5c172669b520e7f', class: "col-12" }, index.h("form-control-file-v2", { key: '714c98f07e8cdf96bc350ce3955ebd996c537826', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (index.h("div", { key: 'f5442efc59bb6a99a87f90feb5a4a147019af940' }, index.h("div", { key: 'd0f97e7ca943bfe8e4846ea84838ab08dc3658ab', class: "row gy-3" }, index.h("div", { key: 'da7f41d96c717f921010786f593c3776e2644738', class: "col-12" }, index.h("h2", { key: '0f7d56f400ec0f4250bbf7c8b2b736e084c17ab0', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: 'eca73b10ec43454be35d4ec6e09b410b7a509b46', class: "col-12" }, index.h("form-control-text", { key: '1b67e031f3ac24b43319b09a01a5e297095ecc84', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: '967326bb10e6d2a64b2f3f0bae99432f238e361c', class: "col-12" }, index.h("form-control-text", { key: 'fc7d83cc51728920d9f4849dd85f4f019bb50fe4', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: '4e598f3e9bf118ddf22c4c160f0171c9789cd853', class: "col-12" }, index.h("form-control-textarea", { key: 'fe1c2e1a4c70ef463a31e890349a5b49f979e21b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: 'a4345bc3b39f913cc233baa21373a6d7d93d3cda', class: "col-12" }, index.h("form-control-file-v2", { key: '82cb1b948807d901845a23137b5d488c9edd53ae', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: 'ffc589785e6114d604c2d98d3140de5487dc8af6', class: "col-12" }, index.h("form-control-file-v2", { key: '5b6b64927e4b90cc6dbb302fbc0d2067b70c6f4a', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 };
 
@@ -203,7 +203,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'f1ad63ad261419cc624080e5b8363e57f551d675' }, index.h("div", { key: 'b19abdfe6ea2daccc787a9096c99849e8eedf591', class: "row gy-3" }, index.h("div", { key: '3a9b55f65746147f3ef354d246803061fa3438e1', class: "col-12" }, index.h("h2", { key: '4e354e4458cade4a7195f4e9aedd9edbb72898eb', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '79dd25447a79eda39115a8337de5a8f8898cba13', class: "col-12" }, index.h("form-control-text", { key: 'f060bd04807441f8b97387632b46561e6e702ca4', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: '1a2679c9f693abf61d19b645ccc114a8c15bd8e6', class: "col-12" }, index.h("form-control-textarea", { key: '14f5736b6845a02a0a98c934ca24f742ba061a71', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: '0e3bd831dd17518d21a1c0c6c24a137b05e5025b', class: "col-12" }, index.h("form-control-file-v2", { key: 'a62004b90911cdb5bfdf9bd82fe98a41de7d94ab', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (index.h("div", { key: '2b1fbb67aebf81b2cac878cfd86a71e31feb7288' }, index.h("div", { key: 'e05d18f73ae193c43ead170ca59e580172115c25', class: "row gy-3" }, index.h("div", { key: '0f0c24505bc9e14e79681e1686e61671027af940', class: "col-12" }, index.h("h2", { key: '0c5a6f6119c5178564ece36506e90d79cf0a2393', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: 'cb740c8a1b6ded55b53b4b402ec5ae3147b6c632', class: "col-12" }, index.h("form-control-text", { key: 'a89bae70a2cf7500d69d51d0e2a8b9f50dc6ed56', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: '87ec40290b40beae641136a5caca878bf5b69d34', class: "col-12" }, index.h("form-control-textarea", { key: '3a87c44d1584949ac5ec444c28b26a043a697e90', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: 'dc4fbe2c23c992d9bf72d1932d41886d3a4bd53a', class: "col-12" }, index.h("form-control-file-v2", { key: 'ee9e58fff423be4009bef08109b14a4acda8e39f', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 };
 
@@ -236,7 +236,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'd31ff9284f1b051ddfbad25b3a4efce68f24fc08' }, index.h("div", { key: 'c8b485a03299b48bb431db694931f1af5e44ee83', class: "row gy-3" }, index.h("div", { key: '1c88f5240a562366d9eefc32b06e22449cf53c80', class: "col-12" }, index.h("h2", { key: 'e17b11f2cda9f2de7d5c43f379a333b160d0ba28', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: 'd7d4e81eba52518f0a598d9efcd773802ef72441', class: "col-12" }, index.h("form-control-text", { key: 'f8e7a558c2f1d4018317c754cc30bc54f165b2f2', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: '0cce46d607ad965c964dac6392345e94f5731fec', class: "col-12" }, index.h("form-control-file-v2", { key: '59f06b1acac7c97bacfae2933b40a11d2a7504e7', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (index.h("div", { key: 'e23dbefec1d452aa3ba3cca69523eee0f5cfe923' }, index.h("div", { key: 'e1f11a356d05519b568b5bb65be9e8a1fc14e46f', class: "row gy-3" }, index.h("div", { key: 'a6208153a9a44d49e88f80d953477de8b40ed64b', class: "col-12" }, index.h("h2", { key: 'c80cc00343452fbf9d9ddacb6929d3a7e0a33f42', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '1ed5c9f72596f33f41431eb62e6338f60adc9ab3', class: "col-12" }, index.h("form-control-text", { key: 'dfb38a1c00b8b09849840f4a071fbaa12321f7a8', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: 'd6f0a73cccf7eb2ea481836c6206ee39a0a21c6c', class: "col-12" }, index.h("form-control-file-v2", { key: '25dfd3efa3ec536f899fb263624bfea1b68dc397', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 };
 
@@ -270,7 +270,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'c785e0f2960f5c3f345593cdf4a661ec23319318' }, index.h("div", { key: '889411f69d6da90b66aec38670275417ae453ad3', class: "row gy-3" }, index.h("div", { key: '32757c5d3976233bb651f0ca62d05dc641cd0bb6', class: "col-12" }, index.h("h2", { key: '069e07dba3f701fa9ae1b6c7c8cdbb87e87779f9', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '3159a507115e4ccee2ede664284b487a5b99789f', class: "col-12" }, index.h("form-control-text", { key: 'e9e37f925e8b2eba53cd69b62a9b397642ab8398', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: '9a98f1109a1a53dc1768ba65112a82564fcbc778', class: "col-12" }, index.h("form-control-date", { key: '9229934f3ce815511ebfc172acf2e74746f34961', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: '4bcbd5232ae025c0432b4b63db9d52a4d9a06da7', class: "col-12" }, index.h("form-control-file-v2", { key: '28f7a534590cc3583c409596353262d432366c20', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (index.h("div", { key: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, index.h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, index.h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, index.h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, index.h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, index.h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, index.h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 };
 
@@ -304,7 +304,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: '059fe88e8680cce1fff5d2fb78974c84b8419010' }, index.h("div", { key: '44540c58f93b7cb6e7c26913dd731bd108ad082e', class: "row gy-3" }, index.h("div", { key: 'b6a06bab2f9a50e4270ae2757f4a34bf377267f2', class: "col-12" }, index.h("h2", { key: 'bca449676b25c574e18f7f085db1015d0590ade3', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'fcf8e789a230d9b8a637b3dff1212d7493ebdecd', class: "col-12" }, index.h("form-control-textarea", { key: 'ece54130e8b8eaf0845c7a83f076ea37f0fe7ac5', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: '8f9abb62e4110a2ffc9335bf0e919d4c50b2c457', class: "col-12" }, index.h("form-control-textarea", { key: 'f4bdd5b908fff65d6a797802dbd901783d87f3f8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: '43c55a470f2c66ae49104f8e82dd8ca9872f8b42', class: "col-12" }, index.h("form-control-file-v2", { key: 'dbb0f755afd709364a10ab5737f62c7b6050ddbf', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '5e130e88240ed520e93b6116d08ff0cbb4427084', class: "col-12" }, index.h("form-control-file-v2", { key: '90b51fd34f6ba84b6bcc706e7afdcc540a0435e4', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (index.h("div", { key: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, index.h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, index.h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, index.h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, index.h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, index.h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, index.h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, index.h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -341,7 +341,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '9659228d60badf5ed8ce9166d6f7a9c9857024b5' }, index.h("div", { key: '3cd0f255e7719311293fdab4b3c3b053835e7062', class: "row gy-3" }, index.h("div", { key: '132759e99a8a5797d2a386ae802ce3607f15efaa', class: "col-12" }, index.h("h2", { key: '1ba83f329ea9a44584d59fdce07b7d2acba37f41', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '467f5246bccc7401e5b8dab660961bd639f9ff2b', class: "col-12" }, index.h("form-control-text", { key: 'dd7d33309fd9af4ae12462e4cb6e294c1fb05735', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: '2b96dbe354f2cc65b676cde07d004253fe74469f', class: "col-12" }, index.h("form-control-text", { key: '1574517f3c463c8e2ac2a2a0cdb85eb7c8349971', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: '76dc169253d3de15c041e21d3b116a0973a0884b', class: "col-12" }, index.h("form-control-date", { key: 'f1a80bd55f350559aff614a219191fd026287910', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: 'e314c9bb0b0edaf5a7ff01e3ec804377a9ca2f4f', class: "col-12" }, index.h("form-control-textarea", { key: '13ea3ccb3001cbef1453cefbcc663e10eff62cb6', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: 'eeffc742b048ca828caefd7ccb1793927e1f3295', class: "col-12" }, index.h("form-control-file-v2", { key: '5d7c17b8acef1b41d80301640d90c3c0e17f2471', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (index.h("div", { key: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, index.h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, index.h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, index.h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, index.h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, index.h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, index.h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, index.h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, index.h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 };