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

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.css

@@ -0,0 +1,8 @@
+/* Styles for form-metadata-display */
+.form-metadata-display-container {
+  display: flex;
+  flex-direction: column; /* Stack toggles vertically */
+  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */
+}
+
+/* Add any other specific styles for form metadata display inputs here */ 

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js

@@ -0,0 +1,173 @@
+import { h } from "@stencil/core";
+export class FormMetadataDisplayRenderer {
+    render() {
+        var _a, _b, _c;
+        return (h("div", { key: 'e10607a1b9fb72327df92602bd123f1e35c26821', class: "form-metadata-display-input-container" }, h("div", { key: '03d34b6008aec023f1e226a6221945ad52748eb1' }, h("stencil-toggle", { key: 'd4be9d819b2c6a96797d04bbc9eca620c86dce2b', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '7f7f8e96f1d1390a441f6a024d2e39703c98817b', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }))));
+    }
+    static get is() { return "form-metadata-display-renderer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["form-metadata-display-renderer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["form-metadata-display-renderer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "question": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UdpFormQuestion",
+                    "resolved": "UdpFormQuestion",
+                    "references": {
+                        "UdpFormQuestion": {
+                            "location": "import",
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion",
+                            "referenceLocation": "UdpFormQuestion"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "isViewOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-view-only"
+            },
+            "formSectionsDraft": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "any[][]",
+                    "resolved": "any[][]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "sIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "s-index"
+            },
+            "qIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "q-index"
+            },
+            "onFormSectionsDraftChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(updatedSections: any[][]) => void",
+                    "resolved": "(updatedSections: any[][]) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "getHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(fieldTypeId: number, handlerName: string) => any",
+                    "resolved": "(fieldTypeId: number, handlerName: string) => any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js

@@ -5,15 +5,15 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '5e5f647863ca43bcc00dc7866909d658031d1254' }, h("div", { key: '8029f2367303ded0b7efa3e577682c26cbb6fa9e', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '5cef881b783fb21650135e160c7998e5bf82d551', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: '3e05e3fc4a8c9ee6b4bdf6704034650484afcba1' }, h("div", { key: 'abf8e11faf5b73a832f9d8d6ee1115a92636ff1c', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '119dbd478256a10b233921a2bb432d92b9cd9398', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '049aa9898af0068a8b4f35013e63afffeca913c2' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'd27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '6070ade9b3db5f8ab0d11dc758d63b4e54894f21' }, h("div", { key: 'c5872bbf69d360994e8a065cb024ea8b9ba6c44e', class: "list-options-header" }, h("unity-typography", { key: '6cded20e63b5a5b479b693902a0657e64a0035cd', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '08c90368248281fab63c6541efc76daf1d9d93e8', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '290a6b602fdee937e5986e8894ba24a44cfd449b' }, h("div", { key: 'c375b69abffc73baa7b678be4cc6cc6715a9bf1b', class: "list-options-header" }, h("unity-typography", { key: '88aaa96be7eeea791fd1785970f10c6d84170298', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'b0c6d0e1140418896cbc1eba471eb46836f3135b', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);
@@ -55,8 +55,9 @@ export class ListOptionsRenderer {
                     "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"
                         }
                     }
                 },
@@ -197,4 +198,3 @@ export class ListOptionsRenderer {
         };
     }
 }
-//# sourceMappingURL=list-options-renderer.js.map

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: '07293c93d11c27439e17527eeb78cdeccb56caec', class: "generic-configs-container" }, h("div", { key: '887ec1f2a5e13e700ff7128c70bc33949cc4b4d6', class: "question-configs-header" }, h("unity-typography", { key: 'c0dcd102e7399f199a8cf07f26b1799bd2cf0c1b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'd317bc353bbbf5475e09c79ea1641ab45755ba52' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '8d137d95c56d8733a6f5fac8129c42624ee2f99c', 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: '2b77e740cde748d17086f5350bdaba6dd62780fb', 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: '826c1985e19bbd8bce26f7fdd67d6127b90dcf29', 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: 'b2aa8b281f34a29a99260bcc6e2a1b8030021d07', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: '27bf0303c7f375acd35ea4a9c3d3c0c52ba770fd' }, h("stencil-toggle", { key: '694e447a645c8d8288e7a19eee4bd817f4ab72f9', 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: '3f38852af022fb38fad4ba862af9df13b12d5125' }, h("stencil-toggle", { key: 'd586901f37c4e1812df8e662f00a8ce5e4410bcc', 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) => {
@@ -40,6 +40,8 @@ export class QuestionSpecificConfigsRenderer {
                 return (h("file-upload-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             case UdpFormsFieldTypeEnum.Signature:
                 return (h("signature-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            case UdpFormsFieldTypeEnum.FormMetadataDisplay:
+                return (h("form-metadata-display-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             default:
                 return null;
         }
@@ -169,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

@@ -21,15 +21,15 @@ export class SectionConfigsRenderer {
     }
     render() {
         var _a;
-        return (h("div", { key: '97408de596e927179652adfdf1302da24f18e172', class: "generic-configs-container" }, h("text-area", { key: 'dd9282d4a3b1fb668c106d7d1c42d5995c060c25', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        return (h("div", { key: '5fcf2d34b4cc671a7f7896eee54a3e0923de6a7d', class: "generic-configs-container" }, h("text-area", { key: 'b4b716284f0ec12906edda97912e8f9971c6c137', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '91c5b099229deb20ae6e7db68d4f0cf7daaa2479', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), h("text-area", { key: 'b796df9c1a019bf7fd5eef5ab188f5ead5650f0d', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("stencil-toggle", { key: 'c7e59748a3cd05230ba1cc055b1ee57a74b67c4f', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
+            } }), h("stencil-toggle", { key: '0cec601c369d040901a2810ee66aaf7d6899ce7e', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);
@@ -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: 'f036902b7cb92a9939c5dac000aabcdfcebd507e', class: "signature-input-container" }, h("div", { key: 'f69e4642e6d32ba376f9b3db1d750968bc289146' }, h("stencil-toggle", { key: 'fb319a3201ae4bb4ee903b07886a8ba9094064ec', 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: '035d9fdc8be25da7ecf0ae84eecde649a85e4322', class: "question-item-text-input-container" }, h("div", { key: 'e58baa0c927edc2ebc6fd22e50d70c67682489ca' }, h("numeric-field", { key: '6f7f4b1af132808dd2b46469816da4276047a98f', 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: '7756e209db6840d3ec0342d97efdc73d7ab3d276' }, h("numeric-field", { key: 'bd03b53ffd847005b14e0694e7a1831ae9bca1b3', 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

@@ -6,8 +6,8 @@ export class UdpFormsBuilderMenu {
     }
     render() {
         return [
-            h("div", { key: '68795e319ee119db34098c0984238abc5c6d9352', class: 'menu-header-container' }, h("unity-typography", { key: 'c1acecdeef282e600074287de2f641ddff70c52a', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '796c233952bb7967b45520e0578a8721bd27c576', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '016a02f4c2cf5af71e7f1241d19fe0ef622e087e', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            h("div", { key: 'f490f7a9a90ad5b2950bb93b2295cb92093a64b8', class: 'menu-header-container' }, h("unity-typography", { key: '24bd89027e696522658a4408b81b0ca8288b4bfa', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '3db3b42dfade4d548ac5b0111dad975c24e86052', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: '172fcb129860019f0292c9f05086d3bb197bbe75', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
     static get is() { return "udp-forms-builder-menu"; }
@@ -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) => {
@@ -331,6 +331,12 @@ const questionsTemplate = [
         handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },
         defaultFieldProperties: { hideDragAndDrop: false, allowComments: false, allowFollowUpForms: false, hideButton: false },
     },
+    {
+        fieldTypeId: UdpFormsFieldTypeEnum.FormMetadataDisplay,
+        questionTypeName: 'Form Metadata Display',
+        icon: 'user',
+        handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },
+        defaultFieldProperties: { displayOwnerFullName: true, displayOwnerEmail: true, displaySubmissionDate: true, allowComments: false, allowFollowUpForms: false },
+    },
 ];
 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

@@ -39,7 +39,7 @@ export class UdpFormsBuilderStyleOverride {
     render() {
         // if (!this.isVisible) return null;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: '4009c6e83d90dd9d19d379f7685797d317929199' }, h("unity-typography", { key: 'b24f1321f16b06d6198bd59580ec44944228bd56', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '2f55ef30ca29af61cb1169ce0a6f238ce0f945b3' }), h("unity-typography", { key: 'f6014d55e927a6be62b244117ac8d87d464a0374', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: 'ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d' }, h("unity-typography", { key: '69654e44f3287ca0ef7da615aa115d946bdc2267', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '0bf14bc71b0197d5825417b38758cb8b4be57f06' }), h("unity-typography", { key: '980dea5b0a0e044a3f5d83d58fd64a1ba3e97c42', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
     static get is() { return "udp-forms-builder-style-override"; }
     static get encapsulation() { return "shadow"; }
@@ -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,12 +19,12 @@ 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
         this.isPublicFormConfigOn = false; // allow form engine to use public forms feature
-        this.isCommentingConfigOn = false; // allow form engine to use commenting feature
+        this.isCommentingConfigOn = true; // allow form engine to use commenting feature
         this.formsBuilderUrlPath = ''; // alternative path for redirect to the form builder page. If not provided, use default path.
         this.formMetadata = formMetadataDefault;
         this.formSections = [];
@@ -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"
                         }
                     }
                 },
@@ -768,7 +769,7 @@ export class UdpFormsBuilder {
                 "setter": false,
                 "reflect": false,
                 "attribute": "is-commenting-config-on",
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "formsBuilderUrlPath": {
                 "type": "string",
@@ -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: '4741030d4eda0914faa13336c3f4da049f4f5fcb' }, h("unity-typography", { key: 'c7225cdb73ccb7b6bf89efe84b3865dc8c67ab02', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '7a560066735661c36c588224ddf8fc7d39e27d40', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: '0dbe964a29c6f4a48de83015ac250fdd8cec8c4e', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: 'db80c503387d9abe505874619c0ac40787076dba', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
-        const actionsJsx = (h(Fragment, { key: 'd7a938ff5a20d3b70e315b4b0abf8fb31fa1d210' }, h("stencil-icon-button", { key: '29b75d6de99cc9aee39419b0df0ef14ed0b6ce93', icon: Edit, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: '111aa1e7d313b4992f6e8445711852f145635d5a', 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: '12f84cc90d37e668f2bf0a6b20091f49305484b7', 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: '09eadd4c38f2d63f96c9942a492e35138bb8d0c3', 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: '01a1b5d7a038ca312d30f0f5650c08eb74455578', 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: '1c3639c1679cc22c2d5cbe3ec90567a095087dac' }), this.renderSideSheet(), h("udp-container", { key: '56e09d6c98e6d5402191f7dcf1a8047d6dc170ed', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '7d5e58b0f8172e5ef8506957b184e11e8efdfe0f', 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: '324a4d9a0fdd9064b637e29a6772a4931634f511', style: { display: 'none' } }), h("div", { key: 'ef935461b94022feac095dc8428ea8223937db2e', 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