@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Chat/VoiceMessage/VoiceMessage.js

@@ -1,144 +0,0 @@
-import { Component, createRef } from "react";
-import WaveSurfer from "wavesurfer.js";
-import { Grid, IconButton, Box } from "@mui/material";
-import PlayCircleIcon from "@mui/icons-material/PlayCircle";
-import PauseCircleIcon from "@mui/icons-material/PauseCircle";
-import { supportsAudioType } from "../../utils/index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-class WaveFormLite extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      playing: false
-    };
-    this.wavesurfer = null;
-    this.waveRef = /*#__PURE__*/createRef();
-    this.initWavesurfer = this.initWavesurfer.bind(this);
-    this.onReady = this.onReady.bind(this);
-    this.onPlay = this.onPlay.bind(this);
-    this.onPause = this.onPause.bind(this);
-    this.onFinish = this.onFinish.bind(this);
-    this.playPause = this.playPause.bind(this);
-  }
-  componentDidMount() {
-    this.initWavesurfer();
-  }
-  componentDidUpdate(prevProps) {
-    // Typical usage (don't forget to compare props):
-    if (this.props.src !== prevProps.src) {
-      this.wavesurfer.destroy();
-      this.initWavesurfer();
-    } else if (this.props.base64 !== prevProps.base64) {
-      this.wavesurfer.destroy();
-      this.initWavesurfer();
-    }
-  }
-  componentWillUnmount() {
-    if (this.wavesurfer !== null) {
-      this.wavesurfer.destroy();
-    }
-  }
-  initWavesurfer() {
-    this.wavesurfer = WaveSurfer.create({
-      backend: "WebAudio",
-      container: this.waveRef.current,
-      waveColor: this.props.waveColor || this.props.theme.palette.primary.light,
-      progressColor: this.props.progressColor || this.props.theme.palette.primary.dark,
-      responsive: true,
-      mediaControls: false,
-      barWidth: 3,
-      barRadius: 3,
-      cursorWidth: 1,
-      barGap: 3,
-      height: 70,
-      hideScrollbar: true
-    });
-    if (this.props.src) {
-      this.wavesurfer.load(this.props.src);
-    } else if (this.props.base64) {
-      // ogg works for chrome, edge and firefox. mp3 works for safari
-      const mediaType = ["probably", "maybe"].includes(supportsAudioType("ogg")) ? "audio/ogg" : "audio/mp3";
-      const src = `data:${mediaType};base64,${this.props.base64}`;
-      this.wavesurfer.load(src);
-    }
-    this.wavesurfer.on("ready", this.onReady);
-    this.wavesurfer.on("play", this.onPlay);
-    this.wavesurfer.on("pause", this.onPause);
-    this.wavesurfer.on("finish", this.onFinish);
-  }
-  onReady() {
-    // this.playPause();
-  }
-  onPlay() {
-    this.setState({
-      playing: true
-    });
-  }
-  onPause() {
-    this.setState({
-      playing: false
-    });
-  }
-  onFinish() {
-    this.setState({
-      playing: false
-    });
-  }
-  playPause() {
-    if (this.props.muteAudio) {
-      this.wavesurfer.setMuted(true);
-      this.wavesurfer.playPause();
-      this.props.handleSpeak();
-    } else {
-      this.wavesurfer.playPause();
-    }
-  }
-  render() {
-    const {
-      playing
-    } = this.state;
-    return /*#__PURE__*/_jsx("div", {
-      className: "waveform",
-      children: /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: "flex",
-          height: "80px",
-          alignItems: "center"
-        },
-        children: [/*#__PURE__*/_jsx(Box, {
-          sx: {
-            display: "flex"
-          },
-          children: /*#__PURE__*/_jsx(IconButton, {
-            "aria-label": playing ? "pause" : "play",
-            onClick: this.playPause,
-            disabled: this.props.isSpeaking || this.props.recognizing,
-            children: playing ? /*#__PURE__*/_jsx(PauseCircleIcon, {
-              color: this.props.isSpeaking || this.props.recognizing ? "" : "primary",
-              fontSize: "inherit",
-              sx: {
-                color: `${this.props.progressColor} !important`
-              }
-            }) : /*#__PURE__*/_jsx(PlayCircleIcon, {
-              color: this.props.isSpeaking || this.props.recognizing ? "" : "primary",
-              fontSize: "inherit",
-              sx: {
-                color: `${this.props.progressColor} !important`
-              }
-            })
-          })
-        }), /*#__PURE__*/_jsx(Grid, {
-          sx: {
-            flexGrow: 1,
-            minWidth: 100
-          },
-          children: /*#__PURE__*/_jsx("div", {
-            className: "wave",
-            ref: this.waveRef
-          })
-        })]
-      })
-    });
-  }
-}
-export default WaveFormLite;

package/dist/Chat/VoiceMessage/package.json

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

package/dist/Chat/package.json

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

package/dist/Containers/App/App.js

@@ -1,536 +0,0 @@
-import { useEffect, useState, useCallback } from "react";
-import { Link as RouterLink } from "react-router";
-import DefaultButton from "../../Misc/DefaultColourButton/DefaultColourButton";
-import { useTheme } from "@mui/material/styles";
-import { makeStyles } from "tss-react/mui";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import SearchIcon from "@mui/icons-material/Search";
-import { styled, alpha } from "@mui/material/styles";
-import InputBase from "@mui/material/InputBase";
-import InputAdornment from "@mui/material/InputAdornment";
-import { debounce } from "lodash";
-import { useLocation } from "react-router";
-
-// components
-import Header from "../../Navigation/Header/Header";
-import Sidebar from "../../Navigation/ResponsiveDrawer/ResponsiveDrawer";
-import BottomBar from "../../Navigation/BottomBar/BottomBar";
-import LanguageSelector from "../../Misc/LanguageSelector/LanguageSelector";
-import WhatsNew from "../../Misc/WhatsNew/WhatsNew";
-import ThemeToggle from "../../Misc/ThemeToggle/ThemeToggle";
-import SignOut from "../../Misc/SignOut/SignOut";
-import Snackbar from "../../Misc/Snackbar/Snackbar";
-import School from "@mui/icons-material/School";
-import Assignment from "@mui/icons-material/Assignment";
-import BubbleChart from "@mui/icons-material/BubbleChart";
-import Add from "@mui/icons-material/Add";
-import ArrowBack from "@mui/icons-material/ArrowBack";
-import Close from "@mui/icons-material/Close";
-import UpgradeSubscription from "../../Dialogs/UpgradeSubscription/UpgradeSubscription";
-import QuickCreateClassroomDialog from "../../Dialogs/QuickCreateClassroomDialog/QuickCreateClassroomDialog";
-import QuickCreateCourseDialog from "../../Dialogs/QuickCreateCourseDialog/QuickCreateCourseDialog";
-
-// nav config
-import navigationImport from "../../Navigation/_nav";
-import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, Button, Box } from "@mui/material";
-import { useNavigate } from "react-router";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const drawerWidth = 256;
-const drawerCollapsedWidth = 74;
-const useStyles = makeStyles()((theme, {
-  isCollapsed,
-  isLgScreen,
-  isAppContainerLoading
-}) => ({
-  root: {
-    display: isAppContainerLoading ? "none" : "flex",
-    height: "100%",
-    width: "100%"
-  },
-  main: {
-    flexGrow: 1,
-    height: "100%",
-    width: isLgScreen ? isCollapsed ? `calc(100% - ${drawerCollapsedWidth}px)` : `calc(100% - ${drawerWidth}px)` : "100%",
-    [theme.breakpoints.down("lg")]: {
-      marginBottom: theme.spacing(7)
-    }
-  },
-  toolbar: {
-    ...theme.mixins.toolbar,
-    marginTop: `env(safe-area-inset-top)`
-  }
-}));
-const Search = styled("div")(({
-  theme
-}) => ({
-  position: "relative",
-  borderRadius: theme.shape.borderRadius,
-  backgroundColor: alpha(theme.palette.common.white, 0.15),
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.common.white, 0.25)
-  },
-  marginLeft: theme.spacing(1),
-  marginRight: theme.spacing(1),
-  width: "100%",
-  [theme.breakpoints.up("md")]: {
-    width: "auto"
-  }
-}));
-const SearchIconWrapper = styled("div")(({
-  theme
-}) => ({
-  padding: theme.spacing(0, 2),
-  height: "100%",
-  position: "absolute",
-  pointerEvents: "none",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-}));
-const StyledInputBase = styled(InputBase, {
-  shouldForwardProp: prop => prop !== "isUpgradePossible"
-})(({
-  theme,
-  isUpgradePossible
-}) => ({
-  color: "inherit",
-  width: "100%",
-  "& .MuiInputBase-input": {
-    padding: theme.spacing(1, 1, 1, 0),
-    paddingLeft: `calc(1em + ${theme.spacing(4)})`,
-    transition: theme.transitions.create("width"),
-    [theme.breakpoints.up("lg")]: {
-      width: isUpgradePossible ? "20ch" : "30ch",
-      "&:focus": {
-        width: isUpgradePossible ? "25ch" : "35ch"
-      }
-    }
-  }
-}));
-function AppSearch({
-  t,
-  navigate,
-  searchText,
-  setSearchText,
-  isUpgradePossible
-}) {
-  const [debouncedSearchText, setDebouncedSearchText] = useState("");
-  const [prevDebouncedSearchText, setPrevDebouncedSearchText] = useState("");
-  const location = useLocation().pathname;
-  const queryParams = new URLSearchParams(window.location.search);
-  const queryParamsSearchText = queryParams.get("searchText") || "";
-  const handleSearchContent = useCallback(text => {
-    const searchQuery = text !== undefined ? text : debouncedSearchText;
-    const extraData = {
-      searchText: searchQuery
-    };
-    const queryString = new URLSearchParams(extraData).toString();
-    navigate(`/search?${queryString}`);
-  }, [debouncedSearchText, navigate]);
-  const debouncedSetSearchText = useCallback(debounce(text => {
-    setDebouncedSearchText(text);
-  }, 1000), []);
-  useEffect(() => {
-    if (location !== "/search") {
-      setSearchText("");
-      setDebouncedSearchText("");
-      setPrevDebouncedSearchText("");
-    }
-  }, [location, setSearchText, setDebouncedSearchText]);
-  useEffect(() => {
-    if (queryParamsSearchText.trim() !== "" && searchText.trim() === "") {
-      setSearchText(queryParamsSearchText);
-    }
-  }, [queryParamsSearchText, setSearchText]);
-  useEffect(() => {
-    if (debouncedSearchText && debouncedSearchText !== prevDebouncedSearchText) {
-      handleSearchContent();
-      setPrevDebouncedSearchText(debouncedSearchText);
-    }
-  }, [debouncedSearchText, handleSearchContent]);
-  return /*#__PURE__*/_jsxs(Search, {
-    id: "appbar-search",
-    children: [/*#__PURE__*/_jsx(SearchIconWrapper, {
-      children: /*#__PURE__*/_jsx(SearchIcon, {})
-    }), /*#__PURE__*/_jsx(StyledInputBase, {
-      autoFocus: true,
-      isUpgradePossible: isUpgradePossible,
-      placeholder: t("app_search_placeholder"),
-      value: searchText,
-      onChange: ev => {
-        setSearchText(ev.target.value);
-        debouncedSetSearchText(ev.target.value);
-      },
-      inputProps: {
-        "aria-label": t("app_search_placeholder"),
-        onKeyPress: event => {
-          if (event.key === "Enter") {
-            handleSearchContent(searchText);
-            setPrevDebouncedSearchText(searchText);
-          }
-        }
-      },
-      endAdornment: /*#__PURE__*/_jsx(InputAdornment, {
-        position: "end",
-        sx: {
-          color: "inherit",
-          mr: 1,
-          visibility: searchText ? "visible" : "hidden"
-        },
-        children: /*#__PURE__*/_jsx(IconButton, {
-          color: "inherit",
-          size: "small",
-          "aria-label": t("clear"),
-          onClick: () => setSearchText(""),
-          children: /*#__PURE__*/_jsx(Close, {})
-        })
-      })
-    })]
-  });
-}
-function App({
-  children,
-  Link = RouterLink,
-  title = "Nualang",
-  logoSrc = "",
-  navigation = navigationImport.sideNav,
-  bottomNav = navigationImport.sideNav,
-  t = text => text,
-  currentLanguage = "en",
-  handleChangeLanguage = () => {},
-  navToSettings,
-  handleSignOut,
-  toggleTheme = () => {},
-  isSnackbarOpen = false,
-  closeSnackbar = () => {},
-  snackbarMessage = "Default message",
-  snackbarType = "",
-  user,
-  subscription,
-  upgradePlanURL,
-  includeAdminBadge,
-  authenticated = false,
-  whatsNewMarkdown,
-  whatsNewDate,
-  verificationStatus,
-  gameAward,
-  isCollapsed,
-  setIsCollapsed,
-  isUserInternal,
-  handleQuickCreateClassroom,
-  handleQuickCreateCourse,
-  learnLang,
-  forLang,
-  fileSizeLimit,
-  languages,
-  forLanguages,
-  difficulties
-}) {
-  const theme = useTheme();
-  const isLgScreen = useMediaQuery(theme.breakpoints.up("md"));
-  const [hideSkipNavigation, setHideSkipNavigation] = useState(true);
-  const [searchText, setSearchText] = useState("");
-  const [isAppContainerLoading, setIsAppContainerLoading] = useState(true);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [isCreateClassroomOpen, setIsCreateClassroomOpen] = useState(false);
-  const [isCreateCourseOpen, setIsCreateCourseOpen] = useState(false);
-  const [isUpgradeSubscriptionOpen, setIsUpgradeSubscriptionOpen] = useState(false);
-  const [isMobileSearchExpanded, setIsMobileSearchExpanded] = useState(false);
-  const handleOpenUpgradeSubscriptionModal = () => {
-    setIsUpgradeSubscriptionOpen(true);
-  };
-  const handleCloseUpgradeSubcriptionModal = () => {
-    setIsUpgradeSubscriptionOpen(false);
-  };
-  const handleSubscriptionPage = () => {
-    window.open(upgradePlanURL, "_blank");
-  };
-  const {
-    classes
-  } = useStyles({
-    isCollapsed,
-    isLgScreen,
-    isAppContainerLoading
-  });
-  const isCreateMenuOpen = Boolean(anchorEl);
-  const navigate = useNavigate();
-  useEffect(() => {
-    const isSidebarCollapsed = localStorage.getItem("nualang-is-sidebar-collapsed");
-    if (isSidebarCollapsed && isSidebarCollapsed === "true") {
-      setIsCollapsed(true);
-    }
-    setTimeout(() => setIsAppContainerLoading(false), 500);
-  }, []);
-  const handleCollapseToggle = () => {
-    const newVal = !isCollapsed;
-    setIsCollapsed(newVal);
-    localStorage.setItem("nualang-is-sidebar-collapsed", newVal.toString());
-  };
-  const handleClickCreate = event => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleCloseCreate = () => {
-    setAnchorEl(null);
-  };
-  const handleCreateClassroom = () => {
-    if (subscription.isPaidUser) {
-      setIsCreateClassroomOpen(true);
-    } else {
-      handleOpenUpgradeSubscriptionModal();
-    }
-    handleCloseCreate();
-  };
-  const handleCreateCourse = () => {
-    setIsCreateCourseOpen(true);
-  };
-  const handleCreateAssignment = () => {
-    navigate("/assignments/create");
-    handleCloseCreate();
-  };
-  const hiddenStyle = {
-    position: "absolute",
-    left: "-10000px",
-    width: "1px",
-    height: "1px",
-    overflow: "hidden"
-  };
-  const displayedStyle = {
-    left: 0,
-    width: "auto",
-    height: "auto",
-    overflow: "visible"
-  };
-  const isSearchActive = searchText || isMobileSearchExpanded;
-  const isTeacher = user && user["custom:role"] === "teach";
-  const isUpgradePossible = subscription && subscription.isUpgradePossible;
-  const hidden = useMediaQuery(theme => theme.breakpoints.down("sm"));
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes.root,
-    children: [/*#__PURE__*/_jsx(Header, {
-      title: title,
-      logoSrc: logoSrc,
-      isCollapsed: isCollapsed && isLgScreen,
-      drawerWidth: drawerWidth,
-      drawerCollapsedWidth: drawerCollapsedWidth,
-      includeAdminBadge: includeAdminBadge,
-      isLogoHidden: !isLgScreen && isSearchActive ? true : false,
-      children: !isLgScreen && isSearchActive ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(IconButton, {
-          color: "inherit",
-          "aria-label": t("back"),
-          onClick: () => {
-            setIsMobileSearchExpanded(false);
-            setSearchText("");
-          },
-          edge: "start",
-          children: /*#__PURE__*/_jsx(ArrowBack, {})
-        }), /*#__PURE__*/_jsx(AppSearch, {
-          t: t,
-          navigate: navigate,
-          searchText: searchText,
-          setSearchText: setSearchText,
-          isUpgradePossible: isUpgradePossible
-        })]
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [isLgScreen ? /*#__PURE__*/_jsx(_Fragment, {
-          children: isTeacher && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(AppSearch, {
-              t: t,
-              navigate: navigate,
-              searchText: searchText,
-              setSearchText: setSearchText,
-              isUpgradePossible: isUpgradePossible
-            }), /*#__PURE__*/_jsx(Box, {
-              sx: {
-                flexGrow: 1
-              }
-            })]
-          })
-        }) : /*#__PURE__*/_jsx(_Fragment, {
-          children: isTeacher && /*#__PURE__*/_jsx(_Fragment, {
-            children: /*#__PURE__*/_jsx(Tooltip, {
-              title: t("search"),
-              enterDelay: 300,
-              children: /*#__PURE__*/_jsx(IconButton, {
-                color: "inherit",
-                "aria-label": t("search"),
-                onClick: () => setIsMobileSearchExpanded(true),
-                children: /*#__PURE__*/_jsx(SearchIcon, {})
-              })
-            })
-          })
-        }), /*#__PURE__*/_jsx(DefaultButton, {
-          href: "#maincontent",
-          color: "inherit",
-          variant: "contained",
-          component: "a",
-          onFocus: () => {
-            setHideSkipNavigation(false);
-          },
-          onBlur: () => {
-            setHideSkipNavigation(true);
-          },
-          sx: theme => ({
-            marginRight: theme.spacing(),
-            ...(hideSkipNavigation ? hiddenStyle : displayedStyle),
-            fontSize: isLgScreen ? null : 9,
-            textAlign: "center"
-          }),
-          size: isLgScreen ? "medium" : "small",
-          children: t("skip_navigation")
-        }), isTeacher && (isLgScreen ? /*#__PURE__*/_jsx(Button, {
-          variant: "contained",
-          onClick: handleClickCreate,
-          "data-cy": "appbar-create-button",
-          startIcon: /*#__PURE__*/_jsx(Add, {}),
-          color: "secondary",
-          id: "appbar-create-button",
-          children: t("create")
-        }) : /*#__PURE__*/_jsx(Tooltip, {
-          title: t("create"),
-          enterDelay: 300,
-          children: /*#__PURE__*/_jsx(IconButton, {
-            color: "inherit",
-            "aria-label": t("create"),
-            "aria-haspopup": "true",
-            onClick: handleClickCreate,
-            children: /*#__PURE__*/_jsx(Add, {})
-          })
-        })), isLgScreen && /*#__PURE__*/_jsx(WhatsNew, {
-          t: t,
-          whatsNewMarkdown: whatsNewMarkdown,
-          whatsNewDate: whatsNewDate
-        }), /*#__PURE__*/_jsxs(Menu, {
-          anchorEl: anchorEl,
-          open: isCreateMenuOpen,
-          onClose: handleCloseCreate,
-          children: [/*#__PURE__*/_jsxs(MenuItem, {
-            onClick: handleCreateClassroom,
-            children: [/*#__PURE__*/_jsx(ListItemIcon, {
-              children: /*#__PURE__*/_jsx(School, {})
-            }), /*#__PURE__*/_jsx(ListItemText, {
-              "data-cy": "appbar-create-classroom",
-              children: t("classroom")
-            })]
-          }), /*#__PURE__*/_jsxs(MenuItem, {
-            onClick: handleCreateCourse,
-            children: [/*#__PURE__*/_jsx(ListItemIcon, {
-              children: /*#__PURE__*/_jsx(BubbleChart, {})
-            }), /*#__PURE__*/_jsx(ListItemText, {
-              "data-cy": "appbar-create-course",
-              children: t("course")
-            })]
-          }), /*#__PURE__*/_jsxs(MenuItem, {
-            onClick: handleCreateAssignment,
-            children: [/*#__PURE__*/_jsx(ListItemIcon, {
-              children: /*#__PURE__*/_jsx(Assignment, {})
-            }), /*#__PURE__*/_jsx(ListItemText, {
-              "data-cy": "appbar-create-assignment",
-              children: t("assignment")
-            })]
-          })]
-        }), /*#__PURE__*/_jsx(QuickCreateClassroomDialog, {
-          open: isCreateClassroomOpen,
-          handleClose: () => setIsCreateClassroomOpen(false),
-          handleCreate: async values => {
-            await handleQuickCreateClassroom(values);
-          },
-          t: t,
-          fileSizeLimit: fileSizeLimit,
-          verificationStatus: verificationStatus,
-          learnLang: learnLang,
-          forLang: forLang,
-          languages: languages,
-          forLanguages: forLanguages,
-          userImage: user ? user.picture : null
-        }), /*#__PURE__*/_jsx(QuickCreateCourseDialog, {
-          open: isCreateCourseOpen,
-          handleClose: () => setIsCreateCourseOpen(false),
-          handleCreate: async values => {
-            await handleQuickCreateCourse(values);
-          },
-          t: t,
-          learnLang: learnLang,
-          forLang: forLang,
-          languages: languages,
-          forLanguages: forLanguages,
-          difficulties: difficulties,
-          fileSizeLimit: fileSizeLimit,
-          verificationStatus: verificationStatus,
-          userImage: user ? user.picture : null
-        }), /*#__PURE__*/_jsx(LanguageSelector, {
-          t: t,
-          currentLanguage: currentLanguage,
-          handleChangeLanguage: handleChangeLanguage
-        }), hidden ? null : /*#__PURE__*/_jsx(ThemeToggle, {
-          t: t,
-          toggleTheme: toggleTheme
-        }), authenticated && /*#__PURE__*/_jsx(SignOut, {
-          t: t,
-          handleSignOut: handleSignOut,
-          picture: user ? user.picture : null,
-          isLgScreen: isLgScreen,
-          whatsNewMarkdown: whatsNewMarkdown,
-          whatsNewDate: whatsNewDate,
-          toggleTheme: toggleTheme,
-          preferred_username: user ? user.preferred_username : null
-        }), !authenticated && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(DefaultButton, {
-            variant: "contained",
-            color: "inherit",
-            component: "a",
-            href: `${window.location.search ? `${window.location.search}&action=signIn` : "?action=signIn"}`,
-            children: t("sign_in")
-          }), /*#__PURE__*/_jsx(Button, {
-            color: "secondary",
-            variant: "contained",
-            component: "a",
-            href: `${window.location.search ? `${window.location.search}&action=signUp` : "?action=signUp"}`,
-            sx: theme => ({
-              [theme.breakpoints.down("md")]: {
-                display: "none"
-              },
-              margin: theme.spacing(1, 1.5)
-            }),
-            children: t("sign_up")
-          })]
-        })]
-      })
-    }), isLgScreen ? /*#__PURE__*/_jsx(Sidebar, {
-      navToSettings: navToSettings,
-      Link: Link,
-      navigation: navigation,
-      t: t,
-      isCollapsed: isCollapsed && isLgScreen,
-      drawerWidth: drawerWidth,
-      drawerCollapsedWidth: drawerCollapsedWidth,
-      handleCollapseToggle: handleCollapseToggle,
-      authenticated: authenticated,
-      verificationStatus: verificationStatus,
-      gameAward: gameAward,
-      subscription: subscription,
-      ...user
-    }) : /*#__PURE__*/_jsx(BottomBar, {
-      navigation: bottomNav,
-      t: t
-    }), /*#__PURE__*/_jsxs("main", {
-      className: classes.main,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: classes.toolbar
-      }), children]
-    }), /*#__PURE__*/_jsx(Snackbar, {
-      t: t,
-      isSnackbarOpen: isSnackbarOpen,
-      closeSnackbar: closeSnackbar,
-      snackbarMessage: snackbarMessage,
-      snackbarType: snackbarType
-    }), /*#__PURE__*/_jsx(UpgradeSubscription, {
-      t: t,
-      open: isUpgradeSubscriptionOpen,
-      handleClose: handleCloseUpgradeSubcriptionModal,
-      onConfirm: handleSubscriptionPage,
-      subscription: subscription
-    }, "UpgradeSubscription")]
-  });
-}
-export default App;

package/dist/Containers/App/package.json

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