From fb4f5719431fc0134b347b920e08302234708911 Mon Sep 17 00:00:00 2001
From: Ajinkya Pande <ajinkya.pande@tekditechnologies.com>
Date: Mon, 25 Nov 2024 15:40:18 +0530
Subject: [PATCH 1/3] Issueid #231004 feat:play youtube help video in
 mylearning iframe

---
 src/components/Assesment/Assesment.jsx | 58 ++++----------------------
 1 file changed, 9 insertions(+), 49 deletions(-)

diff --git a/src/components/Assesment/Assesment.jsx b/src/components/Assesment/Assesment.jsx
index 3d07ef07..c9142c85 100644
--- a/src/components/Assesment/Assesment.jsx
+++ b/src/components/Assesment/Assesment.jsx
@@ -647,14 +647,16 @@ const Assesment = ({ discoverStart }) => {
 
   const { virtualId } = useSelector((state) => state.user);
 
-  const [isVideoOpen, setIsVideoOpen] = useState(false);
-
   const handleOpenVideo = () => {
-    setIsVideoOpen(true);
-  };
-
-  const handleCloseVideo = () => {
-    setIsVideoOpen(false);
+    if (process.env.REACT_APP_SHOW_HELP_VIDEO === "true") {
+      window.parent.postMessage(
+        {
+          helpVideo: process.env.REACT_APP_SHOW_HELP_VIDEO_LINK,
+          message: "help-video-link",
+        },
+        "*"
+      );
+    }
   };
 
   const navigate = useNavigate();
@@ -855,48 +857,6 @@ const Assesment = ({ discoverStart }) => {
           </Box>
         </MainLayout>
       )}
-      {/* Video Modal */}
-      <Dialog
-        open={isVideoOpen}
-        onClose={handleCloseVideo}
-        maxWidth="lg"
-        fullWidth
-      >
-        <Box
-          sx={{
-            position: "relative",
-            width: "100%",
-            paddingTop: "56.25%", // Maintain 16:9 aspect ratio
-            backgroundColor: "black", // Optional: Ensure a dark background
-          }}
-        >
-          <iframe
-            src={process.env.REACT_APP_SHOW_HELP_VIDEO_LINK}
-            title="YouTube video"
-            frameBorder="0"
-            allow="autoplay; encrypted-media"
-            allowFullScreen
-            style={{
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%",
-            }}
-          />
-        </Box>
-        <IconButton
-          onClick={handleCloseVideo}
-          sx={{
-            position: "absolute",
-            top: 8,
-            right: 8,
-            zIndex: 1,
-          }}
-        >
-          <CloseIcon />
-        </IconButton>
-      </Dialog>
     </>
   );
 };

From caf4d243a00e9d7ee7bd2d123f1a7ff664b5b178 Mon Sep 17 00:00:00 2001
From: Ajinkya Pande <ajinkya.pande@tekditechnologies.com>
Date: Mon, 25 Nov 2024 21:34:21 +0530
Subject: [PATCH 2/3] Issueid #231004 feat:play youtube help video in
 mylearning iframe

---
 src/components/Assesment/Assesment.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Assesment/Assesment.jsx b/src/components/Assesment/Assesment.jsx
index c9142c85..fca754c9 100644
--- a/src/components/Assesment/Assesment.jsx
+++ b/src/components/Assesment/Assesment.jsx
@@ -651,7 +651,6 @@ const Assesment = ({ discoverStart }) => {
     if (process.env.REACT_APP_SHOW_HELP_VIDEO === "true") {
       window.parent.postMessage(
         {
-          helpVideo: process.env.REACT_APP_SHOW_HELP_VIDEO_LINK,
           message: "help-video-link",
         },
         "*"

From 599989945096daabcdfd5df8716093e6c4fea4cc Mon Sep 17 00:00:00 2001
From: Ajinkya Pande <ajinkya.pande@tekditechnologies.com>
Date: Tue, 26 Nov 2024 14:25:53 +0530
Subject: [PATCH 3/3] Issueid #231004 feat:play youtube help video in
 mylearning iframe

---
 src/components/Assesment/Assesment.jsx | 35 +++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/components/Assesment/Assesment.jsx b/src/components/Assesment/Assesment.jsx
index fca754c9..61332e88 100644
--- a/src/components/Assesment/Assesment.jsx
+++ b/src/components/Assesment/Assesment.jsx
@@ -649,12 +649,35 @@ const Assesment = ({ discoverStart }) => {
 
   const handleOpenVideo = () => {
     if (process.env.REACT_APP_SHOW_HELP_VIDEO === "true") {
-      window.parent.postMessage(
-        {
-          message: "help-video-link",
-        },
-        "*"
-      );
+      let allowedOrigins = [];
+      try {
+        allowedOrigins = JSON.parse(
+          process.env.REACT_APP_PARENT_ORIGIN_URL || "[]"
+        );
+      } catch (error) {
+        console.error(
+          "Invalid JSON format in REACT_APP_PARENT_ORIGIN_URL:",
+          error
+        );
+      }
+
+      const parentOrigin =
+        window?.location?.ancestorOrigins?.[0] || window.parent.location.origin;
+
+      if (allowedOrigins.includes(parentOrigin)) {
+        try {
+          window.parent.postMessage(
+            {
+              message: "help-video-link",
+            },
+            parentOrigin
+          );
+        } catch (error) {
+          console.error("Error sending postMessage:", error);
+        }
+      } else {
+        console.warn(`Parent origin "${parentOrigin}" is not allowed.`);
+      }
     }
   };