@nualang/nualang-ui-components 0.1.1400 → 0.2.0

package/dist/Editors/Bot/Tutorial.js

@@ -1,154 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-no-comment-textnodes */
-// '//' are needed since they explain how to use '//' within a bot.
-
-const Tutorial = () => /*#__PURE__*/_jsxs("div", {
-  className: "content",
-  children: [/*#__PURE__*/_jsx("h2", {
-    children: "Comments"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["When you see ", /*#__PURE__*/_jsx("code", {
-      children: "//"
-    }), " it means that the statement is a comment. A comment has no effect on the chatbot."]
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Call and response"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["First you need a trigger, indicated by ", /*#__PURE__*/_jsx("code", {
-      children: "+"
-    }), ". (should be lowercase). This is what the person needs to say to ellicit a response Then you need a response, indicated by ", /*#__PURE__*/_jsx("code", {
-      children: "-"
-    }), ". This is what the bot will respond back to you. Here is an example:"]
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ hello", /*#__PURE__*/_jsx("br", {}), "- Hey how are you?"]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Multiple responses"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["You can also include multiple responses to a single trigger. Just add more lines with ", /*#__PURE__*/_jsx("code", {
-      children: "-"
-    }), "."]
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ i am doing well", /*#__PURE__*/_jsx("br", {}), "- Glad to hear it.", /*#__PURE__*/_jsx("br", {}), "- I am glad you are doing well", /*#__PURE__*/_jsx("br", {}), "- I am happy you are doing well"]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Multiple inputs or calls"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["You can also have multiple statemets lead to a response. You use one trigger and use parenthesis ", /*#__PURE__*/_jsx("code", {
-      children: "()"
-    }), " and seperate statements by a pipe ", /*#__PURE__*/_jsx("code", {
-      children: "|"
-    })]
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ (how are you doing?|do you have any plans?)", /*#__PURE__*/_jsx("br", {}), "- I am looking forward to the weekend."]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Catch all input or call"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["Up until now, your triggers only elicit a response if the student inputs the trigger exactly If the student does not use an exact trigger to cause a response you will need a catch all trigger Here is a catch all trigger, indicated by a single wildcard ", /*#__PURE__*/_jsx("code", {
-      children: "*"
-    }), ". It will be used when the bot did not find a matching trigger.", /*#__PURE__*/_jsx("br", {}), "Using the responses listed below are good examples to cause the student to retype their phrase."]
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ *", /*#__PURE__*/_jsx("br", {}), "- I'm sorry I dont understand.", /*#__PURE__*/_jsx("br", {}), "- Could you ask that a different way."]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Links"
-  }), /*#__PURE__*/_jsx("p", {
-    children: "You can include links in your responses."
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ Hello", /*#__PURE__*/_jsx("br", {}), "- Hi, check out this [link](https://nualang.com)"]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Images"
-  }), /*#__PURE__*/_jsx("p", {
-    children: "You can include images in your responses."
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ Hello", /*#__PURE__*/_jsx("br", {}), "- Hi, check out this picture ![](https://nualang.com/static/icon-95526dcc20fba41d6c1d214c3ff0b0a9.png)"]
-    })
-  }), /*#__PURE__*/_jsx("h2", {
-    children: "Advanced chatbots"
-  }), /*#__PURE__*/_jsx("h3", {
-    children: "Keywords"
-  }), /*#__PURE__*/_jsx("p", {
-    children: "If you only care about certain key words in a trigger you can use \u2018[*]\u2019 before and after the key words This allow the trigger to work even if a student input does not exactly match the trigger For example, if you only care about the words \u2018hello bot\u2019 to initiate a chatbot you can use the following command"
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ [*]hello bot[*]", /*#__PURE__*/_jsx("br", {}), "- Hello human"]
-    })
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["By adding ", /*#__PURE__*/_jsx("code", {
-      children: "[*]"
-    }), " it only needs to find ", /*#__PURE__*/_jsx("code", {
-      children: "hello bot"
-    }), " to run. For example if a student said \u2018hello bot how are you?\u2019 the chatbot would respond. If you did not use ", /*#__PURE__*/_jsx("code", {
-      children: "[*]"
-    }), " the chatbot would not respond or would respond with the catch all response."]
-  }), /*#__PURE__*/_jsx("h3", {
-    children: "Variables"
-  }), /*#__PURE__*/_jsx("p", {
-    children: "Variables can be used to allow the chat bot to remember certain parts of information from responses."
-  }), /*#__PURE__*/_jsxs("ol", {
-    children: [/*#__PURE__*/_jsxs("li", {
-      children: ["The trigger needs to identify what information will be a variable with a wildcard. Use ", /*#__PURE__*/_jsx("code", {
-        children: "*"
-      }), " for words/numbers, ", /*#__PURE__*/_jsx("code", {
-        children: "#"
-      }), " for numbers only, and ", /*#__PURE__*/_jsx("code", {
-        children: "_"
-      }), " for words only."]
-    }), /*#__PURE__*/_jsxs("li", {
-      children: ["You need to set the variable name in a response. Use", " ", /*#__PURE__*/_jsx("code", {
-        children: "<set variablename=<star>>"
-      })]
-    }), /*#__PURE__*/_jsxs("li", {
-      children: ["Finally you can use the varaible in any response with", " ", /*#__PURE__*/_jsx("code", {
-        children: "<get variablename>"
-      })]
-    })]
-  }), /*#__PURE__*/_jsx("p", {
-    children: "Example:"
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ my name is *", /*#__PURE__*/_jsx("br", {}), "- <set name=<star>>It's nice to meet you <get name>."]
-    })
-  }), /*#__PURE__*/_jsx("p", {
-    children: "Another example"
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ i am # years old", /*#__PURE__*/_jsx("br", {}), "- <set age=<star>>I will remember that you are <get age> years old.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ how old am i", /*#__PURE__*/_jsx("br", {}), "- You are <get age> years old."]
-    })
-  }), /*#__PURE__*/_jsx("h3", {
-    children: "Topics"
-  }), /*#__PURE__*/_jsxs("p", {
-    children: ["Topics act similar to loops in other coding languges.", /*#__PURE__*/_jsx("br", {}), "If you have no coding experience, topics/loops are like a room. Once you enter a room, you are stuck there until you exit the room with the proper door/key. Topics can be a way to organize your code or allow your chat bot to wait for the proper input. A topic needs a way for entering the topic, content in the topic, and a way to leave the topic"]
-  }), /*#__PURE__*/_jsx("p", {
-    children: "Format:"
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ key phrase to enter", /*#__PURE__*/_jsx("br", {}), "- ", "{topic=name}", " // The key to enter the topic called name. Place at the end of a response", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "> topic name // Signifies the start of the topic", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ key phrase to leave and enter another topic", /*#__PURE__*/_jsx("br", {}), "- ", "{topic=anothertopic}", " // Place at the end of the a response. \"anothertopic\" send you to another topic called \"anothertopic\".", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ key phrase to leave and enter the general chat bot", /*#__PURE__*/_jsx("br", {}), "- ", "{topic=random}", " // Place at the end of the a response. \"random\" send you to the general body of the chatbot.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ Other input - Other response", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "< topic // Signifies the end of a topic"]
-    })
-  }), /*#__PURE__*/_jsx("p", {
-    children: "Example:"
-  }), /*#__PURE__*/_jsx("pre", {
-    className: "hljs",
-    children: /*#__PURE__*/_jsxs("code", {
-      children: ["+ my name is *", /*#__PURE__*/_jsx("br", {}), "- <set name=<formal>>Nice to meet you <get name>. Are you ready to play a game ", "{topic=start}", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "> topic start", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ [*] yes [*]", /*#__PURE__*/_jsx("br", {}), "- Hooray! Do you see the picture? ", "{topic=picture}", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ no", /*#__PURE__*/_jsx("br", {}), "- Are you sure you do not want to play?", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "+ *", /*#__PURE__*/_jsx("br", {}), "-I could not understand. Are you ready to play a game?", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "< topic"]
-    })
-  })]
-});
-export default Tutorial;

package/dist/Editors/Bot/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "Bot",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./Bot.js"
-}

package/dist/Editors/PhraseList/PhraseList.js

@@ -1,388 +0,0 @@
-import { useState, useRef } from "react";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { useTheme } from "@mui/material/styles";
-import { makeStyles } from "tss-react/mui";
-import { Slide, IconButton, Dialog, AppBar, Toolbar, Typography, Button, Paper, ToggleButton, ToggleButtonGroup } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
-import PublishIcon from "@mui/icons-material/Publish";
-import GetAppIcon from "@mui/icons-material/GetApp";
-import AddIcon from "@mui/icons-material/Add";
-import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
-import ListIcon from "@mui/icons-material/List";
-import TableChartIcon from "@mui/icons-material/TableChart";
-import DefaultButton from "../../Misc/DefaultColourButton/DefaultColourButton";
-import { Tabs, Tab, Box, Tooltip } from "@mui/material";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
-import Share from "@mui/icons-material/Share";
-import PlayCircleFilledIcon from "@mui/icons-material/PlayCircleFilled";
-import PhrasesEditor, { Modes } from "../Phrases/Phrases";
-import UpdatePhraseList from "../../Forms/UpdatePhraseList/UpdatePhraseList";
-import { randomId } from "../../utils/index";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  appBar: {
-    position: "relative",
-    paddingTop: `env(safe-area-inset-top)`,
-    paddingRight: `env(safe-area-inset-right)`,
-    paddingLeft: `env(safe-area-inset-left)`
-  },
-  flex: {
-    marginLeft: theme.spacing(1),
-    flex: 1
-  },
-  button: {
-    margin: theme.spacing(1)
-  },
-  settings: {
-    backgroundColor: theme.palette.background.default,
-    overflow: "scroll"
-  },
-  toolBarHidden: {
-    display: "none"
-  }
-}));
-function Transition(props) {
-  return /*#__PURE__*/_jsx(Slide, {
-    direction: "up",
-    ...props
-  });
-}
-function PhraseList({
-  t = text => text,
-  open,
-  handleClose,
-  learnLang,
-  forLang,
-  handleSpeak,
-  handleTranslate,
-  userAttributes,
-  learnLangCharacters,
-  voices = {},
-  handleSharePhrases,
-  fileSizeLimit,
-  subscription,
-  makeChatGptApiRequest,
-  siteLanguage,
-  courseId,
-  sectionId,
-  topicId,
-  isUserInternal,
-  verificationStatus,
-  phrases,
-  isCreator,
-  isMember,
-  handleRemovePhrases,
-  uploadAudio,
-  updatePhrase,
-  forLangCharacters,
-  handleSpreadsheetSaveChanges,
-  isUploadPhrasesDialogOpen,
-  setIsUploadPhrasesDialogOpen,
-  isCreatePhraseDialogOpen,
-  setIsCreatePhraseDialogOpen,
-  handleAddPhrase,
-  validatePhraseRecognition,
-  difficulty,
-  topicGoal,
-  touched,
-  initialValues,
-  onSubmit,
-  onSubmitInfo,
-  onSubmitExerciseSettings,
-  handleChange,
-  handleUpdatePhrases,
-  handlePlayPhraseList,
-  otherPhraseLists,
-  otherPhraseListsLoading,
-  handleTransferPhrase,
-  handleCreatePhraseListFromSelection
-}) {
-  const theme = useTheme();
-  const {
-    classes
-  } = useStyles();
-  const [hidden, setHidden] = useState(false);
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down("md"));
-  const tabVariant = isSmallScreen ? "fullWidth" : null;
-  const [tabValue, setTabValue] = useState(0);
-  const [isGeneratePhrasesDialogOpen, setIsGeneratePhrasesDialogOpen] = useState(false);
-  const [mode, setMode] = useState(Modes.NORMAL);
-  const handleCloseWithReset = () => {
-    setIsGeneratePhrasesDialogOpen(false);
-    handleClose();
-  };
-  const scriptDownloadRef = useRef(null);
-  const handleChangeTab = (_, newValue) => {
-    setTabValue(newValue);
-  };
-  const handleModeSelection = (_, newMode) => {
-    if (newMode) setMode(newMode);
-  };
-  const updatePhrases = async phrases => {
-    try {
-      handleUpdatePhrases(courseId, sectionId, topicId, phrases);
-    } catch (error) {
-      console.error(error);
-    }
-  };
-  const tabs = [{
-    label: t("editor")
-  }, {
-    label: t("settings")
-  }];
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Dialog, {
-      fullScreen: true,
-      open: open,
-      onClose: handleCloseWithReset,
-      slots: {
-        transition: Transition
-      },
-      "data-cy": "bot-editor-dialog",
-      sx: theme => ({
-        "& .MuiDialog-paper": {
-          backgroundColor: theme.palette.mode === "light" ? theme.palette.grey[200] : null,
-          display: "flex",
-          flexDirection: "column"
-        }
-      }),
-      children: [/*#__PURE__*/_jsxs(AppBar, {
-        className: classes.appBar,
-        children: [/*#__PURE__*/_jsxs(Toolbar, {
-          className: hidden ? classes.toolBarHidden : "",
-          children: [/*#__PURE__*/_jsx(IconButton, {
-            "data-cy": "close-dialog",
-            edge: "start",
-            color: "inherit",
-            onClick: handleCloseWithReset,
-            "aria-label": "Close",
-            size: "large",
-            children: /*#__PURE__*/_jsx(CloseIcon, {})
-          }), /*#__PURE__*/_jsx(Typography, {
-            variant: "h6",
-            component: "h2",
-            className: classes.flex,
-            noWrap: true,
-            sx: {
-              color: "inherit"
-            },
-            children: initialValues.phraseListName
-          }), /*#__PURE__*/_jsx("div", {
-            className: "grow-1"
-          }), handleSharePhrases && /*#__PURE__*/_jsx(Tooltip, {
-            title: t("share"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              color: "inherit",
-              onClick: () => handleSharePhrases(),
-              id: "share",
-              size: "large",
-              children: /*#__PURE__*/_jsx(Share, {})
-            })
-          }), handlePlayPhraseList ? /*#__PURE__*/_jsx(Tooltip, {
-            title: t("play_phrase_list"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              color: "inherit",
-              onClick: () => handlePlayPhraseList(initialValues),
-              edge: "end",
-              id: "play",
-              size: "large",
-              children: /*#__PURE__*/_jsx(PlayCircleFilledIcon, {})
-            })
-          }) : null]
-        }), /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsxs(Tabs, {
-            value: tabValue,
-            onChange: handleChangeTab,
-            variant: tabVariant,
-            centered: true,
-            textColor: "inherit",
-            indicatorColor: "secondary",
-            children: [tabs.map(({
-              label,
-              disabled,
-              hidden
-            }, i) => {
-              const keyId = `botedit_${randomId()}${i}`;
-              return !hidden ? /*#__PURE__*/_jsx(Tab, {
-                id: keyId,
-                label: label,
-                disabled: disabled,
-                sx: {
-                  color: "#fff !important",
-                  "&.Mui-selected": {
-                    color: "#fff !important"
-                  },
-                  "&:hover": {
-                    ...(theme.palette.mode === "light" && {
-                      backgroundColor: "rgba(144, 238, 144, 0.20) !important"
-                    })
-                  }
-                }
-              }, keyId) : null;
-            }), /*#__PURE__*/_jsx(Tooltip, {
-              title: hidden ? t("show_menu") : t("hide_menu"),
-              children: /*#__PURE__*/_jsx(IconButton, {
-                onClick: () => setHidden(!hidden),
-                size: "large",
-                children: hidden ? /*#__PURE__*/_jsx(ArrowDropDownIcon, {}) : /*#__PURE__*/_jsx(ArrowDropUpIcon, {})
-              })
-            })]
-          })
-        })]
-      }), isCreator && tabValue === 0 && /*#__PURE__*/_jsxs(Paper, {
-        elevation: 0,
-        sx: {
-          flexShrink: 0,
-          px: 2,
-          py: 1.5,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          gap: 1,
-          borderRadius: 0,
-          borderBottom: 1,
-          borderColor: "divider"
-        },
-        children: [/*#__PURE__*/_jsx(Typography, {
-          variant: "subtitle1",
-          sx: {
-            fontWeight: "bold"
-          },
-          children: t("phrases")
-        }), /*#__PURE__*/_jsxs(Box, {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            gap: 1,
-            flexWrap: "wrap"
-          },
-          children: [subscription?.isPaidUser && /*#__PURE__*/_jsx(Button, {
-            color: "secondary",
-            variant: "contained",
-            size: "small",
-            startIcon: /*#__PURE__*/_jsx(AutoFixHighIcon, {}),
-            onClick: () => setIsGeneratePhrasesDialogOpen(true),
-            children: t("generate_phrases")
-          }), /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "contained",
-            size: "small",
-            startIcon: /*#__PURE__*/_jsx(AddIcon, {}),
-            onClick: () => setIsCreatePhraseDialogOpen(true),
-            children: t("add_phrase")
-          }), /*#__PURE__*/_jsx(DefaultButton, {
-            variant: "contained",
-            size: "small",
-            onClick: () => setIsUploadPhrasesDialogOpen(true),
-            endIcon: /*#__PURE__*/_jsx(PublishIcon, {}),
-            children: t("upload")
-          }), /*#__PURE__*/_jsx(DefaultButton, {
-            variant: "contained",
-            size: "small",
-            onClick: () => scriptDownloadRef.current?.(),
-            endIcon: /*#__PURE__*/_jsx(GetAppIcon, {}),
-            children: t("download")
-          }), /*#__PURE__*/_jsxs(ToggleButtonGroup, {
-            size: "small",
-            value: mode,
-            exclusive: true,
-            onChange: handleModeSelection,
-            "aria-label": t("editor_mode"),
-            children: [/*#__PURE__*/_jsx(ToggleButton, {
-              value: Modes.NORMAL,
-              "aria-label": t("normal_mode"),
-              children: /*#__PURE__*/_jsx(Tooltip, {
-                title: t("normal_mode"),
-                children: /*#__PURE__*/_jsx(ListIcon, {
-                  fontSize: "small"
-                })
-              })
-            }), /*#__PURE__*/_jsx(ToggleButton, {
-              value: Modes.SPREADSHEET,
-              "data-cy": "spreadsheet-toggle",
-              "aria-label": t("spreadsheet_mode"),
-              children: /*#__PURE__*/_jsx(Tooltip, {
-                title: t("spreadsheet_mode"),
-                children: /*#__PURE__*/_jsx(TableChartIcon, {
-                  fontSize: "small"
-                })
-              })
-            })]
-          })]
-        })]
-      }), tabValue === 0 ? /*#__PURE__*/_jsx(Box, {
-        sx: {
-          flex: 1,
-          overflowY: "auto"
-        },
-        children: /*#__PURE__*/_jsx(PhrasesEditor, {
-          t: t,
-          phrases: phrases,
-          isCreator: isCreator,
-          isMember: isMember,
-          handleTranslate: handleTranslate,
-          handleUpdatePhrase: updatePhrase,
-          handleRemovePhrases: handleRemovePhrases,
-          uploadAudio: uploadAudio,
-          handleSpeak: handleSpeak,
-          updatePhrases: updatePhrases,
-          learnLang: learnLang,
-          forLang: forLang,
-          voices: voices,
-          userAttributes: userAttributes,
-          disablePadding: true,
-          forLangCharacters: forLangCharacters,
-          learnLangCharacters: learnLangCharacters,
-          fileSizeLimit: fileSizeLimit,
-          handleSpreadsheetSaveChanges: handleSpreadsheetSaveChanges,
-          isUploadPhrasesDialogOpen: isUploadPhrasesDialogOpen,
-          setIsUploadPhrasesDialogOpen: setIsUploadPhrasesDialogOpen,
-          isCreatePhraseDialogOpen: isCreatePhraseDialogOpen,
-          setIsCreatePhraseDialogOpen: setIsCreatePhraseDialogOpen,
-          handleAddPhrase: handleAddPhrase,
-          validatePhraseRecognition: validatePhraseRecognition,
-          siteLanguage: siteLanguage,
-          makeChatGptApiRequest: makeChatGptApiRequest,
-          difficulty: difficulty,
-          subscription: subscription,
-          topicGoal: topicGoal,
-          verificationStatus: verificationStatus,
-          phraseListName: initialValues.phraseListName,
-          otherPhraseLists: otherPhraseLists,
-          otherPhraseListsLoading: otherPhraseListsLoading,
-          handleTransferPhrase: handleTransferPhrase,
-          handleCreatePhraseListFromSelection: handleCreatePhraseListFromSelection,
-          isGeneratePhrasesDialogOpen: isGeneratePhrasesDialogOpen,
-          setIsGeneratePhrasesDialogOpen: setIsGeneratePhrasesDialogOpen,
-          mode: mode,
-          scriptDownloadRef: scriptDownloadRef
-        })
-      }) : null, tabValue === 1 ? /*#__PURE__*/_jsx(Box, {
-        sx: {
-          flex: 1,
-          overflowY: "auto"
-        },
-        className: classes.settings,
-        children: /*#__PURE__*/_jsx(UpdatePhraseList, {
-          t: t,
-          touched: touched,
-          handleChange: handleChange,
-          learnLang: learnLang,
-          initialValues: initialValues,
-          voiceOptions: voices,
-          isUserInternal: isUserInternal,
-          onSubmit: onSubmit,
-          onSubmitInfo: onSubmitInfo,
-          onSubmitExerciseSettings: onSubmitExerciseSettings,
-          handleSpeak: handleSpeak,
-          fileSizeLimit: fileSizeLimit,
-          verificationStatus: verificationStatus
-        })
-      }) : null]
-    })
-  });
-}
-PhraseList.propTypes = {};
-export default PhraseList;