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

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 // import { Question } from '../../../types';
 import questionsTemplate from "../../udp-forms-builder-question-template";
-import { UdpFormsTypeEnum } from "../../../utils/enums";
+import { UdpFormsTypeEnum } from "../../../udp-forms-utils/enums";
 export class QuestionConfigsRenderer {
     constructor() {
         this.isFollowUpFormConfigOn = false;
@@ -19,28 +19,28 @@ export class QuestionConfigsRenderer {
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'a0cb43d824d6d826f5be74657546ee67e6e8d79a', class: "generic-configs-container" }, h("div", { key: 'e32c703ef3a4b586c10d07981a175484d83d5631', class: "question-configs-header" }, h("unity-typography", { key: '812f24611f1e7493a6123c4a02c8865ae0b4a93b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'aa337ca49ec87e6f4829969ca52f107999797b4f' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'e56b76a59321f53064baa63ff0b985e0bad0f897', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '3ddd42597e37dbd3b1f0ac9ade2ea77bd073da32', class: "generic-configs-container" }, h("div", { key: '5368d5f2ae9b971359d7a8270045377bb3ac9e1e', class: "question-configs-header" }, h("unity-typography", { key: '1cebdec17b62362dca593d9084d47d5ac21eeecf', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'abfdac1af7952d9cad81623743ce1cf06ecd1349' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '9892b0159a70769f288ad55deff33dbd238fed8c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '1feaefae79d4d65c12d8e6727187878a8a46f21c', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '93cefa33c4e64dde9ba3d5ad5f70f8e386813833', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '3a631ef29b764fef95cf7abec744660332b94e47', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: 'e9ef11aef0f8bdca7fdfeddedbd10c064919dfb2', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: '156d872f6aa26a2c766974820e9691c9728b6615', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'dd11192cf0c51c35866cca425958f6b7fb694f69' }, h("stencil-toggle", { key: 'bc7b4923971fab8d5fa6e510bc05d2d8185004fa', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: '8c9df8b200bcb3dfff2b049b4a4c7eff74e09d5f', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'be226fae2aa4b47d2ba9f8f93b737669f88276c1' }, h("stencil-toggle", { key: 'efa63f9dcb5204e0a08f7a087d8afe7c28894733', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'b32fa04162193faa542bd2e8bea5c5e118142744' }, h("stencil-toggle", { key: '339d9d6077c46e20a63c43866da6799824eb01eb', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'bae3e66a3391fc22c395e7abedac8c9c3579cbeb' }, h("stencil-toggle", { key: '694abb0977636728bc111edc6ea9dd5a076c43bf', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -232,4 +232,3 @@ export class QuestionConfigsRenderer {
         };
     }
 }
-//# sourceMappingURL=question-configs-renderer.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer/question-specific-configs-renderer.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import questionsTemplate from "../../udp-forms-builder-question-template";
-import { UdpFormsFieldTypeEnum } from "../../../utils/enums";
+import { UdpFormsFieldTypeEnum } from "../../../udp-forms-utils/enums";
 export class QuestionSpecificConfigsRenderer {
     constructor() {
         this.getHandler = (fieldTypeId, handlerName) => {
@@ -171,4 +171,3 @@ export class QuestionSpecificConfigsRenderer {
         };
     }
 }
-//# sourceMappingURL=question-specific-configs-renderer.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js

@@ -124,4 +124,3 @@ export class SectionConfigsRenderer {
         };
     }
 }
-//# sourceMappingURL=section-configs-renderer.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class SignatureRenderer {
     render() {
         var _a;
-        return (h("div", { key: '1c09959d457649925297f700dcd0833c9edd9310', class: "signature-input-container" }, h("div", { key: '58ddb6ff3564c6804f3c1aa225b7768d2ecd5fe4' }, h("stencil-toggle", { key: '20bda659903c4ad007a8882dff08b4c552ba0648', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
+        return (h("div", { key: '6504d5b164d906b95d0083f9433fe55e86a2ca1e', class: "signature-input-container" }, h("div", { key: '0f3df9cef903445e1aea241d76fb14f7860a83cf' }, h("stencil-toggle", { key: '30326792d5f66c154c9e1b4b1ba0e64101a28565', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -33,8 +33,9 @@ export class SignatureRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion",
+                            "referenceLocation": "UdpFormQuestion"
                         }
                     }
                 },
@@ -158,4 +159,3 @@ export class SignatureRenderer {
         };
     }
 }
-//# sourceMappingURL=signature-renderer.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js

@@ -2,12 +2,12 @@ import { h } from "@stencil/core";
 export class TextInputRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '6eebecdd96b83ffcdd763a1914d88c978c7116fe', class: "question-item-text-input-container" }, h("div", { key: 'fef91549ea22ccf64a862777a1eda7f20d267cac' }, h("numeric-field", { key: 'ace5e308868c367a37e52fa0332518f5120b59e8', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
+        return (h("div", { key: '7429e730015026c0e4e4f6d3cbf68402d5177ba0', class: "question-item-text-input-container" }, h("div", { key: 'bc460a579730a1f1d8ed9d7d84d45972c1e6413e' }, h("numeric-field", { key: '2bf3ba87349d3cb47d8406e4ce3f8bbd737f4d25', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
                 this.onFormSectionsDraftChange(updated);
-            } })), h("div", { key: 'e92f0f7432e76ef14ffdabeeae737a331f5e4b9f' }, h("numeric-field", { key: 'd699b1f05579ad7973ce40cb760b0c2d8556e7f0', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
+            } })), h("div", { key: 'f492a17d103a5a9ddb4a94744eb5dc883b2f6d66' }, h("numeric-field", { key: '18ad54bd2a1bfa1e263a53235aafef8d0c29da40', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');
@@ -37,8 +37,9 @@ export class TextInputRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion",
+                            "referenceLocation": "UdpFormQuestion"
                         }
                     }
                 },
@@ -162,4 +163,3 @@ export class TextInputRenderer {
         };
     }
 }
-//# sourceMappingURL=text-input-renderer.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js

@@ -112,4 +112,3 @@ export class UdpFormsBuilderMenu {
             }];
     }
 }
-//# sourceMappingURL=udp-forms-builder-menu.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-question-template.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { UdpFormsFieldTypeEnum } from "../utils/enums";
+import { UdpFormsFieldTypeEnum } from "../udp-forms-utils/enums";
 import { deepCloneFormSections } from "./forms-builder-utils";
 // === Helper Functions ===
 const updateFieldProperties = (formSections, sIndex, qIndex, updateFn) => {
@@ -340,4 +340,3 @@ const questionsTemplate = [
     },
 ];
 export default questionsTemplate;
-//# sourceMappingURL=udp-forms-builder-question-template.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js

@@ -113,4 +113,3 @@ export class UdpFormsBuilderStyleOverride {
         };
     }
 }
-//# sourceMappingURL=udp-forms-builder-style-override.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder.js

@@ -19,7 +19,7 @@ import { getCurrentTenantId } from "../../../../udp-utilities/tenant/tenantUtils
 import Sortable from "sortablejs";
 import { v4 as uuidv4 } from "uuid";
 import { styleOverrideDefault, formSectionDefault, formMetadataDefault, deepCloneFormSections } from "./forms-builder-utils";
-import { UdpFormsPageIdEnum, UdpFormsTypeEnum } from "../utils/enums";
+import { UdpFormsPageIdEnum, UdpFormsTypeEnum } from "../udp-forms-utils/enums";
 export class UdpFormsBuilder {
     constructor() {
         this.isFollowUpFormConfigOn = false; // allow form engine to use follow-up forms feature
@@ -614,8 +614,9 @@ export class UdpFormsBuilder {
                     "references": {
                         "Guid": {
                             "location": "import",
-                            "path": "../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::Guid"
+                            "path": "../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::Guid",
+                            "referenceLocation": "Guid"
                         }
                     }
                 },
@@ -825,4 +826,3 @@ export class UdpFormsBuilder {
             }];
     }
 }
-//# sourceMappingURL=udp-forms-builder.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-form-api-utils.js

@@ -29,4 +29,3 @@ export const fetchFormVersions = (formId, page, pageSize) => {
         orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],
     });
 };
-//# sourceMappingURL=udp-form-api-utils.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js

@@ -1,7 +1,7 @@
 import { h, Fragment } from "@stencil/core";
-import { UdpFormsPageIdEnum } from "../../utils/enums";
-import { UdpFormsTypeEnum } from "../../utils/enums";
-import { dateFormatter } from "../../utils/utils";
+import { UdpFormsPageIdEnum } from "../../udp-forms-utils/enums";
+import { UdpFormsTypeEnum } from "../../udp-forms-utils/enums";
+import { dateFormatter } from "../../udp-forms-utils/utils";
 import ChevronRight24 from "@carbon/icons/es/chevron--right/16";
 import Edit from "@carbon/icons/es/edit/16";
 import DocumentAdd from "@carbon/icons/es/document--add/16";
@@ -73,16 +73,16 @@ export class UdpFormsListCard {
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: 'd147cd365334db16baab195c839a13069337eb0e' }, h("unity-typography", { key: '63bf9ba3ded1002d17ef846254c8f6174f325c69', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'aa8d6c66f6e34b18ce0f1b38d5dbba82dc14c7cd', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: '8aa407465e6fbf43cc1ade9e5a98ea68109f7321', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '69e11f19e5554ff8cd9ff59e4a948bd3c81a4c08', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
-        const actionsJsx = (h(Fragment, { key: '913b413f01a2f7bf78b9a8a90fa9540dbd30c80e' }, h("stencil-icon-button", { key: '60aeffc4db6eb3b309e2f2f63fa83130b1017cb1', icon: Edit, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: 'd7e4876e82883ce69315cbea065cc55302e18ebe', icon: DocumentAdd, tooltip: "View Form", onClick: e => {
+        const contentJsx = (h(Fragment, { key: '3166b3f05f873b49f68e8ba3589bea738609a96d' }, h("unity-typography", { key: '037d7678981cadedb7d0f93fac64beb1c7916494', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '5a23010323d0a47fce7631ed80fd93d501a3225a', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: '21557df926c9f21ae828c33266599ef646602c9b', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '985f213e727138071649f58d50e79ff0fb8eee62', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
+        const actionsJsx = (h(Fragment, { key: '8707b318aa94dd0da14dae0ee74ac7c2a7dfeb94' }, h("stencil-icon-button", { key: '9bd8e2612509a1edb47174079b7b10ebfdc99592', icon: Edit, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: '55e61c2569e0ed68aab3f1b06574ca97ee3db383', icon: DocumentAdd, tooltip: "View Form", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: '831140171eb3783a8f21a7b9570b696fde1ce3ea', icon: ChevronRight24, tooltip: "See Form Version History", onClick: e => {
+            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'f0f7c2274b0b808f37bc0d4951282e548eb20670', icon: ChevronRight24, tooltip: "See Form Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (h("udp-card", { key: 'ac261f525899bd85f3360fb781af5956eac882b9', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: '669b56c71cebf72528a33d5994e2496ad10da12d', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
     static get is() { return "udp-forms-list-card"; }
     static get encapsulation() { return "shadow"; }
@@ -263,4 +263,3 @@ export class UdpFormsListCard {
             }];
     }
 }
-//# sourceMappingURL=udp-forms-list-card.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { fetchLatestForms, fetchFormVersions } from "./udp-form-api-utils";
 import "./udp-forms-list-card/udp-forms-list-card";
-import { UdpFormsPageIdEnum } from "../utils/enums";
+import { UdpFormsPageIdEnum } from "../udp-forms-utils/enums";
 export class UdpFormsList {
     constructor() {
         this.isPublicFormConfigOn = false;
@@ -17,7 +17,7 @@ export class UdpFormsList {
         this.sideSheetTotalItems = 0;
         this.isLoading = true;
         this.errorMessage = '';
-        this.sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };
+        this.sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };
         this.searchFilters = [];
         this.nameFilter = '';
         this.formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;
@@ -38,8 +38,8 @@ export class UdpFormsList {
             { label: 'Desc', value: 'DESC' },
         ];
         this.SORT_COLUMNS = [
-            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Created On', value: 'initialCreatedOn' },
+            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Name', value: 'name' },
         ];
         this.FORM_TYPES = [
@@ -216,7 +216,7 @@ export class UdpFormsList {
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: 'e73a567c697644cb26d5ea3eb12c40347917ea74', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '65c7818ef8ec9adce0855bccf674d7d1d59d15c1' }), this.renderSideSheet(), h("udp-container", { key: '5d57f227d1743af987227e1f9af4c4a326b988d9', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '974973524dbc459391bd38a323cbec764c1af5e0', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: '887d870d0cec70391e04ce9739a3af4ee5404fce', style: { display: 'none' } }), h("div", { key: 'c3e09b6ecdf501ec37d31a91dc7de007efb95e3e', style: { height: '60px' } })));
+        return (h("div", { key: '521f65ec8356fbd1cc33ca101ae454acd65047ec', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '6a080e748bd474223c77805ee51a94baaba7698f' }), this.renderSideSheet(), h("udp-container", { key: '682a613ced5e4d9c8b0aec6ce4b4450efd4b3967', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '8e49e0bdef5d4ee15ec56c2358e68b38c4b69080', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: '5386a41357733fc99e6b8540596bd64a758af33a', style: { display: 'none' } }), h("div", { key: '675cf300948e4f506f7470366f643451d9be5096', style: { height: '60px' } })));
     }
     static get is() { return "udp-forms-list"; }
     static get encapsulation() { return "shadow"; }
@@ -414,4 +414,3 @@ export class UdpFormsList {
             }];
     }
 }
-//# sourceMappingURL=udp-forms-list.js.map

package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js

@@ -1,9 +1,9 @@
 import { h, Fragment } from "@stencil/core";
-import { UdpFormsTypeEnum } from "../../utils/enums";
+import { UdpFormsTypeEnum } from "../../udp-forms-utils/enums";
 export class UdpFormsFollowUpListCard {
     render() {
-        const contentJsx = (h(Fragment, { key: 'af4d232501675041c5634dec614cb7e1d85306e8' }, h("unity-typography", { key: 'dcbe122b7125db4985ef56e2b3dfdc43aa8d3dff', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '3e979696dceff562c3877fb4301a80e7e8284018', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
-        return (h("udp-card", { key: '5a232f80f8e4ad9b1bc2953d14c894c4ceff0c1f', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (h(Fragment, { key: '0148fa047cd997bc9cff28cd98833074e8dc8f64' }, h("unity-typography", { key: 'e6d1704c0d97d94253cfda377818114234bd46c9', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: 'f6e98358257ddf8596abfdb100f5a633c063752a', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
+        return (h("udp-card", { key: '6a5285ec5d718bb09965e61621544e81b900e9eb', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
     static get is() { return "udp-forms-follow-up-list-card"; }
     static get encapsulation() { return "shadow"; }
@@ -72,4 +72,3 @@ export class UdpFormsFollowUpListCard {
         };
     }
 }
-//# sourceMappingURL=udp-forms-follow-up-list-card.js.map

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

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
-import { UdpFormsFieldTypeEnum } from "../../utils/enums";
-import { fontOverrideMapping, overrideFont } from "../../utils/utils";
+import { UdpFormsFieldTypeEnum, UdpFormsSubmissionStatusEnum } from "../../udp-forms-utils/enums";
+import { fontOverrideMapping, overrideFont } from "../../udp-forms-utils/utils";
 import { getIconFromName } from "../../../../data-display/icons/iconUtils";
 export class UdpFormsUi {
     constructor() {
-        this.initialValues = {};
+        this.currentValues = {};
         this.submitSuccessful = false;
         this.isLoading = false;
         this.isSaving = false;
@@ -38,10 +38,8 @@ export class UdpFormsUi {
         }
     }
     watchIsSaving(newValue, oldValue) {
-        console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });
         // When isSaving changes from true to false (save completed successfully)
         if (oldValue === true && newValue === false && !this.saveErrorMessage) {
-            console.log('Setting showSavedMessage to true');
             this.showSavedMessage = true;
             // Clear any existing timeout
             if (this.savedMessageTimeoutId) {
@@ -49,7 +47,6 @@ export class UdpFormsUi {
             }
             // Hide the "Saved" message after 5 seconds
             this.savedMessageTimeoutId = setTimeout(() => {
-                console.log('Hiding saved message after 5 seconds');
                 this.showSavedMessage = false;
             }, 5000);
         }
@@ -99,7 +96,7 @@ export class UdpFormsUi {
         else if ((_f = (_e = (_d = this.udpForm) === null || _d === void 0 ? void 0 : _d.styleOverrides) === null || _e === void 0 ? void 0 : _e.background) === null || _f === void 0 ? void 0 : _f.backgroundColor) {
             backgroundOverrides.backgroundColor = (_j = (_h = (_g = this.udpForm) === null || _g === void 0 ? void 0 : _g.styleOverrides) === null || _h === void 0 ? void 0 : _h.background) === null || _j === void 0 ? void 0 : _j.backgroundColor;
         }
-        return (h("div", { class: 'background', style: backgroundOverrides }, h("udp-container", { maxWidth: "md" }, h("div", { class: "form-container" }, !this.submitSuccessful ? (h("stencil-form", { handleSubmit: this.handleSubmit, initialValues: this.initialValues, handleChange: this.handleChange, onDirtyChange: event => this.formDirtyChange.emit(event.detail) }, this.readonly &&
+        return (h("div", { class: 'background', style: backgroundOverrides }, h("udp-container", { maxWidth: "md" }, h("div", { class: "form-container" }, !this.submitSuccessful ? (h("stencil-form", { handleSubmit: this.handleSubmit, initialValues: this.currentValues, handleChange: this.handleChange, onDirtyChange: event => this.formDirtyChange.emit(event.detail) }, this.readonly &&
             (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, "View Only Mode. The contents of this form cannot be changed."))), h("fluent-dialog", { open: this.isDialogOpen, message: this.dialogMessage, labelOne: 'Confirm', labelTwo: 'Cancel', actionOne: () => this.dialogAction(), actionTwo: () => (this.isDialogOpen = false) }), h("div", null, h("div", { class: "form-section-block" }, h("div", { class: "form-renderer-header", style: Object.assign({}, (((_l = (_k = this.udpForm) === null || _k === void 0 ? void 0 : _k.styleOverrides) === null || _l === void 0 ? void 0 : _l.headerBackgroundColor) && {
                 backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,
             })) }, h("unity-typography", { id: this.titleId, variant: 'h6', color: "inherit" }, this.udpForm.name), this.showAutoSaveStatus && (h("div", { class: "auto-save-status" }, this.saveErrorMessage && (h("unity-typography", { variant: "body", color: "secondary" }, this.saveErrorMessage)))), this.isShowManualSaveIcon && (h("udp-save-draft-button", { isVisible: this.isShowManualSaveIcon, isSaving: this.isSaving,
@@ -129,10 +126,10 @@ export class UdpFormsUi {
                         helperText: (_a = this.udpForm.styleOverrides) === null || _a === void 0 ? void 0 : _a.helperText,
                         paragraphText: (_b = this.udpForm.styleOverrides) === null || _b === void 0 ? void 0 : _b.paragraphText,
                         questionText: (_c = this.udpForm.styleOverrides) === null || _c === void 0 ? void 0 : _c.questionText,
-                    }, question: question, questionNumber: num, value: (_g = (_f = (_e = (_d = this.initialValues) === null || _d === void 0 ? void 0 : _d[sectionKey]) === null || _e === void 0 ? void 0 : _e[question.name]) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '', disabled: this.disabled, readonly: this.readonly, key: question.questionIdentifierKey, initialValues: this.initialValues, clientUserInfo: this.clientUserInfo, udpFormSubmission: this.udpFormSubmission })));
+                    }, question: question, questionNumber: num, value: (_g = (_f = (_e = (_d = this.currentValues) === null || _d === void 0 ? void 0 : _d[sectionKey]) === null || _e === void 0 ? void 0 : _e[question.name]) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '', disabled: this.disabled, readonly: this.readonly, key: question.questionIdentifierKey, currentValues: this.currentValues, clientUserInfo: this.clientUserInfo, udpFormSubmission: this.udpFormSubmission })));
             }))))));
-        }), ((_r = this.udpFormSubmission) === null || _r === void 0 ? void 0 : _r.status) != 2 && (h("div", { class: "footer" }, h("input", { disabled: this.isLoading || this.disabled || this.readonly, type: "submit", value: "Submit", class: "submit", id: "udpRecord-udp-forms-renderer-Submit", onClick: () => {
-                console.log('Submit button clicked');
+        }), ((_r = this.udpFormSubmission) === null || _r === void 0 ? void 0 : _r.status) != UdpFormsSubmissionStatusEnum.Submitted && (h("div", { class: "footer" }, h("input", { disabled: this.isLoading || this.disabled || this.readonly, type: "submit", value: "Submit", class: "submit", id: "udpRecord-udp-forms-renderer-Submit", onClick: () => {
+                // console.log('Submit button clicked');
                 // Let the form handle the submit naturally
             } })))))) : (
         //if the form has been submit, display success message with a button to trigger the action associated to the form
@@ -161,8 +158,9 @@ export class UdpFormsUi {
                     "references": {
                         "UdpForm": {
                             "location": "import",
-                            "path": "../../utils/classes/UdpForm",
-                            "id": "src/components/forms/udp-forms/utils/classes/UdpForm.ts::UdpForm"
+                            "path": "../../udp-forms-utils/classes/UdpForm",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/classes/UdpForm.ts::UdpForm",
+                            "referenceLocation": "UdpForm"
                         }
                     }
                 },
@@ -175,7 +173,7 @@ export class UdpFormsUi {
                 "getter": false,
                 "setter": false
             },
-            "initialValues": {
+            "currentValues": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
@@ -202,8 +200,9 @@ export class UdpFormsUi {
                     "references": {
                         "UdpFormSubmission": {
                             "location": "import",
-                            "path": "../../utils/classes/UdpFormSubmission",
-                            "id": "src/components/forms/udp-forms/utils/classes/UdpFormSubmission.ts::UdpFormSubmission"
+                            "path": "../../udp-forms-utils/classes/UdpFormSubmission",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/classes/UdpFormSubmission.ts::UdpFormSubmission",
+                            "referenceLocation": "UdpFormSubmission"
                         }
                     }
                 },
@@ -426,8 +425,9 @@ export class UdpFormsUi {
                     "references": {
                         "Guid": {
                             "location": "import",
-                            "path": "../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::Guid"
+                            "path": "../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::Guid",
+                            "referenceLocation": "Guid"
                         },
                         "Object": {
                             "location": "global",
@@ -632,4 +632,3 @@ export class UdpFormsUi {
             }];
     }
 }
-//# sourceMappingURL=udp-forms-ui.js.map

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

@@ -0,0 +1,152 @@
+import { v4 as uuidv4 } from "uuid";
+/**
+ * Pure comment CRUD logic.
+ *
+ * - Updates submissionResponseData structure for comments/draftComments.
+ * - Does NOT perform any network calls.
+ * - Returns persistence intent for caller.
+ */
+export function applyQuestionCommentCrud(params) {
+    var _a, _b, _c, _d, _e;
+    const { actionType, questionIdentifierKey, commentId, currentSubmissionResponseData, clientUserInfo } = params;
+    const parts = (questionIdentifierKey || '').split('.');
+    const sectionKey = parts[0] || '';
+    const questionKey = parts[1] || '';
+    // Defensive: if malformed key, do nothing.
+    if (!sectionKey || !questionKey) {
+        return {
+            sectionKey,
+            questionKey,
+            nextSubmissionResponseData: currentSubmissionResponseData || {},
+            didMutate: false,
+            shouldPersist: false,
+            persistIntent: 'none',
+            commentId,
+        };
+    }
+    const next = structuredClone(currentSubmissionResponseData || {});
+    // ensure structure exists WITHOUT overwriting existing data
+    if (!next[sectionKey])
+        next[sectionKey] = {};
+    if (!next[sectionKey][questionKey]) {
+        // create defaults but do not clobber any existing saved shape from submissionResponseData
+        next[sectionKey][questionKey] = {
+            value: '',
+            comments: [],
+            draftComments: [],
+            metadata: {},
+        };
+    }
+    else {
+        // ensure arrays/objects exist so later code can safely push/filter
+        next[sectionKey][questionKey].comments = (_a = next[sectionKey][questionKey].comments) !== null && _a !== void 0 ? _a : [];
+        next[sectionKey][questionKey].draftComments = (_b = next[sectionKey][questionKey].draftComments) !== null && _b !== void 0 ? _b : [];
+        next[sectionKey][questionKey].metadata = (_c = next[sectionKey][questionKey].metadata) !== null && _c !== void 0 ? _c : {};
+    }
+    // normalize draftComments to array if needed (back-compat)
+    const maybeDraft = next[sectionKey][questionKey].draftComments;
+    if (maybeDraft && !Array.isArray(maybeDraft)) {
+        next[sectionKey][questionKey].draftComments = [maybeDraft];
+    }
+    else if (!maybeDraft) {
+        next[sectionKey][questionKey].draftComments = [];
+    }
+    const commentsArr = next[sectionKey][questionKey].comments || [];
+    const draftsArr = next[sectionKey][questionKey].draftComments || [];
+    let didMutate = false;
+    switch (actionType) {
+        case 'add': {
+            const newDraft = {
+                value: '',
+                commentId: uuidv4(),
+                isTempComment: true,
+                timestamp: null,
+            };
+            // put new draft first so activeDraft === draftComments[0] matches UX
+            next[sectionKey][questionKey].draftComments = [newDraft, ...draftsArr];
+            didMutate = true;
+            break;
+        }
+        case 'save': {
+            const draftIdx = draftsArr.findIndex((d) => d.commentId === commentId);
+            if (draftIdx === -1) {
+                return {
+                    sectionKey,
+                    questionKey,
+                    nextSubmissionResponseData: next,
+                    didMutate: false,
+                    shouldPersist: false,
+                    persistIntent: 'none',
+                    commentId,
+                };
+            }
+            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: clientUserInfo === null || clientUserInfo === void 0 ? void 0 : clientUserInfo.id, userDisplayName: clientUserInfo === null || clientUserInfo === void 0 ? void 0 : clientUserInfo.displayName, isDraftComment: false });
+            const existingIdx = commentsArr.findIndex((c) => c.commentId === commentId);
+            if (existingIdx !== -1) {
+                const newComments = [...commentsArr];
+                newComments[existingIdx] = Object.assign({}, savedComment);
+                next[sectionKey][questionKey].comments = newComments;
+            }
+            else {
+                next[sectionKey][questionKey].comments = [...commentsArr, savedComment];
+            }
+            next[sectionKey][questionKey].draftComments = draftsArr.filter((d) => d.commentId !== commentId);
+            didMutate = true;
+            break;
+        }
+        case 'edit': {
+            const saved = commentsArr.find((c) => c.commentId === commentId);
+            if (!saved) {
+                return {
+                    sectionKey,
+                    questionKey,
+                    nextSubmissionResponseData: next,
+                    didMutate: false,
+                    shouldPersist: false,
+                    persistIntent: 'none',
+                    commentId,
+                };
+            }
+            const draftFromSaved = Object.assign(Object.assign({}, saved), { isDraftComment: true, timestamp: null });
+            next[sectionKey][questionKey].draftComments = [draftFromSaved, ...draftsArr];
+            next[sectionKey][questionKey].comments = commentsArr;
+            didMutate = true;
+            break;
+        }
+        case 'delete': {
+            next[sectionKey][questionKey].comments = commentsArr.map((c) => {
+                if (c.commentId === commentId) {
+                    return Object.assign(Object.assign({}, c), { isDeleted: true, value: '', editedTimestamp: new Date().toISOString() });
+                }
+                return c;
+            });
+            didMutate = true;
+            break;
+        }
+        case 'editClose': {
+            next[sectionKey][questionKey].draftComments = draftsArr.filter((d) => d.commentId !== commentId);
+            didMutate = true;
+            break;
+        }
+    }
+    const shouldPersist = actionType === 'save' || actionType === 'delete';
+    // For the dedicated comments API we only ever need the saved comment value.
+    let valueToPersist;
+    if (actionType === 'save') {
+        const saved = (((_e = (_d = next === null || next === void 0 ? void 0 : next[sectionKey]) === null || _d === void 0 ? void 0 : _d[questionKey]) === null || _e === void 0 ? void 0 : _e.comments) || []).find((c) => c.commentId === commentId);
+        valueToPersist = saved === null || saved === void 0 ? void 0 : saved.value;
+    }
+    return {
+        sectionKey,
+        questionKey,
+        nextSubmissionResponseData: next,
+        didMutate,
+        shouldPersist,
+        // Caller decides if this becomes public-add vs private-update.
+        persistIntent: 'none',
+        commentId,
+        valueToPersist,
+    };
+}