@nualang/nualang-ui-components 0.1.1162 → 0.1.1164

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 (9) hide show
  1. package/dist/Editors/Bot/Bot.js +11 -1
  2. package/dist/Editors/Roleplay/Roleplay.js +11 -1
  3. package/dist/Exercises/Bot/Bot.js +17 -3
  4. package/dist/Exercises/Listener/Listener.js +18 -11
  5. package/dist/Exercises/Pronouncer/Pronouncer.js +16 -2
  6. package/dist/Exercises/Translator/Translator.js +18 -11
  7. package/dist/Live/Game/Game.js +11 -1
  8. package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js +3 -3
  9. package/package.json +1 -1
package/dist/Editors/Bot/Bot.js CHANGED
@@ -10,6 +10,7 @@ var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery
10
10
  var _styles = require("@mui/material/styles");
11
11
  var _mui = require("tss-react/mui");
12
12
  var _material = require("@mui/material");
13
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
13
14
  var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
14
15
  var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
15
16
  require("codemirror/lib/codemirror.css");
@@ -218,7 +219,7 @@ function Bot({
218
219
  setCreatorInstructionDialogOpen(false);
219
220
  };
220
221
  (0, _react.useEffect)(() => {
221
- if (open && !localStorage.getItem(`bot-editor-tour-completed`)) {
222
+ if (open && !localStorage.getItem("bot-editor-tour-completed")) {
222
223
  setJoyrideState(prevState => ({
223
224
  ...prevState,
224
225
  run: true
@@ -589,6 +590,15 @@ function Bot({
589
590
  }, bot.botName), /*#__PURE__*/_react.default.createElement("div", {
590
591
  className: "grow-1"
591
592
  }), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
593
+ title: t("Rewatch tutorial")
594
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
595
+ color: "inherit",
596
+ onClick: () => setJoyrideState({
597
+ ...joyrideState,
598
+ run: true
599
+ }),
600
+ size: "large"
601
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
592
602
  title: t("help")
593
603
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
594
604
  color: "inherit",
package/dist/Editors/Roleplay/Roleplay.js CHANGED
@@ -9,6 +9,7 @@ var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
9
9
  var _styles = require("@mui/material/styles");
10
10
  var _mui = require("tss-react/mui");
11
11
  var _material = require("@mui/material");
12
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
12
13
  var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
13
14
  var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
14
15
  var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
@@ -683,7 +684,16 @@ function Roleplay({
683
684
  color: "inherit",
684
685
  className: classes.flex,
685
686
  noWrap: true
686
- }, roleplay.roleplayName), handleShareRoleplay && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
687
+ }, roleplay.roleplayName), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
688
+ title: t("Rewatch tutorial")
689
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
690
+ color: "inherit",
691
+ onClick: () => setJoyrideState({
692
+ ...joyrideState,
693
+ run: true
694
+ }),
695
+ size: "large"
696
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), handleShareRoleplay && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
687
697
  title: t("share")
688
698
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
689
699
  color: "inherit",
package/dist/Exercises/Bot/Bot.js CHANGED
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
9
9
  var _material = require("@mui/material");
10
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
10
11
  var _mui = require("tss-react/mui");
11
12
  var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
12
13
  var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
@@ -250,6 +251,7 @@ function Bot({
250
251
  run: false,
251
252
  steps: joyrideSteps
252
253
  });
254
+ const [joyrideRewatched, setJoyrideRewatched] = (0, _react.useState)(false);
253
255
  const {
254
256
  run,
255
257
  steps
@@ -307,10 +309,10 @@ function Bot({
307
309
  run: true
308
310
  }));
309
311
  } else {
310
- if (open && !run && bot.studentInstructions && bot.studentInstructions !== "") {
312
+ if (open && !joyrideRewatched && !run && bot.studentInstructions && bot.studentInstructions !== "") {
311
313
  handleClickOpenInstructions();
312
314
  }
313
- if (open && !run && bot.introMessage && botMessages.length === 0) {
315
+ if (open && !joyrideRewatched && !run && bot.introMessage && botMessages.length === 0) {
314
316
  setTimeout(() => {
315
317
  addBotMessage(bot.introMessage, false, true);
316
318
  }, 3000);
@@ -327,7 +329,19 @@ function Bot({
327
329
  // setInstructionDialogOpen(searchParams.instructions === 'student');
328
330
  // }, [searchParams.botId, searchParams.instructions]);
329
331
 
330
- const topBarActions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, handleShareBot && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
332
+ const topBarActions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
333
+ title: t("Rewatch tutorial")
334
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
335
+ color: "inherit",
336
+ onClick: () => {
337
+ setJoyrideRewatched(true);
338
+ setJoyrideState({
339
+ ...joyrideState,
340
+ run: true
341
+ });
342
+ },
343
+ size: "large"
344
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), handleShareBot && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
331
345
  title: t("share")
332
346
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
333
347
  color: "inherit",
package/dist/Exercises/Listener/Listener.js CHANGED
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
9
9
  var _material = require("@mui/material");
10
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
10
11
  var _mui = require("tss-react/mui");
11
12
  var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
12
13
  var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
@@ -393,6 +394,7 @@ function Listener({
393
394
  run: false,
394
395
  steps: joyrideSteps
395
396
  });
397
+ const [joyrideRewatched, setJoyrideRewatched] = (0, _react.useState)(false);
396
398
  const {
397
399
  run,
398
400
  steps
@@ -422,17 +424,10 @@ function Listener({
422
424
  ...prevState,
423
425
  run: true
424
426
  }));
425
- } else if (localStorage.getItem(`listening-exercise-tour-completed`)) {
427
+ } else if (open && !run && !joyrideRewatched && localStorage.getItem(`listening-exercise-tour-completed`)) {
426
428
  handleListeningTourFinished();
427
- } else {
428
- if (open && !run) {
429
- setTimeout(() => {
430
- setWordBankTooltipOpen(true);
431
- }, 1000);
432
- setTimeout(() => {
433
- setWordBankTooltipOpen(false);
434
- }, 5000);
435
- }
429
+ setTimeout(() => setWordBankTooltipOpen(true), 1000);
430
+ setTimeout(() => setWordBankTooltipOpen(false), 5000);
436
431
  }
437
432
  }, [open, run]);
438
433
  let question, image, numOfQuestions, numOfCorrectAnswers, completed;
@@ -510,7 +505,19 @@ function Listener({
510
505
  color: "inherit",
511
506
  className: classes.flex,
512
507
  id: "listening-exercise-dialog"
513
- }, t("listening")), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
508
+ }, t("listening")), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
509
+ title: t("Rewatch tutorial")
510
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
511
+ color: "inherit",
512
+ onClick: () => {
513
+ setJoyrideRewatched(true);
514
+ setJoyrideState({
515
+ ...joyrideState,
516
+ run: true
517
+ });
518
+ },
519
+ size: "large"
520
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
514
521
  classes: {
515
522
  root: classes.progress,
516
523
  progressBar: classes.largeScreenProgressBar
package/dist/Exercises/Pronouncer/Pronouncer.js CHANGED
@@ -9,6 +9,7 @@ var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
9
9
  var _mui = require("tss-react/mui");
10
10
  var _styles = require("@mui/material/styles");
11
11
  var _material = require("@mui/material");
12
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
12
13
  var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
13
14
  var _VolumeOff = _interopRequireDefault(require("@mui/icons-material/VolumeOff"));
14
15
  var _VolumeUp = _interopRequireDefault(require("@mui/icons-material/VolumeUp"));
@@ -344,6 +345,7 @@ function Pronouncer({
344
345
  run: false,
345
346
  steps: joyrideSteps
346
347
  });
348
+ const [joyrideRewatched, setJoyrideRewatched] = (0, _react.useState)(false);
347
349
  const {
348
350
  run,
349
351
  steps
@@ -375,7 +377,7 @@ function Pronouncer({
375
377
  ...prevState,
376
378
  run: true
377
379
  }));
378
- } else if (localStorage.getItem(`pronunciation-exercise-tour-completed`)) {
380
+ } else if (open && !run && !joyrideRewatched && localStorage.getItem(`pronunciation-exercise-tour-completed`)) {
379
381
  handlePronunciationTourFinished();
380
382
  }
381
383
  }, [open]);
@@ -434,7 +436,19 @@ function Pronouncer({
434
436
  color: "inherit",
435
437
  className: classes.flex,
436
438
  id: "pronunciation-exercise-dialog"
437
- }, t("pronunciation")), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
439
+ }, t("pronunciation")), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
440
+ title: t("Rewatch tutorial")
441
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
442
+ color: "inherit",
443
+ onClick: () => {
444
+ setJoyrideRewatched(true);
445
+ setJoyrideState({
446
+ ...joyrideState,
447
+ run: true
448
+ });
449
+ },
450
+ size: "large"
451
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
438
452
  classes: {
439
453
  root: classes.progress,
440
454
  progressBar: classes.largeScreenProgressBar
package/dist/Exercises/Translator/Translator.js CHANGED
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactJoyride = _interopRequireWildcard(require("react-joyride"));
9
9
  var _material = require("@mui/material");
10
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
10
11
  var _colors = require("@mui/material/colors");
11
12
  var _mui = require("tss-react/mui");
12
13
  var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
@@ -379,6 +380,7 @@ function Translator({
379
380
  run: false,
380
381
  steps: joyrideSteps
381
382
  });
383
+ const [joyrideRewatched, setJoyrideRewatched] = (0, _react.useState)(false);
382
384
  const {
383
385
  run,
384
386
  steps
@@ -419,17 +421,10 @@ function Translator({
419
421
  ...prevState,
420
422
  run: true
421
423
  }));
422
- } else if (localStorage.getItem(`translation-exercise-tour-completed`)) {
424
+ } else if (open && !run && !joyrideRewatched && localStorage.getItem(`translation-exercise-tour-completed`)) {
423
425
  handleTranslationTourFinished();
424
- } else {
425
- if (open && !run) {
426
- setTimeout(() => {
427
- setWordBankTooltipOpen(true);
428
- }, 1000);
429
- setTimeout(() => {
430
- setWordBankTooltipOpen(false);
431
- }, 5000);
432
- }
426
+ setTimeout(() => setWordBankTooltipOpen(true), 1000);
427
+ setTimeout(() => setWordBankTooltipOpen(false), 5000);
433
428
  }
434
429
  }, [open, run]);
435
430
  let question, numOfQuestions, image, numOfCorrectAnswers, completed;
@@ -516,7 +511,19 @@ function Translator({
516
511
  color: "inherit",
517
512
  className: classes.flex,
518
513
  id: "translation-exercise-dialog"
519
- }, t("translation")), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
514
+ }, t("translation")), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
515
+ title: t("Rewatch tutorial")
516
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
517
+ color: "inherit",
518
+ onClick: () => {
519
+ setJoyrideRewatched(true);
520
+ setJoyrideState({
521
+ ...joyrideState,
522
+ run: true
523
+ });
524
+ },
525
+ size: "large"
526
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null))), /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
520
527
  classes: {
521
528
  root: classes.progress,
522
529
  progressBar: classes.largeScreenProgressBar
package/dist/Live/Game/Game.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = Game;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _material = require("@mui/material");
9
+ var _Lightbulb = _interopRequireDefault(require("@mui/icons-material/Lightbulb"));
9
10
  var _mui = require("tss-react/mui");
10
11
  var _styles = require("@mui/material/styles");
11
12
  var _system = require("@mui/system");
@@ -315,7 +316,16 @@ function Game({
315
316
  "data-cy": "game-settings",
316
317
  color: "inherit",
317
318
  size: "large"
318
- }, /*#__PURE__*/_react.default.createElement(_Settings.default, null)))), gameStatus === "LIVE" && isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
319
+ }, /*#__PURE__*/_react.default.createElement(_Settings.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
320
+ title: t("Rewatch tutorial")
321
+ }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
322
+ color: "inherit",
323
+ onClick: () => setJoyrideState({
324
+ ...joyrideState,
325
+ run: true
326
+ }),
327
+ size: "large"
328
+ }, /*#__PURE__*/_react.default.createElement(_Lightbulb.default, null)))), gameStatus === "LIVE" && isCreator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ExerciseProgressBar.default, {
319
329
  classes: {
320
330
  root: classes.progress,
321
331
  progressBar: classes.largeScreenProgressBar
package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js CHANGED
@@ -217,7 +217,7 @@ function OverflowMenu({
217
217
  onClick: handleClickOpenReviews
218
218
  }, /*#__PURE__*/_react.default.createElement(_CardElements.CardMenuIcon, null, /*#__PURE__*/_react.default.createElement(_RateReview.default, {
219
219
  fontSize: "small"
220
- })), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("reviews"))), !isCreator && !isMember && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
220
+ })), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("reviews"))), !isCreator && !isMember && !isArchived && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
221
221
  onClick: joinClassroom
222
222
  }, /*#__PURE__*/_react.default.createElement(_CardElements.CardMenuIcon, null, /*#__PURE__*/_react.default.createElement(_Add.default, {
223
223
  fontSize: "small"
@@ -243,8 +243,8 @@ function OverflowMenu({
243
243
  onClick: archiveClassroom
244
244
  }, /*#__PURE__*/_react.default.createElement(_CardElements.CardMenuIcon, null, /*#__PURE__*/_react.default.createElement(_Archive.default, {
245
245
  fontSize: "small"
246
- })), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("invite"))), isMediumScreen && isCreator && !subscription.isPaidUser && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
247
- onClick: handleOpenUpgradeSubscriptionModal
246
+ })), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("archive_classroom"))), isMediumScreen && isCreator && !isArchived && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
247
+ onClick: subscription.isPaidUser ? handleOpenInviteDialog : handleOpenUpgradeSubscriptionModal
248
248
  }, /*#__PURE__*/_react.default.createElement(_CardElements.CardMenuIcon, null, /*#__PURE__*/_react.default.createElement(_PersonAdd.default, {
249
249
  fontSize: "small"
250
250
  })), /*#__PURE__*/_react.default.createElement(_material.Typography, null, t("invite"))), isMediumScreen && isCreator && !(members?.length > 99) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nualang/nualang-ui-components",
3
- "version": "0.1.1162",
3
+ "version": "0.1.1164",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist",