@nualang/nualang-ui-components 0.1.1415 → 0.1.1417

package/dist/Containers/App/App.js

@@ -217,6 +217,7 @@ function App({
   isCollapsed,
   setIsCollapsed,
   isUserInternal,
+  isCommunityAccessRestricted,
   handleQuickCreateClassroom,
   handleQuickCreateCourse,
   learnLang,
@@ -303,6 +304,18 @@ function App({
   };
   const isSearchActive = searchText || isMobileSearchExpanded;
   const isTeacher = user && user["custom:role"] === "teach";
+  const isSearchAllowed = isTeacher && !isCommunityAccessRestricted;
+
+  // If the restriction flag loads/flips async while search is already active
+  // (e.g. mobile search expanded, or text typed in), force-close it rather
+  // than only gating the initial render - otherwise a user already mid-search
+  // keeps access until they manually close it.
+  useEffect(() => {
+    if (!isSearchAllowed && (searchText || isMobileSearchExpanded)) {
+      setSearchText("");
+      setIsMobileSearchExpanded(false);
+    }
+  }, [isSearchAllowed, searchText, isMobileSearchExpanded]);
   const isUpgradePossible = subscription && subscription.isUpgradePossible;
   const hidden = useMediaQuery(theme => theme.breakpoints.down("sm"));
   return /*#__PURE__*/_jsxs("div", {
@@ -334,7 +347,7 @@ function App({
         })]
       }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [isLgScreen ? /*#__PURE__*/_jsx(_Fragment, {
-          children: isTeacher && /*#__PURE__*/_jsxs(_Fragment, {
+          children: isSearchAllowed && /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(AppSearch, {
               t: t,
               navigate: navigate,
@@ -348,7 +361,7 @@ function App({
             })]
           })
         }) : /*#__PURE__*/_jsx(_Fragment, {
-          children: isTeacher && /*#__PURE__*/_jsx(_Fragment, {
+          children: isSearchAllowed && /*#__PURE__*/_jsx(_Fragment, {
             children: /*#__PURE__*/_jsx(Tooltip, {
               title: t("search"),
               enterDelay: 300,

package/dist/Dialogs/FindChatbotDialog/FindChatbotDialog.js

@@ -29,6 +29,7 @@ export default function FindChatbotDialog({
   onLoadMoreCommunity,
   hasMoreCommunity = false,
   isLoadingMoreCommunity = false,
+  isCommunityAccessRestricted = false,
   t = text => text
 }) {
   const scrollRef = useRef(null);
@@ -39,6 +40,8 @@ export default function FindChatbotDialog({
     threshold: 0
   });
   const [tab, setTab] = useState(0);
+  // Restricted users are always kept on the library tab, regardless of state.
+  const effectiveTab = isCommunityAccessRestricted ? 0 : tab;
   const [selectedBotIds, setSelectedBotIds] = useState([]);
   const [search, setSearch] = useState("");
   const [filters, setFilters] = useState({
@@ -81,12 +84,22 @@ export default function FindChatbotDialog({
     reset();
     handleClose();
   };
+
+  // If restriction flips on while the dialog is already open (e.g. the flag
+  // loads async), a previously-selected community chatbot could otherwise
+  // stay selected/added even though the Community tab is now locked out.
   useEffect(() => {
-    if (sentinelInView && tab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
+    if (isCommunityAccessRestricted) {
+      reset();
+    }
+  }, [isCommunityAccessRestricted]);
+  useEffect(() => {
+    if (sentinelInView && effectiveTab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
       onLoadMoreCommunity?.();
     }
-  }, [sentinelInView, tab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
+  }, [sentinelInView, effectiveTab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
   const handleTabChange = (_, v) => {
+    if (isCommunityAccessRestricted) return;
     setTab(v);
     setSearch("");
     setFilters({
@@ -114,9 +127,9 @@ export default function FindChatbotDialog({
     }
     return result;
   };
-  const currentChatbots = tab === 0 ? filterChatbots(libraryChatbots) : applyCommunityFilters(communityChatbots);
-  const isLoading = tab === 0 ? isLoadingLibrary : isLoadingCommunity;
-  const sectionLabel = tab === 0 ? t("add_own_exercise_message", {
+  const currentChatbots = effectiveTab === 0 ? filterChatbots(libraryChatbots) : applyCommunityFilters(communityChatbots);
+  const isLoading = effectiveTab === 0 ? isLoadingLibrary : isLoadingCommunity;
+  const sectionLabel = effectiveTab === 0 ? t("add_own_exercise_message", {
     exerciseName: t("chatbots").toLowerCase()
   }) : t("or_select_a_community_template_desc");
   const addButtonLabel = selectedBotIds.length > 0 ? `${t("add_chatbots")} (${selectedBotIds.length})` : t("add_chatbots");
@@ -166,17 +179,18 @@ export default function FindChatbotDialog({
           borderColor: "divider"
         },
         children: /*#__PURE__*/_jsxs(Tabs, {
-          value: tab,
+          value: effectiveTab,
           onChange: handleTabChange,
           indicatorColor: "primary",
           textColor: "primary",
           children: [/*#__PURE__*/_jsx(Tab, {
             label: t("my_library") || "My Library"
           }), /*#__PURE__*/_jsx(Tab, {
-            label: t("community") || "Community"
+            label: t("community") || "Community",
+            disabled: isCommunityAccessRestricted
           })]
         })
-      }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+      }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
         sx: {
           px: 3,
           py: {
@@ -232,7 +246,7 @@ export default function FindChatbotDialog({
             isSelected: bot => selectedBotIds.includes(bot.botId),
             compact: true,
             handleViewUserProfile: () => {}
-          }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+          }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
             ref: sentinelRef,
             sx: {
               height: 40,

package/dist/Dialogs/FindScenarioDialog/FindScenarioDialog.js

@@ -17,6 +17,7 @@ export default function FindScenarioDialog({
   onLoadMoreCommunity,
   hasMoreCommunity = false,
   isLoadingMoreCommunity = false,
+  isCommunityAccessRestricted = false,
   t = text => text
 }) {
   const scrollRef = useRef(null);
@@ -27,6 +28,8 @@ export default function FindScenarioDialog({
     threshold: 0
   });
   const [tab, setTab] = useState(0);
+  // Restricted users are always kept on the library tab, regardless of state.
+  const effectiveTab = isCommunityAccessRestricted ? 0 : tab;
   const [selectedRoleplayIds, setSelectedRoleplayIds] = useState([]);
   const [search, setSearch] = useState("");
   const [filters, setFilters] = useState({
@@ -69,12 +72,22 @@ export default function FindScenarioDialog({
     reset();
     handleClose();
   };
+
+  // If restriction flips on while the dialog is already open (e.g. the flag
+  // loads async), a previously-selected community scenario could otherwise
+  // stay selected/added even though the Community tab is now locked out.
   useEffect(() => {
-    if (sentinelInView && tab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
+    if (isCommunityAccessRestricted) {
+      reset();
+    }
+  }, [isCommunityAccessRestricted]);
+  useEffect(() => {
+    if (sentinelInView && effectiveTab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
       onLoadMoreCommunity?.();
     }
-  }, [sentinelInView, tab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
+  }, [sentinelInView, effectiveTab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
   const handleTabChange = (_, v) => {
+    if (isCommunityAccessRestricted) return;
     setTab(v);
     setSearch("");
     setFilters({
@@ -102,9 +115,9 @@ export default function FindScenarioDialog({
     }
     return result;
   };
-  const currentScenarios = tab === 0 ? filterScenarios(libraryScenarios) : applyCommunityFilters(communityScenarios);
-  const isLoading = tab === 0 ? isLoadingLibrary : isLoadingCommunity;
-  const sectionLabel = tab === 0 ? t("add_own_exercise_message", {
+  const currentScenarios = effectiveTab === 0 ? filterScenarios(libraryScenarios) : applyCommunityFilters(communityScenarios);
+  const isLoading = effectiveTab === 0 ? isLoadingLibrary : isLoadingCommunity;
+  const sectionLabel = effectiveTab === 0 ? t("add_own_exercise_message", {
     exerciseName: t("scenarios").toLowerCase()
   }) : t("or_select_a_community_template_desc");
   const addButtonLabel = selectedRoleplayIds.length > 0 ? `${t("add_scenarios")} (${selectedRoleplayIds.length})` : t("add_scenarios");
@@ -154,17 +167,18 @@ export default function FindScenarioDialog({
           borderColor: "divider"
         },
         children: /*#__PURE__*/_jsxs(Tabs, {
-          value: tab,
+          value: effectiveTab,
           onChange: handleTabChange,
           indicatorColor: "primary",
           textColor: "primary",
           children: [/*#__PURE__*/_jsx(Tab, {
             label: t("my_library") || "My Library"
           }), /*#__PURE__*/_jsx(Tab, {
-            label: t("community") || "Community"
+            label: t("community") || "Community",
+            disabled: isCommunityAccessRestricted
           })]
         })
-      }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+      }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
         sx: {
           px: 3,
           py: {
@@ -220,7 +234,7 @@ export default function FindScenarioDialog({
             isSelected: roleplay => selectedRoleplayIds.includes(roleplay.roleplayId),
             compact: true,
             handleViewUserProfile: () => {}
-          }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+          }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
             ref: sentinelRef,
             sx: {
               height: 40,

package/dist/Dialogs/FindTopicsDialog/FindTopicsDialog.js

@@ -150,6 +150,7 @@ export default function FindTopicsDialog({
   onLoadMoreCommunity,
   hasMoreCommunity = false,
   isLoadingMoreCommunity = false,
+  isCommunityAccessRestricted = false,
   t = text => text
 }) {
   const scrollRef = useRef(null);
@@ -160,6 +161,8 @@ export default function FindTopicsDialog({
     threshold: 0
   });
   const [tab, setTab] = useState(0);
+  // Restricted users are always kept on the library tab, regardless of state.
+  const effectiveTab = isCommunityAccessRestricted ? 0 : tab;
   const [selectedTopicIds, setSelectedTopicIds] = useState([]);
   const [search, setSearch] = useState("");
   const [filters, setFilters] = useState({
@@ -202,12 +205,22 @@ export default function FindTopicsDialog({
     reset();
     handleClose();
   };
+
+  // If restriction flips on while the dialog is already open (e.g. the flag
+  // loads async), a previously-selected community topic could otherwise stay
+  // selected/added even though the Community tab is now locked out - clear it.
   useEffect(() => {
-    if (sentinelInView && tab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
+    if (isCommunityAccessRestricted) {
+      reset();
+    }
+  }, [isCommunityAccessRestricted]);
+  useEffect(() => {
+    if (sentinelInView && effectiveTab === 1 && hasMoreCommunity && !isLoadingMoreCommunity) {
       onLoadMoreCommunity?.();
     }
-  }, [sentinelInView, tab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
+  }, [sentinelInView, effectiveTab, hasMoreCommunity, isLoadingMoreCommunity, onLoadMoreCommunity]);
   const handleTabChange = (_, v) => {
+    if (isCommunityAccessRestricted) return;
     setTab(v);
     setSearch("");
     setFilters({
@@ -235,9 +248,9 @@ export default function FindTopicsDialog({
     }
     return result;
   };
-  const currentTopics = tab === 0 ? filterTopics(libraryTopics) : applyCommunityFilters(communityTopics);
-  const isLoading = tab === 0 ? isLoadingLibrary : isLoadingCommunity;
-  const sectionLabel = tab === 0 ? t("add_own_exercise_message", {
+  const currentTopics = effectiveTab === 0 ? filterTopics(libraryTopics) : applyCommunityFilters(communityTopics);
+  const isLoading = effectiveTab === 0 ? isLoadingLibrary : isLoadingCommunity;
+  const sectionLabel = effectiveTab === 0 ? t("add_own_exercise_message", {
     exerciseName: t("topic").toLowerCase()
   }) : t("or_select_a_community_template_desc") || "Community Topics";
   const addButtonLabel = selectedTopicIds.length > 0 ? `${t("add_topics") || "Add Topics"} (${selectedTopicIds.length})` : t("add_topics") || "Add Topics";
@@ -281,7 +294,7 @@ export default function FindTopicsDialog({
           borderColor: "divider"
         },
         children: /*#__PURE__*/_jsxs(Tabs, {
-          value: tab,
+          value: effectiveTab,
           onChange: handleTabChange,
           indicatorColor: "primary",
           textColor: "primary",
@@ -291,10 +304,11 @@ export default function FindTopicsDialog({
             "data-cy": "find-topics-tab-library"
           }), /*#__PURE__*/_jsx(Tab, {
             label: t("community") || "Community",
+            disabled: isCommunityAccessRestricted,
             "data-cy": "find-topics-tab-community"
           })]
         })
-      }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+      }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
         sx: {
           px: 3,
           py: {
@@ -350,7 +364,7 @@ export default function FindTopicsDialog({
             selectionEnabled: true,
             isSelected: topic => selectedTopicIds.includes(topic.topicId),
             compact: true
-          }), tab === 1 && /*#__PURE__*/_jsx(Box, {
+          }), effectiveTab === 1 && /*#__PURE__*/_jsx(Box, {
             ref: sentinelRef,
             sx: {
               height: 40,

package/dist/Dialogs/GenerateBot/GenerateBot.js

@@ -9,7 +9,9 @@ import NualaCreating from "../../Misc/NualaCreating/NualaCreating";
 import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
 import InputHelper from "../../Forms/InputHelper/InputHelper";
 import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
+import { getBotContentTemplateType, multipleOptionsRegex, sanitizeBotContent } from "../../utils/index";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const QUESTION_ANSWER_TEMPLATES = ["nualang.quiz.0.0.1", "nualang.emoji-quiz.0.0.1", "nualang.picture-quiz.0.0.1", "nualang.picture-quiz.0.0.2"];
 function validateResponse(response, template) {
   if (!Array.isArray(response)) {
     return false;
@@ -18,7 +20,7 @@ function validateResponse(response, template) {
     if (typeof item !== "object" || item === null || Array.isArray(item)) {
       return false;
     }
-    if (template === "nualang.quiz.0.0.1") {
+    if (QUESTION_ANSWER_TEMPLATES.includes(template)) {
       if (!Object.hasOwn(item, "question") || !Object.hasOwn(item, "answer")) {
         return false;
       }
@@ -29,18 +31,27 @@ function validateResponse(response, template) {
         return false;
       }
     }
-    if (template === "nualang.open-ended.0.0.1" && !Object.hasOwn(item, "text")) {
-      return false;
+    if (template === "nualang.open-ended.0.0.1") {
+      if (typeof item.text !== "string" || item.text.trim() === "") {
+        return false;
+      }
     }
   }
   return true;
 }
+
+// Splits a RiveScript-style answer string, e.g. "(Tuesday)" or "(7|seven)", into a plain array.
+function parseAnswerString(answer) {
+  if (typeof answer !== "string") return [];
+  const match = answer.match(multipleOptionsRegex);
+  const inner = match ? match[1] : answer;
+  return inner.split("|").map(entry => entry.trim()).filter(Boolean);
+}
 function GenerateBotDialog({
   t = text => text,
   isGenerateBotDialogOpen,
   setIsGenerateBotDialogOpen,
   makeChatGptApiRequest,
-  generateRiveFile,
   learnLang,
   initialValues = {
     botTopic: "",
@@ -52,7 +63,7 @@ function GenerateBotDialog({
   siteLanguage,
   topicPhrases,
   phraseLists,
-  updateRivescriptJSON,
+  updateBotContent,
   initialTopicGoal
 }) {
   const [usePhrasesContext, setUsePhrasesContext] = useState(true);
@@ -205,11 +216,21 @@ function GenerateBotDialog({
   };
   const handleSubmit = async () => {
     const generatedBot = await handleGenerateBotScript(autoSelect);
-    const generatedRiveFile = generateRiveFile(values.botLengthNumber, generatedBot);
+    const templateType = getBotContentTemplateType(bot.selectedTemplate);
+    const botContent = sanitizeBotContent({
+      schemaVersion: 1,
+      templateType,
+      items: generatedBot.map((item, index) => ({
+        id: `q${index + 1}`,
+        question: templateType === "open-ended" ? item.text : item.question,
+        answers: templateType === "open-ended" ? [] : parseAnswerString(item.answer),
+        image: null
+      }))
+    });
     await handleUpdateBot({
-      riveFile: generatedRiveFile
+      botContent
     });
-    updateRivescriptJSON(generatedRiveFile);
+    updateBotContent(botContent);
     handleCloseDialog();
   };
   return /*#__PURE__*/_jsx(ResponsiveDialog, {

package/dist/Dialogs/QuickCreateChatbotDialog/QuickCreateChatbotDialog.js

@@ -404,7 +404,7 @@ export default function QuickCreateChatbotDialog({
   const [difficulty, setDifficulty] = useState(topicDifficulty || "");
   const [templateId, setTemplateId] = useState(getDefaultTemplateId(templates));
   const [template, setTemplate] = useState(templates.find(tpl => tpl.botId === getDefaultTemplateId(templates)) || {});
-  const [riveFile, setRiveFile] = useState("");
+  const [botContent, setBotContent] = useState(null);
   const [numberOfQuestions, setNumberOfQuestions] = useState(defaultNumberOfQuestions);
   const [isLoading, setIsLoading] = useState(false);
   const [selectedVoice, setSelectedVoice] = useState(null);
@@ -428,7 +428,24 @@ export default function QuickCreateChatbotDialog({
   useEffect(() => {
     const matched = templates.find(tpl => tpl.botId === templateId);
     setTemplate(matched || null);
-    setRiveFile(matched ? matched.generateRiveFile(numberOfQuestions) : "");
+    if (matched && matched.sampleBotContent) {
+      const sampleItems = matched.sampleBotContent.items;
+      // Cycle the sample items to match the requested question count, reassigning
+      // sequential ids - this is placeholder content the teacher edits immediately
+      // after creation, not a precise question bank.
+      const items = Array.from({
+        length: numberOfQuestions
+      }, (_, index) => ({
+        ...sampleItems[index % sampleItems.length],
+        id: `q${index + 1}`
+      }));
+      setBotContent({
+        ...matched.sampleBotContent,
+        items
+      });
+    } else {
+      setBotContent(null);
+    }
   }, [templateId, templates, numberOfQuestions]);
   const resetAndClose = () => {
     setBotTitle("");
@@ -472,7 +489,7 @@ export default function QuickCreateChatbotDialog({
         description: t(template.description) || "",
         difficulty,
         tags: [],
-        riveFile,
+        botContent,
         learnLang: template.learnLang,
         selectedTemplate: templateId,
         numberOfQuestions: Number(numberOfQuestions),

package/dist/Editors/Bot/Bot.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import { Joyride, STATUS } from "react-joyride";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useTheme } from "@mui/material/styles";
@@ -25,7 +25,7 @@ import Tutorial from "./Tutorial";
 import Editor from "./Editor/Editor";
 
 // utils
-import { jsonToRivescript, rivescriptToJson } from "../../utils/index";
+import { jsonToRivescript, rivescriptToJson, getBotContentTemplateType, buildInitialBotContent, decompileBotContent, sanitizeBotContent, AUTHOR_FROM_SCRATCH_TEMPLATE } from "../../utils/index";
 import { startJoyrideWhenReady } from "../../utils/joyride";
 import useDebounce from "../../hooks/useDebounce";
 import useRecognition from "../../hooks/useRecognition";
@@ -104,7 +104,6 @@ function Bot({
   handleBotInstructionsImageUpload,
   makeChatGptApiRequest,
   handleUpdateBot,
-  generateRiveFile,
   siteLanguage,
   topicPhrases,
   phraseLists,
@@ -131,6 +130,18 @@ function Bot({
     recognizing
   } = recognitionState;
   const [bot, setBot] = useState(initialValues);
+  const isAuthorFromScratch = bot.selectedTemplate === AUTHOR_FROM_SCRATCH_TEMPLATE;
+  const botContentTemplateType = getBotContentTemplateType(bot.selectedTemplate);
+  // Only set by genuine user edits (via updateBotContent) - not by the mount-time
+  // backfill below - so opening an old bot never autosaves before anyone touches it.
+  const hasEditedBotContentRef = useRef(false);
+  const updateBotContent = newBotContent => {
+    hasEditedBotContentRef.current = true;
+    setBot(prevState => ({
+      ...prevState,
+      botContent: newBotContent
+    }));
+  };
   const [isDynamicResponsesEnabled, setIsDynamicResponsesEnabled] = useState("disable");
   const languageInformation = config.languages[learnLang];
   const languageTag = languageInformation.Code;
@@ -320,12 +331,21 @@ function Bot({
 
   // Effect for API call
   useEffect(() => {
-    if (debouncedRiveFile !== initialValues.riveFile) {
+    if (isAuthorFromScratch && debouncedRiveFile !== initialValues.riveFile) {
       handleSaveBot();
     }
   }, [debouncedRiveFile] // Only call effect if debounced rive file changes
   );
 
+  // Templated bots: botContent is the source of truth, riveFile is compiled from it
+  // server-side on save - see handleSaveBotContent.
+  const debouncedBotContent = useDebounce(bot.botContent, 3000);
+  useEffect(() => {
+    if (!isAuthorFromScratch && hasEditedBotContentRef.current && debouncedBotContent) {
+      handleSaveBotContent();
+    }
+  }, [debouncedBotContent]);
+
   // 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 ...
@@ -340,7 +360,17 @@ function Bot({
     if (bot.riveFile === true) {
       bot.riveFile = "";
     }
-    updateRivescriptJSON(bot.riveFile);
+    if (isAuthorFromScratch) {
+      updateRivescriptJSON(bot.riveFile);
+    } else if (!bot.botContent) {
+      // Legacy templated bot with no structured record yet: recover its real questions from
+      // riveFile rather than seeding a blank one, so the next autosave can't wipe them out.
+      const decompiled = decompileBotContent(bot.riveFile, bot.selectedTemplate);
+      setBot(prevState => ({
+        ...prevState,
+        botContent: decompiled || buildInitialBotContent(prevState.selectedTemplate)
+      }));
+    }
   }, []); // Only run on mount
 
   useEffect(() => {
@@ -560,6 +590,15 @@ function Bot({
       console.error(error);
     }
   };
+  const handleSaveBotContent = async () => {
+    try {
+      await onSubmit({
+        botContent: sanitizeBotContent(bot.botContent)
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  };
   const handleJoyrideCallback = data => {
     const {
       status,
@@ -763,16 +802,18 @@ function Bot({
         handleUploadBotExerciseImage: handleUploadBotExerciseImage,
         makeChatGptApiRequest: makeChatGptApiRequest,
         handleUpdateBot: handleUpdateBot,
-        generateRiveFile: generateRiveFile,
         learnLang: learnLang,
         siteLanguage: siteLanguage,
         topicPhrases: topicPhrases,
         phraseLists: phraseLists,
-        updateRivescriptJSON: updateRivescriptJSON,
         courseId: courseId,
         sectionId: sectionId,
         topicId: topicId,
         initialTopicGoal: initialTopicGoal,
+        verificationStatus: verificationStatus,
+        isAuthorFromScratch: isAuthorFromScratch,
+        botContentTemplateType: botContentTemplateType,
+        updateBotContent: updateBotContent,
         openSnackbar: openSnackbar
       }) : null, tabValue === 1 ? /*#__PURE__*/_jsx(Box, {
         className: hidden ? classes.paneFull : classes.pane,