@nualang/nualang-ui-components 0.1.1278 → 0.1.1280

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -32,7 +32,8 @@ const AssignmentCardsList = ({
   memberId,
   handleViewProgress,
   lastAssignmentFetch,
-  assignmentMembersById
+  assignmentMembersById = {},
+  isLoadingAssignments
 }) => {
   const [lastClickedExerciseId, setLastClickedExerciseId] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
@@ -48,9 +49,81 @@ const AssignmentCardsList = ({
       }
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    mb: 1,
-    children: assignments.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  if (isLoadingAssignments) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      mb: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        sx: {
+          mb: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+          variant: "text",
+          width: 160,
+          height: 36
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+          variant: "circular",
+          width: 40,
+          height: 40
+        })]
+      }), Array.from({
+        length: 3
+      }).map((_, idx) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
+          border: "1px solid",
+          borderColor: "divider",
+          borderRadius: 2,
+          p: 2,
+          mb: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+          variant: "text",
+          width: "30%",
+          height: 28
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+          variant: "text",
+          width: "55%"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+          variant: "rectangular",
+          height: 80,
+          sx: {
+            my: 1.5,
+            borderRadius: 1
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          display: "flex",
+          gap: 1,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+            variant: "rectangular",
+            width: 120,
+            height: 36,
+            sx: {
+              borderRadius: 1
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+            variant: "rectangular",
+            width: 120,
+            height: 36,
+            sx: {
+              borderRadius: 1
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+            variant: "rectangular",
+            width: 80,
+            height: 36,
+            sx: {
+              borderRadius: 1
+            }
+          })]
+        })]
+      }, idx))]
+    });
+  }
+  if (assignments.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      mb: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
         alignItems: "center",
         sx: {
@@ -126,61 +199,65 @@ const AssignmentCardsList = ({
           })
         })]
       })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        sx: {
-          mb: 2
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-          variant: "h5",
-          children: t("assignments")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-          placement: "left",
-          title: t("refresh_assignments"),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
-            onClick: refreshAssignments,
-            "aria-label": "refresh",
-            size: "large",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Refresh.default, {})
-          })
-        })]
-      }), assignments.filter(assignment => {
-        if (isCreator) return true;
-        if (Array.isArray(assignment.assignedStudents) && !assignment.assignedStudents.includes(memberId)) {
-          return false;
-        }
-        if (!assignment.scheduleDate) return true;
-        return new Date(assignment.scheduleDate) <= new Date();
-      }).map((assignment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCard.default, {
-        index: index,
-        lastAssignmentFetch: lastAssignmentFetch,
-        assignment: assignment,
-        t: t,
-        isCreator: isCreator,
-        getCourses: getCourses,
-        getCourseSections: getCourseSections,
-        getRoleplays: getRoleplays,
-        deleteAssignment: deleteAssignment,
-        handleEditAssignment: handleEditAssignment,
-        lastClickedExerciseId: lastClickedExerciseId,
-        progressHelpers: progressHelpers,
-        fetchMemberCourseCompletions: fetchMemberCourseCompletions,
-        username: username,
-        preferred_username: preferred_username,
-        memberId: memberId,
-        handleViewProgress: handleViewProgress,
-        assignedStudents: assignmentMembersById[assignment.assignmentId] || []
-      }, assignment.assignmentId))]
-    })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    mb: 1,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        variant: "h5",
+        children: t("assignments")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+        placement: "left",
+        title: t("refresh_assignments"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+          onClick: refreshAssignments,
+          "aria-label": "refresh",
+          size: "large",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Refresh.default, {})
+        })
+      })]
+    }), assignments.filter(assignment => {
+      if (isCreator) return true;
+      if (Array.isArray(assignment.assignedStudents) && !assignment.assignedStudents.includes(memberId)) {
+        return false;
+      }
+      if (!assignment.scheduleDate) return true;
+      return new Date(assignment.scheduleDate) <= new Date();
+    }).map((assignment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCard.default, {
+      index: index,
+      lastAssignmentFetch: lastAssignmentFetch,
+      assignment: assignment,
+      t: t,
+      isCreator: isCreator,
+      getCourses: getCourses,
+      getCourseSections: getCourseSections,
+      getRoleplays: getRoleplays,
+      deleteAssignment: deleteAssignment,
+      handleEditAssignment: handleEditAssignment,
+      lastClickedExerciseId: lastClickedExerciseId,
+      progressHelpers: progressHelpers,
+      fetchMemberCourseCompletions: fetchMemberCourseCompletions,
+      username: username,
+      preferred_username: preferred_username,
+      memberId: memberId,
+      handleViewProgress: handleViewProgress,
+      assignedStudents: assignmentMembersById[assignment.assignmentId] || []
+    }, assignment.assignmentId))]
   });
 };
 AssignmentCardsList.propTypes = {
   t: _propTypes.default.func,
   assignments: _propTypes.default.array,
   isCreator: _propTypes.default.bool,
-  onRefresh: _propTypes.default.func
+  onRefresh: _propTypes.default.func,
+  isLoadingAssignments: _propTypes.default.bool,
+  assignmentMembersById: _propTypes.default.object
 };
 var _default = exports.default = AssignmentCardsList;

package/dist/Dialogs/DynamicAIWarning/DynamicAIWarning.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ResponsiveDialog = _interopRequireDefault(require("../ResponsiveDialog"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+var _material = require("@mui/material");
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _East = _interopRequireDefault(require("@mui/icons-material/East"));
+var _owl = _interopRequireDefault(require("./owl.png"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import { useState } from "react";
+// components
+
+function DynamicAIWarning({
+  t = text => text,
+  open = false,
+  handleClose,
+  handleSubmit,
+  dialogTitle
+}) {
+  const submit = event => {
+    event.preventDefault();
+    handleSubmit();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ResponsiveDialog.default, {
+    open: open,
+    handleClose: handleClose,
+    submitText: t("classroom_settings"),
+    dialogTitle: dialogTitle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      width: "100%",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "h6",
+        component: "h2",
+        gutterBottom: true,
+        align: "left",
+        paddingBottom: 1,
+        children: t("chatbot_now_ai")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "body2",
+        align: "left",
+        gutterBottom: true,
+        children: t("chatbot_now_ai_desc")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "body2",
+        align: "left",
+        marginTop: 2,
+        gutterBottom: true,
+        children: t("chatbot_now_ai_benefit")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        alignItems: "center",
+        mt: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.default, {
+          sx: {
+            ml: -0.5,
+            mr: 0.5,
+            color: "text.secondary"
+          },
+          fontSize: "small"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "body2",
+          align: "left",
+          children: t("ai_learn_more")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_East.default, {
+          sx: {
+            ml: 0.5,
+            color: "text.secondary"
+          },
+          fontSize: "small"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        component: "a",
+        href: "https://www.waysidepublishing.com/teaching-resources/ai-enhanced-nualang-chatbot",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        sx: {
+          width: "100%",
+          borderRadius: 2,
+          my: 2,
+          backgroundColor: "#f9f0fa",
+          border: "1px solid #c2c2c2",
+          boxShadow: 1,
+          overflow: "hidden",
+          textDecoration: "none",
+          color: "black",
+          cursor: "pointer",
+          transition: "0.3s",
+          "&:hover": {
+            boxShadow: 3,
+            backgroundColor: "#f3e5f5"
+          }
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          flex: 2,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            variant: "body1",
+            gutterBottom: true,
+            ml: 1,
+            children: t("chatbot_now_ai")
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          flex: 1,
+          display: "flex",
+          justifyContent: "flex-end",
+          alignItems: "center",
+          height: "100%",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            component: "img",
+            src: _owl.default,
+            alt: "AI Illustration",
+            sx: {
+              height: 60,
+              width: 60,
+              objectFit: "cover",
+              objectPosition: "center",
+              borderTopRightRadius: 8,
+              borderBottomRightRadius: 8,
+              display: "block"
+            }
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        alignItems: "center",
+        pt: 1,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Settings.default, {
+          sx: {
+            ml: -0.5,
+            mr: 0.5,
+            color: "text.secondary"
+          },
+          fontSize: "small"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "body2",
+          align: "left",
+          children: t("prefer_original_version")
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        variant: "body2",
+        align: "left",
+        children: [t("chatbot_now_ai_revert_settings"), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "span",
+          variant: "body2",
+          sx: {
+            color: "primary.main",
+            cursor: "pointer",
+            fontWeight: "bold"
+          },
+          onClick: submit,
+          children: t("classroom_settings")
+        }), " ", "for this class."]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
+      sx: {
+        paddingTop: 3,
+        marginBottom: -2,
+        width: "100%"
+      }
+    })]
+  });
+}
+var _default = exports.default = DynamicAIWarning;

package/dist/Exercises/Bot/Bot.js

@@ -151,9 +151,14 @@ function Bot({
     toggleListen(learnLang, speechContexts, model);
   };
   let isDynamicResponsesClassroomEnabled = isDynamicResponsesEnabled;
-  if (courseSettings?.isDynamicResponsesEnabled === "enabled") {
-    isDynamicResponsesClassroomEnabled = "enable";
-  } else if (courseSettings?.isDynamicResponsesEnabled === "disabled") {
+  const parentClassroomDynamicResponsesEnabled = parentClassroom?.isDynamicResponsesEnabled === undefined || parentClassroom?.isDynamicResponsesEnabled === "enabled";
+  if (parentClassroomDynamicResponsesEnabled) {
+    if (courseSettings?.isDynamicResponsesEnabled === "enabled") {
+      isDynamicResponsesClassroomEnabled = "enable";
+    } else if (courseSettings?.isDynamicResponsesEnabled === "disabled") {
+      isDynamicResponsesClassroomEnabled = "disable";
+    }
+  } else {
     isDynamicResponsesClassroomEnabled = "disable";
   }
   const exerciseState = (0, _useExerciseState.default)({

package/dist/Forms/CreateBot/Steps/BotSettings/BotSettings.js

@@ -105,11 +105,11 @@ function BotSettings({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "enable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("enable")
+              label: t("enabled")
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "disable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("disable")
+              label: t("disabled")
             })]
           })]
         })
@@ -136,11 +136,11 @@ function BotSettings({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: true,
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("enable")
+              label: t("enabled")
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: false,
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("disable")
+              label: t("disabled")
             })]
           })]
         })
@@ -179,11 +179,11 @@ function BotSettings({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "enable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("enable")
+              label: t("enabled")
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "disable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("disable")
+              label: t("disabled")
             })]
           })]
         })

package/dist/Forms/CreateClassroom/CreateClassroom.js

@@ -37,6 +37,7 @@ function CreateClassroom({
       visibility: "private",
       vchatEnabled: true,
       vchatEnabledInSettings: true,
+      isDynamicResponsesEnabled: 'enabled',
       enrolmentKey: "",
       allowedDomains: [],
       collaborators: [],

package/dist/Forms/CreateClassroom/Steps/ClassroomSettings/ClassroomSettings.js

@@ -10,6 +10,7 @@ var Yup = _interopRequireWildcard(require("yup"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _ChipInput = _interopRequireDefault(require("../../../../Forms/ChipInput"));
 var _index = require("../../../../utils/index");
+var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -25,6 +26,8 @@ function ClassroomSettings({
   isUpdateClassroom = false,
   scrollToDiscuss = false,
   setScrollToDiscuss,
+  scrollToDynamicResponses = false,
+  setScrollToDynamicResponses,
   isVideoChatEnabled
 }) {
   const {
@@ -32,9 +35,11 @@ function ClassroomSettings({
     enrolmentKey,
     allowedDomains,
     collaborators,
-    vchatEnabledInSettings
+    vchatEnabledInSettings,
+    isDynamicResponsesEnabled
   } = values;
   const vchatEnabledInSettingsRef = (0, _react.useRef)(null);
+  const dynamicResponsesRef = (0, _react.useRef)(null);
   const generateRandomEnrolmentKey = () => {
     return String(Math.floor(Math.random() * 90000) + 10000);
   };
@@ -55,6 +60,15 @@ function ClassroomSettings({
       setScrollToDiscuss(false);
     }
   }, [scrollToDiscuss]);
+  (0, _react.useEffect)(() => {
+    if (scrollToDynamicResponses) {
+      dynamicResponsesRef.current.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+      setScrollToDynamicResponses(false);
+    }
+  }, [scrollToDynamicResponses]);
   const isInviteFeatureDisabled = classroomId && classroomId.toLowerCase().includes("wayside");
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
@@ -271,6 +285,54 @@ function ClassroomSettings({
             })]
           })]
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+        ref: dynamicResponsesRef,
+        size: {
+          xs: 12,
+          md: 12
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+          component: "fieldset",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormLabel, {
+            component: "legend",
+            children: [t("dynamic_response"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+              title: t("dynamic_responses_info"),
+              placement: "right",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+                sx: {
+                  padding: 0,
+                  marginLeft: 1
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Help.default, {
+                  fontSize: "small"
+                })
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            color: "textSecondary",
+            children: t("dynamic_response_desc")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
+            row: true,
+            "aria-label": "isDynamicResponsesEnabled",
+            name: "isDynamicResponsesEnabled",
+            value: isDynamicResponsesEnabled || 'enabled',
+            onChange: handleChange,
+            onBlur: handleBlur,
+            helperText: touched.isDynamicResponsesEnabled ? errors.isDynamicResponsesEnabled : "",
+            error: touched.isDynamicResponsesEnabled && Boolean(errors.isDynamicResponsesEnabled),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: 'enabled',
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("enabled"),
+              "data-cy": "enable-dynamic-responses-in-settings"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: 'disabled',
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("disabled"),
+              "data-cy": "disable-dynamic-responses-in-settings"
+            })]
+          })]
+        })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       children: t("add_collaborators")

package/dist/Forms/CreateClassroom/Steps/CourseSettings/CourseSettings.js

@@ -18,7 +18,8 @@ function Settings({
   errors,
   handleBlur,
   courseId,
-  setFieldValue
+  setFieldValue,
+  classroomIsDynamicResponsesEnabled
 }) {
   const {
     courseSettings
@@ -68,11 +69,11 @@ function Settings({
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "enabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("enable")
+            label: t("enabled")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "disabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("disable")
+            label: t("disabled")
           })]
         })]
       })
@@ -115,11 +116,11 @@ function Settings({
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "enabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("enable")
+            label: t("enabled")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "disabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("disable")
+            label: t("disabled")
           })]
         })]
       })
@@ -162,11 +163,11 @@ function Settings({
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "enabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("enable")
+            label: t("enabled")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "disabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("disable")
+            label: t("disabled")
           })]
         })]
       })
@@ -200,7 +201,7 @@ function Settings({
           row: true,
           "aria-label": "Dynamic Responses",
           name: `courseSettings.${courseId}.isDynamicResponsesEnabled`,
-          value: thisCoursesSettings.isDynamicResponsesEnabled || "default",
+          value: classroomIsDynamicResponsesEnabled === 'disabled' ? 'disabled' : thisCoursesSettings.isDynamicResponsesEnabled || "default",
           onChange: event => {
             const newCourseSettings = {
               ...courseSettings,
@@ -217,11 +218,12 @@ function Settings({
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "default",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("course_default")
+            label: t("course_default"),
+            disabled: classroomIsDynamicResponsesEnabled === 'disabled'
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
             value: "disabled",
             control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-            label: t("disable")
+            label: t("disabled")
           })]
         })]
       })
@@ -237,7 +239,8 @@ function Course({
   errors,
   handleChange,
   handleBlur,
-  setFieldValue
+  setFieldValue,
+  classroomIsDynamicResponsesEnabled
 }) {
   const [open, setOpen] = (0, _react.useState)(false);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.List, {
@@ -289,7 +292,8 @@ function Course({
           handleChange: handleChange,
           handleBlur: handleBlur,
           courseId: course.courseId,
-          setFieldValue: setFieldValue
+          setFieldValue: setFieldValue,
+          classroomIsDynamicResponsesEnabled: classroomIsDynamicResponsesEnabled
         })
       })
     })]
@@ -303,7 +307,8 @@ function CourseSettings({
   touched,
   handleChange,
   handleBlur,
-  setFieldValue
+  setFieldValue,
+  classroomIsDynamicResponsesEnabled
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: courses.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -318,7 +323,8 @@ function CourseSettings({
         errors: errors,
         handleChange: handleChange,
         handleBlur: handleBlur,
-        setFieldValue: setFieldValue
+        setFieldValue: setFieldValue,
+        classroomIsDynamicResponsesEnabled: classroomIsDynamicResponsesEnabled
       }))]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       children: t("classroom_courses_not_found_desc")

package/dist/Forms/CreateRoleplay/Steps/RoleplaySettings/RoleplaySettings.js

@@ -103,11 +103,11 @@ function RoleplaySettings({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "enable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("enable")
+              label: t("enabled")
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "disable",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("disable")
+              label: t("disabled")
             })]
           })]
         })]
@@ -135,11 +135,11 @@ function RoleplaySettings({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: false,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("enable")
+                label: t("enabled")
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: true,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("disable")
+                label: t("disabled")
               })]
             })]
           })
@@ -162,11 +162,11 @@ function RoleplaySettings({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: false,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("enable")
+                label: t("enabled")
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: true,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("disable")
+                label: t("disabled")
               })]
             })]
           })
@@ -189,11 +189,11 @@ function RoleplaySettings({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: false,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("enable")
+                label: t("enabled")
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: true,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("disable")
+                label: t("disabled")
               })]
             })]
           })
@@ -216,11 +216,11 @@ function RoleplaySettings({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: false,
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("enable")
+              label: t("enabled")
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: true,
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("disable")
+              label: t("disabled")
             })]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
@@ -242,11 +242,11 @@ function RoleplaySettings({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: false,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("enable")
+                label: t("enabled")
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: true,
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("disable")
+                label: t("disabled")
               })]
             })]
           })

package/dist/Forms/CreateRoleplayHook/Steps/RoleplaySettings/RoleplaySettings.js

@@ -113,11 +113,11 @@ function RoleplaySettings({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: "enable",
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("enable")
+                label: t("enabled")
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                 value: "disable",
                 control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                label: t("disable")
+                label: t("disabled")
               })]
             })
           })]
@@ -157,11 +157,11 @@ function RoleplaySettings({
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: false,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("enable")
+                  label: t("enabled")
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: true,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("disable")
+                  label: t("disabled")
                 })]
               })
             })]
@@ -196,11 +196,11 @@ function RoleplaySettings({
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: false,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("enable")
+                  label: t("enabled")
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: true,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("disable")
+                  label: t("disabled")
                 })]
               })
             })]
@@ -235,11 +235,11 @@ function RoleplaySettings({
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: false,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("enable")
+                  label: t("enabled")
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: true,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("disable")
+                  label: t("disabled")
                 })]
               })
             })]
@@ -274,11 +274,11 @@ function RoleplaySettings({
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: false,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("enable")
+                  label: t("enabled")
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: true,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("disable")
+                  label: t("disabled")
                 })]
               })
             })]
@@ -313,11 +313,11 @@ function RoleplaySettings({
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: false,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("enable")
+                  label: t("enabled")
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
                   value: true,
                   control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-                  label: t("disable")
+                  label: t("disabled")
                 })]
               })
             })]

package/dist/Forms/UpdateClassroom/UpdateClassroom.js

@@ -32,7 +32,8 @@ function UpdateClassroom({
     collaborators: [],
     tags: [],
     picture: null,
-    courseSettings: {}
+    courseSettings: {},
+    isDynamicResponsesEnabled: 'enabled'
   },
   onSubmit,
   enableReinitialize,
@@ -46,6 +47,8 @@ function UpdateClassroom({
   courses,
   scrollToDiscuss,
   setScrollToDiscuss,
+  scrollToDynamicResponses,
+  setScrollToDynamicResponses,
   isClassroomArchived = false,
   verificationStatus,
   isVideoChatEnabled
@@ -67,7 +70,8 @@ function UpdateClassroom({
     picture,
     banner,
     tags,
-    courseSettings
+    courseSettings,
+    isDynamicResponsesEnabled
   } = initialValues;
   const courseIds = courses.map(course => course.courseId);
   let validatedCourseSettings;
@@ -180,7 +184,8 @@ function UpdateClassroom({
         allowedDomains,
         collaborators,
         vchatEnabled,
-        vchatEnabledInSettings
+        vchatEnabledInSettings,
+        isDynamicResponsesEnabled
       },
       enableReinitialize: enableReinitialize,
       validationSchema: _Steps.ClassroomSettings.validationSchema,
@@ -224,6 +229,8 @@ function UpdateClassroom({
                   values: values,
                   scrollToDiscuss: scrollToDiscuss,
                   setScrollToDiscuss: setScrollToDiscuss,
+                  scrollToDynamicResponses: scrollToDynamicResponses,
+                  setScrollToDynamicResponses: setScrollToDynamicResponses,
                   isVideoChatEnabled: isVideoChatEnabled,
                   ...otherProps
                 })
@@ -345,6 +352,7 @@ function UpdateClassroom({
                   values: values,
                   handleChange: handleChange,
                   setFieldValue: setFieldValue,
+                  classroomIsDynamicResponsesEnabled: isDynamicResponsesEnabled,
                   ...otherProps
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CardActions, {

package/dist/Screens/Activity/Exercise/Attempt/Attempt.js

@@ -480,7 +480,7 @@ function Attempt({
   const hasInappropriate = (0, _react.useMemo)(() => (messages || []).some(m => m.studentInappropriate), [messages]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes.root,
-    children: [hasInappropriate && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [hasInappropriate && isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         backgroundColor: "#ffcccc",
         padding: "10px",

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -41,7 +41,6 @@ var _index = _interopRequireDefault(require("../../../utils/placeholder-images/i
 var _CreateMeetingMultiStepForm = _interopRequireDefault(require("../../../Forms/CreateMeetingMultiStepForm/CreateMeetingMultiStepForm"));
 var _RecordingListCards = _interopRequireDefault(require("../../../Tables/RecordingListCards/RecordingListCards"));
 var _MeetingPromptsList = _interopRequireDefault(require("../../../Tables/MeetingPrompstList/MeetingPromptsList"));
-var _SubmissionsTableCards = _interopRequireDefault(require("../../../Tables/SubmissionsTableCards/SubmissionsTableCards"));
 var _SelectExercise = _interopRequireDefault(require("../../../Dialogs/SelectExercise"));
 var _iconsMaterial = require("@mui/icons-material");
 var _Discussions = _interopRequireDefault(require("../../../Misc/NotFound/Discussions"));
@@ -58,6 +57,7 @@ var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp")
 var _AssignmentCardsList = _interopRequireDefault(require("../../../Assignments/AssignmentCardsList/AssignmentCardsList"));
 var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
 var _CreatorNotSubscribedUpgrade = _interopRequireDefault(require("../../../Dialogs/CreatorNotSubscribedUpgrade/CreatorNotSubscribedUpgrade"));
+var _DynamicAIWarning = _interopRequireDefault(require("../../../Dialogs/DynamicAIWarning/DynamicAIWarning"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -501,6 +501,7 @@ function Classroom({
   assignedCourses,
   assignmentMembersById,
   email,
+  isLoadingAssignments,
   ...otherProps
 }) {
   const {
@@ -552,9 +553,18 @@ function Classroom({
   const [isPictureDialogOpen, setIsPictureDialogOpen] = (0, _react.useState)(false);
   const [overwriteValue, setOverwriteValue] = (0, _react.useState)(null);
   const [scrollToDiscuss, setScrollToDiscuss] = (0, _react.useState)(false);
+  const [scrollToDynamicResponses, setScrollToDynamicResponses] = (0, _react.useState)(false);
+  const [displayDynamicAiDialog, setDisplayDynamicAiDialog] = (0, _react.useState)(false);
   const isWaysideClassroom = classroom?.classroomId?.toLowerCase().includes("wayside");
   const [isSubscriptionExpired, setIsSubscriptionExpired] = (0, _react.useState)(false);
   let tabs;
+  (0, _react.useEffect)(() => {
+    const hasDisplayed = localStorage.getItem("displayDynamicAiDialog");
+    if (!hasDisplayed && classroom?.isCreator) {
+      setDisplayDynamicAiDialog(true);
+      localStorage.setItem("displayDynamicAiDialog", "true");
+    }
+  }, [classroom]);
   (0, _react.useEffect)(() => {
     if (creatorSubscription?.isPaidUser === false) {
       setIsSubscriptionExpired(true);
@@ -864,6 +874,11 @@ function Classroom({
     window.location.hash = "#Settings";
     setScrollToDiscuss(true);
   };
+  const handleGoToDynamicResponsesSettings = () => {
+    setDisplayDynamicAiDialog(false);
+    window.location.hash = "#Settings";
+    setScrollToDynamicResponses(true);
+  };
   tabs = [{
     label: t("courses"),
     id: "Courses",
@@ -948,7 +963,8 @@ function Classroom({
         getCourses: getCourses,
         refreshAssignments: refreshAssignments,
         progressHelpers: progressHelpers,
-        preferred_username: preferred_username
+        preferred_username: preferred_username,
+        isLoadingAssignments: isLoadingAssignments
       })
     }, `tab-content-assignments`)
   }, ...(isVideoChatEnabled && isNualangLiveEnabled && (isMember && isVideoChatEnabledInSettings || isCreator) ? [{
@@ -1144,6 +1160,8 @@ function Classroom({
         courses: courses,
         scrollToDiscuss: scrollToDiscuss,
         setScrollToDiscuss: setScrollToDiscuss,
+        scrollToDynamicResponses: scrollToDynamicResponses,
+        setScrollToDynamicResponses: setScrollToDynamicResponses,
         isClassroomArchived: isArchived,
         classroomMembers: classroomMembers,
         verificationStatus: verificationStatus,
@@ -1514,6 +1532,11 @@ function Classroom({
       itemId: classroomId,
       learnLang: classroom.learnLang,
       isWaysideClassroom: isWaysideClassroom
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DynamicAIWarning.default, {
+      handleSubmit: handleGoToDynamicResponsesSettings,
+      open: displayDynamicAiDialog,
+      handleClose: () => setDisplayDynamicAiDialog(false),
+      t: t
     }), run && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactJoyride.default, {
       callback: handleJoyrideCallback,
       continuous: true,

package/dist/hooks/useExerciseState.js

@@ -1350,10 +1350,12 @@ function useExerciseState({
     setIsWordBankAttemptChanged(false);
   };
   const formatBotMessages = async botMessages => {
+    // to remove baseprompt from conversation history
+    const updatedConversationHistory = conversationHistory.slice(1);
     const responses = await Promise.all(botMessages.map(async (m, i) => {
       const updatedMessage = {
         ...m,
-        studentInappropriate: conversationHistory[i]?.studentInappropriate || false
+        studentInappropriate: m?.studentInappropriate === true || updatedConversationHistory[i]?.studentInappropriate === true ? true : false
       };
       if (updatedMessage.audioBlob) {
         delete updatedMessage.audioBlob;
@@ -1577,7 +1579,7 @@ function useExerciseState({
         };
         const response = await handleMessageBot(bot.botId, body);
         if (response.errorMessage) {
-          openSnackbar("problem_getting_reply", "error");
+          openSnackbar(t("problem_getting_reply"), "error");
         } else if (typeof response === "string" && response.startsWith("Syntax error:")) {
           openSnackbar(response, "error");
         }
@@ -1596,7 +1598,7 @@ function useExerciseState({
       }
     } catch (error) {
       console.error(error);
-      openSnackbar("problem_getting_reply", "error");
+      openSnackbar(t("problem_getting_reply"), "error");
       setBotMessages(prevMessages => prevMessages.filter(message => message.isLoading !== true));
     }
   };
@@ -1687,7 +1689,7 @@ function useExerciseState({
         if (responseFromMisuse && responseFromMisuse.error) {
           openSnackbar(responseFromMisuse.error, "error");
         } else {
-          openSnackbar("student_misuse_reported", "info");
+          openSnackbar(t("student_misuse_reported"), "info");
         }
       }
     } else if (exerciseName === "roleplay") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1278",
+  "version": "0.1.1280",
   "main": "dist/index.js",
   "files": [
     "dist",