import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { c as create$3, a as create$6, F as FormController } from './form.js';
import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
import { a2 as heading5 } from './parts.js';
import { d as defineCustomElement$5 } from './custom-popper2.js';
import { d as defineCustomElement$4 } from './form-control-date2.js';
import { d as defineCustomElement$3 } from './form-control-file-v22.js';
import { d as defineCustomElement$2 } from './form-control-text2.js';
import { d as defineCustomElement$1 } from './form-control-tooltip2.js';

const ProductOrServiceSchema = create$3({
    product_description: create$6().nullable(),
    service_date: create$6().nullable(),
});

const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.documentErrors = {};
        this.errors = {};
        this.documents = { service_documentation: [] };
        this.inputHandler = (name, value) => {
            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
        };
    }
    async validateAndSubmit(onSuccess) {
        const documentList = Object.values(this.documents).flat();
        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.productOrService));
    }
    ;
    componentWillLoad() {
        this.form = new FormController(ProductOrServiceSchema);
    }
    componentDidLoad() {
        this.form.errors.subscribe(errors => {
            this.errors = Object.assign({}, errors);
        });
    }
    render() {
        var _a, _b, _c;
        return (h("div", { key: 'befcaee1dd5343ec47a55f27dc51c1d18cd57a71' }, h("div", { key: '56005c7449374963a548ea89250cc8ebbf2e75e4', class: "row gy-3" }, h("div", { key: 'ba5cdd019cb69288b49570d59317079665bf2b81', class: "col-12" }, h("h2", { key: '494feff3a2bb645653c77c7d7b031e761ed8c253', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '84db8064cd1c110e64b56961838f62f8676aed19', class: "col-12" }, h("form-control-text", { key: '98e82b9ca4b27476bc9e523afaf13ce55df9cce5', 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: 'da06d2ef195dbc8cee8680e3a4c9107849836ab3', class: "col-12" }, h("form-control-date", { key: '3d2fb41fccfddb65d92468a78e3f5a4cfd9a67b5', 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: '824410485b182d8e309468506a9c8ae19ce1461f', class: "col-12" }, h("form-control-file-v2", { key: 'f8f5d542260b88754c05b61f0d50374d1f66a93e', 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 })))));
    }
}, [256, "product-or-service", {
        "disputeResponse": [8, "dispute-response"],
        "documentErrors": [8, "document-errors"],
        "form": [32],
        "errors": [32],
        "documents": [32],
        "validateAndSubmit": [64]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["product-or-service", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
    components.forEach(tagName => { switch (tagName) {
        case "product-or-service":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, ProductOrService);
            }
            break;
        case "custom-popper":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "form-control-date":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "form-control-file-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "form-control-text":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
        case "form-control-tooltip":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}
defineCustomElement();

export { ProductOrService as P, defineCustomElement as d };
