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

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

@@ -8,9 +8,10 @@ import { c as createFormData, m as makeApiCall } from './makeApiCall.js';
 import { S as SearchBuilder, c as SearchOperators } from './SearchBuilder.js';
 import { C as ConfigService } from './configService.js';
 import { v4 } from 'uuid';
-import { d as defineCustomElement$B } from './custom-button2.js';
-import { d as defineCustomElement$A } from './file-upload2.js';
-import { d as defineCustomElement$z } from './fluent-dialog2.js';
+import { d as defineCustomElement$C } from './custom-button2.js';
+import { d as defineCustomElement$B } from './file-upload2.js';
+import { d as defineCustomElement$A } from './fluent-dialog2.js';
+import { d as defineCustomElement$z } from './form-metadata-display2.js';
 import { d as defineCustomElement$y } from './image-upload2.js';
 import { d as defineCustomElement$x } from './numeric-field2.js';
 import { d as defineCustomElement$w } from './selectable-list2.js';
@@ -137,6 +138,7 @@ class UdpFormSubmission {
         this.generic1 = null;
         this.generic2 = null;
         this.generic3 = null;
+        this.userEmail = null;
         Object.assign(this, initialData);
     }
     // =============================
@@ -596,8 +598,12 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
             handleLaunchFollowUpForm: 'handleLaunchFollowUpForm'
         };
         this.tenantId = getCurrentTenantId();
-        this.userId = null;
-        this.userDisplayName = null;
+        // info for the current logged in user on the client side
+        this.clientUserInfo = {
+            id: null,
+            displayName: null,
+            email: null,
+        };
         this.followUpParentSectionKey = ''; // used for follow up forms.
         this.followUpParentQuestionKey = ''; // used for follow up forms.
         this.handleLaunchFollowUpFormSideSheet = async (e) => {
@@ -873,8 +879,8 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                     }
                 }
             };
-            const followUpFormSubmission = new UdpFormSubmission({ formId: followUpFormId, formVersion: followUpFormVersion, unityUserId: this.userId, data: followUpSubmissionData });
-            const followUpFormSubmissionHandler = FormSubmissionHandlerFactory.create(false, this.userId);
+            const followUpFormSubmission = new UdpFormSubmission({ formId: followUpFormId, formVersion: followUpFormVersion, unityUserId: this.clientUserInfo.id, data: followUpSubmissionData });
+            const followUpFormSubmissionHandler = FormSubmissionHandlerFactory.create(false, this.clientUserInfo.id);
             const response = await followUpFormSubmissionHandler.createNewLinkedFollowUpFormSubmission(followUpFormSubmission);
             // update the current form submission state with the follow up form submission id in the metadata
             const itemMetadata = this.udpFormSubmission.data.submissionResponseData[sectionKey][questionKey].metadata;
@@ -909,14 +915,15 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         var _a;
         this.isLoading = true;
         try {
-            // Get user info if available
+            // Get client user info if available
             const user = (_a = this.getUserCallback) === null || _a === void 0 ? void 0 : _a.call(this);
             if (user) {
-                this.userId = user.id || null;
-                this.userDisplayName = user.name || null;
+                this.clientUserInfo.id = user.id || null;
+                this.clientUserInfo.displayName = user.name || null;
+                this.clientUserInfo.email = user.email || null;
             }
-            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.userId);
-            this.udpFormSubmission = new UdpFormSubmission({ id: this.submissionId, formId: this.formId, formVersion: this.version, unityUserId: this.userId, generic1: this.generic1, generic2: this.generic2, generic3: this.generic3 });
+            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.clientUserInfo.id);
+            this.udpFormSubmission = new UdpFormSubmission({ id: this.submissionId, formId: this.formId, formVersion: this.version, unityUserId: this.clientUserInfo.id, generic1: this.generic1, generic2: this.generic2, generic3: this.generic3 });
             // fetch existing submission from Udp.FormSubmission if submissionId is provided 
             // take exisitng object, and populate with db values, and return new obj with updated values
             if (this.submissionId) {
@@ -1198,7 +1205,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
                         return;
                     const draft = draftsArr[draftIdx];
                     const saveTimestamp = draft.timestamp || new Date().toISOString();
-                    const savedComment = Object.assign(Object.assign({}, draft), { timestamp: saveTimestamp, editedTimestamp: new Date().toISOString(), userId: this.userId, userDisplayName: this.userDisplayName, isDraftComment: false });
+                    const savedComment = Object.assign(Object.assign({}, draft), { timestamp: saveTimestamp, editedTimestamp: new Date().toISOString(), userId: this.clientUserInfo.id, userDisplayName: this.clientUserInfo.displayName, isDraftComment: false });
                     // If a saved comment with same id exists, replace it. Otherwise append.
                     const existingIdx = commentsArr.findIndex(c => c.commentId === commentId);
                     if (existingIdx !== -1) {
@@ -1294,20 +1301,17 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
     }
     isShowManualSaveIcon() {
         // return (this.isFormDirty || this.isUserUpdatedSections) && !this.isSubmitted && !!this.userId;
-        const showSaveIcon = (this.isFormDirty || this.isUserUpdatedSections) && !!this.userId;
+        const showSaveIcon = (this.isFormDirty || this.isUserUpdatedSections) && !!this.clientUserInfo.id;
         return showSaveIcon;
     }
     ;
     get isReadOnlyMode() {
-        return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.userId;
-    }
-    get isShowCommentUI() {
-        return this.isSubmitted;
+        return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (h("div", { key: '3413178234aeae9794004a7b1504671052b2b758', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
+        return (h("div", { key: 'c0adb1a4f78f6ff15ce946b44677820f716e8a86', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
-            readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, isCommentAllowed: this.isShowCommentUI, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
+            readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, clientUserInfo: this.clientUserInfo, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
     }
     get el() { return this; }
 }, [257, "udp-forms-renderer", {
@@ -1346,7 +1350,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["udp-forms-renderer", "custom-button", "file-upload", "fluent-dialog", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-ui", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-renderer", "udp-menu-item", "udp-pagination", "udp-pop-over", "udp-question", "udp-question-comments", "udp-save-draft-button", "udp-selector", "udp-side-sheet", "udp-time-selector", "unity-typography"];
+    const components = ["udp-forms-renderer", "custom-button", "file-upload", "fluent-dialog", "form-metadata-display", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-ui", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-renderer", "udp-menu-item", "udp-pagination", "udp-pop-over", "udp-question", "udp-question-comments", "udp-save-draft-button", "udp-selector", "udp-side-sheet", "udp-time-selector", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "udp-forms-renderer":
             if (!customElements.get(tagName)) {
@@ -1355,15 +1359,20 @@ function defineCustomElement$1() {
             break;
         case "custom-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$C();
             }
             break;
         case "file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$B();
             }
             break;
         case "fluent-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$A();
+            }
+            break;
+        case "form-metadata-display":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }