udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js

@@ -1,12 +1,12 @@
 import { h } from "@stencil/core";
-import { debounce } from "lodash";
+import { throttle } from "lodash";
 import { getCurrentTenantId } from "../../../../../../udp-utilities/tenant/tenantUtils";
 import { FormHandlerFactory } from "./form-handler/FormHandlerFactory";
 export class UdpFormsRenderer {
     constructor() {
         this.isPublic = false;
         this.userId = null; // User ID for authenticated users
-        this.autoSaveDelay = 2000; // Debounce delay for auto-save in milliseconds
+        this.autoSaveDelay = 2000; // Debounce delay for auto-save in milliseconds (currently disabled)
         this.initialValues = {};
         this.submitSuccessful = false;
         this.existingSubmission = null;
@@ -14,13 +14,135 @@ export class UdpFormsRenderer {
         this.isSaving = false;
         this.saveError = null;
         this.isSubmitted = false;
+        this.dynamicSections = [];
+        this.isUpdatingSections = false;
+        this.reRenderKey = 0;
         this.tenantId = getCurrentTenantId();
-        this.handleFormChange = (values) => {
-            // Trigger auto-save if form data has changed
-            if (JSON.stringify(values) !== JSON.stringify(this.currentFormData)) {
-                this.debouncedAutoSave(values);
+        /**
+         * Duplicate a repeatable section
+         */
+        this.duplicateRepeatableSection = (index) => {
+            if (this.isSubmitted || this.isUpdatingSections)
+                return;
+            this.isUpdatingSections = true;
+            this.loading = true;
+            try {
+                const sectionToClone = this.dynamicSections[index];
+                if (!sectionToClone)
+                    return;
+                const cloningSectionName = sectionToClone.name;
+                // Find existing repeat group indices
+                const repeatKeys = this.findRepeatGroupKeys(cloningSectionName, this.initialValues);
+                const nextRepeatIndex = repeatKeys.length > 0 ? Math.max(...repeatKeys) + 1 : 2;
+                const clonedSection = Object.assign(Object.assign({}, structuredClone(sectionToClone)), { formQuestions: sectionToClone.formQuestions.map(q => (Object.assign(Object.assign({}, structuredClone(q)), { processedSubmissionName: `${cloningSectionName}_${nextRepeatIndex}-${q.name}` }))), isOriginalSection: false, sectionPositionSuffix: nextRepeatIndex });
+                // Find the last index of this section group
+                let insertAtIndex = index;
+                for (let i = index + 1; i < this.dynamicSections.length; i++) {
+                    const s = this.dynamicSections[i];
+                    if (s.name === cloningSectionName) {
+                        insertAtIndex = i;
+                    }
+                    else {
+                        break;
+                    }
+                }
+                // Insert after the last repeat of the section group
+                this.dynamicSections = [...this.dynamicSections.slice(0, insertAtIndex + 1), clonedSection, ...this.dynamicSections.slice(insertAtIndex + 1)];
+                // Create new initial values structure
+                const newInitialValues = Object.assign({}, this.currentFormData);
+                clonedSection.formQuestions.forEach(q => {
+                    newInitialValues[q.processedSubmissionName] = null;
+                });
+                // This will trigger a complete form re-render
+                this.initialValues = newInitialValues;
+                this.currentFormData = newInitialValues;
+                this.reRenderKey += 1;
+            }
+            finally {
+                this.isUpdatingSections = false;
+                this.loading = false;
             }
         };
+        /**
+         * 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.loading = true;
+            try {
+                const deleteSectionName = sectionToDelete.name;
+                // Remove the section's initial values\
+                console.log('currentformdata', this.currentFormData);
+                const newInitialValues = Object.assign({}, this.currentFormData);
+                sectionToDelete.formQuestions.forEach(q => {
+                    delete newInitialValues[q.processedSubmissionName];
+                });
+                // Remove the section from dynamicSections
+                const updatedSections = structuredClone(this.dynamicSections);
+                updatedSections.splice(index, 1);
+                let suffixCounter = 2;
+                updatedSections.forEach(section => {
+                    // no need to process unrelated sections or originalSections
+                    if (section.name !== deleteSectionName || section.isOriginalSection) {
+                        return;
+                    }
+                    section.sectionPositionSuffix = suffixCounter;
+                    suffixCounter += 1;
+                    section.formQuestions = section.formQuestions.map(q => {
+                        const newName = `${deleteSectionName}_${section.sectionPositionSuffix}-${q.name}`;
+                        const oldName = q.processedSubmissionName;
+                        // Carry over any existing value
+                        if (newInitialValues[oldName] !== undefined) {
+                            newInitialValues[newName] = newInitialValues[oldName];
+                            delete newInitialValues[oldName];
+                        }
+                        return Object.assign(Object.assign({}, q), { processedSubmissionName: newName });
+                    });
+                });
+                this.dynamicSections = updatedSections;
+                this.initialValues = newInitialValues;
+                this.currentFormData = newInitialValues;
+                this.reRenderKey += 1;
+                console.log('newInitialValues', newInitialValues);
+            }
+            finally {
+                this.isUpdatingSections = false;
+                this.loading = false;
+            }
+        };
+        /**
+         * Manual save function - debounced to 5 seconds
+         */
+        this.handleManualSave = async (values) => {
+            // Only save if handler supports it and user is authenticated
+            if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {
+                return;
+            }
+            this.isSaving = true;
+            this.saveError = null;
+            try {
+                await this.formHandler.saveFormData(values, 'in-progress');
+                this.currentFormData = Object.assign({}, values);
+                console.log('Form saved successfully');
+            }
+            catch (error) {
+                console.error('Manual save failed:', error);
+                this.saveError = 'Failed to save form data';
+            }
+            finally {
+                this.isSaving = false;
+            }
+        };
+        this.handleFormChange = (values) => {
+            if (this.isUpdatingSections)
+                return;
+            this.currentFormData = values;
+        };
         this.handleFinish = () => {
             // Trigger any finish actions
             if (this.triggerAction) {
@@ -30,13 +152,17 @@ export class UdpFormsRenderer {
     }
     async componentWillLoad() {
         this.loading = true;
-        this.formHandler = FormHandlerFactory.create(this.isPublic, this.formId, this.version, this.tenantId, this.userId, this.existingSubmission, (submission) => {
+        this.formHandler = FormHandlerFactory.create(this.isPublic, this.formId, this.version, this.tenantId, this.userId, this.existingSubmission, submission => {
             this.existingSubmission = submission;
         });
-        // Set up debounced auto-save function
-        this.debouncedAutoSave = debounce(async (values) => {
-            await this.handleAutoSave(values);
-        }, this.autoSaveDelay);
+        // 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);
+        // 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 });
         if (this.formId && this.version) {
             await this.loadForm();
         }
@@ -57,19 +183,63 @@ export class UdpFormsRenderer {
                     if (existingData.status === 2) {
                         this.isSubmitted = true;
                     }
-                    // Process file data to convert file references to UdpDriveFile objects
-                    this.initialValues = await this.processInitialValues(this.initialValues);
                     this.currentFormData = Object.assign({}, this.initialValues);
                     if (existingData.status === 2 || existingData.status === 'submitted') {
                         this.isSubmitted = true;
                     }
                 }
             }
+            this.initializeDynamicSections();
         }
         catch (error) {
             console.error('Failed to load form:', error);
         }
     }
+    // build dynamic sections based on the
+    initializeDynamicSections() {
+        var _a;
+        const tempDynamicSection = [];
+        const sortedSections = structuredClone(this.form.udpFormUdpFormSection).sort((a, b) => a.order - b.order);
+        for (const section of sortedSections) {
+            section.name = `section${section.order}`; // THIS LINE WILL NOT BE NECESSARY SOON AFTER BACKEND UPDATE
+            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)), { formQuestions: structuredClone(this.form.formQuestions)
+                    .filter(q => q.formSectionId === section.id)
+                    .sort((a, b) => a.questionOrder - b.questionOrder)
+                    .map(q => (Object.assign(Object.assign({}, q), { processedSubmissionName: `${section.name}-${q.name}` }))) }));
+            // 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.form.formQuestions)
+                            .filter(q => q.formSectionId === section.id)
+                            .sort((a, b) => a.questionOrder - b.questionOrder)
+                            .map(q => (Object.assign(Object.assign({}, q), { processedSubmissionName: `${section.name}_${repeatKey}-${q.name}` }))), isOriginalSection: false, sectionPositionSuffix: repeatKey });
+                    tempDynamicSection.push(clonedSection);
+                }
+            }
+        }
+        console.log('tempDynamicSection', tempDynamicSection);
+        this.dynamicSections = tempDynamicSection;
+    }
+    findRepeatGroupKeys(sectionName, values) {
+        const keys = Object.keys(values);
+        const repeatGroupSet = new Set();
+        // Match: sectionName_2-question1
+        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);
+    }
     async handleSubmit(values) {
         try {
             const success = await this.formHandler.submitForm(values);
@@ -80,163 +250,6 @@ export class UdpFormsRenderer {
             throw error;
         }
     }
-    async handleAutoSave(values) {
-        // Only auto-save if handler supports it and user is authenticated
-        if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {
-            return;
-        }
-        this.isSaving = true;
-        this.saveError = null;
-        try {
-            await this.formHandler.saveFormData(values, 'in-progress');
-            this.currentFormData = Object.assign({}, values);
-        }
-        catch (error) {
-            console.error('Auto-save failed:', error);
-            this.saveError = 'Failed to save form data';
-        }
-        finally {
-            this.isSaving = false;
-        }
-    }
-    /**
-     * Process initial values to convert file references to UdpDriveFile objects
-     */
-    async processInitialValues(values) {
-        const processedValues = Object.assign({}, values);
-        for (const [key, value] of Object.entries(values)) {
-            if (typeof value === 'string' && this.isFileReference(value)) {
-                processedValues[key] = await this.parseFileReferences(value);
-            }
-        }
-        return processedValues;
-    }
-    /**
-     * Check if a string value is a file reference (contains | and udp: or b64:)
-     */
-    isFileReference(value) {
-        return typeof value === 'string' && value.includes('|') && (value.includes('udp:') || value.includes('b64:'));
-    }
-    /**
-     * Parse file references from the special format: "filename|udp:driveFileId" or "filename|b64:base64data"
-     */
-    async parseFileReferences(value) {
-        const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);
-        const udpDriveFiles = [];
-        for (const reference of references) {
-            try {
-                const udpDriveFile = await this.parseFileReference(reference);
-                if (udpDriveFile) {
-                    udpDriveFiles.push(udpDriveFile);
-                }
-            }
-            catch (error) {
-                console.error('Error parsing file reference:', reference, error);
-            }
-        }
-        return udpDriveFiles;
-    }
-    /**
-     * Parse a single file reference
-     */
-    async parseFileReference(reference) {
-        const parts = reference.split('|');
-        if (parts.length !== 2) {
-            console.warn('Invalid file reference format:', reference);
-            return null;
-        }
-        const [filename, dataRef] = parts;
-        if (dataRef.startsWith('udp:')) {
-            // Handle UDP Drive file reference
-            const driveFileId = dataRef.substring(4); // Remove 'udp:' prefix
-            return await this.createUdpDriveFileFromId(filename, driveFileId);
-        }
-        else if (dataRef.startsWith('b64:')) {
-            // Handle base64 encoded file
-            const base64Data = dataRef.substring(4); // Remove 'b64:' prefix
-            return this.createUdpDriveFileFromBase64(filename, base64Data);
-        }
-        console.warn('Unknown file reference format:', dataRef);
-        return null;
-    }
-    /**
-     * Create a UdpDriveFile from a drive file ID
-     */
-    async createUdpDriveFileFromId(filename, driveFileId) {
-        // Extract file extension from filename
-        const extension = filename.split('.').pop() || '';
-        // Create a placeholder File object - the actual content will be downloaded when needed
-        const placeholderBlob = new Blob([''], { type: this.getMimeTypeFromExtension(extension) });
-        const file = new File([placeholderBlob], filename, {
-            type: placeholderBlob.type,
-            lastModified: Date.now()
-        });
-        // Create UdpDriveFile by extending the File object
-        const udpDriveFile = file;
-        // Add UDP-specific properties
-        udpDriveFile.driveFileId = driveFileId;
-        udpDriveFile.tenantId = this.tenantId;
-        udpDriveFile.productId = 0; // Will be filled by server
-        udpDriveFile.path = '';
-        udpDriveFile.extension = extension;
-        return udpDriveFile;
-    }
-    /**
-     * Create a UdpDriveFile from base64 data
-     */
-    createUdpDriveFileFromBase64(filename, base64Data) {
-        // Extract file extension from filename
-        const extension = filename.split('.').pop() || '';
-        // Decode base64 data
-        const binaryString = atob(base64Data);
-        const bytes = new Uint8Array(binaryString.length);
-        for (let i = 0; i < binaryString.length; i++) {
-            bytes[i] = binaryString.charCodeAt(i);
-        }
-        const blob = new Blob([bytes], { type: this.getMimeTypeFromExtension(extension) });
-        // Create a UdpDriveFile that extends File
-        const udpDriveFile = new File([blob], filename, {
-            type: blob.type,
-            lastModified: Date.now()
-        });
-        // Add UDP-specific properties
-        udpDriveFile.driveFileId = ''; // No drive file ID for base64 files
-        udpDriveFile.tenantId = this.tenantId;
-        udpDriveFile.productId = 0;
-        udpDriveFile.path = '';
-        udpDriveFile.extension = extension;
-        return udpDriveFile;
-    }
-    /**
-     * Get MIME type from file extension
-     */
-    getMimeTypeFromExtension(extension) {
-        const mimeTypes = {
-            'pdf': 'application/pdf',
-            'doc': 'application/msword',
-            'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-            'xls': 'application/vnd.ms-excel',
-            'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-            'ppt': 'application/vnd.ms-powerpoint',
-            'pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-            'txt': 'text/plain',
-            'csv': 'text/csv',
-            'json': 'application/json',
-            'xml': 'application/xml',
-            'html': 'text/html',
-            'css': 'text/css',
-            'js': 'application/javascript',
-            'png': 'image/png',
-            'jpg': 'image/jpeg',
-            'jpeg': 'image/jpeg',
-            'gif': 'image/gif',
-            'svg': 'image/svg+xml',
-            'zip': 'application/zip',
-            'rar': 'application/x-rar-compressed',
-            '7z': 'application/x-7z-compressed'
-        };
-        return mimeTypes[extension.toLowerCase()] || 'application/octet-stream';
-    }
     render() {
         if (this.loading) {
             return (h("div", { class: "loading-container" }, h("unity-spinner", { size: "medium" })));
@@ -244,7 +257,7 @@ export class UdpFormsRenderer {
         if (!this.form) {
             return (h("div", { class: "error-container" }, h("unity-typography", { variant: "body1" }, "Form not found")));
         }
-        return (h("udp-forms-ui", { form: this.form, initialValues: this.initialValues, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveError: this.saveError, showAutoSaveStatus: this.formHandler.supportsAutoSave() && !!this.userId, readonly: this.isSubmitted, onSubmit: this.handleSubmit.bind(this), onChange: this.handleFormChange, onAction: this.triggerAction, onFinish: this.handleFinish }));
+        return (h("div", { class: "forms-renderer-container" }, h("udp-forms-ui", { form: this.form, initialValues: this.initialValues, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveError: this.saveError, showAutoSaveStatus: this.formHandler.supportsAutoSave() && !!this.userId, readonly: this.isSubmitted, currentFormData: this.currentFormData, handleSubmit: this.handleSubmit.bind(this), handleSave: (values) => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-${this.reRenderKey}` })));
     }
     static get is() { return "udp-forms-renderer"; }
     static get encapsulation() { return "shadow"; }
@@ -419,7 +432,10 @@ export class UdpFormsRenderer {
             "currentFormData": {},
             "isSaving": {},
             "saveError": {},
-            "isSubmitted": {}
+            "isSubmitted": {},
+            "dynamicSections": {},
+            "isUpdatingSections": {},
+            "reRenderKey": {}
         };
     }
     static get elementRef() { return "el"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"udp-forms-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Element, h } from '@stencil/core';\nimport { debounce } from 'lodash';\nimport { Guid, UdpDriveFile } from 'src/global/types';\nimport { UdpForm, UdpFormSubmission } from '../types';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { IFormHandler } from './form-handler/IFormHandler';\nimport { FormHandlerFactory } from './form-handler/FormHandlerFactory';\n\n@Component({\n  tag: 'udp-forms-renderer',\n  shadow: true,\n})\nexport class UdpFormsRenderer {\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() triggerAction: (actionId: Guid, params: Object) => void;\n  @Prop() isPublic: boolean = false;\n  @Prop() callbackUrl: string;\n  @Prop() userId: Guid | null = null; // User ID for authenticated users\n  @Prop() autoSaveDelay: number = 2000; // Debounce delay for auto-save in milliseconds\n  @State() form: UdpForm;\n  @State() initialValues: { [name: string]: any } = {};\n  @State() submitSuccessful: boolean = false;\n  @Element() el: HTMLElement;\n  @State() loading: boolean;\n  @State() existingSubmission: UdpFormSubmission | null = null;\n  @State() currentFormData: { [name: string]: any } = {};\n  @State() isSaving: boolean = false;\n  @State() saveError: string | null = null;\n  @State() isSubmitted: boolean = false;\n\n  private tenantId: Guid = getCurrentTenantId();\n  private debouncedAutoSave: (values: { [name: string]: any }) => void;\n  private formHandler: IFormHandler;\n\n  async componentWillLoad() {\n    this.loading = true;\n    this.formHandler = FormHandlerFactory.create(\n      this.isPublic,\n      this.formId,\n      this.version,\n      this.tenantId,\n      this.userId,\n      this.existingSubmission,\n      (submission) => {\n        this.existingSubmission = submission;\n      }\n    );\n\n    // Set up debounced auto-save function\n    this.debouncedAutoSave = debounce(async (values: { [name: string]: any }) => {\n      await this.handleAutoSave(values);\n    }, this.autoSaveDelay);\n\n    if (this.formId && this.version) {\n      await this.loadForm();\n    }\n    this.loading = false;\n  }\n\n  private async loadForm() {\n    try {\n      // Load form structure\n      const formData = await this.formHandler.getForm();\n      this.form = formData;\n\n      // Try to load existing submission if handler supports it\n      if (this.userId && this.formHandler.loadExistingSubmission) {\n        const existingData = await this.formHandler.loadExistingSubmission();\n        if (existingData) {\n          this.existingSubmission = existingData;\n          this.initialValues = existingData.data || {};\n          // Check if the form is submitted (status 2)\n          if (existingData.status === 2) {\n            this.isSubmitted = true;\n          }\n          // Process file data to convert file references to UdpDriveFile objects\n          this.initialValues = await this.processInitialValues(this.initialValues);\n          this.currentFormData = { ...this.initialValues };\n\n          if (existingData.status === 2 || existingData.status === 'submitted') {\n            this.isSubmitted = true;\n          }\n        }\n      }\n    } catch (error) {\n      console.error('Failed to load form:', error);\n    }\n  }\n\n  private async handleSubmit(values: { [name: string]: any }) {\n    try {\n      const success = await this.formHandler.submitForm(values);\n      this.submitSuccessful = success;\n    } catch (error) {\n      console.error('Form submission failed:', error);\n      throw error;\n    }\n  }\n\n  private async handleAutoSave(values: { [name: string]: any }) {\n    // Only auto-save if handler supports it and user is authenticated\n    if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {\n      return;\n    }\n\n    this.isSaving = true;\n    this.saveError = null;\n\n    try {\n      await this.formHandler.saveFormData(values, 'in-progress');\n      this.currentFormData = { ...values };\n    } catch (error) {\n      console.error('Auto-save failed:', error);\n      this.saveError = 'Failed to save form data';\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n  private handleFormChange = (values: { [name: string]: any }) => {\n    // Trigger auto-save if form data has changed\n    if (JSON.stringify(values) !== JSON.stringify(this.currentFormData)) {\n      this.debouncedAutoSave(values);\n    }\n  };\n\n  /**\n   * Process initial values to convert file references to UdpDriveFile objects\n   */\n  private async processInitialValues(values: { [name: string]: any }): Promise<{ [name: string]: any }> {\n    const processedValues = { ...values };\n\n    for (const [key, value] of Object.entries(values)) {\n      if (typeof value === 'string' && this.isFileReference(value)) {\n        processedValues[key] = await this.parseFileReferences(value);\n      }\n    }\n\n    return processedValues;\n  }\n\n  /**\n   * Check if a string value is a file reference (contains | and udp: or b64:)\n   */\n  private isFileReference(value: string): boolean {\n    return typeof value === 'string' && value.includes('|') && (value.includes('udp:') || value.includes('b64:'));\n  }\n\n  /**\n   * Parse file references from the special format: \"filename|udp:driveFileId\" or \"filename|b64:base64data\"\n   */\n  private async parseFileReferences(value: string): Promise<UdpDriveFile[]> {\n    const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);\n    const udpDriveFiles: UdpDriveFile[] = [];\n\n    for (const reference of references) {\n      try {\n        const udpDriveFile = await this.parseFileReference(reference);\n        if (udpDriveFile) {\n          udpDriveFiles.push(udpDriveFile);\n        }\n      } catch (error) {\n        console.error('Error parsing file reference:', reference, error);\n      }\n    }\n\n    return udpDriveFiles;\n  }\n\n  /**\n   * Parse a single file reference\n   */\n  private async parseFileReference(reference: string): Promise<UdpDriveFile | null> {\n    const parts = reference.split('|');\n    if (parts.length !== 2) {\n      console.warn('Invalid file reference format:', reference);\n      return null;\n    }\n\n    const [filename, dataRef] = parts;\n\n    if (dataRef.startsWith('udp:')) {\n      // Handle UDP Drive file reference\n      const driveFileId = dataRef.substring(4); // Remove 'udp:' prefix\n      return await this.createUdpDriveFileFromId(filename, driveFileId);\n    } else if (dataRef.startsWith('b64:')) {\n      // Handle base64 encoded file\n      const base64Data = dataRef.substring(4); // Remove 'b64:' prefix\n      return this.createUdpDriveFileFromBase64(filename, base64Data);\n    }\n\n    console.warn('Unknown file reference format:', dataRef);\n    return null;\n  }\n\n  /**\n   * Create a UdpDriveFile from a drive file ID\n   */\n  private async createUdpDriveFileFromId(filename: string, driveFileId: string): Promise<UdpDriveFile> {\n    // Extract file extension from filename\n    const extension = filename.split('.').pop() || '';\n\n    // Create a placeholder File object - the actual content will be downloaded when needed\n    const placeholderBlob = new Blob([''], { type: this.getMimeTypeFromExtension(extension) });\n    const file = new File([placeholderBlob], filename, {\n      type: placeholderBlob.type,\n      lastModified: Date.now()\n    });\n\n    // Create UdpDriveFile by extending the File object\n    const udpDriveFile = file as UdpDriveFile;\n\n    // Add UDP-specific properties\n    udpDriveFile.driveFileId = driveFileId as Guid;\n    udpDriveFile.tenantId = this.tenantId;\n    udpDriveFile.productId = 0; // Will be filled by server\n    udpDriveFile.path = '';\n    udpDriveFile.extension = extension;\n\n    return udpDriveFile;\n  }\n\n  /**\n   * Create a UdpDriveFile from base64 data\n   */\n  private createUdpDriveFileFromBase64(filename: string, base64Data: string): UdpDriveFile {\n    // Extract file extension from filename\n    const extension = filename.split('.').pop() || '';\n\n    // Decode base64 data\n    const binaryString = atob(base64Data);\n    const bytes = new Uint8Array(binaryString.length);\n    for (let i = 0; i < binaryString.length; i++) {\n      bytes[i] = binaryString.charCodeAt(i);\n    }\n\n    const blob = new Blob([bytes], { type: this.getMimeTypeFromExtension(extension) });\n\n    // Create a UdpDriveFile that extends File\n    const udpDriveFile: UdpDriveFile = new File([blob], filename, {\n      type: blob.type,\n      lastModified: Date.now()\n    }) as UdpDriveFile;\n\n    // Add UDP-specific properties\n    udpDriveFile.driveFileId = '' as Guid; // No drive file ID for base64 files\n    udpDriveFile.tenantId = this.tenantId;\n    udpDriveFile.productId = 0;\n    udpDriveFile.path = '';\n    udpDriveFile.extension = extension;\n\n    return udpDriveFile;\n  }\n\n  /**\n   * Get MIME type from file extension\n   */\n  private getMimeTypeFromExtension(extension: string): string {\n    const mimeTypes: { [key: string]: string } = {\n      'pdf': 'application/pdf',\n      'doc': 'application/msword',\n      'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n      'xls': 'application/vnd.ms-excel',\n      'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n      'ppt': 'application/vnd.ms-powerpoint',\n      'pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n      'txt': 'text/plain',\n      'csv': 'text/csv',\n      'json': 'application/json',\n      'xml': 'application/xml',\n      'html': 'text/html',\n      'css': 'text/css',\n      'js': 'application/javascript',\n      'png': 'image/png',\n      'jpg': 'image/jpeg',\n      'jpeg': 'image/jpeg',\n      'gif': 'image/gif',\n      'svg': 'image/svg+xml',\n      'zip': 'application/zip',\n      'rar': 'application/x-rar-compressed',\n      '7z': 'application/x-7z-compressed'\n    };\n\n    return mimeTypes[extension.toLowerCase()] || 'application/octet-stream';\n  }\n\n  private handleFinish = () => {\n    // Trigger any finish actions\n    if (this.triggerAction) {\n      this.triggerAction(null as any, { action: 'finish' });\n    }\n  };\n\n  render() {\n    if (this.loading) {\n      return (\n        <div class=\"loading-container\">\n          <unity-spinner size=\"medium\" />\n        </div>\n      );\n    }\n\n    if (!this.form) {\n      return (\n        <div class=\"error-container\">\n          <unity-typography variant=\"body1\">Form not found</unity-typography>\n        </div>\n      );\n    }\n\n    return (\n      <udp-forms-ui\n        form={this.form}\n        initialValues={this.initialValues}\n        submitSuccessful={this.submitSuccessful}\n        isSaving={this.isSaving}\n        saveError={this.saveError}\n        showAutoSaveStatus={this.formHandler.supportsAutoSave() && !!this.userId}\n        readonly={this.isSubmitted}\n        onSubmit={this.handleSubmit.bind(this)}\n        onChange={this.handleFormChange}\n        onAction={this.triggerAction}\n        onFinish={this.handleFinish}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"udp-forms-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Element, h } from '@stencil/core';\nimport { throttle } from 'lodash';\nimport { Guid } from 'src/global/types';\nimport { UdpForm, UdpFormSubmission } from '../types';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { IFormHandler } from './form-handler/IFormHandler';\nimport { FormHandlerFactory } from './form-handler/FormHandlerFactory';\n\n\n@Component({\n  tag: 'udp-forms-renderer',\n  shadow: true,\n})\nexport class UdpFormsRenderer {\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() triggerAction: (actionId: Guid, params: Object) => void;\n  @Prop() isPublic: boolean = false;\n  @Prop() callbackUrl: string;\n  @Prop() userId: Guid | null = null; // User ID for authenticated users\n  @Prop() autoSaveDelay: number = 2000; // Debounce delay for auto-save in milliseconds (currently disabled)\n  @State() form: UdpForm;\n  @State() initialValues: { [name: string]: any } = {};\n  @State() submitSuccessful: boolean = false;\n  @Element() el: HTMLElement;\n  @State() loading: boolean;\n  @State() existingSubmission: UdpFormSubmission | null = null;\n  @State() currentFormData: { [name: string]: any } = {};\n  @State() isSaving: boolean = false;\n  @State() saveError: string | null = null;\n  @State() isSubmitted: boolean = false;\n  @State() dynamicSections: any[] = [];\n  @State() isUpdatingSections: boolean = false;\n  @State() reRenderKey: number = 0;\n\n  private tenantId: Guid = getCurrentTenantId();\n  // private debouncedAutoSave: (values: { [name: string]: any }) => void; // Kept for future use (currently disabled)\n  private debouncedManualSave: (values: { [name: string]: any }) => void; // Debounced manual save (5 seconds)\n  private formHandler: IFormHandler;\n\n  async componentWillLoad() {\n    this.loading = true;\n    this.formHandler = FormHandlerFactory.create(this.isPublic, this.formId, this.version, this.tenantId, this.userId, this.existingSubmission, submission => {\n      this.existingSubmission = submission;\n    });\n\n    // Set up debounced auto-save function (currently disabled)\n    // this.debouncedAutoSave = debounce(async (values: { [name: string]: any }) => {\n    //   // await this.handleAutoSave(values); // Disabled for now\n    // }, this.autoSaveDelay);\n\n    // Set up throttled manual save function (5 seconds) - fires immediately, then throttles\n    this.debouncedManualSave = throttle(async (values: { [name: string]: any }) => {\n      await this.handleManualSave(values);\n    }, 2000, { leading: true, trailing: false });\n\n    if (this.formId && this.version) {\n      await this.loadForm();\n    }\n    this.loading = false;\n  }\n\n  private async loadForm() {\n    try {\n      // Load form structure\n      const formData = await this.formHandler.getForm();\n      this.form = formData;\n\n      // Try to load existing submission if handler supports it\n      if (this.userId && this.formHandler.loadExistingSubmission) {\n        const existingData = await this.formHandler.loadExistingSubmission();\n\n        if (existingData) {\n          this.existingSubmission = existingData;\n          this.initialValues = existingData.data || {};\n          // Check if the form is submitted (status 2)\n          if (existingData.status === 2) {\n            this.isSubmitted = true;\n          }\n          this.currentFormData = { ...this.initialValues };\n\n          if (existingData.status === 2 || existingData.status === 'submitted') {\n            this.isSubmitted = true;\n          }\n        }\n      }\n      this.initializeDynamicSections();\n    } catch (error) {\n      console.error('Failed to load form:', error);\n    }\n  }\n\n  // build dynamic sections based on the\n  private initializeDynamicSections() {\n    const tempDynamicSection: any[] = [];\n    const sortedSections = structuredClone(this.form.udpFormUdpFormSection).sort((a, b) => a.order - b.order);\n\n    for (const section of sortedSections) {\n      section.name = `section${section.order}`; // THIS LINE WILL NOT BE NECESSARY SOON AFTER BACKEND UPDATE\n      section.sectionProperties = JSON.parse(section.sectionProperties || \"{}\");\n      const repeatGroupKeys = this.findRepeatGroupKeys(section.name, this.initialValues);\n      section.isOriginalSection = true;\n      section.sectionPositionSuffix = 1; // default position\n\n      // always add the original section into dynamic sections\n      tempDynamicSection.push({\n        ...structuredClone(section),\n        formQuestions: structuredClone(this.form.formQuestions)\n          .filter(q => q.formSectionId === section.id)\n          .sort((a, b) => a.questionOrder - b.questionOrder)\n          .map(q => ({ ...q, processedSubmissionName: `${section.name}-${q.name}` })),\n      });\n\n      // create then add additional sections if there are repeated sections\n      if (section.sectionProperties?.isRepeatable && repeatGroupKeys.length > 0) {\n        const maxRepeatedSectionSuffix = Math.max(...repeatGroupKeys); // create a new section for the max value of repeat group keys, even if there are no saved answers\n\n        // for (const repeatKey of repeatGroupKeys) { // create a section only for the suffix saved\n        for (let repeatKey = 2; repeatKey <= maxRepeatedSectionSuffix; repeatKey++) {\n          const clonedSection = {\n            ...structuredClone(section),\n            formQuestions: structuredClone(this.form.formQuestions)\n              .filter(q => q.formSectionId === section.id)\n              .sort((a, b) => a.questionOrder - b.questionOrder)\n              .map(q => ({ ...q, processedSubmissionName: `${section.name}_${repeatKey}-${q.name}` })),\n            isOriginalSection: false,\n            sectionPositionSuffix: repeatKey,\n          };\n          tempDynamicSection.push(clonedSection);\n        }\n      }\n    }\n\n    console.log('tempDynamicSection', tempDynamicSection);\n\n    this.dynamicSections = tempDynamicSection;\n  }\n\n  private findRepeatGroupKeys(sectionName: string, values: Object): number[] {\n    const keys = Object.keys(values);\n    const repeatGroupSet = new Set<number>();\n\n    // Match: sectionName_2-question1\n    const regex = new RegExp(`^${sectionName}_(\\\\d+)-`);\n\n    keys.forEach(key => {\n      const match = key.match(regex);\n      if (match && match[1]) {\n        repeatGroupSet.add(Number(match[1]));\n      }\n    });\n\n    return Array.from(repeatGroupSet).sort((a, b) => a - b);\n  }\n\n  /**\n   * Duplicate a repeatable section\n   */\n  private duplicateRepeatableSection = (index: number) => {\n    if (this.isSubmitted || this.isUpdatingSections) return;\n    this.isUpdatingSections = true;\n    this.loading = true;\n\n    try {\n      const sectionToClone = this.dynamicSections[index];\n      if (!sectionToClone) return;\n\n      const cloningSectionName = sectionToClone.name;\n\n      // Find existing repeat group indices\n      const repeatKeys = this.findRepeatGroupKeys(cloningSectionName, this.initialValues);\n      const nextRepeatIndex = repeatKeys.length > 0 ? Math.max(...repeatKeys) + 1 : 2;\n\n      const clonedSection = {\n        ...structuredClone(sectionToClone),\n        formQuestions: sectionToClone.formQuestions.map(q => ({\n          ...structuredClone(q),\n          processedSubmissionName: `${cloningSectionName}_${nextRepeatIndex}-${q.name}`,\n        })),\n        isOriginalSection: false,\n        sectionPositionSuffix: nextRepeatIndex,\n      };\n\n      // Find the last index of this section group\n      let insertAtIndex = index;\n      for (let i = index + 1; i < this.dynamicSections.length; i++) {\n        const s = this.dynamicSections[i];\n        if (s.name === cloningSectionName) {\n          insertAtIndex = i;\n        } else {\n          break;\n        }\n      }\n\n      // Insert after the last repeat of the section group\n      this.dynamicSections = [...this.dynamicSections.slice(0, insertAtIndex + 1), clonedSection, ...this.dynamicSections.slice(insertAtIndex + 1)];\n\n      // Create new initial values structure\n      const newInitialValues = { ...this.currentFormData };\n\n      clonedSection.formQuestions.forEach(q => {\n        newInitialValues[q.processedSubmissionName] = null;\n      });\n\n      // This will trigger a complete form re-render\n      this.initialValues = newInitialValues;\n      this.currentFormData = newInitialValues;\n      this.reRenderKey += 1;\n    } finally {\n      this.isUpdatingSections = false;\n      this.loading = false\n    }\n  };\n\n  /**\n   * Delete a repeatable section\n   */\n  private deleteRepeatableSection = (index: number) => {\n    if (this.isSubmitted) return;\n\n    const sectionToDelete = this.dynamicSections[index];\n    if (!sectionToDelete || sectionToDelete.isOriginalSection) return;\n\n    this.isUpdatingSections = true;\n    this.loading = true;\n\n    try {\n      const deleteSectionName = sectionToDelete.name;\n\n      // Remove the section's initial values\\\n      console.log('currentformdata', this.currentFormData)\n      const newInitialValues = { ...this.currentFormData };\n\n      sectionToDelete.formQuestions.forEach(q => {\n        delete newInitialValues[q.processedSubmissionName];\n      });\n\n      // Remove the section from dynamicSections\n      const updatedSections = structuredClone(this.dynamicSections);\n      updatedSections.splice(index, 1);\n\n      let suffixCounter = 2;\n\n      updatedSections.forEach(section => {\n        // no need to process unrelated sections or originalSections\n        if (section.name !== deleteSectionName || section.isOriginalSection) {\n          return;\n        }\n\n        section.sectionPositionSuffix = suffixCounter;\n        suffixCounter += 1;\n\n        section.formQuestions = section.formQuestions.map(q => {\n          const newName = `${deleteSectionName}_${section.sectionPositionSuffix}-${q.name}`;\n          const oldName = q.processedSubmissionName;\n\n          // Carry over any existing value\n          if (newInitialValues[oldName] !== undefined) {\n            newInitialValues[newName] = newInitialValues[oldName];\n            delete newInitialValues[oldName];\n          }\n\n          return {\n            ...q,\n            processedSubmissionName: newName,\n          };\n        });\n        \n      });\n\n      this.dynamicSections = updatedSections;\n      this.initialValues = newInitialValues;\n      this.currentFormData = newInitialValues;\n      this.reRenderKey += 1;\n\n\n      console.log('newInitialValues', newInitialValues)\n    } finally {\n      this.isUpdatingSections = false;\n      this.loading = false\n    }\n  };\n\n\n  private async handleSubmit(values: { [name: string]: any }) {\n    try {\n      const success = await this.formHandler.submitForm(values);\n      this.submitSuccessful = success;\n    } catch (error) {\n      console.error('Form submission failed:', error);\n      throw error;\n    }\n  }\n\n  /**\n   * Manual save function - debounced to 5 seconds\n   */\n  private handleManualSave = async (values: { [name: string]: any }) => {\n    // Only save if handler supports it and user is authenticated\n    if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {\n      return;\n    }\n\n    this.isSaving = true;\n    this.saveError = null;\n\n    try {\n      await this.formHandler.saveFormData(values, 'in-progress');\n      this.currentFormData = { ...values };\n      console.log('Form saved successfully');\n    } catch (error) {\n      console.error('Manual save failed:', error);\n      this.saveError = 'Failed to save form data';\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n\n  private handleFormChange = (values: { [name: string]: any }) => {\n    if (this.isUpdatingSections) return;\n    this.currentFormData = values;\n  };\n\n\n  private handleFinish = () => {\n    // Trigger any finish actions\n    if (this.triggerAction) {\n      this.triggerAction(null as any, { action: 'finish' });\n    }\n  };\n\n\n  render() {\n    if (this.loading) {\n      return (\n        <div class=\"loading-container\">\n          <unity-spinner size=\"medium\" />\n        </div>\n      );\n    }\n\n    if (!this.form) {\n      return (\n        <div class=\"error-container\">\n          <unity-typography variant=\"body1\">Form not found</unity-typography>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"forms-renderer-container\">\n        <udp-forms-ui\n          form={this.form}\n          initialValues={this.initialValues}\n          submitSuccessful={this.submitSuccessful}\n          isSaving={this.isSaving}\n          saveError={this.saveError}\n          showAutoSaveStatus={this.formHandler.supportsAutoSave() && !!this.userId}\n          readonly={this.isSubmitted}\n          currentFormData={this.currentFormData}\n          handleSubmit={this.handleSubmit.bind(this)}\n          handleSave={(values) => Promise.resolve(this.debouncedManualSave(values))}\n          handleChange={this.handleFormChange}\n          handleAction={this.triggerAction}\n          handleFinish={this.handleFinish}\n          userId={this.userId}\n          isSubmitted={this.isSubmitted}\n          dynamicSections={this.dynamicSections}\n          duplicateRepeatableSection={this.duplicateRepeatableSection}\n          deleteRepeatableSection={this.deleteRepeatableSection}\n          key={`form-${this.reRenderKey}`}\n        />\n      </div>\n    );\n  }\n}\n"]}