@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Live/Game/Game.js

@@ -1,678 +0,0 @@
-import { useState, useEffect, useMemo } from "react";
-import { Dialog, Box, Slide, Typography, AppBar, Toolbar, IconButton, Tooltip, Badge } from "@mui/material";
-import LightbulbIcon from "@mui/icons-material/Lightbulb";
-import { makeStyles } from "tss-react/mui";
-import { useTheme } from "@mui/material/styles";
-import { styled } from "@mui/system";
-import Close from "@mui/icons-material/Close";
-import PersonAddIcon from "@mui/icons-material/PersonAdd";
-import People from "@mui/icons-material/People";
-import SettingsIcon from "@mui/icons-material/Settings";
-import { Joyride, STATUS } from "react-joyride";
-import ExerciseProgressBar from "../../Misc/ExerciseProgressBar/ExerciseProgressBar";
-import VoiceSpeedSelector from "../../Misc/VoiceSpeed/VoiceSpeed";
-import Leaderboard from "../../Lists/Leaderboard/Leaderboard";
-import WaitingRoom from "../WaitingRoom/WaitingRoom";
-import LiveListener from "../LiveListener/LiveListener";
-import LiveTranslator from "../LiveTranslator/LiveTranslator";
-import LiveStory from "../LiveRoleplay/LiveStory/LiveStory";
-import LiveMeaning from "../LiveMeaning/LiveMeaning";
-import LiveMeaningReadWrite from "../LiveMeaningReadWrite/LiveMeaningReadWrite";
-import HowToJoin from "../HowToJoin/HowToJoin";
-import GameMembers from "../GameMembers/GameMembers";
-import GameSettings from "../GameSettings/GameSettings";
-import FinalScoreDrawer from "../Misc/FinalScoreDrawer/FinalScoreDrawer";
-import RewardEarned from "../../Dialogs/RewardEarned/RewardEarned";
-import LiveGameTutorial from "../../Dialogs/LiveGameTutorial/LiveGameTutorial";
-import HelpIcon from "@mui/icons-material/Help";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  appBar: {
-    position: "relative",
-    paddingTop: `env(safe-area-inset-top)`,
-    paddingRight: `env(safe-area-inset-right)`,
-    paddingLeft: `env(safe-area-inset-left)`
-  },
-  progress: {
-    width: "100%",
-    marginLeft: theme.spacing(2),
-    marginRight: theme.spacing(2)
-  },
-  largeScreenProgressBar: {
-    [theme.breakpoints.down("sm")]: {
-      display: "none"
-    }
-  },
-  mobileAdditionalToolbar: {
-    display: "none",
-    [theme.breakpoints.down("sm")]: {
-      display: "flex"
-    }
-  }
-}));
-const Logo = styled("img")(({
-  theme
-}) => ({
-  [theme.breakpoints.down("md")]: {
-    display: "none"
-  },
-  height: 28,
-  position: "relative",
-  bottom: "-2px",
-  marginLeft: theme.spacing()
-}));
-function Transition(props) {
-  return /*#__PURE__*/_jsx(Slide, {
-    direction: "up",
-    ...props
-  });
-}
-const GameViewTypes = {
-  WaitingRoom: "waiting-room",
-  GameStarting: "game-starting",
-  Leaderboard: "leaderboard",
-  Question: "question"
-};
-export default function Game({
-  t,
-  open,
-  handleClose,
-  exerciseName,
-  isCreator,
-  gameStatus,
-  membersInRoom,
-  membersNotInRoom,
-  isGameStarting,
-  gameStartingCount,
-  isLeaderboardVisible,
-  currentQuestion,
-  topicInfo,
-  voices,
-  setIsLeaderboardVisible,
-  remainingQuestions,
-  endGame,
-  languageInformation,
-  numOfCorrectAnswers,
-  numOfQuestions,
-  completed,
-  voiceSpeed,
-  isVoiceSpeedMenuOpen,
-  handleOpenVoiceSpeedMenu,
-  handleCloseVoiceSpeedMenu,
-  handleChangeVoiceSpeed,
-  logoSrc,
-  handleNextExercise,
-  gameMembersHistory,
-  wordBankEnabled,
-  setWordBankEnabled,
-  handleSetTimer,
-  time,
-  listeningWords,
-  listeningText,
-  translationText,
-  translationWords,
-  setCurrentAnswer,
-  classroomName,
-  classroomURL,
-  keyboardEnabled,
-  handleChangeAnswerOptions,
-  answerOptions,
-  exercise,
-  isFinalScoreDrawerOpen,
-  isRewardEarnedOpen,
-  handleCloseRewardEarned,
-  voiceLanguageCode,
-  voice,
-  answerAttempt,
-  numberOfPhrases,
-  handleSetNumberOfQuestions,
-  handleConfirm,
-  numberOfQuestions,
-  memberId,
-  isIconsVisible,
-  showRoleplayLeaderboardIcons,
-  selectedRoleplay,
-  handleSaveProgress,
-  handleShowLeaderboard,
-  roleplayMessages,
-  gameAward,
-  handleTranslate,
-  userImage,
-  answerCounts,
-  noAnswerCounts,
-  setIsIconsVisible,
-  ...otherProps
-}) {
-  const {
-    classes
-  } = useStyles();
-  const theme = useTheme();
-  const [isInviteDrawerOpen, setIsInviteDrawerOpen] = useState(false);
-  const [isMembersDrawerOpen, setIsMembersDrawerOpen] = useState(false);
-  const [isSettingsDrawerOpen, setIsSettingsDrawerOpen] = useState(false);
-  const [isLiveGameTutorialOpen, setIsLiveGameTutorialOpen] = useState(false);
-  const activeMembers = useMemo(() => membersInRoom.filter(member => member.isActive === true), [membersInRoom]);
-  const inactiveMembers = useMemo(() => [...membersNotInRoom, ...membersInRoom.filter(member => member.isActive === false)], [membersInRoom, membersNotInRoom]);
-  const handleOpenInviteDrawer = () => {
-    setIsInviteDrawerOpen(true);
-  };
-  const handleCloseInviteDrawer = () => {
-    setIsInviteDrawerOpen(false);
-  };
-  const handleOpenMembersDrawer = () => {
-    setIsMembersDrawerOpen(true);
-  };
-  const handleCloseMembersDrawer = () => {
-    setIsMembersDrawerOpen(false);
-  };
-  const handleOpenSettingsDrawer = () => {
-    setIsSettingsDrawerOpen(true);
-  };
-  const handleOpenLiveGameTutorial = () => {
-    setIsLiveGameTutorialOpen(true);
-  };
-  const handleCloseSettingsDrawer = () => {
-    setIsSettingsDrawerOpen(false);
-  };
-  let gameView = GameViewTypes.WaitingRoom;
-  if (gameStatus === "LIVE") {
-    if (isGameStarting) {
-      gameView = GameViewTypes.GameStarting;
-    } else if (isLeaderboardVisible) {
-      gameView = GameViewTypes.Leaderboard;
-    } else {
-      gameView = GameViewTypes.Question;
-    }
-  }
-  const joyrideSteps = [{
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("nualang_live_welcome")
-    }),
-    placement: "center",
-    target: "body"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("nualang_live_invite")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("nualang_live_invite_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#inviteStudents"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("nualang_live_help")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("nualang_live_help_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#appBarGameHelp"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("nualang_live_settings")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("nualang_live_settings_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#appBarGameSettings"
-  }, {
-    content: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: t("nualang_live_game_members")
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("p", {
-        children: t("nualang_live_game_members_desc")
-      })]
-    }),
-    spotlightPadding: 8,
-    target: "#gameMembers"
-  }, {
-    content: /*#__PURE__*/_jsx("h2", {
-      children: t("nualang_live_start_game")
-    }),
-    spotlightPadding: 8,
-    target: "#startGame"
-  }];
-  const [joyrideState, setJoyrideState] = useState({
-    run: false,
-    steps: joyrideSteps
-  });
-  useEffect(() => {
-    if (open && isCreator && !localStorage.getItem(`nualang-live-tour-completed`)) {
-      setJoyrideState(prevState => ({
-        ...prevState,
-        run: true
-      }));
-    }
-  }, [open, isCreator]);
-  const handleJoyrideCallback = data => {
-    const {
-      status,
-      action
-    } = data;
-    const finishedStatuses = [STATUS.FINISHED, STATUS.SKIPPED];
-    if (finishedStatuses.includes(status) || action === "close") {
-      setJoyrideState(prevState => ({
-        ...prevState,
-        run: false
-      }));
-      localStorage.setItem(`nualang-live-tour-completed`, "true");
-    }
-  };
-  const {
-    run,
-    steps
-  } = joyrideState;
-  const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
-    }
-  };
-  const nextScriptLine = roleplayMessages?.length && selectedRoleplay?.script?.[roleplayMessages.length] ? selectedRoleplay.script[roleplayMessages.length] : "";
-  const videoUrl = topicInfo.videoUrl ?? null;
-  return /*#__PURE__*/_jsxs(Dialog, {
-    fullScreen: true,
-    open: open,
-    onClose: handleClose,
-    "aria-modal": "true",
-    sx: {
-      "& .MuiDialog-container": {
-        overflowY: "auto"
-      },
-      "& .MuiDialog-paperFullScreen": {
-        overflowY: "auto",
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    slots: {
-      transition: Transition
-    },
-    children: [/*#__PURE__*/_jsxs(AppBar, {
-      className: classes.appBar,
-      children: [/*#__PURE__*/_jsxs(Toolbar, {
-        children: [/*#__PURE__*/_jsx(IconButton, {
-          "data-cy": "close-dialog",
-          edge: "start",
-          color: "inherit",
-          onClick: handleClose,
-          "aria-label": "Close",
-          size: "large",
-          children: /*#__PURE__*/_jsx(Close, {})
-        }), /*#__PURE__*/_jsx(Logo, {
-          src: logoSrc,
-          alt: "Nualang Logo"
-        }), gameStatus !== "LIVE" && isCreator && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Box, {
-            sx: {
-              flexGrow: 1
-            }
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("invite"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              "data-cy": "invite-students",
-              color: "inherit",
-              onClick: handleOpenInviteDrawer,
-              "aria-label": "Invite students",
-              size: "large",
-              id: "inviteStudents",
-              children: /*#__PURE__*/_jsx(PersonAddIcon, {})
-            })
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("members"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: handleOpenMembersDrawer,
-              id: "appBarGameMembers",
-              "data-cy": "game-members",
-              color: "inherit",
-              size: "large",
-              children: /*#__PURE__*/_jsx(Badge, {
-                badgeContent: membersInRoom.length,
-                color: "inherit",
-                children: /*#__PURE__*/_jsx(People, {})
-              })
-            })
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("instructions"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: () => {
-                handleOpenLiveGameTutorial();
-              },
-              id: "appBarGameHelp",
-              color: "inherit",
-              "data-cy": "game-help",
-              "aria-label": "help",
-              size: "large",
-              children: /*#__PURE__*/_jsx(HelpIcon, {
-                sx: {
-                  color: "white"
-                }
-              })
-            })
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("game_settings"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: handleOpenSettingsDrawer,
-              id: "appBarGameSettings",
-              "data-cy": "game-settings",
-              color: "inherit",
-              size: "large",
-              children: /*#__PURE__*/_jsx(SettingsIcon, {})
-            })
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("Rewatch tutorial"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              color: "inherit",
-              onClick: () => setJoyrideState({
-                ...joyrideState,
-                run: true
-              }),
-              size: "large",
-              children: /*#__PURE__*/_jsx(LightbulbIcon, {})
-            })
-          })]
-        }), gameStatus === "LIVE" && isCreator && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(ExerciseProgressBar, {
-            classes: {
-              root: classes.progress,
-              progressBar: classes.largeScreenProgressBar
-            },
-            numOfCorrectAnswers: numOfCorrectAnswers,
-            numOfQuestions: numOfQuestions,
-            completed: completed,
-            exercise: `Live ${exercise}`
-          }), /*#__PURE__*/_jsx(VoiceSpeedSelector, {
-            t: t,
-            voiceSpeed: voiceSpeed,
-            isVoiceSpeedMenuOpen: isVoiceSpeedMenuOpen,
-            handleOpenVoiceSpeedMenu: handleOpenVoiceSpeedMenu,
-            handleCloseVoiceSpeedMenu: handleCloseVoiceSpeedMenu,
-            handleChangeVoiceSpeed: handleChangeVoiceSpeed
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("members"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: handleOpenMembersDrawer,
-              id: "appBarGameMembers",
-              "data-cy": "game-members",
-              color: "inherit",
-              size: "large",
-              children: /*#__PURE__*/_jsx(Badge, {
-                badgeContent: activeMembers.length,
-                color: "inherit",
-                children: /*#__PURE__*/_jsx(People, {})
-              })
-            })
-          })]
-        })]
-      }), gameStatus === "LIVE" && isCreator && /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsx(Toolbar, {
-          variant: "dense",
-          className: classes.mobileAdditionalToolbar,
-          children: /*#__PURE__*/_jsx(ExerciseProgressBar, {
-            classes: {
-              root: classes.progress
-            },
-            numOfCorrectAnswers: numOfCorrectAnswers,
-            numOfQuestions: numOfQuestions,
-            completed: completed,
-            exercise: `Live ${exercise}`
-          })
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(Box, {
-      id: "gameContainer",
-      component: "main",
-      sx: {
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        flexGrow: 1,
-        overflowY: "auto"
-      },
-      children: [gameView === GameViewTypes.WaitingRoom && /*#__PURE__*/_jsx(WaitingRoom, {
-        t: t,
-        isCreator: isCreator,
-        gameStatus: gameStatus,
-        membersInRoom: membersInRoom,
-        wordBankEnabled: wordBankEnabled,
-        setWordBankEnabled: setWordBankEnabled,
-        handleSetTimer: handleSetTimer,
-        time: time,
-        membersNotInRoom: membersNotInRoom,
-        handleOpenMembersDrawer: handleOpenMembersDrawer,
-        exercise: exercise,
-        selectedRoleplay: selectedRoleplay,
-        gameAward: gameAward,
-        userImage: userImage,
-        exerciseName: exerciseName,
-        isLiveGameTutorialOpen: isLiveGameTutorialOpen,
-        setIsLiveGameTutorialOpen: setIsLiveGameTutorialOpen,
-        videoUrl: videoUrl,
-        ...otherProps
-      }), gameView === GameViewTypes.GameStarting && /*#__PURE__*/_jsx(Typography, {
-        variant: "h1",
-        component: "h2",
-        sx: {
-          mt: 10
-        },
-        children: gameStartingCount
-      }), gameView === GameViewTypes.Question && (() => {
-        if (exercise === "listening") {
-          return /*#__PURE__*/_jsx(LiveListener, {
-            t: t,
-            currentQuestion: currentQuestion,
-            isCreator: isCreator,
-            topicInfo: topicInfo,
-            voices: voices,
-            setIsLeaderboardVisible: setIsLeaderboardVisible,
-            phrases: topicInfo.phrases,
-            languageInformation: languageInformation,
-            handleNextExercise: handleNextExercise,
-            wordBankEnabled: wordBankEnabled,
-            setWordBankEnabled: setWordBankEnabled,
-            time: time,
-            listeningText: listeningText,
-            listeningWords: listeningWords,
-            setCurrentAnswer: setCurrentAnswer,
-            keyboardEnabled: keyboardEnabled,
-            gameMembersTotal: membersInRoom?.length,
-            exercise: exercise,
-            voiceLanguageCode: voiceLanguageCode,
-            voice: voice,
-            answerAttempt: answerAttempt,
-            handleShowLeaderboard: handleShowLeaderboard,
-            ...otherProps
-          });
-        } else if (exercise === "translation") {
-          return /*#__PURE__*/_jsx(LiveTranslator, {
-            t: t,
-            currentQuestion: currentQuestion,
-            isCreator: isCreator,
-            topicInfo: topicInfo,
-            voices: voices,
-            setIsLeaderboardVisible: setIsLeaderboardVisible,
-            phrases: topicInfo.phrases,
-            wordBankEnabled: wordBankEnabled,
-            setWordBankEnabled: setWordBankEnabled,
-            time: time,
-            languageInformation: languageInformation,
-            handleNextExercise: handleNextExercise,
-            translationText: translationText,
-            translationWords: translationWords,
-            setCurrentAnswer: setCurrentAnswer,
-            keyboardEnabled: keyboardEnabled,
-            gameMembersTotal: membersInRoom?.length,
-            exercise: exercise,
-            voiceLanguageCode: voiceLanguageCode,
-            voice: voice,
-            answerAttempt: answerAttempt,
-            handleShowLeaderboard: handleShowLeaderboard,
-            ...otherProps
-          });
-        } else if (exercise === "meaning") {
-          return /*#__PURE__*/_jsx(LiveMeaning, {
-            t: t,
-            currentQuestion: currentQuestion,
-            isCreator: isCreator,
-            languageInformation: languageInformation,
-            time: time,
-            setCurrentAnswer: setCurrentAnswer,
-            gameMembersTotal: membersInRoom?.length,
-            exercise: exercise,
-            voiceLanguageCode: voiceLanguageCode,
-            voice: voice,
-            voices: voices,
-            answerAttempt: answerAttempt,
-            handleShowLeaderboard: handleShowLeaderboard,
-            ...otherProps
-          });
-        } else if (exercise === "meaning-read-and-write") {
-          return /*#__PURE__*/_jsx(LiveMeaningReadWrite, {
-            t: t,
-            currentQuestion: currentQuestion,
-            isCreator: isCreator,
-            languageInformation: languageInformation,
-            time: time,
-            setCurrentAnswer: setCurrentAnswer,
-            gameMembersTotal: membersInRoom?.length,
-            exercise: exercise,
-            voiceLanguageCode: voiceLanguageCode,
-            voice: voice,
-            voices: voices,
-            answerAttempt: answerAttempt,
-            handleShowLeaderboard: handleShowLeaderboard,
-            ...otherProps
-          });
-        } else if (exercise === "roleplay-story") {
-          return /*#__PURE__*/_jsx(LiveStory, {
-            t: t,
-            roleplay: selectedRoleplay,
-            languageInformation: languageInformation,
-            handleSaveProgress: handleSaveProgress,
-            isCreator: isCreator,
-            time: time,
-            handleShowLeaderboard: handleShowLeaderboard,
-            roleplayMessages: roleplayMessages,
-            setCurrentAnswer: setCurrentAnswer,
-            answerAttempt: answerAttempt,
-            gameMembersTotal: membersInRoom?.length,
-            getNualaCelebratingImage: getNualaCelebratingImage,
-            nextScriptLine: nextScriptLine,
-            handleTranslate: handleTranslate,
-            isFinalScoreDrawerOpen: isFinalScoreDrawerOpen,
-            answerCounts: answerCounts,
-            noAnswerCounts: noAnswerCounts,
-            ...otherProps
-          });
-        }
-      })(), gameView === GameViewTypes.Leaderboard && /*#__PURE__*/_jsx(Box, {
-        sx: {
-          marginTop: 5,
-          width: "100%"
-        },
-        children: /*#__PURE__*/_jsx(Leaderboard, {
-          t: t,
-          members: membersInRoom,
-          disableSubheader: false,
-          placeholderImageUrl: "some_url",
-          isCreator: isCreator,
-          isCourseMember: false,
-          setIsLeaderboardVisible: setIsLeaderboardVisible,
-          remainingQuestions: remainingQuestions,
-          endGame: endGame,
-          handleNextExercise: handleNextExercise,
-          gameMembersHistory: gameMembersHistory,
-          numOfCorrectAnswers: numOfCorrectAnswers,
-          isIconsVisible: isIconsVisible,
-          showRoleplayLeaderboardIcons: showRoleplayLeaderboardIcons,
-          exercise: exercise,
-          nextScriptLine: nextScriptLine,
-          setIsIconsVisible: setIsIconsVisible,
-          ...otherProps
-        })
-      })]
-    }), /*#__PURE__*/_jsx(HowToJoin, {
-      t: t,
-      classroomName: classroomName,
-      classroomURL: classroomURL,
-      isOpen: isInviteDrawerOpen,
-      handleClose: handleCloseInviteDrawer
-    }), /*#__PURE__*/_jsx(LiveGameTutorial, {
-      open: isLiveGameTutorialOpen,
-      handleClose: () => setIsLiveGameTutorialOpen(false),
-      exerciseName: exerciseName,
-      t: t
-    }), /*#__PURE__*/_jsx(GameMembers, {
-      t: t,
-      isOpen: isMembersDrawerOpen,
-      handleClose: handleCloseMembersDrawer,
-      membersInRoom: membersInRoom,
-      membersNotInRoom: membersNotInRoom,
-      gameStatus: gameStatus,
-      activeMembers: activeMembers,
-      inactiveMembers: inactiveMembers
-    }), /*#__PURE__*/_jsx(GameSettings, {
-      t: t,
-      isOpen: isSettingsDrawerOpen,
-      handleClose: handleCloseSettingsDrawer,
-      time: time,
-      isCreator: isCreator,
-      handleSetTimer: handleSetTimer,
-      handleChangeAnswerOptions: handleChangeAnswerOptions,
-      answerOptions: answerOptions,
-      numberOfPhrases: numberOfPhrases,
-      handleSetNumberOfQuestions: handleSetNumberOfQuestions,
-      handleConfirm: handleConfirm,
-      numberOfQuestions: numberOfQuestions,
-      exercise: exercise,
-      roleplay: selectedRoleplay
-    }), /*#__PURE__*/_jsx(Joyride, {
-      onEvent: handleJoyrideCallback,
-      continuous: true,
-      run: run,
-      scrollToFirstStep: true,
-      steps: steps,
-      locale: {
-        back: t("back"),
-        close: t("close"),
-        last: t("last"),
-        next: t("next"),
-        skip: t("skip")
-      },
-      options: {
-        showProgress: true,
-        zIndex: 10000,
-        arrowColor: theme.palette.background.paper,
-        backgroundColor: theme.palette.background.paper,
-        primaryColor: theme.palette.primary.main,
-        textColor: theme.palette.text.primary,
-        buttons: ['back', 'close', 'primary', 'skip']
-      }
-    }), /*#__PURE__*/_jsx(FinalScoreDrawer, {
-      t: t,
-      isFinalScoreDrawerOpen: isFinalScoreDrawerOpen,
-      nualaCelebratingImage: getNualaCelebratingImage(),
-      handleClose: handleClose,
-      answerAttempt: answerAttempt,
-      gameMembersHistory: gameMembersHistory,
-      memberId: memberId,
-      languageInformation: languageInformation
-    }), /*#__PURE__*/_jsx(RewardEarned, {
-      t: t,
-      open: isRewardEarnedOpen,
-      handleClose: handleCloseRewardEarned,
-      gameMembersHistory: gameMembersHistory,
-      userImage: userImage,
-      memberId: memberId
-    })]
-  });
-}

package/dist/Live/Game/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "Game",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./Game.js"
-}