@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Exercises/Bot/Bot.js

@@ -1,716 +0,0 @@
-import { useState, useEffect, useRef, memo } from "react";
-import { Joyride, STATUS } from "react-joyride";
-import { Slide, Dialog, IconButton, Typography, Box, Tooltip, Button } from "@mui/material";
-import LightbulbIcon from "@mui/icons-material/Lightbulb";
-import { makeStyles } from "tss-react/mui";
-import ReactMarkdown from "react-markdown";
-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 Create from "@mui/icons-material/Create";
-import Share from "@mui/icons-material/Share";
-// components
-import Chat from "../../Chat/Chat";
-import ResponsiveDialog from "../../Dialogs/ResponsiveDialog/ResponsiveDialog";
-import CompletedExcercise from "../../Dialogs/ExerciseMenu/Menus/CompletedExcercise/CompletedExcercise";
-import CloseExerciseMenu from "../../Dialogs/ExerciseMenu/Menus/CloseExercise/CloseExercise";
-import InProgressExerciseMenu from "../../Dialogs/ExerciseMenu/Menus/InProgressExercise/InProgressExercise";
-import useRecognition from "../../hooks/useRecognition";
-import useExerciseState from "../../hooks/useExerciseState";
-import VoiceSpeedSelector from "../../Misc/VoiceSpeed/VoiceSpeed";
-import ReportProblem from "../../Misc/ReportProblem/ReportProblem";
-import NualaSignInImage from "../../img/nuala_sign_in.svg";
-import { useTheme } from "@mui/material/styles";
-import config from "../../config";
-import { useNavigate } from "react-router";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  descriptionWrapper: {
-    maxWidth: 800
-  },
-  nualaSignInImage: {
-    [theme.breakpoints.down("md")]: {
-      height: "100px",
-      marginBottom: 5
-    },
-    height: "250px",
-    minHeight: "100px",
-    minWidth: "100px",
-    borderRadius: "20px",
-    marginBottom: 2
-  },
-  typography: {
-    subtitle1: {
-      fontSize: "16px"
-    }
-  }
-}));
-function Transition(props) {
-  return /*#__PURE__*/_jsx(Slide, {
-    direction: "up",
-    ...props
-  });
-}
-function Bot({
-  t = text => text,
-  exerciseName = "bot",
-  open,
-  handleClose,
-  bot = {},
-  learnLang,
-  forLang,
-  handleSpeak,
-  handleTranslate,
-  openSnackbar,
-  courseId,
-  sectionId,
-  topicId,
-  handleMessageBot,
-  handleComplete,
-  learnLangCharacters,
-  userAttributes,
-  existingMessages,
-  existingVars,
-  exerciseStartTime,
-  handleSaveProgress,
-  handleDeleteProgress,
-  handleDeleteBotProgress,
-  addSearchParams,
-  removeSearchParams,
-  handleEditBot,
-  isCreator,
-  handleShareBot,
-  toggleMuteSound,
-  handleReportProblem,
-  uploadAudioAttempt,
-  handleStopSpeaking,
-  authenticated = true,
-  handleSignIn,
-  placeholder,
-  courseSettings,
-  clearQueue,
-  stopAudio,
-  parentClassroom,
-  isReadWriteModeStudent,
-  classroomId,
-  assignment,
-  i18nLanguage,
-  isDynamicResponsesEnabled,
-  aiChatbotConversationHistory,
-  isUserInternal,
-  handleStudentMisuse,
-  username
-}) {
-  const theme = useTheme();
-  const {
-    classes
-  } = useStyles();
-  const [instructionDialogOpen, setInstructionDialogOpen] = useState(false);
-  const [notEnoughMessages, setNotEnoughMessages] = useState(true);
-  const textInputRef = useRef();
-  const languageInformation = config.languages[learnLang];
-  const languageTag = languageInformation.Code;
-  const {
-    isSocketConnected,
-    recognitionState,
-    toggleListen,
-    stopListening,
-    resetTranscript,
-    browserSupportsSpeechRecognition,
-    clearAttemptAudio
-  } = useRecognition({
-    openSnackbar
-  });
-  const {
-    interimTranscript,
-    finalTranscript,
-    transcriptConfidence,
-    recognizing,
-    isRecognizingDisabled,
-    audioBlob,
-    attemptAudioURL
-  } = recognitionState;
-  const handleMic = () => {
-    const {
-      phrasesToBoost
-    } = bot;
-    const speechContexts = phrasesToBoost ? [{
-      phrases: [...phrasesToBoost],
-      boost: 10
-    }] : null;
-    const model = phrasesToBoost ? "default" : "latest_long";
-    toggleListen(learnLang, speechContexts, model);
-  };
-  let isDynamicResponsesClassroomEnabled = isDynamicResponsesEnabled;
-  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 = useExerciseState({
-    t,
-    open,
-    handleClose,
-    exerciseName,
-    exerciseStartTime,
-    handleComplete,
-    handleSaveProgress,
-    handleDeleteProgress,
-    handleDeleteBotProgress,
-    openSnackbar,
-    courseId,
-    sectionId,
-    topicId,
-    finalTranscript,
-    interimTranscript,
-    resetTranscript,
-    stopListening,
-    handleSpeak,
-    handleStopSpeaking,
-    learnLang,
-    existingMessages,
-    existingVars,
-    bot,
-    handleMessageBot,
-    userAttributes,
-    textInputRef,
-    toggleMuteSound,
-    uploadAudioAttempt,
-    audioBlob,
-    attemptAudioURL,
-    clearAttemptAudio,
-    transcriptConfidence,
-    clearQueue,
-    stopAudio,
-    isReadWriteModeStudent,
-    classroomId,
-    i18nLanguage,
-    isDynamicResponsesEnabled: isDynamicResponsesClassroomEnabled,
-    aiChatbotConversationHistory,
-    isUserInternal,
-    handleStudentMisuse
-  });
-  const {
-    muteSound,
-    isCloseModalOpen,
-    isInProgressModalOpen,
-    isCompletionModalOpen,
-    isConfidenceOpen,
-    handleCloseConfidence,
-    handleOpenConfidence,
-    closeCloseModal,
-    closeInProgressModal,
-    setBotText,
-    botMessages,
-    botText,
-    botVars,
-    addBotMessage,
-    handleSubmitBotMessage,
-    handleInputChange,
-    handleMute,
-    handleRestart,
-    handleRestartExercise,
-    viewReport,
-    handleSaveBotExerciseProgress,
-    handleCompleteExercise,
-    handleCloseExercise,
-    handleCloseClicked,
-    voiceSpeed,
-    isVoiceSpeedMenuOpen,
-    handleOpenVoiceSpeedMenu,
-    handleCloseVoiceSpeedMenu,
-    handleChangeVoiceSpeed,
-    isReportProblemOpen,
-    handleCloseReportProblem,
-    handleOpenReportProblem,
-    setChecked,
-    setBotMessages,
-    speak,
-    stopSpeaking,
-    isSpeaking,
-    isSpeakingTextContainer,
-    setIsAssignmentExercise
-  } = exerciseState;
-  const currentPhrase = botMessages.length > 0 ? botMessages[botMessages.length - 1].text : "N/A";
-  const joyrideSteps = [{
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("bot_exercise_welcome")
-    }),
-    placement: "center",
-    target: "body"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("bot_exercise_keyboard_input")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("bot_exercise_keyboard_input_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#keyboardInput"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("bot_exercise_voice_input")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("bot_exercise_voice_input_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#voiceInput"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("bot_exercise_send_message")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("bot_exercise_send_message_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#sendMessage"
-  }, {
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("exercise_share")
-    }),
-    spotlightPadding: 8,
-    target: "#share"
-  }, {
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("change_voice_speed")
-    }),
-    spotlightPadding: 8,
-    target: "#change-voice-speed"
-  }, {
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("exercise_mute")
-    }),
-    spotlightPadding: 8,
-    target: "#mute"
-  }, {
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("bot_exercise_restart")
-    }),
-    spotlightPadding: 8,
-    target: "#restart"
-  }];
-  const [joyrideState, setJoyrideState] = useState({
-    run: false,
-    steps: joyrideSteps
-  });
-  const [joyrideRewatched, setJoyrideRewatched] = useState(false);
-  const {
-    run,
-    steps
-  } = joyrideState;
-  const handleJoyrideCallback = data => {
-    const {
-      status,
-      action
-    } = data;
-    const finishedStatuses = [STATUS.FINISHED, STATUS.SKIPPED];
-    if (finishedStatuses.includes(status) || action === "close") {
-      setJoyrideState(prevState => ({
-        ...prevState,
-        run: false
-      }));
-      localStorage.setItem(`bot-exercise-tour-completed`, "true");
-    }
-  };
-  const handleClickOpenInstructions = () => {
-    addSearchParams({
-      instructions: "student"
-    });
-    setInstructionDialogOpen(true);
-  };
-  const handleCloseInstructions = () => {
-    removeSearchParams(["instructions"]);
-    setInstructionDialogOpen(false);
-  };
-  useEffect(() => {
-    if (open) {
-      if (finalTranscript || interimTranscript) {
-        setBotText(`${finalTranscript || ""} ${interimTranscript || ""}`);
-      } else if (botText !== "") {
-        setBotText("");
-      }
-    }
-  }, [open, finalTranscript, interimTranscript]);
-  useEffect(() => {
-    assignment ? setIsAssignmentExercise(true) : setIsAssignmentExercise(false);
-  }, [assignment]);
-  useEffect(() => {
-    // Detect recognition stop and focus on text input
-    if (open && !recognizing && botText && botText.trim() !== "" && (interimTranscript || finalTranscript)) {
-      if (textInputRef && textInputRef.current) {
-        textInputRef.current.focus();
-      }
-    }
-  }, [open, recognizing]);
-  useEffect(() => {
-    if (botMessages.length >= 4) {
-      setNotEnoughMessages(false);
-    }
-  }, [botMessages]);
-  const getBotRiveScriptEndingText = rs => {
-    //variables names as we have it in each riveScript template.
-    const botEndVarNames = ["ending", "correctfinal", "incorrectfinal", "endMessage"];
-    const lines = rs.split("\n");
-    const botEndingTextArray = [];
-    for (let line of lines) {
-      for (let varName of botEndVarNames) {
-        //looking to see if any of the variables names from the array exist in the current bot riveScript
-        const varPattern = new RegExp(`^! var ${varName} = (.+)$`);
-        const match = line.match(varPattern);
-        if (match) {
-          botEndingTextArray.push(match[1].trim());
-        }
-      }
-    }
-    //returning the ending variable text(s) of the bot e.g. ['The conversation has ended.']
-    return botEndingTextArray.length > 0 ? botEndingTextArray : null;
-  };
-  const normalizeAndStrip = text => {
-    return text.trim().normalize("NFC").toLowerCase().replace(/[^\p{L}\p{N}\s]/gu, "").replace(/\s+/g, " ");
-  };
-  useEffect(() => {
-    if (bot && bot.riveFile) {
-      const botEndingTextArray = getBotRiveScriptEndingText(bot.riveFile);
-      const normalizedCurrentPhrase = normalizeAndStrip(currentPhrase);
-      const normalizedEndingVars = botEndingTextArray.map(text => normalizeAndStrip(text));
-      const isEndingPhraseMatched = normalizedEndingVars.some(ending => normalizedCurrentPhrase.includes(ending));
-      if (isEndingPhraseMatched && !isSpeaking) {
-        setTimeout(() => {
-          handleCompleteExercise();
-        }, 2000);
-      }
-    }
-  }, [currentPhrase, bot, isSpeaking]);
-  useEffect(() => {
-    if (open && !run && !localStorage.getItem(`bot-exercise-tour-completed`)) {
-      setJoyrideState(prevState => ({
-        ...prevState,
-        run: true
-      }));
-    } else {
-      if (open && !joyrideRewatched && !run && bot.studentInstructions && bot.studentInstructions !== "") {
-        handleClickOpenInstructions();
-      }
-      if (open && !joyrideRewatched && !run && bot.introMessage && botMessages.length === 0) {
-        setTimeout(() => {
-          addBotMessage(bot.introMessage, false, true);
-        }, 3000);
-      }
-    }
-  }, [open, run]);
-  const navigate = useNavigate();
-  const goBackToAssignment = () => {
-    navigate(`/classrooms/${classroomId}#Assignments`);
-  };
-
-  /**
-   * searchParams not showing new results so instruction dialog won't open
-   * when bot opens
-   */
-  // useEffect(() => {
-  //   console.log('in use effect [searchParams.botId, searchParams.instructions]', searchParams);
-  //   setInstructionDialogOpen(searchParams.instructions === 'student');
-  // }, [searchParams.botId, searchParams.instructions]);
-
-  const topBarActions = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      title: t("Rewatch tutorial"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: () => {
-          setJoyrideRewatched(true);
-          setJoyrideState({
-            ...joyrideState,
-            run: true
-          });
-        },
-        size: "large",
-        children: /*#__PURE__*/_jsx(LightbulbIcon, {})
-      })
-    }), handleShareBot && /*#__PURE__*/_jsx(Tooltip, {
-      title: t("share"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: () => handleShareBot(bot),
-        id: "share",
-        size: "large",
-        children: /*#__PURE__*/_jsx(Share, {})
-      })
-    }), bot && bot.isCreator || isCreator ? /*#__PURE__*/_jsx(Tooltip, {
-      title: t("edit"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: () => handleEditBot(bot),
-        size: "large",
-        children: /*#__PURE__*/_jsx(Create, {})
-      })
-    }) : null, bot.studentInstructions && bot.studentInstructions !== "" ? /*#__PURE__*/_jsx(Tooltip, {
-      title: t("instructions"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: handleClickOpenInstructions,
-        size: "large",
-        children: /*#__PURE__*/_jsx(InfoOutlined, {})
-      })
-    }) : null, /*#__PURE__*/_jsx(VoiceSpeedSelector, {
-      t: t,
-      voiceSpeed: voiceSpeed,
-      isVoiceSpeedMenuOpen: isVoiceSpeedMenuOpen,
-      handleOpenVoiceSpeedMenu: handleOpenVoiceSpeedMenu,
-      handleCloseVoiceSpeedMenu: handleCloseVoiceSpeedMenu,
-      handleChangeVoiceSpeed: handleChangeVoiceSpeed
-    }), /*#__PURE__*/_jsx(Tooltip, {
-      title: muteSound ? t("unmute") : t("mute"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: handleMute,
-        "aria-label": t("mute"),
-        "aria-pressed": muteSound ? "true" : "false",
-        id: "mute",
-        size: "large",
-        children: muteSound ? /*#__PURE__*/_jsx(VolumeOff, {}) : /*#__PURE__*/_jsx(VolumeUp, {})
-      })
-    }), /*#__PURE__*/_jsx(Tooltip, {
-      title: t("restart"),
-      children: /*#__PURE__*/_jsx(IconButton, {
-        color: "inherit",
-        onClick: handleRestart,
-        "aria-label": "Restart",
-        id: "restart",
-        size: "large",
-        children: /*#__PURE__*/_jsx(Replay, {})
-      })
-    }), /*#__PURE__*/_jsx(ReportProblem, {
-      t: t,
-      edge: "end",
-      isReportProblemOpen: isReportProblemOpen,
-      handleOpenReportProblem: handleOpenReportProblem,
-      handleCloseReportProblem: handleCloseReportProblem,
-      handleReportProblem: handleReportProblem,
-      currentPhrase: currentPhrase,
-      parentClassroom: parentClassroom,
-      exercise: exerciseName,
-      audioBlob: audioBlob,
-      openSnackbar: openSnackbar
-    })]
-  });
-  const beforeElements = /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      mb: 2
-    },
-    children: [bot && bot.picture && /*#__PURE__*/_jsx(Box, {
-      sx: {
-        textAlign: "center"
-      },
-      children: /*#__PURE__*/_jsx("img", {
-        src: bot.picture,
-        width: 250,
-        alt: "bot pic"
-      })
-    }), bot && bot.botName && /*#__PURE__*/_jsx(Typography, {
-      lang: languageTag,
-      variant: "h6",
-      component: "h2",
-      align: "center",
-      gutterBottom: true,
-      id: "bot-exercise-dialog",
-      children: bot.botName
-    }), bot && bot.description && /*#__PURE__*/_jsx(Box, {
-      sx: {
-        textAlign: "center",
-        mx: "auto"
-      },
-      className: classes.descriptionWrapper,
-      children: /*#__PURE__*/_jsx(Typography, {
-        lang: languageTag,
-        component: "h3",
-        align: "center",
-        color: "textSecondary",
-        children: bot.description
-      })
-    }), !authenticated && /*#__PURE__*/_jsxs(Box, {
-      sx: {
-        textAlign: "center",
-        mx: "auto",
-        marginTop: 3
-      },
-      children: [/*#__PURE__*/_jsx(Typography, {
-        color: "primary",
-        variant: "h5",
-        align: "center",
-        gutterBottom: true,
-        sx: {
-          fontWeight: "bold",
-          marginBottom: 2
-        },
-        children: t("bot_sign_in_message")
-      }), /*#__PURE__*/_jsx(Box, {
-        children: /*#__PURE__*/_jsx("img", {
-          src: NualaSignInImage,
-          className: classes.nualaSignInImage,
-          alt: "Nuala"
-        })
-      }), /*#__PURE__*/_jsx(Button, {
-        sx: theme => ({
-          [theme.breakpoints.down("md")]: {
-            height: "50px",
-            width: "200px",
-            color: "white",
-            padding: 2,
-            fontSize: "16px",
-            borderRadius: 3
-          },
-          height: "70px",
-          width: "250px",
-          color: "white",
-          padding: 1,
-          fontSize: "20px",
-          borderRadius: 5
-        }),
-        onClick: handleSignIn,
-        variant: "contained",
-        children: t("sign_in")
-      })]
-    })]
-  });
-  let isTranslationEnabled = bot.translationEnabled;
-  if (courseSettings?.translationEnabled === "enabled") {
-    isTranslationEnabled = "enable";
-  } else if (courseSettings?.translationEnabled === "disabled") {
-    isTranslationEnabled = "disable";
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(Dialog, {
-      fullScreen: true,
-      open: open,
-      onClose: handleClose,
-      "aria-labelledby": "bot-exercise-dialog",
-      slots: {
-        transition: Transition
-      },
-      children: [/*#__PURE__*/_jsx(Chat, {
-        languageTag: languageTag,
-        t: t,
-        authenticated: authenticated,
-        disableInput: !authenticated || isSpeaking || isRecognizingDisabled ? true : false,
-        messages: botMessages,
-        placeholder: !recognizing ? placeholder : "",
-        translationEnabled: isTranslationEnabled,
-        handleClose: handleCloseClicked,
-        handleInputChange: handleInputChange,
-        inputName: "botText",
-        inputValue: botText,
-        inputRef: textInputRef,
-        beforeElements: beforeElements,
-        browserSupportsSpeechRecognition: browserSupportsSpeechRecognition && isSocketConnected,
-        handleRecord: browserSupportsSpeechRecognition && learnLang !== "irish" && !isReadWriteModeStudent ? () => handleMic() : null,
-        isListening: recognizing,
-        handleTranslate: handleTranslate,
-        handleSend: handleSubmitBotMessage,
-        topBarActions: authenticated ? topBarActions : "",
-        learnLang: learnLang,
-        forLang: forLang,
-        voiceSpeed: voiceSpeed,
-        isPrimaryColor: true,
-        characters: learnLangCharacters,
-        finalTranscript: finalTranscript,
-        transcriptConfidence: transcriptConfidence,
-        isConfidenceOpen: isConfidenceOpen,
-        handleCloseConfidence: handleCloseConfidence,
-        handleOpenConfidence: handleOpenConfidence,
-        handleKeyPress: e => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            handleSubmitBotMessage();
-          }
-        },
-        muteSound: isReadWriteModeStudent ? true : muteSound,
-        setCheckedDefault: setChecked,
-        exercise: "bot",
-        setBotMessages: setBotMessages,
-        speak: speak,
-        stopSpeaking: stopSpeaking,
-        isSpeaking: isSpeaking,
-        isSpeakingTextContainer: isSpeakingTextContainer,
-        isDynamicResponsesEnabled: isDynamicResponsesClassroomEnabled,
-        isUserInternal: isUserInternal,
-        username: username,
-        isChallengeBot: bot.isChallengeBot
-      }), /*#__PURE__*/_jsx(ResponsiveDialog, {
-        open: instructionDialogOpen,
-        handleClose: handleCloseInstructions,
-        dialogTitle: t("instruction_message"),
-        children: /*#__PURE__*/_jsx("div", {
-          className: "content",
-          children: /*#__PURE__*/_jsx(ReactMarkdown, {
-            children: bot.studentInstructions
-          })
-        })
-      }), /*#__PURE__*/_jsx(CompletedExcercise, {
-        open: isCompletionModalOpen,
-        restartExcercise: handleRestartExercise,
-        onClose: () => isCompletionModalOpen(false),
-        goBack: handleCloseExercise,
-        viewReport: viewReport,
-        fullScreen: true,
-        t: t,
-        inTopic: courseId && sectionId && topicId,
-        goBackToAssignment: goBackToAssignment
-      }), /*#__PURE__*/_jsx(CloseExerciseMenu, {
-        t: t,
-        open: isCloseModalOpen,
-        close: closeCloseModal,
-        saveProgress: () => handleSaveBotExerciseProgress(botMessages, botVars, true),
-        finishExercise: handleCompleteExercise,
-        goBack: handleCloseExercise,
-        inTopic: courseId && sectionId && topicId,
-        isFinishExerciseDisabled: notEnoughMessages,
-        goBackToAssignment: goBackToAssignment
-      }), /*#__PURE__*/_jsx(InProgressExerciseMenu, {
-        t: t,
-        open: isInProgressModalOpen,
-        close: closeInProgressModal,
-        onClose: closeInProgressModal,
-        continueExercise: closeInProgressModal,
-        restartExercise: handleRestartExercise,
-        goBack: handleCloseExercise,
-        inTopic: courseId && sectionId && topicId,
-        goBackToAssignment: goBackToAssignment
-      })]
-    }), /*#__PURE__*/_jsx(Joyride, {
-      onEvent: handleJoyrideCallback,
-      continuous: true,
-      run: run,
-      scrollToFirstStep: true,
-      steps: steps,
-      locale: {
-        back: t("back"),
-        close: t("close"),
-        last: t("last"),
-        next: t("next"),
-        skip: t("skip")
-      },
-      options: {
-        showProgress: true,
-        zIndex: 10000,
-        arrowColor: theme.palette.background.paper,
-        backgroundColor: theme.palette.background.paper,
-        primaryColor: theme.palette.primary.main,
-        textColor: theme.palette.text.primary,
-        buttons: ['back', 'close', 'primary', 'skip']
-      }
-    })]
-  });
-}
-Bot.propTypes = {};
-export default /*#__PURE__*/memo(Bot);