@nualang/nualang-ui-components 0.1.1298 → 0.1.1300

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -7,6 +7,7 @@ import { courses as courseQuerys, ReactQuery } from "@nualang/nualang-api-and-qu
 import useConfirm from "../../hooks/useConfirm";
 import { Delete } from "@mui/icons-material";
 import { Edit } from "@mui/icons-material";
+import dayjs from "dayjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function AssignmentCard({
   t = text => text,
@@ -40,32 +41,6 @@ export default function AssignmentCard({
       await deleteAssignment(classroomId, assignmentId);
     }
   };
-  const calculateDaysUntilDue = (dueDate, scheduledDate, t) => {
-    const now = new Date();
-    const due = new Date(dueDate);
-    const scheduled = new Date(scheduledDate);
-    if (scheduled > now) {
-      const daysUntilScheduled = Math.ceil((scheduled - now) / (1000 * 60 * 60 * 24));
-      if (daysUntilScheduled === 1) {
-        return t("available_tomorrow");
-      } else if (daysUntilScheduled === 0) {
-        return t("available_today");
-      } else {
-        return `${t("available_in")} ${daysUntilScheduled} ${t("days")}`;
-      }
-    }
-    const diffTime = due - now;
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-    if (diffDays < 0) {
-      return t("overdue");
-    } else if (diffDays === 0) {
-      return t("due_today");
-    } else if (diffDays === 1) {
-      return t("due_tomorrow");
-    } else {
-      return `${t("due_in")} ${diffDays} ${t("days")}`;
-    }
-  };
   const {
     uniqueCourses
   } = useMemo(() => {
@@ -147,10 +122,11 @@ export default function AssignmentCard({
             })]
           })
         }), /*#__PURE__*/_jsx(Grid, {
+          textAlign: "right",
           children: /*#__PURE__*/_jsx(Typography, {
             variant: "button",
             color: "text.secondary",
-            children: calculateDaysUntilDue(assignment.dueDate, assignment.scheduleDate, t)
+            children: dayjs(assignment.scheduleDate).isAfter(dayjs()) ? `${t("available_from")} ${dayjs(assignment.scheduleDate).format("DD MMM YYYY • h:mm A")}` : `${t("due")} ${dayjs(assignment.dueDate).format("DD MMM YYYY • h:mm A")}`
           })
         }), isCreator && /*#__PURE__*/_jsxs(Grid, {
           children: [/*#__PURE__*/_jsx(Tooltip, {

package/dist/Assignments/AssignmentCourseSelection/AssignmentCourseSelection.js

@@ -31,6 +31,7 @@ function Course({
   lastClickedExerciseId,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent
 }) {
   const numOfIds = lastClickedExerciseId ? lastClickedExerciseId.split("|") : [];
@@ -87,7 +88,7 @@ function Course({
       }
     });
     if (courseSections && memberCourseCompletions && selectedExercises) {
-      const sectionsWithProgress = calcCompletions(courseSections.filter(section => assignedSectionIds.has(section.sectionId)), memberCourseCompletions, selectedExercises);
+      const sectionsWithProgress = calcCompletions(courseSections.filter(section => assignedSectionIds.has(section.sectionId)), memberCourseCompletions, selectedExercises, true);
       const percentCompletion = calcPercentageCompletion(sectionsWithProgress);
       setCourseSectionCompletion(percentCompletion);
     }
@@ -176,6 +177,7 @@ function Course({
             progressHelpers: progressHelpers,
             memberCourseCompletions: memberCourseCompletions,
             lastClickedExerciseId: lastClickedExerciseId,
+            isChallengeModeEnabled: isChallengeModeEnabled,
             isChallengeModeStudent: isChallengeModeStudent
           })
         })
@@ -206,6 +208,7 @@ function Course({
         course: course,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
+        isChallengeModeEnabled: isChallengeModeEnabled,
         isChallengeModeStudent: isChallengeModeStudent
       })
     })
@@ -233,6 +236,7 @@ function AssignmentCourseSelection({
   lastClickedExerciseId,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent,
   ...otherProps
 }) {
@@ -260,6 +264,7 @@ function AssignmentCourseSelection({
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,
       isPreview: isPreview,
+      isChallengeModeEnabled: isChallengeModeEnabled,
       isChallengeModeStudent: isChallengeModeStudent
     }, course.courseId || index))
   });

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -48,6 +48,7 @@ function Exercise({
   lastClickedExerciseId,
   isPreview,
   handleRemoveExercise = null,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent
 }) {
   const [listeningHidden, setListeningHidden] = useState(false);
@@ -268,7 +269,8 @@ function Exercise({
           isCreator: isCreator,
           lastClickedExerciseId: lastClickedExerciseId,
           handleRemoveExercise: handleRemoveExercise,
-          isPreview: isPreview
+          isPreview: isPreview,
+          isChallengeModeEnabled: isChallengeModeEnabled
         })
       })
     }), name.toLowerCase() === "bots" && /*#__PURE__*/_jsx(Collapse, {
@@ -296,6 +298,7 @@ function Exercise({
           lastClickedExerciseId: lastClickedExerciseId,
           handleRemoveExercise: handleRemoveExercise,
           isPreview: isPreview,
+          isChallengeModeEnabled: isChallengeModeEnabled,
           isChallengeModeStudent: isChallengeModeStudent
         })
       })
@@ -882,13 +885,14 @@ function SectionList({
   course,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent,
   ...otherProps
 }) {
   const [courseSectionWithProgress, setCourseSectionWithProgress] = useState([]);
   useEffect(() => {
     if (sections && memberCourseCompletions && selectedExercises) {
-      const sectionsWithProgress = calcCompletions(sections, memberCourseCompletions, selectedExercises);
+      const sectionsWithProgress = calcCompletions(sections, memberCourseCompletions, true, selectedExercises);
       setCourseSectionWithProgress(sectionsWithProgress);
     }
   }, [sections, memberCourseCompletions, selectedExercises]);

package/dist/Assignments/AssignmentExerciseSelector/AssignmentExerciseSelector.js

@@ -20,6 +20,7 @@ function AssignmentExerciseSelector({
   lastClickedExerciseId,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent
 }) {
   return /*#__PURE__*/_jsx(Box, {
@@ -42,6 +43,7 @@ function AssignmentExerciseSelector({
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,
       isPreview: isPreview,
+      isChallengeModeEnabled: isChallengeModeEnabled,
       isChallengeModeStudent: isChallengeModeStudent
     })
   });

package/dist/Assignments/AssignmentSelectExercise/AssignmentSelectExercise.js

@@ -20,6 +20,7 @@ function AssignmentSelectExercise({
   preferred_username,
   progressHelpers,
   memberCourseCompletions,
+  isChallengeModeEnabled = false,
   isChallengeModeStudent
 }) {
   const [isExerciseSelected, setIsExerciseSelected] = useState(false);
@@ -93,6 +94,7 @@ function AssignmentSelectExercise({
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
         memberCourseCompletions: memberCourseCompletions,
+        isChallengeModeEnabled: isChallengeModeEnabled,
         isChallengeModeStudent: isChallengeModeStudent
       })
     })]

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -6,7 +6,7 @@ import AddIcon from "@mui/icons-material/Add";
 import Close from "@mui/icons-material/Close";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
 import { makeStyles } from "tss-react/mui";
 import dayjs from "dayjs";
 import AssignmentSelectExercise from "../AssignmentSelectExercise/AssignmentSelectExercise";
@@ -50,7 +50,8 @@ export default function CreateAssignmentDialog({
   initialData = {},
   dialogTitle,
   userEmail = "",
-  assignedStudents
+  assignedStudents,
+  isChallengeModeEnabled = false
 }) {
   const {
     classes
@@ -67,7 +68,7 @@ export default function CreateAssignmentDialog({
     title: initialData.title ? initialData.title : undefined,
     instructions: initialData.instructions ? initialData.instructions : t("default_assignment_instructions"),
     type: "assignment",
-    scheduleDate: dayjs().startOf("day"),
+    scheduleDate: dayjs().add(1, "minute"),
     dueDate: dayjs().add(1, "day").endOf("day"),
     exercises: submittedExercises,
     ...initialData
@@ -446,7 +447,8 @@ export default function CreateAssignmentDialog({
             viewOnly: true,
             useCase: "assignment-view",
             handleRemoveExercise: handleRemoveExercise,
-            isPreview: true
+            isPreview: true,
+            isChallengeModeEnabled: isChallengeModeEnabled
           })]
         })
       }), /*#__PURE__*/_jsx(Card, {
@@ -553,7 +555,7 @@ export default function CreateAssignmentDialog({
             },
             children: [/*#__PURE__*/_jsx(LocalizationProvider, {
               dateAdapter: AdapterDayjs,
-              children: /*#__PURE__*/_jsx(DatePicker, {
+              children: /*#__PURE__*/_jsx(DateTimePicker, {
                 label: t("assign_date"),
                 value: assignment.scheduleDate,
                 onChange: date => setAssignment(prev => ({
@@ -561,18 +563,18 @@ export default function CreateAssignmentDialog({
                   scheduleDate: date
                 })),
                 disablePast: true,
-                maxDate: assignment.dueDate,
+                maxDateTime: assignment.dueDate,
                 sx: {
                   width: "45%"
                 },
-                format: "DD MMM YYYY"
+                format: "DD MMM YYYY HH:mm"
               })
             }), /*#__PURE__*/_jsx(Typography, {
               variant: "h4",
               children: "-"
-            }), " ", /*#__PURE__*/_jsx(LocalizationProvider, {
+            }), /*#__PURE__*/_jsx(LocalizationProvider, {
               dateAdapter: AdapterDayjs,
-              children: /*#__PURE__*/_jsx(DatePicker, {
+              children: /*#__PURE__*/_jsx(DateTimePicker, {
                 "data-cy": "assignment-date-picker",
                 label: t("due"),
                 value: assignment.dueDate,
@@ -581,10 +583,11 @@ export default function CreateAssignmentDialog({
                   ...prev,
                   dueDate: date
                 })),
+                minDateTime: assignment.scheduleDate,
                 sx: {
                   width: "45%"
                 },
-                format: "DD MMM YYYY"
+                format: "DD MMM YYYY HH:mm"
               })
             })]
           })]
@@ -634,7 +637,8 @@ export default function CreateAssignmentDialog({
       useCase: "assignment-select",
       selectedExercises: selectedExercises,
       setSelectedExercises: setSelectedExercises,
-      setSubmittedExercises: setSubmittedExercises
+      setSubmittedExercises: setSubmittedExercises,
+      isChallengeModeEnabled: isChallengeModeEnabled
     })]
   });
 }

package/dist/Cards/Classroom/Classroom.js

@@ -193,7 +193,7 @@ function ClassroomCard({
       joinClassroom();
     }
   };
-  const memberCount = membersQuery.isSuccess ? membersQuery.data.Items.length : 0;
+  const memberCount = membersQuery.isSuccess ? (membersQuery.data.Items || []).length : 0;
   const isInviteFeatureDisabled = classroomId && classroomId.toLowerCase().includes("wayside");
   return /*#__PURE__*/_jsxs(CardContainer, {
     sx: disableRaised ? {} : classes.hover,

package/dist/Dialogs/BotPreview/BotPreview.js

@@ -6,6 +6,7 @@ import Replay from "@mui/icons-material/Replay";
 import VolumeOff from "@mui/icons-material/VolumeOff";
 import VolumeUp from "@mui/icons-material/VolumeUp";
 import InfoOutlined from "@mui/icons-material/InfoOutlined";
+import RiveScript from "@nualang/rivescript";
 
 // components
 import Chat from "../../Chat/Chat";
@@ -16,7 +17,6 @@ import useRecognition from "../../hooks/useRecognition";
 import useExerciseState from "../../hooks/useExerciseState";
 import { removeExtraWhiteSpaces } from "../../utils";
 import CloseBotPreview from "../ExerciseMenu/Menus/CloseBotPreview/CloseBotPreview";
-import RiveScript from "rivescript";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyles = makeStyles()(() => ({
   descriptionWrapper: {

package/dist/Dialogs/RecordingDialog/RecordingDialog.js

@@ -22,69 +22,46 @@ function TranscriptViewer({
       height: "150px",
       wordBreak: "break-word",
       padding: "10px",
-      marginTop: "20px"
+      marginTop: "20px",
+      width: "100%",
+      boxSizing: "border-box"
     },
     children: conversation && Object.keys(conversation).length > 0 ? conversation.map((sentence, i) => {
-      let identifier = sentence.userId ? sentence.userId : sentence.user;
-      // console.log({identifier, sentence })
-      const attendee = attendeesData.find(item => item.username === identifier);
-      const userImage = attendee ? attendee.userImage : null;
-      // console.log({ sentence, attendee, userImage, conversation })
-      return /*#__PURE__*/_jsx(Box, {
-        "aria-label": "go to time in recording",
+      const identifier = sentence.userId || sentence.username || sentence.user || sentence.speaker || sentence.name;
+      const attendee = attendeesData.find(item => item.memberId === identifier || item.username?.toLowerCase() === identifier?.toLowerCase());
+      const userImage = attendee?.userImage || null;
+      return /*#__PURE__*/_jsxs(Box, {
         onClick: () => goToTimestamp(sentence.start_time, sentence.end_time),
-        sx: {
+        sx: theme => ({
+          display: "flex",
+          alignItems: "center",
+          mb: 1,
           cursor: "pointer",
-          marginBottom: "8px",
+          p: 1,
+          borderRadius: 1,
           "&:hover": {
-            backgroundColor: "#f2f2f2"
+            backgroundColor: theme.palette.mode === "dark" ? theme.palette.primary.main : "#f9f9f9"
           }
-        },
-        children: /*#__PURE__*/_jsxs(Grid, {
-          container: true,
-          children: [/*#__PURE__*/_jsx(Grid, {
-            size: {
-              md: 3,
-              xs: 4
-            },
-            sx: {
-              display: "flex",
-              flexDirection: "column"
-            },
-            children: /*#__PURE__*/_jsxs(Box, {
-              display: "flex",
-              alignItems: "center",
-              children: [/*#__PURE__*/_jsx(Avatar, {
-                alt: sentence?.username,
-                src: userImage,
-                sx: {
-                  width: 24,
-                  height: 24,
-                  marginRight: "8px"
-                }
-              }), sentence?.user && /*#__PURE__*/_jsx("span", {
-                style: {
-                  fontWeight: "bold",
-                  marginRight: "8px"
-                },
-                children: `${sentence.user}:`
-              })]
-            })
-          }), /*#__PURE__*/_jsx(Grid, {
-            size: {
-              xs: 8,
-              md: 9
-            },
-            sx: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "left"
-            },
-            children: /*#__PURE__*/_jsx(Typography, {
-              children: sentence.text
-            })
-          })]
-        })
+        }),
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          alt: sentence?.username,
+          src: userImage,
+          sx: {
+            width: 24,
+            height: 24,
+            mr: 1
+          }
+        }), sentence?.user && /*#__PURE__*/_jsx(Typography, {
+          variant: "subtitle2",
+          fontWeight: "bold",
+          sx: {
+            mr: 1
+          },
+          children: `${sentence.user}:`
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "body2",
+          children: sentence.text
+        })]
       }, `conversation-${i}`);
     }) : /*#__PURE__*/_jsx(Typography, {
       variant: "body2",

package/dist/Editors/Bot/Bot.js

@@ -7,23 +7,22 @@ import { Slide, IconButton, Button, Dialog, AppBar, Toolbar, Typography } from "
 import LightbulbIcon from "@mui/icons-material/Lightbulb";
 import CloseIcon from "@mui/icons-material/Close";
 import InfoOutlined from "@mui/icons-material/InfoOutlined";
-import "codemirror/lib/codemirror.css";
-import "codemirror/mode/markdown/markdown";
-import Editor from "./Editor";
 import { Tabs, Tab, Box, Tooltip } from "@mui/material";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
 import PlayCircleFilledIcon from "@mui/icons-material/PlayCircleFilled";
 import Share from "@mui/icons-material/Share";
 import Help from "@mui/icons-material/Help";
+import RiveScript from "@nualang/rivescript";
 import ResponsiveDialog from "../../Dialogs/ResponsiveDialog/ResponsiveDialog";
 import ReactMarkdown from "react-markdown";
 import BotNualaImage from "../../img/bot-error.svg";
 
 // components
 import Chat from "../../Chat/Chat";
-import UpdateBot from "../../Forms/UpdateBot";
+import UpdateBot from "../../Forms/UpdateBot/UpdateBot";
 import Tutorial from "./Tutorial";
+import Editor from "./Editor/Editor";
 
 // utils
 import { jsonToRivescript, rivescriptToJson } from "../../utils/index";
@@ -32,7 +31,7 @@ import useRecognition from "../../hooks/useRecognition";
 import { botErrorMessage } from "../../utils/constants";
 import useExerciseState from "../../hooks/useExerciseState";
 import { randomId } from "../../utils/index";
-import RiveScript from "rivescript";
+
 // The RiveScript bot instance, on the window scope so it can be debugged.
 window.rs = null;
 import config from "../../config";
@@ -130,7 +129,7 @@ function Bot({
     recognizing
   } = recognitionState;
   const [bot, setBot] = useState(initialValues);
-  const [isDynamicResponsesEnabled, setIsDynamicResponsesEnabled] = useState('disable');
+  const [isDynamicResponsesEnabled, setIsDynamicResponsesEnabled] = useState("disable");
   const languageInformation = config.languages[learnLang];
   const languageTag = languageInformation.Code;
   const exerciseState = useExerciseState({
@@ -197,7 +196,6 @@ function Bot({
   const isSmallScreen = useMediaQuery(theme.breakpoints.down("md"));
   const tabVariant = isSmallScreen ? "fullWidth" : null;
   const [tabValue, setTabValue] = useState(0);
-  const [simplified, setSimplified] = useState(true);
   const [disableInput, setDisableInput] = useState(true);
   const {
     voice
@@ -337,7 +335,7 @@ function Bot({
   // Debounce botJSON so that it only gives us latest value ...
   // ... if botJSON has not been updated within last 3000ms.
   // The goal is to only have the bot flow chart fire when user stops typing ...
-  const debouncedBotJSON = useDebounce(botJSON, 3000);
+
   useEffect(() => {
     if (!isSmallScreen && tabValue === 2) {
       setTabValue(0);
@@ -598,9 +596,9 @@ function Bot({
     topbarTitle: t(`preview`),
     handleInputChange: handleInputChange,
     inputName: "botText",
-    inputValue: isDynamicResponsesEnabled === 'enable' ? botText : text,
+    inputValue: isDynamicResponsesEnabled === "enable" ? botText : text,
     handleTranslate: handleTranslate,
-    handleSend: isDynamicResponsesEnabled === 'enable' ? handleSubmitBotMessage : handleSubmitText,
+    handleSend: isDynamicResponsesEnabled === "enable" ? handleSubmitBotMessage : handleSubmitText,
     isListening: recognizing,
     browserSupportsSpeechRecognition: browserSupportsSpeechRecognition,
     handleRecord: browserSupportsSpeechRecognition && isBotRunning && learnLang !== "irish" ? () => handleMic() : null,
@@ -610,7 +608,7 @@ function Bot({
     handleKeyPress: e => {
       if (e.key === "Enter") {
         e.preventDefault();
-        isDynamicResponsesEnabled === 'enable' ? handleSubmitBotMessage() : handleSubmitText();
+        isDynamicResponsesEnabled === "enable" ? handleSubmitBotMessage() : handleSubmitText();
       }
     },
     speak: speak,
@@ -618,8 +616,8 @@ function Bot({
     isSpeaking: isSpeaking,
     isSpeakingTextContainer: isSpeakingTextContainer,
     voice: voice,
-    messages: isDynamicResponsesEnabled === 'enable' ? botMessages : messages,
-    setBotMessages: isDynamicResponsesEnabled === 'enable' ? setBotMessages : null,
+    messages: isDynamicResponsesEnabled === "enable" ? botMessages : messages,
+    setBotMessages: isDynamicResponsesEnabled === "enable" ? setBotMessages : null,
     disableInput: disableInput
   });
   const tabs = [{
@@ -747,19 +745,10 @@ function Bot({
         t: t,
         bot: bot,
         botJSON: botJSON,
-        debouncedBotJSON: debouncedBotJSON || botJSON,
-        isBotRunning: isBotRunning,
-        handleInputChange: handleInputChange,
-        handleSaveBot: handleSaveBot,
-        isDirty: initialValues !== bot,
         learnLangCharacters: learnLangCharacters,
         handleBotJSONChange: handleBotJSONChange,
         hidden: hidden,
-        handleTranslate: handleTranslate,
-        handleSpeak: handleSpeak,
         handleUploadBotExerciseImage: handleUploadBotExerciseImage,
-        simplified: simplified,
-        setSimplified: setSimplified,
         makeChatGptApiRequest: makeChatGptApiRequest,
         handleUpdateBot: handleUpdateBot,
         generateRiveFile: generateRiveFile,

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

@@ -40,12 +40,10 @@ function AlternativesList({
   classes,
   isCourseCreator,
   alternatives,
-  handleOpenAlternativesModal,
   handleRemoveAlternatives,
   handleUpdateAlternatives,
   showModal,
-  handleSelectCurrentInput,
-  simplified
+  handleSelectCurrentInput
 }) {
   const [open, setOpen] = useState(false);
   const handleClick = () => {
@@ -75,21 +73,11 @@ function AlternativesList({
         primary: t("alternatives"),
         secondary: t("alternatives_desc")
       }), open ? /*#__PURE__*/_jsx(ExpandLess, {}) : /*#__PURE__*/_jsx(ExpandMore, {})]
-    }), /*#__PURE__*/_jsxs(Collapse, {
+    }), /*#__PURE__*/_jsx(Collapse, {
       in: open,
       timeout: "auto",
       unmountOnExit: true,
-      children: [!simplified && /*#__PURE__*/_jsxs(ListItemButton, {
-        className: classes.nested,
-        onClick: handleOpenAlternativesModal,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(Add, {
-            className: classes.greenColor
-          })
-        }), /*#__PURE__*/_jsx(ListItemText, {
-          primary: t("add_new")
-        })]
-      }), alternativesList]
+      children: alternativesList
     })]
   });
 }

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

@@ -1,9 +1,7 @@
 import PropTypes from "prop-types";
 import { withStyles } from "tss-react/mui";
 import VarList from "./VarList";
-import SubList from "./SubList";
 import AlternativesList from "./AlternativesList";
-import TopicList from "./TopicList";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = theme => ({
   nested: {
@@ -32,37 +30,13 @@ function BotDesigner(props) {
     rivescriptJSON,
     learnLangCharacters,
     handleSelectCurrentInput,
-    handleOpenVariableModal,
-    handleRemoveVariable,
-    handleUpdateVariable,
-    handleAddVariable,
-    handleOpenSubstitutionModal,
-    handleRemoveSubstitution,
-    handleUpdateSubstitution,
-    handleAddSubstitution,
-    handleOpenAlternativesModal,
     handleUpdateAlternatives,
-    handleOpenTopicModal,
-    handleRemoveTopic,
-    handleUpdateTopic,
-    handleAddTopic,
-    handleOpenTriggerModal,
-    handleRemoveTrigger,
-    handleUpdateTrigger,
-    handleAddTrigger,
-    handleUpdateTriggerReply,
-    setTopicName,
-    triggerAndReplyRefs,
-    selectedNode,
-    topicsRef,
-    handleVariableSubmit,
+    handleUpdateVariable,
     botName,
     handleUpdateAllVariables,
     handleUploadBotExerciseImage,
     botId,
-    simplified,
-    handleOnBlur,
-    verificationStatus
+    handleOnBlur
   } = props;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [rivescriptJSON && rivescriptJSON.begin.var && /*#__PURE__*/_jsx(VarList, {
@@ -71,57 +45,18 @@ function BotDesigner(props) {
       vars: rivescriptJSON.begin.var,
       classes: classes,
       botName: botName,
-      learnLangCharacters: learnLangCharacters,
-      handleOpenVariableModal: handleOpenVariableModal,
-      handleRemoveVariable: handleRemoveVariable,
-      handleUpdateVariable: handleUpdateVariable,
-      handleAddVariable: handleAddVariable,
       handleSelectCurrentInput: handleSelectCurrentInput,
-      handleVariableSubmit: handleVariableSubmit,
       handleUploadBotExerciseImage: handleUploadBotExerciseImage,
       botId: botId,
-      simplified: simplified,
       handleOnBlur: handleOnBlur,
-      verificationStatus: verificationStatus
-    }), rivescriptJSON && rivescriptJSON.begin.sub && !simplified && /*#__PURE__*/_jsx(SubList, {
-      t: t,
-      subs: rivescriptJSON.begin.sub,
-      classes: classes,
-      learnLangCharacters: learnLangCharacters,
-      handleOpenSubstitutionModal: handleOpenSubstitutionModal,
-      handleRemoveSubstitution: handleRemoveSubstitution,
-      handleUpdateSubstitution: handleUpdateSubstitution,
-      handleAddSubstitution: handleAddSubstitution,
-      handleSelectCurrentInput: handleSelectCurrentInput
+      handleUpdateVariable: handleUpdateVariable
     }), rivescriptJSON && rivescriptJSON.begin.array && /*#__PURE__*/_jsx(AlternativesList, {
       t: t,
       alternatives: rivescriptJSON.begin.array,
       classes: classes,
       learnLangCharacters: learnLangCharacters,
-      handleOpenAlternativesModal: handleOpenAlternativesModal,
       handleUpdateAlternatives: handleUpdateAlternatives,
-      handleSelectCurrentInput: handleSelectCurrentInput,
-      simplified: simplified
-    }), rivescriptJSON && !simplified && /*#__PURE__*/_jsx(TopicList, {
-      t: t,
-      topics: rivescriptJSON.topics,
-      vars: rivescriptJSON.begin.var,
-      classes: classes,
-      learnLangCharacters: learnLangCharacters,
-      handleOpenTopicModal: handleOpenTopicModal,
-      handleRemoveTopic: handleRemoveTopic,
-      handleUpdateTopic: handleUpdateTopic,
-      handleAddTopic: handleAddTopic,
-      handleRemoveTrigger: handleRemoveTrigger,
-      handleUpdateTrigger: handleUpdateTrigger,
-      handleOpenTriggerModal: handleOpenTriggerModal,
-      handleAddTrigger: handleAddTrigger,
-      handleUpdateTriggerReply: handleUpdateTriggerReply,
-      handleSelectCurrentInput: handleSelectCurrentInput,
-      setTopicName: setTopicName,
-      triggerAndReplyRefs: triggerAndReplyRefs,
-      selectedNode: selectedNode,
-      topicsRef: topicsRef
+      handleSelectCurrentInput: handleSelectCurrentInput
     })]
   });
 }