gwchq-textjam 0.1.4 → 0.1.6

package/dist/index.js

@@ -323909,9 +323909,37 @@ var elementFromProps = map => {
 };
 /* harmony default export */ const PyodideRunner_VisualOutputPane = (VisualOutputPane);
 ;// ./src/assets/icons/split_view.svg
-const split_view_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjAiDQogIGhlaWdodD0iMjAiDQogIHZpZXdCb3g9IjAgMCAyMCAyMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMi41IDE3LjVWOS4xNjY2N0gxNy41VjE3LjVIMi41Wk00LjE2NjY3IDE1LjgzMzNIMTUuODMzM1YxMC44MzMzSDQuMTY2NjdWMTUuODMzM1oiIC8+DQogIDxwYXRoIGQ9Ik0yLjUgOS4xNjY2N1YyLjVIMTcuNVY5LjE2NjY3SDIuNVpNNC4xNjY2NyA5LjE2NjY3SDE1LjgzMzNWNC4xNjY2N0g0LjE2NjY3VjkuMTY2NjdaIiAvPg0KPC9zdmc+DQo=";
+var _path;
+function split_view_extends() { return split_view_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, split_view_extends.apply(null, arguments); }
+
+function SvgSplitView(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", split_view_extends({
+    width: 20,
+    height: 20,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M2.5 17.5V9.167h15V17.5h-15zm1.667-1.667h11.666v-5H4.167v5zM2.5 9.167V2.5h15v6.667h-15zm1.667 0h11.666v-5H4.167v5z"
+  })));
+}
+/* harmony default export */ const split_view = (SvgSplitView);
 ;// ./src/assets/icons/tabbed_view.svg
-const tabbed_view_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjAiDQogIGhlaWdodD0iMjAiDQogIHZpZXdCb3g9IjAgMCAyMCAyMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMTcuNSAxNy41VjIuNUgyLjVWMTcuNUgxNy41Wk0xNS44MzMzIDE1LjgzMzNINC4xNjY2N1Y5LjE2NjY3SDE1LjgzMzNWMTUuODMzM1pNMTUuODMzMyA3LjVINC4xNjY2N1Y0LjE2NjY3SDE1LjgzMzNWNy41Wk04LjMzMzMzIDYuNjY2NjdINVY1SDguMzMzMzNWNi42NjY2N1oiIC8+DQogIDxwYXRoIGQ9Ik05LjE2NjY3IDYuNjY2NjdIMTIuNVY1SDkuMTY2NjdWNi42NjY2N1oiIC8+DQo8L3N2Zz4NCg==";
+var tabbed_view_path, _path2;
+function tabbed_view_extends() { return tabbed_view_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tabbed_view_extends.apply(null, arguments); }
+
+function SvgTabbedView(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tabbed_view_extends({
+    width: 20,
+    height: 20,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tabbed_view_path || (tabbed_view_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M17.5 17.5v-15h-15v15h15zm-1.667-1.667H4.167V9.167h11.666v6.666zm0-8.333H4.167V4.167h11.666V7.5zm-7.5-.833H5V5h3.333v1.667z"
+  })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M9.167 6.667H12.5V5H9.167v1.667z"
+  })));
+}
+/* harmony default export */ const tabbed_view = (SvgTabbedView);
 // EXTERNAL MODULE: ./node_modules/react-confirm-alert/lib/index.js
 var react_confirm_alert_lib = __webpack_require__(23350);
 ;// ./node_modules/@remix-run/router/dist/router.js
@@ -331786,13 +331814,15 @@ var Button = props => {
     text,
     title,
     label,
-    buttonIconPosition = "left"
+    buttonIconPosition = "left",
+    isUser
   } = props;
   var {
     t
   } = useTranslation_useTranslation();
   var buttonClass = classnames_default()("btn", className, {
-    "btn--svg-only": !buttonText
+    "btn--svg-only": !buttonText,
+    "btn--user": isUser
   });
   var onButtonClick = e => {
     if (!confirmText) {
@@ -331897,7 +331927,7 @@ var OutputViewToggle = () => {
       disabled: codeRunTriggered || drawTriggered,
       label: isSplitView ? t("outputViewToggle.buttonTabLabel") : t("outputViewToggle.buttonSplitLabel"),
       title: isSplitView ? t("outputViewToggle.buttonTabTitle") : t("outputViewToggle.buttonSplitTitle"),
-      ButtonIcon: isSplitView ? tabbed_view_namespaceObject : split_view_namespaceObject,
+      ButtonIcon: isSplitView ? tabbed_view : split_view,
       buttonIconPosition: "right",
       onClickHandler: isSplitView ? switchToTabbedView : switchToSplitView
     })
@@ -331988,9 +332018,35 @@ var StopButton = _ref => {
 };
 /* harmony default export */ const RunButton_StopButton = (StopButton);
 ;// ./src/assets/icons/run.svg
-const run_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTEiDQogIGhlaWdodD0iMTQiDQogIHZpZXdCb3g9IjAgMCAxMSAxNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMCAxNFYwTDExIDdMMCAxNFoiIC8+DQo8L3N2Zz4NCg==";
+var run_path;
+function run_extends() { return run_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, run_extends.apply(null, arguments); }
+
+function SvgRun(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", run_extends({
+    width: 11,
+    height: 14,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), run_path || (run_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 14V0l11 7-11 7z"
+  })));
+}
+/* harmony default export */ const run = (SvgRun);
 ;// ./src/assets/icons/stop.svg
-const stop_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTIiDQogIGhlaWdodD0iMTIiDQogIHZpZXdCb3g9IjAgMCAxMiAxMiINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMCAxMlYwSDEyVjEySDBaIiAvPg0KPC9zdmc+DQo=";
+var stop_path;
+function stop_extends() { return stop_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, stop_extends.apply(null, arguments); }
+
+function SvgStop(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", stop_extends({
+    width: 12,
+    height: 12,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), stop_path || (stop_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 12V0h12v12H0z"
+  })));
+}
+/* harmony default export */ const stop = (SvgStop);
 ;// ./src/components/RunButton/RunnerControls.jsx
 
 
@@ -332013,14 +332069,14 @@ var RunnerControls = _ref => {
   return codeRunTriggered || drawTriggered ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_StopButton, {
     embedded: embedded,
     buttonText: t("runButton.stop"),
-    ButtonIcon: stop_namespaceObject,
+    ButtonIcon: stop,
     buttonIconPosition: "right",
     buttonOuter: skinny,
     className: "btn--stop btn--primary".concat(skinny ? " btn--small" : "")
   }) : /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunButton, {
     embedded: embedded,
     buttonText: t("runButton.run"),
-    ButtonIcon: run_namespaceObject,
+    ButtonIcon: run,
     buttonIconPosition: "right",
     buttonOuter: skinny,
     className: skinny ? "btn--small" : ""
@@ -332539,7 +332595,20 @@ var matchingRegexes = (regexArray, testString) => {
 };
 
 ;// ./src/assets/icons/open_in_new_tab.svg
-const open_in_new_tab_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTYiDQogIGhlaWdodD0iMTYiDQogIHZpZXdCb3g9IjAgMCAxNiAxNiINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMi4xNjY2NyAwLjVDMS4yNTU3OCAwLjUgMC41IDEuMjU1NzggMC41IDIuMTY2NjdWMTMuODMzM0MwLjUgMTQuNzQ0MiAxLjI1NTc4IDE1LjUgMi4xNjY2NyAxNS41SDEzLjgzMzNDMTQuNzQ0MiAxNS41IDE1LjUgMTQuNzQ0MiAxNS41IDEzLjgzMzNWOEgxMy44MzMzVjEzLjgzMzNIMi4xNjY2N1YyLjE2NjY3SDhWMC41SDIuMTY2NjdaTTkuNjY2NjcgMC41VjIuMTY2NjdIMTIuNjU0OUw0LjkxMDgxIDkuOTEwODFMNi4wODkxOSAxMS4wODkyTDEzLjgzMzMgMy4zNDUwNVY2LjMzMzMzSDE1LjVWMC41SDkuNjY2NjdaIiAvPg0KPC9zdmc+DQo=";
+var open_in_new_tab_path;
+function open_in_new_tab_extends() { return open_in_new_tab_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, open_in_new_tab_extends.apply(null, arguments); }
+
+function SvgOpenInNewTab(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", open_in_new_tab_extends({
+    width: 16,
+    height: 16,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), open_in_new_tab_path || (open_in_new_tab_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M2.167.5A1.68 1.68 0 00.5 2.167v11.666c0 .911.756 1.667 1.667 1.667h11.666a1.68 1.68 0 001.667-1.667V8h-1.667v5.833H2.167V2.167H8V.5H2.167zm7.5 0v1.667h2.988L4.91 9.91l1.178 1.178 7.744-7.744v2.988H15.5V.5H9.667z"
+  })));
+}
+/* harmony default export */ const open_in_new_tab = (SvgOpenInNewTab);
 ;// ./src/components/Editor/Runners/HtmlRunner/HtmlRunner.jsx
 
 /* eslint-disable react-hooks/exhaustive-deps */
@@ -332801,7 +332870,7 @@ function HtmlRunner() {
             children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
               className: "htmlrunner-link__text",
               children: t("output.newTab")
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)(open_in_new_tab_namespaceObject, {})]
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)(open_in_new_tab, {})]
           })]
         }), !isEmbedded && isMobile ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunnerControls, {
           skinny: true
@@ -334312,9 +334381,35 @@ eventManager.on(2
 //# sourceMappingURL=react-toastify.esm.js.map
 
 ;// ./src/assets/icons/info.svg
-const info_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMTEgMTdIMTNWMTFIMTFWMTdaTTEyIDlDMTIuMjgzMyA5IDEyLjUyMSA4LjkwNCAxMi43MTMgOC43MTJDMTIuOTA0MyA4LjUyMDY3IDEzIDguMjgzMzMgMTMgOEMxMyA3LjcxNjY3IDEyLjkwNDMgNy40NzkgMTIuNzEzIDcuMjg3QzEyLjUyMSA3LjA5NTY3IDEyLjI4MzMgNyAxMiA3QzExLjcxNjcgNyAxMS40NzkzIDcuMDk1NjcgMTEuMjg4IDcuMjg3QzExLjA5NiA3LjQ3OSAxMSA3LjcxNjY3IDExIDhDMTEgOC4yODMzMyAxMS4wOTYgOC41MjA2NyAxMS4yODggOC43MTJDMTEuNDc5MyA4LjkwNCAxMS43MTY3IDkgMTIgOVpNMTIgMjJDMTAuNjE2NyAyMiA5LjMxNjY3IDIxLjczNzMgOC4xIDIxLjIxMkM2Ljg4MzMzIDIwLjY4NzMgNS44MjUgMTkuOTc1IDQuOTI1IDE5LjA3NUM0LjAyNSAxOC4xNzUgMy4zMTI2NyAxNy4xMTY3IDIuNzg4IDE1LjlDMi4yNjI2NyAxNC42ODMzIDIgMTMuMzgzMyAyIDEyQzIgMTAuNjE2NyAyLjI2MjY3IDkuMzE2NjcgMi43ODggOC4xQzMuMzEyNjcgNi44ODMzMyA0LjAyNSA1LjgyNSA0LjkyNSA0LjkyNUM1LjgyNSA0LjAyNSA2Ljg4MzMzIDMuMzEyMzMgOC4xIDIuNzg3QzkuMzE2NjcgMi4yNjIzMyAxMC42MTY3IDIgMTIgMkMxMy4zODMzIDIgMTQuNjgzMyAyLjI2MjMzIDE1LjkgMi43ODdDMTcuMTE2NyAzLjMxMjMzIDE4LjE3NSA0LjAyNSAxOS4wNzUgNC45MjVDMTkuOTc1IDUuODI1IDIwLjY4NzMgNi44ODMzMyAyMS4yMTIgOC4xQzIxLjczNzMgOS4zMTY2NyAyMiAxMC42MTY3IDIyIDEyQzIyIDEzLjM4MzMgMjEuNzM3MyAxNC42ODMzIDIxLjIxMiAxNS45QzIwLjY4NzMgMTcuMTE2NyAxOS45NzUgMTguMTc1IDE5LjA3NSAxOS4wNzVDMTguMTc1IDE5Ljk3NSAxNy4xMTY3IDIwLjY4NzMgMTUuOSAyMS4yMTJDMTQuNjgzMyAyMS43MzczIDEzLjM4MzMgMjIgMTIgMjJaTTEyIDIwQzE0LjIxNjcgMjAgMTYuMTA0MyAxOS4yMjEgMTcuNjYzIDE3LjY2M0MxOS4yMjEgMTYuMTA0MyAyMCAxNC4yMTY3IDIwIDEyQzIwIDkuNzgzMzMgMTkuMjIxIDcuODk1NjcgMTcuNjYzIDYuMzM3QzE2LjEwNDMgNC43NzkgMTQuMjE2NyA0IDEyIDRDOS43ODMzMyA0IDcuODk2IDQuNzc5IDYuMzM4IDYuMzM3QzQuNzc5MzMgNy44OTU2NyA0IDkuNzgzMzMgNCAxMkM0IDE0LjIxNjcgNC43NzkzMyAxNi4xMDQzIDYuMzM4IDE3LjY2M0M3Ljg5NiAxOS4yMjEgOS43ODMzMyAyMCAxMiAyMFoiIC8+DQo8L3N2Zz4NCg==";
+var info_path;
+function info_extends() { return info_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, info_extends.apply(null, arguments); }
+
+function SvgInfo(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", info_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), info_path || (info_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 00.713-.288A.967.967 0 0013 8a.97.97 0 00-.287-.713A.97.97 0 0012 7a.967.967 0 00-.712.287A.968.968 0 0011 8c0 .283.096.52.288.712A.965.965 0 0012 9zm0 13a9.733 9.733 0 01-3.9-.788 10.092 10.092 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 012 12c0-1.383.263-2.683.788-3.9a10.092 10.092 0 012.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0112 2c1.383 0 2.683.262 3.9.787a10.105 10.105 0 013.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0122 12a9.733 9.733 0 01-.788 3.9 10.092 10.092 0 01-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0112 22zm0-2c2.217 0 4.104-.779 5.663-2.337C19.221 16.104 20 14.217 20 12s-.779-4.104-2.337-5.663C16.104 4.779 14.217 4 12 4s-4.104.779-5.662 2.337C4.779 7.896 4 9.783 4 12s.78 4.104 2.338 5.663C7.896 19.221 9.783 20 12 20z"
+  })));
+}
+/* harmony default export */ const info = (SvgInfo);
 ;// ./src/assets/icons/tick.svg
-const tick_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTgiDQogIGhlaWdodD0iMTMiDQogIHZpZXdCb3g9IjAgMCAxOCAxMyINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNi41NTAwMSAxM0wwLjg1MDAwNiA3LjI5OTk4TDIuMjc1MDEgNS44NzQ5OEw2LjU1MDAxIDEwLjE1TDE1LjcyNSAwLjk3NDk3NkwxNy4xNSAyLjM5OTk4TDYuNTUwMDEgMTNaIiAvPg0KPC9zdmc+DQo=";
+var tick_path;
+function tick_extends() { return tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tick_extends.apply(null, arguments); }
+
+function SvgTick(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tick_extends({
+    width: 18,
+    height: 13,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tick_path || (tick_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M6.55 13L.85 7.3l1.425-1.425L6.55 10.15 15.725.975 17.15 2.4 6.55 13z"
+  })));
+}
+/* harmony default export */ const tick = (SvgTick);
 ;// ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -337007,7 +337102,7 @@ var topCenterSettings = {
 var showSavePrompt = () => {
   react_toastify_esm_toast(src_i18n.t("notifications.savePrompt"), _objectSpread2(_objectSpread2({}, topCenterSettings), {}, {
     className: "".concat(topCenterSettings.className, " toast--info"),
-    icon: info_namespaceObject
+    icon: info
   }));
 };
 var showLoginPrompt = () => {
@@ -337018,7 +337113,7 @@ var showLoginPrompt = () => {
 };
 var showSavedMessage = () => {
   react_toastify_esm_toast(src_i18n.t("notifications.projectSaved"), _objectSpread2(_objectSpread2({}, bottomCenterSettings), {}, {
-    icon: tick_namespaceObject
+    icon: tick
   }));
 };
 var showRenamedMessage = () => {
@@ -337027,9 +337122,35 @@ var showRenamedMessage = () => {
   }));
 };
 ;// ./src/assets/icons/cloud_tick.svg
-const cloud_tick_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJtNDE0LTI4MCAyMjYtMjI2LTU4LTU4LTE2OSAxNjktODQtODQtNTcgNTcgMTQyIDE0MlpNMjYwLTE2MHEtOTEgMC0xNTUuNS02M1Q0MC0zNzdxMC03OCA0Ny0xMzl0MTIzLTc4cTI1LTkyIDEwMC0xNDl0MTcwLTU3cTExNyAwIDE5OC41IDgxLjVUNzYwLTUyMHE2OSA4IDExNC41IDU5LjVUOTIwLTM0MHEwIDc1LTUyLjUgMTI3LjVUNzQwLTE2MEgyNjBabTAtODBoNDgwcTQyIDAgNzEtMjl0MjktNzFxMC00Mi0yOS03MXQtNzEtMjloLTYwdi04MHEwLTgzLTU4LjUtMTQxLjVUNDgwLTcyMHEtODMgMC0xNDEuNSA1OC41VDI4MC01MjBoLTIwcS01OCAwLTk5IDQxdC00MSA5OXEwIDU4IDQxIDk5dDk5IDQxWm0yMjAtMjQwWiIvPjwvc3ZnPg==";
+var cloud_tick_path;
+function cloud_tick_extends() { return cloud_tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, cloud_tick_extends.apply(null, arguments); }
+
+function SvgCloudTick(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", cloud_tick_extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    height: 24,
+    viewBox: "0 -960 960 960",
+    width: 24
+  }, props), cloud_tick_path || (cloud_tick_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M414-280l226-226-58-58-169 169-84-84-57 57 142 142zM260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H260zm0-80h480q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41zm220-240z"
+  })));
+}
+/* harmony default export */ const cloud_tick = (SvgCloudTick);
 ;// ./src/assets/icons/cloud_upload.svg
-const cloud_upload_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJNMjYwLTE2MHEtOTEgMC0xNTUuNS02M1Q0MC0zNzdxMC03OCA0Ny0xMzl0MTIzLTc4cTI1LTkyIDEwMC0xNDl0MTcwLTU3cTExNyAwIDE5OC41IDgxLjVUNzYwLTUyMHE2OSA4IDExNC41IDU5LjVUOTIwLTM0MHEwIDc1LTUyLjUgMTI3LjVUNzQwLTE2MEg1MjBxLTMzIDAtNTYuNS0yMy41VDQ0MC0yNDB2LTIwNmwtNjQgNjItNTYtNTYgMTYwLTE2MCAxNjAgMTYwLTU2IDU2LTY0LTYydjIwNmgyMjBxNDIgMCA3MS0yOXQyOS03MXEwLTQyLTI5LTcxdC03MS0yOWgtNjB2LTgwcTAtODMtNTguNS0xNDEuNVQ0ODAtNzIwcS04MyAwLTE0MS41IDU4LjVUMjgwLTUyMGgtMjBxLTU4IDAtOTkgNDF0LTQxIDk5cTAgNTggNDEgOTl0OTkgNDFoMTAwdjgwSDI2MFptMjIwLTI4MFoiLz48L3N2Zz4=";
+var cloud_upload_path;
+function cloud_upload_extends() { return cloud_upload_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, cloud_upload_extends.apply(null, arguments); }
+
+function SvgCloudUpload(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", cloud_upload_extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    height: 24,
+    viewBox: "0 -960 960 960",
+    width: 24
+  }, props), cloud_upload_path || (cloud_upload_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H520q-33 0-56.5-23.5T440-240v-206l-64 62-56-56 160-160 160 160-56 56-64-62v206h220q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h100v80H260zm220-280z"
+  })));
+}
+/* harmony default export */ const cloud_upload = (SvgCloudUpload);
 ;// ./src/assets/stylesheets/SaveStatus.scss
 // extracted by mini-css-extract-plugin
 
@@ -338221,7 +338342,7 @@ var SaveStatus = _ref => {
     children: isPending ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "save-status__icon",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_upload_namespaceObject, {})
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_upload, {})
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "save-status__text",
         children: [t("saveStatus.saving"), "\u2026"]
@@ -338229,7 +338350,7 @@ var SaveStatus = _ref => {
     }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "save-status__icon",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_tick_namespaceObject, {})
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_tick, {})
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "save-status__text",
         children: [t("saveStatus.saved"), " ", formatRelativeTime(lastSavedTime, time, locale, fallbackLng)]
@@ -338239,9 +338360,37 @@ var SaveStatus = _ref => {
 };
 /* harmony default export */ const SaveStatus_SaveStatus = (SaveStatus);
 ;// ./src/assets/icons/download.svg
-const download_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNkw3IDExTDguNCA5LjU1TDExIDEyLjE1VjRIMTNWMTIuMTVMMTUuNiA5LjU1TDE3IDExTDEyIDE2Wk00IDIwVjE1SDZWMThIMThWMTVIMjBWMjBINFoiLz4NCjwvc3ZnPg0K";
+var download_path;
+function download_extends() { return download_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, download_extends.apply(null, arguments); }
+
+function SvgDownload(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", download_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), download_path || (download_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M12 16l-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11l-5 5zm-8 4v-5h2v3h12v-3h2v5H4z"
+  })));
+}
+/* harmony default export */ const download = (SvgDownload);
+;// ./src/assets/text_jam_logo.svg
+const text_jam_logo_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTU1IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTEwOC44NzEgNi44NjIwNkgxMTMuODkyVjIxLjE5ODNDMTEzLjg5MiAyMi41MjcgMTEzLjU4NiAyMy43MTI2IDExMi45NjYgMjQuNzU1MUMxMTIuMzQ2IDI1Ljc5NzYgMTExLjQ4NyAyNi42MDg0IDExMC4zODMgMjcuMTgwOEMxMDkuMjc5IDI3Ljc1MzEgMTA4LjA0NiAyOC4wMzkzIDEwNi42OSAyOC4wMzkzQzEwNC40MTQgMjguMDM5MyAxMDIuNjQzIDI3LjQ2NyAxMDEuMzgyIDI2LjMxNTRDMTAwLjEyMiAyNS4xNjM5IDk5LjQ4OCAyMy41NDIyIDk5LjQ4OCAyMS40MzY4SDEwNC41MzdDMTA0LjUzNyAyMi4zOTA3IDEwNC43MDEgMjMuMDg1NyAxMDUuMDM0IDIzLjUxNUMxMDUuMzY4IDIzLjk0NDIgMTA1LjkyIDI0LjE2MjMgMTA2LjY5IDI0LjE2MjNDMTA3LjM5MiAyNC4xNjIzIDEwNy45MjQgMjMuOTAzMyAxMDguMzA1IDIzLjM3ODdDMTA4LjY4NyAyMi44NTQgMTA4Ljg3MSAyMi4xMjQ5IDEwOC44NzEgMjEuMTkxNVY2Ljg2MjA2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTEyNS41OTIgMjcuNzYwNkMxMjUuNDIxIDI3LjQ0NzIgMTI1LjI2NSAyNi45ODM4IDEyNS4xMzUgMjYuMzcwNkMxMjQuMjQzIDI3LjQ4ODEgMTIzLjAwMyAyOC4wNDY4IDEyMS40MDEgMjguMDQ2OEMxMTkuOTM2IDI4LjA0NjggMTE4LjY5NiAyNy42MDM5IDExNy42NjcgMjYuNzE4MUMxMTYuNjM4IDI1LjgzMjMgMTE2LjEzNCAyNC43MjE3IDExNi4xMzQgMjMuMzc5M0MxMTYuMTM0IDIxLjY5NjMgMTE2Ljc1NCAyMC40MjIyIDExOC4wMDEgMTkuNTYzNkMxMTkuMjQ4IDE4LjcwNTEgMTIxLjA1NCAxOC4yNjkgMTIzLjQyNSAxOC4yNjlIMTI0LjkxN1YxNy40NDQ1QzEyNC45MTcgMTYuMDEzNiAxMjQuMjk3IDE1LjI5ODIgMTIzLjA2NCAxNS4yOTgyQzEyMS45MTkgMTUuMjk4MiAxMjEuMzQgMTUuODYzNyAxMjEuMzQgMTcuMDAxNkgxMTYuNTAyQzExNi41MDIgMTUuNTAyNiAxMTcuMTQzIDE0LjI4MjkgMTE4LjQxNyAxMy4zNDk0QzExOS42OTEgMTIuNDE2IDEyMS4zMiAxMS45NDU4IDEyMy4zMDIgMTEuOTQ1OEMxMjUuMjg1IDExLjk0NTggMTI2Ljg0NiAxMi40Mjk2IDEyNy45OTcgMTMuMzk3MUMxMjkuMTQ5IDE0LjM2NDcgMTI5LjczNSAxNS42ODY2IDEyOS43NjIgMTcuMzY5NlYyNC4yNDQ3QzEyOS43ODIgMjUuNjY4OCAxMzAgMjYuNzU5IDEzMC40MjMgMjcuNTE1M1YyNy43NjA2SDEyNS41ODVIMTI1LjU5MlpNMTIyLjU2NiAyNC41OTlDMTIzLjE2NiAyNC41OTkgMTIzLjY3IDI0LjQ2OTUgMTI0LjA2NiAyNC4yMTA2QzEyNC40NjEgMjMuOTUxNyAxMjQuNzQ3IDIzLjY1ODcgMTI0LjkxNyAyMy4zMzg1VjIwLjg1ODJIMTIzLjUxNEMxMjEuODMxIDIwLjg1ODIgMTIwLjk4NiAyMS42MTQ2IDEyMC45ODYgMjMuMTI3MkMxMjAuOTg2IDIzLjU3MDEgMTIxLjEzNiAyMy45MjQ0IDEyMS40MjkgMjQuMTk3QzEyMS43MjIgMjQuNDY5NSAxMjIuMTAzIDI0LjYwNTggMTIyLjU2IDI0LjYwNThMMTIyLjU2NiAyNC41OTlaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTM3LjAxOSAxMi4yMzA4TDEzNy4xNzUgMTQuMDUwMUMxMzguMjcyIDEyLjY0NjQgMTM5Ljc1MSAxMS45Mzc4IDE0MS42MTEgMTEuOTM3OEMxNDMuNTczIDExLjkzNzggMTQ0Ljg5NSAxMi43MTQ2IDE0NS41ODMgMTQuMjc0OUMxNDYuNjMzIDEyLjcxNDYgMTQ4LjE1OSAxMS45Mzc4IDE1MC4xNDkgMTEuOTM3OEMxNTMuMjk3IDExLjkzNzggMTU0LjkxMiAxMy44Mzg5IDE1NSAxNy42NDc4VjI3Ljc1MjZIMTUwLjE0OVYxNy45NDc2QzE1MC4xNDkgMTcuMTUwNCAxNTAuMDEyIDE2LjU3OCAxNDkuNzQ3IDE2LjIxMDFDMTQ5LjQ4MSAxNS44NDIxIDE0OC45OSAxNS42NjQ5IDE0OC4yODIgMTUuNjY0OUMxNDcuMzI4IDE1LjY2NDkgMTQ2LjYxMiAxNi4wODc0IDE0Ni4xNDIgMTYuOTM5MUwxNDYuMTU2IDE3LjEzNjdWMjcuNzM5SDE0MS4zMDRWMTcuOTY4QzE0MS4zMDQgMTcuMTU3MiAxNDEuMTc1IDE2LjU2NDQgMTQwLjkxNiAxNi4yMDMyQzE0MC42NTcgMTUuODQyMSAxNDAuMTY3IDE1LjY1ODEgMTM5LjQzNyAxNS42NTgxQzEzOC41MTEgMTUuNjU4MSAxMzcuODAyIDE2LjA4MDYgMTM3LjMxMiAxNi45MzIzVjI3LjczOUgxMzIuNDc0VjEyLjIxMDRIMTM3LjAxMkwxMzcuMDE5IDEyLjIzMDhaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNOTMuMzIxNyAzMi4xNDc1SDMuNDYxNDlWMEg5My4zMjE3VjMyLjE0NzVaTTQuODI0MjQgMzAuNzg0N0g5MS45NTlWMS4zNjI3Nkg0LjgyNDI0VjMwLjc4NDdaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTQuMzQzIDEwLjA5MjRIMTcuOTI3MVYyNC40MjE4SDIxLjUxMTFWMTAuMDkyNEgyNS4wOTUyVjYuNTA4MzlIMTQuMzQzVjEwLjA5MjRaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMzIuMjcwMSAyNC40MjE4SDQzLjAxNTVWMjAuODM3OEgzNS44NDc0VjE3LjI1MzdINDMuMDE1NVYxMy42Njk3SDM1Ljg0NzRWMTAuMDkyNEg0My4wMTU1VjYuNTA4MzlIMzIuMjcwMVYyNC40MjE4WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTcxLjY5NDYgNi41MDgzOVYxMC4wOTI0SDc1LjI3ODdWMjQuNDIxOEg3OC44NjI3VjEwLjA5MjRIODIuNDQ2OFY2LjUwODM5SDcxLjY5NDZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNjQuNTE5NyAyMC42OTM2SDYwLjkzNTZWMjQuMjc3N0g2NC41MTk3VjIwLjY5MzZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNTMuNzc0NSAxMy42MjEySDU2LjA0MzVWMTcuMDE0NUg1My43NzQ1VjIwLjY5MzlINjAuOTM1OFYxNy4wMTQ1SDU4LjUxNjlWMTMuNjIxMkg2MC45MzU4VjkuOTQ4NThINTMuNzc0NVYxMy42MjEyWiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgMjAuNjkzNkg1MC4xOTAyVjI0LjI3NzdINTMuNzc0M1YyMC42OTM2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgNi4zNjQ2OUg1MC4xOTAyVjkuOTQ4NzRINTMuNzc0M1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTY0LjUxOTcgNi4zNjQ2OUg2MC45MzU2VjkuOTQ4NzRINjQuNTE5N1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTg4LjQ5NzUgMzAuNzg1VjM0LjYyNzlIMS4zNjI3NlY1LjIxMjgySDQuMDI2OTVWMy44NTAwN0gwVjM1Ljk5MDdIODkuODYwMlYzMC43ODVIODguNDk3NVoiIGZpbGw9IiNBMzE3NDYiLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/pencil.svg
-const pencil_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNSAxOUg2LjRMMTUuMDI1IDEwLjM3NUwxMy42MjUgOC45NzVMNSAxNy42VjE5Wk0xOS4zIDguOTI1TDE1LjA1IDQuNzI1TDE2LjQ1IDMuMzI1QzE2LjgzMzMgMi45NDE2NyAxNy4zMDQzIDIuNzUgMTcuODYzIDIuNzVDMTguNDIxIDIuNzUgMTguODkxNyAyLjk0MTY3IDE5LjI3NSAzLjMyNUwyMC42NzUgNC43MjVDMjEuMDU4MyA1LjEwODMzIDIxLjI1ODMgNS41NzEgMjEuMjc1IDYuMTEzQzIxLjI5MTcgNi42NTQzMyAyMS4xMDgzIDcuMTE2NjcgMjAuNzI1IDcuNUwxOS4zIDguOTI1Wk0xNy44NSAxMC40TDcuMjUgMjFIM1YxNi43NUwxMy42IDYuMTVMMTcuODUgMTAuNFpNMTQuMzI1IDkuNjc1TDEzLjYyNSA4Ljk3NUwxNS4wMjUgMTAuMzc1TDE0LjMyNSA5LjY3NVoiIC8+DQo8L3N2Zz4NCg==";
+var pencil_path;
+function pencil_extends() { return pencil_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, pencil_extends.apply(null, arguments); }
+
+function SvgPencil(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", pencil_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), pencil_path || (pencil_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6V19zM19.3 8.925l-4.25-4.2 1.4-1.4a1.92 1.92 0 011.413-.575 1.92 1.92 0 011.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 01-.55 1.387L19.3 8.925zM17.85 10.4L7.25 21H3v-4.25l10.6-10.6 4.25 4.25zm-3.525-.725l-.7-.7 1.4 1.4-.7-.7z"
+  })));
+}
+/* harmony default export */ const pencil = (SvgPencil);
 ;// ./node_modules/@raspberrypifoundation/design-system-react/dist/design-system-react.js
 
 
@@ -339641,7 +339790,7 @@ var ProjectName = _ref => {
           className: "project-name__button",
           "aria-label": t(isEditing ? "header.renameSave" : "header.renameProject"),
           title: t(isEditing ? "header.renameSave" : "header.renameProject"),
-          icon: isEditing ? /*#__PURE__*/(0,jsx_runtime.jsx)(tick_namespaceObject, {}) : /*#__PURE__*/(0,jsx_runtime.jsx)(pencil_namespaceObject, {}),
+          icon: isEditing ? /*#__PURE__*/(0,jsx_runtime.jsx)(tick, {}) : /*#__PURE__*/(0,jsx_runtime.jsx)(pencil, {}),
           onClick: isEditing ? updateName : onEditNameButtonClick,
           type: isEditing ? "primary" : "tertiary"
         })
@@ -339752,7 +339901,20 @@ var signUpEvent = webComponentCustomEvent("editor-signUp");
 var quizReadyEvent = webComponentCustomEvent("editor-quizReady");
 var themeUpdatedEvent = detail => webComponentCustomEvent("editor-themeUpdated", detail);
 ;// ./src/assets/icons/save.svg
-const save_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMyAyMVYzSDE3TDIxIDdWMjFIM1pNNSAxOUgxOVY3Ljg1TDE2LjE1IDVINVYxOVpNMTIgMThDMTIuODMzMyAxOCAxMy41NDE3IDE3LjcwODMgMTQuMTI1IDE3LjEyNUMxNC43MDgzIDE2LjU0MTcgMTUgMTUuODMzMyAxNSAxNUMxNSAxNC4xNjY3IDE0LjcwODMgMTMuNDU4MyAxNC4xMjUgMTIuODc1QzEzLjU0MTcgMTIuMjkxNyAxMi44MzMzIDEyIDEyIDEyQzExLjE2NjcgMTIgMTAuNDU4MyAxMi4yOTE3IDkuODc1IDEyLjg3NUM5LjI5MTY3IDEzLjQ1ODMgOSAxNC4xNjY3IDkgMTVDOSAxNS44MzMzIDkuMjkxNjcgMTYuNTQxNyA5Ljg3NSAxNy4xMjVDMTAuNDU4MyAxNy43MDgzIDExLjE2NjcgMTggMTIgMThaTTYgMTBIMTVWNkg2VjEwWk01IDE5VjVWMTlaIiAvPg0KPC9zdmc+DQo=";
+var save_path;
+function save_extends() { return save_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, save_extends.apply(null, arguments); }
+
+function SvgSave(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", save_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), save_path || (save_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M3 21V3h14l4 4v14H3zm2-2h14V7.85L16.15 5H5v14zm7-1c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0015 15c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0012 12c-.833 0-1.542.292-2.125.875A2.893 2.893 0 009 15c0 .833.292 1.542.875 2.125A2.893 2.893 0 0012 18zm-6-8h9V6H6v4zm-1 9V5v14z"
+  })));
+}
+/* harmony default export */ const save = (SvgSave);
 ;// ./src/components/SaveButton/SaveButton.jsx
 
 
@@ -339793,7 +339955,7 @@ var SaveButton = _ref => {
     onClick: onClickSave,
     text: t("header.save"),
     textAlways: true,
-    icon: /*#__PURE__*/(0,jsx_runtime.jsx)(save_namespaceObject, {}),
+    icon: /*#__PURE__*/(0,jsx_runtime.jsx)(save, {}),
     type: buttonType,
     fill: fill
   });
@@ -339813,6 +339975,7 @@ var SaveButton = _ref => {
 
 
 
+
 var ProjectBar = _ref => {
   var {
     nameEditable = true
@@ -339826,7 +339989,11 @@ var ProjectBar = _ref => {
   var readOnly = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.readOnly);
   return loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: "project-bar",
-    children: [loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsx)(ProjectName_ProjectName, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+      className: "textJam-logo",
+      src: text_jam_logo_namespaceObject,
+      alt: "TextJam logo"
+    }), loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsx)(ProjectName_ProjectName, {
       editable: !readOnly && nameEditable,
       isHeading: true
     }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -339836,7 +340003,7 @@ var ProjectBar = _ref => {
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadButton_DownloadButton, {
           buttonText: t("header.download"),
           className: "btn btn--tertiary project-bar__btn",
-          Icon: download_namespaceObject,
+          Icon: download,
           type: "tertiary"
         })
       }), loading === "success" && !readOnly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -339852,1638 +340019,86 @@ var ProjectBar = _ref => {
   });
 };
 /* harmony default export */ const ProjectBar_ProjectBar = (ProjectBar);
-;// ./src/assets/icons/ellipsis_vertical.svg
-const ellipsis_vertical_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iNCINCiAgaGVpZ2h0PSIxNiINCiAgdmlld0JveD0iMCAwIDQgMTYiDQogIGZpbGw9Im5vbmUiDQogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCj4NCiAgPHBhdGggZD0iTTIgMTZDMS40NSAxNiAwLjk3OTMzNCAxNS44MDQzIDAuNTg4IDE1LjQxM0MwLjE5NiAxNS4wMjEgMCAxNC41NSAwIDE0QzAgMTMuNDUgMC4xOTYgMTIuOTc5IDAuNTg4IDEyLjU4N0MwLjk3OTMzNCAxMi4xOTU3IDEuNDUgMTIgMiAxMkMyLjU1IDEyIDMuMDIxIDEyLjE5NTcgMy40MTMgMTIuNTg3QzMuODA0MzMgMTIuOTc5IDQgMTMuNDUgNCAxNEM0IDE0LjU1IDMuODA0MzMgMTUuMDIxIDMuNDEzIDE1LjQxM0MzLjAyMSAxNS44MDQzIDIuNTUgMTYgMiAxNlpNMiAxMEMxLjQ1IDEwIDAuOTc5MzM0IDkuODA0IDAuNTg4IDkuNDEyQzAuMTk2IDkuMDIwNjcgMCA4LjU1IDAgOEMwIDcuNDUgMC4xOTYgNi45NzkgMC41ODggNi41ODdDMC45NzkzMzQgNi4xOTU2NyAxLjQ1IDYgMiA2QzIuNTUgNiAzLjAyMSA2LjE5NTY3IDMuNDEzIDYuNTg3QzMuODA0MzMgNi45NzkgNCA3LjQ1IDQgOEM0IDguNTUgMy44MDQzMyA5LjAyMDY3IDMuNDEzIDkuNDEyQzMuMDIxIDkuODA0IDIuNTUgMTAgMiAxMFpNMiA0QzEuNDUgNCAwLjk3OTMzNCAzLjgwNCAwLjU4OCAzLjQxMkMwLjE5NiAzLjAyMDY3IDAgMi41NSAwIDJDMCAxLjQ1IDAuMTk2IDAuOTc5MzMzIDAuNTg4IDAuNTg4QzAuOTc5MzM0IDAuMTk2IDEuNDUgMCAyIDBDMi41NSAwIDMuMDIxIDAuMTk2IDMuNDEzIDAuNTg4QzMuODA0MzMgMC45NzkzMzMgNCAxLjQ1IDQgMkM0IDIuNTUgMy44MDQzMyAzLjAyMDY3IDMuNDEzIDMuNDEyQzMuMDIxIDMuODA0IDIuNTUgNCAyIDRaIiAvPg0KPC9zdmc+DQo=";
-;// ./node_modules/@szhsin/react-menu/dist/es/_virtual/_rollupPluginBabelHelpers.js
-function _rollupPluginBabelHelpers_extends() {
-  _rollupPluginBabelHelpers_extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _rollupPluginBabelHelpers_extends.apply(this, arguments);
-}
-function _rollupPluginBabelHelpers_objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/utils/utils.js
-
-
-var isMenuOpen = function isMenuOpen(state) {
-  return !!state && state[0] === 'o';
-};
-var batchedUpdates = external_react_dom_.unstable_batchedUpdates || function (callback) {
-  return callback();
-};
-var values = Object.values || function (obj) {
-  return Object.keys(obj).map(function (key) {
-    return obj[key];
-  });
-};
-var floatEqual = function floatEqual(a, b, diff) {
-  if (diff === void 0) {
-    diff = 0.0001;
-  }
-  return Math.abs(a - b) < diff;
-};
-var getTransition = function getTransition(transition, name) {
-  return transition === true || !!(transition && transition[name]);
-};
-var safeCall = function safeCall(fn, arg) {
-  return typeof fn === 'function' ? fn(arg) : fn;
-};
-var internalKey = '_szhsinMenu';
-var getName = function getName(component) {
-  return component[internalKey];
-};
-var defineName = function defineName(name, component) {
-  return Object.defineProperty(component, internalKey, {
-    value: name
-  });
-};
-var utils_mergeProps = function mergeProps(target, source) {
-  source && Object.keys(source).forEach(function (key) {
-    var targetProp = target[key];
-    var sourceProp = source[key];
-    if (typeof sourceProp === 'function' && targetProp) {
-      target[key] = function () {
-        sourceProp.apply(void 0, arguments);
-        targetProp.apply(void 0, arguments);
-      };
-    } else {
-      target[key] = sourceProp;
-    }
-  });
-  return target;
-};
-var parsePadding = function parsePadding(paddingStr) {
-  if (typeof paddingStr !== 'string') return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-  var padding = paddingStr.trim().split(/\s+/, 4).map(parseFloat);
-  var top = !isNaN(padding[0]) ? padding[0] : 0;
-  var right = !isNaN(padding[1]) ? padding[1] : top;
-  return {
-    top: top,
-    right: right,
-    bottom: !isNaN(padding[2]) ? padding[2] : top,
-    left: !isNaN(padding[3]) ? padding[3] : right
-  };
-};
-var getScrollAncestor = function getScrollAncestor(node) {
-  while (node) {
-    node = node.parentNode;
-    if (!node || node === document.body || !node.parentNode) return;
-    var _getComputedStyle = getComputedStyle(node),
-      overflow = _getComputedStyle.overflow,
-      overflowX = _getComputedStyle.overflowX,
-      overflowY = _getComputedStyle.overflowY;
-    if (/auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)) return node;
-  }
-};
-function commonProps(isDisabled, isHovering) {
-  return {
-    'aria-disabled': isDisabled || undefined,
-    tabIndex: isHovering ? 0 : -1
-  };
-}
-function indexOfNode(nodeList, node) {
-  for (var i = 0; i < nodeList.length; i++) {
-    if (nodeList[i] === node) return i;
-  }
-  return -1;
-}
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useBEM.js
-
-
-var useBEM = function useBEM(_ref) {
-  var block = _ref.block,
-    element = _ref.element,
-    modifiers = _ref.modifiers,
-    className = _ref.className;
-  return (0,external_react_.useMemo)(function () {
-    var blockElement = element ? block + "__" + element : block;
-    var classString = blockElement;
-    modifiers && Object.keys(modifiers).forEach(function (name) {
-      var value = modifiers[name];
-      if (value) classString += " " + blockElement + "--" + (value === true ? name : name + "-" + value);
-    });
-    var expandedClassName = typeof className === 'function' ? className(modifiers) : className;
-    if (typeof expandedClassName === 'string') {
-      expandedClassName = expandedClassName.trim();
-      if (expandedClassName) classString += " " + expandedClassName;
-    }
-    return classString;
-  }, [block, element, modifiers, className]);
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/utils/constants.js
-
-
-var menuContainerClass = 'szh-menu-container';
-var menuClass = 'szh-menu';
-var menuButtonClass = 'szh-menu-button';
-var menuArrowClass = 'arrow';
-var menuItemClass = 'item';
-var menuDividerClass = 'divider';
-var menuHeaderClass = 'header';
-var menuGroupClass = 'group';
-var subMenuClass = 'submenu';
-var radioGroupClass = 'radio-group';
-var HoverItemContext = /*#__PURE__*/(0,external_react_.createContext)();
-var MenuListItemContext = /*#__PURE__*/(0,external_react_.createContext)({});
-var MenuListContext = /*#__PURE__*/(0,external_react_.createContext)({});
-var EventHandlersContext = /*#__PURE__*/(0,external_react_.createContext)({});
-var RadioGroupContext = /*#__PURE__*/(0,external_react_.createContext)({});
-var constants_SettingsContext = /*#__PURE__*/(0,external_react_.createContext)({});
-var Keys = /*#__PURE__*/Object.freeze({
-  ENTER: 'Enter',
-  ESC: 'Escape',
-  SPACE: ' ',
-  HOME: 'Home',
-  END: 'End',
-  LEFT: 'ArrowLeft',
-  RIGHT: 'ArrowRight',
-  UP: 'ArrowUp',
-  DOWN: 'ArrowDown'
-});
-var HoverActionTypes = /*#__PURE__*/Object.freeze({
-  RESET: 0,
-  SET: 1,
-  UNSET: 2,
-  INCREASE: 3,
-  DECREASE: 4,
-  FIRST: 5,
-  LAST: 6,
-  SET_INDEX: 7
-});
-var CloseReason = /*#__PURE__*/Object.freeze({
-  CLICK: 'click',
-  CANCEL: 'cancel',
-  BLUR: 'blur',
-  SCROLL: 'scroll'
-});
-var FocusPositions = /*#__PURE__*/Object.freeze({
-  FIRST: 'first',
-  LAST: 'last'
-});
-var MenuStateMap = /*#__PURE__*/Object.freeze({
-  entering: 'opening',
-  entered: 'open',
-  exiting: 'closing',
-  exited: 'closed'
-});
-var positionAbsolute = 'absolute';
-var roleNone = 'presentation';
-var roleMenuitem = 'menuitem';
-var dummyItemProps = {
-  'aria-hidden': true,
-  role: roleMenuitem
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/components/MenuContainer.js
-
-
-
-
-
-
-
-var MenuContainer = function MenuContainer(_ref) {
-  var className = _ref.className,
-    containerRef = _ref.containerRef,
-    containerProps = _ref.containerProps,
-    children = _ref.children,
-    isOpen = _ref.isOpen,
-    skipOpen = _ref.skipOpen,
-    theming = _ref.theming,
-    transition = _ref.transition,
-    onClose = _ref.onClose;
-  var itemTransition = getTransition(transition, 'item');
-  var onKeyDown = function onKeyDown(_ref2) {
-    var key = _ref2.key;
-    switch (key) {
-      case Keys.ESC:
-        safeCall(onClose, {
-          key: key,
-          reason: CloseReason.CANCEL
-        });
-        break;
-    }
-  };
-  var onBlur = function onBlur(e) {
-    if (isOpen && !e.currentTarget.contains(e.relatedTarget || document.activeElement)) {
-      safeCall(onClose, {
-        reason: CloseReason.BLUR
-      });
-      if (skipOpen) {
-        skipOpen.current = true;
-        setTimeout(function () {
-          return skipOpen.current = false;
-        }, 300);
-      }
-    }
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _rollupPluginBabelHelpers_extends({}, utils_mergeProps({
-    onKeyDown: onKeyDown,
-    onBlur: onBlur
-  }, containerProps), {
-    className: useBEM({
-      block: menuContainerClass,
-      modifiers: (0,external_react_.useMemo)(function () {
-        return {
-          theme: theming,
-          itemTransition: itemTransition
-        };
-      }, [theming, itemTransition]),
-      className: className
-    }),
-    style: _rollupPluginBabelHelpers_extends({
-      position: 'absolute'
-    }, containerProps == null ? void 0 : containerProps.style),
-    ref: containerRef,
-    children: children
-  }));
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/utils/submenuCtx.js
-var createSubmenuCtx = function createSubmenuCtx() {
-  var timer,
-    count = 0;
-  return {
-    toggle: function toggle(isOpen) {
-      isOpen ? count++ : count--;
-      count = Math.max(count, 0);
-    },
-    on: function on(closeDelay, pending, settled) {
-      if (count) {
-        if (!timer) timer = setTimeout(function () {
-          timer = 0;
-          pending();
-        }, closeDelay);
-      } else {
-        settled == null ? void 0 : settled();
-      }
-    },
-    off: function off() {
-      if (timer) {
-        clearTimeout(timer);
-        timer = 0;
-      }
-    }
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useItems.js
-
-
-
-
-var useItems = function useItems(menuRef, focusRef) {
-  var _useState = (0,external_react_.useState)(),
-    hoverItem = _useState[0],
-    setHoverItem = _useState[1];
-  var stateRef = (0,external_react_.useRef)({
-    items: [],
-    hoverIndex: -1,
-    sorted: false
-  });
-  var mutableState = stateRef.current;
-  var updateItems = (0,external_react_.useCallback)(function (item, isMounted) {
-    var items = mutableState.items;
-    if (!item) {
-      mutableState.items = [];
-    } else if (isMounted) {
-      items.push(item);
-    } else {
-      var index = items.indexOf(item);
-      if (index > -1) {
-        items.splice(index, 1);
-        if (item.contains(document.activeElement)) {
-          focusRef.current.focus();
-          setHoverItem();
-        }
-      }
-    }
-    mutableState.hoverIndex = -1;
-    mutableState.sorted = false;
-  }, [mutableState, focusRef]);
-  var dispatch = (0,external_react_.useCallback)(function (actionType, item, nextIndex) {
-    var items = mutableState.items,
-      hoverIndex = mutableState.hoverIndex;
-    var sortItems = function sortItems() {
-      if (mutableState.sorted) return;
-      var orderedNodes = menuRef.current.querySelectorAll('.szh-menu__item');
-      items.sort(function (a, b) {
-        return indexOfNode(orderedNodes, a) - indexOfNode(orderedNodes, b);
-      });
-      mutableState.sorted = true;
-    };
-    var index = -1,
-      newItem = undefined;
-    switch (actionType) {
-      case HoverActionTypes.RESET:
-        break;
-      case HoverActionTypes.SET:
-        newItem = item;
-        break;
-      case HoverActionTypes.UNSET:
-        newItem = function newItem(prevItem) {
-          return prevItem === item ? undefined : prevItem;
-        };
-        break;
-      case HoverActionTypes.FIRST:
-        sortItems();
-        index = 0;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.LAST:
-        sortItems();
-        index = items.length - 1;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.SET_INDEX:
-        sortItems();
-        index = nextIndex;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.INCREASE:
-        sortItems();
-        index = hoverIndex;
-        if (index < 0) index = items.indexOf(item);
-        index++;
-        if (index >= items.length) index = 0;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.DECREASE:
-        sortItems();
-        index = hoverIndex;
-        if (index < 0) index = items.indexOf(item);
-        index--;
-        if (index < 0) index = items.length - 1;
-        newItem = items[index];
-        break;
-      default:
-        if (false) {}
-    }
-    if (!newItem) index = -1;
-    setHoverItem(newItem);
-    mutableState.hoverIndex = index;
-  }, [menuRef, mutableState]);
-  return {
-    hoverItem: hoverItem,
-    dispatch: dispatch,
-    updateItems: updateItems
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/getPositionHelpers.js
-
-
-var getPositionHelpers = function getPositionHelpers(containerRef, menuRef, menuScroll, boundingBoxPadding) {
-  var menuRect = menuRef.current.getBoundingClientRect();
-  var containerRect = containerRef.current.getBoundingClientRect();
-  var boundingRect = menuScroll === window ? {
-    left: 0,
-    top: 0,
-    right: document.documentElement.clientWidth,
-    bottom: window.innerHeight
-  } : menuScroll.getBoundingClientRect();
-  var padding = parsePadding(boundingBoxPadding);
-  var getLeftOverflow = function getLeftOverflow(x) {
-    return x + containerRect.left - boundingRect.left - padding.left;
-  };
-  var getRightOverflow = function getRightOverflow(x) {
-    return x + containerRect.left + menuRect.width - boundingRect.right + padding.right;
-  };
-  var getTopOverflow = function getTopOverflow(y) {
-    return y + containerRect.top - boundingRect.top - padding.top;
-  };
-  var getBottomOverflow = function getBottomOverflow(y) {
-    return y + containerRect.top + menuRect.height - boundingRect.bottom + padding.bottom;
-  };
-  var confineHorizontally = function confineHorizontally(x) {
-    var leftOverflow = getLeftOverflow(x);
-    if (leftOverflow < 0) {
-      x -= leftOverflow;
-    } else {
-      var rightOverflow = getRightOverflow(x);
-      if (rightOverflow > 0) {
-        x -= rightOverflow;
-        leftOverflow = getLeftOverflow(x);
-        if (leftOverflow < 0) x -= leftOverflow;
-      }
-    }
-    return x;
-  };
-  var confineVertically = function confineVertically(y) {
-    var topOverflow = getTopOverflow(y);
-    if (topOverflow < 0) {
-      y -= topOverflow;
-    } else {
-      var bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0) {
-        y -= bottomOverflow;
-        topOverflow = getTopOverflow(y);
-        if (topOverflow < 0) y -= topOverflow;
-      }
-    }
-    return y;
-  };
-  return {
-    menuRect: menuRect,
-    containerRect: containerRect,
-    getLeftOverflow: getLeftOverflow,
-    getRightOverflow: getRightOverflow,
-    getTopOverflow: getTopOverflow,
-    getBottomOverflow: getBottomOverflow,
-    confineHorizontally: confineHorizontally,
-    confineVertically: confineVertically
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/placeArrowVertical.js
-var placeArrowVertical = function placeArrowVertical(_ref) {
-  var arrowRef = _ref.arrowRef,
-    menuY = _ref.menuY,
-    anchorRect = _ref.anchorRect,
-    containerRect = _ref.containerRect,
-    menuRect = _ref.menuRect;
-  var y = anchorRect.top - containerRect.top - menuY + anchorRect.height / 2;
-  var offset = arrowRef.current.offsetHeight * 1.25;
-  y = Math.max(offset, y);
-  y = Math.min(y, menuRect.height - offset);
-  return y;
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/placeLeftorRight.js
-
-
-var placeLeftorRight = function placeLeftorRight(_ref) {
-  var anchorRect = _ref.anchorRect,
-    containerRect = _ref.containerRect,
-    menuRect = _ref.menuRect,
-    placeLeftorRightY = _ref.placeLeftorRightY,
-    placeLeftX = _ref.placeLeftX,
-    placeRightX = _ref.placeRightX,
-    getLeftOverflow = _ref.getLeftOverflow,
-    getRightOverflow = _ref.getRightOverflow,
-    confineHorizontally = _ref.confineHorizontally,
-    confineVertically = _ref.confineVertically,
-    arrowRef = _ref.arrowRef,
-    arrow = _ref.arrow,
-    direction = _ref.direction,
-    position = _ref.position;
-  var computedDirection = direction;
-  var y = placeLeftorRightY;
-  if (position !== 'initial') {
-    y = confineVertically(y);
-    if (position === 'anchor') {
-      y = Math.min(y, anchorRect.bottom - containerRect.top);
-      y = Math.max(y, anchorRect.top - containerRect.top - menuRect.height);
-    }
-  }
-  var x, leftOverflow, rightOverflow;
-  if (computedDirection === 'left') {
-    x = placeLeftX;
-    if (position !== 'initial') {
-      leftOverflow = getLeftOverflow(x);
-      if (leftOverflow < 0) {
-        rightOverflow = getRightOverflow(placeRightX);
-        if (rightOverflow <= 0 || -leftOverflow > rightOverflow) {
-          x = placeRightX;
-          computedDirection = 'right';
-        }
-      }
-    }
-  } else {
-    x = placeRightX;
-    if (position !== 'initial') {
-      rightOverflow = getRightOverflow(x);
-      if (rightOverflow > 0) {
-        leftOverflow = getLeftOverflow(placeLeftX);
-        if (leftOverflow >= 0 || -leftOverflow < rightOverflow) {
-          x = placeLeftX;
-          computedDirection = 'left';
-        }
-      }
-    }
-  }
-  if (position === 'auto') x = confineHorizontally(x);
-  var arrowY = arrow ? placeArrowVertical({
-    menuY: y,
-    arrowRef: arrowRef,
-    anchorRect: anchorRect,
-    containerRect: containerRect,
-    menuRect: menuRect
-  }) : undefined;
-  return {
-    arrowY: arrowY,
-    x: x,
-    y: y,
-    computedDirection: computedDirection
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/placeArrowHorizontal.js
-var placeArrowHorizontal = function placeArrowHorizontal(_ref) {
-  var arrowRef = _ref.arrowRef,
-    menuX = _ref.menuX,
-    anchorRect = _ref.anchorRect,
-    containerRect = _ref.containerRect,
-    menuRect = _ref.menuRect;
-  var x = anchorRect.left - containerRect.left - menuX + anchorRect.width / 2;
-  var offset = arrowRef.current.offsetWidth * 1.25;
-  x = Math.max(offset, x);
-  x = Math.min(x, menuRect.width - offset);
-  return x;
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/placeToporBottom.js
-
-
-var placeToporBottom = function placeToporBottom(_ref) {
-  var anchorRect = _ref.anchorRect,
-    containerRect = _ref.containerRect,
-    menuRect = _ref.menuRect,
-    placeToporBottomX = _ref.placeToporBottomX,
-    placeTopY = _ref.placeTopY,
-    placeBottomY = _ref.placeBottomY,
-    getTopOverflow = _ref.getTopOverflow,
-    getBottomOverflow = _ref.getBottomOverflow,
-    confineHorizontally = _ref.confineHorizontally,
-    confineVertically = _ref.confineVertically,
-    arrowRef = _ref.arrowRef,
-    arrow = _ref.arrow,
-    direction = _ref.direction,
-    position = _ref.position;
-  var computedDirection = direction === 'top' ? 'top' : 'bottom';
-  var x = placeToporBottomX;
-  if (position !== 'initial') {
-    x = confineHorizontally(x);
-    if (position === 'anchor') {
-      x = Math.min(x, anchorRect.right - containerRect.left);
-      x = Math.max(x, anchorRect.left - containerRect.left - menuRect.width);
-    }
-  }
-  var y, topOverflow, bottomOverflow;
-  if (computedDirection === 'top') {
-    y = placeTopY;
-    if (position !== 'initial') {
-      topOverflow = getTopOverflow(y);
-      if (topOverflow < 0) {
-        bottomOverflow = getBottomOverflow(placeBottomY);
-        if (bottomOverflow <= 0 || -topOverflow > bottomOverflow) {
-          y = placeBottomY;
-          computedDirection = 'bottom';
-        }
-      }
-    }
-  } else {
-    y = placeBottomY;
-    if (position !== 'initial') {
-      bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0) {
-        topOverflow = getTopOverflow(placeTopY);
-        if (topOverflow >= 0 || -topOverflow < bottomOverflow) {
-          y = placeTopY;
-          computedDirection = 'top';
-        }
-      }
-    }
-  }
-  if (position === 'auto') y = confineVertically(y);
-  var arrowX = arrow ? placeArrowHorizontal({
-    menuX: x,
-    arrowRef: arrowRef,
-    anchorRect: anchorRect,
-    containerRect: containerRect,
-    menuRect: menuRect
-  }) : undefined;
-  return {
-    arrowX: arrowX,
-    x: x,
-    y: y,
-    computedDirection: computedDirection
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/positionUtils/positionMenu.js
-
-
-
-
-var positionMenu = function positionMenu(_ref) {
-  var arrow = _ref.arrow,
-    align = _ref.align,
-    direction = _ref.direction,
-    offsetX = _ref.offsetX,
-    offsetY = _ref.offsetY,
-    position = _ref.position,
-    anchorRect = _ref.anchorRect,
-    arrowRef = _ref.arrowRef,
-    positionHelpers = _ref.positionHelpers;
-  var menuRect = positionHelpers.menuRect,
-    containerRect = positionHelpers.containerRect;
-  var horizontalOffset = offsetX;
-  var verticalOffset = offsetY;
-  if (arrow) {
-    if (direction === 'left' || direction === 'right') {
-      horizontalOffset += arrowRef.current.offsetWidth;
-    } else {
-      verticalOffset += arrowRef.current.offsetHeight;
-    }
-  }
-  var placeLeftX = anchorRect.left - containerRect.left - menuRect.width - horizontalOffset;
-  var placeRightX = anchorRect.right - containerRect.left + horizontalOffset;
-  var placeTopY = anchorRect.top - containerRect.top - menuRect.height - verticalOffset;
-  var placeBottomY = anchorRect.bottom - containerRect.top + verticalOffset;
-  var placeToporBottomX, placeLeftorRightY;
-  if (align === 'end') {
-    placeToporBottomX = anchorRect.right - containerRect.left - menuRect.width;
-    placeLeftorRightY = anchorRect.bottom - containerRect.top - menuRect.height;
-  } else if (align === 'center') {
-    placeToporBottomX = anchorRect.left - containerRect.left - (menuRect.width - anchorRect.width) / 2;
-    placeLeftorRightY = anchorRect.top - containerRect.top - (menuRect.height - anchorRect.height) / 2;
-  } else {
-    placeToporBottomX = anchorRect.left - containerRect.left;
-    placeLeftorRightY = anchorRect.top - containerRect.top;
-  }
-  placeToporBottomX += horizontalOffset;
-  placeLeftorRightY += verticalOffset;
-  var options = _rollupPluginBabelHelpers_extends({}, positionHelpers, {
-    anchorRect: anchorRect,
-    placeLeftX: placeLeftX,
-    placeRightX: placeRightX,
-    placeLeftorRightY: placeLeftorRightY,
-    placeTopY: placeTopY,
-    placeBottomY: placeBottomY,
-    placeToporBottomX: placeToporBottomX,
-    arrowRef: arrowRef,
-    arrow: arrow,
-    direction: direction,
-    position: position
-  });
-  switch (direction) {
-    case 'left':
-    case 'right':
-      return placeLeftorRight(options);
-    case 'top':
-    case 'bottom':
-    default:
-      return placeToporBottom(options);
-  }
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useIsomorphicLayoutEffect.js
-
-
-var useIsomorphicLayoutEffect_useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? external_react_.useLayoutEffect : external_react_.useEffect;
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useCombinedRef.js
-
-
-function setRef(ref, instance) {
-  typeof ref === 'function' ? ref(instance) : ref.current = instance;
-}
-var useCombinedRef = function useCombinedRef(refA, refB) {
-  return (0,external_react_.useMemo)(function () {
-    if (!refA) return refB;
-    if (!refB) return refA;
-    return function (instance) {
-      setRef(refA, instance);
-      setRef(refB, instance);
-    };
-  }, [refA, refB]);
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/components/MenuList.js
-
-
-
-
-
-
-
-
-
-
+;// ./src/components/Menus/Sidebar/styles.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const Sidebar_styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","sidebar":"styles-module__sidebar--Fu5Qi","mobile":"styles-module__mobile--WIsuV","react-tabs":"styles-module__react-tabs--MIiIF","react-tabs__tab-list":"styles-module__react-tabs__tab-list--h1azo","gwcLogo":"styles-module__gwcLogo--o2p4A","bar":"styles-module__bar--fOlLf","optionsTop":"styles-module__optionsTop--2jNbs","optionsBottom":"styles-module__optionsBottom--PtwF4","option":"styles-module__option--MOGCu","selected":"styles-module__selected--avjSK","panel":"styles-module__panel--bHhSv","panelWithFooter":"styles-module__panelWithFooter--5ItsY","panelHeading":"styles-module__panelHeading--GRNt0","panelHeader":"styles-module__panelHeader--bAHfN","panelContent":"styles-module__panelContent--X7kot","panelButtons":"styles-module__panelButtons---y4S-","panelFooter":"styles-module__panelFooter--T1y-s"});
+;// ./src/components/Menus/Sidebar/SidebarBarOption.jsx
 
 
 
 
 
-var MenuList_excluded = ["ariaLabel", "menuClassName", "menuStyle", "arrowClassName", "arrowStyle", "anchorPoint", "anchorRef", "containerRef", "containerProps", "focusProps", "externalRef", "parentScrollingRef", "arrow", "align", "direction", "position", "overflow", "setDownOverflow", "repositionFlag", "captureFocus", "state", "endTransition", "isDisabled", "menuItemFocus", "offsetX", "offsetY", "children", "onClose"];
-var MenuList = function MenuList(_ref) {
-  var ariaLabel = _ref.ariaLabel,
-    menuClassName = _ref.menuClassName,
-    menuStyle = _ref.menuStyle,
-    arrowClassName = _ref.arrowClassName,
-    arrowStyle = _ref.arrowStyle,
-    anchorPoint = _ref.anchorPoint,
-    anchorRef = _ref.anchorRef,
-    containerRef = _ref.containerRef,
-    containerProps = _ref.containerProps,
-    focusProps = _ref.focusProps,
-    externalRef = _ref.externalRef,
-    parentScrollingRef = _ref.parentScrollingRef,
-    arrow = _ref.arrow,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'start' : _ref$align,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'bottom' : _ref$direction,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'auto' : _ref$position,
-    _ref$overflow = _ref.overflow,
-    overflow = _ref$overflow === void 0 ? 'visible' : _ref$overflow,
-    setDownOverflow = _ref.setDownOverflow,
-    repositionFlag = _ref.repositionFlag,
-    _ref$captureFocus = _ref.captureFocus,
-    captureFocus = _ref$captureFocus === void 0 ? true : _ref$captureFocus,
-    state = _ref.state,
-    endTransition = _ref.endTransition,
-    isDisabled = _ref.isDisabled,
-    menuItemFocus = _ref.menuItemFocus,
-    _ref$offsetX = _ref.offsetX,
-    offsetX = _ref$offsetX === void 0 ? 0 : _ref$offsetX,
-    _ref$offsetY = _ref.offsetY,
-    offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
-    children = _ref.children,
-    onClose = _ref.onClose,
-    restProps = _rollupPluginBabelHelpers_objectWithoutPropertiesLoose(_ref, MenuList_excluded);
-  var _useState = (0,external_react_.useState)({
-      x: 0,
-      y: 0
-    }),
-    menuPosition = _useState[0],
-    setMenuPosition = _useState[1];
-  var _useState2 = (0,external_react_.useState)({}),
-    arrowPosition = _useState2[0],
-    setArrowPosition = _useState2[1];
-  var _useState3 = (0,external_react_.useState)(),
-    overflowData = _useState3[0],
-    setOverflowData = _useState3[1];
-  var _useState4 = (0,external_react_.useState)(direction),
-    expandedDirection = _useState4[0],
-    setExpandedDirection = _useState4[1];
-  var _useState5 = (0,external_react_.useState)(createSubmenuCtx),
-    submenuCtx = _useState5[0];
-  var _useReducer = (0,external_react_.useReducer)(function (c) {
-      return c + 1;
-    }, 1),
-    reposSubmenu = _useReducer[0],
-    forceReposSubmenu = _useReducer[1];
-  var _useContext = (0,external_react_.useContext)(constants_SettingsContext),
-    transition = _useContext.transition,
-    boundingBoxRef = _useContext.boundingBoxRef,
-    boundingBoxPadding = _useContext.boundingBoxPadding,
-    rootMenuRef = _useContext.rootMenuRef,
-    rootAnchorRef = _useContext.rootAnchorRef,
-    scrollNodesRef = _useContext.scrollNodesRef,
-    reposition = _useContext.reposition,
-    viewScroll = _useContext.viewScroll,
-    submenuCloseDelay = _useContext.submenuCloseDelay;
-  var _useContext2 = (0,external_react_.useContext)(MenuListContext),
-    parentSubmenuCtx = _useContext2.submenuCtx,
-    _useContext2$reposSub = _useContext2.reposSubmenu,
-    reposFlag = _useContext2$reposSub === void 0 ? repositionFlag : _useContext2$reposSub;
-  var menuRef = (0,external_react_.useRef)(null);
-  var focusRef = (0,external_react_.useRef)();
-  var arrowRef = (0,external_react_.useRef)();
-  var prevOpen = (0,external_react_.useRef)(false);
-  var latestMenuSize = (0,external_react_.useRef)({
-    width: 0,
-    height: 0
-  });
-  var latestHandlePosition = (0,external_react_.useRef)(function () {});
-  var _useItems = useItems(menuRef, focusRef),
-    hoverItem = _useItems.hoverItem,
-    dispatch = _useItems.dispatch,
-    updateItems = _useItems.updateItems;
-  var isOpen = isMenuOpen(state);
-  var openTransition = getTransition(transition, 'open');
-  var closeTransition = getTransition(transition, 'close');
-  var scrollNodes = scrollNodesRef.current;
-  var onKeyDown = function onKeyDown(e) {
-    switch (e.key) {
-      case Keys.HOME:
-        dispatch(HoverActionTypes.FIRST);
-        break;
-      case Keys.END:
-        dispatch(HoverActionTypes.LAST);
-        break;
-      case Keys.UP:
-        dispatch(HoverActionTypes.DECREASE, hoverItem);
-        break;
-      case Keys.DOWN:
-        dispatch(HoverActionTypes.INCREASE, hoverItem);
-        break;
-      case Keys.SPACE:
-        if (e.target && e.target.className.indexOf(menuClass) !== -1) {
-          e.preventDefault();
-        }
-        return;
-      default:
-        return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  var onAnimationEnd = function onAnimationEnd() {
-    if (state === 'closing') {
-      setOverflowData();
-    }
-    safeCall(endTransition);
-  };
-  var onPointerMove = function onPointerMove(e) {
-    e.stopPropagation();
-    submenuCtx.on(submenuCloseDelay, function () {
-      dispatch(HoverActionTypes.RESET);
-      focusRef.current.focus();
-    });
-  };
-  var onPointerLeave = function onPointerLeave(e) {
-    if (e.target === e.currentTarget) submenuCtx.off();
+var SidebarBarOption = props => {
+  var {
+    Icon,
+    isActive,
+    name,
+    title,
+    toggleOption,
+    buttonText,
+    isUser
+  } = props;
+  var onClickHandler = () => {
+    toggleOption(name);
   };
-  var handlePosition = (0,external_react_.useCallback)(function (noOverflowCheck) {
-    var _anchorRef$current;
-    var anchorRect = anchorRef ? (_anchorRef$current = anchorRef.current) == null ? void 0 : _anchorRef$current.getBoundingClientRect() : anchorPoint ? {
-      left: anchorPoint.x,
-      right: anchorPoint.x,
-      top: anchorPoint.y,
-      bottom: anchorPoint.y,
-      width: 0,
-      height: 0
-    } : null;
-    if (!anchorRect) {
-      if (false) {}
-      return;
-    }
-    if (!scrollNodes.menu) {
-      scrollNodes.menu = (boundingBoxRef ? boundingBoxRef.current : getScrollAncestor(rootMenuRef.current)) || window;
-    }
-    var positionHelpers = getPositionHelpers(containerRef, menuRef, scrollNodes.menu, boundingBoxPadding);
-    var _positionMenu = positionMenu({
-        arrow: arrow,
-        align: align,
-        direction: direction,
-        offsetX: offsetX,
-        offsetY: offsetY,
-        position: position,
-        anchorRect: anchorRect,
-        arrowRef: arrowRef,
-        positionHelpers: positionHelpers
-      }),
-      arrowX = _positionMenu.arrowX,
-      arrowY = _positionMenu.arrowY,
-      x = _positionMenu.x,
-      y = _positionMenu.y,
-      computedDirection = _positionMenu.computedDirection;
-    var menuRect = positionHelpers.menuRect;
-    var menuHeight = menuRect.height;
-    if (!noOverflowCheck && overflow !== 'visible') {
-      var getTopOverflow = positionHelpers.getTopOverflow,
-        getBottomOverflow = positionHelpers.getBottomOverflow;
-      var height, _overflowAmt;
-      var prevHeight = latestMenuSize.current.height;
-      var bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0 || floatEqual(bottomOverflow, 0) && floatEqual(menuHeight, prevHeight)) {
-        height = menuHeight - bottomOverflow;
-        _overflowAmt = bottomOverflow;
-      } else {
-        var topOverflow = getTopOverflow(y);
-        if (topOverflow < 0 || floatEqual(topOverflow, 0) && floatEqual(menuHeight, prevHeight)) {
-          height = menuHeight + topOverflow;
-          _overflowAmt = 0 - topOverflow;
-          if (height >= 0) y -= topOverflow;
-        }
-      }
-      if (height >= 0) {
-        menuHeight = height;
-        setOverflowData({
-          height: height,
-          overflowAmt: _overflowAmt
-        });
-      } else {
-        setOverflowData();
-      }
-    }
-    if (arrow) setArrowPosition({
-      x: arrowX,
-      y: arrowY
-    });
-    setMenuPosition({
-      x: x,
-      y: y
-    });
-    setExpandedDirection(computedDirection);
-    latestMenuSize.current = {
-      width: menuRect.width,
-      height: menuHeight
-    };
-  }, [arrow, align, boundingBoxPadding, direction, offsetX, offsetY, position, overflow, anchorPoint, anchorRef, containerRef, boundingBoxRef, rootMenuRef, scrollNodes]);
-  useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function () {
-    if (isOpen) {
-      handlePosition();
-      if (prevOpen.current) forceReposSubmenu();
-    }
-    prevOpen.current = isOpen;
-    latestHandlePosition.current = handlePosition;
-  }, [isOpen, handlePosition, reposFlag]);
-  useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function () {
-    if (overflowData && !setDownOverflow) menuRef.current.scrollTop = 0;
-  }, [overflowData, setDownOverflow]);
-  useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function () {
-    return updateItems;
-  }, [updateItems]);
-  (0,external_react_.useEffect)(function () {
-    var menuScroll = scrollNodes.menu;
-    if (!isOpen || !menuScroll) return;
-    menuScroll = menuScroll.addEventListener ? menuScroll : window;
-    if (!scrollNodes.anchors) {
-      scrollNodes.anchors = [];
-      var anchorScroll = getScrollAncestor(rootAnchorRef && rootAnchorRef.current);
-      while (anchorScroll && anchorScroll !== menuScroll) {
-        scrollNodes.anchors.push(anchorScroll);
-        anchorScroll = getScrollAncestor(anchorScroll);
-      }
-    }
-    var scroll = viewScroll;
-    if (scrollNodes.anchors.length && scroll === 'initial') scroll = 'auto';
-    if (scroll === 'initial') return;
-    var handleScroll = function handleScroll() {
-      if (scroll === 'auto') {
-        batchedUpdates(function () {
-          return handlePosition(true);
-        });
-      } else {
-        safeCall(onClose, {
-          reason: CloseReason.SCROLL
-        });
-      }
-    };
-    var scrollObservers = scrollNodes.anchors.concat(viewScroll !== 'initial' ? menuScroll : []);
-    scrollObservers.forEach(function (o) {
-      return o.addEventListener('scroll', handleScroll);
-    });
-    return function () {
-      return scrollObservers.forEach(function (o) {
-        return o.removeEventListener('scroll', handleScroll);
-      });
-    };
-  }, [rootAnchorRef, scrollNodes, isOpen, onClose, viewScroll, handlePosition]);
-  var hasOverflow = !!overflowData && overflowData.overflowAmt > 0;
-  (0,external_react_.useEffect)(function () {
-    if (hasOverflow || !isOpen || !parentScrollingRef) return;
-    var handleScroll = function handleScroll() {
-      return batchedUpdates(handlePosition);
-    };
-    var parentScroll = parentScrollingRef.current;
-    parentScroll.addEventListener('scroll', handleScroll);
-    return function () {
-      return parentScroll.removeEventListener('scroll', handleScroll);
-    };
-  }, [isOpen, hasOverflow, parentScrollingRef, handlePosition]);
-  (0,external_react_.useEffect)(function () {
-    if (typeof ResizeObserver !== 'function' || reposition === 'initial') return;
-    var resizeObserver = new ResizeObserver(function (_ref2) {
-      var entry = _ref2[0];
-      var borderBoxSize = entry.borderBoxSize,
-        target = entry.target;
-      var width, height;
-      if (borderBoxSize) {
-        var _ref3 = borderBoxSize[0] || borderBoxSize,
-          inlineSize = _ref3.inlineSize,
-          blockSize = _ref3.blockSize;
-        width = inlineSize;
-        height = blockSize;
-      } else {
-        var borderRect = target.getBoundingClientRect();
-        width = borderRect.width;
-        height = borderRect.height;
-      }
-      if (width === 0 || height === 0) return;
-      if (floatEqual(width, latestMenuSize.current.width, 1) && floatEqual(height, latestMenuSize.current.height, 1)) return;
-      (0,external_react_dom_.flushSync)(function () {
-        latestHandlePosition.current();
-        forceReposSubmenu();
-      });
-    });
-    var observeTarget = menuRef.current;
-    resizeObserver.observe(observeTarget, {
-      box: 'border-box'
-    });
-    return function () {
-      return resizeObserver.unobserve(observeTarget);
-    };
-  }, [reposition]);
-  (0,external_react_.useEffect)(function () {
-    if (!isOpen) {
-      dispatch(HoverActionTypes.RESET);
-      if (!closeTransition) setOverflowData();
-      return;
-    }
-    var _ref4 = menuItemFocus || {},
-      position = _ref4.position,
-      alwaysUpdate = _ref4.alwaysUpdate;
-    var setItemFocus = function setItemFocus() {
-      if (position === FocusPositions.FIRST) {
-        dispatch(HoverActionTypes.FIRST);
-      } else if (position === FocusPositions.LAST) {
-        dispatch(HoverActionTypes.LAST);
-      } else if (position >= -1) {
-        dispatch(HoverActionTypes.SET_INDEX, undefined, position);
-      }
-    };
-    if (alwaysUpdate) {
-      setItemFocus();
-    } else if (captureFocus) {
-      var id = setTimeout(function () {
-        if (!menuRef.current.contains(document.activeElement)) {
-          focusRef.current.focus();
-          setItemFocus();
-        }
-      }, openTransition ? 170 : 100);
-      return function () {
-        return clearTimeout(id);
-      };
-    }
-  }, [isOpen, openTransition, closeTransition, captureFocus, menuItemFocus, dispatch]);
-  var itemContext = (0,external_react_.useMemo)(function () {
-    return {
-      isParentOpen: isOpen,
-      submenuCtx: submenuCtx,
-      dispatch: dispatch,
-      updateItems: updateItems
-    };
-  }, [isOpen, submenuCtx, dispatch, updateItems]);
-  var maxHeight, overflowAmt;
-  if (overflowData) {
-    setDownOverflow ? overflowAmt = overflowData.overflowAmt : maxHeight = overflowData.height;
-  }
-  var listContext = (0,external_react_.useMemo)(function () {
-    return {
-      reposSubmenu: reposSubmenu,
-      submenuCtx: submenuCtx,
-      overflow: overflow,
-      overflowAmt: overflowAmt,
-      parentMenuRef: menuRef,
-      parentDir: expandedDirection
-    };
-  }, [reposSubmenu, submenuCtx, overflow, overflowAmt, expandedDirection]);
-  var overflowStyle = maxHeight >= 0 ? {
-    maxHeight: maxHeight,
-    overflow: overflow
-  } : undefined;
-  var modifiers = (0,external_react_.useMemo)(function () {
-    return {
-      state: state,
-      dir: expandedDirection
-    };
-  }, [state, expandedDirection]);
-  var arrowModifiers = (0,external_react_.useMemo)(function () {
-    return {
-      dir: expandedDirection
-    };
-  }, [expandedDirection]);
-  var _arrowClass = useBEM({
-    block: menuClass,
-    element: menuArrowClass,
-    modifiers: arrowModifiers,
-    className: arrowClassName
-  });
-  var menu = /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", _rollupPluginBabelHelpers_extends({
-    role: "menu",
-    "aria-label": ariaLabel
-  }, commonProps(isDisabled), utils_mergeProps({
-    onPointerEnter: parentSubmenuCtx == null ? void 0 : parentSubmenuCtx.off,
-    onPointerMove: onPointerMove,
-    onPointerLeave: onPointerLeave,
-    onKeyDown: onKeyDown,
-    onAnimationEnd: onAnimationEnd
-  }, restProps), {
-    ref: useCombinedRef(externalRef, menuRef),
-    className: useBEM({
-      block: menuClass,
-      modifiers: modifiers,
-      className: menuClassName
-    }),
-    style: _rollupPluginBabelHelpers_extends({}, menuStyle, overflowStyle, {
-      margin: 0,
-      display: state === 'closed' ? 'none' : undefined,
-      position: positionAbsolute,
-      left: menuPosition.x,
-      top: menuPosition.y
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, {
+    className: classnames_default()(Sidebar_styles_module.option, {
+      [Sidebar_styles_module.selected]: isActive
     }),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("li", _rollupPluginBabelHelpers_extends({
-      tabIndex: -1,
-      style: {
-        position: positionAbsolute,
-        left: 0,
-        top: 0,
-        display: 'block',
-        outline: 'none'
-      },
-      ref: focusRef
-    }, dummyItemProps, focusProps)), arrow && /*#__PURE__*/(0,jsx_runtime.jsx)("li", _rollupPluginBabelHelpers_extends({
-      className: _arrowClass,
-      style: _rollupPluginBabelHelpers_extends({
-        display: 'block',
-        position: positionAbsolute,
-        left: arrowPosition.x,
-        top: arrowPosition.y
-      }, arrowStyle),
-      ref: arrowRef
-    }, dummyItemProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(MenuListContext.Provider, {
-      value: listContext,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuListItemContext.Provider, {
-        value: itemContext,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(HoverItemContext.Provider, {
-          value: hoverItem,
-          children: safeCall(children, modifiers)
-        })
-      })
-    })]
-  }));
-  return containerProps ? /*#__PURE__*/(0,jsx_runtime.jsx)(MenuContainer, _rollupPluginBabelHelpers_extends({}, containerProps, {
-    isOpen: isOpen,
-    children: menu
-  })) : menu;
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/components/ControlledMenu.js
-
-
-
-
-
-
-
-
-
-
-var ControlledMenu_excluded = ["aria-label", "className", "containerProps", "initialMounted", "unmountOnClose", "transition", "transitionTimeout", "boundingBoxRef", "boundingBoxPadding", "reposition", "submenuOpenDelay", "submenuCloseDelay", "skipOpen", "viewScroll", "portal", "theming", "onItemClick"];
-var ControlledMenu = /*#__PURE__*/(0,external_react_.forwardRef)(function ControlledMenu(_ref, externalRef) {
-  var ariaLabel = _ref['aria-label'],
-    className = _ref.className,
-    containerProps = _ref.containerProps,
-    initialMounted = _ref.initialMounted,
-    unmountOnClose = _ref.unmountOnClose,
-    transition = _ref.transition,
-    transitionTimeout = _ref.transitionTimeout,
-    boundingBoxRef = _ref.boundingBoxRef,
-    boundingBoxPadding = _ref.boundingBoxPadding,
-    _ref$reposition = _ref.reposition,
-    reposition = _ref$reposition === void 0 ? 'auto' : _ref$reposition,
-    _ref$submenuOpenDelay = _ref.submenuOpenDelay,
-    submenuOpenDelay = _ref$submenuOpenDelay === void 0 ? 300 : _ref$submenuOpenDelay,
-    _ref$submenuCloseDela = _ref.submenuCloseDelay,
-    submenuCloseDelay = _ref$submenuCloseDela === void 0 ? 150 : _ref$submenuCloseDela,
-    skipOpen = _ref.skipOpen,
-    _ref$viewScroll = _ref.viewScroll,
-    viewScroll = _ref$viewScroll === void 0 ? 'initial' : _ref$viewScroll,
-    portal = _ref.portal,
-    theming = _ref.theming,
-    onItemClick = _ref.onItemClick,
-    restProps = _rollupPluginBabelHelpers_objectWithoutPropertiesLoose(_ref, ControlledMenu_excluded);
-  var containerRef = (0,external_react_.useRef)(null);
-  var scrollNodesRef = (0,external_react_.useRef)({});
-  var anchorRef = restProps.anchorRef,
-    state = restProps.state,
-    onClose = restProps.onClose;
-  var settings = (0,external_react_.useMemo)(function () {
-    return {
-      initialMounted: initialMounted,
-      unmountOnClose: unmountOnClose,
-      transition: transition,
-      transitionTimeout: transitionTimeout,
-      boundingBoxRef: boundingBoxRef,
-      boundingBoxPadding: boundingBoxPadding,
-      rootMenuRef: containerRef,
-      rootAnchorRef: anchorRef,
-      scrollNodesRef: scrollNodesRef,
-      reposition: reposition,
-      viewScroll: viewScroll,
-      submenuOpenDelay: submenuOpenDelay,
-      submenuCloseDelay: submenuCloseDelay
-    };
-  }, [initialMounted, unmountOnClose, transition, transitionTimeout, anchorRef, boundingBoxRef, boundingBoxPadding, reposition, viewScroll, submenuOpenDelay, submenuCloseDelay]);
-  var eventHandlers = (0,external_react_.useMemo)(function () {
-    return {
-      handleClick: function handleClick(event, isCheckorRadio) {
-        if (!event.stopPropagation) safeCall(onItemClick, event);
-        var keepOpen = event.keepOpen;
-        if (keepOpen === undefined) {
-          keepOpen = isCheckorRadio && event.key === Keys.SPACE;
-        }
-        if (!keepOpen) {
-          safeCall(onClose, {
-            value: event.value,
-            key: event.key,
-            reason: CloseReason.CLICK
-          });
-        }
-      },
-      handleClose: function handleClose(key) {
-        safeCall(onClose, {
-          key: key,
-          reason: CloseReason.CLICK
-        });
-      }
-    };
-  }, [onItemClick, onClose]);
-  if (!state) return null;
-  var menuList = /*#__PURE__*/(0,jsx_runtime.jsx)(constants_SettingsContext.Provider, {
-    value: settings,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(EventHandlersContext.Provider, {
-      value: eventHandlers,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuList, _rollupPluginBabelHelpers_extends({}, restProps, {
-        ariaLabel: ariaLabel || 'Menu',
-        externalRef: externalRef,
-        containerRef: containerRef,
-        containerProps: {
-          className: className,
-          containerRef: containerRef,
-          containerProps: containerProps,
-          skipOpen: skipOpen,
-          theming: theming,
-          transition: transition,
-          onClose: onClose
-        }
-      }))
-    })
-  });
-  if (portal === true && typeof document !== 'undefined') {
-    return /*#__PURE__*/(0,external_react_dom_.createPortal)(menuList, document.body);
-  } else if (portal) {
-    return portal.target ? /*#__PURE__*/(0,external_react_dom_.createPortal)(menuList, portal.target) : portal.stablePosition ? null : menuList;
-  }
-  return menuList;
-});
- false ? 0 : void 0;
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useItemEffect.js
-
-
-var useItemEffect = function useItemEffect(isDisabled, itemRef, updateItems) {
-  useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function () {
-    if (false) {}
-    if (isDisabled) return;
-    var item = itemRef.current;
-    updateItems(item, true);
-    return function () {
-      updateItems(item);
-    };
-  }, [isDisabled, itemRef, updateItems]);
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/hooks/useItemState.js
-
-
-
-
-var useItemState = function useItemState(itemRef, focusRef, isHovering, isDisabled) {
-  var _useContext = (0,external_react_.useContext)(constants_SettingsContext),
-    submenuCloseDelay = _useContext.submenuCloseDelay;
-  var _useContext2 = (0,external_react_.useContext)(MenuListItemContext),
-    isParentOpen = _useContext2.isParentOpen,
-    submenuCtx = _useContext2.submenuCtx,
-    dispatch = _useContext2.dispatch,
-    updateItems = _useContext2.updateItems;
-  var setHover = function setHover() {
-    !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, itemRef.current);
-  };
-  var unsetHover = function unsetHover() {
-    !isDisabled && dispatch(HoverActionTypes.UNSET, itemRef.current);
-  };
-  var onBlur = function onBlur(e) {
-    if (isHovering && !e.currentTarget.contains(e.relatedTarget)) unsetHover();
-  };
-  var onPointerMove = function onPointerMove(e) {
-    if (!isDisabled) {
-      e.stopPropagation();
-      submenuCtx.on(submenuCloseDelay, setHover, setHover);
-    }
-  };
-  var onPointerLeave = function onPointerLeave(_, keepHover) {
-    submenuCtx.off();
-    !keepHover && unsetHover();
-  };
-  useItemEffect(isDisabled, itemRef, updateItems);
-  (0,external_react_.useEffect)(function () {
-    if (isHovering && isParentOpen) {
-      focusRef.current && focusRef.current.focus();
-    }
-  }, [focusRef, isHovering, isParentOpen]);
-  return {
-    setHover: setHover,
-    onBlur: onBlur,
-    onPointerMove: onPointerMove,
-    onPointerLeave: onPointerLeave
-  };
-};
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/utils/withHovering.js
-
-
-
-
-
-var withHovering = function withHovering(name, WrappedComponent) {
-  var Component = /*#__PURE__*/(0,external_react_.memo)(WrappedComponent);
-  var WithHovering = /*#__PURE__*/(0,external_react_.forwardRef)(function (props, ref) {
-    var itemRef = (0,external_react_.useRef)(null);
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(Component, _rollupPluginBabelHelpers_extends({}, props, {
-      itemRef: itemRef,
-      externalRef: ref,
-      isHovering: (0,external_react_.useContext)(HoverItemContext) === itemRef.current
-    }));
+    isUser: isUser,
+    ButtonIcon: Icon,
+    title: title,
+    buttonText: buttonText,
+    onClickHandler: onClickHandler
   });
-  WithHovering.displayName = "WithHovering(" + name + ")";
-  return WithHovering;
 };
-
-
-
-;// ./node_modules/@szhsin/react-menu/dist/es/components/MenuItem.js
-
-
-
-
-
-
-
-
-
-
-
-
-var MenuItem_excluded = ["className", "value", "href", "type", "checked", "disabled", "children", "onClick", "isHovering", "itemRef", "externalRef"],
-  MenuItem_excluded2 = ["setHover"];
-var MenuItem = /*#__PURE__*/withHovering('MenuItem', function MenuItem(_ref) {
-  var className = _ref.className,
-    value = _ref.value,
-    href = _ref.href,
-    type = _ref.type,
-    checked = _ref.checked,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    isHovering = _ref.isHovering,
-    itemRef = _ref.itemRef,
-    externalRef = _ref.externalRef,
-    restProps = _rollupPluginBabelHelpers_objectWithoutPropertiesLoose(_ref, MenuItem_excluded);
-  var isDisabled = !!disabled;
-  var _useItemState = useItemState(itemRef, itemRef, isHovering, isDisabled),
-    setHover = _useItemState.setHover,
-    restStateProps = _rollupPluginBabelHelpers_objectWithoutPropertiesLoose(_useItemState, MenuItem_excluded2);
-  var eventHandlers = (0,external_react_.useContext)(EventHandlersContext);
-  var radioGroup = (0,external_react_.useContext)(RadioGroupContext);
-  var isRadio = type === 'radio';
-  var isCheckBox = type === 'checkbox';
-  var isAnchor = !!href && !isDisabled && !isRadio && !isCheckBox;
-  var isChecked = isRadio ? radioGroup.value === value : isCheckBox ? !!checked : false;
-  var handleClick = function handleClick(e) {
-    if (isDisabled) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    var event = {
-      value: value,
-      syntheticEvent: e
-    };
-    if (e.key !== undefined) event.key = e.key;
-    if (isCheckBox) event.checked = !isChecked;
-    if (isRadio) event.name = radioGroup.name;
-    safeCall(onClick, event);
-    if (isRadio) safeCall(radioGroup.onRadioChange, event);
-    eventHandlers.handleClick(event, isCheckBox || isRadio);
-  };
-  var handleKeyDown = function handleKeyDown(e) {
-    if (!isHovering) return;
-    switch (e.key) {
-      case Keys.ENTER:
-      case Keys.SPACE:
-        isAnchor ? e.key === Keys.SPACE && itemRef.current.click() : handleClick(e);
-    }
-  };
-  var modifiers = (0,external_react_.useMemo)(function () {
-    return {
-      type: type,
-      disabled: isDisabled,
-      hover: isHovering,
-      checked: isChecked,
-      anchor: isAnchor
-    };
-  }, [type, isDisabled, isHovering, isChecked, isAnchor]);
-  var mergedProps = utils_mergeProps(_rollupPluginBabelHelpers_extends({}, restStateProps, {
-    onPointerDown: setHover,
-    onKeyDown: handleKeyDown,
-    onClick: handleClick
-  }), restProps);
-  var menuItemProps = _rollupPluginBabelHelpers_extends({
-    role: isRadio ? 'menuitemradio' : isCheckBox ? 'menuitemcheckbox' : roleMenuitem,
-    'aria-checked': isRadio || isCheckBox ? isChecked : undefined
-  }, commonProps(isDisabled, isHovering), mergedProps, {
-    ref: useCombinedRef(externalRef, itemRef),
-    className: useBEM({
-      block: menuClass,
-      element: menuItemClass,
-      modifiers: modifiers,
-      className: className
-    }),
-    children: (0,external_react_.useMemo)(function () {
-      return safeCall(children, modifiers);
-    }, [children, modifiers])
-  });
-  return isAnchor ? /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-    role: roleNone,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("a", _rollupPluginBabelHelpers_extends({
-      href: href
-    }, menuItemProps))
-  }) : /*#__PURE__*/(0,jsx_runtime.jsx)("li", _rollupPluginBabelHelpers_extends({}, menuItemProps));
-});
- false ? 0 : void 0;
-
-
-
-;// ./src/assets/stylesheets/ContextMenu.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/Menus/ContextMenu/ContextMenu.jsx
+/* harmony default export */ const Sidebar_SidebarBarOption = (SidebarBarOption);
+;// ./src/assets/gwc-logo.svg
+const gwc_logo_namespaceObject = __webpack_require__.p + "assets/gwc-logoa61b092912e3c38825d3.svg";
+;// ./src/components/Menus/Sidebar/SidebarBar.jsx
 
 
 
 
 
-var ContextMenu = props => {
+var SidebarBar = props => {
   var {
-    align,
-    direction,
-    menuButtonLabel,
-    menuButtonClassName,
-    MenuButtonIcon,
     menuOptions,
-    offsetX,
-    offsetY
+    option,
+    toggleOption
   } = props;
-  var settings = (0,external_react_.useContext)(SettingsContext);
-  var menuButton = (0,external_react_.useRef)(null);
-  var contextMenu = (0,external_react_.useRef)();
-  var [isOpen, setOpen] = (0,external_react_.useState)(false);
-  var setMenuOpenState = isMenuOpen => {
-    setOpen(isMenuOpen);
-    if (isMenuOpen) {
-      var hiddenDiv = contextMenu.current.firstChild;
-      hiddenDiv.setAttribute("role", "menuitem");
-      hiddenDiv.setAttribute("aria-hidden", "true");
-    } else {
-      menuButton.current.focus();
-    }
-  };
-  var portalTarget = document.getElementById("textjam-root");
-  document.body;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-      "aria-haspopup": "menu",
-      "aria-label": menuButtonLabel,
-      className: "btn context-menu__drop".concat(menuButtonClassName ? " ".concat(menuButtonClassName) : ""),
-      title: menuButtonLabel,
-      type: "button",
-      ref: menuButton,
-      onClick: () => setMenuOpenState(true),
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuButtonIcon, {})
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(ControlledMenu, {
-      transition: true,
-      align: align,
-      direction: direction,
-      menuStyle: {
-        padding: "5px"
-      },
-      offsetX: offsetX,
-      offsetY: offsetY,
-      position: "anchor",
-      viewScroll: "initial",
-      portal: {
-        target: portalTarget
-      },
-      menuClassName: "context-menu context-menu--".concat(settings.theme),
-      menuItemFocus: {
-        position: "first"
-      },
-      state: isOpen ? "open" : "closed",
-      anchorRef: menuButton,
-      ref: contextMenu,
-      onClose: () => setMenuOpenState(false),
-      children: menuOptions.map((option, i) => /*#__PURE__*/(0,jsx_runtime.jsxs)(MenuItem, {
-        className: "btn context-menu__item",
-        onClick: option.action,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(option.icon, {}), "\xA0", option.text]
+  var topMenuOptions = menuOptions.filter(menuOption => menuOption.position === "top");
+  var bottomMenuOptions = menuOptions.filter(menuOption => menuOption.position === "bottom");
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: Sidebar_styles_module.bar,
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: Sidebar_styles_module.optionsTop,
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+        className: Sidebar_styles_module.gwcLogo,
+        src: gwc_logo_namespaceObject,
+        alt: "GWC Logo"
+      }), topMenuOptions.map((menuOption, i) => /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarBarOption, {
+        Icon: menuOption.icon,
+        title: menuOption.title,
+        isActive: option === menuOption.name,
+        toggleOption: toggleOption,
+        name: menuOption.name
+      }, i))]
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: Sidebar_styles_module.optionsBottom,
+      children: bottomMenuOptions.map((menuOption, i) => /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarBarOption, {
+        Icon: menuOption.icon,
+        title: menuOption.title,
+        isActive: option === menuOption.name,
+        toggleOption: toggleOption,
+        name: menuOption.name,
+        buttonText: menuOption.buttonText,
+        isUser: menuOption.name === "user"
       }, i))
     })]
   });
 };
-/* harmony default export */ const ContextMenu_ContextMenu = (ContextMenu);
-;// ./src/components/Menus/FileMenu/FileMenu.jsx
-
-
-
-
-
-
-
-
-var FileMenu = props => {
-  var dispatch = (0,external_react_redux_namespaceObject.useDispatch)();
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var onClickRenameFile = () => {
-    dispatch(showRenameFileModal(props));
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    onClick: e => e.stopPropagation(),
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(ContextMenu_ContextMenu, {
-      align: "start",
-      direction: "right",
-      menuButtonLabel: t("filePanel.fileMenu.label"),
-      MenuButtonIcon: ellipsis_vertical_namespaceObject,
-      menuOptions: [{
-        icon: pencil_namespaceObject,
-        text: t("filePanel.fileMenu.renameItem"),
-        action: onClickRenameFile
-      }],
-      offsetX: 16,
-      offsetY: -8
-    })
-  });
-};
-/* harmony default export */ const FileMenu_FileMenu = (FileMenu);
-;// ./src/assets/stylesheets/FilePanel.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/assets/stylesheets/Sidebar.scss
-// extracted by mini-css-extract-plugin
-
+/* harmony default export */ const Sidebar_SidebarBar = (SidebarBar);
 ;// ./node_modules/re-resizable/lib/resizer.js
 var resizer_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -342419,6 +341034,7 @@ var ResizableWithHandle = props => {
 
 
 
+
 var SidebarPanel = props => {
   var {
     children,
@@ -342433,29 +341049,29 @@ var SidebarPanel = props => {
   });
   var panelContent = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: "sidebar__panel-header",
+      className: Sidebar_styles_module.panelHeader,
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("h2", {
-        className: "sidebar__panel-heading",
+        className: Sidebar_styles_module.panelHeading,
         children: heading
       }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "sidebar__panel-buttons",
+        className: Sidebar_styles_module.panelButtons,
         children: buttons
       })]
     }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "sidebar__panel-content",
+      className: Sidebar_styles_module.panelContent,
       children: children
     }), Footer && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "sidebar__panel-footer",
+      className: Sidebar_styles_module.panelFooter,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(Footer, {})
     })]
   });
   return isMobile ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     "data-testid": "sidebar__panel",
-    className: classnames_default()("sidebar__panel", className, Footer && "sidebar__panel--with-footer"),
+    className: classnames_default()(Sidebar_styles_module.panel, className, Footer && Sidebar_styles_module.panelWithFooter),
     children: panelContent
   }) : /*#__PURE__*/(0,jsx_runtime.jsx)(utils_ResizableWithHandle, {
     "data-testid": "sidebar__panel",
-    className: classnames_default()("sidebar__panel", className, Footer && "sidebar__panel--with-footer"),
+    className: classnames_default()(Sidebar_styles_module.panel, className, Footer && Sidebar_styles_module.panelWithFooter),
     defaultWidth: defaultWidth,
     defaultHeight: "100%",
     handleDirection: "right",
@@ -342465,271 +341081,6 @@ var SidebarPanel = props => {
   });
 };
 /* harmony default export */ const Sidebar_SidebarPanel = (SidebarPanel);
-;// ./src/assets/icons/file.svg
-const file_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDE4SDE2VjE2SDhWMThaTTggMTRIMTZWMTJIOFYxNFpNNCAyMlYySDE0TDIwIDhWMjJINFpNMTMgOVY0SDZWMjBIMThWOUgxM1pNNiA0VjlWNFYyMFY0WiIvPg0KPC9zdmc+DQo=";
-;// ./src/assets/icons/python_file.svg
-const python_file_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB0aXRsZT0icHl0aG9uIGZpbGUiDQogIGRhdGEtdGVzdGlkPSJweXRob25JY29uIg0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMTEuNTI2OSAxMS42MjYxSDkuMTYxNjNDNy41MDU5MSAxMS42MjYxIDYuNDQxNTIgMTIuNjkwNSA2LjQ0MTUyIDE0LjM0NjJWMTYuNDc1QzYuNDQxNTIgMTYuNzExNSA2LjMyMzI2IDE2LjgyOTggNi4wODY3MyAxNi44Mjk4SDUuMDIyMzRDMy45NTc5NSAxNi44Mjk4IDMuMTMwMDkgMTYuMzU2NyAyLjY1NzAzIDE1LjQxMDZDMi4zMDIyMyAxNC43MDEgMi4wNjU3IDEzLjk5MTQgMi4wNjU3IDEzLjI4MThDMS45NDc0NCAxMS45ODA5IDEuOTQ3NDQgMTAuNjggMi40MjA1IDkuMzc5MDRDMi43NzUzIDguMzE0NjUgMy40ODQ4OSA3LjQ4Njc5IDQuNjY3NTQgNy4yNTAyNkgxMS41MjY5QzExLjY0NTIgNy4yNTAyNiAxMS44ODE3IDcuMjUwMjYgMTEuODgxNyA3LjEzMlY2LjU0MDY3QzExLjg4MTcgNi41NDA2NyAxMS42NDUyIDYuNDIyNCAxMS41MjY5IDYuNDIyNEg3LjUwNTkxQzcuMTUxMTIgNi40MjI0IDcuMDMyODUgNi4zMDQxNCA3LjAzMjg1IDUuOTQ5MzRWNC40MTE4OUM3LjAzMjg1IDMuNTg0MDMgNy4zODc2NSAyLjk5MjcxIDguMDk3MjQgMi43NTYxN0M4LjY4ODU3IDIuNTE5NjQgOS4yNzk4OSAyLjI4MzExIDkuODcxMjIgMi4xNjQ4NUMxMS4yOTA0IDEuOTI4MzIgMTIuNzA5NiAxLjkyODMyIDE0LjEyODggMi4yODMxMUMxNC43MjAxIDIuNDAxMzggMTUuMzExNCAyLjYzNzkxIDE1Ljc4NDUgMi45OTI3MUMxNi4yNTc2IDMuNDY1NzcgMTYuNjEyNCAzLjkzODgzIDE2LjQ5NDEgNC42NDg0MlY4LjkwNTk4QzE2LjQ5NDEgMTAuNTYxNyAxNS41NDggMTEuNTA3OCAxMy44OTIyIDExLjUwNzhDMTMuMDY0NCAxMS42MjYxIDEyLjIzNjUgMTEuNjI2MSAxMS41MjY5IDExLjYyNjFaTTguMjE1NTEgNC41MzAxNkM4LjIxNTUxIDUuMDAzMjIgOC41NzAzIDUuNDc2MjggOS4xNjE2MyA1LjQ3NjI4QzkuNjM0NjkgNS40NzYyOCAxMC4xMDc4IDUuMDAzMjIgMTAuMTA3OCA0LjUzMDE2QzEwLjEwNzggNC4wNTcwOSA5LjYzNDY5IDMuNzAyMyA5LjE2MTYzIDMuNTg0MDNDOC41NzAzIDMuNTg0MDMgOC4yMTU1MSA0LjA1NzA5IDguMjE1NTEgNC41MzAxNlpNMTIuNDczMSAxMi44MDg3SDE0LjgzODRDMTYuNDk0MSAxMi44MDg3IDE3LjU1ODUgMTEuNzQ0MyAxNy41NTg1IDEwLjA4ODZWNy45NTk4NUMxNy41NTg1IDcuNzIzMzIgMTcuNjc2NyA3LjYwNTA2IDE3LjkxMzMgNy42MDUwNkgxOC45Nzc3QzIwLjA0MiA3LjYwNTA2IDIwLjg2OTkgOC4wNzgxMiAyMS4zNDMgOS4wMjQyNEMyMS42OTc4IDkuNzMzODMgMjEuOTM0MyAxMC40NDM0IDIxLjkzNDMgMTEuMTUzQzIyLjA1MjYgMTIuNDUzOSAyMi4wNTI2IDEzLjc1NDkgMjEuNTc5NSAxNS4wNTU4QzIxLjIyNDcgMTYuMTIwMiAyMC41MTUxIDE2Ljk0OCAxOS4zMzI1IDE3LjE4NDZIMTIuNDczMUMxMi4zNTQ4IDE3LjE4NDYgMTIuMTE4MyAxNy4xODQ2IDEyLjExODMgMTcuMzAyOFYxNy44OTQxQzEyLjExODMgMTcuODk0MSAxMi4zNTQ4IDE4LjAxMjQgMTIuNDczMSAxOC4wMTI0SDE2LjQ5NDFDMTYuODQ4OSAxOC4wMTI0IDE2Ljk2NzEgMTguMTMwNyAxNi45NjcxIDE4LjQ4NTVWMjAuMDIyOUMxNi45NjcxIDIwLjg1MDggMTYuNjEyNCAyMS40NDIxIDE1LjkwMjggMjEuNjc4NkMxNS4zMTE0IDIxLjkxNTIgMTQuNzIwMSAyMi4xNTE3IDE0LjEyODggMjIuMjdDMTIuNzA5NiAyMi41MDY1IDExLjI5MDQgMjIuNTA2NSA5Ljg3MTIyIDIyLjE1MTdDOS4yNzk4OSAyMi4wMzM0IDguNjg4NTcgMjEuNzk2OSA4LjIxNTUxIDIxLjQ0MjFDNy43NDI0NCAyMC45NjkgNy4zODc2NSAyMC40OTYgNy41MDU5MSAxOS43ODY0VjE1LjUyODhDNy41MDU5MSAxMy44NzMxIDguNDUyMDQgMTIuOTI3IDEwLjEwNzggMTIuOTI3QzEwLjkzNTYgMTIuODA4NyAxMS43NjM1IDEyLjgwODcgMTIuNDczMSAxMi44MDg3Wk0xNS43ODQ1IDE5LjkwNDdDMTUuNzg0NSAxOS40MzE2IDE1LjQyOTcgMTguOTU4NSAxNC44Mzg0IDE4Ljk1ODVDMTQuMzY1MyAxOC45NTg1IDEzLjg5MjIgMTkuNDMxNiAxMy44OTIyIDE5LjkwNDdDMTMuODkyMiAyMC4zNzc3IDE0LjM2NTMgMjAuNzMyNSAxNC44Mzg0IDIwLjg1MDhDMTUuNDI5NyAyMC44NTA4IDE1Ljc4NDUgMjAuMzc3NyAxNS43ODQ1IDE5LjkwNDdaIiAvPg0KPC9zdmc+DQo=";
-;// ./src/assets/icons/html_file.svg
-const html_file_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICBkYXRhLXRlc3RpZD0iaHRtbEljb24iDQogIHdpZHRoPSIyNCINCiAgaGVpZ2h0PSIyNCINCiAgdmlld0JveD0iMCAwIDI0IDI0Ig0KICBmaWxsPSJub25lIg0KICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQo+DQogIDxwYXRoIGQ9Ik0yIDExLjEyNUw5LjUgNC4xMjVWNy4zNzVMMy44NzUgMTIuMzc1TDkuNSAxNy4zNzVWMjAuNjI1TDIgMTMuNjI1VjExLjEyNVpNMjIgMTMuNzVMMTQuNSAyMC43NVYxNy4zNzVMMjAuMjUgMTIuMzc1TDE0LjUgNy4zNzVWNEwyMiAxMVYxMy43NVoiIC8+DQo8L3N2Zz4NCg==";
-;// ./src/assets/icons/css_file.svg
-const css_file_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICBkYXRhLXRlc3RpZD0iY3NzSWNvbiINCiAgd2lkdGg9IjE4Ig0KICBoZWlnaHQ9IjE4Ig0KICB2aWV3Qm94PSIwIDAgMjAgMTgiDQogIGZpbGw9Im5vbmUiDQogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCj4NCiAgPHBhdGggZD0iTTIuMDUzNDkgMTcuNjM3NkwzLjAxOTk0IDEyLjgwNTRILTAuMDAwMTk4MzY0VjEwLjI2ODVIMy42MjM5Nkw0LjIyNzk5IDcuMjQ4MzJIMS4wODcwNVY0LjcxMTQxSDQuODMyMDJMNS43OTg0NiAwSDkuMTgxMDFMOC4yMTQ1NyA0LjcxMTQxSDExLjU5NzFMMTIuNTYzNiAwSDE1Ljk0NjFMMTQuOTc5NyA0LjcxMTQxSDE3Ljk5OThWNy4yNDgzMkgxNC40OTY0TDEzLjc3MTYgMTAuMjY4NUgxNi45MTI2VjEyLjgwNTRIMTMuMjg4NEwxMi4zMjE5IDE3LjYzNzZIOC45Mzk0TDkuOTA1ODQgMTIuODA1NEg2LjUyMzI5TDUuNTU2ODUgMTcuNjM3NkgyLjA1MzQ5Wk0xMC4zODkxIDEwLjI2ODVMMTAuOTkzMSA3LjI0ODMySDcuNjEwNTRMNy4wMDY1MSAxMC4yNjg1SDEwLjM4OTFaIiAvPg0KPC9zdmc+DQo=";
-;// ./src/assets/icons/csv_file.svg
-const csv_file_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zIDNWMjAuOEgyMVYzSDNaTTUuOSA2LjdIMTFWOEg1LjlWNi43Wk0xMi45IDYuN0gxOFY4SDEyLjlWNi43Wk01LjkgOS43SDExVjExSDUuOVY5LjdaTTEyLjkgOS43SDE4VjExSDEyLjlWOS43Wk01LjkgMTIuN0gxMVYxNEg1LjlWMTIuN1pNMTIuOSAxMi43SDE4VjE0SDEyLjlWMTIuN1pNNS45IDE1LjdIMTFWMTdINS45VjE1LjdaTTEyLjkgMTUuN0gxOFYxN0gxMi45VjE1LjdaIi8+DQo8L3N2Zz4NCg==";
-;// ./src/utils/FileIcon.jsx
-
-
-
-
-
-
-
-var FileIcon = _ref => {
-  var {
-    ext
-  } = _ref;
-  switch (ext) {
-    case FILE_EXTENSIONS.py:
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(python_file_namespaceObject, {
-        "data-testid": "pythonIcon"
-      });
-    case FILE_EXTENSIONS.html:
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(html_file_namespaceObject, {
-        "data-testid": "htmlIcon"
-      });
-    case FILE_EXTENSIONS.css:
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(css_file_namespaceObject, {
-        "data-testid": "cssIcon"
-      });
-    case FILE_EXTENSIONS.csv:
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(csv_file_namespaceObject, {
-        "data-testid": "csvIcon"
-      });
-    default:
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(file_namespaceObject, {
-        "data-testid": "defaultFileIcon"
-      });
-  }
-};
-/* harmony default export */ const utils_FileIcon = (FileIcon);
-;// ./src/assets/icons/plus.svg
-const plus_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTQiDQogIGhlaWdodD0iMTQiDQogIHZpZXdCb3g9IjAgMCAxNCAxNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNiAxNFY4SDBWNkg2VjBIOFY2SDE0VjhIOFYxNEg2WiIgLz4NCjwvc3ZnPg0K";
-;// ./src/components/Menus/Sidebar/FilePanel/FilePanel.jsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-var FilePanel = _ref => {
-  var {
-    isMobile
-  } = _ref;
-  var project = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.project);
-  var openFiles = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.openFiles);
-  var readOnly = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.readOnly);
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var dispatch = (0,external_react_redux_namespaceObject.useDispatch)();
-  var switchToFileTab = (panelIndex, fileIndex) => {
-    dispatch(setFocussedFileIndex({
-      panelIndex,
-      fileIndex
-    }));
-  };
-  var openFileTab = fileName => {
-    if (openFiles.flat().includes(fileName)) {
-      var panelIndex = openFiles.map(fileNames => fileNames.includes(fileName)).indexOf(true);
-      var fileIndex = openFiles[panelIndex].indexOf(fileName);
-      switchToFileTab(panelIndex, fileIndex);
-    } else {
-      dispatch(openFile(fileName));
-      switchToFileTab(0, openFiles[0].length);
-    }
-    if (isMobile) {
-      dispatch(hideSidebar());
-    }
-  };
-  var openNewFileModal = () => {
-    dispatch(showNewFileModal());
-  };
-  var buttons = readOnly ? [] : [/*#__PURE__*/(0,jsx_runtime.jsx)(DesignSystemButton_DesignSystemButton, {
-    text: t("filePanel.newFileButton"),
-    textAways: true,
-    icon: /*#__PURE__*/(0,jsx_runtime.jsx)(plus_namespaceObject, {}),
-    onClick: openNewFileModal,
-    className: "btn--primary",
-    fill: true
-  })];
-  if (!project || !project.components) {
-    return null;
-  }
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarPanel, {
-    heading: t("filePanel.files"),
-    buttons: buttons,
-    children: project.components.map((file, i) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: "files-list-item-wrapper",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(DesignSystemButton_DesignSystemButton, {
-        className: "files-list-item",
-        onClick: () => openFileTab("".concat(file.name, ".").concat(file.extension)),
-        text: "".concat(file.name, ".").concat(file.extension),
-        icon: /*#__PURE__*/(0,jsx_runtime.jsx)(utils_FileIcon, {
-          ext: file.extension
-        }),
-        type: "tertiary",
-        textAlways: true,
-        small: true
-      }), readOnly || file.name === "main" && file.extension === FILE_EXTENSIONS.py || file.name === "index" && file.extension === FILE_EXTENSIONS.html ? null : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "files-list-item__menu",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(FileMenu_FileMenu, {
-          fileKey: i,
-          name: file.name,
-          ext: file.extension
-        })
-      })]
-    }, i))
-  });
-};
-/* harmony default export */ const FilePanel_FilePanel = (FilePanel);
-;// ./src/assets/icons/double_arrow_left.svg
-const double_arrow_left_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMSAxOEw1IDEyTDExIDZMMTIuNCA3LjRMNy44MjUgMTJMMTIuNCAxNi42TDExIDE4Wk0xNy42IDE4TDExLjYgMTJMMTcuNiA2TDE5IDcuNEwxNC40MjUgMTJMMTkgMTYuNkwxNy42IDE4WiIvPg0KPC9zdmc+DQo=";
-;// ./src/assets/icons/double_arrow_right.svg
-const double_arrow_right_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjQgMThMNSAxNi42TDkuNTc1IDEyTDUgNy40TDYuNCA2TDEyLjQgMTJMNi40IDE4Wk0xMyAxOEwxMS42IDE2LjZMMTYuMTc1IDEyTDExLjYgNy40TDEzIDZMMTkgMTJMMTMgMThaIi8+DQo8L3N2Zz4NCg==";
-;// ./src/components/Menus/Sidebar/SidebarBarOption.jsx
-
-
-
-
-var SidebarBarOption = props => {
-  var {
-    Icon,
-    isActive,
-    name,
-    title,
-    toggleOption
-  } = props;
-  var onClickHandler = () => {
-    toggleOption(name);
-    if (name === "file" && window.plausible) {
-      window.plausible("Side menu open project files");
-    }
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: classnames_default()("sidebar__bar-option-wrapper", {
-      "sidebar__bar-option-wrapper--selected": isActive
-    }),
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, {
-      className: classnames_default()("sidebar__bar-option", {
-        "sidebar__bar-option--selected": isActive
-      }),
-      ButtonIcon: Icon,
-      title: title,
-      onClickHandler: onClickHandler
-    })
-  });
-};
-/* harmony default export */ const Sidebar_SidebarBarOption = (SidebarBarOption);
-;// ./src/assets/html_icon.svg
-const html_icon_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjQiIGZpbGw9IiMxMDFCMjkiLz4NCjxwYXRoIGQ9Ik0xMCAxOC43NUwxNy41IDExLjc1VjE1TDExLjg3NSAyMEwxNy41IDI1VjI4LjI1TDEwIDIxLjI1VjE4Ljc1Wk0zMCAyMS4zNzVMMjIuNSAyOC4zNzVWMjVMMjguMjUgMjBMMjIuNSAxNVYxMS42MjVMMzAgMTguNjI1VjIxLjM3NVoiIGZpbGw9IiM4OERERDQiLz4NCjwvc3ZnPg0K";
-;// ./src/assets/python_icon.svg
-const python_icon_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjQiIGZpbGw9IiMxMDFCMjkiLz4NCjxwYXRoIGQ9Ik0xOS41MDAxIDE5LjM3NUgxNy4wMDAxQzE1LjI1MDEgMTkuMzc1IDE0LjEyNTEgMjAuNSAxNC4xMjUxIDIyLjI1VjI0LjVDMTQuMTI1MSAyNC43NSAxNC4wMDAxIDI0Ljg3NSAxMy43NTAxIDI0Ljg3NUgxMi42MjUxQzExLjUwMDEgMjQuODc1IDEwLjYyNTEgMjQuMzc1IDEwLjEyNTEgMjMuMzc1QzkuNzUwMTEgMjIuNjI1IDkuNTAwMTEgMjEuODc1IDkuNTAwMTEgMjEuMTI1QzkuMzc1MTEgMTkuNzUgOS4zNzUxMSAxOC4zNzUgOS44NzUxMSAxN0MxMC4yNTAxIDE1Ljg3NSAxMS4wMDAxIDE1IDEyLjI1MDEgMTQuNzVIMTkuNTAwMUMxOS42MjUxIDE0Ljc1IDE5Ljg3NTEgMTQuNzUgMTkuODc1MSAxNC42MjVWMTRDMTkuODc1MSAxNCAxOS42MjUxIDEzLjg3NSAxOS41MDAxIDEzLjg3NUgxNS4yNTAxQzE0Ljg3NTEgMTMuODc1IDE0Ljc1MDEgMTMuNzUgMTQuNzUwMSAxMy4zNzVWMTEuNzVDMTQuNzUwMSAxMC44NzUgMTUuMTI1MSAxMC4yNSAxNS44NzUxIDkuOTk5OThDMTYuNTAwMSA5Ljc0OTk4IDE3LjEyNTEgOS40OTk5OCAxNy43NTAxIDkuMzc0OThDMTkuMjUwMSA5LjEyNDk4IDIwLjc1MDEgOS4xMjQ5OCAyMi4yNTAxIDkuNDk5OThDMjIuODc1MSA5LjYyNDk4IDIzLjUwMDEgOS44NzQ5OCAyNC4wMDAxIDEwLjI1QzI0LjUwMDEgMTAuNzUgMjQuODc1MSAxMS4yNSAyNC43NTAxIDEyVjE2LjVDMjQuNzUwMSAxOC4yNSAyMy43NTAxIDE5LjI1IDIyLjAwMDEgMTkuMjVDMjEuMTI1MSAxOS4zNzUgMjAuMjUwMSAxOS4zNzUgMTkuNTAwMSAxOS4zNzVaTTE2LjAwMDEgMTEuODc1QzE2LjAwMDEgMTIuMzc1IDE2LjM3NTEgMTIuODc1IDE3LjAwMDEgMTIuODc1QzE3LjUwMDEgMTIuODc1IDE4LjAwMDEgMTIuMzc1IDE4LjAwMDEgMTEuODc1QzE4LjAwMDEgMTEuMzc1IDE3LjUwMDEgMTEgMTcuMDAwMSAxMC44NzVDMTYuMzc1MSAxMC44NzUgMTYuMDAwMSAxMS4zNzUgMTYuMDAwMSAxMS44NzVaTTIwLjUwMDEgMjAuNjI1SDIzLjAwMDFDMjQuNzUwMSAyMC42MjUgMjUuODc1MSAxOS41IDI1Ljg3NTEgMTcuNzVWMTUuNUMyNS44NzUxIDE1LjI1IDI2LjAwMDEgMTUuMTI1IDI2LjI1MDEgMTUuMTI1SDI3LjM3NTFDMjguNTAwMSAxNS4xMjUgMjkuMzc1MSAxNS42MjUgMjkuODc1MSAxNi42MjVDMzAuMjUwMSAxNy4zNzUgMzAuNTAwMSAxOC4xMjUgMzAuNTAwMSAxOC44NzVDMzAuNjI1MSAyMC4yNSAzMC42MjUxIDIxLjYyNSAzMC4xMjUxIDIzQzI5Ljc1MDEgMjQuMTI1IDI5LjAwMDEgMjUgMjcuNzUwMSAyNS4yNUgyMC41MDAxQzIwLjM3NTEgMjUuMjUgMjAuMTI1MSAyNS4yNSAyMC4xMjUxIDI1LjM3NVYyNkMyMC4xMjUxIDI2IDIwLjM3NTEgMjYuMTI1IDIwLjUwMDEgMjYuMTI1SDI0Ljc1MDFDMjUuMTI1MSAyNi4xMjUgMjUuMjUwMSAyNi4yNSAyNS4yNTAxIDI2LjYyNVYyOC4yNUMyNS4yNTAxIDI5LjEyNSAyNC44NzUxIDI5Ljc1IDI0LjEyNTEgMzBDMjMuNTAwMSAzMC4yNSAyMi44NzUxIDMwLjUgMjIuMjUwMSAzMC42MjVDMjAuNzUwMSAzMC44NzUgMTkuMjUwMSAzMC44NzUgMTcuNzUwMSAzMC41QzE3LjEyNTEgMzAuMzc1IDE2LjUwMDEgMzAuMTI1IDE2LjAwMDEgMjkuNzVDMTUuNTAwMSAyOS4yNSAxNS4xMjUxIDI4Ljc1IDE1LjI1MDEgMjhWMjMuNUMxNS4yNTAxIDIxLjc1IDE2LjI1MDEgMjAuNzUgMTguMDAwMSAyMC43NUMxOC44NzUxIDIwLjYyNSAxOS43NTAxIDIwLjYyNSAyMC41MDAxIDIwLjYyNVpNMjQuMDAwMSAyOC4xMjVDMjQuMDAwMSAyNy42MjUgMjMuNjI1MSAyNy4xMjUgMjMuMDAwMSAyNy4xMjVDMjIuNTAwMSAyNy4xMjUgMjIuMDAwMSAyNy42MjUgMjIuMDAwMSAyOC4xMjVDMjIuMDAwMSAyOC42MjUgMjIuNTAwMSAyOSAyMy4wMDAxIDI5LjEyNUMyMy42MjUxIDI5LjEyNSAyNC4wMDAxIDI4LjYyNSAyNC4wMDAxIDI4LjEyNVoiIGZpbGw9IiM4OURERDUiLz4NCjwvc3ZnPg0K";
-;// ./src/components/Menus/Sidebar/SidebarBar.jsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var SidebarBar = props => {
-  var {
-    menuOptions,
-    option,
-    toggleOption
-  } = props;
-  var project = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.project);
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var topMenuOptions = menuOptions.filter(menuOption => menuOption.position === "top");
-  var bottomMenuOptions = menuOptions.filter(menuOption => menuOption.position === "bottom");
-  var isMobile = (0,react_responsive.useMediaQuery)({
-    query: MOBILE_MEDIA_QUERY
-  });
-  var expandPopOut = () => {
-    var option = "file";
-    toggleOption(option);
-    if (window.plausible) {
-      // TODO: Make dynamic events for each option or rename this event
-      window.plausible("Expand file pane");
-    }
-  };
-  var collapsePopOut = () => {
-    toggleOption(option);
-    if (window.plausible) {
-      window.plausible("Collapse file pane");
-    }
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: classnames_default()("sidebar__bar", {
-      "sidebar__bar--selected": option
-    }),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: "sidebar__bar-options--top",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-        className: "editor-logo",
-        src: project.project_type === PROJECT_TYPES.python ? python_icon_namespaceObject : html_icon_namespaceObject,
-        alt: t("header.editorLogoAltText")
-      }), topMenuOptions.map((menuOption, i) => /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarBarOption, {
-        Icon: menuOption.icon,
-        title: menuOption.title,
-        isActive: option === menuOption.name,
-        toggleOption: toggleOption,
-        name: menuOption.name
-      }, i))]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: "sidebar__bar-options--bottom",
-      children: [bottomMenuOptions.map((menuOption, i) => /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarBarOption, {
-        Icon: menuOption.icon,
-        title: menuOption.title,
-        isActive: option === menuOption.name,
-        toggleOption: toggleOption,
-        name: menuOption.name
-      }, i)), !isMobile && (option ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "sidebar__bar-option-wrapper",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, {
-          className: "sidebar__bar-option",
-          ButtonIcon: double_arrow_left_namespaceObject,
-          title: t("sidebar.collapse"),
-          onClickHandler: collapsePopOut
-        })
-      }) : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "sidebar__bar-option-wrapper",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, {
-          className: "sidebar__bar-option",
-          ButtonIcon: double_arrow_right_namespaceObject,
-          title: t("sidebar.expand"),
-          onClickHandler: expandPopOut
-        })
-      }))]
-    })]
-  });
-};
-/* harmony default export */ const Sidebar_SidebarBar = (SidebarBar);
 // EXTERNAL MODULE: ./node_modules/cookie/index.js
 var cookie = __webpack_require__(57427);
 ;// ./node_modules/universal-cookie/es6/utils.js
@@ -342939,7 +341290,24 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/assets/icons/select_buttons_tick.svg
-const select_buttons_tick_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgLz4NCiAgPHBhdGgNCiAgICBkPSJNOS45NTgzNyAxNy4wMDAxTDUuMjA4MzcgMTIuMjUwMUw2LjM5NTg3IDExLjA2MjZMOS45NTgzNyAxNC42MjUxTDE3LjYwNDIgNi45NzkyNUwxOC43OTE3IDguMTY2NzVMOS45NTgzNyAxNy4wMDAxWiINCiAgLz4NCjwvc3ZnPg0K";
+var _rect, select_buttons_tick_path;
+function select_buttons_tick_extends() { return select_buttons_tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, select_buttons_tick_extends.apply(null, arguments); }
+
+function SvgSelectButtonsTick(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", select_buttons_tick_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _rect || (_rect = /*#__PURE__*/external_react_.createElement("rect", {
+    width: 24,
+    height: 24,
+    rx: 12
+  })), select_buttons_tick_path || (select_buttons_tick_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M9.958 17l-4.75-4.75 1.188-1.187 3.562 3.562 7.646-7.646 1.188 1.188L9.958 17z"
+  })));
+}
+/* harmony default export */ const select_buttons_tick = (SvgSelectButtonsTick);
 ;// ./src/utils/SelectButtons.jsx
 
 
@@ -342973,7 +341341,7 @@ var SelectButtons = _ref => {
           htmlFor: "".concat(label, "-option").concat(i),
           children: [option.Icon ? /*#__PURE__*/(0,jsx_runtime.jsx)(option.Icon, {}) : null, option.label, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             className: "select-buttons__tick".concat(option.value === value ? " select-buttons__tick--selected" : ""),
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)(select_buttons_tick_namespaceObject, {})
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(select_buttons_tick, {})
           })]
         })]
       }, i))
@@ -343026,11 +341394,50 @@ var ThemeToggle = () => {
 };
 /* harmony default export */ const ThemeToggle_ThemeToggle = (ThemeToggle);
 ;// ./src/assets/icons/font_icon_lg.svg
-const font_icon_lg_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNy4zMDcyMiAzQzcuNzcyMDkgMyA4LjE4ODk3IDMuMjg1MjkgOC4zNTY5MyAzLjcyMDcyTDEwLjY5NzggOS43OTg4TDkuNDkyMTIgMTIuOTA2OUM5LjQ3MjQ4IDEyLjg2OTQgOS40NTQ5NiAxMi44MzA4IDkuNDM5NjMgMTIuNzkxM0w4Ljk4Mzc1IDExLjYwODFINS42MzA2OEw1LjE3NDggMTIuNzkxM0M1LjA2NzQyIDEzLjA3IDQuODUzODQgMTMuMjk0NyA0LjU4MTA1IDEzLjQxNThDNC4zMDgyNiAxMy41MzY4IDMuOTk4NiAxMy41NDQ1IDMuNzIwMiAxMy40MzY5QzMuNDQxOCAxMy4zMjk0IDMuMjE3NDYgMTMuMTE1NiAzLjA5NjUzIDEyLjg0MjRDMi45NzU2MSAxMi41NjkzIDIuOTY4IDEyLjI1OTIgMy4wNzUzOCAxMS45ODA1TDYuMjU5IDMuNzIwNzJDNi4zNDA4IDMuNTA4NDggNi40ODQ4NyAzLjMyNjAzIDYuNjcyMjQgMy4xOTczOEM2Ljg1OTYyIDMuMDY4NzMgNy4wODE1MiAyLjk5OTkxIDcuMzA4NzIgM0g3LjMwNzIyWk02LjQ5NzQ0IDkuMzU1ODZIOC4xMTY5OUw3LjMwNzIyIDcuMjUzNzVMNi40OTc0NCA5LjM1NTg2Wk0xNS4yODggNi43MDcyMUMxNS4yMDY3IDYuNDk0MjggMTUuMDYyNyA2LjMxMTA4IDE0Ljg3NTEgNi4xODE4NUMxNC42ODc2IDYuMDUyNjEgMTQuNDY1MiA1Ljk4MzQyIDE0LjIzNzYgNS45ODM0MkMxNC4wMDk5IDUuOTgzNDIgMTMuNzg3NiA2LjA1MjYxIDEzLjYgNi4xODE4NUMxMy40MTI0IDYuMzExMDggMTMuMjY4NCA2LjQ5NDI4IDEzLjE4NzEgNi43MDcyMUw4LjU5MDg2IDE4Ljc0MDJDOC4yOTI1OCAxOC43NDM4IDguMDA3OTMgMTguODY1OSA3Ljc5OTU0IDE5LjA3OTZDNy41OTExNSAxOS4yOTM0IDcuNDc2MDkgMTkuNTgxMiA3LjQ3OTY3IDE5Ljg3OTlDNy40ODMyNSAyMC4xNzg1IDcuNjA1MTcgMjAuNDYzNiA3LjgxODYzIDIwLjY3MjJDOC4wMzIwOCAyMC44ODA5IDguMzE5NTcgMjAuOTk2MSA4LjYxNzg2IDIwLjk5MjVIOS4yOTg2N0M5LjM0NDYxIDIwLjk5NTQgOS4zOTA2OSAyMC45OTU0IDkuNDM2NjMgMjAuOTkyNUwxMC44Njg3IDIwLjk4OEMxMS4xNTU5IDIwLjk4ODIgMTEuNDMyMiAyMC44Nzg0IDExLjY0MTEgMjAuNjgxMkMxMS44NSAyMC40ODQgMTEuOTc1NyAyMC4yMTQzIDExLjk5MjMgMTkuOTI3M0MxMi4wMDkgMTkuNjQwMyAxMS45MTU1IDE5LjM1NzggMTEuNzMwOCAxOS4xMzc2QzExLjU0NjEgMTguOTE3NSAxMS4yODQ0IDE4Ljc3NjQgMTAuOTk5MiAxOC43NDMyTDExLjU3MzUgMTcuMjQxN0gxNi45MDQ2TDE3LjQ4MzQgMTguNzU1M0MxNy4xOTgxIDE4Ljc4ODQgMTYuOTM2MiAxOC45Mjk2IDE2Ljc1MTYgMTkuMTQ5OUMxNi41NjY5IDE5LjM3MDIgMTYuNDczNCAxOS42NTI5IDE2LjQ5MDMgMTkuOTRDMTYuNTA3MiAyMC4yMjcyIDE2LjYzMzEgMjAuNDk2OSAxNi44NDIzIDIwLjY5NEMxNy4wNTE1IDIwLjg5MTEgMTcuMzI4MSAyMS4wMDA2IDE3LjYxNTQgMjFMMTkuODY0OCAyMC45OTRDMjAuMTYzMSAyMC45OTY4IDIwLjQ1MDIgMjAuODgwOCAyMC42NjMxIDIwLjY3MTZDMjAuODc2IDIwLjQ2MjQgMjAuOTk3MiAyMC4xNzcgMjEgMTkuODc4NEMyMS4wMDI3IDE5LjU3OTcgMjAuODg2OSAxOS4yOTIyIDIwLjY3OCAxOS4wNzlDMjAuNDY5IDE4Ljg2NTggMjAuMTg0IDE4Ljc0NDUgMTkuODg1OCAxOC43NDE3TDE4Ljc2NDEgMTUuODA2M0MxOC43NDYgMTUuNzQyOCAxOC43MjI0IDE1LjY4MSAxOC42OTM2IDE1LjYyMTZMMTUuMjg5NSA2LjcwODcxTDE1LjI4OCA2LjcwNzIxWk0xNi4wNDM4IDE0Ljk4NjVIMTIuNDMyOEwxNC4yMzgzIDEwLjI2MTNMMTYuMDQzOCAxNC45ODY1WiIgLz4NCjwvc3ZnPg0K";
+var font_icon_lg_path;
+function font_icon_lg_extends() { return font_icon_lg_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_lg_extends.apply(null, arguments); }
+
+function SvgFontIconLg(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", font_icon_lg_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), font_icon_lg_path || (font_icon_lg_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M7.307 3c.465 0 .882.285 1.05.72l2.34 6.079-1.205 3.108a1.132 1.132 0 01-.052-.116l-.456-1.183H5.63l-.456 1.183a1.126 1.126 0 11-2.1-.81L6.26 3.72A1.126 1.126 0 017.309 3h-.002zm-.81 6.356h1.62l-.81-2.102-.81 2.102zm8.791-2.649a1.125 1.125 0 00-2.1 0L8.59 18.74a1.124 1.124 0 00-1.111 1.14 1.127 1.127 0 001.138 1.113h.68c.047.002.093.002.139 0l1.432-.005a1.124 1.124 0 001.123-1.06A1.127 1.127 0 0011 18.742l.574-1.501h5.332l.578 1.513a1.124 1.124 0 00-.993 1.185A1.127 1.127 0 0017.615 21l2.25-.006A1.124 1.124 0 0021 19.878a1.128 1.128 0 00-1.114-1.136l-1.122-2.936a1.14 1.14 0 00-.07-.184L15.29 6.709l-.002-.002zm.756 8.28h-3.611l1.805-4.726 1.806 4.726z"
+  })));
+}
+/* harmony default export */ const font_icon_lg = (SvgFontIconLg);
 ;// ./src/assets/icons/font_icon_rg.svg
-const font_icon_rg_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNOC4zNTAwNiA1QzguNzExNjIgNSA5LjAzNTg3IDUuMjIxODkgOS4xNjY1IDUuNTYwNTZMMTAuOTg3MiAxMC4yODhMMTAuMDQ5NCAxMi43MDU0QzEwLjAzNDIgMTIuNjc2MiAxMC4wMjA1IDEyLjY0NjIgMTAuMDA4NiAxMi42MTU0TDkuNjU0MDMgMTEuNjk1Mkg3LjA0NjA4TDYuNjkxNTEgMTIuNjE1NEM2LjYwNzk5IDEyLjgzMjMgNi40NDE4OCAxMy4wMDcgNi4yMjk3MSAxMy4xMDExQzYuMDE3NTMgMTMuMTk1MyA1Ljc3NjY5IDEzLjIwMTIgNS41NjAxNiAxMy4xMTc2QzUuMzQzNjIgMTMuMDM0IDUuMTY5MTQgMTIuODY3NyA1LjA3NTA4IDEyLjY1NTJDNC45ODEwMyAxMi40NDI4IDQuOTc1MTEgMTIuMjAxNiA1LjA1ODYzIDExLjk4NDhMNy41MzQ3OCA1LjU2MDU2QzcuNTk4NCA1LjM5NTQ5IDcuNzEwNDUgNS4yNTM1OCA3Ljg1NjE5IDUuMTUzNTJDOC4wMDE5MyA1LjA1MzQ1IDguMTc0NTEgNC45OTk5MyA4LjM1MTIyIDVIOC4zNTAwNlpNNy43MjAyMyA5Ljk0MzQ0SDguOTc5ODhMOC4zNTAwNiA4LjMwODQ3TDcuNzIwMjMgOS45NDM0NFpNMTQuNTU3NCA3Ljg4MzM4QzE0LjQ5NDEgNy43MTc3NyAxNC4zODIxIDcuNTc1MjkgMTQuMjM2MiA3LjQ3NDc3QzE0LjA5MDMgNy4zNzQyNSAxMy45MTc0IDcuMzIwNDMgMTMuNzQwMyA3LjMyMDQzQzEzLjU2MzIgNy4zMjA0MyAxMy4zOTAzIDcuMzc0MjUgMTMuMjQ0NCA3LjQ3NDc3QzEzLjA5ODUgNy41NzUyOSAxMi45ODY2IDcuNzE3NzcgMTIuOTIzMyA3Ljg4MzM4TDkuMzQ4NDUgMTcuMjQyNEM5LjExNjQ1IDE3LjI0NTIgOC44OTUwNiAxNy4zNDAxIDguNzMyOTggMTcuNTA2NEM4LjU3MDg5IDE3LjY3MjYgOC40ODE0IDE3Ljg5NjUgOC40ODQxOSAxOC4xMjg4QzguNDg2OTcgMTguMzYxMSA4LjU4MTggMTguNTgyOCA4Ljc0NzgyIDE4Ljc0NTFDOC45MTM4NCAxOC45MDczIDkuMTM3NDQgMTguOTk2OSA5LjM2OTQ0IDE4Ljk5NDJIOS44OTg5NkM5LjkzNDcgMTguOTk2NCA5Ljk3MDU0IDE4Ljk5NjQgMTAuMDA2MyAxOC45OTQyTDExLjEyMDEgMTguOTkwN0MxMS4zNDM0IDE4Ljk5MDggMTEuNTU4NCAxOC45MDU1IDExLjcyMDggMTguNzUyMUMxMS44ODMzIDE4LjU5ODcgMTEuOTgxMSAxOC4zODg5IDExLjk5NCAxOC4xNjU3QzEyLjAwNyAxNy45NDI0IDExLjkzNDIgMTcuNzIyNyAxMS43OTA2IDE3LjU1MTVDMTEuNjQ3IDE3LjM4MDMgMTEuNDQzNCAxNy4yNzA1IDExLjIyMTYgMTcuMjQ0N0wxMS42NjgzIDE2LjA3NjlIMTUuODE0N0wxNi4yNjQ5IDE3LjI1NDFDMTYuMDQzIDE3LjI3OTkgMTUuODM5MyAxNy4zODk3IDE1LjY5NTcgMTcuNTYxQzE1LjU1MiAxNy43MzI0IDE1LjQ3OTMgMTcuOTUyMyAxNS40OTI1IDE4LjE3NTZDMTUuNTA1NiAxOC4zOTg5IDE1LjYwMzYgMTguNjA4NyAxNS43NjYzIDE4Ljc2MkMxNS45MjkgMTguOTE1MyAxNi4xNDQxIDE5LjAwMDUgMTYuMzY3NSAxOUwxOC4xMTcgMTguOTk1M0MxOC4zNDkgMTguOTk3NSAxOC41NzI0IDE4LjkwNzMgMTguNzM4IDE4Ljc0NDZDMTguOTAzNiAxOC41ODE4IDE4Ljk5NzggMTguMzU5OSAxOSAxOC4xMjc2QzE5LjAwMjEgMTcuODk1MyAxOC45MTIgMTcuNjcxNyAxOC43NDk1IDE3LjUwNTlDMTguNTg3IDE3LjM0MDEgMTguMzY1NCAxNy4yNDU3IDE4LjEzMzQgMTcuMjQzNkwxNy4yNjA5IDE0Ljk2MDVDMTcuMjQ2OSAxNC45MTExIDE3LjIyODYgMTQuODYzIDE3LjIwNjEgMTQuODE2OEwxNC41NTg1IDcuODg0NTVMMTQuNTU3NCA3Ljg4MzM4Wk0xNS4xNDUyIDE0LjMyMjhIMTIuMzM2NkwxMy43NDA5IDEwLjY0NzZMMTUuMTQ1MiAxNC4zMjI4WiIgLz4NCjwvc3ZnPg0K";
+var font_icon_rg_path;
+function font_icon_rg_extends() { return font_icon_rg_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_rg_extends.apply(null, arguments); }
+
+function SvgFontIconRg(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", font_icon_rg_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), font_icon_rg_path || (font_icon_rg_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M8.35 5c.362 0 .686.222.816.56l1.821 4.728-.938 2.417a.888.888 0 01-.04-.09l-.355-.92H7.046l-.354.92a.875.875 0 11-1.633-.63L7.535 5.56A.876.876 0 018.35 5zm-.63 4.943h1.26l-.63-1.635-.63 1.635zm6.837-2.06a.876.876 0 00-1.634 0l-3.575 9.36a.874.874 0 00-.864.886.877.877 0 00.885.865h.53a.874.874 0 00.107 0l1.114-.003a.874.874 0 00.67-1.44.875.875 0 00-.568-.306l.446-1.168h4.147l.45 1.177a.875.875 0 00-.499 1.508.874.874 0 00.601.238l1.75-.005a.874.874 0 00.633-1.49.874.874 0 00-.617-.261l-.872-2.284a.87.87 0 00-.055-.143L14.56 7.885l-.002-.002zm.588 6.44h-2.808l1.404-3.675 1.404 3.675z"
+  })));
+}
+/* harmony default export */ const font_icon_rg = (SvgFontIconRg);
 ;// ./src/assets/icons/font_icon_sm.svg
-const font_icon_sm_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNOS4zOTI5IDdDOS42NTExNiA3IDkuODgyNzYgNy4xNTg0OSA5Ljk3NjA3IDcuNDAwNEwxMS4yNzY1IDEwLjc3NzFMMTAuNjA2NyAxMi41MDM4QzEwLjU5NTggMTIuNDgzIDEwLjU4NjEgMTIuNDYxNSAxMC41Nzc2IDEyLjQzOTZMMTAuMzI0MyAxMS43ODIzSDguNDYxNDlMOC4yMDgyMiAxMi40Mzk2QzguMTQ4NTcgMTIuNTk0NSA4LjAyOTkxIDEyLjcxOTMgNy44NzgzNiAxMi43ODY1QzcuNzI2ODEgMTIuODUzOCA3LjU1NDc4IDEyLjg1OCA3LjQwMDExIDEyLjc5ODNDNy4yNDU0NSAxMi43Mzg2IDcuMTIwODEgMTIuNjE5OCA3LjA1MzYzIDEyLjQ2OEM2Ljk4NjQ1IDEyLjMxNjMgNi45ODIyMiAxMi4xNDQgNy4wNDE4OCAxMS45ODkyTDguODEwNTYgNy40MDA0QzguODU2IDcuMjgyNDkgOC45MzYwNCA3LjE4MTEzIDkuMDQwMTMgNy4xMDk2NUM5LjE0NDIzIDcuMDM4MTggOS4yNjc1MSA2Ljk5OTk1IDkuMzkzNzMgN0g5LjM5MjlaTTguOTQzMDIgMTAuNTMxSDkuODQyNzdMOS4zOTI5IDkuMzYzMkw4Ljk0MzAyIDEwLjUzMVpNMTMuODI2NyA5LjA1OTU2QzEzLjc4MTUgOC45NDEyNyAxMy43MDE1IDguODM5NDkgMTMuNTk3MyA4Ljc2NzY5QzEzLjQ5MzEgOC42OTU4OSAxMy4zNjk2IDguNjU3NDUgMTMuMjQzMSA4LjY1NzQ1QzEzLjExNjYgOC42NTc0NSAxMi45OTMxIDguNjk1ODkgMTIuODg4OSA4Ljc2NzY5QzEyLjc4NDcgOC44Mzk0OSAxMi43MDQ3IDguOTQxMjcgMTIuNjU5NSA5LjA1OTU2TDEwLjEwNiAxNS43NDQ2QzkuOTQwMzIgMTUuNzQ2NiA5Ljc4MjE4IDE1LjgxNDQgOS42NjY0MSAxNS45MzMxQzkuNTUwNjQgMTYuMDUxOSA5LjQ4NjcyIDE2LjIxMTggOS40ODg3IDE2LjM3NzdDOS40OTA2OSAxNi41NDM2IDkuNTU4NDMgMTYuNzAyIDkuNjc3MDEgMTYuODE3OUM5Ljc5NTYgMTYuOTMzOCA5Ljk1NTMyIDE2Ljk5NzggMTAuMTIxIDE2Ljk5NThIMTAuNDk5M0MxMC41MjQ4IDE2Ljk5NzQgMTAuNTUwNCAxNi45OTc0IDEwLjU3NTkgMTYuOTk1OEwxMS4zNzE1IDE2Ljk5MzNDMTEuNTMxIDE2Ljk5MzQgMTEuNjg0NSAxNi45MzI1IDExLjgwMDYgMTYuODIyOUMxMS45MTY3IDE2LjcxMzMgMTEuOTg2NSAxNi41NjM1IDExLjk5NTcgMTYuNDA0QzEyLjAwNSAxNi4yNDQ2IDExLjk1MyAxNi4wODc2IDExLjg1MDQgMTUuOTY1M0MxMS43NDc5IDE1Ljg0MyAxMS42MDI0IDE1Ljc2NDcgMTEuNDQ0IDE1Ljc0NjJMMTEuNzYzMSAxNC45MTIxSDE0LjcyNDhMMTUuMDQ2MyAxNS43NTI5QzE0Ljg4NzggMTUuNzcxMyAxNC43NDI0IDE1Ljg0OTggMTQuNjM5OCAxNS45NzIyQzE0LjUzNzIgMTYuMDk0NiAxNC40ODUyIDE2LjI1MTYgMTQuNDk0NiAxNi40MTExQzE0LjUwNCAxNi41NzA2IDE0LjU3NCAxNi43MjA1IDE0LjY5MDIgMTYuODNDMTQuODA2NCAxNi45Mzk1IDE0Ljk2MDEgMTcuMDAwMyAxNS4xMTk3IDE3TDE2LjM2OTMgMTYuOTk2N0MxNi41MzUgMTYuOTk4MiAxNi42OTQ2IDE2LjkzMzggMTYuODEyOCAxNi44MTc1QzE2LjkzMTEgMTYuNzAxMyAxNi45OTg0IDE2LjU0MjggMTcgMTYuMzc2OUMxNy4wMDE1IDE2LjIxMDkgMTYuOTM3MiAxNi4wNTEyIDE2LjgyMTEgMTUuOTMyOEMxNi43MDUgMTUuODE0NCAxNi41NDY3IDE1Ljc0NyAxNi4zODEgMTUuNzQ1NEwxNS43NTc4IDE0LjExNDZDMTUuNzQ3OCAxNC4wNzkzIDE1LjczNDcgMTQuMDQ1IDE1LjcxODcgMTQuMDEyTDEzLjgyNzUgOS4wNjAzOUwxMy44MjY3IDkuMDU5NTZaTTE0LjI0NjYgMTMuNjU5MkgxMi4yNDA0TDEzLjI0MzUgMTEuMDM0TDE0LjI0NjYgMTMuNjU5MloiIC8+DQo8L3N2Zz4NCg==";
+var font_icon_sm_path;
+function font_icon_sm_extends() { return font_icon_sm_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_sm_extends.apply(null, arguments); }
+
+function SvgFontIconSm(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", font_icon_sm_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), font_icon_sm_path || (font_icon_sm_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M9.393 7c.258 0 .49.158.583.4l1.3 3.377-.67 1.727a.628.628 0 01-.028-.064l-.254-.658H8.461l-.253.658a.625.625 0 11-1.166-.45L8.81 7.4a.626.626 0 01.583-.4h-.001zm-.45 3.531h.9l-.45-1.168-.45 1.168zm4.884-1.471a.626.626 0 00-1.168 0l-2.553 6.685a.625.625 0 00.015 1.25h.378a.612.612 0 00.077 0l.795-.002a.624.624 0 00.073-1.247l.32-.834h2.96l.322.84A.624.624 0 0015.12 17l1.25-.003a.624.624 0 00.451-1.064.625.625 0 00-.44-.188l-.623-1.63a.627.627 0 00-.04-.103l-1.89-4.952h-.001zm.42 4.6H12.24l1.003-2.626 1.004 2.625z"
+  })));
+}
+/* harmony default export */ const font_icon_sm = (SvgFontIconSm);
 ;// ./src/components/Menus/Sidebar/SettingsPanel/FontSizeSelector/FontSizeSelector.jsx
 
 
@@ -343064,15 +341471,15 @@ var FontSizeSelector = () => {
     options: [{
       value: "small",
       label: t("sidebar.settingsMenu.textSizeOptions.small"),
-      Icon: font_icon_sm_namespaceObject
+      Icon: font_icon_sm
     }, {
       value: "medium",
       label: t("sidebar.settingsMenu.textSizeOptions.medium"),
-      Icon: font_icon_rg_namespaceObject
+      Icon: font_icon_rg
     }, {
       value: "large",
       label: t("sidebar.settingsMenu.textSizeOptions.large"),
-      Icon: font_icon_lg_namespaceObject
+      Icon: font_icon_lg
     }],
     value: fontSize,
     setValue: setFontSize
@@ -343105,158 +341512,118 @@ var SettingsPanel = () => {
   });
 };
 /* harmony default export */ const SettingsPanel_SettingsPanel = (SettingsPanel);
-;// ./src/assets/icons/home.svg
-const home_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDE5SDlWMTNIMTVWMTlIMThWMTBMMTIgNS41TDYgMTBWMTlaTTQgMjFWOUwxMiAzTDIwIDlWMjFIMTNWMTVIMTFWMjFINFoiLz4NCjwvc3ZnPg0K";
-;// ./src/assets/icons/settings.svg
-const icons_settings_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNOS4yNDk5NSAyMkw4Ljg0OTk1IDE4LjhDOC42MzMyOCAxOC43MTY3IDguNDI5MTIgMTguNjE2NyA4LjIzNzQ1IDE4LjVDOC4wNDU3OCAxOC4zODMzIDcuODU4MjggMTguMjU4MyA3LjY3NDk1IDE4LjEyNUw0LjY5OTk1IDE5LjM3NUwxLjk0OTk1IDE0LjYyNUw0LjUyNDk1IDEyLjY3NUM0LjUwODI4IDEyLjU1ODMgNC40OTk5NSAxMi40NDU4IDQuNDk5OTUgMTIuMzM3NVYxMS42NjI1QzQuNDk5OTUgMTEuNTU0MiA0LjUwODI4IDExLjQ0MTcgNC41MjQ5NSAxMS4zMjVMMS45NDk5NSA5LjM3NUw0LjY5OTk1IDQuNjI1TDcuNjc0OTUgNS44NzVDNy44NTgyOCA1Ljc0MTY3IDguMDQ5OTUgNS42MTY2NyA4LjI0OTk1IDUuNUM4LjQ0OTk1IDUuMzgzMzMgOC42NDk5NSA1LjI4MzMzIDguODQ5OTUgNS4yTDkuMjQ5OTUgMkgxNC43NUwxNS4xNSA1LjJDMTUuMzY2NiA1LjI4MzMzIDE1LjU3MDggNS4zODMzMyAxNS43NjI1IDUuNUMxNS45NTQxIDUuNjE2NjcgMTYuMTQxNiA1Ljc0MTY3IDE2LjMyNSA1Ljg3NUwxOS4zIDQuNjI1TDIyLjA1IDkuMzc1TDE5LjQ3NSAxMS4zMjVDMTkuNDkxNiAxMS40NDE3IDE5LjUgMTEuNTU0MiAxOS41IDExLjY2MjVWMTIuMzM3NUMxOS41IDEyLjQ0NTggMTkuNDgzMyAxMi41NTgzIDE5LjQ1IDEyLjY3NUwyMi4wMjUgMTQuNjI1TDE5LjI3NSAxOS4zNzVMMTYuMzI1IDE4LjEyNUMxNi4xNDE2IDE4LjI1ODMgMTUuOTUgMTguMzgzMyAxNS43NSAxOC41QzE1LjU1IDE4LjYxNjcgMTUuMzUgMTguNzE2NyAxNS4xNSAxOC44TDE0Ljc1IDIySDkuMjQ5OTVaTTEyLjA1IDE1LjVDMTMuMDE2NiAxNS41IDEzLjg0MTYgMTUuMTU4MyAxNC41MjUgMTQuNDc1QzE1LjIwODMgMTMuNzkxNyAxNS41NSAxMi45NjY3IDE1LjU1IDEyQzE1LjU1IDExLjAzMzMgMTUuMjA4MyAxMC4yMDgzIDE0LjUyNSA5LjUyNUMxMy44NDE2IDguODQxNjcgMTMuMDE2NiA4LjUgMTIuMDUgOC41QzExLjA2NjYgOC41IDEwLjIzNzUgOC44NDE2NyA5LjU2MjQ1IDkuNTI1QzguODg3NDUgMTAuMjA4MyA4LjU0OTk1IDExLjAzMzMgOC41NDk5NSAxMkM4LjU0OTk1IDEyLjk2NjcgOC44ODc0NSAxMy43OTE3IDkuNTYyNDUgMTQuNDc1QzEwLjIzNzUgMTUuMTU4MyAxMS4wNjY2IDE1LjUgMTIuMDUgMTUuNVpNMTIuMDUgMTMuNUMxMS42MzMzIDEzLjUgMTEuMjc5MSAxMy4zNTQyIDEwLjk4NzUgMTMuMDYyNUMxMC42OTU4IDEyLjc3MDggMTAuNTUgMTIuNDE2NyAxMC41NSAxMkMxMC41NSAxMS41ODMzIDEwLjY5NTggMTEuMjI5MiAxMC45ODc1IDEwLjkzNzVDMTEuMjc5MSAxMC42NDU4IDExLjYzMzMgMTAuNSAxMi4wNSAxMC41QzEyLjQ2NjYgMTAuNSAxMi44MjA4IDEwLjY0NTggMTMuMTEyNSAxMC45Mzc1QzEzLjQwNDEgMTEuMjI5MiAxMy41NSAxMS41ODMzIDEzLjU1IDEyQzEzLjU1IDEyLjQxNjcgMTMuNDA0MSAxMi43NzA4IDEzLjExMjUgMTMuMDYyNUMxMi44MjA4IDEzLjM1NDIgMTIuNDY2NiAxMy41IDEyLjA1IDEzLjVaTTExIDIwSDEyLjk3NUwxMy4zMjUgMTcuMzVDMTMuODQxNiAxNy4yMTY3IDE0LjMyMDggMTcuMDIwOCAxNC43NjI1IDE2Ljc2MjVDMTUuMjA0MSAxNi41MDQyIDE1LjYwODMgMTYuMTkxNyAxNS45NzUgMTUuODI1TDE4LjQ1IDE2Ljg1TDE5LjQyNSAxNS4xNUwxNy4yNzUgMTMuNTI1QzE3LjM1ODMgMTMuMjkxNyAxNy40MTY2IDEzLjA0NTggMTcuNDUgMTIuNzg3NUMxNy40ODMzIDEyLjUyOTIgMTcuNSAxMi4yNjY3IDE3LjUgMTJDMTcuNSAxMS43MzMzIDE3LjQ4MzMgMTEuNDcwOCAxNy40NSAxMS4yMTI1QzE3LjQxNjYgMTAuOTU0MiAxNy4zNTgzIDEwLjcwODMgMTcuMjc1IDEwLjQ3NUwxOS40MjUgOC44NUwxOC40NSA3LjE1TDE1Ljk3NSA4LjJDMTUuNjA4MyA3LjgxNjY3IDE1LjIwNDEgNy40OTU4MyAxNC43NjI1IDcuMjM3NUMxNC4zMjA4IDYuOTc5MTcgMTMuODQxNiA2Ljc4MzMzIDEzLjMyNSA2LjY1TDEzIDRIMTEuMDI1TDEwLjY3NSA2LjY1QzEwLjE1ODMgNi43ODMzMyA5LjY3OTEyIDYuOTc5MTcgOS4yMzc0NSA3LjIzNzVDOC43OTU3OCA3LjQ5NTgzIDguMzkxNjIgNy44MDgzMyA4LjAyNDk1IDguMTc1TDUuNTQ5OTUgNy4xNUw0LjU3NDk1IDguODVMNi43MjQ5NSAxMC40NUM2LjY0MTYyIDEwLjcgNi41ODMyOCAxMC45NSA2LjU0OTk1IDExLjJDNi41MTY2MiAxMS40NSA2LjQ5OTk1IDExLjcxNjcgNi40OTk5NSAxMkM2LjQ5OTk1IDEyLjI2NjcgNi41MTY2MiAxMi41MjUgNi41NDk5NSAxMi43NzVDNi41ODMyOCAxMy4wMjUgNi42NDE2MiAxMy4yNzUgNi43MjQ5NSAxMy41MjVMNC41NzQ5NSAxNS4xNUw1LjU0OTk1IDE2Ljg1TDguMDI0OTUgMTUuOEM4LjM5MTYyIDE2LjE4MzMgOC43OTU3OCAxNi41MDQyIDkuMjM3NDUgMTYuNzYyNUM5LjY3OTEyIDE3LjAyMDggMTAuMTU4MyAxNy4yMTY3IDEwLjY3NSAxNy4zNUwxMSAyMFoiIC8+DQo8L3N2Zz4NCg==";
-;// ./src/assets/stylesheets/ProjectsPanel.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/assets/stylesheets/ProjectInfo.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/Menus/Sidebar/ProjectsPanel/ProjectInfo/ProjectInfo.jsx
-
-
-
-
-
-
-var ProjectInfo = _ref => {
-  var {
-    className
-  } = _ref;
-  var project_type = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.project.project_type);
-  var {
-    t
-  } = useTranslation_useTranslation();
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()("project-info", className),
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("label", {
-        htmlFor: "project_type",
-        className: "project-type__label",
-        children: t("projectsPanel.projectTypeLabel")
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "project-type__text",
-        children: t("projectTypes.".concat(project_type))
-      })]
-    })
-  });
-};
-/* harmony default export */ const ProjectInfo_ProjectInfo = (ProjectInfo);
-;// ./src/components/Menus/Sidebar/ProjectsPanel/ProjectsPanel.jsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var ProjectsPanel = () => {
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var isLoggedIn = (0,external_react_redux_namespaceObject.useSelector)(state => {
-    var _state$auth;
-    return state === null || state === void 0 || (_state$auth = state.auth) === null || _state$auth === void 0 ? void 0 : _state$auth.user;
-  });
-  var isMobile = (0,react_responsive.useMediaQuery)({
-    query: MOBILE_MEDIA_QUERY
-  });
-  var readOnly = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.readOnly);
-  var saveOptions = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "projects-panel__save",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(SaveButton_SaveButton, {
-        className: "projects-panel__save-button"
-      })
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "projects-panel__save-status",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(SaveStatus_SaveStatus, {
-        isMobile: isMobile
-      })
-    })]
-  });
-  var navigateToProjectsPage = () => {
-    document.dispatchEvent(navigateToProjectsPageEvent);
-  };
-  var buttons = isLoggedIn ? [/*#__PURE__*/(0,jsx_runtime.jsx)(DesignSystemButton_DesignSystemButton, {
-    className: "btn--primary projects-panel__your-projects-button",
-    onClick: navigateToProjectsPage,
-    text: t("projectsPanel.yourProjectsButton"),
-    textAlways: true
-  }, "your-projects")] : [];
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(Sidebar_SidebarPanel, {
-    heading: t("projectsPanel.projects"),
-    buttons: buttons,
-    className: "projects-panel-wrapper",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ProjectName_ProjectName, {
-      showLabel: true,
-      className: "projects-panel__item",
-      editable: !readOnly
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(ProjectInfo_ProjectInfo, {
-      className: "projects-panel__item"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "projects-panel__button",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadButton_DownloadButton, {
-        buttonText: t("header.download"),
-        className: "projects-panel__download-button",
-        Icon: download_namespaceObject
-      })
-    }), isMobile && saveOptions]
-  });
-};
-/* harmony default export */ const ProjectsPanel_ProjectsPanel = (ProjectsPanel);
-;// ./src/assets/stylesheets/DownloadPanel.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/Menus/Sidebar/DownloadPanel/DownloadPanel.jsx
-
-
-
-
-
-
-
-
+;// ./src/assets/icons/tj-file.svg
+var tj_file_path;
+function tj_file_extends() { return tj_file_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_file_extends.apply(null, arguments); }
+
+function SvgTjFile(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_file_extends({
+    width: 22,
+    height: 20,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tj_file_path || (tj_file_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M10.75 8.75v6m-3-3h6m7 5a2 2 0 01-2 2h-16a2 2 0 01-2-2v-14a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z",
+    stroke: "#33625E",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+/* harmony default export */ const tj_file = (SvgTjFile);
+;// ./src/assets/icons/tj-activity.svg
+var tj_activity_path;
+function tj_activity_extends() { return tj_activity_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_activity_extends.apply(null, arguments); }
 
+function SvgTjActivity(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_activity_extends({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tj_activity_path || (tj_activity_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M12 7a4 4 0 014-4h5a1 1 0 011 1v13a1 1 0 01-1 1h-6a3 3 0 00-3 3m0-14v14m0-14a4 4 0 00-4-4H3a1 1 0 00-1 1v13a1 1 0 001 1h6a3 3 0 013 3m0-14v14",
+    stroke: "#33625E",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+/* harmony default export */ const tj_activity = (SvgTjActivity);
+;// ./src/assets/icons/tj-font.svg
+var tj_font_path, tj_font_path2, _g;
+function tj_font_extends() { return tj_font_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_font_extends.apply(null, arguments); }
 
+function SvgTjFont(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_font_extends({
+    width: 27,
+    height: 25,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tj_font_path || (tj_font_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M19.46 6.359L14.505 20H12.48l5.706-14.967h1.305l-.03 1.326zM23.613 20L18.648 6.359l-.03-1.326h1.305L25.649 20h-2.036zm-.257-5.54v1.623h-8.409V14.46h8.41z",
+    fill: "#33625E"
+  })), /*#__PURE__*/external_react_.createElement("mask", {
+    id: "tj-font_svg__a",
+    style: {
+      maskType: "alpha"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 9,
+    width: 15,
+    height: 13
+  }, tj_font_path2 || (tj_font_path2 = /*#__PURE__*/external_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.366 21.061l3.828-11.483-10.366.545L0 21.606l10.366-.545z",
+    fill: "#fff"
+  }))), _g || (_g = /*#__PURE__*/external_react_.createElement("g", {
+    mask: "url(#tj-font_svg__a)"
+  }, /*#__PURE__*/external_react_.createElement("path", {
+    d: "M10.062 11.574l-2.785 8.082H5.593l3.509-9.324h1.076l-.116 1.242zm2.331 8.082l-2.792-8.082-.121-1.242h1.082l3.522 9.324h-1.69zm-.134-3.458v1.274H7.187v-1.274h5.072z",
+    fill: "#33625E"
+  }))));
+}
+/* harmony default export */ const tj_font = (SvgTjFont);
+;// ./src/assets/icons/tj-home.svg
+var tj_home_path;
+function tj_home_extends() { return tj_home_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_home_extends.apply(null, arguments); }
 
+function SvgTjHome(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_home_extends({
+    width: 20,
+    height: 22,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tj_home_path || (tj_home_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M6.75 20.75v-10h6v10m-12-13l9-7 9 7v11a2 2 0 01-2 2h-14a2 2 0 01-2-2v-11z",
+    stroke: "#33625E",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+/* harmony default export */ const tj_home = (SvgTjHome);
+;// ./src/assets/icons/tj-playground.svg
+var tj_playground_path;
+function tj_playground_extends() { return tj_playground_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_playground_extends.apply(null, arguments); }
 
-var DownloadPanel = () => {
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var projectOwner = false;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(Sidebar_SidebarPanel, {
-    heading: t("downloadPanel.heading"),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: "download-panel__download-section",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
-        className: "download-panel__hint",
-        children: t("downloadPanel.downloadHint")
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadButton_DownloadButton, {
-        buttonText: t("downloadPanel.downloadButton"),
-        className: "btn btn--secondary download-panel__button",
-        Icon: download_namespaceObject,
-        fill: true
-      })]
-    }), !projectOwner && /*#__PURE__*/(0,jsx_runtime.jsx)(SaveButton_SaveButton, {
-      fill: true
-    })]
-  });
-};
-/* harmony default export */ const DownloadPanel_DownloadPanel = (DownloadPanel);
+function SvgTjPlayground(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_playground_extends({
+    width: 20,
+    height: 19,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), tj_playground_path || (tj_playground_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M8.707 1.307a1 1 0 011.793 0l1.961 3.973a1 1 0 00.752.547l4.387.64a1 1 0 01.553 1.707l-3.173 3.09a1 1 0 00-.288.885l.749 4.364a1 1 0 01-1.451 1.054l-3.921-2.062a1 1 0 00-.93 0l-3.922 2.062a1 1 0 01-1.45-1.054l.748-4.364a1 1 0 00-.288-.885l-3.173-3.09a1 1 0 01.553-1.706l4.387-.641a1 1 0 00.752-.547l1.96-3.973z",
+    stroke: "#33625E",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+/* harmony default export */ const tj_playground = (SvgTjPlayground);
 ;// ./src/components/Menus/Sidebar/Sidebar.jsx
 
 
@@ -343273,60 +341640,60 @@ var DownloadPanel = () => {
 
 
 
-
-
 var Sidebar = _ref => {
   var {
-    options = [],
-    plugins = []
+    options = []
   } = _ref;
-  var {
-    t
-  } = useTranslation_useTranslation();
   var menuOptions = [{
-    name: "projects",
-    icon: home_namespaceObject,
-    title: t("sidebar.projects"),
-    position: "top",
-    panel: ProjectsPanel_ProjectsPanel
+    name: "files",
+    icon: tj_file,
+    title: "Files",
+    position: "top"
+    // panel: FilePanel,
+  }, {
+    name: "activity",
+    icon: tj_activity,
+    title: "Activity",
+    position: "top"
   }, {
-    name: "file",
-    icon: utils_FileIcon,
-    title: t("sidebar.file"),
-    position: "top",
-    panel: FilePanel_FilePanel
+    name: "playground",
+    icon: tj_playground,
+    title: "Playground",
+    position: "top"
   }, {
-    name: "download",
-    icon: save_namespaceObject,
-    title: t("sidebar.download"),
-    position: "top",
-    panel: DownloadPanel_DownloadPanel
+    name: "home",
+    icon: tj_home,
+    title: "Home",
+    position: "top"
   }, {
-    name: "settings",
-    icon: icons_settings_namespaceObject,
-    title: t("sidebar.settings"),
+    name: "fonts",
+    icon: tj_font,
+    title: "Fonts",
     position: "bottom",
     panel: SettingsPanel_SettingsPanel
+  },
+  //should be introduced in the later phases
+  // {
+  //   name: "theme",
+  //   icon: ThemeIcon,
+  //   title: "Theme",
+  //   position: "bottom",
+  //   panel: SettingsPanel,
+  // },
+  {
+    name: "user",
+    buttonText: "MF",
+    title: "User account",
+    position: "bottom"
   }].filter(option => options.includes(option.name));
-  var pluginMenuOptions = plugins.map(plugin => {
-    return {
-      name: plugin.name,
-      icon: plugin.icon,
-      title: plugin.title,
-      position: plugin.position || "top",
-      panel: () => /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarPanel, {
-        heading: plugin.heading,
-        buttons: plugin.buttons || [],
-        children: plugin.panel()
-      })
-    };
-  });
-  menuOptions = [...menuOptions, ...pluginMenuOptions];
   var isMobile = (0,react_responsive.useMediaQuery)({
     query: MOBILE_MEDIA_QUERY
   });
-  var autoOpenPlugin = plugins === null || plugins === void 0 ? void 0 : plugins.find(plugin => plugin.autoOpen);
-  var [option, setOption] = (0,external_react_.useState)(autoOpenPlugin ? autoOpenPlugin.name : "file");
+  var [option, setOption] = (0,external_react_.useState)(() => {
+    var _menuOptions$find;
+    var defaultOption = ((_menuOptions$find = menuOptions.find(o => o.position === "top")) === null || _menuOptions$find === void 0 ? void 0 : _menuOptions$find.name) || "files";
+    return menuOptions.length > 0 ? defaultOption : null;
+  });
   var toggleOption = newOption => {
     if (option !== newOption) {
       setOption(newOption);
@@ -343334,13 +341701,11 @@ var Sidebar = _ref => {
       setOption(null);
     }
   };
-  var optionDict = menuOptions.find(menuOption => {
-    return menuOption.name === option;
-  });
-  var CustomSidebarPanel = optionDict && optionDict.panel ? optionDict.panel : () => {};
+  var activeOption = menuOptions.find(opt => opt.name === option);
+  var CustomSidebarPanel = (activeOption === null || activeOption === void 0 ? void 0 : activeOption.panel) || (() => null);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: classnames_default()("sidebar", {
-      "sidebar--mobile": isMobile
+    className: classnames_default()(Sidebar_styles_module.sidebar, {
+      [Sidebar_styles_module.mobile]: isMobile
     }),
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_SidebarBar, {
       menuOptions: menuOptions,
@@ -380864,7 +379229,7 @@ const pseudoClasses = /*@__PURE__*/[
     "required", "right", "root", "scope", "selection", "slotted", "target",
     "target-text", "valid", "visited", "where"
 ].map(name => ({ type: "class", label: name }));
-const dist_values = /*@__PURE__*/[
+const values = /*@__PURE__*/[
     "above", "absolute", "activeborder", "additive", "activecaption", "after-white-space",
     "ahead", "alias", "all", "all-scroll", "alphabetic", "alternate", "always",
     "antialiased", "appworkspace", "asterisks", "attr", "auto", "auto-flow", "avoid", "avoid-column",
@@ -381029,7 +379394,7 @@ const defineCSSCompletionSource = (isVariable) => context => {
         (isDash || node.name == "TagName") && /^(Block|Styles)$/.test(node.resolve(node.to).name))
         return { from: node.from, options: properties(), validFor: dist_identifier };
     if (node.name == "ValueName")
-        return { from: node.from, options: dist_values, validFor: dist_identifier };
+        return { from: node.from, options: values, validFor: dist_identifier };
     if (node.name == "PseudoClassName")
         return { from: node.from, options: pseudoClasses, validFor: dist_identifier };
     if (isVariable(node) || (context.explicit || isDash) && isVarArg(node, state.doc))
@@ -381050,7 +379415,7 @@ const defineCSSCompletionSource = (isVariable) => context => {
     if (before && before.name == ":" && above.name == "PseudoClassSelector")
         return { from: pos, options: pseudoClasses, validFor: dist_identifier };
     if (before && before.name == ":" && above.name == "Declaration" || above.name == "ArgList")
-        return { from: pos, options: dist_values, validFor: dist_identifier };
+        return { from: pos, options: values, validFor: dist_identifier };
     if (above.name == "Block" || above.name == "Styles")
         return { from: pos, options: properties(), validFor: dist_identifier };
     return null;
@@ -383593,8 +381958,7 @@ var Project = props => {
     nameEditable = true,
     withProjectbar = true,
     withSidebar = true,
-    sidebarOptions = [],
-    sidebarPlugins = []
+    sidebarOptions = []
   } = props;
   var saving = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.saving);
   var autosave = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.lastSaveAutosave);
@@ -383625,8 +381989,7 @@ var Project = props => {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: "proj-container",
       children: [withSidebar && /*#__PURE__*/(0,jsx_runtime.jsx)(Sidebar_Sidebar, {
-        options: sidebarOptions,
-        plugins: sidebarPlugins
+        options: sidebarOptions
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "project-wrapper",
         ref: containerRef,
@@ -384549,7 +382912,7 @@ var TextJamEditor = function TextJamEditor() {
   var defaultProps = {
     withProjectbar: true,
     withSidebar: true,
-    sidebarOptions: ["file", "download", "settings"],
+    sidebarOptions: ["files", "activity", "playground", "home", "fonts", "theme", "user"],
     code: "",
     sidebarPlugins: []
   };