@genesislcap/foundation-forms 14.363.0 → 14.364.0

package/dist/custom-elements.json

@@ -75,6 +75,16 @@
               "description": "When enabled, adds an APPROVAL_MESSAGE field to the form schema.\nThis field will be sent at root level alongside DETAILS when submitting.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "approvalMessageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Approval Message'",
+              "description": "Label for the approval message field in the approval dialog.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "uischema",
@@ -405,6 +415,15 @@
               "description": "When enabled, adds an APPROVAL_MESSAGE field to the form schema.\nThis field will be sent at root level alongside DETAILS when submitting.",
               "fieldName": "setApprovalMessage"
             },
+            {
+              "name": "approval-message-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Approval Message'",
+              "description": "Label for the approval message field in the approval dialog.",
+              "fieldName": "approvalMessageLabel"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -1416,232 +1435,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isArray.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "isArray",
-          "parameters": [
-            {
-              "name": "itemsType",
-              "type": {
-                "text": "ArrayItemsType"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isArray",
-          "declaration": {
-            "name": "isArray",
-            "module": "src/jsonforms/testers/isArray.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isDate.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfDate"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfDate",
-          "declaration": {
-            "name": "isOneOfDate",
-            "module": "src/jsonforms/testers/isDate.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isInvisible.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "isInvisible",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "uischema",
-              "type": {
-                "text": "UISchemaElement"
-              }
-            },
-            {
-              "name": "schema",
-              "type": {
-                "text": "JsonSchema"
-              }
-            },
-            {
-              "name": "context",
-              "type": {
-                "text": "TesterContext"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isInvisible",
-          "declaration": {
-            "name": "isInvisible",
-            "module": "src/jsonforms/testers/isInvisible.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfBoolean.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfBoolean"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfBoolean",
-          "declaration": {
-            "name": "isOneOfBoolean",
-            "module": "src/jsonforms/testers/isOneOfBoolean.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfEnum.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfEnum"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfEnum",
-          "declaration": {
-            "name": "isOneOfEnum",
-            "module": "src/jsonforms/testers/isOneOfEnum.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfNumber.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfNumber"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfNumber",
-          "declaration": {
-            "name": "isOneOfNumber",
-            "module": "src/jsonforms/testers/isOneOfNumber.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfOptionMultiselect.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfOptionMultiselect"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfOptionMultiselect",
-          "declaration": {
-            "name": "isOneOfOptionMultiselect",
-            "module": "src/jsonforms/testers/isOneOfOptionMultiselect.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isTime.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfTime"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isOneOfTime",
-          "declaration": {
-            "name": "isOneOfTime",
-            "module": "src/jsonforms/testers/isTime.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/optionIs.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "optionIs",
-          "return": {
-            "type": {
-              "text": "Tester"
-            }
-          },
-          "parameters": [
-            {
-              "name": "optionName",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "optionIs",
-          "declaration": {
-            "name": "optionIs",
-            "module": "src/jsonforms/testers/optionIs.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts",
@@ -3332,6 +3125,232 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isArray.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isArray",
+          "parameters": [
+            {
+              "name": "itemsType",
+              "type": {
+                "text": "ArrayItemsType"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isArray",
+          "declaration": {
+            "name": "isArray",
+            "module": "src/jsonforms/testers/isArray.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isDate.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfDate"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfDate",
+          "declaration": {
+            "name": "isOneOfDate",
+            "module": "src/jsonforms/testers/isDate.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isInvisible.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isInvisible",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "uischema",
+              "type": {
+                "text": "UISchemaElement"
+              }
+            },
+            {
+              "name": "schema",
+              "type": {
+                "text": "JsonSchema"
+              }
+            },
+            {
+              "name": "context",
+              "type": {
+                "text": "TesterContext"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isInvisible",
+          "declaration": {
+            "name": "isInvisible",
+            "module": "src/jsonforms/testers/isInvisible.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfBoolean.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfBoolean"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfBoolean",
+          "declaration": {
+            "name": "isOneOfBoolean",
+            "module": "src/jsonforms/testers/isOneOfBoolean.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfEnum.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfEnum"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfEnum",
+          "declaration": {
+            "name": "isOneOfEnum",
+            "module": "src/jsonforms/testers/isOneOfEnum.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfNumber.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfNumber"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfNumber",
+          "declaration": {
+            "name": "isOneOfNumber",
+            "module": "src/jsonforms/testers/isOneOfNumber.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfOptionMultiselect.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfOptionMultiselect"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfOptionMultiselect",
+          "declaration": {
+            "name": "isOneOfOptionMultiselect",
+            "module": "src/jsonforms/testers/isOneOfOptionMultiselect.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isTime.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfTime"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfTime",
+          "declaration": {
+            "name": "isOneOfTime",
+            "module": "src/jsonforms/testers/isTime.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/optionIs.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "optionIs",
+          "return": {
+            "type": {
+              "text": "Tester"
+            }
+          },
+          "parameters": [
+            {
+              "name": "optionName",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "optionIs",
+          "declaration": {
+            "name": "optionIs",
+            "module": "src/jsonforms/testers/optionIs.ts"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/dts/form.d.ts

@@ -117,10 +117,7 @@ declare const Form_base: (new (...args: any[]) => {
     removeAttribute(qualifiedName: string): void;
     removeAttributeNS(namespace: string | null, localName: string): void;
     removeAttributeNode(attr: Attr): Attr;
-    requestFullscreen(options? /**
-     * Builds the commit payload for the form submission.
-     * @internal
-     */: FullscreenOptions): Promise<void>;
+    requestFullscreen(options?: FullscreenOptions): Promise<void>;
     requestPointerLock(options?: PointerLockOptions): Promise<void>;
     scroll(options?: ScrollToOptions): void;
     scroll(x: number, y: number): void;
@@ -406,6 +403,26 @@ export declare class Form extends Form_base {
      * @public
      */
     setApprovalMessage: boolean;
+    /**
+     * Label for the approval message field in the approval dialog.
+     * @public
+     */
+    approvalMessageLabel: string;
+    /**
+     * Reference to the approval message modal element.
+     * @internal
+     */
+    approvalModal: any;
+    /**
+     * Stores the approval message entered by the user.
+     * @internal
+     */
+    approvalMessage: string;
+    /**
+     * Stores the original payload for retry after approval message is provided.
+     * @internal
+     */
+    private pendingPayload;
     /**
      * UI schema used to define configuration of the layout and elements in the form
      * Check {@link UiSchema} for possible options
@@ -539,6 +556,21 @@ export declare class Form extends Form_base {
      * @public
      */
     reset(clearData?: boolean): void;
+    /**
+     * Show the approval message modal
+     * @internal
+     */
+    private showApprovalModal;
+    /**
+     * Close the approval message modal
+     * @internal
+     */
+    closeApprovalModal(): void;
+    /**
+     * Submit with approval message
+     * @internal
+     */
+    submitWithApproval(): Promise<void>;
 }
 export {};
 //# sourceMappingURL=form.d.ts.map

package/dist/dts/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAqB1C,OAAO,EAAiB,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBjE;;;GAGG;AACH,eAAO,MAAM,SAAS,OAmBrB,CAAC;;;;;;;kBAbM,CAAC;;;;;;;;8BAiDM,CAAC,cAGV,CADJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA8BuC,CAAC;4IAIe,CAAA;wFAMhC,CAAC;+IASf,CAAN;2FAGe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAwCkH,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAwE9E,CAAC;;;;;;;;;;;;;6BA6BzD,CAJA,CAAA;;;OAGG;8BADM,CAAC;kBAEuC,CAAC;;oBAG9C,CAAJ;;sBAMC,CAAF;oBAEE,CAAD;;;;;;;;gDAyBC,CAAD;;;;;;;;;;;;;;;;;;uBAuCqI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAiiH,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAiiO,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;;AAjTv8b;;;;;GAKG;AACH,qBAKa,IAAK,SAAQ,SAAiC;IACzD;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IACtE;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IA6BjC;;;;OAIG;IAC0C,mBAAmB,EAAE,MAAM,CAAC;IAEzE;;;;OAIG;IAC2D,kBAAkB,EAAE,OAAO,CAAC;IAE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;OAEG;IACH,gBAAgB;IAGhB;;;OAGG;IACS,mBAAmB,EAAE,aAAa,EAAE,CAAM;IACtD;;OAEG;IACH,0BAA0B;IAG1B;;;;;OAKG;IACS,eAAe,EAAE,aAAa,EAAE,CAAa;IACzD,OAAO,CAAC,qBAAqB;IAI7B;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACwB,QAAQ,EAAE,OAAO,CAAC;IAC7C;;;OAGG;IACyD,UAAU,EAAE,OAAO,CAAC;IAEhF;;OAEG;IACG,OAAO;IAgDb;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B;;;OAGG;IACH,IAAc,cAAc,YAM3B;IAED;;OAEG;IACM,SAAS,IAAI,IAAI;IAW1B;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,WAAW;IAI7B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAY3B;;OAEG;IACH,oBAAoB;IAKpB;;;OAGG;IACH,KAAK,CAAC,SAAS,UAAO;CAMvB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"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"}

package/dist/dts/form.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAKA,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,GAAI,SAAQ,MAAe,WAK7D,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,oBAAoB,iDA4DhC,CAAC"}
+{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAKA,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,GAAI,SAAQ,MAAe,WAK7D,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,oBAAoB,iDAmEhC,CAAC"}

package/dist/dts/form.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAenC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DA+BrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}
+{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAenC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DA4DrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}

package/dist/esm/form.js

@@ -75,6 +75,21 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
          * @public
          */
         this.prefix = 'rapid';
+        /**
+         * Label for the approval message field in the approval dialog.
+         * @public
+         */
+        this.approvalMessageLabel = 'Approval Message';
+        /**
+         * Stores the approval message entered by the user.
+         * @internal
+         */
+        this.approvalMessage = '';
+        /**
+         * Stores the original payload for retry after approval message is provided.
+         * @internal
+         */
+        this.pendingPayload = null;
         /**
          * Allows to provide the main set of renderers used by the form. If not provided, the built-in renderers will be used by default.
          * @public
@@ -170,7 +185,16 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
                 const formSubmitReq = yield this.connect.commitEvent(this.resourceName, commitPayload);
                 this.submitting = false;
                 if (formSubmitReq.ERROR) {
-                    this.$emit('submit-failure', { payload, errors: formSubmitReq.ERROR });
+                    const approvalError = formSubmitReq.ERROR.find((err) => err.CODE === 'APPROVAL_MESSAGE_MISSING');
+                    // Only show modal if in REACTIVE mode (setApprovalMessage is false/not set)
+                    // In proactive mode, the field is already visible, so just emit error normally
+                    if (approvalError && !this.setApprovalMessage) {
+                        this.pendingPayload = payload;
+                        this.showApprovalModal();
+                    }
+                    else {
+                        this.$emit('submit-failure', { payload, errors: formSubmitReq.ERROR });
+                    }
                 }
                 else {
                     this.$emit('submit-success', { payload, response: formSubmitReq });
@@ -251,6 +275,59 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
             this.data = {};
         }
     }
+    /**
+     * Show the approval message modal
+     * @internal
+     */
+    showApprovalModal() {
+        this.approvalMessage = '';
+        if (this.approvalModal) {
+            this.approvalModal.show();
+        }
+    }
+    /**
+     * Close the approval message modal
+     * @internal
+     */
+    closeApprovalModal() {
+        this.approvalMessage = '';
+        this.pendingPayload = null;
+        if (this.approvalModal) {
+            this.approvalModal.close();
+        }
+    }
+    /**
+     * Submit with approval message
+     * @internal
+     */
+    submitWithApproval() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.approvalMessage || !this.approvalMessage.trim()) {
+                logger.warn('Approval message is required');
+                return;
+            }
+            if (!this.pendingPayload) {
+                logger.error('No pending payload to submit');
+                this.closeApprovalModal();
+                return;
+            }
+            this.submitting = true;
+            const commitPayload = {
+                DETAILS: this.pendingPayload,
+                APPROVAL_MESSAGE: this.approvalMessage,
+            };
+            const formSubmitReq = yield this.connect.commitEvent(this.resourceName, commitPayload);
+            this.submitting = false;
+            if (formSubmitReq.ERROR) {
+                this.$emit('submit-failure', { payload: this.pendingPayload, errors: formSubmitReq.ERROR });
+            }
+            else {
+                this.$emit('submit-success', { payload: this.pendingPayload, response: formSubmitReq });
+                this.closeApprovalModal();
+                this.pendingPayload = null;
+            }
+        });
+    }
 };
 __decorate([
     attr({ attribute: 'design-system-prefix' })
@@ -264,6 +341,12 @@ __decorate([
 __decorate([
     attr({ attribute: 'set-approval-message', mode: 'boolean' })
 ], Form.prototype, "setApprovalMessage", void 0);
+__decorate([
+    attr({ attribute: 'approval-message-label' })
+], Form.prototype, "approvalMessageLabel", void 0);
+__decorate([
+    observable
+], Form.prototype, "approvalMessage", void 0);
 __decorate([
     observable
 ], Form.prototype, "uischema", void 0);

package/dist/esm/form.styles.js

@@ -59,6 +59,13 @@ export const foundationFormStyles = css `
     border-bottom: 2px solid red;
   }
 
+  .approval-message-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: calc(${designUnit} * 2px);
+    margin-top: calc(${designUnit} * 2px);
+  }
+
   .submit-button {
     width: 70px;
     margin: 0;

package/dist/esm/form.template.js

@@ -1,4 +1,5 @@
-import { html, when } from '@microsoft/fast-element';
+import { sync } from '@genesislcap/foundation-utils';
+import { html, ref, when } from '@microsoft/fast-element';
 import { JSONForms } from './jsonforms/json-forms';
 import { ArrayListWrapper } from './jsonforms/renderers/ArrayListWrapperRenderer';
 import { CategorizationWrapper } from './jsonforms/renderers/CategorizationWrapperRenderer';
@@ -39,6 +40,35 @@ export const getPrefixedForm = (prefix) => html `
           </${prefix}-button>
         </slot>
       `)}
+    <${prefix}-modal
+      ${ref('approvalModal')}
+      part="approval-modal"
+      :onCloseCallback=${(x) => x.closeApprovalModal.bind(x)}
+      data-test-id="approval-message-modal"
+    >
+      <div slot="top">${(x) => x.approvalMessageLabel} (required)</div>
+      <div>
+        <${prefix}-text-field
+          value=${sync((x) => x.approvalMessage, 'string', 'input')}
+          placeholder="Enter approval message..."
+        ></${prefix}-text-field>
+      </div>
+      <div slot="bottom" class="approval-message-actions">
+        <${prefix}-button
+          appearance="neutral"
+          @click="${(x) => x.closeApprovalModal()}"
+        >
+          Cancel
+        </${prefix}-button>
+        <${prefix}-button
+          appearance="accent"
+          @click="${(x) => x.submitWithApproval()}"
+          ?disabled=${(x) => !x.approvalMessage || !x.approvalMessage.trim()}
+        >
+          Submit
+        </${prefix}-button>
+      </div>
+    </${prefix}-modal>
   </template>
 `;
 /** @internal */

package/dist/foundation-forms.api.json

@@ -1000,6 +1000,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Form#approvalMessageLabel:member",
+              "docComment": "/**\n * Label for the approval message field in the approval dialog.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "approvalMessageLabel: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "approvalMessageLabel",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Form#confirmationMessage:member",

package/dist/foundation-forms.d.ts

@@ -724,6 +724,26 @@ export declare class Form extends Form_base {
      * @public
      */
     setApprovalMessage: boolean;
+    /**
+     * Label for the approval message field in the approval dialog.
+     * @public
+     */
+    approvalMessageLabel: string;
+    /**
+     * Reference to the approval message modal element.
+     * @internal
+     */
+    approvalModal: any;
+    /**
+     * Stores the approval message entered by the user.
+     * @internal
+     */
+    approvalMessage: string;
+    /**
+     * Stores the original payload for retry after approval message is provided.
+     * @internal
+     */
+    private pendingPayload;
     /**
      * UI schema used to define configuration of the layout and elements in the form
      * Check {@link UiSchema} for possible options
@@ -857,6 +877,21 @@ export declare class Form extends Form_base {
      * @public
      */
     reset(clearData?: boolean): void;
+    /**
+     * Show the approval message modal
+     * @internal
+     */
+    private showApprovalModal;
+    /**
+     * Close the approval message modal
+     * @internal
+     */
+    closeApprovalModal(): void;
+    /**
+     * Submit with approval message
+     * @internal
+     */
+    submitWithApproval(): Promise<void>;
 }
 
 declare const Form_base: (new (...args: any[]) => {
@@ -970,10 +1005,7 @@ declare const Form_base: (new (...args: any[]) => {
     removeAttribute(qualifiedName: string): void;
     removeAttributeNS(namespace: string | null, localName: string): void;
     removeAttributeNode(attr: Attr): Attr;
-    requestFullscreen(options? /**
-    * Builds the commit payload for the form submission.
-    * @internal
-    */: FullscreenOptions): Promise<void>;
+    requestFullscreen(options?: FullscreenOptions): Promise<void>;
     requestPointerLock(options?: PointerLockOptions): Promise<void>;
     scroll(options?: ScrollToOptions): void;
     scroll(x: number, y: number): void;

package/docs/api/foundation-forms.form.approvalmessagelabel.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Form](./foundation-forms.form.md) &gt; [approvalMessageLabel](./foundation-forms.form.approvalmessagelabel.md)
+
+## Form.approvalMessageLabel property
+
+Label for the approval message field in the approval dialog.
+
+**Signature:**
+
+```typescript
+approvalMessageLabel: string;
+```

package/docs/api/foundation-forms.form.md

@@ -54,6 +54,25 @@ Description
 Allows to provide set of additional renderers used by the form.
 
 
+</td></tr>
+<tr><td>
+
+[approvalMessageLabel](./foundation-forms.form.approvalmessagelabel.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+Label for the approval message field in the approval dialog.
+
+
 </td></tr>
 <tr><td>
 

package/docs/api-report.md.api.md

@@ -131,6 +131,13 @@ export class Form extends Form_base {
     additionalRenderers: RendererEntry[];
     // @internal (undocumented)
     additionalRenderersChanged(): void;
+    // @internal
+    approvalMessage: string;
+    approvalMessageLabel: string;
+    // @internal
+    approvalModal: any;
+    // @internal
+    closeApprovalModal(): void;
     confirmationMessage: string;
     data: any;
     // @internal (undocumented)
@@ -161,6 +168,8 @@ export class Form extends Form_base {
     submitted: boolean;
     // @internal (undocumented)
     submitting: boolean;
+    // @internal
+    submitWithApproval(): Promise<void>;
     uischema: UiSchema;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.363.0",
+  "version": "14.364.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -48,22 +48,22 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.363.0",
-    "@genesislcap/genx": "14.363.0",
-    "@genesislcap/rollup-builder": "14.363.0",
-    "@genesislcap/ts-builder": "14.363.0",
-    "@genesislcap/uvu-playwright-builder": "14.363.0",
-    "@genesislcap/vite-builder": "14.363.0",
-    "@genesislcap/webpack-builder": "14.363.0",
+    "@genesislcap/foundation-testing": "14.364.0",
+    "@genesislcap/genx": "14.364.0",
+    "@genesislcap/rollup-builder": "14.364.0",
+    "@genesislcap/ts-builder": "14.364.0",
+    "@genesislcap/uvu-playwright-builder": "14.364.0",
+    "@genesislcap/vite-builder": "14.364.0",
+    "@genesislcap/webpack-builder": "14.364.0",
     "@types/json-schema": "^7.0.11"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.363.0",
-    "@genesislcap/foundation-criteria": "14.363.0",
-    "@genesislcap/foundation-logger": "14.363.0",
-    "@genesislcap/foundation-notifications": "14.363.0",
-    "@genesislcap/foundation-ui": "14.363.0",
-    "@genesislcap/foundation-utils": "14.363.0",
+    "@genesislcap/foundation-comms": "14.364.0",
+    "@genesislcap/foundation-criteria": "14.364.0",
+    "@genesislcap/foundation-logger": "14.364.0",
+    "@genesislcap/foundation-notifications": "14.364.0",
+    "@genesislcap/foundation-ui": "14.364.0",
+    "@genesislcap/foundation-utils": "14.364.0",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -84,5 +84,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "40c64eb7db47bb801edd34ec3ae5e4c726afe40a"
+  "gitHead": "a37dabc49e6a5e2bea7ea0047c9494d37cef2d95"
 }