@nualang/nualang-ui-components 0.1.1174 → 0.1.1176

package/dist/Cards/Course/Course.js

@@ -9,7 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntersectionObserver = require("react-intersection-observer");
 var _material = require("@mui/material");
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
-var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
 var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
 var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp"));
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
@@ -132,14 +131,7 @@ function CourseLoading() {
     width: "20%"
   }), /*#__PURE__*/_react.default.createElement(_material.Box, {
     flexGrow: 1
-  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    mr: 0.5
-  }, /*#__PURE__*/_react.default.createElement(_Rating.default, {
-    value: 0,
-    precision: 0.5,
-    readOnly: true,
-    size: "small"
-  }))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  })), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     variant: "body1",
     color: "textSecondary",
     component: "div"
@@ -443,7 +435,7 @@ function CourseCard({
     }
   }, /*#__PURE__*/_react.default.createElement(_OndemandVideo.default, {
     sx: _CardElements.classes.infoIcon
-  }), t("video_included")), isPlaysVisible ? /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
+  }), t("video_included")), isPlaysVisible && /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
     variant: "body2",
     component: "span",
     sx: {
@@ -455,12 +447,7 @@ function CourseCard({
     sx: _CardElements.classes.infoIcon
   }), t("plays", {
     number: (0, _index2.formatNumberTotal)(exerciseStartTotal)
-  })) : /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: "100%",
-      height: "1.5em"
-    }
-  })), /*#__PURE__*/_react.default.createElement(_CardElements.CardDescription, {
+  }))), /*#__PURE__*/_react.default.createElement(_CardElements.CardDescription, {
     variant: "body1",
     color: "textSecondary",
     component: "p"
@@ -552,7 +539,8 @@ function CourseCard({
     isLoading: sectionsQuery.isLoading,
     isMember: isMember,
     completions: completions,
-    isClassroomArchived: isClassroomArchived
+    isClassroomArchived: isClassroomArchived,
+    classroomId: classroomId
   }));
 }
 function Course(props) {

package/dist/Chat/Messages/Question/Question.js

@@ -115,12 +115,6 @@ function Answers({
   };
   (0, _react.useEffect)(() => {
     if (showResults) {
-      setTotalVotes(Object.values(answerCounts).reduce((sum, count) => sum + count, 0));
-      setIsLoading(false);
-    }
-  }, [answerCounts, showResults]);
-  (0, _react.useEffect)(() => {
-    if (showResults && noAnswerCounts > 0) {
       const totalAnswerVotes = Object.values(answerCounts).reduce((sum, count) => sum + count, 0);
       const totalVotesIncludingNoAnswer = totalAnswerVotes + (noAnswerCounts || 0);
       setTotalVotes(totalVotesIncludingNoAnswer);

package/dist/Dialogs/CourseOutline/CourseOutline.js

@@ -15,6 +15,7 @@ function CourseOutline({
   dialogTitle,
   handleViewCourseTopic,
   isClassroomArchived = false,
+  classroomId,
   ...otherProps
 }) {
   return /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
@@ -25,6 +26,7 @@ function CourseOutline({
     handleViewCourseTopic: handleViewCourseTopic,
     disableDrag: true,
     showViewTopicButton: false,
-    isClassroomArchived: isClassroomArchived
+    isClassroomArchived: isClassroomArchived,
+    classroomId: classroomId
   })));
 }

package/dist/Editors/Bot/Bot.js

@@ -112,7 +112,8 @@ function Bot({
   courseId,
   sectionId,
   topicId,
-  initialTopicGoal
+  initialTopicGoal,
+  isUserInternal
 }) {
   const {
     recognitionState,
@@ -693,7 +694,8 @@ function Bot({
     fileSizeLimit: fileSizeLimit,
     onSubmit: onSubmit,
     subscription: subscription,
-    handleBotInstructionsImageUpload: handleBotInstructionsImageUpload
+    handleBotInstructionsImageUpload: handleBotInstructionsImageUpload,
+    isUserInternal: isUserInternal
   })) : null), /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
     open: creatorInstructionsDialogOpen,
     handleClose: handleCloseCreatorInstructions,

package/dist/Editors/Roleplay/Roleplay.js

@@ -271,7 +271,8 @@ function Roleplay({
   siteLanguage,
   phrases,
   topicId,
-  initialTopicGoal
+  initialTopicGoal,
+  isUserInternal
 }) {
   console.log("Edit Roleplay -> phrases", phrases);
   const [isGenerateRoleplayDialogOpen, setIsGenerateRoleplayDialogOpen] = (0, _react.useState)(false);
@@ -783,7 +784,8 @@ function Roleplay({
     initialValues: initialValues,
     onSubmit: onSubmit,
     fileSizeLimit: fileSizeLimit,
-    subscription: subscription
+    subscription: subscription,
+    isUserInternal: isUserInternal
   })) : null, /*#__PURE__*/_react.default.createElement(_CreateQuestion.default, {
     t: t,
     learnLang: learnLang,

package/dist/Forms/CreateBot/CreateBot.js

@@ -48,7 +48,8 @@ function CreateBot({
   subscription = {
     isUpgradePossible: true
   },
-  langChar
+  langChar,
+  isUserInternal
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `creabotvoicx_${(0, _index.randomId)()}${idx}`;
@@ -69,7 +70,8 @@ function CreateBot({
     fileSizeLimit: fileSizeLimit,
     subscription: subscription,
     voiceOptions: voices,
-    langChar: langChar
+    langChar: langChar,
+    isUserInternal: isUserInternal
   });
 }
 CreateBot.propTypes = {};

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

@@ -62,7 +62,8 @@ function BotInformation({
   update,
   fileSizeLimit,
   handleBotInstructionsImageUpload,
-  langChar
+  langChar,
+  isUserInternal
 }) {
   const {
     classes
@@ -400,7 +401,8 @@ function BotInformation({
     onBlur: handleBlur,
     helperText: touched.voice ? t(errors.voice) : "",
     error: touched.voice && Boolean(errors.voice),
-    voicePitch: voicePitch
+    voicePitch: voicePitch,
+    isUserInternal: isUserInternal
   }), /*#__PURE__*/_react.default.createElement(_InputHelper.default, {
     t: t,
     id: "name",

package/dist/Forms/CreateRoleplay/CreateRoleplay.js

@@ -61,7 +61,8 @@ function CreateRoleplay({
   subscription = {
     isUpgradePossible: true
   },
-  langChar
+  langChar,
+  isUserInternal
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `crearolax${(0, _index.randomId)()}${idx}`;
@@ -83,7 +84,8 @@ function CreateRoleplay({
     difficultyOptions: difficultyOptions,
     fileSizeLimit: fileSizeLimit,
     subscription: subscription,
-    langChar: langChar
+    langChar: langChar,
+    isUserInternal: isUserInternal
   });
 }
 CreateRoleplay.propTypes = {};

package/dist/Forms/CreateRoleplay/Steps/RoleplayInformation/RoleplayInformation.js

@@ -49,7 +49,8 @@ function ActorForm({
   learnLang,
   voiceOptions = {},
   handleSpeak,
-  langChar
+  langChar,
+  isUserInternal
 }) {
   const {
     classes
@@ -175,7 +176,8 @@ function ActorForm({
     onBlur: handleBlur,
     helperText: touched[`actor${number}`] && errors[`actor${number}`] ? errors[`actor${number}`].voice : "",
     error: touched[`actor${number}`] && errors[`actor${number}`] && Boolean(errors[`actor${number}`].voice),
-    voicePitch: voicePitch
+    voicePitch: voicePitch,
+    isUserInternal: isUserInternal
   }), /*#__PURE__*/_react.default.createElement(_InputHelper.default, {
     t: t,
     id: `actor${number}.name`,
@@ -216,7 +218,8 @@ function RoleplayInformation({
   values,
   fileSizeLimit,
   errors,
-  langChar
+  langChar,
+  isUserInternal
 }) {
   const {
     roleplayName,
@@ -349,7 +352,8 @@ function RoleplayInformation({
     voiceOptions: voiceOptions,
     handleSpeak: handleSpeak,
     avatars: avatars,
-    langChar: langChar
+    langChar: langChar,
+    isUserInternal: isUserInternal
   })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 12,
@@ -366,7 +370,8 @@ function RoleplayInformation({
     voiceOptions: voiceOptions,
     handleSpeak: handleSpeak,
     avatars: avatars,
-    langChar: langChar
+    langChar: langChar,
+    isUserInternal: isUserInternal
   }))));
 }
 RoleplayInformation.propTypes = {};

package/dist/Forms/CreateRoleplayHook/Steps/RoleplayInformation/RoleplayInformation.js

@@ -45,7 +45,8 @@ function ActorForm({
   avatars,
   learnLang,
   voiceOptions = {},
-  handleSpeak
+  handleSpeak,
+  isUserInternal
 }) {
   const {
     classes
@@ -156,7 +157,8 @@ function ActorForm({
       onBlur: onBlur,
       helperText: touchedFields[`actor${number}`] && errors[`actor${number}`] ? errors[`actor${number}`].voice : "",
       error: touchedFields[`actor${number}`] && errors[`actor${number}`] && Boolean(errors[`actor${number}`].voice),
-      voicePitch: voicePitch
+      voicePitch: voicePitch,
+      isUserInternal: isUserInternal
     })
   }), /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
     name: `actor${number}.name`,
@@ -211,7 +213,8 @@ function RoleplayInformation({
   learnLang,
   handleSpeak,
   avatars,
-  fileSizeLimit
+  fileSizeLimit,
+  isUserInternal
 }) {
   const formContext = (0, _reactHookForm.useFormContext)();
   const {
@@ -405,7 +408,8 @@ function RoleplayInformation({
     learnLang: learnLang,
     voiceOptions: voiceOptions,
     handleSpeak: handleSpeak,
-    avatars: avatars
+    avatars: avatars,
+    isUserInternal: isUserInternal
   })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 12,
@@ -419,7 +423,8 @@ function RoleplayInformation({
     learnLang: learnLang,
     voiceOptions: voiceOptions,
     handleSpeak: handleSpeak,
-    avatars: avatars
+    avatars: avatars,
+    isUserInternal: isUserInternal
   }))));
 }
 RoleplayInformation.propTypes = {};

package/dist/Forms/CreateTopic/CreateTopic.js

@@ -41,7 +41,8 @@ function CreateTopic({
   fileSizeLimit,
   subscription = {
     isUpgradePossible: true
-  }
+  },
+  isUserInternal
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `cretopicx_${(0, _index.randomId)()}${idx}`;
@@ -60,7 +61,8 @@ function CreateTopic({
     learnLang: learnLang,
     fileSizeLimit: fileSizeLimit,
     subscription: subscription,
-    voiceOptions: voices
+    voiceOptions: voices,
+    isUserInternal: isUserInternal
   });
 }
 CreateTopic.propTypes = {};

package/dist/Forms/CreateTopic/Steps/TopicInformation/TopicInformation.js

@@ -21,7 +21,8 @@ function TopicInformation({
   touched,
   values,
   errors,
-  difficultyOptions
+  difficultyOptions,
+  isUserInternal
 }) {
   const {
     topicName,

package/dist/Forms/CreateTopic/Steps/TopicSettings/TopicSettings.js

@@ -27,7 +27,8 @@ function TopicSettings({
   subscription,
   learnLang,
   voiceOptions,
-  handleSpeak
+  handleSpeak,
+  isUserInternal
 }) {
   const {
     classes
@@ -162,7 +163,8 @@ function TopicSettings({
     onBlur: handleBlur,
     helperText: touched.voice ? errors.voice : "",
     error: touched.voice && Boolean(errors.voice),
-    voicePitch: voicePitch
+    voicePitch: voicePitch,
+    isUserInternal: isUserInternal
   }))));
 }
 TopicSettings.propTypes = {};

package/dist/Forms/UpdateBot/UpdateBot.js

@@ -57,7 +57,8 @@ function UpdateBot({
   subscription = {
     isUpgradePossible: true
   },
-  handleBotInstructionsImageUpload = () => {}
+  handleBotInstructionsImageUpload = () => {},
+  isUserInternal
 }) {
   const {
     classes
@@ -143,7 +144,8 @@ function UpdateBot({
       avatars: avatars,
       fileSizeLimit: fileSizeLimit,
       handleBotInstructionsImageUpload: handleBotInstructionsImageUpload,
-      update: true
+      update: true,
+      isUserInternal: isUserInternal
     }, otherProps))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
       className: classes.padding
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {

package/dist/Forms/UpdateRoleplay/UpdateRoleplay.js

@@ -68,7 +68,8 @@ function UpdateRoleplay({
   fileSizeLimit,
   subscription = {
     isUpgradePossible: true
-  }
+  },
+  isUserInternal
 }) {
   const {
     classes
@@ -145,7 +146,8 @@ function UpdateRoleplay({
       handleSpeak: handleSpeak,
       learnLang: learnLang,
       avatars: avatars,
-      fileSizeLimit: fileSizeLimit
+      fileSizeLimit: fileSizeLimit,
+      isUserInternal: isUserInternal
     }, otherProps))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
       className: classes.padding
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {

package/dist/Forms/UpdateTopic/UpdateTopic.js

@@ -55,7 +55,8 @@ function UpdateTopic({
   },
   voices = {},
   handleSpeak,
-  learnLang
+  learnLang,
+  isUserInternal
 }) {
   const {
     classes
@@ -179,7 +180,8 @@ function UpdateTopic({
       subscription: subscription,
       voiceOptions: voices,
       handleSpeak: handleSpeak,
-      learnLang: learnLang
+      learnLang: learnLang,
+      isUserInternal: isUserInternal
     }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
       className: classes.padding
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {

package/dist/Forms/VoiceSelector/VoiceSelector.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _aws = _interopRequireDefault(require("../../img/aws.svg"));
 var _azure = _interopRequireDefault(require("../../img/azure.svg"));
+var _config = _interopRequireDefault(require("../../config"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function VoicePitchSilder({
@@ -80,12 +81,13 @@ function VoiceSelector(props) {
     voicePitch,
     generateAudio = false,
     csv = false,
+    isUserInternal,
     ...otherProps
   } = props;
   const voiceAccents = Object.values(voices);
   const voicesArray = voiceAccents.flatMap(voiceOption => voiceOption.voiceOptions);
   const selectedVoice = (voicesArray || []).find(v => v.name === value);
-  const audioOrStorybook = generateAudio || window.location.host === "localhost:9009";
+  const showProviderIcons = generateAudio || window.location.host === "localhost:9009" || isUserInternal;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
     select: true,
     value: value
@@ -108,11 +110,11 @@ function VoiceSelector(props) {
     alt: ""
   }))), /*#__PURE__*/_react.default.createElement(_material.Grid, _extends({
     item: true
-  }, audioOrStorybook ? {
+  }, showProviderIcons ? {
     sx: {
       flexGrow: 1
     }
-  } : {}), voiceOption.isChild && voiceOption.isChild === true ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", `${voiceOption.name} (${t("child")}) `, " ") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, voiceOption.name)), audioOrStorybook && /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  } : {}), voiceOption.isChild && voiceOption.isChild === true ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", `${voiceOption.name} (${t("child")}) `, " ") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, voiceOption.name)), showProviderIcons && /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     sx: {
       mr: 2,

package/dist/Lists/CourseOutline/CourseOutline.js

@@ -1017,6 +1017,7 @@ function CourseOutline({
   courseSettings,
   showViewTopicButton = true,
   isClassroomArchived = false,
+  classroomId,
   ...otherProps
 }) {
   const [sects, setSects] = (0, _react.useState)([]);
@@ -1162,7 +1163,8 @@ function CourseOutline({
     disableDrag: disableDrag,
     courseSettings: courseSettings,
     showViewTopicButton: showViewTopicButton,
-    isClassroomArchived: isClassroomArchived
+    isClassroomArchived: isClassroomArchived,
+    classroomId: classroomId
   })));
 }
 var _default = exports.default = CourseOutline;

package/dist/Lists/ExerciseSelection/ExerciseSelection.js

@@ -15,7 +15,9 @@ var _SwapHoriz = _interopRequireDefault(require("@mui/icons-material/SwapHoriz")
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
 var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
+var _OndemandVideo = _interopRequireDefault(require("@mui/icons-material/OndemandVideo"));
 var _RoleplaySelection = _interopRequireDefault(require("../RoleplaySelection/RoleplaySelection"));
+var _CardElements = require("../../Cards/CardElements");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -144,6 +146,7 @@ function Topic({
   sectionId,
   topicId,
   topicName,
+  videoUrl,
   description,
   picture,
   roleplays = [],
@@ -219,7 +222,17 @@ function Topic({
       component: "p",
       color: "textSecondary"
     }, description))
-  })), /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isExerciseListOpen ? /*#__PURE__*/_react.default.createElement(_ExpandLess.default, null) : /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null))), /*#__PURE__*/_react.default.createElement(_material.Collapse, {
+  }), videoUrl && /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
+    component: "span",
+    color: "textSecondary"
+  }, /*#__PURE__*/_react.default.createElement(_OndemandVideo.default, null), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "body2",
+    ml: 0.5,
+    color: "textSecondary"
+  }, t("video_included"))))), /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isExerciseListOpen ? /*#__PURE__*/_react.default.createElement(_ExpandLess.default, null) : /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null))), /*#__PURE__*/_react.default.createElement(_material.Collapse, {
     in: isExerciseListOpen,
     timeout: "auto",
     unmountOnExit: true