TaskId #0000 task:implemted popup message for demo version for milestone level 5

src/config/config.js

@@ -1,10 +1,25 @@
 /* Constants to be used across the app */
 
 export const APP_CONSTANTS = {
-    APP_TITLE: 'Consuli',
-    PAGE_NOT_FOUND: 'Page Not found',
+  APP_TITLE: "Consuli",
+  PAGE_NOT_FOUND: "Page Not found",
 };
 
 export const API_CONSTANTS = {
-    API_URL: 'http://localhost:3001/',
+  API_URL: "http://localhost:3001/",
+};
+
+export const POPUP_TEXT_CONSTANT = {
+  DEMO_MAX_MILESTONE_POPUP_TEXT: (
+    <>
+      You have reached the final milestone for the demo. To explore additional
+      levels, please{" "}
+      <a href="mailto:sunbird@tekditechnologies.com">click here</a> to contact
+      the ALL support team.
+    </>
+  ),
+};
+
+export const MILESTONE_LEVEL = {
+  DEMO_MAX_MILESTONE_LEVEL: "m5",
 };

src/views/Practice/Practice.jsx

@@ -21,6 +21,7 @@ import { Typography } from "@mui/material";
 import config from "../../utils/urlConstants.json";
 import { MessageDialog } from "../../components/Assesment/Assesment";
 import { Log } from "../../services/telementryService";
+import { POPUP_TEXT_CONSTANT, MILESTONE_LEVEL } from "../../config/config";
 
 const Practice = () => {
   const [page, setPage] = useState("");
@@ -248,6 +249,15 @@ const Practice = () => {
             );
           }
           setLocalData("previous_level", getSetData.data.previous_level);
+          if (
+            getSetData.data.previous_level ===
+            MILESTONE_LEVEL.DEMO_MAX_MILESTONE_LEVEL
+          ) {
+            setOpenMessageDialog({
+              message: POPUP_TEXT_CONSTANT.DEMO_MAX_MILESTONE_POPUP_TEXT,
+              dontShowHeader: true,
+            });
+          }
           if (getSetData.data.sessionResult === "pass") {
             try {
               await axios.post(