udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-utils/repeated-section-utils.js

@@ -0,0 +1,103 @@
+import { findRepeatGroupKeys } from "./utils";
+import { UdpFormsFieldTypeEnum } from "../../udp-forms-utils/enums";
+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 {};
+    }
+};
+export 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 };
+};
+export 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 };
+};

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

@@ -0,0 +1,240 @@
+import { UdpFormsFieldTypeEnum, UdpFormsPageIdEnum } from "../../udp-forms-utils/enums";
+// utility to find repeat group keys from current values
+export 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
+export 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 }
+export 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
+export 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;
+};
+export 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;
+};
+export 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;
+    }
+};
+export const enqueueSnackbarSuccess = (message, enqueueSnackbar) => {
+    enqueueSnackbar === null || enqueueSnackbar === void 0 ? void 0 : enqueueSnackbar(message, {
+        variant: 'success',
+        anchorOrigin: { vertical: 'top', horizontal: 'center' },
+    });
+};
+export const enqueueSnackbarError = (message, enqueueSnackbar) => {
+    enqueueSnackbar === null || enqueueSnackbar === void 0 ? void 0 : enqueueSnackbar(message, {
+        variant: 'error',
+        anchorOrigin: { vertical: 'top', horizontal: 'center' },
+    });
+};