Added Functionalities for publish and save

Author: abilpraju-aot

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,8 +20,7 @@ import {
   createNewDecision,
 } from "../../../components/Modeler/helpers/helper";
 import {
-  ConfirmModal,
-  ErrorModal,
+  PromptModal,
   HistoryPage,
   V8CustomButton,
   FormStatusIcon
@@ -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,13 +748,17 @@ 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")}
         />
       )}
       <HistoryPage

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

@@ -281,10 +281,10 @@ const ProcessTable = React.memo(() => {
       height: 55,
       renderCell: params => (
         <span className="d-flex align-items-center">
-          {params.value === "active" ?
+          {params.value === "Published" ?
             <span className="status-live"></span> :
             <span className="status-draft"></span>}
-          {params.value === "active" ? t("Live") : t("Draft")}
+          {params.value === "Published" ? t("Live") : t("Draft")}
         </span>
       ),
     },