@nualang/nualang-ui-components 0.1.1149 → 0.1.1151

package/dist/Exercises/Pronouncer/Pronouncer.js

@@ -302,7 +302,7 @@ function Pronouncer({
     setChecked
   } = exerciseState;
   (0, _react.useEffect)(() => {
-    if (currentPhrase.phrase) {
+    if (currentPhrase?.phrase) {
       setCurrentPhraseText(currentPhrase.phrase);
     }
   }, [currentPhrase]);

package/dist/Exercises/Roleplay/Games/ActItOutGameListeningAndSpeaking/ActItOutGame.js

@@ -448,7 +448,7 @@ function RoleplayGame({
   }, [actorHasBeenSelected]);
   const nextScriptLine = roleplay && scriptWithoutQuestions && scriptWithoutQuestions[roleplayMessages.length] ? scriptWithoutQuestions[roleplayMessages.length] : "";
   (0, _react.useEffect)(() => {
-    if (nextScriptLine) {
+    if (nextScriptLine?.text) {
       setCurrentPhraseText(nextScriptLine.text);
     }
   }, [nextScriptLine]);

package/dist/Exercises/Roleplay/Games/ActItOutGameSpeaking/ActItOutGame.js

@@ -446,7 +446,7 @@ function RoleplayGame({
   }, [actorHasBeenSelected]);
   const nextScriptLine = roleplay && scriptWithoutQuestions && scriptWithoutQuestions[roleplayMessages.length] ? scriptWithoutQuestions[roleplayMessages.length] : "";
   (0, _react.useEffect)(() => {
-    if (nextScriptLine) {
+    if (nextScriptLine?.text) {
       setCurrentPhraseText(nextScriptLine.text);
     }
   }, [nextScriptLine]);

package/dist/Forms/CreateClassroom/CreateClassroom.js

@@ -31,6 +31,8 @@ function CreateClassroom({
       forLang: "",
       visibility: "private",
       reviewsEnabled: "disabled",
+      vchatEnabled: true,
+      vchatEnabledInSettings: true,
       enrolmentKey: "",
       allowedDomains: [],
       collaborators: [],

package/dist/Forms/CreateClassroom/Steps/ClassroomSettings/ClassroomSettings.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var Yup = _interopRequireWildcard(require("yup"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _ChipInput = _interopRequireDefault(require("../../../../Forms/ChipInput"));
 var _index = require("../../../../utils/index");
+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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ClassroomSettings({
   t,
   values,
@@ -22,15 +22,28 @@ function ClassroomSettings({
   handleBlur,
   subscription,
   classroomId,
-  isUpdateClassroom = false
+  isUpdateClassroom = false,
+  scrollToDiscuss = false,
+  setScrollToDiscuss
 }) {
   const {
     visibility,
     enrolmentKey,
     allowedDomains,
     collaborators,
-    reviewsEnabled
+    reviewsEnabled,
+    vchatEnabledInSettings
   } = values;
+  const vchatEnabledInSettingsRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (scrollToDiscuss && vchatEnabledInSettingsRef.current) {
+      vchatEnabledInSettingsRef.current.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+      setScrollToDiscuss(false);
+    }
+  }, [scrollToDiscuss]);
   const isInviteFeatureDisabled = classroomId && classroomId.toLowerCase().includes("wayside");
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("limit_access_classroom_visibility_private_including_enrolment_key")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     fontSize: 14,
@@ -205,6 +218,31 @@ function ClassroomSettings({
     value: "disabled",
     control: /*#__PURE__*/_react.default.createElement(_material.Radio, null),
     label: t("disabled")
+  })))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    md: 12,
+    ref: vchatEnabledInSettingsRef
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    component: "fieldset"
+  }, /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
+    component: "legend"
+  }, t("discuss")), /*#__PURE__*/_react.default.createElement(_material.RadioGroup, {
+    "aria-label": "discussEnabled",
+    name: "vchatEnabledInSettings",
+    value: vchatEnabledInSettings ?? false,
+    onChange: handleChange,
+    onBlur: handleBlur,
+    helperText: touched.vchatEnabledInSettings ? errors.vchatEnabledInSettings : "",
+    error: touched.vchatEnabledInSettings && Boolean(errors.vchatEnabledInSettings)
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
+    value: true,
+    control: /*#__PURE__*/_react.default.createElement(_material.Radio, null),
+    label: t("enabled")
+  }), /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
+    value: false,
+    control: /*#__PURE__*/_react.default.createElement(_material.Radio, null),
+    label: t("disabled")
   }))))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("add_collaborators")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     color: "textSecondary",
     component: "label",

package/dist/Forms/Settings/Settings.stories.js

@@ -281,7 +281,7 @@ Subscription.args = {
     subscriptionStatus: "active",
     updatedAt: 1630678018431
   }, {
-    allowedDomains: 2[("ces-schools.com", "fathomtech.io")],
+    allowedDomains: 2["ces-schools.com", "fathomtech.io"],
     createdAt: 1630679041953,
     createdBy: "39e46d34-9863-497f-b4f9-10e6a7875833",
     createdByName: "Stephen",

package/dist/Forms/UpdateClassroom/UpdateClassroom.js

@@ -29,7 +29,9 @@ function UpdateClassroom({
   fileSizeLimit,
   classroomId,
   subscription,
-  courses
+  courses,
+  scrollToDiscuss,
+  setScrollToDiscuss
 }) {
   const {
     classes
@@ -43,6 +45,7 @@ function UpdateClassroom({
     enrolmentKey,
     allowedDomains,
     reviewsEnabled,
+    vchatEnabledInSettings = initialValues.vchatEnabledInSettings ?? initialValues.vchatEnabled ?? false,
     collaborators,
     picture,
     banner,
@@ -145,7 +148,8 @@ function UpdateClassroom({
       allowedDomains,
       reviewsEnabled,
       collaborators,
-      tags
+      tags,
+      vchatEnabledInSettings
     },
     enableReinitialize: enableReinitialize,
     validationSchema: _Steps.ClassroomSettings.validationSchema,
@@ -182,7 +186,9 @@ function UpdateClassroom({
       isSubmitting: isSubmitting,
       isUpdateClassroom: true,
       dirty: dirty,
-      values: values
+      values: values,
+      scrollToDiscuss: scrollToDiscuss,
+      setScrollToDiscuss: setScrollToDiscuss
     }, otherProps))), /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.CardActions, {
       className: classes.padding
     }, /*#__PURE__*/_react.default.createElement(_material.Button, {
@@ -297,6 +303,8 @@ UpdateClassroom.defaultProps = {
     visibility: "",
     enrolmentKey: "",
     reviewsEnabled: "",
+    vchatEnabled: true,
+    vchatEnabledInSettings: false,
     allowedDomains: [],
     collaborators: [],
     tags: [],

package/dist/Navigation/ResponsiveTabs/ResponsiveTabs.js

@@ -65,7 +65,10 @@ function ResponsiveTabs({
   disableHashParams = false,
   overwriteValue,
   t,
-  isCreator
+  isCreator,
+  isVideoChatEnabled,
+  isVideoChatEnabledInSettings,
+  setOverwriteValue
 }) {
   const theme = (0, _styles.useTheme)();
   const {
@@ -78,11 +81,7 @@ function ResponsiveTabs({
   (0, _react.useEffect)(() => {
     if (overwriteValue) {
       setValue(overwriteValue);
-    }
-  }, [overwriteValue]);
-  (0, _react.useEffect)(() => {
-    if (overwriteValue) {
-      setValue(overwriteValue);
+      setOverwriteValue(null);
     }
   }, [overwriteValue]);
   const handleChangeIndex = index => setValue(index);
@@ -195,12 +194,12 @@ function ResponsiveTabs({
     creatorSteps
   } = creatorJoyrideState;
   (0, _react.useEffect)(() => {
-    if (discussTabIndex === value && !isCreator && !localStorage.getItem(`student-discuss-tour-completed`)) {
+    if (discussTabIndex === value && !isCreator && !localStorage.getItem(`student-discuss-tour-completed`) && isVideoChatEnabled && isVideoChatEnabledInSettings) {
       setJoyrideState(prevState => ({
         ...prevState,
         run: true
       }));
-    } else if (discussTabIndex === value && isCreator && !localStorage.getItem(`creator-discuss-tour-completed`)) {
+    } else if (discussTabIndex === value && isCreator && !localStorage.getItem(`creator-discuss-tour-completed`) && isVideoChatEnabled && isVideoChatEnabledInSettings) {
       setCreatorJoyrideState(prevState => ({
         ...prevState,
         creatorRun: true

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = ViewClassroom;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
-var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
+var _reactJoyride = _interopRequireDefault(require("react-joyride"));
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _mui = require("tss-react/mui");
@@ -16,6 +16,7 @@ var _PersonAdd = _interopRequireDefault(require("@mui/icons-material/PersonAdd")
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
 var _LiveTv = _interopRequireDefault(require("@mui/icons-material/LiveTv"));
+var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
 var _ResponsiveTabs = _interopRequireDefault(require("../../../Navigation/ResponsiveTabs"));
 var _Timeline = _interopRequireDefault(require("@mui/icons-material/Timeline"));
 var _Courses = _interopRequireDefault(require("../../../Lists/Courses"));
@@ -48,6 +49,7 @@ var _Discussions = _interopRequireDefault(require("../../../Misc/NotFound/Discus
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _AvatarDialog = _interopRequireDefault(require("../../../Dialogs/AvatarDialog/AvatarDialog"));
 var _Styles = require("../../../utils/Styles");
+var _teacherCreate = _interopRequireDefault(require("../../../img/teacher-create-2.svg"));
 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; }
@@ -130,6 +132,25 @@ const useStyles = (0, _mui.makeStyles)()(theme => ({
     [theme.breakpoints.down("sm")]: {
       display: "none"
     }
+  },
+  placeholder: {
+    height: "100%",
+    display: "flex",
+    flexGrow: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingTop: theme.spacing(4)
+  },
+  placeholderContent: {
+    textAlign: "center",
+    maxWidth: 700
+  },
+  placeholderImage: {
+    maxWidth: 400,
+    marginRight: "40px"
+  },
+  button: {
+    margin: theme.spacing(1)
   }
 }));
 function OverflowMenu({
@@ -151,7 +172,7 @@ function OverflowMenu({
   members,
   handleOpenInviteDialog,
   refreshClassroomCourses,
-  selectedCourses
+  courses
 }) {
   const isMediumScreen = (0, _useMediaQuery.default)("(max-width:600px)");
   const [isShareDrawerOpen, setIsShareDrawerOpen] = (0, _react.useState)(false);
@@ -187,7 +208,7 @@ function OverflowMenu({
     onClick: joinClassroom
   }, t("join_classroom")), !isCreator && isMember && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: leaveClassroom
-  }, t("leave_classroom")), isCreator && selectedCourses.length > 0 && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+  }, t("leave_classroom")), isCreator && courses && courses.length > 0 && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: refreshClassroomCourses
   }, t("refresh_courses")), isCreator && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: handleOpenCoursesModal
@@ -276,7 +297,7 @@ function Classroom({
   userInitialValues,
   handleDuplicateCourse,
   freeTrial,
-  reportFilters,
+  reportFilters = [],
   filter,
   handleFilterChange,
   handleDeleteClassroomMember,
@@ -290,7 +311,6 @@ function Classroom({
   isNualangLiveEnabled,
   handleCreateCourse,
   refreshClassroomCourses,
-  selectedCourses,
   ...otherProps
 }) {
   const {
@@ -335,12 +355,20 @@ function Classroom({
   const [confirm] = (0, _useConfirm.default)(t);
   const [isPictureDialogOpen, setIsPictureDialogOpen] = (0, _react.useState)(false);
   const [overwriteValue, setOverwriteValue] = (0, _react.useState)(null);
+  const [scrollToDiscuss, setScrollToDiscuss] = (0, _react.useState)(false);
   let tabs;
   (0, _react.useEffect)(() => {
-    if (window.location.hash === "#Settings" && tabs) {
-      setOverwriteValue(tabs.findIndex(tab => tab.id === "Settings"));
-    }
-  }, [window.location.hash, tabs]);
+    const handleHashChange = () => {
+      if (window.location.hash === "#Settings" && tabs) {
+        setOverwriteValue(tabs.findIndex(tab => tab.id === "Settings"));
+      }
+    };
+    window.addEventListener("hashchange", handleHashChange);
+    handleHashChange();
+    return () => {
+      window.removeEventListener("hashchange", handleHashChange);
+    };
+  }, [tabs]);
   const navigate = (0, _reactRouterDom.useNavigate)();
   let classroomCreatorWelcome = "classroom_creator_welcome";
   if (freeTrial) {
@@ -571,6 +599,8 @@ function Classroom({
     pictureXs,
     isCreator,
     reviewsEnabled,
+    vchatEnabled,
+    vchatEnabledInSettings,
     createdBy,
     userImage,
     verificationStatus,
@@ -614,8 +644,13 @@ function Classroom({
     await getSchedules();
   };
   const isNoVideoChatContent = !(createdDiscussions?.length > 0) && !(submissionsTableData?.length > 0) && !(recordingDiscussions?.length > 0) && !(discussions?.length > 0);
+  const handleGoToDiscussSettings = () => {
+    window.location.hash = "#Settings";
+    setScrollToDiscuss(true);
+  };
   const isWaysideClassroom = classroomId && classroomId.toLowerCase().includes("wayside") ? true : false;
-  const isVideoChatEnabled = classroom.vchatEnabled === true || localStorage.getItem("vchat-enabled") === "true";
+  const isVideoChatEnabled = vchatEnabled === true || localStorage.getItem("vchat-enabled") === "true" || isCreator && vchatEnabled !== false || isMember && vchatEnabled !== false && vchatEnabledInSettings;
+  const isVideoChatEnabledInSettings = isVideoChatEnabled && (vchatEnabledInSettings === true || vchatEnabled === true && isWaysideClassroom && vchatEnabledInSettings !== false) || localStorage.getItem("vchat-enabled") === "true";
   tabs = [{
     label: t("courses"),
     id: "Courses",
@@ -685,11 +720,11 @@ function Classroom({
       handleFilterChange: handleFilterChange,
       submissions: submissionsTableData
     }))
-  }, ...((isMember || isCreator) && isVideoChatEnabled ? [{
+  }, ...(isVideoChatEnabled && isNualangLiveEnabled && (isMember && isVideoChatEnabledInSettings || isCreator) ? [{
     label: t("discuss"),
     id: "Discuss",
     disabled: false,
-    TabContent: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    TabContent: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVideoChatEnabled && isVideoChatEnabledInSettings ? /*#__PURE__*/_react.default.createElement(_material.Box, {
       py: 1,
       key: `tab-content-video-chat-member`
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -771,7 +806,34 @@ function Classroom({
     })), isNoVideoChatContent && /*#__PURE__*/_react.default.createElement(_Discussions.default, {
       t: t,
       placeholderImageUrl: placeholderImageUrl
-    })))
+    })) : isCreator && isVideoChatEnabled && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.placeholder
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.placeholderContent
+    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      component: "h2",
+      variant: "h5",
+      gutterBottom: true,
+      role: "alert",
+      fontWeight: "bold"
+    }, t("discuss")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      component: "h3",
+      variant: "subtitle1",
+      gutterBottom: true
+    }, t("discuss_description")), /*#__PURE__*/_react.default.createElement(_material.Box, {
+      mb: 1.5
+    }, handleGoToDiscussSettings && /*#__PURE__*/_react.default.createElement(_material.Button, {
+      onClick: handleGoToDiscussSettings,
+      className: classes.button,
+      variant: "contained",
+      color: "primary",
+      startIcon: /*#__PURE__*/_react.default.createElement(_LockOpen.default, null),
+      role: "link"
+    }, t("enable_discuss"))), /*#__PURE__*/_react.default.createElement("img", {
+      src: _teacherCreate.default,
+      className: classes.placeholderImage,
+      alt: "Go to settings to enable discuss"
+    }))))
   }] : []), ...(isCreator ? [{
     label: `${t("members")} (${members.length < 1000 ? members.length : "999+"})`,
     id: "Members",
@@ -804,7 +866,9 @@ function Classroom({
       fileSizeLimit: fileSizeLimit,
       subscription: subscription,
       classroomId: classroomId,
-      courses: courses
+      courses: courses,
+      scrollToDiscuss: scrollToDiscuss,
+      setScrollToDiscuss: setScrollToDiscuss
     }))
   }] : [])];
   const vchatFab = {
@@ -1028,12 +1092,15 @@ function Classroom({
   }))), /*#__PURE__*/_react.default.createElement(_ResponsiveTabs.default, {
     t: t,
     tabs: tabs,
-    fabs: isCreator && courses !== undefined && courses.length ? fabs : isCreator ? [[vchatFab]] : [],
+    fabs: isCreator && isVideoChatEnabled && isVideoChatEnabledInSettings ? courses?.length ? fabs : [[vchatFab]] : isCreator && courses?.length ? [[fabs[0][0]]] : [],
     centered: true,
     scrollable: true,
     initialValue: initialTabValue,
     overwriteValue: overwriteValue,
-    isCreator: isCreator
+    setOverwriteValue: setOverwriteValue,
+    isCreator: isCreator,
+    isVideoChatEnabled: isVideoChatEnabled,
+    isVideoChatEnabledInSettings: isVideoChatEnabledInSettings
   }, tabs.map(tab => tab.TabContent)), /*#__PURE__*/_react.default.createElement(OverflowMenu, {
     t: t,
     classroomId: classroomId,
@@ -1056,7 +1123,7 @@ function Classroom({
     handleOpenInviteDialog: handleOpenInviteDialog,
     handleOpenUpgradeSubscriptionModal: true,
     refreshClassroomCourses: refreshClassroomCourses,
-    selectedCourses: selectedCourses
+    courses: courses
   }), /*#__PURE__*/_react.default.createElement(_UpgradeSubscription.default, {
     key: "UpgradeSubscription",
     t: t,

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.props = exports.default = exports.WaysideCreatorNoCourses = exports.WaysideClassroomMember = exports.WaysideClassroom = exports.ReviewsDisabled = exports.NotFound = exports.MemberWithoutSub = exports.MemberWithSub = exports.MemberNoLiveGame = exports.MemberLiveGame = exports.Loading = exports.Loaded = exports.CreatorWithoutSub = exports.CreatorWithSub = exports.CreatorNoCourses = void 0;
+exports.props = exports.default = exports.WaysideCreatorNoCourses = exports.WaysideClassroomMember = exports.WaysideClassroom = exports.ReviewsDisabled = exports.NotFound = exports.MemberWithoutSub = exports.MemberWithSub = exports.MemberNoLiveGame = exports.MemberLiveGame = exports.Loading = exports.Loaded = exports.DiscussNoAccess = exports.DiscussEnabled = exports.DiscussDisabled = exports.CreatorWithoutSub = exports.CreatorWithSub = exports.CreatorNoCourses = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _axios = _interopRequireDefault(require("axios"));
 var _ViewClassroom = _interopRequireDefault(require("./ViewClassroom"));
@@ -908,4 +908,46 @@ ReviewsDisabled.args = {
     }
   }
 };
-ReviewsDisabled.storyName = "reviews disabled";
+ReviewsDisabled.storyName = "reviews disabled";
+const DiscussEnabled = exports.DiscussEnabled = Template.bind({});
+DiscussEnabled.args = {
+  ...props,
+  classroom: {
+    ..._Classroom.classroom,
+    isCreator: true,
+    vchatEnabled: true,
+    vchatEnabledInSettings: true,
+    subscription: {
+      isUpgradePossible: false
+    }
+  }
+};
+DiscussEnabled.storyName = "Discuss enabled";
+const DiscussDisabled = exports.DiscussDisabled = Template.bind({});
+DiscussDisabled.args = {
+  ...props,
+  classroom: {
+    ..._Classroom.classroom,
+    isCreator: true,
+    vchatEnabled: true,
+    vchatEnabledInSettings: false,
+    subscription: {
+      isUpgradePossible: false
+    }
+  }
+};
+DiscussDisabled.storyName = "Discuss disabled";
+const DiscussNoAccess = exports.DiscussNoAccess = Template.bind({});
+DiscussNoAccess.args = {
+  ...props,
+  classroom: {
+    ..._Classroom.classroom,
+    isCreator: true,
+    vchatEnabled: false,
+    vchatEnabledInSettings: false,
+    subscription: {
+      isUpgradePossible: false
+    }
+  }
+};
+DiscussNoAccess.storyName = "Discuss no access";

package/dist/Tables/Progress/ProgressTable.js

@@ -100,7 +100,7 @@ const TableHead = (0, _styles.styled)("thead")(({
   },
   "& th:first-child": {
     left: 0,
-    zIndex: 3,
+    zIndex: 4,
     "@media print": {
       position: "relative"
     }

package/dist/hooks/useRecognition.js

@@ -40,13 +40,14 @@ const constraints = {
   audio: true,
   video: false
 };
-function useRecognition({
-  currentPhraseText,
-  trackRecommendedEvent,
-  learnLang,
-  exerciseName,
-  gameId
-}) {
+function useRecognition(props = {}) {
+  const {
+    currentPhraseText,
+    trackRecommendedEvent,
+    learnLang,
+    exerciseName,
+    gameId
+  } = props;
   const browserSupportsSpeechRecognition = true;
   const [recognitionState, setRecognitionState] = (0, _react.useState)({
     interimTranscript: "",
@@ -202,7 +203,6 @@ function useRecognition({
       A8_learn_language: `${learnLang}`,
       A9_exercise: gameId ? `${exerciseName}-${gameId}` : `${exerciseName}`
     };
-    console.log("Event Body:", eventBody);
     trackRecommendedEvent("speech_recognition_no_transcript", eventBody);
   };
   const stopRecording = (keepSocketAlive, triggerEvent) => {
@@ -225,7 +225,6 @@ function useRecognition({
       } = recognitionState;
       if (triggerEvent && (!finalTranscript || finalTranscript === "") && (!interimTranscript || interimTranscript === "")) {
         captureSpeechRecognitionNoTranscript().catch(console.error);
-        console.log("Event triggered");
       }
     }, 2000);
   };

package/dist/img/teacher-create-2.svg

@@ -0,0 +1,81 @@
+<svg width="597" height="464" viewBox="0 0 597 464" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.4052 412.725L38.3102 433.68L33.648 452.524C33.4347 453.356 33.4013 454.22 33.5497 455.064C33.6982 455.908 34.0255 456.717 34.5128 457.443C35.0001 458.17 35.6377 458.799 36.3888 459.296C37.1399 459.792 37.9895 460.145 38.8886 460.336C39.7878 460.525 40.7185 460.548 41.6272 460.402C42.5359 460.257 43.4044 459.945 44.1826 459.486C44.9608 459.027 45.6332 458.43 46.1612 457.728C46.6889 457.027 47.0616 456.235 47.2576 455.399L51.8779 436.594L57.0149 415.639L43.4052 412.725Z" fill="#F5C8A6"/>
+<path d="M34.9644 447.176L33.2754 454.027C33.0621 454.859 33.0288 455.722 33.1772 456.567C33.3256 457.412 33.653 458.22 34.1402 458.946C34.6275 459.673 35.2652 460.303 36.0162 460.799C36.7673 461.295 37.6169 461.649 38.5161 461.838C39.4152 462.028 40.346 462.051 41.2546 461.905C42.1633 461.76 43.0318 461.448 43.81 460.989C44.5882 460.53 45.2606 459.933 45.7885 459.231C46.3165 458.529 46.6892 457.738 46.8852 456.902L48.5741 450.051L34.9644 447.176Z" fill="#101B2D"/>
+<path d="M43.4129 412.725L38.2761 433.68L37.7457 435.804L51.3696 438.679L51.8859 436.555L57.0229 415.6L43.4129 412.725Z" fill="#FDC859"/>
+<path d="M83.2712 415.6L88.4078 436.594L93.028 455.438C93.2245 456.274 93.5973 457.065 94.1249 457.767C94.6526 458.468 95.3253 459.066 96.1034 459.525C96.8815 459.984 97.7502 460.296 98.659 460.441C99.5674 460.587 100.498 460.564 101.397 460.374C102.297 460.184 103.146 459.831 103.897 459.334C104.648 458.838 105.286 458.209 105.773 457.482C106.261 456.756 106.588 455.947 106.736 455.103C106.885 454.258 106.851 453.395 106.638 452.563L102.018 433.719L96.9508 412.725L83.2712 415.6Z" fill="#F5C8A6"/>
+<path d="M91.7053 450.051L93.3947 456.902C93.5907 457.738 93.9635 458.529 94.4911 459.231C95.0193 459.933 95.6915 460.53 96.4696 460.989C97.2477 461.448 98.1164 461.76 99.0253 461.905C99.9336 462.051 100.865 462.028 101.764 461.838C102.663 461.649 103.512 461.295 104.263 460.799C105.015 460.303 105.652 459.673 106.139 458.946C106.627 458.22 106.954 457.412 107.103 456.567C107.251 455.722 107.217 454.859 107.004 454.027L105.315 447.176L91.7053 450.051Z" fill="#101B2D"/>
+<path d="M32.2489 388.74C26.7295 397.943 20.5915 406.813 13.8712 415.299C11.9578 417.656 9.88533 419.897 7.66633 422.01C7.20901 422.394 6.85554 422.874 6.63452 423.409C6.51973 423.685 6.43569 423.972 6.38351 424.264C6.33223 424.525 6.30427 424.789 6.29986 425.054C6.25006 426.397 6.55151 427.73 7.17832 428.941C7.51036 429.572 8.0202 430.107 8.65364 430.49C9.28703 430.874 10.0204 431.09 10.7758 431.117C11.207 431.155 11.6412 431.155 12.0725 431.117C12.473 431.05 12.8654 430.946 13.2437 430.806C14.0593 430.507 14.8067 430.068 15.4469 429.511C18.056 427.073 20.4876 424.476 22.7254 421.737C29.7872 412.807 36.2238 403.464 41.9954 393.767L32.2489 388.74Z" fill="#F5C8A6"/>
+<path d="M32.2491 388.74C26.7451 397.915 20.6257 406.76 13.9272 415.221L22.7953 421.505C29.8266 412.649 36.2398 403.384 41.9956 393.767L32.2491 388.74Z" fill="#FFDF5B"/>
+<path d="M83.2712 415.6L88.4078 436.555L88.9245 438.679L102.548 435.804L102.018 433.68L96.881 412.725L83.2712 415.6Z" fill="#FDC859"/>
+<path d="M69.9848 419.337C91.7094 419.337 109.321 412.825 109.321 404.793C109.321 396.76 91.7094 390.249 69.9848 390.249C48.2601 390.249 30.6491 396.76 30.6491 404.793C30.6491 412.825 48.2601 419.337 69.9848 419.337Z" fill="#FDC859"/>
+<path d="M109.335 387.105H30.6491V404.537H109.335V387.105Z" fill="#FFDF5B"/>
+<path d="M35.4132 363.491C54.9716 363.491 70.8267 348.78 70.8267 330.634C70.8267 312.487 54.9716 297.777 35.4132 297.777C15.855 297.777 0 312.487 0 330.634C0 348.78 15.855 363.491 35.4132 363.491Z" fill="#FDC859"/>
+<path d="M104.572 363.491C124.13 363.491 139.985 348.78 139.985 330.634C139.985 312.487 124.13 297.777 104.572 297.777C85.0136 297.777 69.1585 312.487 69.1585 330.634C69.1585 348.78 85.0136 363.491 104.572 363.491Z" fill="#FDC859"/>
+<path d="M114.401 336.673C112.615 336.662 110.862 337.11 109.334 337.968V317.596H30.6629V338.007C29.1829 337.156 27.4849 336.687 25.7443 336.649C24.0037 336.612 22.2839 337.006 20.7627 337.791C19.2415 338.577 17.9742 339.726 17.092 341.119C16.2097 342.511 15.7445 344.097 15.7445 345.713C15.7445 347.328 16.2097 348.914 17.092 350.307C17.9742 351.699 19.2415 352.848 20.7627 353.634C22.2839 354.419 24.0037 354.813 25.7443 354.776C27.4849 354.738 29.1829 354.269 30.6629 353.419V387.946H109.334V353.419C110.621 354.167 112.078 354.627 113.59 354.762C115.103 354.896 116.628 354.703 118.045 354.195C119.462 353.687 120.732 352.88 121.754 351.837C122.776 350.794 123.521 349.545 123.932 348.188C124.343 346.831 124.407 345.404 124.119 344.02C123.831 342.637 123.2 341.334 122.275 340.216C121.349 339.098 120.156 338.196 118.789 337.581C117.423 336.966 115.92 336.655 114.401 336.673Z" fill="#F5C8A6"/>
+<path d="M94.3738 402.084C106.123 400.389 117.746 398.009 129.171 394.958C132.711 393.947 136.178 392.729 139.55 391.31C140.334 390.938 141.038 390.435 141.627 389.828C141.899 389.547 142.14 389.241 142.346 388.916C142.532 388.558 142.681 388.184 142.79 387.799C143.027 387.131 143.064 386.416 142.896 385.729C142.729 385.043 142.363 384.412 141.838 383.903C140.826 382.944 139.583 382.221 138.212 381.794C137.94 381.712 137.664 381.645 137.384 381.593C137.067 381.547 136.748 381.526 136.427 381.528C135.813 381.536 135.209 381.674 134.66 381.93C131.758 383.136 128.774 384.165 125.728 385.011C114.819 387.925 103.724 390.204 92.5077 391.835L94.3738 402.084Z" fill="#F5C8A6"/>
+<path d="M94.374 402.084C106.094 400.377 117.686 397.987 129.08 394.926L125.793 385.033C114.914 387.945 103.849 390.225 92.6619 391.86L94.374 402.084Z" fill="#FFDF5B"/>
+<path d="M25.5655 349.588C27.8705 349.588 29.7391 347.855 29.7391 345.716C29.7391 343.578 27.8705 341.844 25.5655 341.844C23.2604 341.844 21.3918 343.578 21.3918 345.716C21.3918 347.855 23.2604 349.588 25.5655 349.588Z" fill="#D37E7A"/>
+<path d="M84.458 351.851H64.6371V356.358H84.458V351.851Z" fill="white"/>
+<path d="M64.6371 357.056H84.458V359.18C84.458 360.375 83.9467 361.522 83.0354 362.367C82.1246 363.212 80.8891 363.687 79.6007 363.687H69.4944C68.206 363.687 66.9705 363.212 66.0597 362.367C65.1484 361.522 64.6371 360.375 64.6371 359.18V357.056Z" fill="#701926"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.0258 362.38C82.116 363.217 80.8869 363.686 79.6059 363.686H69.4997C68.2112 363.686 66.9757 363.212 66.0649 362.366C66.0332 362.337 66.0021 362.308 65.9719 362.278C66.1001 359.778 69.8679 357.773 74.4971 357.773C79.1891 357.773 82.9966 359.833 83.0258 362.38Z" fill="#CA3858"/>
+<path d="M109.223 309.997C108.537 300.773 104.106 292.135 96.8232 285.826C89.5404 279.516 79.9489 276.004 69.9848 276C60.0186 275.998 50.4237 279.508 43.1395 285.819C35.8555 292.13 31.4261 300.771 30.7468 309.997H30.6491V312.496V329.19H109.321V309.997H109.223Z" fill="#FFDF5B"/>
+<path d="M114.394 349.588C116.699 349.588 118.568 347.855 118.568 345.716C118.568 343.578 116.699 341.844 114.394 341.844C112.089 341.844 110.221 343.578 110.221 345.716C110.221 347.855 112.089 349.588 114.394 349.588Z" fill="#D37E7A"/>
+<path d="M110.512 321.815C109.484 320.862 108.262 320.109 106.918 319.598C105.574 319.086 104.134 318.827 102.681 318.836C100.252 318.843 97.885 319.554 95.9114 320.869C93.9171 319.544 91.5248 318.832 89.0716 318.836C86.4116 318.814 83.8341 319.694 81.824 321.311C79.8138 322.928 78.5095 325.17 78.1561 327.617H70.9673C70.655 325.42 69.571 323.381 67.8821 321.815C66.854 320.862 65.6328 320.109 64.2884 319.598C62.944 319.086 61.5041 318.827 60.0513 318.836C57.6031 318.834 55.2152 319.545 53.2254 320.869C51.2315 319.544 48.8392 318.832 46.3861 318.836C44.9106 318.825 43.4481 319.09 42.0864 319.617C40.7246 320.143 39.4917 320.92 38.4616 321.9C37.4316 322.88 36.6257 324.043 36.0924 325.319C35.5591 326.595 35.3095 327.958 35.3584 329.326C35.4315 332.155 36.6821 334.847 38.8481 336.838L39.2948 337.252L51.2434 348.338L53.2254 350.177L55.1939 348.338L67.1564 337.252L67.6029 336.838C69.5234 335.053 70.7302 332.714 71.0228 330.207H78.0021C78.2977 332.736 79.5257 335.092 81.478 336.877L81.9245 337.291L87.899 342.834L93.8736 348.377L95.9114 350.177L97.8795 348.338L109.842 337.252L110.289 336.838C112.451 334.845 113.696 332.153 113.764 329.326C113.808 327.934 113.542 326.548 112.982 325.256C112.423 323.963 111.582 322.792 110.512 321.815ZM65.6209 334.999L65.1883 335.413L53.2254 346.512L41.263 335.413L40.8163 334.999C39.1617 333.524 38.2035 331.502 38.1512 329.373C38.0989 327.245 38.9567 325.184 40.5371 323.641C41.306 322.931 42.2188 322.371 43.2227 321.99C44.2265 321.61 45.3016 321.419 46.3861 321.426C47.5765 321.43 48.7546 321.654 49.852 322.083C50.9489 322.512 51.9438 323.138 52.7789 323.926L53.2254 324.327L53.6723 323.926C54.5054 323.14 55.4984 322.516 56.5933 322.089C57.6882 321.662 58.8638 321.441 60.0513 321.439C61.1378 321.432 62.2149 321.624 63.2207 322.004C64.227 322.384 65.1423 322.945 65.914 323.654C67.4851 325.2 68.3355 327.258 68.2805 329.382C68.2256 331.506 67.2698 333.525 65.6209 334.999ZM108.251 334.999L107.804 335.413L95.9114 346.512L83.9485 335.413L83.502 334.999C81.8472 333.524 80.8894 331.502 80.837 329.373C80.7845 327.245 81.6423 325.184 83.2228 323.641C83.9916 322.931 84.9043 322.371 85.9082 321.99C86.912 321.61 87.9871 321.419 89.0716 321.426C91.457 321.449 93.7359 322.348 95.409 323.926L95.8555 324.327L96.2881 323.926C97.1247 323.141 98.1201 322.517 99.2175 322.09C100.314 321.664 101.491 321.442 102.681 321.439C103.767 321.432 104.845 321.624 105.851 322.004C106.857 322.384 107.772 322.945 108.544 323.654C110.115 325.2 110.965 327.258 110.91 329.382C110.856 331.506 109.9 333.525 108.251 334.999Z" fill="#4067AF"/>
+<path d="M56.129 322.276C55.2182 322.695 54.3881 323.251 53.6724 323.92L53.2254 324.322L52.7789 323.92C51.4558 322.663 49.7328 321.833 47.8627 321.553C45.9928 321.273 44.0756 321.558 42.3936 322.366L60.8191 339.462L65.2022 335.408L65.6348 334.994C66.3516 334.328 66.9461 333.558 67.3935 332.714L56.129 322.276Z" fill="white"/>
+<path d="M40.2431 323.919C38.8031 325.484 38.0605 327.499 38.1669 329.554C38.2732 331.609 39.2204 333.55 40.8154 334.979L41.2621 335.394L53.2248 346.493L58.9058 341.222L40.2431 323.919Z" fill="white"/>
+<path d="M96.2989 323.927L95.9222 324.316L95.4198 323.927C94.4744 323.045 93.3304 322.369 92.0697 321.946L107.201 335.985L107.815 335.415L108.261 335.001C109.532 333.846 110.4 332.367 110.756 330.751C111.112 329.135 110.938 327.458 110.258 325.935L106.07 322.05C104.425 321.423 102.616 321.267 100.875 321.602C99.1337 321.937 97.5403 322.746 96.2989 323.927Z" fill="white"/>
+<path d="M98.3725 344.176L105.282 337.701L87.7638 321.512C86.0096 321.741 84.3855 322.499 83.1416 323.669C81.8977 324.84 81.1037 326.357 80.882 327.988L98.3725 344.176Z" fill="white"/>
+<g clip-path="url(#clip0_4_75)">
+<path d="M490 15C490 6.71573 496.716 0 505 0H582C590.284 0 597 6.71573 597 15V52C597 60.2843 590.284 67 582 67H490V15Z" fill="#F9D022"/>
+<path d="M490 92V56H526L490 92Z" fill="#F9D022"/>
+<path d="M203.272 45C203.272 36.7157 196.556 30 188.272 30H145C136.715 30 130 36.7157 130 45V60.8805C130 69.1647 136.715 75.8804 145 75.8804H203.272V45Z" fill="#702999"/>
+<path d="M203.271 92.9998V68.3477H178.619L203.271 92.9998Z" fill="#702999"/>
+<mask id="mask0_4_75" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="259" y="29" width="207" height="203">
+<path d="M466 29H259V232H466V29Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_4_75)">
+<path d="M368.259 127.429H300.151V231.994H368.259V127.429Z" fill="#E54626"/>
+<path d="M431.187 127.429H363.08V231.994H431.187V127.429Z" fill="#E54626"/>
+<path d="M386.91 160.685H344.436V232H386.91V160.685Z" fill="#E9927C"/>
+<path d="M415.832 223.934C415.83 226.073 414.978 228.124 413.462 229.636C411.946 231.148 409.891 231.998 407.748 232H323.592C321.449 231.998 319.394 231.148 317.879 229.635C316.365 228.123 315.514 226.072 315.514 223.934C315.514 221.797 316.365 219.747 317.88 218.236C319.395 216.724 321.449 215.875 323.592 215.875H407.748C409.89 215.875 411.946 216.724 413.462 218.235C414.978 219.746 415.83 221.796 415.832 223.934Z" fill="#36AFAD"/>
+<path d="M365.669 56.8496C348.289 56.8496 331.621 63.7379 319.332 75.9991C307.043 88.2603 300.139 104.89 300.139 122.23V131.119C300.144 142.406 304.641 153.229 312.641 161.208C320.641 169.188 331.49 173.671 342.803 173.673H388.51C399.825 173.671 410.675 169.186 418.676 161.204C426.677 153.221 431.172 142.396 431.174 131.107V122.217C431.171 104.884 424.269 88.2613 411.985 76.0035C399.702 63.7458 383.042 56.8563 365.669 56.8496Z" fill="#E54626"/>
+<path d="M416.808 155.096C416.808 168.628 411.42 181.606 401.83 191.174C392.239 200.743 379.232 206.118 365.669 206.118C352.106 206.118 339.099 200.743 329.508 191.174C319.918 181.606 314.53 168.628 314.53 155.096V119.131C314.53 105.599 319.918 92.6213 329.508 83.0529C339.099 73.4844 352.106 68.1089 365.669 68.1089C372.385 68.1081 379.035 69.4272 385.24 71.991C391.445 74.5548 397.083 78.313 401.832 83.051C406.58 87.789 410.347 93.4139 412.917 99.6046C415.487 105.795 416.809 112.43 416.808 119.131V155.096Z" fill="#F1BF99"/>
+<path d="M431.187 138.871V122.218C431.187 104.878 424.283 88.2481 411.994 75.9869C399.705 63.7257 383.037 56.8374 365.657 56.8374C348.278 56.8374 331.61 63.7257 319.32 75.9869C307.031 88.2481 300.127 104.878 300.127 122.218V138.871H431.187Z" fill="#E54626"/>
+<path d="M401.856 139.908H385.562V123.657L401.856 139.908Z" fill="#F1BF99"/>
+<path d="M410.186 139.908H400.048V129.793L410.186 139.908Z" fill="#F1BF99"/>
+<path d="M341.933 150.193C341.935 151.029 341.687 151.846 341.223 152.542C340.758 153.237 340.097 153.78 339.324 154.1C338.55 154.421 337.699 154.506 336.877 154.343C336.055 154.181 335.3 153.779 334.707 153.189C334.114 152.598 333.711 151.845 333.547 151.026C333.383 150.206 333.466 149.356 333.787 148.584C334.107 147.812 334.65 147.151 335.346 146.687C336.042 146.223 336.861 145.975 337.699 145.975C338.821 145.975 339.897 146.419 340.691 147.21C341.485 148.001 341.932 149.074 341.933 150.193Z" fill="#0D2436"/>
+<path d="M397.874 150.193C397.875 151.029 397.628 151.847 397.163 152.542C396.698 153.238 396.037 153.78 395.263 154.101C394.489 154.422 393.637 154.506 392.815 154.343C391.993 154.18 391.238 153.778 390.645 153.186C390.053 152.595 389.65 151.842 389.486 151.022C389.323 150.202 389.408 149.352 389.729 148.58C390.05 147.807 390.594 147.148 391.291 146.684C391.988 146.22 392.808 145.973 393.646 145.975C394.201 145.975 394.751 146.084 395.264 146.296C395.777 146.508 396.243 146.818 396.635 147.21C397.028 147.602 397.34 148.067 397.552 148.579C397.764 149.09 397.874 149.639 397.874 150.193Z" fill="#0D2436"/>
+<path d="M376.198 181.764V181.714C376.179 180.508 375.812 179.333 375.142 178.329C374.472 177.326 373.526 176.535 372.419 176.053C371.311 175.57 370.087 175.416 368.894 175.608C367.7 175.801 366.588 176.331 365.688 177.137C364.789 176.329 363.676 175.797 362.481 175.604C361.287 175.41 360.062 175.564 358.953 176.047C357.844 176.529 356.898 177.321 356.227 178.325C355.557 179.33 355.19 180.507 355.172 181.714V181.783C355.172 184.566 356.28 187.234 358.252 189.202C360.224 191.17 362.899 192.275 365.688 192.275C368.477 192.275 371.152 191.17 373.124 189.202C375.097 187.234 376.205 184.566 376.205 181.783L376.198 181.764Z" fill="#D9176C"/>
+<path d="M373.18 182.041C373.181 182.229 373.144 182.415 373.072 182.589C373 182.763 372.894 182.921 372.76 183.054C372.627 183.187 372.468 183.292 372.293 183.363C372.119 183.434 371.932 183.47 371.743 183.468H359.595C359.406 183.469 359.22 183.432 359.046 183.361C358.871 183.29 358.713 183.185 358.579 183.052C358.446 182.919 358.34 182.762 358.268 182.588C358.195 182.415 358.158 182.229 358.158 182.041C358.158 181.661 358.31 181.296 358.579 181.027C358.848 180.758 359.214 180.607 359.595 180.607H371.743C371.932 180.607 372.119 180.643 372.294 180.715C372.469 180.787 372.627 180.892 372.761 181.025C372.894 181.159 373 181.317 373.072 181.491C373.144 181.666 373.181 181.852 373.18 182.041Z" fill="#9B1E5A"/>
+<path d="M362.588 167.695C362.588 167.999 362.498 168.297 362.328 168.55C362.159 168.804 361.918 169.001 361.635 169.117C361.353 169.234 361.043 169.265 360.744 169.205C360.444 169.146 360.169 168.999 359.953 168.784C359.737 168.568 359.59 168.294 359.531 167.995C359.471 167.696 359.502 167.387 359.618 167.105C359.735 166.824 359.933 166.583 360.187 166.414C360.441 166.245 360.739 166.154 361.045 166.154C361.248 166.153 361.449 166.193 361.636 166.27C361.824 166.347 361.995 166.46 362.138 166.604C362.282 166.747 362.395 166.917 362.473 167.104C362.55 167.291 362.589 167.492 362.588 167.695Z" fill="#E9927C"/>
+<path d="M371.832 167.695C371.832 167.999 371.741 168.297 371.571 168.55C371.402 168.804 371.161 169.001 370.879 169.117C370.597 169.234 370.286 169.265 369.987 169.205C369.687 169.146 369.412 168.999 369.196 168.784C368.98 168.568 368.833 168.294 368.774 167.995C368.714 167.696 368.745 167.387 368.862 167.105C368.978 166.824 369.176 166.583 369.43 166.414C369.684 166.245 369.983 166.154 370.288 166.154C370.491 166.153 370.692 166.193 370.88 166.27C371.067 166.347 371.238 166.46 371.381 166.604C371.525 166.747 371.639 166.917 371.716 167.104C371.793 167.291 371.832 167.492 371.832 167.695Z" fill="#E9927C"/>
+<path d="M429.051 119.049H410.186V232H429.051V119.049Z" fill="#E54626"/>
+<path d="M435.504 144.535C435.501 141.662 434.444 138.889 432.532 136.74C430.62 134.592 427.985 133.216 425.126 132.874V139.066C426.333 139.387 427.399 140.098 428.16 141.086C428.921 142.074 429.333 143.286 429.333 144.532C429.333 145.778 428.921 146.99 428.16 147.978C427.399 148.966 426.333 149.677 425.126 149.998V156.19C427.985 155.849 430.619 154.475 432.531 152.327C434.444 150.18 435.501 147.408 435.504 144.535Z" fill="#F1BF99"/>
+<path d="M429.404 144.535C429.401 143.279 428.979 142.059 428.204 141.069C427.429 140.079 426.346 139.374 425.126 139.065V149.998C426.345 149.69 427.428 148.986 428.202 147.997C428.977 147.008 429.4 145.79 429.404 144.535Z" fill="#E3646A"/>
+<path d="M320.573 119.049H301.708V232H320.573V119.049Z" fill="#E54626"/>
+<path d="M295.256 144.535C295.257 141.662 296.313 138.89 298.224 136.741C300.135 134.592 302.769 133.216 305.627 132.874V139.066C304.421 139.387 303.354 140.098 302.593 141.086C301.833 142.074 301.42 143.286 301.42 144.532C301.42 145.778 301.833 146.99 302.593 147.978C303.354 148.966 304.421 149.677 305.627 149.998V156.19C302.769 155.849 300.135 154.475 298.224 152.327C296.313 150.179 295.257 147.407 295.256 144.535Z" fill="#F1BF99"/>
+<path d="M301.355 144.535C301.359 143.279 301.78 142.061 302.553 141.071C303.327 140.08 304.408 139.375 305.628 139.065V149.998C304.409 149.688 303.329 148.984 302.555 147.995C301.782 147.006 301.36 145.789 301.355 144.535Z" fill="#E3646A"/>
+<path d="M434.873 114.743V97.3353C434.96 88.3067 433.252 79.3504 429.849 70.984C426.446 62.6176 421.415 55.007 415.047 48.5919C408.679 42.1769 401.099 37.0846 392.747 33.6093C384.394 30.1341 375.434 28.3447 366.384 28.3447C357.335 28.3447 348.375 30.1341 340.022 33.6093C331.669 37.0846 324.09 42.1769 317.722 48.5919C311.353 55.007 306.322 62.6176 302.919 70.984C299.516 79.3504 297.809 88.3067 297.896 97.3353V114.743H434.873Z" fill="#0D2436"/>
+<path d="M437.406 97.3354H295.407V115.265H437.406V97.3354Z" fill="#DA1C4B"/>
+<path d="M466 116.604C466 117.91 465.48 119.162 464.555 120.086C463.63 121.011 462.375 121.531 461.066 121.532H263.94C263.291 121.532 262.649 121.405 262.05 121.157C261.45 120.909 260.906 120.546 260.447 120.089C259.988 119.631 259.624 119.088 259.376 118.49C259.128 117.892 259 117.251 259 116.604C259 115.957 259.128 115.316 259.376 114.718C259.624 114.121 259.988 113.578 260.447 113.121C260.906 112.663 261.451 112.301 262.05 112.054C262.649 111.807 263.292 111.68 263.94 111.681H461.066C462.375 111.681 463.63 112.2 464.555 113.123C465.48 114.046 466 115.298 466 116.604Z" fill="#0D2436"/>
+<g opacity="0.45">
+<path opacity="0.45" d="M336.678 123.852H320.296L314.682 129.453V145.798C314.682 149.033 315.4 152.228 316.786 155.153L346.029 125.977C343.108 124.586 339.915 123.861 336.678 123.852Z" fill="white"/>
+<path opacity="0.45" d="M349.69 128.127L318.991 158.755C320.967 161.431 323.524 163.625 326.47 165.174L356.123 135.589C354.571 132.649 352.371 130.098 349.69 128.127Z" fill="white"/>
+<path opacity="0.45" d="M416.631 123.852H404.243L374.226 153.801C375.484 156.976 377.466 159.814 380.014 162.092C382.562 164.371 385.607 166.026 388.907 166.928L416.631 139.267V123.852Z" fill="white"/>
+<path opacity="0.45" d="M394.66 167.695C400.485 167.688 406.07 165.376 410.189 161.267C414.308 157.157 416.625 151.585 416.632 145.773V145.069L393.948 167.701C394.2 167.682 394.427 167.695 394.66 167.695Z" fill="white"/>
+</g>
+<path d="M336.678 172.334C329.627 172.326 322.867 169.528 317.881 164.553C312.895 159.578 310.09 152.834 310.082 145.799V119.238H336.678C343.732 119.238 350.497 122.034 355.485 127.01C360.473 131.986 363.275 138.736 363.275 145.773C363.275 152.811 360.473 159.561 355.485 164.537C350.497 169.513 343.732 172.309 336.678 172.309V172.334ZM314.707 123.852V145.773C314.707 150.109 315.996 154.347 318.41 157.952C320.824 161.557 324.256 164.367 328.27 166.026C332.285 167.685 336.703 168.119 340.965 167.274C345.227 166.428 349.142 164.34 352.215 161.274C355.287 158.208 357.38 154.302 358.228 150.05C359.076 145.798 358.641 141.39 356.978 137.385C355.315 133.379 352.498 129.955 348.885 127.547C345.272 125.138 341.024 123.852 336.678 123.852H314.707Z" fill="#D9176C"/>
+<path d="M368.063 145.773C368.072 138.738 370.877 131.994 375.863 127.019C380.849 122.044 387.609 119.246 394.66 119.238H421.256V145.773C421.256 152.811 418.454 159.561 413.466 164.537C408.479 169.513 401.714 172.309 394.66 172.309C387.606 172.309 380.841 169.513 375.853 164.537C370.866 159.561 368.063 152.811 368.063 145.773ZM394.66 123.852C390.314 123.852 386.066 125.138 382.453 127.547C378.84 129.955 376.024 133.379 374.361 137.385C372.698 141.39 372.263 145.798 373.111 150.05C373.958 154.302 376.051 158.208 379.124 161.274C382.196 164.34 386.111 166.428 390.374 167.274C394.636 168.119 399.053 167.685 403.068 166.026C407.083 164.367 410.514 161.557 412.929 157.952C415.343 154.347 416.631 150.109 416.631 145.773V123.852H394.66Z" fill="#D9176C"/>
+<path d="M368.89 143.284H362.412V148.703H368.89V143.284Z" fill="#D9176C"/>
+</g>
+<path d="M218.106 214H517.894C526.94 214 535.615 217.595 542.011 223.994C548.407 230.393 552 239.072 552 248.122V455.176H184V248.122C184 239.072 187.593 230.393 193.989 223.994C200.385 217.595 209.06 214 218.106 214Z" fill="#6C3599"/>
+<path d="M552 455.175H184V462H552V455.175Z" fill="#B381D5"/>
+<path d="M372.962 335.134C372.968 328.462 375.239 321.99 379.403 316.779C383.567 311.568 389.377 307.928 395.881 306.454C390.245 300.97 383.119 297.269 375.393 295.815C367.666 294.361 359.683 295.218 352.441 298.278C345.198 301.338 339.018 306.467 334.673 313.022C330.328 319.577 328.011 327.268 328.011 335.134C328.011 342.999 330.328 350.691 334.673 357.246C339.018 363.801 345.198 368.929 352.441 371.99C359.683 375.05 367.666 375.907 375.393 374.452C383.119 372.998 390.245 369.298 395.881 363.813C389.377 362.34 383.567 358.699 379.403 353.488C375.239 348.277 372.968 341.805 372.962 335.134Z" fill="white"/>
+</g>
+<path d="M137.698 462H8.30241C7.03082 462 6 462.448 6 463C6 463.552 7.03082 464 8.30241 464H137.698C138.969 464 140 463.552 140 463C140 462.448 138.969 462 137.698 462Z" fill="#B1B1B3"/>
+<defs>
+<clipPath id="clip0_4_75">
+<rect width="467" height="462" fill="white" transform="translate(130)"/>
+</clipPath>
+</defs>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1149",
+  "version": "0.1.1151",
   "main": "dist/index.js",
   "files": [
     "dist",