udp-stencil-component-library 1.0.0

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

@@ -0,0 +1,427 @@
+import { h } from "@stencil/core";
+import { debounce } 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.initialValues = {};
+        this.submitSuccessful = false;
+        this.existingSubmission = null;
+        this.currentFormData = {};
+        this.isSaving = false;
+        this.saveError = null;
+        this.isSubmitted = false;
+        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);
+            }
+        };
+        this.handleFinish = () => {
+            // Trigger any finish actions
+            if (this.triggerAction) {
+                this.triggerAction(null, { action: 'finish' });
+            }
+        };
+    }
+    async componentWillLoad() {
+        this.loading = true;
+        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);
+        if (this.formId && this.version) {
+            await this.loadForm();
+        }
+        this.loading = false;
+    }
+    async loadForm() {
+        try {
+            // Load form structure
+            const formData = await this.formHandler.getForm();
+            this.form = formData;
+            // Try to load existing submission if handler supports it
+            if (this.userId && this.formHandler.loadExistingSubmission) {
+                const existingData = await this.formHandler.loadExistingSubmission();
+                if (existingData) {
+                    this.existingSubmission = existingData;
+                    this.initialValues = existingData.data || {};
+                    // Check if the form is submitted (status 2)
+                    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;
+                    }
+                }
+            }
+        }
+        catch (error) {
+            console.error('Failed to load form:', error);
+        }
+    }
+    async handleSubmit(values) {
+        try {
+            const success = await this.formHandler.submitForm(values);
+            this.submitSuccessful = success;
+        }
+        catch (error) {
+            console.error('Form submission failed:', error);
+            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" })));
+        }
+        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 }));
+    }
+    static get is() { return "udp-forms-renderer"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "formId": {
+                "type": "string",
+                "attribute": "form-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "Guid",
+                    "resolved": "string",
+                    "references": {
+                        "Guid": {
+                            "location": "import",
+                            "path": "src/global/types",
+                            "id": "src/global/types.ts::Guid"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "version": {
+                "type": "number",
+                "attribute": "version",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "triggerAction": {
+                "type": "unknown",
+                "attribute": "trigger-action",
+                "mutable": false,
+                "complexType": {
+                    "original": "(actionId: Guid, params: Object) => void",
+                    "resolved": "(actionId: string, params: Object) => void",
+                    "references": {
+                        "Guid": {
+                            "location": "import",
+                            "path": "src/global/types",
+                            "id": "src/global/types.ts::Guid"
+                        },
+                        "Object": {
+                            "location": "global",
+                            "id": "global::Object"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "isPublic": {
+                "type": "boolean",
+                "attribute": "is-public",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "callbackUrl": {
+                "type": "string",
+                "attribute": "callback-url",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "userId": {
+                "type": "string",
+                "attribute": "user-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "Guid | null",
+                    "resolved": "string",
+                    "references": {
+                        "Guid": {
+                            "location": "import",
+                            "path": "src/global/types",
+                            "id": "src/global/types.ts::Guid"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "autoSaveDelay": {
+                "type": "number",
+                "attribute": "auto-save-delay",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "2000"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "form": {},
+            "initialValues": {},
+            "submitSuccessful": {},
+            "loading": {},
+            "existingSubmission": {},
+            "currentFormData": {},
+            "isSaving": {},
+            "saveError": {},
+            "isSubmitted": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=udp-forms-renderer.js.map

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

@@ -0,0 +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"]}