@nualang/nualang-ui-components 0.1.1134 → 0.1.1136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/Cards/Course/Course.js +2 -2
  2. package/dist/Editors/Bot/Editor/Editor.js +2 -4
  3. package/dist/Editors/Roleplay/Roleplay.js +8 -5
  4. package/dist/Editors/Roleplay/Roleplay.stories.js +10 -2
  5. package/dist/Exercises/Roleplay/Games/FillInTheBlanksGame/FillInBlanks.js +1 -1
  6. package/dist/Forms/InputHelper/InputHelper.js +18 -12
  7. package/dist/Lists/Exercises/Exercises.js +116 -77
  8. package/dist/Screens/Courses/ViewCourse/ViewCourse.js +3 -3
  9. package/dist/Screens/Courses/ViewCourse/ViewTopic/ViewTopic.js +2 -2
  10. package/package.json +2 -2
package/dist/Cards/Course/Course.js CHANGED
@@ -404,7 +404,7 @@ function CourseCard({
404
404
  alignItems: "center",
405
405
  flexWrap: "wrap",
406
406
  gap: 1
407
- }, course?.pdf && /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
407
+ }, (course?.pdf || course.topicsWithPdf && Object.keys(course?.topicsWithPdf)?.length > 0) && /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
408
408
  variant: "body2",
409
409
  component: "span",
410
410
  sx: {
@@ -414,7 +414,7 @@ function CourseCard({
414
414
  }
415
415
  }, /*#__PURE__*/_react.default.createElement(_PictureAsPdf.default, {
416
416
  sx: _CardElements.classes.infoIcon
417
- }), t("story_included")), course?.videoUrl && /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
417
+ }), t("story_included")), (course?.videoUrl || course.topicsWithVideo && Object.keys(course?.topicsWithVideo)?.length > 0) && /*#__PURE__*/_react.default.createElement(_CardElements.CardInfoSectionItem, {
418
418
  variant: "body2",
419
419
  component: "span",
420
420
  sx: {
package/dist/Editors/Bot/Editor/Editor.js CHANGED
@@ -1135,9 +1135,7 @@ function Editor({
1135
1135
  "aria-label": t("insert_photo"),
1136
1136
  onClick: insertPhoto,
1137
1137
  size: "large"
1138
- }, /*#__PURE__*/_react.default.createElement(_InsertPhoto.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1139
- title: t("insert_emoji")
1140
- }, /*#__PURE__*/_react.default.createElement("div", {
1138
+ }, /*#__PURE__*/_react.default.createElement(_InsertPhoto.default, null))), /*#__PURE__*/_react.default.createElement("div", {
1141
1139
  className: classes.characterDropdown
1142
1140
  }, /*#__PURE__*/_react.default.createElement(_InputHelper.Adornment, {
1143
1141
  t: t,
@@ -1146,7 +1144,7 @@ function Editor({
1146
1144
  onChange: specialCharacter,
1147
1145
  adornmentPosition: "",
1148
1146
  iconButtonEdge: ""
1149
- }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
1147
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
1150
1148
  flexGrow: 1
1151
1149
  }), simplified ? null : /*#__PURE__*/_react.default.createElement(_material.Box, {
1152
1150
  display: "flex",
package/dist/Editors/Roleplay/Roleplay.js CHANGED
@@ -132,7 +132,8 @@ function CreationOptions({
132
132
  option,
133
133
  handleClickOpenCreateQuestion,
134
134
  setIsGenerateQuestionDialogOpen,
135
- handleClose
135
+ handleClose,
136
+ subscription
136
137
  }) {
137
138
  const handleClickOpenGenerateQuestion = () => {
138
139
  setIsGenerateQuestionDialogOpen(true);
@@ -151,7 +152,8 @@ function CreationOptions({
151
152
  icon: /*#__PURE__*/_react.default.createElement(_AutoFixHigh.default, null),
152
153
  name: "Generate Question",
153
154
  onClick: handleClickOpenGenerateQuestion,
154
- class: classes.generateQuestion
155
+ class: classes.generateQuestion,
156
+ disabled: !subscription?.isPaidUser
155
157
  }];
156
158
  return /*#__PURE__*/_react.default.createElement("div", {
157
159
  className: classes.creationOptions,
@@ -227,6 +229,7 @@ function CreationOptions({
227
229
  classes: {
228
230
  fab: action.class
229
231
  },
232
+ disabled: action.disabled,
230
233
  tooltipPlacement: "right"
231
234
  }))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
232
235
  variant: "h6",
@@ -264,7 +267,6 @@ function Roleplay({
264
267
  pdfDetails,
265
268
  pdfVectorStoreCreationStatus,
266
269
  makeCandooAIQuery,
267
- subscriptionPlan,
268
270
  siteLanguage
269
271
  }) {
270
272
  const [isGenerateRoleplayDialogOpen, setIsGenerateRoleplayDialogOpen] = (0, _react.useState)(false);
@@ -618,7 +620,8 @@ function Roleplay({
618
620
  handleSelectOption: handleSelectOption,
619
621
  option: option,
620
622
  handleClickOpenCreateQuestion: handleClickOpenCreateQuestion,
621
- setIsGenerateQuestionDialogOpen: setIsGenerateQuestionDialogOpen
623
+ setIsGenerateQuestionDialogOpen: setIsGenerateQuestionDialogOpen,
624
+ subscription: subscription
622
625
  }));
623
626
  const tabs = [{
624
627
  label: t("editor")
@@ -629,7 +632,7 @@ function Roleplay({
629
632
  run,
630
633
  steps
631
634
  } = joyrideState;
632
- const topBarActions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, subscriptionPlan === "teacher_pro" && /*#__PURE__*/_react.default.createElement(_material.Button, {
635
+ const topBarActions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, subscription?.isPaidUser && /*#__PURE__*/_react.default.createElement(_material.Button, {
633
636
  sx: {
634
637
  marginRight: 1
635
638
  },
package/dist/Editors/Roleplay/Roleplay.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.props = exports.default = exports.VerifiedUser = exports.Default = void 0;
6
+ exports.props = exports.default = exports.VerifiedUser = exports.ProUser = exports.Default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _Roleplay = _interopRequireDefault(require("./Roleplay"));
9
9
  var _config = _interopRequireDefault(require("../../config"));
@@ -109,4 +109,12 @@ VerifiedUser.args = {
109
109
  ...props,
110
110
  isUserVerified: true
111
111
  };
112
- VerifiedUser.storyName = "verified user";
112
+ VerifiedUser.storyName = "verified user";
113
+ const ProUser = exports.ProUser = Template.bind({});
114
+ ProUser.args = {
115
+ ...props,
116
+ subscription: {
117
+ isPaidUser: true
118
+ }
119
+ };
120
+ ProUser.storyName = "pro user";
package/dist/Exercises/Roleplay/Games/FillInTheBlanksGame/FillInBlanks.js CHANGED
@@ -109,7 +109,7 @@ function FillInBlanks({
109
109
  if (!currentMessage && message) {
110
110
  // First message
111
111
  setCurrentMessage(message);
112
- } else if (currentMessage && currentMessage.correctAnswer !== message.correctAnswer) {
112
+ } else if (currentMessage && (currentMessage.correctAnswer !== message.correctAnswer || currentMessage.correctAnswer === message.correctAnswer && currentMessage.name !== message.name)) {
113
113
  // New message, reset state
114
114
  setCurrentMessage(message);
115
115
  setClickCounter(0);
package/dist/Forms/InputHelper/InputHelper.js CHANGED
@@ -104,20 +104,24 @@ function Adornment(props) {
104
104
  onEmojiSelect: addEmoji,
105
105
  data: _apple.default,
106
106
  perLine: isSmallScreen ? 6 : 9
107
- })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
107
+ })), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
108
+ title: t("insert_emoji")
109
+ }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
108
110
  edge: iconButtonEdge,
109
111
  "aria-haspopup": "true",
110
112
  onClick: toggleEmojiPicker,
111
113
  size: "large",
112
114
  "aria-label": "Emojis",
113
115
  onKeyDown: handleToggleEmojiPicker,
114
- sx: {
116
+ sx: theme => ({
115
117
  padding: "8px",
116
- "& svg": {
117
- fill: whiteIcon ? "white" : "inherit"
118
- }
119
- }
120
- }, /*#__PURE__*/_react.default.createElement(_reactFeather.Smile, null))), !isEnglish && characters && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
118
+ ...(whiteIcon && {
119
+ "& svg": {
120
+ fill: theme.palette.mode === "light" ? "white" : "inherit"
121
+ }
122
+ })
123
+ })
124
+ }, /*#__PURE__*/_react.default.createElement(_reactFeather.Smile, null)))), !isEnglish && characters && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
121
125
  title: t(title)
122
126
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
123
127
  onMouseDown: handleMouseDown,
@@ -127,12 +131,14 @@ function Adornment(props) {
127
131
  icon: icon,
128
132
  "aria-expanded": Boolean(anchorEl),
129
133
  size: "large",
130
- sx: {
134
+ sx: theme => ({
131
135
  padding: "8px",
132
- "& svg": {
133
- fill: whiteIcon ? "white" : "inherit"
134
- }
135
- }
136
+ ...(whiteIcon && {
137
+ "& svg": {
138
+ fill: theme.palette.mode === "light" ? "white" : "inherit"
139
+ }
140
+ })
141
+ })
136
142
  }, icon)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
137
143
  id: `char-menu-${(0, _index.randomId)()}`,
138
144
  anchorEl: anchorEl,
package/dist/Lists/Exercises/Exercises.js CHANGED
@@ -300,22 +300,16 @@ function RoleplayListItem({
300
300
  opacity
301
301
  },
302
302
  disablePadding: true,
303
- secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
303
+ secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
304
304
  progressCount: existingMessages && existingMessages.length ? existingMessages.length : 0
305
305
  }), isLargeScreen && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
306
306
  completions: roleplayCompletions
307
- }), isLargeScreen && (isCreator || roleplayCompletions > 0) ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
307
+ })), isLargeScreen && !isCreator && roleplayCompletions > 0 && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
308
308
  title: t("view_activity")
309
309
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
310
310
  onClick: handleOpenSelectClassroomDialog,
311
311
  "aria-label": "Timeline"
312
- }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isCreator && isLargeScreen && handleDuplicateRoleplay ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
313
- title: t("duplicate_roleplay")
314
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
315
- "data-cy": "duplicate-roleplay",
316
- onClick: () => handleDuplicateRoleplay(roleplay),
317
- "aria-label": "Duplicate Roleplay"
318
- }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
312
+ }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))), isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
319
313
  title: t("edit_roleplay")
320
314
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
321
315
  "data-cy": "edit-roleplay",
@@ -323,12 +317,6 @@ function RoleplayListItem({
323
317
  "aria-label": "Update Roleplay",
324
318
  disabled: isCreator ? false : true
325
319
  }, /*#__PURE__*/_react.default.createElement(_Create.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
326
- title: t("remove_roleplay")
327
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
328
- onClick: () => handleRemoveRoleplay(roleplay),
329
- "aria-label": "Remove Roleplay",
330
- disabled: isCreator ? false : true
331
- }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
332
320
  title: isRoleplayHiddenState ? t("show_roleplay") : t("hide_roleplay")
333
321
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
334
322
  onClick: updateRoleplayVisibility,
@@ -344,14 +332,14 @@ function RoleplayListItem({
344
332
  "aria-label": "Move roleplay",
345
333
  disabled: !isCreator,
346
334
  size: "large"
347
- }, /*#__PURE__*/_react.default.createElement(_DragHandle.default, null))), isCreator && !isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
335
+ }, /*#__PURE__*/_react.default.createElement(_DragHandle.default, null))), isCreator && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
348
336
  title: t("more_options")
349
337
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
350
338
  "aria-label": t("more_options"),
351
339
  disabled: isCreator ? false : true,
352
340
  onClick: handleClickMenu,
353
341
  "aria-expanded": Boolean(anchorEl)
354
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))) : null)
342
+ }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))))
355
343
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
356
344
  id: roleplay.roleplayId,
357
345
  sx: sxNested,
@@ -375,7 +363,7 @@ function RoleplayListItem({
375
363
  variant: "body2",
376
364
  component: "p",
377
365
  color: "textSecondary"
378
- }, roleplay.description || "")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
366
+ }, roleplay.description || "")) : !isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
379
367
  variant: "body2",
380
368
  component: "p",
381
369
  color: "textSecondary"
@@ -389,17 +377,23 @@ function RoleplayListItem({
389
377
  handleClose: handleCloseMenu
390
378
  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
391
379
  onClick: handleOpenSelectClassroomDialog,
392
- disabled: isCreator || roleplayCompletions > 0
380
+ disabled: !isCreator && !(roleplayCompletions > 0)
393
381
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
394
- primary: t("show_progress")
395
- })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
382
+ primary: t(isCreator ? "view_activity" : "show_progress")
383
+ })), !isLargeScreen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
396
384
  "data-cy": "menu-edit-roleplay",
397
385
  onClick: handleClickOpenRoleplayEditor,
398
386
  "aria-label": "Update Roleplay",
399
387
  disabled: isCreator ? false : true
400
388
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Create.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
401
389
  primary: t("edit_roleplay")
402
- })), isCreator && handleDuplicateRoleplay && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
390
+ })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
391
+ onClick: updateRoleplayVisibility,
392
+ "aria-label": "Toggle Roleplay Visibility",
393
+ disabled: isCreator ? false : true
394
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isRoleplayHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
395
+ primary: isRoleplayHiddenState ? t("show_roleplay") : t("hide_roleplay")
396
+ }))), isCreator && handleDuplicateRoleplay && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
403
397
  "data-cy": "duplicate-roleplay",
404
398
  onClick: () => handleDuplicateRoleplay(roleplay),
405
399
  "aria-label": "Duplicate Roleplay"
@@ -411,12 +405,6 @@ function RoleplayListItem({
411
405
  disabled: isCreator ? false : true
412
406
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Delete.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
413
407
  primary: t("remove_roleplay")
414
- })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
415
- onClick: updateRoleplayVisibility,
416
- "aria-label": "Toggle Roleplay Visibility",
417
- disabled: isCreator ? false : true
418
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isRoleplayHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
419
- primary: isRoleplayHiddenState ? t("show_roleplay") : t("hide_roleplay")
420
408
  }))), /*#__PURE__*/_react.default.createElement(_SelectClassroom.default, {
421
409
  t: t,
422
410
  open: isSelectClassroomDialogOpen,
@@ -571,41 +559,29 @@ function BotListItem({
571
559
  opacity
572
560
  },
573
561
  disablePadding: true,
574
- secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
562
+ secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
575
563
  progressCount: existingMessages && existingMessages.length ? existingMessages.length : 0
576
564
  }), isLargeScreen && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
577
565
  completions: botCompletions
578
- }), isLargeScreen && (isCreator || botCompletions > 0) ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
566
+ })), isLargeScreen && !isCreator && botCompletions > 0 && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
579
567
  title: t("view_activity")
580
568
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
581
569
  onClick: handleOpenSelectClassroomDialog,
582
570
  "aria-label": "Timeline"
583
- }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isCreator && isLargeScreen && handleDuplicateBot ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
584
- title: t("duplicate_bot")
585
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
586
- "data-cy": "duplicate-bot",
587
- onClick: () => handleDuplicateBot(bot),
588
- "aria-label": "Duplicate Bot"
589
- }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
571
+ }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))), isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
590
572
  title: t("edit_bot")
591
573
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
592
574
  "data-cy": "edit-bot",
593
575
  onClick: handleOpenBotEditor,
594
576
  "aria-label": "Update Bot",
595
577
  disabled: isCreator ? false : true
596
- }, /*#__PURE__*/_react.default.createElement(_Create.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
597
- title: t("remove_bot")
598
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
599
- onClick: () => handleRemoveBot(bot),
600
- "aria-label": "Remove Bot",
601
- disabled: isCreator ? false : true
602
- }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))) : null, isCreator && isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
578
+ }, /*#__PURE__*/_react.default.createElement(_Create.default, null))) : null, isCreator && isLargeScreen && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
603
579
  title: isBotHiddenState ? t("show_bot") : t("hide_bot")
604
580
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
605
581
  onClick: updateBotVisibility,
606
582
  "aria-label": "Toggle Bot Visibility",
607
583
  disabled: isCreator ? false : true
608
- }, isBotHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)))) : null, isCreator && isLargeScreen && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
584
+ }, isBotHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)))), isCreator && isLargeScreen && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
609
585
  title: t("move_bot")
610
586
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
611
587
  "data-handler-id": handlerId,
@@ -615,14 +591,14 @@ function BotListItem({
615
591
  "aria-label": "Move bot",
616
592
  disabled: !isCreator,
617
593
  size: "large"
618
- }, /*#__PURE__*/_react.default.createElement(_DragHandle.default, null))), isCreator && !isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
594
+ }, /*#__PURE__*/_react.default.createElement(_DragHandle.default, null))), isCreator && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
619
595
  title: t("more_options")
620
596
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
621
597
  "aria-label": t("more_options"),
622
598
  disabled: isCreator ? false : true,
623
599
  onClick: handleClickMenu,
624
600
  "aria-expanded": Boolean(anchorEl)
625
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))) : null)
601
+ }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))))
626
602
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
627
603
  id: bot.botId,
628
604
  sx: sxNested,
@@ -646,7 +622,7 @@ function BotListItem({
646
622
  variant: "body2",
647
623
  component: "p",
648
624
  color: "textSecondary"
649
- }, bot.description || "")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
625
+ }, bot.description || "")) : !isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
650
626
  variant: "body2",
651
627
  component: "p",
652
628
  color: "textSecondary"
@@ -660,17 +636,23 @@ function BotListItem({
660
636
  handleClose: handleCloseMenu
661
637
  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
662
638
  onClick: handleOpenSelectClassroomDialog,
663
- disabled: isCreator || botCompletions > 0
639
+ disabled: !isCreator && !(botCompletions > 0)
664
640
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
665
- primary: t("show_progress")
666
- })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
641
+ primary: t(isCreator ? "view_activity" : "show_progress")
642
+ })), !isLargeScreen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
667
643
  "data-cy": "edit-bot",
668
644
  onClick: handleOpenBotEditor,
669
645
  "aria-label": "Update Bot",
670
646
  disabled: isCreator ? false : true
671
647
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Create.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
672
648
  primary: t("edit_bot")
673
- })), isCreator && handleDuplicateBot && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
649
+ })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
650
+ onClick: updateBotVisibility,
651
+ "aria-label": "Toggle Bot Visibility",
652
+ disabled: isCreator ? false : true
653
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isBotHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
654
+ primary: isBotHiddenState ? t("show_bot") : t("hide_bot")
655
+ }))), isCreator && handleDuplicateBot && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
674
656
  "data-cy": "duplicate-bot",
675
657
  onClick: () => handleDuplicateBot(bot),
676
658
  "aria-label": "Duplicate Bot"
@@ -682,12 +664,6 @@ function BotListItem({
682
664
  disabled: isCreator ? false : true
683
665
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Delete.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
684
666
  primary: t("remove_bot")
685
- })), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
686
- onClick: updateBotVisibility,
687
- "aria-label": "Toggle Bot Visibility",
688
- disabled: isCreator ? false : true
689
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, isBotHiddenState ? /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null) : /*#__PURE__*/_react.default.createElement(_Visibility.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
690
- primary: isBotHiddenState ? t("show_bot") : t("hide_bot")
691
667
  }))), /*#__PURE__*/_react.default.createElement(_SelectClassroom.default, {
692
668
  t: t,
693
669
  open: isSelectClassroomDialogOpen,
@@ -988,7 +964,7 @@ function Exercises(props) {
988
964
  },
989
965
  "aria-label": iconLabel,
990
966
  disabled: exercise === "translation" && isKeyboardHiddenTranslation
991
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, wordBankIsHidden ? /*#__PURE__*/_react.default.createElement(_AccountBalanceOff.default, null) : /*#__PURE__*/_react.default.createElement(_AccountBalance.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, wordBankIsHidden ? t("show_word_bank") : t("hide_word_bank"))) : null, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
967
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, wordBankIsHidden ? /*#__PURE__*/_react.default.createElement(_AccountBalanceOff.default, null) : /*#__PURE__*/_react.default.createElement(_AccountBalance.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, wordBankIsHidden ? t("show_word_bank") : t("hide_word_bank"))) : null, !isLargeScreen && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
992
968
  onClick: () => {
993
969
  handleSetHiddenExercisesState(exercise, action);
994
970
  handleToggleExerciseVisibility(exercise, action);
@@ -1068,25 +1044,25 @@ function Exercises(props) {
1068
1044
  const renderPronunciationExerciseItem = () => {
1069
1045
  const PronunciationExercise = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
1070
1046
  disablePadding: true,
1071
- secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1047
+ secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1072
1048
  progressCount: pronunciationProgress.remainingQuestions && pronunciationProgress.remainingQuestions.length ? pronunciationProgress.remainingQuestions.length : 0
1073
- }), isLargeScreen && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1049
+ }), isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1074
1050
  completions: pronunciationCompletions
1075
- }), isLargeScreen && (isCreator || pronunciationCompletions > 0) ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1051
+ }), isLargeScreen && !isCreator && pronunciationCompletions > 0 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1076
1052
  title: t("view_activity")
1077
1053
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1078
1054
  onClick: () => {
1079
1055
  handleOpenSelectClassroomDialog("pronunciation");
1080
1056
  },
1081
1057
  "aria-label": "Pronunciation"
1082
- }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("pronunciation", "show_pronunciation_exercise", "hide_pronunciation_exercise", "Toggle Pronunciation Exercise Visibility"), isCreator && !isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1058
+ }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("pronunciation", "show_pronunciation_exercise", "hide_pronunciation_exercise", "Toggle Pronunciation Exercise Visibility"), isCreator && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1083
1059
  title: t("more_options")
1084
1060
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1085
1061
  "aria-label": t("more_options"),
1086
1062
  disabled: isPronounciationExerciseDisabled,
1087
1063
  onClick: e => setShowPronunciationOverflowMenu(e.currentTarget),
1088
1064
  "aria-expanded": Boolean(showPronunciationOverflowMenu)
1089
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))) : null)
1065
+ }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))))
1090
1066
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
1091
1067
  "data-cy": "pronouncer-exercise",
1092
1068
  onClick: handleOpenPronouncer,
@@ -1105,7 +1081,27 @@ function Exercises(props) {
1105
1081
  }))), /*#__PURE__*/_react.default.createElement(OverflowMenu, {
1106
1082
  anchorEl: showPronunciationOverflowMenu,
1107
1083
  handleClose: () => setShowPronunciationOverflowMenu(null)
1108
- }, (isCreator || pronunciationCompletions > 0) && renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/pronunciation`, "show_progress"), renderMenuButton("pronunciation", "show_pronunciation_exercise", "hide_pronunciation_exercise", "Toggle Pronunciation Exercise Visibility")));
1084
+ }, isLargeScreen ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
1085
+ onClick: () => {
1086
+ if (isCreator) {
1087
+ handleOpenSelectClassroomDialog("pronunciation");
1088
+ } else if (pronunciationCompletions > 0) {
1089
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/pronunciation`, "show_progress");
1090
+ }
1091
+ }
1092
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1093
+ primary: t(isCreator ? "view_activity" : "show_progress")
1094
+ })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCreator && !(pronunciationCompletions > 0) && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
1095
+ onClick: () => {
1096
+ if (isCreator) {
1097
+ handleOpenSelectClassroomDialog("pronunciation");
1098
+ } else if (pronunciationCompletions > 0) {
1099
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/pronunciation`, "show_progress");
1100
+ }
1101
+ }
1102
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1103
+ primary: t(isCreator ? "view_activity" : "show_progress")
1104
+ })), renderMenuButton("pronunciation", "show_pronunciation_exercise", "hide_pronunciation_exercise", "Toggle Pronunciation Exercise Visibility"))));
1109
1105
  if (isMember && hiddenExercisesState.includes("pronunciation")) {
1110
1106
  return null;
1111
1107
  } else if (isLoading) {
@@ -1121,25 +1117,25 @@ function Exercises(props) {
1121
1117
  const renderTranslationExerciseItem = () => {
1122
1118
  const TranslationExercise = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
1123
1119
  disablePadding: true,
1124
- secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1120
+ secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1125
1121
  progressCount: translationProgress.remainingQuestions && translationProgress.remainingQuestions.length ? translationProgress.remainingQuestions.length : 0
1126
- }), isLargeScreen && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1122
+ }), isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1127
1123
  completions: translationCompletions
1128
- }), isLargeScreen && (isCreator || translationCompletions > 0) ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1124
+ }), isLargeScreen && !isCreator && translationCompletions > 0 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1129
1125
  title: t("view_activity")
1130
1126
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1131
1127
  onClick: () => {
1132
1128
  handleOpenSelectClassroomDialog("translation");
1133
1129
  },
1134
1130
  "aria-label": "Translation"
1135
- }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("translation", "show_translation_exercise", "hide_translation_exercise", "Toggle Translation Exercise Visibility"), isCreator && !isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1131
+ }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("translation", "show_translation_exercise", "hide_translation_exercise", "Toggle Translation Exercise Visibility"), isCreator && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1136
1132
  title: t("more_options")
1137
1133
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1138
1134
  "aria-label": t("more_options"),
1139
1135
  disabled: (isMember || isCreator) && phrases.length > 0 ? false : true,
1140
1136
  onClick: e => setShowTranslationOverflowMenu(e.currentTarget),
1141
1137
  "aria-expanded": Boolean(showTranslationOverflowMenu)
1142
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))) : null)
1138
+ }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))))
1143
1139
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
1144
1140
  id: "translation-exercise",
1145
1141
  "data-cy": "translation-exercise",
@@ -1159,7 +1155,27 @@ function Exercises(props) {
1159
1155
  }))), /*#__PURE__*/_react.default.createElement(OverflowMenu, {
1160
1156
  anchorEl: showTranslationOverflowMenu,
1161
1157
  handleClose: () => setShowTranslationOverflowMenu(null)
1162
- }, (isCreator || translationCompletions > 0) && renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/translation`, "show_progress"), renderMenuButton("translation", "show_translation_exercise", "hide_translation_exercise", "Toggle Translation Exercise Visibility")));
1158
+ }, isLargeScreen ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
1159
+ onClick: () => {
1160
+ if (isCreator) {
1161
+ handleOpenSelectClassroomDialog("translation");
1162
+ } else if (translationCompletions > 0) {
1163
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/translation`, "show_progress");
1164
+ }
1165
+ }
1166
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1167
+ primary: t(isCreator ? "view_activity" : "show_progress")
1168
+ })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCreator && !(translationCompletions > 0) && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
1169
+ onClick: () => {
1170
+ if (isCreator) {
1171
+ handleOpenSelectClassroomDialog("translation");
1172
+ } else if (translationCompletions > 0) {
1173
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/translation`, "show_progress");
1174
+ }
1175
+ }
1176
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1177
+ primary: t(isCreator ? "view_activity" : "show_progress")
1178
+ })), renderMenuButton("translation", "show_translation_exercise", "hide_translation_exercise", "Toggle Translation Exercise Visibility"))));
1163
1179
  if (isMember && hiddenExercisesState.includes("translation")) {
1164
1180
  return null;
1165
1181
  } else if (isLoading) {
@@ -1175,25 +1191,25 @@ function Exercises(props) {
1175
1191
  const renderListeningExerciseItem = () => {
1176
1192
  const ListeningExercise = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
1177
1193
  disablePadding: true,
1178
- secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1194
+ secondaryAction: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(InProgressBadge, {
1179
1195
  progressCount: listeningProgress.remainingQuestions && listeningProgress.remainingQuestions.length ? listeningProgress.remainingQuestions.length : 0
1180
- }), isLargeScreen && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1196
+ }), isLargeScreen && !isCreator && /*#__PURE__*/_react.default.createElement(ProgressBadge, {
1181
1197
  completions: listeningCompletions
1182
- }), isLargeScreen && (isCreator || listeningCompletions > 0) ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1198
+ }), isLargeScreen && !isCreator && listeningCompletions > 0 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1183
1199
  title: t("view_activity")
1184
1200
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1185
1201
  onClick: () => {
1186
1202
  handleOpenSelectClassroomDialog("listening");
1187
1203
  },
1188
1204
  "aria-label": "Listening"
1189
- }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("listening", "show_listening_exercise", "hide_listening_exercise", "Toggle Listening Exercise Visibility"), isCreator && !isLargeScreen ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1205
+ }, /*#__PURE__*/_react.default.createElement(_Timeline.default, null))) : null, isLargeScreen && renderExerciseButtons("listening", "show_listening_exercise", "hide_listening_exercise", "Toggle Listening Exercise Visibility"), isCreator && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
1190
1206
  title: t("more_options")
1191
1207
  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
1192
1208
  "aria-label": t("more_options"),
1193
1209
  disabled: isCreator ? false : true,
1194
1210
  onClick: e => setShowListeningOverflowMenu(e.currentTarget),
1195
1211
  "aria-expanded": Boolean(showListeningOverflowMenu)
1196
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))) : null)
1212
+ }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)))))
1197
1213
  }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
1198
1214
  id: "listening-exercise",
1199
1215
  "data-cy": "listening-exercise",
@@ -1213,7 +1229,30 @@ function Exercises(props) {
1213
1229
  }))), /*#__PURE__*/_react.default.createElement(OverflowMenu, {
1214
1230
  anchorEl: showListeningOverflowMenu,
1215
1231
  handleClose: () => setShowListeningOverflowMenu(null)
1216
- }, (isCreator || translationCompletions > 0) && renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/listening`, "show_progress"), renderMenuButton("listening", "show_listening_exercise", "hide_listening_exercise", "Toggle Listening Exercise Visibility")));
1232
+ }, isLargeScreen ?
1233
+ /*#__PURE__*/
1234
+ // Ensure correct behavior for creators
1235
+ _react.default.createElement(_MenuItem.default, {
1236
+ onClick: () => {
1237
+ if (isCreator) {
1238
+ handleOpenSelectClassroomDialog("listening");
1239
+ } else if (listeningCompletions > 0) {
1240
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/listening`, "show_progress");
1241
+ }
1242
+ }
1243
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1244
+ primary: t(isCreator ? "view_activity" : "show_progress")
1245
+ })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCreator && !(listeningCompletions > 0) && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
1246
+ onClick: () => {
1247
+ if (isCreator) {
1248
+ handleOpenSelectClassroomDialog("listening");
1249
+ } else if (listeningCompletions > 0) {
1250
+ renderCompletionsMenuItem(`/courses/${courseId}/${sectionId}/${topicId}/activity/listening`, "show_progress");
1251
+ }
1252
+ }
1253
+ }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
1254
+ primary: t(isCreator ? "view_activity" : "show_progress")
1255
+ })), renderMenuButton("listening", "show_listening_exercise", "hide_listening_exercise", "Toggle Listening Exercise Visibility"))));
1217
1256
  if (isMember && hiddenExercisesState.includes("listening")) {
1218
1257
  return null;
1219
1258
  } else if (isLoading) {
package/dist/Screens/Courses/ViewCourse/ViewCourse.js CHANGED
@@ -307,9 +307,9 @@ function Course({
307
307
  await handleUpdateCourse({
308
308
  video
309
309
  }, isSubmitting);
310
- setIsSubmitting(true);
310
+ setIsSubmitting(false);
311
311
  } catch (error) {
312
- setIsSubmitting(true);
312
+ setIsSubmitting(false);
313
313
  console.error(error);
314
314
  }
315
315
  };
@@ -558,7 +558,7 @@ function Course({
558
558
  topicCount: courseSection && courseSection.topics ? courseSection.topics.length : 0
559
559
  }), t("confirmDeletionText"));
560
560
  if (confirmed) {
561
- handleDeleteCourseSection(courseId, sectionId);
561
+ handleDeleteCourseSection(courseId, sectionId, courseSection.topics);
562
562
  }
563
563
  };
564
564
  const leaveCourse = async id => {
package/dist/Screens/Courses/ViewCourse/ViewTopic/ViewTopic.js CHANGED
@@ -535,9 +535,9 @@ function Topic({
535
535
  await handleUpdateTopic({
536
536
  video
537
537
  }, isSubmitting);
538
- setIsSubmitting(true);
538
+ setIsSubmitting(false);
539
539
  } catch (error) {
540
- setIsSubmitting(true);
540
+ setIsSubmitting(false);
541
541
  console.error(error);
542
542
  }
543
543
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nualang/nualang-ui-components",
3
- "version": "0.1.1134",
3
+ "version": "0.1.1136",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist",
@@ -22,7 +22,7 @@
22
22
  "@mui/material": "^5.14.2",
23
23
  "@mui/system": "^5.14.1",
24
24
  "@mui/x-date-pickers": "^6.10.1",
25
- "@nualang/videochat-ui-components": "^0.0.167",
25
+ "@nualang/videochat-ui-components": "^0.0.168",
26
26
  "@storybook/theming": "^7.6.17",
27
27
  "@stripe/react-stripe-js": "^2.1.1",
28
28
  "@stripe/stripe-js": "^1.54.2",