udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/components/udp-forms-renderer.js

@@ -1,1545 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { throttle } from 'lodash';
-import { U as UdpFormsFieldTypeEnum, b as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums.js';
-import { g as getCurrentTenantId } from './tenantUtils.js';
-import { f as fetchLatestForms } from './udp-form-api-utils.js';
-import { b as buildEmptyInitialValues } from './utils.js';
-import { c as createFormData, m as makeApiCall } from './makeApiCall.js';
-import { S as SearchBuilder, c as SearchOperators } from './SearchBuilder.js';
-import { C as ConfigService } from './configService.js';
-import { v4 } from 'uuid';
-import { d as defineCustomElement$B } from './custom-button2.js';
-import { d as defineCustomElement$A } from './file-upload2.js';
-import { d as defineCustomElement$z } from './fluent-dialog2.js';
-import { d as defineCustomElement$y } from './image-upload2.js';
-import { d as defineCustomElement$x } from './numeric-field2.js';
-import { d as defineCustomElement$w } from './selectable-list2.js';
-import { d as defineCustomElement$v } from './signature-input2.js';
-import { d as defineCustomElement$u } from './stencil-field2.js';
-import { d as defineCustomElement$t } from './stencil-form2.js';
-import { d as defineCustomElement$s } from './stencil-icon-button2.js';
-import { d as defineCustomElement$r } from './tally.js';
-import { d as defineCustomElement$q } from './text-area2.js';
-import { d as defineCustomElement$p } from './text-field2.js';
-import { d as defineCustomElement$o } from './udp-adornment2.js';
-import { d as defineCustomElement$n } from './udp-ambient-card2.js';
-import { d as defineCustomElement$m } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$l } from './udp-badge2.js';
-import { d as defineCustomElement$k } from './udp-button2.js';
-import { d as defineCustomElement$j } from './udp-container2.js';
-import { d as defineCustomElement$i } from './udp-date-selector2.js';
-import { d as defineCustomElement$h } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$g } from './udp-forms-ui2.js';
-import { d as defineCustomElement$f } from './udp-icon2.js';
-import { d as defineCustomElement$e } from './udp-icon-button2.js';
-import { d as defineCustomElement$d } from './udp-linear-loader2.js';
-import { d as defineCustomElement$c } from './udp-list-renderer2.js';
-import { d as defineCustomElement$b } from './udp-menu-item2.js';
-import { d as defineCustomElement$a } from './udp-pagination2.js';
-import { d as defineCustomElement$9 } from './udp-pop-over2.js';
-import { d as defineCustomElement$8 } from './udp-question2.js';
-import { d as defineCustomElement$7 } from './udp-question-comments2.js';
-import { d as defineCustomElement$6 } from './udp-save-draft-button2.js';
-import { d as defineCustomElement$5 } from './udp-selector2.js';
-import { d as defineCustomElement$4 } from './udp-side-sheet2.js';
-import { d as defineCustomElement$3 } from './udp-time-selector2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-/**
- * Utility function to check if an array contains File objects
- */
-function isFileArray(array) {
-    // Check if it's an array
-    if (!Array.isArray(array)) {
-        return false;
-    }
-    // Check if all elements in the array are instances of File
-    return array.every(item => item instanceof File);
-}
-
-// TODO: This handler needs to be updated with new public form logic.
-// ******* THIS HANDLER IS OUTDATED, AND WILL LIKELY NOT WORK *********
-/**
- * Handles submission for *public* (unauthenticated) forms.
- */
-class PublicFormSubmissionHandler {
-    constructor(formId, formVersion, tenantId) { }
-    async fetchAndPopulateUdpFormSubmissionObj(submission) {
-        return submission;
-    }
-    objectToFormData(obj) {
-        var _a, _b;
-        const files = [];
-        const formObj = {};
-        for (const key in obj) {
-            let value = (_b = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : obj[key];
-            if (isFileArray(value)) {
-                if (value.length > 0) {
-                    files.push(value[0]);
-                    formObj[key] = value[0].name;
-                }
-            }
-            else if (Array.isArray(value)) {
-                formObj[key] = value.map(v => (typeof v === 'string' ? v : v.value)).join(',');
-            }
-            else if (value !== null && value !== undefined && value !== '') {
-                formObj[key] = value;
-            }
-        }
-        return createFormData({
-            formData: JSON.stringify(formObj),
-            formFiles: files[0] || null
-        });
-    }
-    async saveCurrentFormSubmissionState(values, submission) {
-        return submission;
-    }
-    async saveFormSubmissionComments(values, submission) {
-        return submission;
-    }
-    async createNewLinkedFollowUpFormSubmission(submission) {
-        return submission;
-    }
-    async finalizeFormSubmissionState(values, submission) {
-        try {
-            // const formData = this.objectToFormData(values);
-            // await makeApiCall(
-            //   'POST',
-            //   `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,
-            //   formData,
-            //   true
-            // );
-            return submission;
-        }
-        catch (error) {
-            console.error('Public form submission failed:', error);
-            throw error;
-        }
-    }
-}
-
-class UdpFormSubmission {
-    constructor(initialData = {}) {
-        this.id = null;
-        this.formId = null;
-        this.formVersion = null;
-        this.data = {};
-        this.unityUserId = null;
-        this.clusterId = null;
-        this.userDisplayName = '';
-        this.status = null;
-        this.businessObjectKey = '';
-        this.udpTags = [];
-        this.form = null;
-        this.initialCreatedOn = null;
-        this.lastModifiedOn = null;
-        this.submittedOn = null;
-        this.generic1 = null;
-        this.generic2 = null;
-        this.generic3 = null;
-        Object.assign(this, initialData);
-    }
-    // =============================
-    // Form Data Processing
-    // =============================
-    processSubmissionIntoFormDataWithoutValues(status) {
-        const statusValue = this.resolveSubmissionStatus(status);
-        const baseData = this.buildBaseSubmissionData(statusValue);
-        const formData = createFormData(baseData);
-        formData.append('Data', JSON.stringify(this.data));
-        return formData;
-    }
-    processSubmissionIntoFormData(formInputValuesAndMetadata, status) {
-        const statusValue = this.resolveSubmissionStatus(status);
-        const baseData = this.buildBaseSubmissionData(statusValue);
-        const { cleanedData, files } = this.extractCleanedDataAndFiles(formInputValuesAndMetadata);
-        const formData = createFormData(baseData);
-        files.forEach(file => formData.append('FormFiles', file));
-        const submissionDataObject = {
-            submissionResponseData: cleanedData,
-            submissionMetadata: this.data.submissionMetadata || null
-        };
-        formData.append('Data', JSON.stringify(submissionDataObject));
-        return formData;
-    }
-    resolveSubmissionStatus(status) {
-        if (status === 'submitted')
-            return 2;
-        if (status === 'in-progress')
-            return 1;
-        return typeof status === 'number' ? status : 1;
-    }
-    buildBaseSubmissionData(statusValue) {
-        const baseData = {
-            FormId: this.formId,
-            FormVersion: this.formVersion.toString(),
-            Status: statusValue.toString(),
-        };
-        if (this.id) {
-            baseData.Id = this.id;
-        }
-        if (this.initialCreatedOn) {
-            baseData.InitialCreatedOn = this.initialCreatedOn;
-        }
-        else {
-            baseData.InitialCreatedOn = new Date().toISOString();
-        }
-        if (this.lastModifiedOn) {
-            baseData.LastModifiedOn = this.lastModifiedOn;
-        }
-        else {
-            baseData.LastModifiedOn = new Date().toISOString();
-        }
-        if (this.submittedOn) {
-            baseData.submittedOn = this.submittedOn;
-        }
-        if (this.generic1) {
-            baseData.generic1 = this.generic1.toString();
-        }
-        if (this.generic2) {
-            baseData.generic2 = this.generic2.toString();
-        }
-        if (this.generic3) {
-            baseData.generic3 = this.generic3.toString();
-        }
-        return baseData;
-    }
-    extractCleanedDataAndFiles(data) {
-        const files = [];
-        const cleanedData = {};
-        for (const sectionName in data) {
-            cleanedData[sectionName] = {};
-            for (const questionName in data[sectionName]) {
-                const entry = data[sectionName][questionName];
-                const { value, fieldFiles } = this.extractValueAndFiles(entry);
-                if (fieldFiles)
-                    files.push(...fieldFiles);
-                const comments = this.processComments(entry.comments);
-                const metadata = this.processMetadata(entry.metadata);
-                cleanedData[sectionName][questionName] = Object.assign({ value, comments }, (metadata && { metadata }));
-            }
-        }
-        return { cleanedData, files };
-    }
-    // =============================
-    // Form Data Processing Private Helpers
-    // =============================
-    extractValueAndFiles(entry) {
-        var _a, _b;
-        let rawValue = ((_a = entry === null || entry === void 0 ? void 0 : entry.value) === null || _a === void 0 ? void 0 : _a.files) ? entry.value.value : entry === null || entry === void 0 ? void 0 : entry.value;
-        const fieldFiles = (_b = entry === null || entry === void 0 ? void 0 : entry.value) === null || _b === void 0 ? void 0 : _b.files;
-        if (fieldFiles && Array.isArray(fieldFiles)) {
-            return {
-                value: typeof rawValue === 'string' && rawValue.trim() !== '' ? rawValue : '',
-                fieldFiles,
-            };
-        }
-        if (isFileArray(rawValue)) {
-            return {
-                value: rawValue.length > 0 ? rawValue.map(f => f.name).join(',') : '',
-                fieldFiles: rawValue,
-            };
-        }
-        if (rawValue instanceof File) {
-            return { value: rawValue.name, fieldFiles: [rawValue] };
-        }
-        if (Array.isArray(rawValue)) {
-            return { value: rawValue.map(i => (typeof i === 'string' ? i : i === null || i === void 0 ? void 0 : i.value)).join(',') };
-        }
-        return { value: rawValue };
-    }
-    processComments(comments) {
-        var _a;
-        return (_a = comments === null || comments === void 0 ? void 0 : comments.map(comment => (Object.assign({}, comment)))) !== null && _a !== void 0 ? _a : [];
-    }
-    processMetadata(metadata) {
-        return metadata && Object.keys(metadata).length > 0 ? Object.assign({}, metadata) : undefined;
-    }
-}
-
-/**
- * Handles CRUD and submission operations for private UdpFormSubmission records.
- */
-class PrivateFormSubmissionHandler {
-    // =============================
-    // Fetch Methods
-    // =============================
-    /**
-     * Fetch and refresh an existing UdpFormSubmission instance.
-     *
-     * Attempts to load the latest server representation of the provided
-     * udpFormSubmission. Uses generic fields (generic1/2/3) when present to
-     * disambiguate records, otherwise falls back to a simple id lookup.
-     *
-     * @param udpFormSubmission - local UdpFormSubmission object to refresh
-     * @returns a new UdpFormSubmission merged with server data, or the original on failure
-     * @throws network or unexpected errors
-     */
-    async fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission) {
-        if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
-            console.warn('Cannot fetch form submission without an ID.');
-            return udpFormSubmission;
-        }
-        try {
-            const { id, generic1, generic2, generic3 } = udpFormSubmission;
-            let response = null;
-            // Prefer the generics-aware lookup if any generic values are present
-            if (generic1 || generic2 || generic3) {
-                response = await this.getFormSubmissionByIdAndGenerics(id, generic1 || undefined, generic2 || undefined, generic3 || undefined);
-            }
-            else {
-                response = await this.getFormSubmissionById(id);
-            }
-            if (!response) {
-                console.warn('No form submission found for the provided object.');
-                return udpFormSubmission;
-            }
-            return new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-        }
-        catch (error) {
-            console.error('Error fetching form submission:', error);
-            throw error;
-        }
-    }
-    /**
-     * Internal helper — lookup a form submission by its unique id.
-     *
-     * Performs a minimal search (page size 1) for the given id and returns
-     * the first match or null if not found. Logs and returns null on errors.
-     *
-     * @param id - submission id to query
-     * @returns UdpFormSubmission or null
-     */
-    async getFormSubmissionById(id) {
-        var _a;
-        try {
-            const search = new SearchBuilder(1, 1)
-                .addFilter('id', id, SearchOperators.EQUALS);
-            const response = await search.execute('UdpFormSubmission');
-            return ((_a = response === null || response === void 0 ? void 0 : response.pageList) === null || _a === void 0 ? void 0 : _a[0]) || null;
-        }
-        catch (error) {
-            console.error('Error fetching form submission by ID:', error);
-            return null;
-        }
-    }
-    /**
-     * Internal helper — lookup a form submission by id and generic fields.
-     *
-     * Adds optional equality filters for generic1/generic2/generic3 when provided,
-     * then executes a minimal search and returns the first match or null.
-     *
-     * @param id - submission id to query
-     * @param generic1 - optional generic1 value to filter by
-     * @param generic2 - optional generic2 value to filter by
-     * @param generic3 - optional generic3 value to filter by
-     * @returns UdpFormSubmission or null
-     */
-    async getFormSubmissionByIdAndGenerics(id, generic1, generic2, generic3) {
-        var _a;
-        try {
-            const search = new SearchBuilder(1, 1)
-                .addFilter('id', id, SearchOperators.EQUALS);
-            if (generic1) {
-                search.addFilter('generic1', generic1, SearchOperators.EQUALS);
-            }
-            if (generic2) {
-                search.addFilter('generic2', generic2, SearchOperators.EQUALS);
-            }
-            if (generic3) {
-                search.addFilter('generic3', generic3, SearchOperators.EQUALS);
-            }
-            const response = await search.execute('UdpFormSubmission');
-            return ((_a = response === null || response === void 0 ? void 0 : response.pageList) === null || _a === void 0 ? void 0 : _a[0]) || null;
-        }
-        catch (error) {
-            console.error('Error fetching form submission by ID:', error);
-            return null;
-        }
-    }
-    // =============================
-    // Save & Submit Methods
-    // =============================
-    /**
-     * Create a new follow-up form submission that is linked to an existing submission.
-     *
-     * Saves a new UdpFormSubmission in 'in-progress' state without populating field values
-     * (only metadata/links), and returns the created submission object.
-     *
-     * @param udpFormSubmission - template/parent submission to base the new follow-up on
-     * @returns newly created UdpFormSubmission
-     */
-    async createNewLinkedFollowUpFormSubmission(udpFormSubmission) {
-        const formData = await this.saveFormDataWithoutValues(udpFormSubmission, 'in-progress');
-        return formData;
-    }
-    /**
-     * Persist submission metadata (without full field values).
-     *
-     * Converts provided udpFormSubmission into formData excluding field values,
-     * determines whether to POST or PUT based on presence of id, and merges the
-     * server response into a new UdpFormSubmission instance.
-     *
-     * @param udpFormSubmission - the submission to save
-     * @param status - desired status to save (e.g., 'in-progress' or 'submitted')
-     * @returns saved UdpFormSubmission (refetches if server returns empty PUT response)
-     */
-    async saveFormDataWithoutValues(udpFormSubmission, status) {
-        try {
-            const formData = udpFormSubmission.processSubmissionIntoFormDataWithoutValues(status);
-            const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-            const response = await makeApiCall(method, url, formData, true);
-            // PUT returns an empty string; refetch to refresh local data
-            if (response === '') {
-                return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
-            }
-            return new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-        }
-        catch (error) {
-            console.error('Failed to save form udpFormSubmission:', error);
-            throw error;
-        }
-    }
-    /**
-     * Save only comment-related fields for a submission.
-     *
-     * Delegates to the lower-level saveCommentsToDB helper to persist comment changes
-     * while preserving existing submission state and metadata.
-     *
-     * @param values - comment values to persist
-     * @param udpFormSubmission - target submission object
-     * @returns updated UdpFormSubmission
-     */
-    async saveFormSubmissionComments(values, udpFormSubmission) {
-        return this.saveCommentsToDB(values, udpFormSubmission);
-    }
-    /**
-     * Save the current state of the form's data as a draft ('in-progress').
-     *
-     * Converts the provided values into the required form payload and persists them.
-     * Determines POST vs PUT automatically and refreshes local object on empty PUT responses.
-     *
-     * @param values - field data to save
-     * @param udpFormSubmission - submission being updated
-     * @returns updated UdpFormSubmission
-     */
-    async saveCurrentFormSubmissionState(values, udpFormSubmission) {
-        return this.saveSubmissionToDB(values, udpFormSubmission, 'in-progress');
-    }
-    /**
-     * Finalize and submit the form (set state to 'submitted').
-     *
-     * Persists the provided values and marks the submission as 'submitted'.
-     *
-     * @param values - final form values to submit
-     * @param udpFormSubmission - submission being finalized
-     * @returns updated UdpFormSubmission
-     */
-    async finalizeFormSubmissionState(values, udpFormSubmission) {
-        return this.saveSubmissionToDB(values, udpFormSubmission, 'submitted');
-    }
-    // =============================
-    // Helpers
-    // =============================
-    /**
-     * Determine correct HTTP verb and target URL for saving a UdpFormSubmission.
-     *
-     * Uses productV1ApiUrl from ConfigService and returns POST for new submissions
-     * (no id) or PUT with the resource id for existing submissions.
-     *
-     * @param udpFormSubmission - submission to be saved
-     * @returns object with method ('POST'|'PUT') and full url
-     */
-    getApiRequestInfo(udpFormSubmission) {
-        const baseUrl = `${ConfigService.productV1ApiUrl}/UdpFormSubmission`;
-        return udpFormSubmission.id
-            ? { method: 'PUT', url: `${baseUrl}/${udpFormSubmission.id}` }
-            : { method: 'POST', url: baseUrl };
-    }
-    /**
-     * Persist form values and metadata to the backend.
-     *
-     * Builds the form payload using udpFormSubmission.processSubmissionIntoFormData,
-     * resolves POST vs PUT using getApiRequestInfo, and returns a merged UdpFormSubmission.
-     * If the server returns an empty string for PUT, the method refetches the record.
-     *
-     * @param values - field values to be saved
-     * @param udpFormSubmission - submission being updated
-     * @param status - status to persist (e.g., 'in-progress' | 'submitted')
-     * @returns updated UdpFormSubmission
-     */
-    async saveSubmissionToDB(values, udpFormSubmission, status) {
-        try {
-            const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
-            const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-            const response = await makeApiCall(method, url, formData, true);
-            // PUT returns an empty string; refetch to refresh local data
-            if (response === '') {
-                return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
-            }
-            return new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-        }
-        catch (error) {
-            console.error('Failed to save form udpFormSubmission:', error);
-            throw error;
-        }
-    }
-    /**
-     * Persist only comment changes for an existing submission via PUT.
-     *
-     * Forces a PUT to the specific submission id, builds a form payload containing
-     * the provided comment values, and returns the updated submission. If the API
-     * returns an empty string (PUT shorthand), the method refetches the record.
-     *
-     * @param values - comment fields to persist
-     * @param udpFormSubmission - target submission (must have id)
-     * @returns updated UdpFormSubmission
-     */
-    async saveCommentsToDB(values, udpFormSubmission) {
-        try {
-            const method = 'PUT';
-            const status = udpFormSubmission.status || 2; // default to 'submitted' if status is null
-            const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}`;
-            const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
-            const response = await makeApiCall(method, url, formData, true);
-            // PUT returns an empty string; refetch to refresh local data
-            if (response === '') {
-                return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
-            }
-            return new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-        }
-        catch (error) {
-            console.error('Failed to save form udpFormSubmission:', error);
-            throw error;
-        }
-    }
-}
-
-/**
- * Factory for creating form submission handlers.
- */
-class FormSubmissionHandlerFactory {
-    static create(isPublic, userId, formId, version, tenantId) {
-        if (isPublic) {
-            return new PublicFormSubmissionHandler(formId, version, tenantId);
-        }
-        if (!userId) {
-            throw new Error('User ID is required for private forms');
-        }
-        return new PrivateFormSubmissionHandler();
-    }
-}
-
-/**
- * UDP Form handler (new UdpFormSubmission endpoint)
- */
-class UdpFormHandler {
-    constructor(tenantId) {
-        this.tenantId = tenantId;
-    }
-    // =============================
-    // Fetching Form
-    // =============================
-    async getFormByFormId(formId) {
-        const formData = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${formId}/describe`);
-        if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {
-            formData.styleOverrides = JSON.parse(formData.styleOverrides);
-        }
-        return formData;
-    }
-    async getFormByFormIdAndFormVersion(formId, formVersion) {
-        const formData = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${formId}/${formVersion}/describe`);
-        if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {
-            formData.styleOverrides = JSON.parse(formData.styleOverrides);
-        }
-        return formData;
-    }
-}
-
-class UdpForm {
-    constructor(initialData) {
-        if (!initialData)
-            return;
-        Object.assign(this, initialData);
-    }
-}
-
-const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRenderer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isPublic = false;
-        this.autoSaveDelay = 2000; // Debounce delay for auto-save in milliseconds (currently disabled)
-        this.initialValues = {};
-        this.submitSuccessful = false;
-        this.currentFormData = {};
-        this.isLoading = false;
-        this.isSaving = false;
-        this.isSubmitted = false;
-        this.saveErrorMessage = null;
-        this.dynamicSections = [];
-        this.isUpdatingSections = false;
-        this.reRenderKey = 0;
-        this.isFormDirty = false;
-        this.isUserUpdatedSections = false;
-        this.sideSheetFollowUpFormsList = []; // used for follow up forms. 
-        this.followUpSideSheetTotalItems = 0; // used for follow up forms. 
-        this.isFollowUpFormsSideSheetOpen = false; // used for follow up forms.
-        this.followUpSideSheetListPageNumber = 1; // used for follow up forms.
-        this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE = 5;
-        this.componentMap = {
-            history: 'history',
-            listItemData: 'listItemData',
-            handleLaunchFollowUpForm: 'handleLaunchFollowUpForm'
-        };
-        this.tenantId = getCurrentTenantId();
-        this.userId = null;
-        this.userDisplayName = null;
-        this.followUpParentSectionKey = ''; // used for follow up forms.
-        this.followUpParentQuestionKey = ''; // used for follow up forms.
-        this.handleLaunchFollowUpFormSideSheet = async (e) => {
-            try {
-                await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);
-                this.followUpParentSectionKey = e.detail.sectionKey;
-                this.followUpParentQuestionKey = e.detail.questionKey;
-                await this.loadFollowUpForms(this.followUpParentSectionKey, this.followUpParentQuestionKey);
-                this.isFollowUpFormsSideSheetOpen = true;
-            }
-            catch (error) {
-                console.error('Error loading follow-up forms:', error);
-            }
-        };
-        /**
-         * Duplicate a repeatable section
-         */
-        this.duplicateRepeatableSection = (index) => {
-            if (this.isSubmitted || this.isUpdatingSections)
-                return;
-            this.isUpdatingSections = true;
-            this.isLoading = true;
-            try {
-                const sectionToClone = this.dynamicSections[index];
-                if (!sectionToClone)
-                    return;
-                const cloningSectionName = sectionToClone.name;
-                // Find existing repeat group indices
-                const repeatKeys = this.findRepeatGroupKeys(cloningSectionName, this.initialValues);
-                const nextRepeatIndex = repeatKeys.length > 0 ? Math.max(...repeatKeys) + 1 : 2;
-                const clonedSection = Object.assign(Object.assign({}, structuredClone(sectionToClone)), { formQuestions: sectionToClone.formQuestions.map(q => {
-                        const newQuestionObj = structuredClone(q);
-                        newQuestionObj.questionIdentifierKey = `${cloningSectionName}_${nextRepeatIndex}.${q.name}`;
-                        return newQuestionObj;
-                    }), isOriginalSection: false, sectionPositionSuffix: nextRepeatIndex });
-                // Find the last index of this section group
-                let insertAtIndex = index;
-                for (let i = index + 1; i < this.dynamicSections.length; i++) {
-                    const s = this.dynamicSections[i];
-                    if (s.name === cloningSectionName) {
-                        insertAtIndex = i;
-                    }
-                    else {
-                        break;
-                    }
-                }
-                // Insert after the last repeat of the section group
-                this.dynamicSections = [
-                    ...this.dynamicSections.slice(0, insertAtIndex + 1),
-                    clonedSection,
-                    ...this.dynamicSections.slice(insertAtIndex + 1),
-                ];
-                // Create new initial values structure
-                const newInitialValues = structuredClone(this.udpFormSubmission.data.submissionResponseData);
-                clonedSection.formQuestions.forEach(q => {
-                    var _a, _b, _c, _d;
-                    const newSectionNameWithSuffix = `${cloningSectionName}_${nextRepeatIndex}`;
-                    const newQuestionName = q.name;
-                    if (!newInitialValues[newSectionNameWithSuffix]) {
-                        newInitialValues[newSectionNameWithSuffix] = {};
-                    }
-                    // Preserve only Paragraph values from the source section; clear others
-                    let value = '';
-                    if (q.fieldTypeId === UdpFormsFieldTypeEnum.Paragraph) {
-                        // Determine source section key (the section being duplicated)
-                        const sourceSectionKey = sectionToClone.isOriginalSection
-                            ? cloningSectionName
-                            : `${cloningSectionName}_${sectionToClone.sectionPositionSuffix}`;
-                        const sourceVal = (_c = (_b = (_a = this.udpFormSubmission.data.submissionResponseData) === null || _a === void 0 ? void 0 : _a[sourceSectionKey]) === null || _b === void 0 ? void 0 : _b[newQuestionName]) === null || _c === void 0 ? void 0 : _c.value;
-                        let fieldProps = q === null || q === void 0 ? void 0 : q.fieldProperties;
-                        if (typeof fieldProps === 'string') {
-                            try {
-                                fieldProps = JSON.parse(fieldProps || '{}');
-                            }
-                            catch (_e) {
-                                fieldProps = {};
-                            }
-                        }
-                        const paragraphDefault = (_d = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.paragraphText) !== null && _d !== void 0 ? _d : '';
-                        value = sourceVal !== null && sourceVal !== void 0 ? sourceVal : paragraphDefault;
-                    }
-                    newInitialValues[newSectionNameWithSuffix][newQuestionName] = { value, comments: [], metadata: {} };
-                });
-                // This will trigger a complete form re-render
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
-                this.triggerFormRerender();
-            }
-            finally {
-                this.isUpdatingSections = false;
-                this.isLoading = false;
-                this.isUserUpdatedSections = true;
-            }
-        };
-        /**
-         * Delete a repeatable section
-         */
-        this.deleteRepeatableSection = (index) => {
-            if (this.isSubmitted)
-                return;
-            const sectionToDelete = this.dynamicSections[index];
-            if (!sectionToDelete || sectionToDelete.isOriginalSection)
-                return;
-            this.isUpdatingSections = true;
-            this.isLoading = true;
-            try {
-                const deleteSectionName = sectionToDelete.name;
-                const deleteSuffix = sectionToDelete.sectionPositionSuffix;
-                const sectionKeyToDelete = `${deleteSectionName}_${deleteSuffix}`;
-                const newInitialValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
-                delete newInitialValues[sectionKeyToDelete];
-                // Remove the section from dynamicSections
-                const updatedSections = structuredClone(this.dynamicSections);
-                updatedSections.splice(index, 1);
-                // Shift all later repeatable sections backward by 1
-                updatedSections.forEach(section => {
-                    if (section.name !== deleteSectionName ||
-                        section.isOriginalSection ||
-                        section.sectionPositionSuffix <= deleteSuffix) {
-                        return;
-                    }
-                    const oldSuffix = section.sectionPositionSuffix;
-                    const oldSectionKey = `${deleteSectionName}_${oldSuffix}`;
-                    const newSuffix = oldSuffix - 1;
-                    const newSectionKey = `${deleteSectionName}_${newSuffix}`;
-                    // Update suffix
-                    section.sectionPositionSuffix = newSuffix;
-                    // Update questionIdentifierKeys
-                    section.formQuestions = section.formQuestions.map(q => {
-                        const newSectionQuestion = structuredClone(q);
-                        newSectionQuestion.questionIdentifierKey = `${newSectionKey}.${q.name}`;
-                        return newSectionQuestion;
-                    });
-                    // Move data in initial values
-                    if (newInitialValues[oldSectionKey]) {
-                        newInitialValues[newSectionKey] = structuredClone(newInitialValues[oldSectionKey]);
-                        delete newInitialValues[oldSectionKey];
-                    }
-                });
-                this.dynamicSections = updatedSections;
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
-                this.triggerFormRerender();
-            }
-            finally {
-                this.isUpdatingSections = false;
-                this.isLoading = false;
-                this.isUserUpdatedSections = true;
-            }
-        };
-        /**
-         * Auto save (background save)
-         */
-        this.performBackgroundSaveAndUpdateLocalSubmissionState = async (values) => {
-            var _a;
-            this.saveErrorMessage = null;
-            try {
-                const updatedUdpFormSubmission = await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
-                this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
-                if (!new URLSearchParams(window.location.search).has('udpf_submissionId')) {
-                    // replace the current entry's query string with udpf_submissionId without needing to know the path
-                    this.replaceUrlWithSubmissionId(updatedUdpFormSubmission.id);
-                }
-            }
-            catch (error) {
-                this.saveErrorMessage = 'Failed to save form data';
-            }
-            finally {
-                this.isSaving = false;
-                this.isUserUpdatedSections = false;
-                this.isFormDirty = false;
-            }
-        };
-        /**
-         * Handle the user saving or deleting a comment
-         */
-        this.handleCommmentUpdate = async (values) => {
-            var _a;
-            this.isSaving = true;
-            this.saveErrorMessage = null;
-            try {
-                const updatedUdpFormSubmission = await this.formSubmissionHandler.saveFormSubmissionComments(values, this.udpFormSubmission);
-                this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
-                this.enqueueSnackbar('Saved sucessfully.', {
-                    variant: 'success',
-                    anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                });
-            }
-            catch (error) {
-                this.enqueueSnackbar('There was an error saving.', {
-                    variant: 'error',
-                    anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                });
-            }
-            finally {
-                this.isSaving = false;
-                this.isUserUpdatedSections = false;
-                this.isFormDirty = false;
-            }
-        };
-        /**
-         * Manual save function - debounced to 5 seconds
-         */
-        this.handleManualSave = async (values) => {
-            // Only save if handler supports it and user is authenticated
-            // if (!this.formSubmissionHandler.supportsAutoSave() || !this.userId || !this.formSubmissionHandler.saveCurrentFormSubmissionState) {
-            //   return;
-            // }
-            var _a;
-            this.isSaving = true;
-            this.saveErrorMessage = null;
-            try {
-                const updatedUdpFormSubmission = await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
-                this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
-                if (!new URLSearchParams(window.location.search).has('udpf_submissionId')) {
-                    // replace the current entry's query string with udpf_submissionId without needing to know the path
-                    this.replaceUrlWithSubmissionId(updatedUdpFormSubmission.id);
-                }
-                this.enqueueSnackbar('Form saved successfully.', {
-                    variant: 'success',
-                    anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                });
-            }
-            catch (error) {
-                this.enqueueSnackbar('There was an error saving this form', {
-                    variant: 'error',
-                    anchorOrigin: { vertical: 'top', horizontal: 'center' },
-                });
-                this.saveErrorMessage = 'Failed to save form data';
-            }
-            finally {
-                this.isSaving = false;
-                this.isUserUpdatedSections = false;
-                this.isFormDirty = false;
-            }
-        };
-        this.handleFormChange = (values) => {
-            if (this.isUpdatingSections)
-                return;
-            this.udpFormSubmission.data.submissionResponseData = values;
-        };
-        this.handleFinish = () => {
-            // Trigger any finish actions
-            if (this.triggerAction) {
-                this.triggerAction(null, { action: 'finish' });
-            }
-        };
-        this.triggerFormRerender = () => {
-            const scrollY = window.scrollY;
-            this.reRenderKey += 1;
-            // We use requestAnimationFrame to wait for the browser to 
-            // finish the paint cycle of the new key-rendered component
-            requestAnimationFrame(() => {
-                window.scrollTo({
-                    top: scrollY,
-                    behavior: 'auto' // 'auto' is faster and prevents jitter compared to 'smooth'
-                });
-            });
-        };
-        this.handleLaunchFollowUpForm = async (followUpFormId, followUpFormVersion, parentFormSubmissionId, parentFormId, parentFormVersion, sectionKey, questionKey) => {
-            // create a new follow up form submission instance wiht a link to the parent form submission
-            const followUpMasterForm = await this.formHandler.getFormByFormIdAndFormVersion(followUpFormId, followUpFormVersion);
-            const followUpSubmissionData = {
-                submissionResponseData: buildEmptyInitialValues(followUpMasterForm),
-                submissionMetadata: {
-                    ParentSubmission: {
-                        submissionId: parentFormSubmissionId,
-                        formId: parentFormId,
-                        formVersion: parentFormVersion
-                    }
-                }
-            };
-            const followUpFormSubmission = new UdpFormSubmission({ formId: followUpFormId, formVersion: followUpFormVersion, unityUserId: this.userId, data: followUpSubmissionData });
-            const followUpFormSubmissionHandler = FormSubmissionHandlerFactory.create(false, this.userId);
-            const response = await followUpFormSubmissionHandler.createNewLinkedFollowUpFormSubmission(followUpFormSubmission);
-            // update the current form submission state with the follow up form submission id in the metadata
-            const itemMetadata = this.udpFormSubmission.data.submissionResponseData[sectionKey][questionKey].metadata;
-            this.udpFormSubmission.data.submissionResponseData[sectionKey][questionKey].metadata = Object.assign(Object.assign({}, itemMetadata), { followUpFormSubmissionId: response.id });
-            await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);
-            const url = `/page/${UdpFormsPageIdEnum.FormRendererPageId}?udpf_submissionId=${response.id}`;
-            window.open(url, '_blank');
-            this.handleSideSheetClose();
-            this.triggerFormRerender();
-        };
-        this.handleSideSheetClose = () => {
-            // reset side sheet data
-            this.sideSheetFollowUpFormsList = [];
-            this.followUpSideSheetListPageNumber = 1;
-            this.followUpSideSheetTotalItems = 0;
-            this.isFollowUpFormsSideSheetOpen = false;
-            this.followUpParentSectionKey = '';
-            this.followUpParentQuestionKey = '';
-        };
-    }
-    componentDidLoad() {
-        if (this.el) {
-            this.el.addEventListener('questionCommentAction', async (e) => this.handleQuestionCommentLiveCRUD(e));
-            // Listen for launchFollowUpFormSideSheet event from udp-question
-            this.el.addEventListener('launchFollowUpFormSideSheet', (e) => this.handleLaunchFollowUpFormSideSheet(e));
-            this.el.addEventListener('formDirtyChange', (e) => {
-                this.isFormDirty = e.detail;
-            });
-        }
-    }
-    async componentWillLoad() {
-        var _a;
-        this.isLoading = true;
-        try {
-            // Get user info if available
-            const user = (_a = this.getUserCallback) === null || _a === void 0 ? void 0 : _a.call(this);
-            if (user) {
-                this.userId = user.id || null;
-                this.userDisplayName = user.name || null;
-            }
-            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.userId);
-            this.udpFormSubmission = new UdpFormSubmission({ id: this.submissionId, formId: this.formId, formVersion: this.version, unityUserId: this.userId, generic1: this.generic1, generic2: this.generic2, generic3: this.generic3 });
-            // fetch existing submission from Udp.FormSubmission if submissionId is provided 
-            // take exisitng object, and populate with db values, and return new obj with updated values
-            if (this.submissionId) {
-                this.udpFormSubmission = await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission);
-            }
-            // get the master form from Udp.Form
-            let formId;
-            let formVersion;
-            if (this.submissionId) {
-                formId = this.udpFormSubmission.formId;
-                formVersion = this.udpFormSubmission.formVersion;
-            }
-            else if (this.formId && this.version) {
-                formId = this.formId;
-                formVersion = this.version;
-            }
-            this.formHandler = new UdpFormHandler(this.tenantId);
-            const formData = await this.formHandler.getFormByFormIdAndFormVersion(formId, formVersion);
-            this.udpForm = new UdpForm(formData);
-            this.initialValues = buildEmptyInitialValues(this.udpForm);
-            // if there's existing data, update the form's state
-            if (this.udpFormSubmission.data.submissionResponseData) {
-                this.initialValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
-                if (this.udpFormSubmission.status === 2 || this.udpFormSubmission.status === 'submitted') {
-                    this.isSubmitted = true;
-                }
-            }
-            this.initializeDynamicSections(); // process the master form into dynamic sections 
-            // After sections/questions are prepared, seed initial values from URL for ALL questions,
-            // with saved values taking precedence, and paragraph defaults as a fallback.
-            this.applyUrlInitialValuesForAll();
-            // Set up throttled manual save function (5 seconds) - fires immediately, then throttles
-            this.debouncedManualSave = throttle(async (values) => {
-                await this.handleManualSave(values);
-            }, 2000, { leading: true, trailing: false });
-            // Set up debounced auto-save function (currently disabled)
-            // this.debouncedAutoSave = debounce(async (values: { [name: string]: any }) => {
-            //   // await this.handleAutoSave(values); // Disabled for now
-            // }, this.autoSaveDelay);
-        }
-        catch (error) {
-            console.error('Error failed to load form in the form renderer:', error);
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    // build dynamic sections based on the
-    initializeDynamicSections() {
-        var _a;
-        const tempDynamicSection = [];
-        const sortedSections = structuredClone(this.udpForm.udpFormUdpFormSection).sort((a, b) => a.order - b.order);
-        for (const section of sortedSections) {
-            section.sectionProperties = JSON.parse(section.sectionProperties || {});
-            const repeatGroupKeys = this.findRepeatGroupKeys(section.name, this.initialValues);
-            section.isOriginalSection = true;
-            section.sectionPositionSuffix = 1; // default position
-            // always add the original section into dynamic sections
-            tempDynamicSection.push(Object.assign(Object.assign({}, structuredClone(section)), {
-                // dynamicSectionName: section.name,
-                formQuestions: structuredClone(this.udpForm.formQuestions)
-                    .filter(q => q.formSectionId === section.id)
-                    .sort((a, b) => a.questionOrder - b.questionOrder)
-                    .map(q => (Object.assign(Object.assign({}, q), { questionIdentifierKey: `${section.name}.${q.name}`, isShowCommentInput: true })))
-            }));
-            // create then add additional sections if there are repeated sections
-            if (((_a = section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) && repeatGroupKeys.length > 0) {
-                const maxRepeatedSectionSuffix = Math.max(...repeatGroupKeys); // create a new section for the max value of repeat group keys, even if there are no saved answers
-                // for (const repeatKey of repeatGroupKeys) { // create a section only for the suffix saved
-                for (let repeatKey = 2; repeatKey <= maxRepeatedSectionSuffix; repeatKey++) {
-                    const clonedSection = Object.assign(Object.assign({}, structuredClone(section)), { formQuestions: structuredClone(this.udpForm.formQuestions)
-                            .filter(q => q.formSectionId === section.id)
-                            .sort((a, b) => a.questionOrder - b.questionOrder)
-                            .map(q => (Object.assign(Object.assign({}, q), { questionIdentifierKey: `${section.name}_${repeatKey}.${q.name}`, isShowCommentInput: true }))), isOriginalSection: false, sectionPositionSuffix: repeatKey });
-                    tempDynamicSection.push(clonedSection);
-                }
-            }
-        }
-        this.dynamicSections = tempDynamicSection;
-    }
-    findRepeatGroupKeys(sectionName, values) {
-        const keys = Object.keys(values);
-        const repeatGroupSet = new Set();
-        // Match: sectionName_2
-        const regex = new RegExp(`^${sectionName}_(\\d+)`);
-        keys.forEach(key => {
-            const match = key.match(regex);
-            if (match && match[1]) {
-                repeatGroupSet.add(Number(match[1]));
-            }
-        });
-        return Array.from(repeatGroupSet).sort((a, b) => a - b);
-    }
-    // Build initial values from URL for ALL fields, but do NOT override saved values.
-    // For Paragraph, also fall back to the builder's default text when nothing else provided.
-    applyUrlInitialValuesForAll() {
-        if (!Array.isArray(this.dynamicSections))
-            return;
-        const urlParams = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : null;
-        // 1) Collect URL values into nested structure: { [sectionKey]: { [questionName]: { value, comments: [] } } }
-        const urlValuesNested = {};
-        if (urlParams) {
-            this.dynamicSections.forEach(section => {
-                const sectionKey = section.isOriginalSection
-                    ? section.name
-                    : `${section.name}_${section.sectionPositionSuffix}`;
-                (section.formQuestions || []).forEach(q => {
-                    if (!q)
-                        return;
-                    const candidates = [q.processedSubmissionName, q.questionIdentifierKey, q.name].filter(Boolean);
-                    let urlVal = null;
-                    for (const c of candidates) {
-                        urlVal = urlParams.get(c);
-                        if (urlVal !== null)
-                            break;
-                    }
-                    if (urlVal !== null) {
-                        if (!urlValuesNested[sectionKey])
-                            urlValuesNested[sectionKey] = {};
-                        urlValuesNested[sectionKey][q.name] = { value: urlVal, comments: [] };
-                    }
-                });
-            });
-        }
-        // 2) Merge with saved values (this.initialValues) taking precedence
-        const merged = structuredClone(this.initialValues) || {};
-        Object.entries(urlValuesNested).forEach(([sectionKey, qMap]) => {
-            if (!merged[sectionKey])
-                merged[sectionKey] = {};
-            Object.entries(qMap).forEach(([qName, valObj]) => {
-                const existing = merged[sectionKey][qName];
-                // Only set from URL if no saved value exists (null/undefined/empty-string)
-                const isMissing = existing == null ||
-                    existing.value == null ||
-                    (typeof existing.value === 'string' && existing.value.trim() === '');
-                if (isMissing) {
-                    merged[sectionKey][qName] = valObj;
-                }
-            });
-        });
-        // 3) Paragraph defaults: if still undefined/null, use fieldProperties.paragraphText
-        this.dynamicSections.forEach(section => {
-            const sectionKey = section.isOriginalSection
-                ? section.name
-                : `${section.name}_${section.sectionPositionSuffix}`;
-            if (!merged[sectionKey])
-                merged[sectionKey] = {};
-            (section.formQuestions || []).forEach(q => {
-                var _a;
-                if (!q)
-                    return;
-                if (q.fieldTypeId === UdpFormsFieldTypeEnum.Paragraph) {
-                    const existing = merged[sectionKey][q.name];
-                    const isMissing = existing == null ||
-                        existing.value == null ||
-                        (typeof existing.value === 'string' && existing.value.trim() === '');
-                    if (isMissing) {
-                        let fieldProps = q === null || q === void 0 ? void 0 : q.fieldProperties;
-                        if (typeof fieldProps === 'string') {
-                            try {
-                                fieldProps = JSON.parse(fieldProps || '{}');
-                            }
-                            catch (_b) {
-                                fieldProps = {};
-                            }
-                        }
-                        merged[sectionKey][q.name] = {
-                            value: (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.paragraphText) !== null && _a !== void 0 ? _a : '',
-                            comments: [],
-                        };
-                    }
-                }
-            });
-        });
-        this.initialValues = merged;
-        this.udpFormSubmission.data.submissionResponseData = Object.assign({}, merged);
-    }
-    async handleSubmit(values) {
-        this.isLoading = true;
-        try {
-            this.udpFormSubmission = await this.formSubmissionHandler.finalizeFormSubmissionState(values, this.udpFormSubmission);
-            this.submitSuccessful = true;
-        }
-        catch (error) {
-            this.enqueueSnackbar('There was an error submitting this form', {
-                variant: 'error',
-                anchorOrigin: { vertical: 'top', horizontal: 'center' },
-            });
-            throw error;
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    replaceUrlWithSubmissionId(submissionId) {
-        // build a URL that preserves the current pathname + hash but replaces the query string
-        const pathname = typeof window !== 'undefined' ? window.location.pathname : `/page/${UdpFormsPageIdEnum.FormRendererPageId}`;
-        const hash = typeof window !== 'undefined' ? window.location.hash : '';
-        const newUrl = `${pathname}?udpf_submissionId=${submissionId}${hash}`;
-        const h = this.history;
-        // Prefer history.replace when available, handle react-router v6 navigate function, fallback to push or native replaceState
-        if (h) {
-            if (typeof h.replace === 'function') {
-                h.replace(newUrl);
-                return;
-            }
-            if (typeof h.push === 'function') {
-                h.push(newUrl);
-                return;
-            }
-            // react-router v6 exposes a navigate function
-            if (typeof h === 'function') {
-                try {
-                    h(newUrl, { replace: true });
-                }
-                catch (_a) {
-                    h(newUrl);
-                }
-                return;
-            }
-        }
-        if (typeof window !== 'undefined' && window.history && typeof window.history.replaceState === 'function') {
-            window.history.replaceState({}, '', newUrl);
-        }
-        else if (typeof window !== 'undefined') {
-            window.location.href = newUrl;
-        }
-    }
-    async handleQuestionCommentLiveCRUD(e) {
-        var _a, _b, _c;
-        try {
-            const { type, questionIdentifierKey, commentId } = e.detail;
-            const [sectionName, questionName] = questionIdentifierKey.split('.');
-            let newInitialValues = structuredClone(this.udpFormSubmission.data.submissionResponseData || {});
-            // ensure structure exists WITHOUT overwriting existing data
-            if (!newInitialValues[sectionName])
-                newInitialValues[sectionName] = {};
-            if (!newInitialValues[sectionName][questionName]) {
-                // create defaults but do not clobber any existing saved shape from submissionResponseData
-                newInitialValues[sectionName][questionName] = {
-                    value: '',
-                    comments: [],
-                    draftComments: [],
-                    metadata: {},
-                };
-            }
-            else {
-                // ensure arrays/objects exist so later code can safely push/filter
-                newInitialValues[sectionName][questionName].comments = (_a = newInitialValues[sectionName][questionName].comments) !== null && _a !== void 0 ? _a : [];
-                newInitialValues[sectionName][questionName].draftComments = (_b = newInitialValues[sectionName][questionName].draftComments) !== null && _b !== void 0 ? _b : [];
-                newInitialValues[sectionName][questionName].metadata = (_c = newInitialValues[sectionName][questionName].metadata) !== null && _c !== void 0 ? _c : {};
-            }
-            // normalize draftComments to array if needed (back-compat)
-            const maybeDraft = newInitialValues[sectionName][questionName].draftComments;
-            if (maybeDraft && !Array.isArray(maybeDraft)) {
-                newInitialValues[sectionName][questionName].draftComments = [maybeDraft];
-            }
-            else if (!maybeDraft) {
-                newInitialValues[sectionName][questionName].draftComments = [];
-            }
-            const commentsArr = newInitialValues[sectionName][questionName].comments || [];
-            const draftsArr = newInitialValues[sectionName][questionName].draftComments || [];
-            switch (type) {
-                case 'add': {
-                    const newDraft = {
-                        value: '',
-                        commentId: v4(),
-                        isTempComment: true,
-                        timestamp: null,
-                    };
-                    // put new draft first so activeDraft === draftComments[0] matches UX
-                    newInitialValues[sectionName][questionName].draftComments = [newDraft, ...draftsArr];
-                    break;
-                }
-                case 'save': {
-                    // find draft by id
-                    const draftIdx = draftsArr.findIndex(d => d.commentId === commentId);
-                    if (draftIdx === -1)
-                        return;
-                    const draft = draftsArr[draftIdx];
-                    const saveTimestamp = draft.timestamp || new Date().toISOString();
-                    const savedComment = Object.assign(Object.assign({}, draft), { timestamp: saveTimestamp, editedTimestamp: new Date().toISOString(), userId: this.userId, userDisplayName: this.userDisplayName, isDraftComment: false });
-                    // If a saved comment with same id exists, replace it. Otherwise append.
-                    const existingIdx = commentsArr.findIndex(c => c.commentId === commentId);
-                    if (existingIdx !== -1) {
-                        const newComments = [...commentsArr];
-                        newComments[existingIdx] = Object.assign({}, savedComment);
-                        newInitialValues[sectionName][questionName].comments = newComments;
-                    }
-                    else {
-                        newInitialValues[sectionName][questionName].comments = [...commentsArr, savedComment];
-                    }
-                    // remove that draft
-                    newInitialValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
-                    break;
-                }
-                case 'edit': {
-                    // create a draft copy of the saved comment but DO NOT remove the saved comment from the list.
-                    const saved = commentsArr.find(c => c.commentId === commentId);
-                    if (!saved)
-                        return;
-                    const draftFromSaved = Object.assign(Object.assign({}, saved), { isDraftComment: true, timestamp: null });
-                    // Add this draft at the front; keep saved comment intact so content doesn't disappear.
-                    newInitialValues[sectionName][questionName].draftComments = [draftFromSaved, ...draftsArr];
-                    newInitialValues[sectionName][questionName].comments = commentsArr;
-                    break;
-                }
-                case 'delete': {
-                    // mark the comment as deleted and clear its value, then persist.
-                    newInitialValues[sectionName][questionName].comments = commentsArr.map(c => {
-                        if (c.commentId === commentId) {
-                            return Object.assign(Object.assign({}, c), { isDeleted: true, value: '', editedTimestamp: new Date().toISOString() });
-                        }
-                        return c;
-                    });
-                    break;
-                }
-                case 'editClose': {
-                    // Cancel edit: remove the draft only, do NOT restore/alter saved comments.
-                    newInitialValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
-                    break;
-                }
-            }
-            // if it's a save or delete action, persist immediately
-            if (type === 'save' || type === 'delete') {
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
-                await this.handleCommmentUpdate(newInitialValues);
-            }
-            else {
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
-            }
-        }
-        catch (error) {
-            console.error('Error handling live comment CRUD:', error);
-        }
-        finally {
-            this.triggerFormRerender();
-        }
-    }
-    async loadFollowUpForms(sectionKey, questionKey) {
-        var _a;
-        this.isLoading = true;
-        this.saveErrorMessage = '';
-        try {
-            const response = await fetchLatestForms(this.followUpSideSheetListPageNumber, this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE, [{ searchField: 'type', searchOperator: '=', searchValue: UdpFormsTypeEnum.FollowUp }], { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' });
-            const data = response.data;
-            if (!data || !Array.isArray(data.pageList)) {
-                throw new Error('Malformed form versions data.');
-            }
-            this.sideSheetFollowUpFormsList = this.formatFollowUpFormsList(data.pageList, sectionKey, questionKey);
-            this.followUpSideSheetTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
-        }
-        catch (err) {
-            console.error('Failed to follow up form.', err);
-            this.saveErrorMessage = 'Failed to follow up forms.';
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    formatFollowUpFormsList(followUpFormsList, sectionKey, questionKey) {
-        return followUpFormsList.map(item => ({
-            listItemData: item,
-            history: this.history,
-            handleLaunchFollowUpForm: async () => await this.handleLaunchFollowUpForm(item.id, item.version, this.udpFormSubmission.id, this.udpFormSubmission.formId, this.udpFormSubmission.formVersion, sectionKey, questionKey),
-        }));
-    }
-    async handleSideSheetPageChange(page) {
-        this.followUpSideSheetListPageNumber = page;
-        await this.loadFollowUpForms(this.followUpParentSectionKey, this.followUpParentQuestionKey);
-    }
-    renderFollowUpSideSheet() {
-        return (h("udp-side-sheet", { title: "Link a Follow Up Form", open: this.isFollowUpFormsSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md" }, this.isLoading && this.isFollowUpFormsSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-follow-up-list-card", data: this.sideSheetFollowUpFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE, currentPage: this.followUpSideSheetListPageNumber, totalItems: this.followUpSideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
-    }
-    isShowManualSaveIcon() {
-        // return (this.isFormDirty || this.isUserUpdatedSections) && !this.isSubmitted && !!this.userId;
-        const showSaveIcon = (this.isFormDirty || this.isUserUpdatedSections) && !!this.userId;
-        return showSaveIcon;
-    }
-    ;
-    get isReadOnlyMode() {
-        return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.userId;
-    }
-    get isShowCommentUI() {
-        return this.isSubmitted;
-    }
-    render() {
-        return (h("div", { key: '3413178234aeae9794004a7b1504671052b2b758', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
-            // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
-            readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, isCommentAllowed: this.isShowCommentUI, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
-    }
-    get el() { return this; }
-}, [257, "udp-forms-renderer", {
-        "formId": [1, "form-id"],
-        "version": [2],
-        "submissionId": [1, "submission-id"],
-        "triggerAction": [16],
-        "isPublic": [4, "is-public"],
-        "callbackUrl": [1, "callback-url"],
-        "getUserCallback": [16],
-        "enqueueSnackbar": [16],
-        "closeSnackbar": [16],
-        "autoSaveDelay": [2, "auto-save-delay"],
-        "history": [8],
-        "generic1": [8, "generic-1"],
-        "generic2": [8, "generic-2"],
-        "generic3": [8, "generic-3"],
-        "initialValues": [32],
-        "submitSuccessful": [32],
-        "currentFormData": [32],
-        "isLoading": [32],
-        "isSaving": [32],
-        "isSubmitted": [32],
-        "saveErrorMessage": [32],
-        "dynamicSections": [32],
-        "isUpdatingSections": [32],
-        "reRenderKey": [32],
-        "isFormDirty": [32],
-        "isUserUpdatedSections": [32],
-        "sideSheetFollowUpFormsList": [32],
-        "followUpSideSheetTotalItems": [32],
-        "isFollowUpFormsSideSheetOpen": [32],
-        "followUpSideSheetListPageNumber": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-renderer", "custom-button", "file-upload", "fluent-dialog", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-ui", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-renderer", "udp-menu-item", "udp-pagination", "udp-pop-over", "udp-question", "udp-question-comments", "udp-save-draft-button", "udp-selector", "udp-side-sheet", "udp-time-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-renderer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsRenderer$1);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "image-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "selectable-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "signature-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "stencil-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "stencil-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "tally-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "udp-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "udp-forms-ui":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "udp-linear-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-list-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-pagination":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-question":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-question-comments":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-save-draft-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-side-sheet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-time-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpFormsRenderer = UdpFormsRenderer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFormsRenderer, defineCustomElement };
-//# sourceMappingURL=udp-forms-renderer.js.map
-
-//# sourceMappingURL=udp-forms-renderer.js.map
+import{p as t,H as s,h as e,t as i}from"./index2.js";import{throttle as o}from"lodash";import{g as n}from"./tenantUtils.js";import{f as r}from"./udp-form-api-utils.js";import{c as a,b as l,U as u,a as c}from"./enums.js";import{b as d}from"./utils.js";import{c as m,m as h}from"./makeApiCall.js";import{S as p,c as f}from"./SearchBuilder.js";import{C as b}from"./configService.js";import{v4 as y}from"uuid";import{d as v}from"./custom-button2.js";import{d as w}from"./file-upload2.js";import{d as j}from"./fluent-dialog2.js";import{d as S}from"./form-metadata-display2.js";import{d as O}from"./image-upload2.js";import{d as g}from"./numeric-field2.js";import{d as F}from"./selectable-list2.js";import{d as I}from"./signature-input2.js";import{d as C}from"./stencil-field2.js";import{d as E}from"./stencil-form2.js";import{d as k}from"./stencil-icon-button2.js";import{d as D}from"./tally.js";import{d as $}from"./text-area2.js";import{d as U}from"./text-field2.js";import{d as x}from"./udp-adornment2.js";import{d as q}from"./udp-ambient-card2.js";import{d as K}from"./udp-ambient-tool-tip2.js";import{d as P}from"./udp-badge2.js";import{d as A}from"./udp-button2.js";import{d as L}from"./udp-container2.js";import{d as R}from"./udp-date-selector2.js";import{d as _}from"./udp-datetime-selector2.js";import{d as M}from"./udp-forms-ui2.js";import{d as T}from"./udp-icon2.js";import{d as V}from"./udp-icon-button2.js";import{d as N}from"./udp-linear-loader2.js";import{d as B}from"./udp-list-renderer2.js";import{d as J}from"./udp-menu-item2.js";import{d as Q}from"./udp-pagination2.js";import{d as z}from"./udp-pop-over2.js";import{d as W}from"./udp-question2.js";import{d as G}from"./udp-question-comments2.js";import{d as H}from"./udp-save-draft-button2.js";import{d as X}from"./udp-selector2.js";import{d as Y}from"./udp-side-sheet2.js";import{d as Z}from"./udp-time-selector2.js";import{d as tt}from"./unity-typography2.js";class st{constructor(t={}){this.id=null,this.formId=null,this.formVersion=null,this.data={},this.unityUserId=null,this.clusterId=null,this.userDisplayName="",this.status=null,this.businessObjectKey="",this.udpTags=[],this.form=null,this.initialCreatedOn=null,this.lastModifiedOn=null,this.submittedOn=null,this.generic1=null,this.generic2=null,this.generic3=null,this.userEmail=null,Object.assign(this,t)}processSubmissionIntoFormDataWithoutValues(t){const s=this.buildBaseSubmissionData(t),e=m(s);return e.append("Data",JSON.stringify(this.data)),e}processSubmissionIntoFormData(t,s){const e=this.buildBaseSubmissionData(s),{cleanedData:i,files:o}=this.extractCleanedDataAndFiles(t),n=m(e);return o.forEach((t=>n.append("FormFiles",t))),n.append("Data",JSON.stringify({submissionResponseData:i,submissionMetadata:this.data.submissionMetadata||null})),n}buildBaseSubmissionData(t){const s={FormId:this.formId,FormVersion:""+this.formVersion,Status:t};return this.id&&(s.Id=this.id),s.InitialCreatedOn=this.initialCreatedOn?this.initialCreatedOn:(new Date).toISOString(),s.LastModifiedOn=this.lastModifiedOn?this.lastModifiedOn:(new Date).toISOString(),this.submittedOn&&(s.submittedOn=this.submittedOn),this.generic1&&(s.generic1=""+this.generic1),this.generic2&&(s.generic2=""+this.generic2),this.generic3&&(s.generic3=""+this.generic3),s}extractCleanedDataAndFiles(t){const s=[],e={};for(const i in t){e[i]={};for(const o in t[i]){const n=t[i][o],{value:r,fieldFiles:a}=this.extractValueAndFiles(n);a&&s.push(...a);const l=this.processComments(n.comments),u=this.processMetadata(n.metadata);e[i][o]=Object.assign({value:r,comments:l},u&&{metadata:u})}}return{cleanedData:e,files:s}}extractValueAndFiles(t){var s,e;let i=(null===(s=null==t?void 0:t.value)||void 0===s?void 0:s.files)?t.value.value:null==t?void 0:t.value;const o=null===(e=null==t?void 0:t.value)||void 0===e?void 0:e.files;return o&&Array.isArray(o)?{value:"string"==typeof i&&""!==i.trim()?i:"",fieldFiles:o}:function(t){return!!Array.isArray(t)&&t.every((t=>t instanceof File))}(i)?{value:i.length>0?i.map((t=>t.name)).join(","):"",fieldFiles:i}:i instanceof File?{value:i.name,fieldFiles:[i]}:Array.isArray(i)?{value:i.map((t=>"string"==typeof t?t:null==t?void 0:t.value)).join(",")}:{value:i}}processComments(t){var s;return null!==(s=null==t?void 0:t.map((t=>Object.assign({},t))))&&void 0!==s?s:[]}processMetadata(t){return t&&Object.keys(t).length>0?Object.assign({},t):void 0}}class et{constructor(t){this.accessMode=t}async addComment(t,s){if(!(null==t?void 0:t.id))throw Error("Cannot add a comment without a submission ID.");const e=`${b.productV1ApiUrl}/UdpFormSubmission/${t.id}/comments/${this.accessMode}`;await h("POST",e,s,!0)}async updateComment(t,s){if(!(null==t?void 0:t.id))throw Error("Cannot update a comment without a submission ID.");const{sectionKey:e,questionKey:i,commentId:o,value:n}=s,r=`${b.productV1ApiUrl}/UdpFormSubmission/${t.id}/comments/${o}`;await h("PUT",r,{value:n,sectionKey:e,questionKey:i},!0)}async deleteComment(t,s){if(!(null==t?void 0:t.id))throw Error("Cannot delete a comment without a submission ID.");const{commentId:e}=s,i=`${b.productV1ApiUrl}/UdpFormSubmission/${t.id}/comments/${e}`;await h("DELETE",i,null,!0)}async fetchAndPopulateUdpFormSubmissionObj(t){if(!(null==t?void 0:t.id))return console.warn("Cannot fetch form submission without an ID."),t;if("public"===this.accessMode){const s=await this.getFormSubmissionByIdAndUser(t.id,t.unityUserId);return s?new st(Object.assign(Object.assign({},t),s)):t}const{id:s}=t,e=await this.getFormSubmissionById(s);return e?new st(Object.assign(Object.assign({},t),e)):t}async createNewLinkedFollowUpFormSubmission(t){if("public"===this.accessMode)throw Error("Follow-up form submissions are not supported for public forms.");return this.saveFormDataWithoutValues(t,a.InProgress)}async saveCurrentFormSubmissionState(t,s){return"public"===this.accessMode?s:this.saveSubmissionToDB(t,s,a.InProgress)}async finalizeFormSubmissionState(t,s){return this.saveSubmissionToDB(t,s,a.Submitted)}async saveFormDataWithoutValues(t,s){const e=t.processSubmissionIntoFormDataWithoutValues(s),{method:i,url:o}=this.getApiRequestInfo(t),n=await h(i,o,e,!0);return""===n?await this.fetchAndPopulateUdpFormSubmissionObj(t):new st(Object.assign(Object.assign({},t),n))}getApiRequestInfo(t){const s=`${b.productV1ApiUrl}/UdpFormSubmission/${this.accessMode}`;return"public"===this.accessMode?{method:"POST",url:s}:t.id?{method:"PUT",url:s}:{method:"POST",url:s}}async saveSubmissionToDB(t,s,e){const i=s.processSubmissionIntoFormData(t,e),{method:o,url:n}=this.getApiRequestInfo(s),r=await h(o,n,i,!0);if(""===r)return await this.fetchAndPopulateUdpFormSubmissionObj(s);const a=new st(Object.assign(Object.assign({},s),r));return Object.assign(s,a),a}async getFormSubmissionById(t){var s;try{const e=new p(1,1).addFilter("id",t,f.EQUALS),i=await e.execute("UdpFormSubmission");return(null===(s=null==i?void 0:i.pageList)||void 0===s?void 0:s[0])||null}catch(t){return console.error("Error fetching form submission by ID:",t),null}}async getFormSubmissionByIdAndUser(t,s){var e;try{const i=new p(1,1).addFilter("id",t,f.EQUALS).addFilter("unityUserId",s,f.EQUALS),o=await i.execute("UdpFormSubmission");return(null===(e=null==o?void 0:o.pageList)||void 0===e?void 0:e[0])||null}catch(t){return console.error("Error fetching form submission by ID:",t),null}}}class it{static create(t,s){return new et(t?"public":"private")}}class ot{constructor(t,s=!1){this.tenantId=t,this.isPublic=s}buildDescribeUrl(t,s){const e=b.productV1ApiUrl;return this.isPublic?`${e}/UdpForm/${t}/${s}/describe/public`:`${e}/UdpForm/${t}/${s}/describe`}async getFormByFormIdAndFormVersion(t,s){const e=this.buildDescribeUrl(t,s),i=await h("GET",e);return i.styleOverrides&&"string"==typeof i.styleOverrides&&(i.styleOverrides=JSON.parse(i.styleOverrides)),i}}class nt{constructor(t){t&&Object.assign(this,t)}}const rt=(t,s)=>{const e=Object.keys(s),i=new Set,o=RegExp(`^${t}_(\\d+)`);return e.forEach((t=>{const s=t.match(o);s&&s[1]&&i.add(Number(s[1]))})),Array.from(i).sort(((t,s)=>t-s))},at=(t,s)=>{const e=`${"undefined"!=typeof window?window.location.pathname:"/page/"+l.FormRendererPageId}?udpf_submissionId=${t}${"undefined"!=typeof window?window.location.hash:""}`,i=s;if(i){if("function"==typeof i.replace)return void i.replace(e);if("function"==typeof i.push)return void i.push(e);if("function"==typeof i){try{i(e,{replace:!0})}catch(t){i(e)}return}}"undefined"!=typeof window&&window.history&&"function"==typeof window.history.replaceState?window.history.replaceState({},"",e):"undefined"!=typeof window&&(window.location.href=e)},lt=(t,s)=>{null==s||s(t,{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}})},ut=(t,s)=>{null==s||s(t,{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})},ct=t=>{if(!t)return{};if("object"==typeof t)return t;if("string"!=typeof t)return{};try{return JSON.parse(t||"{}")}catch(t){return{}}},dt=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPublic=!1,this.autoSaveDelay=2e3,this.urlContext={},this.currentValues={},this.submitSuccessful=!1,this.isLoading=!1,this.isSaving=!1,this.isSubmitted=!1,this.dynamicSections=[],this.isUpdatingSections=!1,this.reRenderKey=0,this.hasUnsavedChanges=!1,this.sideSheetFollowUpFormsList=[],this.followUpSideSheetTotalItems=0,this.isFollowUpFormsSideSheetOpen=!1,this.followUpSideSheetListPageNumber=1,this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE=5,this.componentMap={history:"history",listItemData:"listItemData",handleLaunchFollowUpForm:"handleLaunchFollowUpForm"},this.tenantId=n(),this.clientUserInfo={id:null,displayName:null,email:null},this.followUpParentSectionKey="",this.followUpParentQuestionKey="",this.publicFeatures={allowDraftSave:!1,allowComments:!0,allowFollowUpForms:!1},this.handleLaunchFollowUpFormSideSheet=async t=>{try{if(this.isPublic)return;this.followUpParentSectionKey=t.detail.sectionKey,this.followUpParentQuestionKey=t.detail.questionKey,await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey),this.isFollowUpFormsSideSheetOpen=!0}catch(t){console.error("Error loading follow-up forms:",t)}},this.duplicateRepeatableSection=t=>{if(!this.isSubmitted&&!this.isUpdatingSections){this.isUpdatingSections=!0,this.isLoading=!0;try{const{nextDynamicSections:s,nextValues:e}=(t=>{var s,e,i;const{dynamicSections:o,values:n,index:r}=t,a=o[r];if(!a)return{nextDynamicSections:o,nextValues:n};const l=a.name,c=rt(l,n),d=c.length>0?Math.max(...c)+1:2,m=Object.assign(Object.assign({},structuredClone(a)),{formQuestions:(a.formQuestions||[]).map((t=>{const s=structuredClone(t);return s.questionIdentifierKey=`${l}_${d}.${t.name}`,s})),isOriginalSection:!1,sectionPositionSuffix:d});let h=r;for(let t=r+1;t<o.length&&o[t].name===l;t++)h=t;const p=[...o.slice(0,h+1),m,...o.slice(h+1)],f=structuredClone(n||{}),b=`${l}_${d}`,y=(t=>t.isOriginalSection?t.name:`${t.name}_${t.sectionPositionSuffix}`)(a);for(const t of m.formQuestions||[]){f[b]||(f[b]={});let o="";if(t.fieldTypeId===u.Paragraph){const r=null===(e=null===(s=null==n?void 0:n[y])||void 0===s?void 0:s[t.name])||void 0===e?void 0:e.value,a=ct(t.fieldProperties),l=null!==(i=null==a?void 0:a.paragraphText)&&void 0!==i?i:"";o=null!=r?r:l}f[b][t.name]={value:o,comments:[],metadata:{}}}return{nextDynamicSections:p,nextValues:f}})({dynamicSections:this.dynamicSections,values:structuredClone(this.udpFormSubmission.data.submissionResponseData||{}),index:t});this.dynamicSections=s,this.currentValues=Object.assign({},e),this.udpFormSubmission.data.submissionResponseData=Object.assign({},e),this.triggerFormRerender()}finally{this.isUpdatingSections=!1,this.isLoading=!1,this.hasUnsavedChanges=!0}}},this.deleteRepeatableSection=t=>{if(this.isSubmitted)return;const s=this.dynamicSections[t];if(s&&!s.isOriginalSection){this.isUpdatingSections=!0,this.isLoading=!0;try{const{nextDynamicSections:s,nextValues:e}=(t=>{const{dynamicSections:s,values:e,index:i}=t,o=s[i];if(!o||o.isOriginalSection)return{nextDynamicSections:s,nextValues:e};const n=o.name,r=o.sectionPositionSuffix,a=`${n}_${r}`,l=Object.assign({},e||{});delete l[a];const u=structuredClone(s);return u.splice(i,1),u.forEach((t=>{var s;if(t.name!==n||t.isOriginalSection||(null!==(s=t.sectionPositionSuffix)&&void 0!==s?s:0)<=(null!=r?r:0))return;const e=t.sectionPositionSuffix,i=`${n}_${e}`,o=e-1,a=`${n}_${o}`;t.sectionPositionSuffix=o,t.formQuestions=(t.formQuestions||[]).map((t=>{const s=structuredClone(t);return s.questionIdentifierKey=`${a}.${t.name}`,s})),l[i]&&(l[a]=structuredClone(l[i]),delete l[i])})),{nextDynamicSections:u,nextValues:l}})({dynamicSections:this.dynamicSections,values:Object.assign({},this.udpFormSubmission.data.submissionResponseData||{}),index:t});this.dynamicSections=s,this.currentValues=Object.assign({},e),this.udpFormSubmission.data.submissionResponseData=Object.assign({},e),this.triggerFormRerender()}finally{this.isUpdatingSections=!1,this.isLoading=!1,this.hasUnsavedChanges=!0}}},this.performBackgroundSaveAndUpdateLocalSubmissionState=async t=>this.performBackgroundSaveAndUpdateLocalSubmissionStateInternal(t),this.performBackgroundSaveAndUpdateLocalSubmissionStateInternal=async(t,s)=>{var e,i;const o=null!==(e=null==s?void 0:s.allowUrlReplace)&&void 0!==e?e:!this.isPublic,n=null!==(i=null==s?void 0:s.forceCreateDraftIfMissingId)&&void 0!==i&&i;if(!this.isPublic||this.publicFeatures.allowDraftSave||n)try{await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission),await this.refreshSubmissionAndSyncState(),o&&!new URLSearchParams(window.location.search).has("udpf_submissionId")&&at(this.udpFormSubmission.id,this.history)}catch(t){}finally{this.isSaving=!1,this.hasUnsavedChanges=!1}},this.refreshSubmissionAndSyncState=async()=>{var t,s;if(!(null===(t=this.udpFormSubmission)||void 0===t?void 0:t.id))return;const e=await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission);this.udpFormSubmission=e,this.currentValues=Object.assign({},(null===(s=e.data)||void 0===s?void 0:s.submissionResponseData)||{}),this.isSubmitted=e.status===a.Submitted},this.handleManualSave=async t=>{if(!this.isPublic||this.publicFeatures.allowDraftSave){this.isSaving=!0;try{await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission),await this.refreshSubmissionAndSyncState(),new URLSearchParams(window.location.search).has("udpf_submissionId")||at(this.udpFormSubmission.id,this.history),lt("Form saved successfully.",this.enqueueSnackbar)}catch(t){ut("There was an error saving this form",this.enqueueSnackbar)}finally{this.isSaving=!1,this.hasUnsavedChanges=!1}}},this.handleFormChange=t=>{this.isUpdatingSections||(this.udpFormSubmission.data.submissionResponseData=t)},this.handleFinish=()=>{this.triggerAction&&this.triggerAction(null,{action:"finish"})},this.triggerFormRerender=()=>{const t=window.scrollY;this.reRenderKey+=1,requestAnimationFrame((()=>{window.scrollTo({top:t,behavior:"auto"})}))},this.handleLaunchFollowUpForm=async(t,s,e,i,o,n,r)=>{const a=await this.formHandler.getFormByFormIdAndFormVersion(t,s),u={submissionResponseData:d(a),submissionMetadata:{ParentSubmission:{submissionId:e,formId:i,formVersion:o}}},c=new st({formId:t,formVersion:s,unityUserId:this.clientUserInfo.id,data:u}),m=it.create(!1,this.clientUserInfo.id),h=await m.createNewLinkedFollowUpFormSubmission(c);this.udpFormSubmission.data.submissionResponseData[n][r].metadata=Object.assign(Object.assign({},this.udpFormSubmission.data.submissionResponseData[n][r].metadata),{followUpFormSubmissionId:h.id}),await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData),window.open(`/page/${l.FormRendererPageId}?udpf_submissionId=${h.id}`,"_blank"),this.handleSideSheetClose(),this.triggerFormRerender()},this.handleSideSheetClose=()=>{this.sideSheetFollowUpFormsList=[],this.followUpSideSheetListPageNumber=1,this.followUpSideSheetTotalItems=0,this.isFollowUpFormsSideSheetOpen=!1,this.followUpParentSectionKey="",this.followUpParentQuestionKey=""}}componentDidLoad(){this.el&&(this.el.addEventListener("questionCommentAction",(async t=>this.handleQuestionCommentLiveCRUD(t))),this.el.addEventListener("launchFollowUpFormSideSheet",(t=>this.handleLaunchFollowUpFormSideSheet(t))),this.el.addEventListener("formDirtyChange",(t=>{this.hasUnsavedChanges=this.hasUnsavedChanges||t.detail})))}async componentWillLoad(){var t;this.isLoading=!0;try{if(this.isPublic)this.clientUserInfo.id="00000000-0000-0000-0000-000000000001",this.clientUserInfo.displayName="Anonymous";else{const s=null===(t=this.getUserCallback)||void 0===t?void 0:t.call(this);s&&(this.clientUserInfo.id=s.id||null,this.clientUserInfo.displayName=s.name||null,this.clientUserInfo.email=s.email||null)}let s,e;this.formSubmissionHandler=it.create(this.isPublic,this.clientUserInfo.id),this.udpFormSubmission=new st({id:this.submissionId,formId:this.formId,formVersion:this.version,unityUserId:this.clientUserInfo.id,generic1:this.urlContext.generic1,generic2:this.urlContext.generic2,generic3:this.urlContext.generic3}),this.submissionId&&(this.udpFormSubmission=await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission)),this.submissionId?(s=this.udpFormSubmission.formId,e=this.udpFormSubmission.formVersion):this.formId&&this.version&&(s=this.formId,e=this.version),this.formHandler=new ot(this.tenantId);const i=await this.formHandler.getFormByFormIdAndFormVersion(s,e);if(this.udpForm=new nt(i),this.currentValues=d(this.udpForm),this.udpFormSubmission.data.submissionResponseData&&(this.currentValues=Object.assign({},this.udpFormSubmission.data.submissionResponseData),this.udpFormSubmission.status===a.Submitted&&(this.isSubmitted=!0)),(!this.udpFormSubmission.id||this.udpFormSubmission.status===a.Created)&&this.urlContext&&Object.keys(this.urlContext).length>0){this.dynamicSections=((t,s,e)=>{var i,o;const n=(t=>{const s={};return Object.keys(t&&"object"==typeof t?t:{}).forEach((t=>{var e;const i=t.match(/^([^._?&#]+)_(\d+)\./);if(!i)return;const o=i[1],n=Number(i[2]);!Number.isFinite(n)||n<2||n>(null!==(e=s[o])&&void 0!==e?e:1)&&(s[o]=n)})),s})(e),r=[],a=structuredClone(t.udpFormUdpFormSection).sort(((t,s)=>t.order-s.order));for(const e of a){e.sectionProperties=JSON.parse(e.sectionProperties||{});const a=rt(e.name,s),l=a.length>0?Math.max(...a):1,u=null!==(i=null==n?void 0:n[e.name])&&void 0!==i?i:1,c=Math.max(l,u);if(e.isOriginalSection=!0,e.sectionPositionSuffix=1,r.push(Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(t.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}.${t.name}`,isShowCommentInput:!0})))})),(null===(o=e.sectionProperties)||void 0===o?void 0:o.isRepeatable)&&c>=2)for(let s=2;s<=c;s++){const i=Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(t.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}_${s}.${t.name}`,isShowCommentInput:!0}))),isOriginalSection:!1,sectionPositionSuffix:s});r.push(i)}}return r})(this.udpForm,this.currentValues,this.urlContext);const t=((t,s)=>{if(!Array.isArray(t))return;const e=s&&"object"==typeof s?s:{},i={};Object.keys(e).forEach((t=>{i[(t+"").toLowerCase()]=e[t]}));const o={};t.forEach((t=>{const s=t.isOriginalSection?t.name:`${t.name}_${t.sectionPositionSuffix}`;(t.formQuestions||[]).forEach((t=>{if(!t)return;const e=[t.processedSubmissionName,t.questionIdentifierKey,t.name].filter(Boolean);let n;for(const t of e){const s=(t+"").toLowerCase();if(Object.prototype.hasOwnProperty.call(i,s)){n=i[s];break}}null!=n&&(o[s]||(o[s]={}),o[s][t.name]={value:n,comments:[]})}))}));const n={};return Object.entries(o).forEach((([t,s])=>{n[t]||(n[t]={}),Object.entries(s).forEach((([s,e])=>{const i=n[t][s];(null==i||null==i.value||"string"==typeof i.value&&""===i.value.trim())&&(n[t][s]=e)}))})),t.forEach((t=>{const s=t.isOriginalSection?t.name:`${t.name}_${t.sectionPositionSuffix}`;n[s]||(n[s]={}),(t.formQuestions||[]).forEach((t=>{var e;if(t&&t.fieldTypeId===u.Paragraph){const i=n[s][t.name];if(null==i||null==i.value||"string"==typeof i.value&&""===i.value.trim()){let i=null==t?void 0:t.fieldProperties;if("string"==typeof i)try{i=JSON.parse(i||"{}")}catch(t){i={}}n[s][t.name]={value:null!==(e=null==i?void 0:i.paragraphText)&&void 0!==e?e:"",comments:[]}}}}))})),n})(this.dynamicSections,this.urlContext);t&&(this.currentValues=t,this.udpFormSubmission.data.submissionResponseData=Object.assign({},t))}else this.dynamicSections=((t,s)=>{var e;const i=[],o=structuredClone(t.udpFormUdpFormSection).sort(((t,s)=>t.order-s.order));for(const n of o){n.sectionProperties=JSON.parse(n.sectionProperties||{});const o=rt(n.name,s);if(n.isOriginalSection=!0,n.sectionPositionSuffix=1,i.push(Object.assign(Object.assign({},structuredClone(n)),{formQuestions:structuredClone(t.formQuestions).filter((t=>t.formSectionId===n.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${n.name}.${t.name}`,isShowCommentInput:!0})))})),(null===(e=n.sectionProperties)||void 0===e?void 0:e.isRepeatable)&&o.length>0){const s=Math.max(...o);for(let e=2;e<=s;e++){const s=Object.assign(Object.assign({},structuredClone(n)),{formQuestions:structuredClone(t.formQuestions).filter((t=>t.formSectionId===n.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${n.name}_${e}.${t.name}`,isShowCommentInput:!0}))),isOriginalSection:!1,sectionPositionSuffix:e});i.push(s)}}}return i})(this.udpForm,this.currentValues);this.debouncedManualSave=o((async t=>{await this.handleManualSave(t)}),2e3,{leading:!0,trailing:!1})}catch(t){console.error("Error failed to load form in the form renderer:",t)}finally{this.isLoading=!1}}async handleSubmit(t){this.isLoading=!0;try{await this.formSubmissionHandler.finalizeFormSubmissionState(t,this.udpFormSubmission),await this.refreshSubmissionAndSyncState(),this.submitSuccessful=!0}catch(t){throw ut("There was an error submitting this form",this.enqueueSnackbar),t}finally{this.isLoading=!1}}async handleQuestionCommentLiveCRUD(t){var s,e,i,o,n,r;if(!this.isPublic||this.publicFeatures.allowComments)try{const{type:l,questionIdentifierKey:u,commentId:c}=t.detail,d=function(t){var s,e,i,o,n;const{actionType:r,questionIdentifierKey:a,commentId:l,currentSubmissionResponseData:u,clientUserInfo:c}=t,d=(a||"").split("."),m=d[0]||"",h=d[1]||"";if(!m||!h)return{sectionKey:m,questionKey:h,nextSubmissionResponseData:u||{},didMutate:!1,shouldPersist:!1,persistIntent:"none",commentId:l};const p=structuredClone(u||{});p[m]||(p[m]={}),p[m][h]?(p[m][h].comments=null!==(s=p[m][h].comments)&&void 0!==s?s:[],p[m][h].draftComments=null!==(e=p[m][h].draftComments)&&void 0!==e?e:[],p[m][h].metadata=null!==(i=p[m][h].metadata)&&void 0!==i?i:{}):p[m][h]={value:"",comments:[],draftComments:[],metadata:{}};const f=p[m][h].draftComments;f&&!Array.isArray(f)?p[m][h].draftComments=[f]:f||(p[m][h].draftComments=[]);const b=p[m][h].comments||[],v=p[m][h].draftComments||[];let w=!1;switch(r){case"add":{const t={value:"",commentId:y(),isTempComment:!0,timestamp:null};p[m][h].draftComments=[t,...v],w=!0;break}case"save":{const t=v.findIndex((t=>t.commentId===l));if(-1===t)return{sectionKey:m,questionKey:h,nextSubmissionResponseData:p,didMutate:!1,shouldPersist:!1,persistIntent:"none",commentId:l};const s=v[t],e=s.timestamp||(new Date).toISOString(),i=Object.assign(Object.assign({},s),{timestamp:e,editedTimestamp:(new Date).toISOString(),userId:null==c?void 0:c.id,userDisplayName:null==c?void 0:c.displayName,isDraftComment:!1}),o=b.findIndex((t=>t.commentId===l));if(-1!==o){const t=[...b];t[o]=Object.assign({},i),p[m][h].comments=t}else p[m][h].comments=[...b,i];p[m][h].draftComments=v.filter((t=>t.commentId!==l)),w=!0;break}case"edit":{const t=b.find((t=>t.commentId===l));if(!t)return{sectionKey:m,questionKey:h,nextSubmissionResponseData:p,didMutate:!1,shouldPersist:!1,persistIntent:"none",commentId:l};const s=Object.assign(Object.assign({},t),{isDraftComment:!0,timestamp:null});p[m][h].draftComments=[s,...v],p[m][h].comments=b,w=!0;break}case"delete":p[m][h].comments=b.map((t=>t.commentId===l?Object.assign(Object.assign({},t),{isDeleted:!0,value:"",editedTimestamp:(new Date).toISOString()}):t)),w=!0;break;case"editClose":p[m][h].draftComments=v.filter((t=>t.commentId!==l)),w=!0}const j="save"===r||"delete"===r;let S;if("save"===r){const t=((null===(n=null===(o=null==p?void 0:p[m])||void 0===o?void 0:o[h])||void 0===n?void 0:n.comments)||[]).find((t=>t.commentId===l));S=null==t?void 0:t.value}return{sectionKey:m,questionKey:h,nextSubmissionResponseData:p,didMutate:w,shouldPersist:j,persistIntent:"none",commentId:l,valueToPersist:S}}({actionType:l,questionIdentifierKey:u,commentId:c,currentSubmissionResponseData:this.udpFormSubmission.data.submissionResponseData||{},clientUserInfo:this.clientUserInfo}),m=d.nextSubmissionResponseData;if(this.udpFormSubmission.data.submissionResponseData=Object.assign({},m),"edit"!==l&&"editClose"!==l&&"add"!==l||(this.currentValues=Object.assign({},m)),d.shouldPersist){const t=(null===(s=this.udpFormSubmission)||void 0===s?void 0:s.status)===a.Submitted,u=(null===(e=this.udpFormSubmission)||void 0===e?void 0:e.unityUserId)===this.clientUserInfo.id,c=((null===(n=null===(o=null===(i=this.currentValues||{})||void 0===i?void 0:i[d.sectionKey])||void 0===o?void 0:o[d.questionKey])||void 0===n?void 0:n.comments)||[]).find((t=>(null==t?void 0:t.commentId)===d.commentId&&!(null==t?void 0:t.isDeleted)));if(t||!u)if(null===(r=this.udpFormSubmission)||void 0===r?void 0:r.id){if("save"===l){const t=d.valueToPersist;if(t)try{c?await this.formSubmissionHandler.updateComment(this.udpFormSubmission,{sectionKey:d.sectionKey,questionKey:d.questionKey,value:t,commentId:d.commentId}):await this.formSubmissionHandler.addComment(this.udpFormSubmission,{sectionKey:d.sectionKey,questionKey:d.questionKey,value:t,commentId:d.commentId}),await this.refreshSubmissionAndSyncState(),lt(c?"Comment updated.":"Comment added.",this.enqueueSnackbar)}catch(t){throw ut(c?"Failed to update comment.":"Failed to add comment.",this.enqueueSnackbar),t}}else if("delete"===l)try{await this.formSubmissionHandler.deleteComment(this.udpFormSubmission,{sectionKey:d.sectionKey,questionKey:d.questionKey,commentId:d.commentId}),await this.refreshSubmissionAndSyncState(),lt("Comment deleted.",this.enqueueSnackbar)}catch(t){throw ut("Failed to delete comment.",this.enqueueSnackbar),t}}else this.currentValues=Object.assign({},m);else this.isPublic?this.currentValues=Object.assign({},m):await this.handleManualSave(m)}else this.currentValues=Object.assign({},m)}catch(t){console.error("Error handling live comment CRUD:",t)}finally{this.triggerFormRerender()}}async loadFollowUpForms(t,s){var e;this.isLoading=!0;try{const i=(await r(this.followUpSideSheetListPageNumber,this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,[{searchField:"type",searchOperator:"=",searchValue:c.FollowUp}],{sortDirection:"DESC",sortColumn:"lastModifiedOn"})).data;if(!i||!Array.isArray(i.pageList))throw Error("Malformed form versions data.");this.sideSheetFollowUpFormsList=this.formatFollowUpFormsList(i.pageList,t,s),this.followUpSideSheetTotalItems=null!==(e=i.total)&&void 0!==e?e:0}catch(t){console.error("Failed to follow up form.",t)}finally{this.isLoading=!1}}formatFollowUpFormsList(t,s,e){return t.map((t=>({listItemData:t,history:this.history,handleLaunchFollowUpForm:async()=>await this.handleLaunchFollowUpForm(t.id,t.version,this.udpFormSubmission.id,this.udpFormSubmission.formId,this.udpFormSubmission.formVersion,s,e)})))}async handleSideSheetPageChange(t){this.followUpSideSheetListPageNumber=t,await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey)}renderFollowUpSideSheet(){return this.isPublic?null:e("udp-side-sheet",{title:"Link a Follow Up Form",open:this.isFollowUpFormsSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md"},this.isLoading&&this.isFollowUpFormsSideSheetOpen&&e("udp-linear-loader",null),e("udp-list-renderer",{itemComponent:"udp-forms-follow-up-list-card",data:this.sideSheetFollowUpFormsList,pagination:!0,isServerSide:!0,isLoading:this.isLoading,itemsPerPage:this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,currentPage:this.followUpSideSheetListPageNumber,totalItems:this.followUpSideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"}))}isShowManualSaveIcon(){return!this.isPublic&&(!!this.clientUserInfo.id&&this.hasUnsavedChanges)}get isReadOnlyMode(){return this.isSubmitted||this.udpFormSubmission.unityUserId!==this.clientUserInfo.id}render(){return e("div",{key:"37ec47fc7f3ecec70ba7ca3e12717789285be5d8",class:"forms-renderer-container",style:this.isLoading?{minHeight:"100vh"}:{}},this.renderFollowUpSideSheet(),e("udp-forms-ui",{udpForm:this.udpForm,currentValues:this.currentValues,udpFormSubmission:this.udpFormSubmission,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,readonly:this.isReadOnlyMode,handleSubmit:this.handleSubmit.bind(this),handleSave:t=>Promise.resolve(this.debouncedManualSave(t)),handleChange:this.handleFormChange,handleAction:this.triggerAction,handleFinish:this.handleFinish,clientUserInfo:this.clientUserInfo,isSubmitted:this.isSubmitted,dynamicSections:this.dynamicSections,duplicateRepeatableSection:this.duplicateRepeatableSection,deleteRepeatableSection:this.deleteRepeatableSection,key:"form-rerender-key-"+this.reRenderKey,isShowManualSaveIcon:this.isShowManualSaveIcon(),isLoading:this.isLoading,performBackgroundSaveAndUpdateLocalSubmissionState:this.performBackgroundSaveAndUpdateLocalSubmissionState}))}get el(){return this}},[1,"udp-forms-renderer",{formId:[1,"form-id"],version:[2],submissionId:[1,"submission-id"],triggerAction:[16],isPublic:[4,"is-public"],callbackUrl:[1,"callback-url"],getUserCallback:[16],enqueueSnackbar:[16],closeSnackbar:[16],autoSaveDelay:[2,"auto-save-delay"],history:[8],urlContext:[16],currentValues:[32],submitSuccessful:[32],isLoading:[32],isSaving:[32],isSubmitted:[32],dynamicSections:[32],isUpdatingSections:[32],reRenderKey:[32],hasUnsavedChanges:[32],sideSheetFollowUpFormsList:[32],followUpSideSheetTotalItems:[32],isFollowUpFormsSideSheetOpen:[32],followUpSideSheetListPageNumber:[32]}]),mt=dt,ht=function(){"undefined"!=typeof customElements&&["udp-forms-renderer","custom-button","file-upload","fluent-dialog","form-metadata-display","image-upload","numeric-field","selectable-list","signature-input","stencil-field","stencil-form","stencil-icon-button","tally-display","text-area","text-field","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-button","udp-container","udp-date-selector","udp-datetime-selector","udp-forms-ui","udp-icon","udp-icon-button","udp-linear-loader","udp-list-renderer","udp-menu-item","udp-pagination","udp-pop-over","udp-question","udp-question-comments","udp-save-draft-button","udp-selector","udp-side-sheet","udp-time-selector","unity-typography"].forEach((t=>{switch(t){case"udp-forms-renderer":customElements.get(i(t))||customElements.define(i(t),dt);break;case"custom-button":customElements.get(i(t))||v();break;case"file-upload":customElements.get(i(t))||w();break;case"fluent-dialog":customElements.get(i(t))||j();break;case"form-metadata-display":customElements.get(i(t))||S();break;case"image-upload":customElements.get(i(t))||O();break;case"numeric-field":customElements.get(i(t))||g();break;case"selectable-list":customElements.get(i(t))||F();break;case"signature-input":customElements.get(i(t))||I();break;case"stencil-field":customElements.get(i(t))||C();break;case"stencil-form":customElements.get(i(t))||E();break;case"stencil-icon-button":customElements.get(i(t))||k();break;case"tally-display":customElements.get(i(t))||D();break;case"text-area":customElements.get(i(t))||$();break;case"text-field":customElements.get(i(t))||U();break;case"udp-adornment":customElements.get(i(t))||x();break;case"udp-ambient-card":customElements.get(i(t))||q();break;case"udp-ambient-tool-tip":customElements.get(i(t))||K();break;case"udp-badge":customElements.get(i(t))||P();break;case"udp-button":customElements.get(i(t))||A();break;case"udp-container":customElements.get(i(t))||L();break;case"udp-date-selector":customElements.get(i(t))||R();break;case"udp-datetime-selector":customElements.get(i(t))||_();break;case"udp-forms-ui":customElements.get(i(t))||M();break;case"udp-icon":customElements.get(i(t))||T();break;case"udp-icon-button":customElements.get(i(t))||V();break;case"udp-linear-loader":customElements.get(i(t))||N();break;case"udp-list-renderer":customElements.get(i(t))||B();break;case"udp-menu-item":customElements.get(i(t))||J();break;case"udp-pagination":customElements.get(i(t))||Q();break;case"udp-pop-over":customElements.get(i(t))||z();break;case"udp-question":customElements.get(i(t))||W();break;case"udp-question-comments":customElements.get(i(t))||G();break;case"udp-save-draft-button":customElements.get(i(t))||H();break;case"udp-selector":customElements.get(i(t))||X();break;case"udp-side-sheet":customElements.get(i(t))||Y();break;case"udp-time-selector":customElements.get(i(t))||Z();break;case"unity-typography":customElements.get(i(t))||tt()}}))};export{mt as UdpFormsRenderer,ht as defineCustomElement}