Merge pull request #2992 from abilpraju-aot/FWF-5449

FWF-5449 [feature] Added new build page for process and subflow

Author: arun-s-aot

forms-flow-web/src/helper/routerHelper.js

@@ -63,8 +63,30 @@ const navigateToResubmit = (dispatch, tenantId, formId, submissionId ) => {
   navigateTo(dispatch,`${getRoute(tenantId).FORM}/${formId}/submissions/${submissionId}/resubmit`);
 };
 
+/* ---------------------------  Process Creation Routes --------------------------- */
+const navigateToSubflowBuild = (dispatch, tenantId) => {
+  navigateTo(dispatch, `${getRoute(tenantId).SUBFLOW}/build`);
+};
 
+const navigateToDecisionTableBuild = (dispatch, tenantId) => {
+  navigateTo(dispatch, `${getRoute(tenantId).DECISIONTABLE}/build`);
+};
 
+const navigateToSubflowCreate = (dispatch, tenantId) => {
+  navigateTo(dispatch, `${getRoute(tenantId).SUBFLOW}/create`);
+};
+
+const navigateToDecisionTableCreate = (dispatch, tenantId) => {
+  navigateTo(dispatch, `${getRoute(tenantId).DECISIONTABLE}/create`);
+};
+
+const navigateToSubflowEdit = (dispatch, tenantId, processKey) => {
+  navigateTo(dispatch, `${getRoute(tenantId).SUBFLOW}/edit/${processKey}`);
+};
+
+const navigateToDecisionTableEdit = (dispatch, tenantId, processKey) => {
+  navigateTo(dispatch, `${getRoute(tenantId).DECISIONTABLE}/edit/${processKey}`);
+};
 
 export {
   navigateToDesignFormsListing,
@@ -79,4 +101,10 @@ export {
   navigateToDraftEdit,
   navigateToViewSubmission,  
   navigateToResubmit,
+  navigateToSubflowBuild,
+  navigateToDecisionTableBuild,
+  navigateToSubflowCreate,
+  navigateToDecisionTableCreate,
+  navigateToSubflowEdit,
+  navigateToDecisionTableEdit,
 };

forms-flow-web/src/routes/Design/Forms/FlowEdit.js

@@ -7,7 +7,7 @@ import React, {
 } from "react";
 import {
   CustomButton,
-  ConfirmModal,
+  PromptModal,
   // HistoryModal,
   //CurlyBracketsIcon,
   VariableSelection,
@@ -343,19 +343,23 @@ const enableWorkflowChange = async () => {
       <>
         {/* <Card> */}
         <div>
-          <ConfirmModal
+          <PromptModal
             show={showDiscardModal}
             title={t(`Discard Flow Changes?`)}
             message={t(
               "Are you sure you want to discard all unsaved changes to the flow of the form?"
             )}
-            messageSecondary={t("This action cannot be undone.")}
             primaryBtnAction={handleDiscardConfirm}
             onClose={handleDiscardModal}
             primaryBtnText={t("Yes, Discard All Unsaved Changes")}
             secondaryBtnText={t("No, Keep The Changes")}
             secondaryBtnAction={handleDiscardModal}
-            size="sm"
+            type="warning"
+            size="md"
+            primaryBtndataTestid="discard-confirm-button"
+            secondoryBtndataTestid="discard-cancel-button"
+            primaryBtnariaLabel={t("Yes, Discard All Unsaved Changes")}
+            secondoryBtnariaLabel={t("No, Keep The Changes")}
           />
           {/* <div className="head">
             {createDesigns && (
@@ -408,9 +412,10 @@ const enableWorkflowChange = async () => {
           {/* </Card> */}
         </div>
         {showMigrationModal && (
-          <ConfirmModal
+          <PromptModal
             show={showMigrationModal}
             title={t("***Migration Notice***")}
+            size="lg"
             message={
               <div>
                 <div className="message-primary mb-3">
@@ -457,7 +462,6 @@ const enableWorkflowChange = async () => {
               </div>
             }
             primaryBtnDisable={!isMigrationChecked}
-            messageSecondary={null} // You can set this to `null` or remove it entirely if unused
             primaryBtnAction={handleMigration}
             onClose={handleCloseMigration}
             primaryBtnText={t(
@@ -466,7 +470,13 @@ const enableWorkflowChange = async () => {
             secondaryBtnText={t("Cancel")}
             secondaryBtnAction={handleCloseMigration}
             buttonLoading={isMigrationLoading}
-            size="sm"
+            type="info"
+            primaryBtndataTestid="migration-confirm-button"
+            secondoryBtndataTestid="migration-cancel-button"
+            primaryBtnariaLabel={t(
+              "Link this form that will keep the current flow and its history"
+            )}
+            secondoryBtnariaLabel={t("Cancel")}
           />
         )}
 

forms-flow-web/src/routes/Design/Process/ProcessCreateEdit.js

@@ -20,9 +20,8 @@ import {
   createNewDecision,
 } from "../../../components/Modeler/helpers/helper";
 import {
-  ConfirmModal,
-  ErrorModal,
-  HistoryModal,
+  PromptModal,
+  HistoryPage,
   V8CustomButton,
   FormStatusIcon
 } from "@formsflow/components";
@@ -632,17 +631,21 @@ const ProcessCreateEdit = ({ type }) => {
   return (
     <div>
       <NavigateBlocker isBlock={isWorkflowChanged} message={"You have made changes that are not saved yet"}  />
-      <ConfirmModal
+      <PromptModal
         show={showConfirmModal}
         title={modalContent.title}
         message={modalContent.message}
-        messageSecondary={modalContent.messageSecondary || ""}
         primaryBtnAction={modalContent.primaryBtnAction}
         onClose={closeModal}
         secondaryBtnAction={modalContent.secondaryBtnAction}
         primaryBtnText={modalContent.primaryBtnText}
         secondaryBtnText={modalContent.secondaryBtnText}
-        size="md"
+        type="warning"
+        size={modalType === "unpublish" ? "lg" : "md"}
+        primaryBtndataTestid="confirm-primary-button"
+        secondoryBtndataTestid="confirm-secondary-button"
+        primaryBtnariaLabel={modalContent.primaryBtnText}
+        secondoryBtnariaLabel={modalContent.secondaryBtnText}
       />
 
             <div className="header-section-1">
@@ -745,16 +748,20 @@ const ProcessCreateEdit = ({ type }) => {
         errorMessage={exportError}
       />
       {showErrorModal && (
-        <ErrorModal
+        <PromptModal
           show={showErrorModal}
           onClose={handleCloseErrorModal}
           title={t("Error(s)")}
           message={errorMessage}
           primaryBtnAction={handleCloseErrorModal}
           primaryBtnText={t("Dismiss")}
+          size="lg"
+          type="error"
+          primaryBtndataTestid="error-dismiss-button"
+          primaryBtnariaLabel={t("Dismiss")}
         />
       )}
-      <HistoryModal
+      <HistoryPage
         show={activeTab.secondary === 'history'}
         onClose={() => handleTabClick('layout')}
         title={t("History")}