udp-stencil-component-library 25.18.2-beta.4 → 25.18.2-beta.5

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { throttle } from 'lodash';
-import { U as UdpFormsFieldTypeEnum, b as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums.js';
 import { g as getCurrentTenantId } from './tenantUtils.js';
 import { f as fetchLatestForms } from './udp-form-api-utils.js';
-import { b as buildEmptyInitialValues } from './utils.js';
+import { c as UdpFormsSubmissionStatusEnum, U as UdpFormsFieldTypeEnum, b as UdpFormsPageIdEnum, 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';
@@ -145,15 +145,13 @@ class UdpFormSubmission {
     // Form Data Processing
     // =============================
     processSubmissionIntoFormDataWithoutValues(status) {
-        const statusValue = this.resolveSubmissionStatus(status);
-        const baseData = this.buildBaseSubmissionData(statusValue);
+        const baseData = this.buildBaseSubmissionData(status);
         const formData = createFormData(baseData);
         formData.append('Data', JSON.stringify(this.data));
         return formData;
     }
     processSubmissionIntoFormData(formInputValuesAndMetadata, status) {
-        const statusValue = this.resolveSubmissionStatus(status);
-        const baseData = this.buildBaseSubmissionData(statusValue);
+        const baseData = this.buildBaseSubmissionData(status);
         const { cleanedData, files } = this.extractCleanedDataAndFiles(formInputValuesAndMetadata);
         const formData = createFormData(baseData);
         files.forEach(file => formData.append('FormFiles', file));
@@ -164,18 +162,11 @@ class UdpFormSubmission {
         formData.append('Data', JSON.stringify(submissionDataObject));
         return formData;
     }
-    resolveSubmissionStatus(status) {
-        if (status === 'submitted')
-            return 2;
-        if (status === 'in-progress')
-            return 1;
-        return typeof status === 'number' ? status : 1;
-    }
     buildBaseSubmissionData(statusValue) {
         const baseData = {
             FormId: this.formId,
             FormVersion: this.formVersion.toString(),
-            Status: statusValue.toString(),
+            Status: statusValue,
         };
         if (this.id) {
             baseData.Id = this.id;
@@ -372,7 +363,7 @@ class PrivateFormSubmissionHandler {
      * @returns newly created UdpFormSubmission
      */
     async createNewLinkedFollowUpFormSubmission(udpFormSubmission) {
-        const formData = await this.saveFormDataWithoutValues(udpFormSubmission, 'in-progress');
+        const formData = await this.saveFormDataWithoutValues(udpFormSubmission, UdpFormsSubmissionStatusEnum.InProgress);
         return formData;
     }
     /**
@@ -426,7 +417,7 @@ class PrivateFormSubmissionHandler {
      * @returns updated UdpFormSubmission
      */
     async saveCurrentFormSubmissionState(values, udpFormSubmission) {
-        return this.saveSubmissionToDB(values, udpFormSubmission, 'in-progress');
+        return this.saveSubmissionToDB(values, udpFormSubmission, UdpFormsSubmissionStatusEnum.InProgress);
     }
     /**
      * Finalize and submit the form (set state to 'submitted').
@@ -438,7 +429,7 @@ class PrivateFormSubmissionHandler {
      * @returns updated UdpFormSubmission
      */
     async finalizeFormSubmissionState(values, udpFormSubmission) {
-        return this.saveSubmissionToDB(values, udpFormSubmission, 'submitted');
+        return this.saveSubmissionToDB(values, udpFormSubmission, UdpFormsSubmissionStatusEnum.Submitted);
     }
     // =============================
     // Helpers
@@ -498,9 +489,10 @@ class PrivateFormSubmissionHandler {
      * @returns updated UdpFormSubmission
      */
     async saveCommentsToDB(values, udpFormSubmission) {
+        var _a;
         try {
             const method = 'PUT';
-            const status = udpFormSubmission.status || 2; // default to 'submitted' if status is null
+            const status = (_a = udpFormSubmission.status) !== null && _a !== void 0 ? _a : UdpFormsSubmissionStatusEnum.Submitted;
             const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}`;
             const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
             const response = await makeApiCall(method, url, formData, true);
@@ -566,6 +558,200 @@ class UdpForm {
     }
 }
 
+// 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 UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRenderer extends H {
     constructor(registerHost) {
         super();
@@ -575,9 +761,10 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         this.__attachShadow();
         this.isPublic = false;
         this.autoSaveDelay = 2000; // Debounce delay for auto-save in milliseconds (currently disabled)
-        this.initialValues = {};
+        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.formInputSeedValues = {}; // support for a initial set of values to seed the form with
         this.submitSuccessful = false;
-        this.currentFormData = {};
         this.isLoading = false;
         this.isSaving = false;
         this.isSubmitted = false;
@@ -632,7 +819,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                     return;
                 const cloningSectionName = sectionToClone.name;
                 // Find existing repeat group indices
-                const repeatKeys = this.findRepeatGroupKeys(cloningSectionName, this.initialValues);
+                const repeatKeys = findRepeatGroupKeys(cloningSectionName, this.currentValues);
                 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);
@@ -657,13 +844,13 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                     ...this.dynamicSections.slice(insertAtIndex + 1),
                 ];
                 // Create new initial values structure
-                const newInitialValues = structuredClone(this.udpFormSubmission.data.submissionResponseData);
+                const newCurrentValues = structuredClone(this.udpFormSubmission.data.submissionResponseData);
                 clonedSection.formQuestions.forEach(q => {
                     var _a, _b, _c, _d;
                     const newSectionNameWithSuffix = `${cloningSectionName}_${nextRepeatIndex}`;
                     const newQuestionName = q.name;
-                    if (!newInitialValues[newSectionNameWithSuffix]) {
-                        newInitialValues[newSectionNameWithSuffix] = {};
+                    if (!newCurrentValues[newSectionNameWithSuffix]) {
+                        newCurrentValues[newSectionNameWithSuffix] = {};
                     }
                     // Preserve only Paragraph values from the source section; clear others
                     let value = '';
@@ -685,11 +872,11 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                         const paragraphDefault = (_d = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.paragraphText) !== null && _d !== void 0 ? _d : '';
                         value = sourceVal !== null && sourceVal !== void 0 ? sourceVal : paragraphDefault;
                     }
-                    newInitialValues[newSectionNameWithSuffix][newQuestionName] = { value, comments: [], metadata: {} };
+                    newCurrentValues[newSectionNameWithSuffix][newQuestionName] = { value, comments: [], metadata: {} };
                 });
                 // This will trigger a complete form re-render
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
+                this.currentValues = Object.assign({}, newCurrentValues);
+                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newCurrentValues);
                 this.triggerFormRerender();
             }
             finally {
@@ -713,8 +900,8 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                 const deleteSectionName = sectionToDelete.name;
                 const deleteSuffix = sectionToDelete.sectionPositionSuffix;
                 const sectionKeyToDelete = `${deleteSectionName}_${deleteSuffix}`;
-                const newInitialValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
-                delete newInitialValues[sectionKeyToDelete];
+                const newCurrentValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
+                delete newCurrentValues[sectionKeyToDelete];
                 // Remove the section from dynamicSections
                 const updatedSections = structuredClone(this.dynamicSections);
                 updatedSections.splice(index, 1);
@@ -738,14 +925,14 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                         return newSectionQuestion;
                     });
                     // Move data in initial values
-                    if (newInitialValues[oldSectionKey]) {
-                        newInitialValues[newSectionKey] = structuredClone(newInitialValues[oldSectionKey]);
-                        delete newInitialValues[oldSectionKey];
+                    if (newCurrentValues[oldSectionKey]) {
+                        newCurrentValues[newSectionKey] = structuredClone(newCurrentValues[oldSectionKey]);
+                        delete newCurrentValues[oldSectionKey];
                     }
                 });
                 this.dynamicSections = updatedSections;
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
+                this.currentValues = Object.assign({}, newCurrentValues);
+                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newCurrentValues);
                 this.triggerFormRerender();
             }
             finally {
@@ -763,7 +950,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             try {
                 const updatedUdpFormSubmission = await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
                 this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
+                this.currentValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
                 if (!new URLSearchParams(window.location.search).has('udpf_submissionId')) {
                     // replace the current entry's query string with udpf_submissionId without needing to know the path
                     this.replaceUrlWithSubmissionId(updatedUdpFormSubmission.id);
@@ -788,7 +975,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             try {
                 const updatedUdpFormSubmission = await this.formSubmissionHandler.saveFormSubmissionComments(values, this.udpFormSubmission);
                 this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
+                this.currentValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
                 this.enqueueSnackbar('Saved sucessfully.', {
                     variant: 'success',
                     anchorOrigin: { vertical: 'top', horizontal: 'center' },
@@ -820,7 +1007,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             try {
                 const updatedUdpFormSubmission = await this.formSubmissionHandler.saveCurrentFormSubmissionState(values, this.udpFormSubmission);
                 this.udpFormSubmission = updatedUdpFormSubmission;
-                this.initialValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
+                this.currentValues = Object.assign({}, (((_a = updatedUdpFormSubmission.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) || {}));
                 if (!new URLSearchParams(window.location.search).has('udpf_submissionId')) {
                     // replace the current entry's query string with udpf_submissionId without needing to know the path
                     this.replaceUrlWithSubmissionId(updatedUdpFormSubmission.id);
@@ -870,7 +1057,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             // create a new follow up form submission instance wiht a link to the parent form submission
             const followUpMasterForm = await this.formHandler.getFormByFormIdAndFormVersion(followUpFormId, followUpFormVersion);
             const followUpSubmissionData = {
-                submissionResponseData: buildEmptyInitialValues(followUpMasterForm),
+                submissionResponseData: buildEmptyCurrentValues(followUpMasterForm),
                 submissionMetadata: {
                     ParentSubmission: {
                         submissionId: parentFormSubmissionId,
@@ -923,7 +1110,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                 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.generic1, generic2: this.generic2, generic3: this.generic3 });
+            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) {
@@ -943,18 +1130,29 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             this.formHandler = new UdpFormHandler(this.tenantId);
             const formData = await this.formHandler.getFormByFormIdAndFormVersion(formId, formVersion);
             this.udpForm = new UdpForm(formData);
-            this.initialValues = buildEmptyInitialValues(this.udpForm);
+            this.currentValues = buildEmptyCurrentValues(this.udpForm);
             // if there's existing data, update the form's state
             if (this.udpFormSubmission.data.submissionResponseData) {
-                this.initialValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
-                if (this.udpFormSubmission.status === 2 || this.udpFormSubmission.status === 'submitted') {
+                this.currentValues = Object.assign({}, this.udpFormSubmission.data.submissionResponseData);
+                if (this.udpFormSubmission.status === UdpFormsSubmissionStatusEnum.Submitted) {
                     this.isSubmitted = true;
                 }
             }
-            this.initializeDynamicSections(); // process the master form into dynamic sections 
-            // After sections/questions are prepared, seed initial values from URL for ALL questions,
-            // with saved values taking precedence, and paragraph defaults as a fallback.
-            this.applyUrlInitialValuesForAll();
+            // 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);
@@ -971,136 +1169,6 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             this.isLoading = false;
         }
     }
-    // build dynamic sections based on the
-    initializeDynamicSections() {
-        var _a;
-        const tempDynamicSection = [];
-        const sortedSections = structuredClone(this.udpForm.udpFormUdpFormSection).sort((a, b) => a.order - b.order);
-        for (const section of sortedSections) {
-            section.sectionProperties = JSON.parse(section.sectionProperties || {});
-            const repeatGroupKeys = this.findRepeatGroupKeys(section.name, this.initialValues);
-            section.isOriginalSection = true;
-            section.sectionPositionSuffix = 1; // default position
-            // always add the original section into dynamic sections
-            tempDynamicSection.push(Object.assign(Object.assign({}, structuredClone(section)), {
-                // dynamicSectionName: section.name,
-                formQuestions: structuredClone(this.udpForm.formQuestions)
-                    .filter(q => q.formSectionId === section.id)
-                    .sort((a, b) => a.questionOrder - b.questionOrder)
-                    .map(q => (Object.assign(Object.assign({}, q), { questionIdentifierKey: `${section.name}.${q.name}`, isShowCommentInput: true })))
-            }));
-            // create then add additional sections if there are repeated sections
-            if (((_a = section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) && repeatGroupKeys.length > 0) {
-                const maxRepeatedSectionSuffix = Math.max(...repeatGroupKeys); // create a new section for the max value of repeat group keys, even if there are no saved answers
-                // for (const repeatKey of repeatGroupKeys) { // create a section only for the suffix saved
-                for (let repeatKey = 2; repeatKey <= maxRepeatedSectionSuffix; repeatKey++) {
-                    const clonedSection = Object.assign(Object.assign({}, structuredClone(section)), { formQuestions: structuredClone(this.udpForm.formQuestions)
-                            .filter(q => q.formSectionId === section.id)
-                            .sort((a, b) => a.questionOrder - b.questionOrder)
-                            .map(q => (Object.assign(Object.assign({}, q), { questionIdentifierKey: `${section.name}_${repeatKey}.${q.name}`, isShowCommentInput: true }))), isOriginalSection: false, sectionPositionSuffix: repeatKey });
-                    tempDynamicSection.push(clonedSection);
-                }
-            }
-        }
-        this.dynamicSections = tempDynamicSection;
-    }
-    findRepeatGroupKeys(sectionName, values) {
-        const keys = Object.keys(values);
-        const repeatGroupSet = new Set();
-        // Match: sectionName_2
-        const regex = new RegExp(`^${sectionName}_(\\d+)`);
-        keys.forEach(key => {
-            const match = key.match(regex);
-            if (match && match[1]) {
-                repeatGroupSet.add(Number(match[1]));
-            }
-        });
-        return Array.from(repeatGroupSet).sort((a, b) => a - b);
-    }
-    // Build initial values from URL for ALL fields, but do NOT override saved values.
-    // For Paragraph, also fall back to the builder's default text when nothing else provided.
-    applyUrlInitialValuesForAll() {
-        if (!Array.isArray(this.dynamicSections))
-            return;
-        const urlParams = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : null;
-        // 1) Collect URL values into nested structure: { [sectionKey]: { [questionName]: { value, comments: [] } } }
-        const urlValuesNested = {};
-        if (urlParams) {
-            this.dynamicSections.forEach(section => {
-                const sectionKey = section.isOriginalSection
-                    ? section.name
-                    : `${section.name}_${section.sectionPositionSuffix}`;
-                (section.formQuestions || []).forEach(q => {
-                    if (!q)
-                        return;
-                    const candidates = [q.processedSubmissionName, q.questionIdentifierKey, q.name].filter(Boolean);
-                    let urlVal = null;
-                    for (const c of candidates) {
-                        urlVal = urlParams.get(c);
-                        if (urlVal !== null)
-                            break;
-                    }
-                    if (urlVal !== null) {
-                        if (!urlValuesNested[sectionKey])
-                            urlValuesNested[sectionKey] = {};
-                        urlValuesNested[sectionKey][q.name] = { value: urlVal, comments: [] };
-                    }
-                });
-            });
-        }
-        // 2) Merge with saved values (this.initialValues) taking precedence
-        const merged = structuredClone(this.initialValues) || {};
-        Object.entries(urlValuesNested).forEach(([sectionKey, qMap]) => {
-            if (!merged[sectionKey])
-                merged[sectionKey] = {};
-            Object.entries(qMap).forEach(([qName, valObj]) => {
-                const existing = merged[sectionKey][qName];
-                // Only set from URL if no saved value exists (null/undefined/empty-string)
-                const isMissing = existing == null ||
-                    existing.value == null ||
-                    (typeof existing.value === 'string' && existing.value.trim() === '');
-                if (isMissing) {
-                    merged[sectionKey][qName] = valObj;
-                }
-            });
-        });
-        // 3) Paragraph defaults: if still undefined/null, use fieldProperties.paragraphText
-        this.dynamicSections.forEach(section => {
-            const sectionKey = section.isOriginalSection
-                ? section.name
-                : `${section.name}_${section.sectionPositionSuffix}`;
-            if (!merged[sectionKey])
-                merged[sectionKey] = {};
-            (section.formQuestions || []).forEach(q => {
-                var _a;
-                if (!q)
-                    return;
-                if (q.fieldTypeId === UdpFormsFieldTypeEnum.Paragraph) {
-                    const existing = merged[sectionKey][q.name];
-                    const isMissing = existing == null ||
-                        existing.value == null ||
-                        (typeof existing.value === 'string' && existing.value.trim() === '');
-                    if (isMissing) {
-                        let fieldProps = q === null || q === void 0 ? void 0 : q.fieldProperties;
-                        if (typeof fieldProps === 'string') {
-                            try {
-                                fieldProps = JSON.parse(fieldProps || '{}');
-                            }
-                            catch (_b) {
-                                fieldProps = {};
-                            }
-                        }
-                        merged[sectionKey][q.name] = {
-                            value: (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.paragraphText) !== null && _a !== void 0 ? _a : '',
-                            comments: [],
-                        };
-                    }
-                }
-            });
-        });
-        this.initialValues = merged;
-        this.udpFormSubmission.data.submissionResponseData = Object.assign({}, merged);
-    }
     async handleSubmit(values) {
         this.isLoading = true;
         try {
@@ -1157,13 +1225,13 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         try {
             const { type, questionIdentifierKey, commentId } = e.detail;
             const [sectionName, questionName] = questionIdentifierKey.split('.');
-            let newInitialValues = structuredClone(this.udpFormSubmission.data.submissionResponseData || {});
+            let newCurrentValues = structuredClone(this.udpFormSubmission.data.submissionResponseData || {});
             // ensure structure exists WITHOUT overwriting existing data
-            if (!newInitialValues[sectionName])
-                newInitialValues[sectionName] = {};
-            if (!newInitialValues[sectionName][questionName]) {
+            if (!newCurrentValues[sectionName])
+                newCurrentValues[sectionName] = {};
+            if (!newCurrentValues[sectionName][questionName]) {
                 // create defaults but do not clobber any existing saved shape from submissionResponseData
-                newInitialValues[sectionName][questionName] = {
+                newCurrentValues[sectionName][questionName] = {
                     value: '',
                     comments: [],
                     draftComments: [],
@@ -1172,20 +1240,20 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             }
             else {
                 // ensure arrays/objects exist so later code can safely push/filter
-                newInitialValues[sectionName][questionName].comments = (_a = newInitialValues[sectionName][questionName].comments) !== null && _a !== void 0 ? _a : [];
-                newInitialValues[sectionName][questionName].draftComments = (_b = newInitialValues[sectionName][questionName].draftComments) !== null && _b !== void 0 ? _b : [];
-                newInitialValues[sectionName][questionName].metadata = (_c = newInitialValues[sectionName][questionName].metadata) !== null && _c !== void 0 ? _c : {};
+                newCurrentValues[sectionName][questionName].comments = (_a = newCurrentValues[sectionName][questionName].comments) !== null && _a !== void 0 ? _a : [];
+                newCurrentValues[sectionName][questionName].draftComments = (_b = newCurrentValues[sectionName][questionName].draftComments) !== null && _b !== void 0 ? _b : [];
+                newCurrentValues[sectionName][questionName].metadata = (_c = newCurrentValues[sectionName][questionName].metadata) !== null && _c !== void 0 ? _c : {};
             }
             // normalize draftComments to array if needed (back-compat)
-            const maybeDraft = newInitialValues[sectionName][questionName].draftComments;
+            const maybeDraft = newCurrentValues[sectionName][questionName].draftComments;
             if (maybeDraft && !Array.isArray(maybeDraft)) {
-                newInitialValues[sectionName][questionName].draftComments = [maybeDraft];
+                newCurrentValues[sectionName][questionName].draftComments = [maybeDraft];
             }
             else if (!maybeDraft) {
-                newInitialValues[sectionName][questionName].draftComments = [];
+                newCurrentValues[sectionName][questionName].draftComments = [];
             }
-            const commentsArr = newInitialValues[sectionName][questionName].comments || [];
-            const draftsArr = newInitialValues[sectionName][questionName].draftComments || [];
+            const commentsArr = newCurrentValues[sectionName][questionName].comments || [];
+            const draftsArr = newCurrentValues[sectionName][questionName].draftComments || [];
             switch (type) {
                 case 'add': {
                     const newDraft = {
@@ -1195,7 +1263,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                         timestamp: null,
                     };
                     // put new draft first so activeDraft === draftComments[0] matches UX
-                    newInitialValues[sectionName][questionName].draftComments = [newDraft, ...draftsArr];
+                    newCurrentValues[sectionName][questionName].draftComments = [newDraft, ...draftsArr];
                     break;
                 }
                 case 'save': {
@@ -1211,13 +1279,13 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                     if (existingIdx !== -1) {
                         const newComments = [...commentsArr];
                         newComments[existingIdx] = Object.assign({}, savedComment);
-                        newInitialValues[sectionName][questionName].comments = newComments;
+                        newCurrentValues[sectionName][questionName].comments = newComments;
                     }
                     else {
-                        newInitialValues[sectionName][questionName].comments = [...commentsArr, savedComment];
+                        newCurrentValues[sectionName][questionName].comments = [...commentsArr, savedComment];
                     }
                     // remove that draft
-                    newInitialValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
+                    newCurrentValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
                     break;
                 }
                 case 'edit': {
@@ -1227,13 +1295,13 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                         return;
                     const draftFromSaved = Object.assign(Object.assign({}, saved), { isDraftComment: true, timestamp: null });
                     // Add this draft at the front; keep saved comment intact so content doesn't disappear.
-                    newInitialValues[sectionName][questionName].draftComments = [draftFromSaved, ...draftsArr];
-                    newInitialValues[sectionName][questionName].comments = commentsArr;
+                    newCurrentValues[sectionName][questionName].draftComments = [draftFromSaved, ...draftsArr];
+                    newCurrentValues[sectionName][questionName].comments = commentsArr;
                     break;
                 }
                 case 'delete': {
                     // mark the comment as deleted and clear its value, then persist.
-                    newInitialValues[sectionName][questionName].comments = commentsArr.map(c => {
+                    newCurrentValues[sectionName][questionName].comments = commentsArr.map(c => {
                         if (c.commentId === commentId) {
                             return Object.assign(Object.assign({}, c), { isDeleted: true, value: '', editedTimestamp: new Date().toISOString() });
                         }
@@ -1243,18 +1311,18 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                 }
                 case 'editClose': {
                     // Cancel edit: remove the draft only, do NOT restore/alter saved comments.
-                    newInitialValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
+                    newCurrentValues[sectionName][questionName].draftComments = draftsArr.filter(d => d.commentId !== commentId);
                     break;
                 }
             }
             // if it's a save or delete action, persist immediately
             if (type === 'save' || type === 'delete') {
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
-                await this.handleCommmentUpdate(newInitialValues);
+                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newCurrentValues);
+                await this.handleCommmentUpdate(newCurrentValues);
             }
             else {
-                this.initialValues = Object.assign({}, newInitialValues);
-                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newInitialValues);
+                this.currentValues = Object.assign({}, newCurrentValues);
+                this.udpFormSubmission.data.submissionResponseData = Object.assign({}, newCurrentValues);
             }
         }
         catch (error) {
@@ -1309,7 +1377,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (h("div", { key: 'c0adb1a4f78f6ff15ce946b44677820f716e8a86', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
+        return (h("div", { key: 'd073bfa6145e449c59dc722723ac82d09730d885', 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 })));
     }
@@ -1326,12 +1394,10 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         "closeSnackbar": [16],
         "autoSaveDelay": [2, "auto-save-delay"],
         "history": [8],
-        "generic1": [8, "generic-1"],
-        "generic2": [8, "generic-2"],
-        "generic3": [8, "generic-3"],
-        "initialValues": [32],
+        "urlContext": [16],
+        "currentValues": [32],
+        "formInputSeedValues": [32],
         "submitSuccessful": [32],
-        "currentFormData": [32],
         "isLoading": [32],
         "isSaving": [32],
         "isSubmitted": [32],