@justifi/webcomponents 4.23.1 → 5.0.0-rc-2

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

@@ -0,0 +1,402 @@
+import { r as registerInstance, h } from './index-29fcfdf5.js';
+import { c as create$3, a as create$6, F as FormController } from './index.esm-0b6849c2.js';
+import { B as heading5 } from './parts-186d437f.js';
+
+const AdditionalStatementSchema = create$3({
+    additional_statement: create$6().nullable(),
+});
+
+var DisputeEvidenceDocumentType;
+(function (DisputeEvidenceDocumentType) {
+    DisputeEvidenceDocumentType["activity_log"] = "activity_log";
+    DisputeEvidenceDocumentType["cancellationPolicy"] = "cancellation_policy";
+    DisputeEvidenceDocumentType["customerCommunication"] = "customer_communication";
+    DisputeEvidenceDocumentType["customerSignature"] = "customer_signature";
+    DisputeEvidenceDocumentType["duplicateChargeDocumentation"] = "duplicate_charge_documentation";
+    DisputeEvidenceDocumentType["receipt"] = "receipt";
+    DisputeEvidenceDocumentType["refundPolicy"] = "refund_policy";
+    DisputeEvidenceDocumentType["serviceDocumentation"] = "service_documentation";
+    DisputeEvidenceDocumentType["shippingDocumentation"] = "shipping_documentation";
+    DisputeEvidenceDocumentType["uncategorizedFile"] = "uncategorized_file";
+})(DisputeEvidenceDocumentType || (DisputeEvidenceDocumentType = {}));
+class DisputeEvidenceDocument {
+    set presignedUrl(url) {
+        this._presignedUrl = url;
+    }
+    get presignedUrl() {
+        return this._presignedUrl;
+    }
+    async getFileString() {
+        let fileString = '';
+        const fileStringPromise = new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                fileString = e.target.result;
+                resolve(fileString);
+            };
+            reader.onerror = () => {
+                reject(new Error('Error reading file'));
+            };
+            reader.readAsDataURL(this._file);
+        });
+        await fileStringPromise;
+        return fileString;
+    }
+    ;
+    constructor(file, dispute_evidence_type) {
+        this._file = file;
+        this.file_name = file.name;
+        this.file_type = file.type;
+        this.dispute_evidence_type = dispute_evidence_type;
+    }
+}
+
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
+const AdditionalStatement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+        this.acceptedTerms = false;
+        this.acceptedTermsErrorText = undefined;
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.additionalStatement));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(AdditionalStatementSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a;
+        return (h("div", { key: 'b87dba6b6f0cfd8be3bd034996ad0848f31df3da' }, h("div", { key: 'b2af872dd182dede7cb2c697aa8297acc49eb6c1', class: "row gy-3" }, h("div", { key: '34815036600a5030f388c0dcb840ab7f4db0b66f', class: "col-12" }, h("h2", { key: 'c7922a6dd81112aefc028d1f7662aed993cd4c58', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1e760ad49f1a7494181b4658f8e73a3f6ede2a22', class: "col-12" }, h("form-control-textarea", { key: '7226c1a3ef90a9f2db529f20470678bf8277738f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'cbf8886bd32f9859e6cbe75d5c499ea3eb23aea3', class: "col-12" }, h("form-control-file-v2", { key: '05d52880aa75af84bab03122ef39c2fbc0d0cf7b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+    }
+};
+
+const CancellationPolicySchema = create$3({
+    cancellation_policy_disclosure: create$6().nullable(),
+    cancellation_rebuttal: create$6().nullable(),
+});
+
+const CancellationPolicy = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.cancellationPolicy));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(CancellationPolicySchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: 'e4e9bc25a430c01e60345523341a52e343d8ada8' }, h("div", { key: '3a22fcf75e13235e40b30686cc953a5c7963f676', class: "row gy-3" }, h("div", { key: '88cfd3d1fdc811e20367caa917ee88a1531fae96', class: "col-12" }, h("h2", { key: '56030d5fb77119d324b33c8290e62ca220425afc', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '816d7868525662ae14d549852c816840933a15e6', class: "col-12" }, h("form-control-textarea", { key: '165335b23db8c03976da96f1a369f28f1ad46505', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b7f0333145ef1c1f3a1a6bd69f0e01a199f09da6', class: "col-12" }, h("form-control-textarea", { key: 'a456a76fd6745bd6386787e69fee81b7b48c7dc2', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '929e6f0e5fee8e6c4be4558e82b22a15806c1723', class: "col-12" }, h("form-control-file-v2", { key: '661504e19c6d2304a93a95f716b6b215832c4a90', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+    }
+};
+
+const CustomerDetailsSchema = create$3({
+    customer_name: create$6().nullable(),
+    customer_email_address: create$6().nullable(),
+    customer_billing_address: create$6().nullable(),
+});
+
+const CustomerDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.customerDetails));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(CustomerDetailsSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b, _c;
+        return (h("div", { key: 'f3b9a18d93cea09e6c9f7a134ed566ad12887839' }, h("div", { key: 'f9d3594930e9ae5d5907462bbe76c242019a19bc', class: "row gy-3" }, h("div", { key: '809f4e25c8a4d8652ae4711a33321b17d35f5796', class: "col-12" }, h("h2", { key: '56f784698452620cb30b532840b02ee2ca3b6a7a', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '6775574f0e8f1047a11e3e9594f9f237aee09aa2', class: "col-12" }, h("form-control-text", { key: '4fc621b96baed074292ccbe8507a58d18f005237', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f57ace60afc3a74711dc98ea054345413ff51d48', class: "col-12" }, h("form-control-text", { key: '31a88ff6476ecd98fd6def5c39778940b448da51', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '3ea9b1729c1a516fdbf33b28674e33a5ec5f200a', class: "col-12" }, h("form-control-textarea", { key: '6eb19b40b3a514db9e1ead3e57832da37d791db6', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '363371261754410c5548fc9286a5d9edbec5e4a0', class: "col-12" }, h("form-control-file-v2", { key: 'bf3976ab48c50bb7cd6fd7c29a39a36bee8a70c5', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '7a85113b3a4c95e0571759f040a63757eead2788', class: "col-12" }, h("form-control-file-v2", { key: '686b82077404ce7c345a51b4c572452fa0491b7d', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+    }
+};
+
+const DuplicateChargeSchema = create$3({
+    duplicate_charge_original_payment_id: create$6().nullable(),
+    duplicate_charge_explanation: create$6().nullable(),
+});
+
+const DuplicateCharge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.duplicateCharge));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(DuplicateChargeSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: 'a6729feaab17744bbd3c256b5bdee89939c9be55' }, h("div", { key: 'd3729ddaa5983766f87aa634399704c52ee4979c', class: "row gy-3" }, h("div", { key: '9c9288b63b688e83f53353a110ec31c078068312', class: "col-12" }, h("h2", { key: '431878c838002b8a15d202793ab3701cbc81df7e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'f8b9a8dbb78777cb9c63a4296e41fdfe4edb2c7c', class: "col-12" }, h("form-control-text", { key: '8dc4ddad5ab952a09c99deef8734374891075575', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'c5445211510dbdf1f6b547ef82ce128d3a316554', class: "col-12" }, h("form-control-textarea", { key: 'a650bf8ca839ae86d00d9df0eb77815a63ebafd6', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '47625dc4a02045230234220e24295b8260f38043', class: "col-12" }, h("form-control-file-v2", { key: '242b9ae244cc8fbad3721053a50042a76d8f40ad', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+    }
+};
+
+const ElectronicEvidenceSchema = create$3({
+    customer_purchase_ip_address: create$6().nullable(),
+});
+
+const ElectronicEvidence = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.electronicEvidence));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(ElectronicEvidenceSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a;
+        return (h("div", { key: '5521599b8e6d23412a06b4a9c6f5360f92ec9c12' }, h("div", { key: 'b1863623b1ffa07c18940d744184c7678515e1f3', class: "row gy-3" }, h("div", { key: '131410f3882f96e0346776db4c213e2ef17b546e', class: "col-12" }, h("h2", { key: '30120f59c8a7896f5294b4ccaf09165c1d28771e', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7211111acc93fd40b4140d49d4b1e3d268d13829', class: "col-12" }, h("form-control-text", { key: 'eeb3aeaa550569db5c977f3d2ef68b879be446c6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '7f98aae20a9f87d4f4f0b42f86350bb1468cc767', class: "col-12" }, h("form-control-file-v2", { key: '342b76753a12784852f2eb087941796874b90d39', 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: this.handleFileSelection, errorText: this.errors.activity_log })))));
+    }
+};
+
+const ProductOrServiceSchema = create$3({
+    product_description: create$6().nullable(),
+    service_date: create$6().nullable(),
+});
+
+const ProductOrService = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.productOrService));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(ProductOrServiceSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: 'ad4e3c33f8bc1c295ea51257afc41e6247537022' }, h("div", { key: 'a87f06ff09eadf63ee358a84759d6bd9223c76ec', class: "row gy-3" }, h("div", { key: 'a3053e1d5e2192786fab4592a3ef5a6614fa0de3', class: "col-12" }, h("h2", { key: 'e2b97bf1d8e6f964306f1d2292f00daf5f4e997d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '0f4e0c72a0b145ec689e7f0a96df86d10be38423', class: "col-12" }, h("form-control-text", { key: 'dd6a94690ac454a35d3b9ddeadde3ae5926ae170', 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 })), h("div", { key: 'd9c437dfc8e02bfacc27143e16b753b7940db409', class: "col-12" }, h("form-control-text", { key: '42e638a983cf713f0055d409b305b8fca2ac6bda', 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 })), h("div", { key: 'df1f9b6153433e60973723ab20139fe3c739a4cf', class: "col-12" }, h("form-control-file-v2", { key: '6a03cdafcf9d8a4913eaf9b876500792022c58f4', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+    }
+};
+
+const RefundPolicySchema = create$3({
+    refund_policy_disclosure: create$6().nullable(),
+    refund_refusal_explanation: create$6().nullable(),
+});
+
+const RefundPolicy = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.refundPolicy));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(RefundPolicySchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: '54885e971c2d21be1d3c2a4654616e6406a425e5' }, h("div", { key: 'aefe693ee221d72f44a87806ca5ddc257bbf4073', class: "row gy-3" }, h("div", { key: '5a4c220a9cbcd8accd8dd3a3e9c5db74f520f483', class: "col-12" }, h("h2", { key: 'fee6747bc31eeee7648c5af1fec4e86dd33d2f21', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '70f2d38f553a77c6e5a4e2ec25bed11665cd56e5', class: "col-12" }, h("form-control-textarea", { key: 'a0635424932726c980d68bad1c7758159d382575', 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 })), h("div", { key: 'b63f29f32b4a2bb35ec2dbeb2d26695bd58d2c32', class: "col-12" }, h("form-control-textarea", { key: '41787fd17b44810eb19945ce7ea5f340ee40ea98', 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 })), h("div", { key: 'acff917b1af1babc1f93cf0541d9d2f22f8f4460', class: "col-12" }, h("form-control-file-v2", { key: '52bee3670ca1cae28fd2d07033796245b13306d4', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '6e63ed1828f61cfec3882fba0ce0439668111a7a', class: "col-12" }, h("form-control-file-v2", { key: '99a13cfd6c0e662794c013368209c88065a7e404', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+    }
+};
+
+const ShippingDetailsSchema = create$3({
+    shipping_carrier: create$6().nullable(),
+    shipping_tracking_number: create$6().nullable(),
+    shipping_date: create$6().nullable(),
+    shipping_address: create$6().nullable(),
+});
+
+const ShippingDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.shippingDetails));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(ShippingDetailsSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { key: 'b2d81ec85e534890a691547a2ec8d28dcc61e784' }, h("div", { key: '3b49e0e3647e66196f586c2e58699e878658c9f3', class: "row gy-3" }, h("div", { key: 'ba6f52f0c2a44c7a39641cb9cb51bf799892a78f', class: "col-12" }, h("h2", { key: '70a108aa928d392d47bf72a32c3a2c71538fc068', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'f5e1b4c54c4d59b7b558fe817d23e5cbc71acec1', class: "col-12" }, h("form-control-text", { key: '32da6155a22359d291506e7d864b0b09fda34f99', 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 })), h("div", { key: '55a1082190a09f2723ffbcb6075c18a094ddf5e5', class: "col-12" }, h("form-control-text", { key: '63e0883c7a8f9e01396b7c395eeac7d8612d8dcf', 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 })), h("div", { key: '0d2f87a06e90191c274d96aed25dbc106ea3c347', class: "col-12" }, h("form-control-date", { key: '33e5da0712b67146147eea9a2de66f0b05d64a69', 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 })), h("div", { key: '9aff91d4c4055cfe55a35fc28cf07167b4767992', class: "col-12" }, h("form-control-textarea", { key: '840beacaf520e1155cc2acc21d7e2eeaba2dacca', 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 })), h("div", { key: '244eb1c41ee0a26c3ba8b7754404b9c736f0e1a2', class: "col-12" }, h("form-control-file-v2", { key: 'e09e9d04a0a5bb26232271fa29dbc5fcf1549dec', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+    }
+};
+
+export { AdditionalStatement as justifi_additional_statement, CancellationPolicy as justifi_cancellation_policy, CustomerDetails as justifi_customer_details, DuplicateCharge as justifi_duplicate_charge, ElectronicEvidence as justifi_electronic_evidence, ProductOrService as justifi_product_or_service, RefundPolicy as justifi_refund_policy, ShippingDetails as justifi_shipping_details };

package/dist/esm/justifi-business-details.entry.js

@@ -1,16 +1,16 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { E as ErrorState } from './utils-218275b7.js';
-import { B as BusinessService } from './business.service-97a3da69.js';
-import { B as Business } from './Business-b73d5055.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
+import { E as ErrorState } from './utils-d7633e66.js';
+import { B as BusinessService } from './business.service-182aea6f.js';
+import { B as Business } from './Business-29c69f22.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-77dc80f3.js';
-import { c as checkPkgVersion } from './check-pkg-version-fbf01ce7.js';
-import './config-27764a9d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-157854b7.js';
+import './parts-186d437f.js';
+import './config-187b3ae1.js';
 import './Api-391d00e2.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './package-627f73c1.js';
+import './package-9e3b7f9e.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-business-form.entry.js

@@ -1,35 +1,34 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { c as create$3, F as FormController } from './index.esm-ed37201b.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-d94f8975.js';
-import { a as addressSchema, i as identitySchema } from './business-identity-schema-2756dbc6.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-48e93928.js';
+import { a as addressSchema, i as identitySchema } from './business-identity-schema-75126188.js';
 import { A as Api } from './Api-391d00e2.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
-import { c as config } from './config-27764a9d.js';
-import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
-import { B as Business } from './Business-b73d5055.js';
-import { J as JustifiAnalytics } from './Analytics-77dc80f3.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
-import { c as checkPkgVersion } from './check-pkg-version-fbf01ce7.js';
-import './schema-validations-93a9d504.js';
+import { c as config } from './config-187b3ae1.js';
+import { B as Business, a as BusinessFormServerErrors } from './Business-29c69f22.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-157854b7.js';
+import { B as Button } from './button-1886a33d.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { H as Header1 } from './header-1-c6a00a22.js';
+import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
+import './schema-validations-c7d4f9df.js';
 import './state-options-a356fb11.js';
-import './business-form-options-d790973e.js';
+import './business-form-options-018f62a5.js';
+import './Dispute-5fd28ec9.js';
 import './helpers-96ea3464.js';
-import './package-627f73c1.js';
+import './package-9e3b7f9e.js';
+import './parts-186d437f.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
-const businessFormCss = ":host{display:block}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox){font-family:var(--jfi-layout-font-family);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);line-height:var(--jfi-form-control-line-height)}*::part(input-checkbox):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-checkbox-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
-const JustifiBusinessFormStyle0 = businessFormCss;
-
 const BusinessForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.clickEventNew = createEvent(this, "click-event", 7);
-        this.clickEventOld = createEvent(this, "clickEvent", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
             this.formController.setInitialValues(Object.assign({}, business));
@@ -91,11 +90,6 @@ const BusinessForm = class {
     disconnectedCallback() {
         this.analytics.cleanup();
     }
-    fireClickEvents(event) {
-        console.warn('`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead.');
-        this.clickEventNew.emit(event);
-        this.clickEventOld.emit(event);
-    }
     get title() {
         return this.removeTitle ? '' : this.formTitle;
     }
@@ -109,13 +103,12 @@ const BusinessForm = class {
         if (response.error) {
             this.errorMessage = BusinessFormServerErrors.patchData;
         }
-        this.submitted.emit({ data: response });
+        this.submitEvent.emit({ response: response });
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: 'f04193b776865a18072bd3f1773f37a41d9439a4', exportparts: "label,input,input-invalid" }, h("form", { key: '7acb5fe47087e2ec1c3ea1b825e34b96ca6881fd', onSubmit: this.validateAndSubmit }, h("div", { key: 'd7548b77f1c7d8bb937a4c98420cfec097d73b42', class: "row gap-3" }, h("h1", { key: 'f7e74ba9d0b75f5da52a691ec16ba8068a23bbaa' }, this.title), h("form-alert", { key: 'cb83cf84afb00a4e315eee940d2f67817ba6302d', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: '7c6ab18da58b0ecca644d3f4644e78cfe945b8eb', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'f5d7304ca3dd69dd1fc65954b57e4e77e24e36c9', formController: this.formController })), h("div", { key: 'c6e870483b690dac1c8bf3400e7dfb47e46db014', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: 'd04d51527b8c5a6594d5aef592a90b9db2900ee7', formController: this.formController })), h("div", { key: '669b426f578ad83d18b81a46c8e73d60ff68db5e', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '5eece0ad9248e76b5b57fd99b07c8e0c77120765', formController: this.formController })), h("div", { key: '61a4f31878ec2c4ee69985d4246016e951f8e05b', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '5252a87a8f362be267232bab93565d14c2a1dd41', formController: this.formController })), h("div", { key: 'cf380d4345d5c0e25702d727e36940a9b6e4ee73', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '75b0dd58c32db365f581c2f1b8519fe90ec2ae51', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: '583d9fda192de2a23255af3a66749bec30e82668' }, h("form", { key: '6de44b1f63b18b7e47c377665878435134155d2a', onSubmit: this.validateAndSubmit }, h("div", { key: 'e83cf5471df4628461978deba6a6269f5a91dc58', class: "row gap-3" }, h(Header1, { key: '228f8d97e1574c714de73884dd564aac2f58bc3c', text: this.title }), h("form-alert", { key: 'e3fe0d57a7ee44f44273481c41b3699e1ccf05d1', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'af3fc2e821a601d5046f230735ba52359f3f3710', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'e27933c4dd6bfc3746d5071d7cdaec05c1795ec2', formController: this.formController })), h("div", { key: '4c11232954cfb171c0c249465637a3050645f36f', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3d9f7b042822f4b898862a0c89c00fa281daff66', formController: this.formController })), h("div", { key: 'f3b0209fc3cb1b0cd65692f0505ddfcc80a99d0a', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'a9c0f77135d8ff2f2c2f2ffba6d288f1f1b60f61', formController: this.formController })), h("div", { key: '085df35d64de470c9f0198d52b698945759afe27', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'fdb24f037b26f9063d0d1f073d7effb6e3789f7f', formController: this.formController })), h("div", { key: '2b0617d9cd67d296de734c8becbea183555317e4', class: "col-12 d-flex flex-row-reverse" }, h(Button, { key: '7452cb606515807d9d2089330cf5861cd2dcdc1e', type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isLoading }, "Submit"))))));
     }
 };
-BusinessForm.style = JustifiBusinessFormStyle0;
 
 export { BusinessForm as justifi_business_form };

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-57431c24.js';
+import { r as registerInstance, h } from './index-29fcfdf5.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
+import { h as heading2 } from './parts-186d437f.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 
@@ -19,7 +20,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: 'd48ad76693e38dfd4fdb512afc87e5e50c4d171f' }, h("fieldset", { key: '957e468b2bace9fae8128ffc7de5754a49945454' }, h("div", { key: 'ab3845f6f8f1a508b691d6b1f02980e0d6d38f4c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '79a48cd41f19c4aba31a6f6e36c5b7acaf358447', class: "mb-0" }, "Representative"), h("form-control-tooltip", { key: 'e2961b6a7ce9a360c374404f47876ea39b489297', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '16fc066cc1ddae2e6fe30119bc66a8eda966b66a', class: "mt-2" }), h("div", { key: 'e3d32b1497cb452fca36ee564da7b4f9d7e517a6', class: "row gy-3" }, h("div", { key: '0b8dba03ddfe9cebafdba03315477f522441e62f', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fcee691ae2f2e169841b28cc313b2559f2cedc47', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '388aabab153c5922f4d719d2068c6041fcb1e8bc', class: "col-12 col-md-4" }, h("form-control-text", { key: 'cf3a2911172fa4972b2b108aa375872a189f8b88', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '594446afaf5d1068c3a6ddc38ed0895ee4fff14b', class: "col-12 col-md-6" }, h("form-control-text", { key: '7ede2ffbc93f20e89d32938f8d1305604ffc5970', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9cb40530bfc63d79d00f91eeaad58f952f0fcda4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3967096857620f10b42e8c5f8a4754dcf094973d', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3b3794126a3790484e23ca8731782cd4d68cf569', class: "col-12 col-md-4" }, h("form-control-date", { key: '2ea38d71ab8e616f404b7624f4e6edd75ccaa294', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '78b603dd1ae23fd4a9dd59f45273c6e3ff611fdf', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a41976f1168af416cdecf391271eddc20cc9e7b6', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '198432248d778343020fb0ceb0e8c9a1763130b3', class: "col-12" }, h("justifi-identity-address-form", { key: '402d91a793e197502b536f2fc5e2a9a52a97ef85', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: '0995ea70a1732744cf159fc59a0e4aa8d9f37c1c' }, h("fieldset", { key: '0186de6a306858075d58a32af6a36d07c0b7ae39' }, h("div", { key: '70c643b23570551f0c82df144cdba8020a89c9ef', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'fec6925b259580935a526a79428f9b0a7f1f4d65', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '45e3af519e4ad082fcef1ab14b1c66decfd1b2ba', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b55f8129932bfbdba4d010c60931b188a7d88c57', class: "mt-2" }), h("div", { key: '2b8b87ebd71763798127aece44a91c8143612458', class: "row gy-3" }, h("div", { key: '27310ee20317a0fa977bc623bd6fa16fb1e9387a', class: "col-12 col-md-8" }, h("form-control-text", { key: 'ae638a4e2c13e5e1319eb316290ce3116244174c', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '864731a0668a86ce3fa85911b0c97e5db8878d08', class: "col-12 col-md-4" }, h("form-control-text", { key: '8f07886343469e5a054f49dfd01de4f9913f42f4', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '0efff4560cd543839a364b0b769f1b1f71163b66', class: "col-12 col-md-6" }, h("form-control-text", { key: '11f738a73989ce789770b36ce1d437d53aa53e07', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'aedf826b2e02f5bdd403451ed47051e1077fe65e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ea237c5c3772e8bfeea31995ab0eac23014bd0fd', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '286a392a94ed5e9a9fe175116d835952cd565947', class: "col-12 col-md-4" }, h("form-control-date", { key: 'f0c5dde29769188f7d5ccc06360f69918a8bae5e', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '1326dd00d94fe8feec7ca411689370a747709eec', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '5b084d36a3be5b58534169076f34282a3d8565ac', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'c0ca035fd4ff10f9529be1ff6c28f8c4479c95b1', class: "col-12" }, h("justifi-identity-address-form", { key: '1f9e30e790dc3facd5590492a99490e06d74c17a', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };