@nualang/nualang-ui-components 0.1.1260 → 0.1.1262

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -616,6 +616,7 @@ function Topic({
         }), useCase === "assignment-select" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
             checked: selectedCount === totalCount,
+            indeterminate: selectedCount > 0 && selectedCount < totalCount,
             onClick: event => {
               event.stopPropagation();
             },

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js

@@ -91,9 +91,7 @@ function Roleplay({
   assignment,
   memberCourseCompletions,
   topicProgress,
-  isCreator,
-  lastClickedExerciseId,
-  topics
+  lastClickedExerciseId
 }) {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const params = (0, _reactRouterDom.useParams)();
@@ -101,8 +99,9 @@ function Roleplay({
     classroomId
   } = params;
   const [selectedGames, setSelectedGames] = (0, _react.useState)([]);
+  const [indeterminate, setIndeterminate] = (0, _react.useState)(false);
   const [courseId, sectionId, topicId] = courseSectionTopicId ? courseSectionTopicId.split("|") : "";
-  const [lasClickedCourseId, lasClickedSectionId, lasClickedTopicId, lastClickedAssignmentId, lastClickedRoleplayId] = lastClickedExerciseId?.split("|") || [];
+  const [lastClickedAssignmentId, lastClickedRoleplayId] = lastClickedExerciseId?.split("|") || [];
   const addSearchParams = exercise => {
     if (!classroomId || !courseId || !sectionId || !topicId || !roleplay?.roleplayId) {
       console.error("Missing required parameters for navigation");
@@ -118,8 +117,9 @@ function Roleplay({
   const games = ["roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"];
   const [isSelectAllChecked, setIsSelectAllChecked] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
-    const count = selectedExercises?.filter(exercise => exercise.roleplayId === roleplay.roleplayId).length;
+    const count = selectedExercises?.filter(exercise => exercise.roleplayId === roleplay.roleplayId).length || 0;
     setIsSelectAllChecked(count === games.length);
+    setIndeterminate(count > 0 && count < games.length);
     const roleplayNames = selectedExercises?.filter(ex => ex.roleplayId === roleplay.roleplayId).map(ex => ex.name);
     setSelectedGames(roleplayNames);
   }, [selectedExercises, roleplay.roleplayId]);
@@ -130,6 +130,8 @@ function Roleplay({
         name: name
       }));
       handleSelectExercise(removeExercises);
+      setIsSelectAllChecked(false);
+      setIndeterminate(false);
     } else {
       let gamesToAdd = [];
       games.forEach(name => {
@@ -143,6 +145,8 @@ function Roleplay({
         }
       });
       handleSelectExercise(gamesToAdd);
+      setIsSelectAllChecked(true);
+      setIndeterminate(false);
     }
   };
   const isRoleplayEmpty = roleplay?.script?.length === 0 || !roleplay?.script?.some(line => line.text !== undefined);
@@ -271,6 +275,7 @@ function Roleplay({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
                 checked: isSelectAllChecked,
+                indeterminate: indeterminate,
                 onChange: handleSelectAll,
                 onClick: event => {
                   event.stopPropagation();

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -14,8 +14,6 @@ var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
 var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _DatePicker = require("@mui/x-date-pickers/DatePicker");
 var _mui = require("tss-react/mui");
-var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _AssignmentSelectExercise = _interopRequireDefault(require("../AssignmentSelectExercise/AssignmentSelectExercise"));
 var _AssignmentExerciseSelector = _interopRequireDefault(require("../AssignmentExerciseSelector/AssignmentExerciseSelector"));
@@ -57,7 +55,7 @@ function CreateAssignmentDialog({
   getCourses,
   initialData = {},
   dialogTitle,
-  userEmail = ''
+  userEmail = ""
 }) {
   const {
     classes
@@ -71,14 +69,15 @@ function CreateAssignmentDialog({
   const [assignment, setAssignment] = (0, _react.useState)({
     classroomId: classroom?.length > 0 ? [classroom] : [],
     assignedStudents: members?.map(member => member.memberId),
-    title: "",
-    instructions: "",
+    title: initialData.title ? initialData.title : undefined,
+    instructions: initialData.instructions ? initialData.instructions : t("default_assignment_instructions"),
     type: "assignment",
     scheduleDate: (0, _dayjs.default)(),
     dueDate: (0, _dayjs.default)().add(1, "day"),
     exercises: submittedExercises,
     ...initialData
   });
+  const [isTitleEdited, setIsTitleEdited] = (0, _react.useState)(Boolean(initialData.title));
   const classroomQuery = useQueries({
     queries: (Array.isArray(assignment.classroomId) ? assignment.classroomId : [assignment.classroomId]).map(cId => ({
       queryKey: _Queries.classrooms.classroomKeys.item(cId, username),
@@ -178,11 +177,26 @@ function CreateAssignmentDialog({
   }, [coursesQuery.data, coursesQuery.isSuccess, classrooms, assignment.classroomId]);
   (0, _react.useEffect)(() => {
     let filteredCourses = selectedCourses.filter(course => submittedExercises.some(exercise => exercise.courseSectionTopicId?.split("|")[0] === course.courseId));
-    setAssignment({
-      ...assignment,
+    setAssignment(prev => ({
+      ...prev,
       courses: filteredCourses
+    }));
+    const selectedTopicIds = new Set(submittedExercises.map(ex => ex.courseSectionTopicId));
+    const topicNames = Array.from(new Set(filteredCourses.flatMap(course => course.sections?.flatMap(section => section.topics?.flatMap(topic => {
+      const topicKey = `${course.courseId}|${section.sectionId}|${topic.topicId}`;
+      return selectedTopicIds.has(topicKey) ? topic.topicName : [];
+    }))).filter(Boolean)));
+    setAssignment(prev => {
+      const newTitle = topicNames.length ? topicNames.join(", ") : undefined;
+      if (isTitleEdited && prev.title) {
+        return prev;
+      }
+      return {
+        ...prev,
+        title: newTitle
+      };
     });
-  }, [selectedCourses, submittedExercises]);
+  }, [selectedCourses, submittedExercises, isTitleEdited]);
   const classroomMembers = async uniqueClassroomMembers => {
     const formattedMembers = await getMemberDetails(uniqueClassroomMembers);
     setMembers(formattedMembers);
@@ -212,40 +226,38 @@ function CreateAssignmentDialog({
   const handleCloseSelectExercise = () => {
     setIsSelectExerciseOpen(false);
   };
-  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  const handleMenuOpen = event => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleMenuClose = () => {
-    setAnchorEl(null);
-  };
   const handleChange = field => event => {
     let value = event?.target?.value ?? event;
-    setAssignment(prev => {
-      if (field === "assignedStudents") {
-        return {
-          ...prev,
-          assignedStudents: typeof value === "string" ? value.split(",") : value
-        };
-      }
-      if (field === "classroomId") {
-        return {
-          ...prev,
-          classroomId: typeof value === "string" ? value.split(",") : value
-        };
-      }
-      if (field === "classroom") {
-        return {
-          ...prev,
-          classroomId: value,
-          assignedStudents: []
-        };
+    if (field === "title") {
+      setIsTitleEdited(true);
+    }
+    if (field === "assignedStudents") {
+      if (value.includes("select-all")) {
+        const allSelected = assignment.assignedStudents.length === members.length;
+        value = allSelected ? [] : members.map(m => m.memberId);
       }
-      return {
+      return setAssignment(prev => ({
         ...prev,
-        [field]: value
-      };
-    });
+        assignedStudents: typeof value === "string" ? value.split(",") : value
+      }));
+    }
+    if (field === "classroomId") {
+      return setAssignment(prev => ({
+        ...prev,
+        classroomId: typeof value === "string" ? value.split(",") : value
+      }));
+    }
+    if (field === "classroom") {
+      return setAssignment(prev => ({
+        ...prev,
+        classroomId: value,
+        assignedStudents: []
+      }));
+    }
+    return setAssignment(prev => ({
+      ...prev,
+      [field]: value
+    }));
   };
   const handleCreateAssignment = async () => {
     try {
@@ -331,7 +343,7 @@ function CreateAssignmentDialog({
               MenuProps: {
                 PaperProps: {
                   sx: {
-                    width: 'auto',
+                    width: "auto",
                     maxWidth: 400
                   }
                 },
@@ -390,21 +402,6 @@ function CreateAssignmentDialog({
                 })
               }, c.classroomId))
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
-            "data-cy": "assignment-title-input",
-            label: t("assignment_title"),
-            fullWidth: true,
-            value: assignment.title,
-            onChange: handleChange("title"),
-            required: true
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
-            "data-cy": "assignment-description-input",
-            label: t("assignment_description"),
-            fullWidth: true,
-            multiline: true,
-            rows: 3,
-            value: assignment.instructions,
-            onChange: handleChange("instructions")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
             disableHoverListener: selectedCourses?.length > 0,
             disableFocusListener: selectedCourses?.length > 0,
@@ -412,7 +409,7 @@ function CreateAssignmentDialog({
             title: t("no_shared_courses"),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               style: {
-                display: 'inline-block'
+                display: "inline-block"
               },
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
                 "data-cy": "assignment-exercise-selector-button",
@@ -453,24 +450,70 @@ function CreateAssignmentDialog({
             flexDirection: "column",
             gap: 2
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            "data-cy": "assignment-title-input",
+            label: t("assignment_title"),
+            fullWidth: true,
+            value: assignment.title,
+            onChange: handleChange("title"),
+            required: true,
+            InputLabelProps: {
+              shrink: true
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            "data-cy": "assignment-description-input",
+            label: t("assignment_description"),
+            fullWidth: true,
+            multiline: true,
+            rows: 3,
+            value: assignment.instructions,
+            onChange: handleChange("instructions")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
             fullWidth: true,
             disabled: !assignment.classroomId,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
               id: "members-label",
               required: true,
-              children: t("select_members")
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+              children: t("assign_to")
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
               labelId: "members-label",
               id: "assignedStudents",
               "data-cy": "assignment-members-selector",
-              label: t("select_members"),
+              label: t("assign_to"),
               multiple: true,
               required: true,
               value: assignment.assignedStudents,
               onChange: handleChange("assignedStudents"),
-              renderValue: selected => selected?.map(memberId => members?.find(member => member.memberId === memberId))?.map(member => member?.username).join(", "),
-              children: members?.map(member => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+              renderValue: selected => assignment.assignedStudents.length === members.length ? t("all_students") : selected?.map(memberId => members?.find(member => member.memberId === memberId))?.map(member => member?.username).join(", "),
+              MenuProps: {
+                PaperProps: {
+                  sx: {
+                    maxHeight: 300
+                  }
+                },
+                MenuListProps: {
+                  disablePadding: true
+                },
+                autoFocus: false,
+                disableAutoFocusItem: true
+              },
+              children: [members.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+                value: "select-all",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    width: "100%"
+                  },
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+                    primary: t("all_students")
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+                    checked: assignment.assignedStudents.length === members.length,
+                    indeterminate: assignment.assignedStudents.length > 0 && assignment.assignedStudents.length < members.length
+                  })]
+                })
+              }), members.map(member => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
                 value: member.memberId,
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
                   src: member.userImage,
@@ -482,19 +525,51 @@ function CreateAssignmentDialog({
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
                   checked: assignment.assignedStudents?.includes(member.memberId)
                 })]
-              }, member.memberId))
+              }, member.memberId))]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            sx: {
+              display: "flex",
+              width: "100%",
+              alignItems: "center",
+              justifyContent: "space-between"
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+              dateAdapter: _AdapterDayjs.AdapterDayjs,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
+                label: t("assign_date"),
+                value: assignment.scheduleDate,
+                onChange: date => setAssignment(prev => ({
+                  ...prev,
+                  scheduleDate: date
+                })),
+                disablePast: true,
+                maxDate: assignment.dueDate,
+                sx: {
+                  width: "45%"
+                },
+                format: "DD MMM YYYY"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              variant: "h4",
+              children: "-"
+            }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+              dateAdapter: _AdapterDayjs.AdapterDayjs,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
+                "data-cy": "assignment-date-picker",
+                label: t("due"),
+                value: assignment.dueDate,
+                disablePast: true,
+                onChange: date => setAssignment(prev => ({
+                  ...prev,
+                  dueDate: date
+                })),
+                sx: {
+                  width: "45%"
+                },
+                format: "DD MMM YYYY"
+              })
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
-            dateAdapter: _AdapterDayjs.AdapterDayjs,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
-              "data-cy": "assignment-date-picker",
-              label: t("due_date"),
-              value: assignment.dueDate,
-              onChange: date => setAssignment(prev => ({
-                ...prev,
-                dueDate: date
-              }))
-            })
           })]
         })
       })]
@@ -517,66 +592,17 @@ function CreateAssignmentDialog({
         },
         onClick: handleClose,
         children: t("cancel")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonGroup, {
         variant: "contained",
         color: "primary",
         sx: {
           borderRadius: 10
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
           "data-cy": "assignment-assign-button",
           disabled: !assignment.assignedStudents?.length || !assignment.scheduleDate || !assignment.dueDate || !assignment.title || !assignment.classroomId || !assignment.exercises?.length,
           onClick: async () => await handleCreateAssignment(),
           children: t("assign")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-          color: "primary",
-          onClick: handleMenuOpen,
-          sx: {
-            minWidth: "40px",
-            padding: "6px"
-          },
-          disabled: !assignment.assignedStudents?.length || !assignment.scheduleDate || !assignment.dueDate || !assignment.title || !assignment.classroomId || !assignment.exercises?.length,
-          children: anchorEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropUp.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropDown.default, {})
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
-        anchorEl: anchorEl,
-        open: Boolean(anchorEl),
-        onClose: handleMenuClose,
-        anchorOrigin: {
-          vertical: "top",
-          horizontal: "left"
-        },
-        transformOrigin: {
-          vertical: "bottom",
-          horizontal: "left"
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-          display: "flex",
-          flexDirection: "column",
-          width: "100%",
-          gap: 1,
-          padding: 2,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
-            dateAdapter: _AdapterDayjs.AdapterDayjs,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
-              label: t("assign_date"),
-              value: assignment.scheduleDate,
-              onChange: date => setAssignment(prev => ({
-                ...prev,
-                scheduleDate: date
-              }))
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-            variant: "outlined",
-            color: "primary",
-            fullWidth: true,
-            "data-cy": "assignment-schedule-button",
-            onClick: async () => {
-              await handleCreateAssignment();
-              handleMenuClose();
-            },
-            children: t("schedule_assignment")
-          })]
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentSelectExercise.default, {

package/dist/Cards/Course/Course.js

@@ -114,7 +114,7 @@ function OverflowMenu({
             onClick: async () => {
               await handleDuplicateCourse(course, classroomId);
             },
-            disabled: !canDuplicateCourse || course.duplicated,
+            disabled: !canDuplicateCourse || course.duplicated && course.duplicatedBy !== 'creator',
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardElements.CardMenuIcon, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileCopy.default, {
                 fontSize: "small"

package/dist/Editors/Bot/Editor/Editor.js

@@ -1211,16 +1211,6 @@ function Editor({
             topicPhrases: topicPhrases,
             updateRivescriptJSON: updateRivescriptJSON,
             initialTopicGoal: initialTopicGoal
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-            display: "flex",
-            alignItems: "center",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultColourButton.default, {
-              size: "small",
-              onClick: handleOpenEditorModal,
-              endIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowForward.default, {}),
-              variant: "outlined",
-              children: t("advanced_editor")
-            })
           })]
         }) : null]
       })

package/dist/Exercises/Bot/Bot.js

@@ -103,7 +103,11 @@ function Bot({
   parentClassroom,
   isHeritageSpeaker,
   classroomId,
-  assignment
+  assignment,
+  i18nLanguage,
+  isDynamicResponsesEnabled,
+  aiChatbotConversationHistory,
+  isUserInternal
 }) {
   const theme = (0, _styles.useTheme)();
   const {
@@ -181,7 +185,11 @@ function Bot({
     clearQueue,
     stopAudio,
     isHeritageSpeaker,
-    classroomId
+    classroomId,
+    i18nLanguage,
+    isDynamicResponsesEnabled,
+    aiChatbotConversationHistory,
+    isUserInternal
   });
   const {
     muteSound,

package/dist/Forms/CreateBot/CreateBot.js

@@ -43,7 +43,8 @@ function CreateBot({
     botAvatar: "",
     tags: [],
     phrasesToBoost: [],
-    isAdvancedBot: false
+    isAdvancedBot: false,
+    isDynamicResponsesEnabled: "enable"
   },
   learnLang,
   subscription = {

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

@@ -21,7 +21,8 @@ function BotSettings({
   errors,
   handleChange,
   handleBlur,
-  subscription
+  subscription,
+  isUserInternal
 }) {
   const {
     classes
@@ -29,7 +30,8 @@ function BotSettings({
   const {
     visibility,
     translationEnabled,
-    isAdvancedBot
+    isAdvancedBot,
+    isDynamicResponsesEnabled
   } = values;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
@@ -137,6 +139,36 @@ function BotSettings({
             })]
           })]
         })]
+      }), isUserInternal && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+        size: 12,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          gutterBottom: true,
+          children: t("dynamic_response_desc")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+          component: "fieldset",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, {
+            component: "legend",
+            children: t("dynamic_response")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
+            className: classes.group,
+            "aria-label": "isDynamicResponsesEnabled",
+            name: "isDynamicResponsesEnabled",
+            value: isDynamicResponsesEnabled,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            helperText: touched.isDynamicResponsesEnabled ? errors.isDynamicResponsesEnabled : "",
+            error: touched.isDynamicResponsesEnabled && Boolean(errors.isDynamicResponsesEnabled),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: "enable",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("enable")
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: "disable",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("disable")
+            })]
+          })]
+        })]
       })]
     })
   });

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

@@ -49,7 +49,8 @@ const useStyles = (0, _mui.makeStyles)()(theme => ({
 function Confirmation({
   t = text => text,
   values,
-  subscription
+  subscription,
+  isUserInternal
 }) {
   const {
     classes
@@ -58,7 +59,8 @@ function Confirmation({
     visibility,
     translationEnabled,
     studentInstructions,
-    isAdvancedBot
+    isAdvancedBot,
+    isDynamicResponsesEnabled
   } = values;
   const [open, setOpen] = (0, _react.useState)(false);
   const templateProps = {
@@ -83,7 +85,7 @@ function Confirmation({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
           container: true,
           sx: {
-            width: '100%'
+            width: "100%"
           },
           spacing: 1,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
@@ -173,6 +175,35 @@ function Confirmation({
                 })]
               })]
             })]
+          }), isUserInternal && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+            size: 12,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              gutterBottom: true,
+              display: "block",
+              children: t("dynamic_response_desc")
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+              component: "fieldset",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, {
+                component: "legend",
+                children: t("dynamic_response")
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
+                className: classes.group,
+                "aria-label": "isDynamicResponsesEnabled",
+                name: "isDynamicResponsesEnabled",
+                value: isDynamicResponsesEnabled,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+                  disabled: true,
+                  value: "enable",
+                  control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+                  label: t("enable")
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+                  disabled: true,
+                  value: "disable",
+                  control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+                  label: t("disable")
+                })]
+              })]
+            })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
             size: {
               xs: 12,

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

@@ -29,7 +29,8 @@ function CourseSettings({
     allowedDomains,
     collaborators,
     isShareable,
-    duplicated
+    duplicated,
+    duplicatedBy
   } = values;
   const {
     email
@@ -92,43 +93,12 @@ function CourseSettings({
               value: "public",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
               label: t("public"),
-              disabled: duplicated
+              disabled: duplicatedBy === 'community' && duplicated
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
               value: "private",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
               label: t("private"),
-              disabled: duplicated
-            })]
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-        size: {
-          xs: 12,
-          md: 12
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
-          component: "fieldset",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, {
-            component: "legend",
-            children: t("duplication")
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
-            "aria-label": "duplication",
-            name: "isShareable",
-            value: isShareable,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            helperText: touched.isShareable ? errors.isShareable : "",
-            error: touched.isShareable && Boolean(errors.isShareable),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-              value: "everyone",
-              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("everyone"),
-              disabled: duplicated
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-              value: "collaborators",
-              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
-              label: t("collaborators_only"),
-              disabled: duplicated
+              disabled: duplicatedBy === 'community' && duplicated
             })]
           })]
         })
@@ -184,6 +154,37 @@ function CourseSettings({
             fullWidth: true
           })]
         })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+        size: {
+          xs: 12,
+          md: 12
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+          component: "fieldset",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, {
+            component: "legend",
+            children: t("duplication")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.RadioGroup, {
+            "aria-label": "duplication",
+            name: "isShareable",
+            value: isShareable,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            helperText: touched.isShareable ? errors.isShareable : "",
+            error: touched.isShareable && Boolean(errors.isShareable),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: "everyone",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("everyone"),
+              disabled: duplicatedBy === 'community' && duplicated
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+              value: "collaborators",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {}),
+              label: t("collaborators_only"),
+              disabled: duplicatedBy === 'community' && duplicated
+            })]
+          })]
+        })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       children: t("add_collaborators")
@@ -216,7 +217,7 @@ function CourseSettings({
           variant: "outlined",
           multiline: true,
           fullWidth: true,
-          restrictCollaboratorDomains: duplicated,
+          restrictCollaboratorDomains: duplicatedBy === 'community' && duplicated,
           userEmail: email
         }), !subscription.isPaidUser && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
           title: subscription.isUpgradePossible ? t("upgrade_plan_explanation") : t("upgrade_subscription_student"),
@@ -237,7 +238,7 @@ function CourseSettings({
             variant: "outlined",
             multiline: true,
             fullWidth: true,
-            restrictCollaboratorDomains: duplicated,
+            restrictCollaboratorDomains: duplicatedBy === 'community' && duplicated,
             userEmail: email
           })
         })]

package/dist/Forms/UpdateBot/UpdateBot.js

@@ -43,7 +43,8 @@ function UpdateBot({
     creatorInstructions: "",
     studentInstructions: "",
     tags: [],
-    phrasesToBoost: []
+    phrasesToBoost: [],
+    isDynamicResponsesEnabled: "enable"
   },
   verificationStatus,
   onSubmit,
@@ -79,7 +80,8 @@ function UpdateBot({
     studentInstructions,
     introMessage,
     tags,
-    phrasesToBoost
+    phrasesToBoost,
+    isDynamicResponsesEnabled
   } = initialValues;
   const difficultyOptions = difficulties.map((d, idx) => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
@@ -172,7 +174,8 @@ function UpdateBot({
       initialValues: {
         visibility,
         translationEnabled,
-        picture
+        picture,
+        isDynamicResponsesEnabled
       },
       enableReinitialize: enableReinitialize,
       validationSchema: _Steps.BotSettings.validationSchema,
@@ -213,7 +216,8 @@ function UpdateBot({
                   values: values,
                   ...otherProps,
                   isUpdating: true,
-                  subscription: subscription
+                  subscription: subscription,
+                  isUserInternal: isUserInternal
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardActions.default, {
                 className: classes.padding,

package/dist/Forms/UpdateCourse/UpdateCourse.js

@@ -33,7 +33,8 @@ function UpdateCourse({
     collaborators: [],
     picture: null,
     isShareable: "",
-    duplicated: false
+    duplicated: false,
+    duplicatedBy: ""
   },
   difficulties = ["A1", "A2", "B1", "B2", "C1", "C2"],
   onSubmit,
@@ -69,7 +70,8 @@ function UpdateCourse({
     tags,
     collaborators,
     isShareable,
-    duplicated
+    duplicated,
+    duplicatedBy
   } = initialValues;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
@@ -144,7 +146,8 @@ function UpdateCourse({
         allowedDomains,
         collaborators,
         isShareable: isShareable ?? "collaborators",
-        duplicated
+        duplicated,
+        duplicatedBy
       },
       enableReinitialize: enableReinitialize,
       validationSchema: _Steps.CourseSettings.validationSchema,

package/dist/Screens/Courses/Courses.js

@@ -64,7 +64,8 @@ function Courses({
   username,
   memberId,
   handleDuplicateCourse,
-  email
+  email,
+  isTeacher
 }) {
   const {
     classes
@@ -138,7 +139,8 @@ function Courses({
           username: username,
           handleDuplicateCourse: handleDuplicateCourse,
           cardTitleComponent: "h2",
-          email: email
+          email: email,
+          isTeacher: isTeacher
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           py: 2,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Courses2.default, {
@@ -176,7 +178,8 @@ function Courses({
           memberId: memberId,
           username: username,
           handleDuplicateCourse: handleDuplicateCourse,
-          cardTitleComponent: "h2"
+          cardTitleComponent: "h2",
+          isTeacher: isTeacher
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           py: 2,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Courses2.default, {

package/dist/hooks/useExerciseState.js

@@ -68,7 +68,11 @@ function useExerciseState({
   isCreator,
   isKeyboardHiddenTranslation,
   isHeritageSpeaker = false,
-  classroomId
+  classroomId,
+  i18nLanguage,
+  isDynamicResponsesEnabled,
+  aiChatbotConversationHistory,
+  isUserInternal
 }) {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const [questions, setQuestions] = (0, _react.useState)([]);
@@ -122,6 +126,8 @@ function useExerciseState({
   const [isWordBankAttemptChanged, setIsWordBankAttemptChanged] = (0, _react.useState)(false);
   const [isKeyboardHidden, setIsKeyboardHidden] = (0, _react.useState)(false);
   const [isAssignmentExercise, setIsAssignmentExercise] = (0, _react.useState)(false);
+  const [isFirstMessage, setIsFirstMessage] = (0, _react.useState)(true);
+  const [conversationHistory, setConversationHistory] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {
     if (isLiveGame && existingMessages && existingMessages.length > 0) {
       setRoleplayMessages(existingMessages);
@@ -1154,7 +1160,6 @@ function useExerciseState({
     if (isSkipped === true) {
       handleExerciseSkip(answerAttempt);
     }
-    console.log("answerAttempt is", answerAttempt);
     if (isCorrect && isCaseCorrect) {
       handleCorrect(answerAttempt);
     } else if (correctWordCounter >= 1 && !isCaseCorrect) {
@@ -1528,7 +1533,13 @@ function useExerciseState({
       resetTranscript();
       const body = {
         message: botText,
-        vars: botVars
+        vars: botVars,
+        isFirstMessage: aiChatbotConversationHistory.length !== 0 ? false : isFirstMessage,
+        i18nLanguage,
+        isDynamicResponsesEnabled: isUserInternal ? isDynamicResponsesEnabled === "enable" ? true : false : false,
+        conversationHistory,
+        botProgess: aiChatbotConversationHistory,
+        botTemplate: bot.selectedTemplate ? bot.selectedTemplate : ''
       };
       const response = await handleMessageBot(bot.botId, body);
       if (response.errorMessage) {
@@ -1539,11 +1550,13 @@ function useExerciseState({
       if (response && response.reply) {
         setBotText("");
         setBotVars(response.vars);
+        setConversationHistory(response.conversationHistory);
         handleReset();
         if (clearAttemptAudio) {
           clearAttemptAudio();
         }
         addBotMessage(response.reply, false, true);
+        setIsFirstMessage(false);
       }
     } catch (error) {
       console.error(error);

package/package.json

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