udp-stencil-component-library 25.18.2-beta.9 → 25.18.3-beta.1

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

@@ -1,1605 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { throttle } from 'lodash';
-import { g as getCurrentTenantId } from './tenantUtils.js';
-import { f as fetchLatestForms } from './udp-form-api-utils.js';
-import { c as UdpFormsSubmissionStatusEnum, b as UdpFormsPageIdEnum, U as UdpFormsFieldTypeEnum, a as UdpFormsTypeEnum } from './enums.js';
-import { b as buildEmptyCurrentValues } 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$C } from './custom-button2.js';
-import { d as defineCustomElement$B } from './file-upload2.js';
-import { d as defineCustomElement$A } from './fluent-dialog2.js';
-import { d as defineCustomElement$z } from './form-metadata-display2.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);
-}
-
-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;
-        this.userEmail = null;
-        Object.assign(this, initialData);
-    }
-    // =============================
-    // Form Data Processing
-    // =============================
-    processSubmissionIntoFormDataWithoutValues(status) {
-        const baseData = this.buildBaseSubmissionData(status);
-        const formData = createFormData(baseData);
-        formData.append('Data', JSON.stringify(this.data));
-        return formData;
-    }
-    processSubmissionIntoFormData(formInputValuesAndMetadata, status) {
-        const baseData = this.buildBaseSubmissionData(status);
-        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;
-    }
-    buildBaseSubmissionData(statusValue) {
-        const baseData = {
-            FormId: this.formId,
-            FormVersion: this.formVersion.toString(),
-            Status: statusValue,
-        };
-        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;
-    }
-}
-
-/**
- * Single handler for UdpFormSubmission operations.
- *
- * Behavior changes by access mode:
- * - private: supports draft save and follow-ups; comments are saved via standard draft-save until submitted,
- *            and via dedicated comment endpoints when submitted or viewed by a non-owner.
- * - public : no draft save, no follow-ups; submit uses the `/UdpFormSubmission/public` endpoint;
- *            comments use dedicated comment endpoints once a submission exists.
- */
-class FormSubmissionHandler {
-    constructor(accessMode) {
-        this.accessMode = accessMode;
-    }
-    async addComment(udpFormSubmission, comment) {
-        if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
-            throw new Error('Cannot add a comment without a submission ID.');
-        }
-        // Backend contract:
-        // - public : POST /UdpFormSubmission/{submissionId}/comments/public
-        // - private: POST /UdpFormSubmission/{submissionId}/comments/private
-        const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${this.accessMode}`;
-        await makeApiCall('POST', url, comment, true);
-    }
-    async updateComment(udpFormSubmission, args) {
-        if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
-            throw new Error('Cannot update a comment without a submission ID.');
-        }
-        const { sectionKey, questionKey, commentId, value } = args;
-        // Backend contract: PUT /UdpFormSubmission/{submissionId}/comments/{commentId}
-        // Body: { value, sectionKey, questionKey }
-        const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall('PUT', url, { value, sectionKey, questionKey }, true);
-    }
-    async deleteComment(udpFormSubmission, args) {
-        if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
-            throw new Error('Cannot delete a comment without a submission ID.');
-        }
-        const { commentId } = args;
-        // Backend contract: DELETE /UdpFormSubmission/{submissionId}/comments/{commentId}
-        const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall('DELETE', url, null, true);
-    }
-    async fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission) {
-        if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
-            console.warn('Cannot fetch form submission without an ID.');
-            return udpFormSubmission;
-        }
-        // Public reads should not leak other users' submissions.
-        if (this.accessMode === 'public') {
-            const response = await this.getFormSubmissionByIdAndUser(udpFormSubmission.id, udpFormSubmission.unityUserId);
-            return response ? new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response)) : udpFormSubmission;
-        }
-        // Private: fetch by id.
-        const { id } = udpFormSubmission;
-        const response = await this.getFormSubmissionById(id);
-        return response ? new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response)) : udpFormSubmission;
-    }
-    async createNewLinkedFollowUpFormSubmission(udpFormSubmission) {
-        if (this.accessMode === 'public') {
-            throw new Error('Follow-up form submissions are not supported for public forms.');
-        }
-        return this.saveFormDataWithoutValues(udpFormSubmission, UdpFormsSubmissionStatusEnum.InProgress);
-    }
-    async saveCurrentFormSubmissionState(values, udpFormSubmission) {
-        if (this.accessMode === 'public') {
-            // Public forms do not support draft save / return-later.
-            return udpFormSubmission;
-        }
-        return this.saveSubmissionToDB(values, udpFormSubmission, UdpFormsSubmissionStatusEnum.InProgress);
-    }
-    async finalizeFormSubmissionState(values, udpFormSubmission) {
-        return this.saveSubmissionToDB(values, udpFormSubmission, UdpFormsSubmissionStatusEnum.Submitted);
-    }
-    // =============================
-    // Helpers
-    // =============================
-    async saveFormDataWithoutValues(udpFormSubmission, status) {
-        const formData = udpFormSubmission.processSubmissionIntoFormDataWithoutValues(status);
-        const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall(method, url, formData, true);
-        if (response === '') {
-            return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
-        }
-        return new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-    }
-    getApiRequestInfo(udpFormSubmission) {
-        const baseUrl = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${this.accessMode}`;
-        // Public mode does not support draft saves or updates; only a single submit (POST /public).
-        // Private mode supports POST (create) and PUT (update).
-        if (this.accessMode === 'public') {
-            return { method: 'POST', url: baseUrl };
-        }
-        return udpFormSubmission.id
-            ? { method: 'PUT', url: baseUrl }
-            : { method: 'POST', url: baseUrl };
-    }
-    async saveSubmissionToDB(values, udpFormSubmission, status) {
-        const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
-        const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall(method, url, formData, true);
-        if (response === '') {
-            return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
-        }
-        const updated = new UdpFormSubmission(Object.assign(Object.assign({}, udpFormSubmission), response));
-        // IMPORTANT: callers often pass a shared `udpFormSubmission` instance and do not use the return value.
-        // Ensure the original instance gets the new server-assigned id/status when the first save/submit creates it.
-        Object.assign(udpFormSubmission, updated);
-        return updated;
-    }
-    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;
-        }
-    }
-    async getFormSubmissionByIdAndUser(id, unityUserId) {
-        var _a;
-        try {
-            const search = new SearchBuilder(1, 1)
-                .addFilter('id', id, SearchOperators.EQUALS)
-                .addFilter('unityUserId', unityUserId, 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;
-        }
-    }
-}
-
-/**
- * Factory for creating form submission handlers.
- */
-class FormSubmissionHandlerFactory {
-    static create(isPublic, userId) {
-        return new FormSubmissionHandler(isPublic ? 'public' : 'private');
-    }
-}
-
-class UdpFormHandler {
-    constructor(tenantId, isPublic = false) {
-        this.tenantId = tenantId;
-        this.isPublic = isPublic;
-    }
-    buildDescribeUrl(formId, formVersion) {
-        const base = ConfigService.productV1ApiUrl;
-        if (this.isPublic) {
-            return `${base}/UdpForm/${formId}/${formVersion}/describe/public`;
-        }
-        else {
-            return `${base}/UdpForm/${formId}/${formVersion}/describe`;
-        }
-    }
-    async getFormByFormIdAndFormVersion(formId, formVersion) {
-        const url = this.buildDescribeUrl(formId, formVersion);
-        const formData = await makeApiCall('GET', url);
-        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);
-    }
-}
-
-// utility to find repeat group keys from current values
-const 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 dynamic sections based on the master form
-const initializeDynamicSections = (udpForm, currentValues) => {
-    var _a;
-    const dynamicSections = [];
-    const sortedSections = structuredClone(udpForm.udpFormUdpFormSection).sort((a, b) => a.order - b.order);
-    for (const section of sortedSections) {
-        section.sectionProperties = JSON.parse(section.sectionProperties || {});
-        const repeatGroupKeys = findRepeatGroupKeys(section.name, currentValues);
-        section.isOriginalSection = true;
-        section.sectionPositionSuffix = 1; // default position
-        // always add the original section into dynamic sections
-        dynamicSections.push(Object.assign(Object.assign({}, structuredClone(section)), {
-            // dynamicSectionName: section.name,
-            formQuestions: structuredClone(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(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 });
-                dynamicSections.push(clonedSection);
-            }
-        }
-    }
-    return dynamicSections;
-};
-// urlContext is derived from query params that start with `udpf_` (see useUdpFormParameters).
-// Keys are stored without the prefix, e.g. `udpf_section1_3.question1=val` -> urlContext['section1_3.question1'] = 'val'
-// This helper finds the maximum repeat suffix requested by urlContext for a given section base name.
-// Example: { 'sectionA_3.q1': 'x', 'sectionA_2.q2': 'y' } -> { sectionA: 3 }
-const getMaxRepeatSuffixBySectionFromUrlContext = (urlContext) => {
-    const context = (urlContext && typeof urlContext === 'object') ? urlContext : {};
-    const maxBySection = {};
-    Object.keys(context).forEach(key => {
-        var _a;
-        // Expect keys like: sectionName_3.questionName
-        // Only treat it as a repeat hint if it has a dot after the suffix.
-        const match = key.match(/^([^._?&#]+)_(\d+)\./);
-        if (!match)
-            return;
-        const baseSectionName = match[1];
-        const suffix = Number(match[2]);
-        if (!Number.isFinite(suffix) || suffix < 2)
-            return;
-        const existing = (_a = maxBySection[baseSectionName]) !== null && _a !== void 0 ? _a : 1;
-        if (suffix > existing)
-            maxBySection[baseSectionName] = suffix;
-    });
-    return maxBySection;
-};
-// build dynamic sections based on the master form plus optional repeat hints from URL context
-const initializeDynamicSectionsWithUrlContext = (udpForm, currentValues, urlContext) => {
-    var _a, _b;
-    const maxRepeatFromUrl = getMaxRepeatSuffixBySectionFromUrlContext(urlContext);
-    const dynamicSections = [];
-    const sortedSections = structuredClone(udpForm.udpFormUdpFormSection).sort((a, b) => a.order - b.order);
-    for (const section of sortedSections) {
-        section.sectionProperties = JSON.parse(section.sectionProperties || {});
-        const repeatGroupKeys = findRepeatGroupKeys(section.name, currentValues);
-        const maxRepeatedFromValues = repeatGroupKeys.length > 0 ? Math.max(...repeatGroupKeys) : 1;
-        const maxRepeatedFromUrl = (_a = maxRepeatFromUrl === null || maxRepeatFromUrl === void 0 ? void 0 : maxRepeatFromUrl[section.name]) !== null && _a !== void 0 ? _a : 1;
-        const maxRepeatedSectionSuffix = Math.max(maxRepeatedFromValues, maxRepeatedFromUrl);
-        section.isOriginalSection = true;
-        section.sectionPositionSuffix = 1; // default position
-        // always add the original section into dynamic sections
-        dynamicSections.push(Object.assign(Object.assign({}, structuredClone(section)), { formQuestions: structuredClone(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 repeatable and suffix requested by saved values or url
-        if (((_b = section.sectionProperties) === null || _b === void 0 ? void 0 : _b.isRepeatable) && maxRepeatedSectionSuffix >= 2) {
-            for (let repeatKey = 2; repeatKey <= maxRepeatedSectionSuffix; repeatKey++) {
-                const clonedSection = Object.assign(Object.assign({}, structuredClone(section)), { formQuestions: structuredClone(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 });
-                dynamicSections.push(clonedSection);
-            }
-        }
-    }
-    return dynamicSections;
-};
-const applyUrlSeedValuesForAll = (dynamicSections, urlContext) => {
-    if (!Array.isArray(dynamicSections))
-        return;
-    // urlContext is derived from query params that start with `udpf_` (see useUdpFormParameters).
-    // Keys are stored without the prefix, e.g. `udpf_section1.question1=val` -> urlContext['section1.question1'] = 'val'
-    const context = (urlContext && typeof urlContext === 'object') ? urlContext : {};
-    // Build a case-insensitive view of urlContext so callers can use udpf_ keys without worrying about case.
-    // If duplicate keys exist with different casing, the last one encountered wins.
-    const contextCI = {};
-    Object.keys(context).forEach(k => {
-        contextCI[String(k).toLowerCase()] = context[k];
-    });
-    // 1) Collect URL values into nested structure: { [sectionKey]: { [questionName]: { value, comments: [] } } }
-    const urlValuesNested = {};
-    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 = undefined;
-            for (const c of candidates) {
-                const key = String(c).toLowerCase();
-                if (Object.prototype.hasOwnProperty.call(contextCI, key)) {
-                    urlVal = contextCI[key];
-                    break;
-                }
-            }
-            if (urlVal !== undefined && urlVal !== null) {
-                if (!urlValuesNested[sectionKey])
-                    urlValuesNested[sectionKey] = {};
-                urlValuesNested[sectionKey][q.name] = { value: urlVal, comments: [] };
-            }
-        });
-    });
-    // Caller is responsible for merging with saved submissionResponseData.
-    // Here we only return the url-derived seed values + paragraph defaults.
-    const merged = {};
-    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
-    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: [],
-                    };
-                }
-            }
-        });
-    });
-    return merged;
-};
-const replaceUrlWithSubmissionId = (submissionId, history) => {
-    // 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 = 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;
-    }
-};
-const enqueueSnackbarSuccess = (message, enqueueSnackbar) => {
-    enqueueSnackbar === null || enqueueSnackbar === void 0 ? void 0 : enqueueSnackbar(message, {
-        variant: 'success',
-        anchorOrigin: { vertical: 'top', horizontal: 'center' },
-    });
-};
-const enqueueSnackbarError = (message, enqueueSnackbar) => {
-    enqueueSnackbar === null || enqueueSnackbar === void 0 ? void 0 : enqueueSnackbar(message, {
-        variant: 'error',
-        anchorOrigin: { vertical: 'top', horizontal: 'center' },
-    });
-};
-
-const getSectionKey = (section) => {
-    return section.isOriginalSection ? section.name : `${section.name}_${section.sectionPositionSuffix}`;
-};
-const safeParseFieldProperties = (fieldProperties) => {
-    if (!fieldProperties)
-        return {};
-    if (typeof fieldProperties === 'object')
-        return fieldProperties;
-    if (typeof fieldProperties !== 'string')
-        return {};
-    try {
-        return JSON.parse(fieldProperties || '{}');
-    }
-    catch (_a) {
-        return {};
-    }
-};
-const computeDuplicateRepeatableSection = (params) => {
-    var _a, _b, _c;
-    const { dynamicSections, values, index } = params;
-    const sectionToClone = dynamicSections[index];
-    if (!sectionToClone)
-        return { nextDynamicSections: dynamicSections, nextValues: values };
-    const cloningSectionName = sectionToClone.name;
-    // Find existing repeat group indices
-    const repeatKeys = findRepeatGroupKeys(cloningSectionName, values);
-    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 < dynamicSections.length; i++) {
-        const s = dynamicSections[i];
-        if (s.name === cloningSectionName)
-            insertAtIndex = i;
-        else
-            break;
-    }
-    const nextDynamicSections = [
-        ...dynamicSections.slice(0, insertAtIndex + 1),
-        clonedSection,
-        ...dynamicSections.slice(insertAtIndex + 1),
-    ];
-    const nextValues = structuredClone(values || {});
-    const newSectionKey = `${cloningSectionName}_${nextRepeatIndex}`;
-    const sourceSectionKey = getSectionKey(sectionToClone);
-    for (const q of clonedSection.formQuestions || []) {
-        if (!nextValues[newSectionKey])
-            nextValues[newSectionKey] = {};
-        let value = '';
-        if (q.fieldTypeId === UdpFormsFieldTypeEnum.Paragraph) {
-            const sourceVal = (_b = (_a = values === null || values === void 0 ? void 0 : values[sourceSectionKey]) === null || _a === void 0 ? void 0 : _a[q.name]) === null || _b === void 0 ? void 0 : _b.value;
-            const props = safeParseFieldProperties(q.fieldProperties);
-            const paragraphDefault = (_c = props === null || props === void 0 ? void 0 : props.paragraphText) !== null && _c !== void 0 ? _c : '';
-            value = sourceVal !== null && sourceVal !== void 0 ? sourceVal : paragraphDefault;
-        }
-        nextValues[newSectionKey][q.name] = { value, comments: [], metadata: {} };
-    }
-    return { nextDynamicSections, nextValues };
-};
-const computeDeleteRepeatableSection = (params) => {
-    const { dynamicSections, values, index } = params;
-    const sectionToDelete = dynamicSections[index];
-    if (!sectionToDelete || sectionToDelete.isOriginalSection) {
-        return { nextDynamicSections: dynamicSections, nextValues: values };
-    }
-    const deleteSectionName = sectionToDelete.name;
-    const deleteSuffix = sectionToDelete.sectionPositionSuffix;
-    const sectionKeyToDelete = `${deleteSectionName}_${deleteSuffix}`;
-    const nextValues = Object.assign({}, (values || {}));
-    delete nextValues[sectionKeyToDelete];
-    const updatedSections = structuredClone(dynamicSections);
-    updatedSections.splice(index, 1);
-    // Shift all later repeatable sections backward by 1
-    updatedSections.forEach(section => {
-        var _a;
-        if (section.name !== deleteSectionName ||
-            section.isOriginalSection ||
-            ((_a = section.sectionPositionSuffix) !== null && _a !== void 0 ? _a : 0) <= (deleteSuffix !== null && deleteSuffix !== void 0 ? deleteSuffix : 0)) {
-            return;
-        }
-        const oldSuffix = section.sectionPositionSuffix;
-        const oldSectionKey = `${deleteSectionName}_${oldSuffix}`;
-        const newSuffix = oldSuffix - 1;
-        const newSectionKey = `${deleteSectionName}_${newSuffix}`;
-        section.sectionPositionSuffix = newSuffix;
-        section.formQuestions = (section.formQuestions || []).map(q => {
-            const newSectionQuestion = structuredClone(q);
-            newSectionQuestion.questionIdentifierKey = `${newSectionKey}.${q.name}`;
-            return newSectionQuestion;
-        });
-        if (nextValues[oldSectionKey]) {
-            nextValues[newSectionKey] = structuredClone(nextValues[oldSectionKey]);
-            delete nextValues[oldSectionKey];
-        }
-    });
-    return { nextDynamicSections: updatedSections, nextValues };
-};
-
-/**
- * Pure comment CRUD logic.
- *
- * - Updates submissionResponseData structure for comments/draftComments.
- * - Does NOT perform any network calls.
- * - Returns persistence intent for caller.
- */
-function applyQuestionCommentCrud(params) {
-    var _a, _b, _c, _d, _e;
-    const { actionType, questionIdentifierKey, commentId, currentSubmissionResponseData, clientUserInfo } = params;
-    const parts = (questionIdentifierKey || '').split('.');
-    const sectionKey = parts[0] || '';
-    const questionKey = parts[1] || '';
-    // Defensive: if malformed key, do nothing.
-    if (!sectionKey || !questionKey) {
-        return {
-            sectionKey,
-            questionKey,
-            nextSubmissionResponseData: currentSubmissionResponseData || {},
-            didMutate: false,
-            shouldPersist: false,
-            persistIntent: 'none',
-            commentId,
-        };
-    }
-    const next = structuredClone(currentSubmissionResponseData || {});
-    // ensure structure exists WITHOUT overwriting existing data
-    if (!next[sectionKey])
-        next[sectionKey] = {};
-    if (!next[sectionKey][questionKey]) {
-        // create defaults but do not clobber any existing saved shape from submissionResponseData
-        next[sectionKey][questionKey] = {
-            value: '',
-            comments: [],
-            draftComments: [],
-            metadata: {},
-        };
-    }
-    else {
-        // ensure arrays/objects exist so later code can safely push/filter
-        next[sectionKey][questionKey].comments = (_a = next[sectionKey][questionKey].comments) !== null && _a !== void 0 ? _a : [];
-        next[sectionKey][questionKey].draftComments = (_b = next[sectionKey][questionKey].draftComments) !== null && _b !== void 0 ? _b : [];
-        next[sectionKey][questionKey].metadata = (_c = next[sectionKey][questionKey].metadata) !== null && _c !== void 0 ? _c : {};
-    }
-    // normalize draftComments to array if needed (back-compat)
-    const maybeDraft = next[sectionKey][questionKey].draftComments;
-    if (maybeDraft && !Array.isArray(maybeDraft)) {
-        next[sectionKey][questionKey].draftComments = [maybeDraft];
-    }
-    else if (!maybeDraft) {
-        next[sectionKey][questionKey].draftComments = [];
-    }
-    const commentsArr = next[sectionKey][questionKey].comments || [];
-    const draftsArr = next[sectionKey][questionKey].draftComments || [];
-    let didMutate = false;
-    switch (actionType) {
-        case 'add': {
-            const newDraft = {
-                value: '',
-                commentId: v4(),
-                isTempComment: true,
-                timestamp: null,
-            };
-            // put new draft first so activeDraft === draftComments[0] matches UX
-            next[sectionKey][questionKey].draftComments = [newDraft, ...draftsArr];
-            didMutate = true;
-            break;
-        }
-        case 'save': {
-            const draftIdx = draftsArr.findIndex((d) => d.commentId === commentId);
-            if (draftIdx === -1) {
-                return {
-                    sectionKey,
-                    questionKey,
-                    nextSubmissionResponseData: next,
-                    didMutate: false,
-                    shouldPersist: false,
-                    persistIntent: 'none',
-                    commentId,
-                };
-            }
-            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: clientUserInfo === null || clientUserInfo === void 0 ? void 0 : clientUserInfo.id, userDisplayName: clientUserInfo === null || clientUserInfo === void 0 ? void 0 : clientUserInfo.displayName, isDraftComment: false });
-            const existingIdx = commentsArr.findIndex((c) => c.commentId === commentId);
-            if (existingIdx !== -1) {
-                const newComments = [...commentsArr];
-                newComments[existingIdx] = Object.assign({}, savedComment);
-                next[sectionKey][questionKey].comments = newComments;
-            }
-            else {
-                next[sectionKey][questionKey].comments = [...commentsArr, savedComment];
-            }
-            next[sectionKey][questionKey].draftComments = draftsArr.filter((d) => d.commentId !== commentId);
-            didMutate = true;
-            break;
-        }
-        case 'edit': {
-            const saved = commentsArr.find((c) => c.commentId === commentId);
-            if (!saved) {
-                return {
-                    sectionKey,
-                    questionKey,
-                    nextSubmissionResponseData: next,
-                    didMutate: false,
-                    shouldPersist: false,
-                    persistIntent: 'none',
-                    commentId,
-                };
-            }
-            const draftFromSaved = Object.assign(Object.assign({}, saved), { isDraftComment: true, timestamp: null });
-            next[sectionKey][questionKey].draftComments = [draftFromSaved, ...draftsArr];
-            next[sectionKey][questionKey].comments = commentsArr;
-            didMutate = true;
-            break;
-        }
-        case 'delete': {
-            next[sectionKey][questionKey].comments = commentsArr.map((c) => {
-                if (c.commentId === commentId) {
-                    return Object.assign(Object.assign({}, c), { isDeleted: true, value: '', editedTimestamp: new Date().toISOString() });
-                }
-                return c;
-            });
-            didMutate = true;
-            break;
-        }
-        case 'editClose': {
-            next[sectionKey][questionKey].draftComments = draftsArr.filter((d) => d.commentId !== commentId);
-            didMutate = true;
-            break;
-        }
-    }
-    const shouldPersist = actionType === 'save' || actionType === 'delete';
-    // For the dedicated comments API we only ever need the saved comment value.
-    let valueToPersist;
-    if (actionType === 'save') {
-        const saved = (((_e = (_d = next === null || next === void 0 ? void 0 : next[sectionKey]) === null || _d === void 0 ? void 0 : _d[questionKey]) === null || _e === void 0 ? void 0 : _e.comments) || []).find((c) => c.commentId === commentId);
-        valueToPersist = saved === null || saved === void 0 ? void 0 : saved.value;
-    }
-    return {
-        sectionKey,
-        questionKey,
-        nextSubmissionResponseData: next,
-        didMutate,
-        shouldPersist,
-        // Caller decides if this becomes public-add vs private-update.
-        persistIntent: 'none',
-        commentId,
-        valueToPersist,
-    };
-}
-
-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.urlContext = {}; // additional context from URL if needed, eg. generic1, gernic2, generic3, or any initial prepopulated values for form inputs. eg section1.question1 = 'some value'
-        this.currentValues = {}; // values of the current form state
-        this.submitSuccessful = false;
-        this.isLoading = false;
-        this.isSaving = false;
-        this.isSubmitted = false;
-        this.dynamicSections = [];
-        this.isUpdatingSections = false;
-        this.reRenderKey = 0;
-        this.hasUnsavedChanges = 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();
-        // info for the current logged in user on the client side
-        this.clientUserInfo = {
-            id: null,
-            displayName: null,
-            email: null,
-        };
-        this.followUpParentSectionKey = ''; // used for follow up forms.
-        this.followUpParentQuestionKey = ''; // used for follow up forms.
-        // Feature flags for public mode. Keep capabilities in the handlers,
-        // but disable UX / automatic flows for now.
-        this.publicFeatures = {
-            allowDraftSave: false, // public cannot save and return later
-            allowComments: true, // public can add comments locally; persistence handled by backend rules
-            allowFollowUpForms: false, // public does not support follow-up forms
-        };
-        this.handleLaunchFollowUpFormSideSheet = async (e) => {
-            try {
-                // Public forms do not support follow-up forms.
-                if (this.isPublic) {
-                    return;
-                }
-                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 { nextDynamicSections, nextValues } = computeDuplicateRepeatableSection({
-                    dynamicSections: this.dynamicSections,
-                    values: structuredClone(this.udpFormSubmission.data.submissionResponseData || {}),
-                    index,
-                });
-                this.dynamicSections = nextDynamicSections;
-                this.currentValues = Object.assign({}, nextValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, nextValues);
-                this.triggerFormRerender();
-            }
-            finally {
-                this.isUpdatingSections = false;
-                this.isLoading = false;
-                this.hasUnsavedChanges = 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 { nextDynamicSections, nextValues } = computeDeleteRepeatableSection({
-                    dynamicSections: this.dynamicSections,
-                    values: Object.assign({}, (this.udpFormSubmission.data.submissionResponseData || {})),
-                    index,
-                });
-                this.dynamicSections = nextDynamicSections;
-                this.currentValues = Object.assign({}, nextValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, nextValues);
-                this.triggerFormRerender();
-            }
-            finally {
-                this.isUpdatingSections = false;
-                this.isLoading = false;
-                this.hasUnsavedChanges = true;
-            }
-        };
-        /**
-         * Auto save (background save)
-         */
-        this.performBackgroundSaveAndUpdateLocalSubmissionState = async (values) => {
-            return this.performBackgroundSaveAndUpdateLocalSubmissionStateInternal(values);
-        };
-        this.performBackgroundSaveAndUpdateLocalSubmissionStateInternal = async (values, opts) => {
-            var _a, _b;
-            const allowUrlReplace = (_a = opts === null || opts === void 0 ? void 0 : opts.allowUrlReplace) !== null && _a !== void 0 ? _a : !this.isPublic;
-            const forceCreateDraftIfMissingId = (_b = opts === null || opts === void 0 ? void 0 : opts.forceCreateDraftIfMissingId) !== null && _b !== void 0 ? _b : false;
-            // Public mode: disable draft save flows by default
-            if (this.isPublic && !this.publicFeatures.allowDraftSave && !forceCreateDraftIfMissingId) {
-                return;
-            }
-            try {
-                await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
-                await this.refreshSubmissionAndSyncState();
-                if (allowUrlReplace && !new URLSearchParams(window.location.search).has('udpf_submissionId')) {
-                    // replace the current entry's query string with udpf_submissionId without needing to know the path
-                    replaceUrlWithSubmissionId(this.udpFormSubmission.id, this.history);
-                }
-            }
-            catch (error) {
-            }
-            finally {
-                this.isSaving = false;
-                this.hasUnsavedChanges = false;
-            }
-        };
-        this.refreshSubmissionAndSyncState = async () => {
-            var _a, _b;
-            if (!((_a = this.udpFormSubmission) === null || _a === void 0 ? void 0 : _a.id))
-                return;
-            const updated = await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission);
-            this.udpFormSubmission = updated;
-            this.currentValues = Object.assign({}, (((_b = updated.data) === null || _b === void 0 ? void 0 : _b.submissionResponseData) || {}));
-            this.isSubmitted = updated.status === UdpFormsSubmissionStatusEnum.Submitted;
-        };
-        /**
-         * Handle the user saving or deleting a comment (pre-submit, private forms only)
-         */
-        // NOTE: comment saves for non-submitted owner flows are now handled by the standard
-        // draft save path (manual/background save). Dedicated comment endpoints are used
-        // only for:
-        // 1) submitted submissions, OR
-        // 2) non-owner viewers adding/updating/deleting comments.
-        /**
-         * Manual save function - debounced to 5 seconds (private forms only)
-         */
-        this.handleManualSave = async (values) => {
-            if (this.isPublic && !this.publicFeatures.allowDraftSave)
-                return;
-            this.isSaving = true;
-            try {
-                await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
-                await this.refreshSubmissionAndSyncState();
-                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
-                    replaceUrlWithSubmissionId(this.udpFormSubmission.id, this.history);
-                }
-                enqueueSnackbarSuccess('Form saved successfully.', this.enqueueSnackbar);
-            }
-            catch (error) {
-                enqueueSnackbarError('There was an error saving this form', this.enqueueSnackbar);
-            }
-            finally {
-                this.isSaving = false;
-                this.hasUnsavedChanges = 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: buildEmptyCurrentValues(followUpMasterForm),
-                submissionMetadata: {
-                    ParentSubmission: {
-                        submissionId: parentFormSubmissionId,
-                        formId: parentFormId,
-                        formVersion: parentFormVersion
-                    }
-                }
-            };
-            const followUpFormSubmission = new UdpFormSubmission({ formId: followUpFormId, formVersion: followUpFormVersion, unityUserId: this.clientUserInfo.id, data: followUpSubmissionData });
-            const followUpFormSubmissionHandler = FormSubmissionHandlerFactory.create(false, this.clientUserInfo.id);
-            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) => {
-                // Preserve any previously-detected unsaved changes (e.g. repeatable section add/delete)
-                // so a later false emission doesn't hide the save icon.
-                this.hasUnsavedChanges = this.hasUnsavedChanges || e.detail;
-            });
-        }
-    }
-    async componentWillLoad() {
-        var _a;
-        this.isLoading = true;
-        try {
-            // Get client user info if available
-            if (this.isPublic) {
-                this.clientUserInfo.id = '00000000-0000-0000-0000-000000000001';
-                this.clientUserInfo.displayName = 'Anonymous';
-            }
-            else {
-                const user = (_a = this.getUserCallback) === null || _a === void 0 ? void 0 : _a.call(this);
-                if (user) {
-                    this.clientUserInfo.id = user.id || null;
-                    this.clientUserInfo.displayName = user.name || null;
-                    this.clientUserInfo.email = user.email || null;
-                }
-            }
-            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.clientUserInfo.id);
-            this.udpFormSubmission = new UdpFormSubmission({ 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 });
-            // 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) {
-                // Public users should not open private forms; we rely on backend auth to block.
-                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.currentValues = buildEmptyCurrentValues(this.udpForm);
-            // if there's existing data, update the form's state
-            if (this.udpFormSubmission.data.submissionResponseData) {
-                this.currentValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
-                if (this.udpFormSubmission.status === UdpFormsSubmissionStatusEnum.Submitted) {
-                    this.isSubmitted = true;
-                }
-            }
-            // For new submissions (un-instiantiated or in the 'created' status), we allow the seeding of initial values from URL params
-            // So we build dynamicSections with urlContext first, then seed values.
-            // URL params (udpf_*) may imply repeatable section instances (e.g. section1_3.question1).
-            // For existing submissions that are in progress, skip URL-based seeding and do not create additional sections from URL.
-            if ((!this.udpFormSubmission.id || this.udpFormSubmission.status === UdpFormsSubmissionStatusEnum.Created) && this.urlContext && Object.keys(this.urlContext).length > 0) {
-                this.dynamicSections = initializeDynamicSectionsWithUrlContext(this.udpForm, this.currentValues, this.urlContext);
-                const seeded = applyUrlSeedValuesForAll(this.dynamicSections, this.urlContext);
-                if (seeded) {
-                    this.currentValues = seeded;
-                    this.udpFormSubmission.data.submissionResponseData = Object.assign({}, seeded);
-                }
-            }
-            else {
-                this.dynamicSections = initializeDynamicSections(this.udpForm, this.currentValues);
-            }
-            // 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;
-        }
-    }
-    async handleSubmit(values) {
-        this.isLoading = true;
-        try {
-            await this.formSubmissionHandler.finalizeFormSubmissionState(values, this.udpFormSubmission);
-            await this.refreshSubmissionAndSyncState();
-            this.submitSuccessful = true;
-        }
-        catch (error) {
-            enqueueSnackbarError('There was an error submitting this form', this.enqueueSnackbar);
-            throw error;
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async handleQuestionCommentLiveCRUD(e) {
-        var _a, _b, _c, _d, _e, _f;
-        if (this.isPublic && !this.publicFeatures.allowComments)
-            return;
-        try {
-            const { type, questionIdentifierKey, commentId } = e.detail;
-            const result = applyQuestionCommentCrud({
-                actionType: type,
-                questionIdentifierKey,
-                commentId,
-                currentSubmissionResponseData: this.udpFormSubmission.data.submissionResponseData || {},
-                clientUserInfo: this.clientUserInfo,
-            });
-            const newCurrentValues = result.nextSubmissionResponseData;
-            // keep submission state in sync
-            this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newCurrentValues);
-            // Edit-ish actions are UI-only (open/close draft editor). They must update currentValues
-            // even though they don't persist.
-            if (type === 'edit' || type === 'editClose' || type === 'add') {
-                this.currentValues = Object.assign({}, newCurrentValues);
-            }
-            // if it's a save or delete action, persist immediately
-            if (result.shouldPersist) {
-                const submissionIsSubmitted = ((_a = this.udpFormSubmission) === null || _a === void 0 ? void 0 : _a.status) === UdpFormsSubmissionStatusEnum.Submitted;
-                const submissionIsOwnedByCurrentUser = ((_b = this.udpFormSubmission) === null || _b === void 0 ? void 0 : _b.unityUserId) === this.clientUserInfo.id;
-                // Detect whether this save is updating an existing saved comment vs creating a new one.
-                // IMPORTANT: check against the *previous* persisted state (before applyQuestionCommentCrud),
-                // because once we apply 'save' locally the comment will exist locally even if it's new.
-                const existingSavedComment = (((_e = (_d = (_c = ((this.currentValues || {}))) === null || _c === void 0 ? void 0 : _c[result.sectionKey]) === null || _d === void 0 ? void 0 : _d[result.questionKey]) === null || _e === void 0 ? void 0 : _e.comments) || [])
-                    .find((c) => (c === null || c === void 0 ? void 0 : c.commentId) === result.commentId && !(c === null || c === void 0 ? void 0 : c.isDeleted));
-                // Use dedicated comment APIs in 2 scenarios:
-                // 1) Once submitted (public+private) to avoid overwriting submission data.
-                // 2) When viewed by a non-owner (read-only mode), since they can't save the whole submission.
-                if (submissionIsSubmitted || !submissionIsOwnedByCurrentUser) {
-                    if (!((_f = this.udpFormSubmission) === null || _f === void 0 ? void 0 : _f.id)) {
-                        // can't persist without an ID; keep local only
-                        this.currentValues = Object.assign({}, newCurrentValues);
-                    }
-                    else if (type === 'save') {
-                        const valueToPersist = result.valueToPersist;
-                        if (valueToPersist) {
-                            try {
-                                // If this comment already exists, update it; otherwise add it.
-                                if (existingSavedComment) {
-                                    await this.formSubmissionHandler.updateComment(this.udpFormSubmission, {
-                                        sectionKey: result.sectionKey,
-                                        questionKey: result.questionKey,
-                                        value: valueToPersist,
-                                        commentId: result.commentId,
-                                    });
-                                }
-                                else {
-                                    await this.formSubmissionHandler.addComment(this.udpFormSubmission, {
-                                        sectionKey: result.sectionKey,
-                                        questionKey: result.questionKey,
-                                        value: valueToPersist,
-                                        commentId: result.commentId,
-                                    });
-                                }
-                                await this.refreshSubmissionAndSyncState();
-                                enqueueSnackbarSuccess(existingSavedComment ? 'Comment updated.' : 'Comment added.', this.enqueueSnackbar);
-                            }
-                            catch (error) {
-                                enqueueSnackbarError(existingSavedComment ? 'Failed to update comment.' : 'Failed to add comment.', this.enqueueSnackbar);
-                                throw error;
-                            }
-                        }
-                    }
-                    else if (type === 'delete') {
-                        try {
-                            await this.formSubmissionHandler.deleteComment(this.udpFormSubmission, {
-                                sectionKey: result.sectionKey,
-                                questionKey: result.questionKey,
-                                commentId: result.commentId,
-                            });
-                            await this.refreshSubmissionAndSyncState();
-                            enqueueSnackbarSuccess('Comment deleted.', this.enqueueSnackbar);
-                        }
-                        catch (error) {
-                            enqueueSnackbarError('Failed to delete comment.', this.enqueueSnackbar);
-                            throw error;
-                        }
-                    }
-                }
-                else {
-                    // Not submitted yet:
-                    // - public: persist nothing beyond local state (submission is created on submit)
-                    // - private + owner: comment edits are persisted via standard submission save
-                    if (this.isPublic) {
-                        this.currentValues = Object.assign({}, newCurrentValues);
-                    }
-                    else {
-                        await this.handleManualSave(newCurrentValues);
-                    }
-                }
-            }
-            else {
-                // Non-persisting actions update UI state only
-                this.currentValues = Object.assign({}, newCurrentValues);
-            }
-        }
-        catch (error) {
-            console.error('Error handling live comment CRUD:', error);
-        }
-        finally {
-            this.triggerFormRerender();
-        }
-    }
-    async loadFollowUpForms(sectionKey, questionKey) {
-        var _a;
-        this.isLoading = true;
-        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);
-        }
-        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() {
-        if (this.isPublic)
-            return null;
-        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() {
-        if (this.isPublic)
-            return false; // cannot save a form in public mode. can only submit. 
-        // NOTE: repeatable section add/delete sets hasUnsavedChanges=true, but udp-forms-ui likely
-        // also emits a formDirtyChange event that can override the value back to false.
-        // Keep the save icon sticky once we've detected any unsaved change.
-        const showSaveIcon = !!this.clientUserInfo.id && (this.hasUnsavedChanges);
-        return showSaveIcon;
-    }
-    ;
-    get isReadOnlyMode() {
-        return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
-    }
-    render() {
-        return (h("div", { key: '37ec47fc7f3ecec70ba7ca3e12717789285be5d8', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, currentValues: this.currentValues, 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, 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; }
-}, [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],
-        "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]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["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"];
-    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$C();
-            }
-            break;
-        case "file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "form-metadata-display":
-            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 I}from"./selectable-list2.js";import{d as F}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 P}from"./udp-ambient-tool-tip2.js";import{d as K}from"./udp-badge2.js";import{d as T}from"./udp-button2.js";import{d as A}from"./udp-container2.js";import{d as L}from"./udp-date-selector2.js";import{d as R}from"./udp-datetime-selector2.js";import{d as _}from"./udp-forms-ui2.js";import{d as M}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 H}from"./udp-question-comments2.js";import{d as G}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,s){this.accessMode=t,this.tenantId=s}get extraHeaders(){if("public"===this.accessMode&&this.tenantId)return{currentTenantId:this.tenantId+""}}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,this.extraHeaders)}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,this.extraHeaders)}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,this.extraHeaders);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,this.extraHeaders);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,e){return new et(t?"public":"private",null!=e?e:void 0)}}class ot{constructor(t,s=!1){this.tenantId=t,this.isPublic=s}buildDescribeUrl(t,s){const e=b.productV1ApiUrl,i="number"==typeof s?"/"+s:"";return this.isPublic?`${e}/UdpForm/${t}${i}/describe/public`:`${e}/UdpForm/${t}${i}/describe`}async getFormByFormIdAndFormVersion(t,s){const e=this.buildDescribeUrl(t,s),i=this.isPublic&&this.tenantId?{currentTenantId:this.tenantId+""}:void 0,o=await h("GET",e,void 0,!1,i);return o.styleOverrides&&"string"==typeof o.styleOverrides&&(o.styleOverrides=JSON.parse(o.styleOverrides)),o}}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){const t=new URLSearchParams(window.location.search).get("udpf_currentTenantId");if(!t)throw Error("Public form renderer requires currentTenantId in the URL query string.");this.tenantId=t}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.tenantId),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,this.isPublic);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:"f53b65027554505a1301ab98379035e0316735dc",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],urlTenantId:[1,"url-tenant-id"],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))||I();break;case"signature-input":customElements.get(i(t))||F();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))||P();break;case"udp-badge":customElements.get(i(t))||K();break;case"udp-button":customElements.get(i(t))||T();break;case"udp-container":customElements.get(i(t))||A();break;case"udp-date-selector":customElements.get(i(t))||L();break;case"udp-datetime-selector":customElements.get(i(t))||R();break;case"udp-forms-ui":customElements.get(i(t))||_();break;case"udp-icon":customElements.get(i(t))||M();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))||H();break;case"udp-save-draft-button":customElements.get(i(t))||G();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}