gwchq-textjam 0.1.6 → 0.1.8

package/dist/index.js

@@ -281760,289 +281760,6 @@ module.exports.polyfill = function(object) {
 }
 
 
-/***/ }),
-
-/***/ 23350:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-var __webpack_unused_export__;
-
-
-__webpack_unused_export__ = ({
-  value: true
-});
-__webpack_unused_export__ = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _class, _temp2;
-
-exports.ZX = confirmAlert;
-
-var _react = __webpack_require__(51649);
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = __webpack_require__(5556);
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactDom = __webpack_require__(7516);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
-  _inherits(ReactConfirmAlert, _Component);
-
-  function ReactConfirmAlert() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, ReactConfirmAlert);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ReactConfirmAlert.__proto__ || Object.getPrototypeOf(ReactConfirmAlert)).call.apply(_ref, [this].concat(args))), _this), _this.handleClickButton = function (button) {
-      if (button.onClick) button.onClick();
-      _this.close();
-    }, _this.handleClickOverlay = function (e) {
-      var _this$props = _this.props,
-          closeOnClickOutside = _this$props.closeOnClickOutside,
-          onClickOutside = _this$props.onClickOutside;
-
-      var isClickOutside = e.target === _this.overlay;
-
-      if (closeOnClickOutside && isClickOutside) {
-        onClickOutside();
-        _this.close();
-      }
-    }, _this.close = function () {
-      var afterClose = _this.props.afterClose;
-
-      removeBodyClass();
-      removeElementReconfirm();
-      removeSVGBlurReconfirm(afterClose);
-    }, _this.keyboardClose = function (event) {
-      var _this$props2 = _this.props,
-          closeOnEscape = _this$props2.closeOnEscape,
-          onKeypressEscape = _this$props2.onKeypressEscape,
-          keyCodeForClose = _this$props2.keyCodeForClose;
-
-      var keyCode = event.keyCode;
-      var isKeyCodeEscape = keyCode === 27;
-
-      if (keyCodeForClose.includes(keyCode)) {
-        _this.close();
-      }
-
-      if (closeOnEscape && isKeyCodeEscape) {
-        onKeypressEscape(event);
-        _this.close();
-      }
-    }, _this.componentDidMount = function () {
-      document.addEventListener('keydown', _this.keyboardClose, false);
-    }, _this.componentWillUnmount = function () {
-      document.removeEventListener('keydown', _this.keyboardClose, false);
-      _this.props.willUnmount();
-    }, _this.renderCustomUI = function () {
-      var _this$props3 = _this.props,
-          title = _this$props3.title,
-          message = _this$props3.message,
-          buttons = _this$props3.buttons,
-          customUI = _this$props3.customUI;
-
-      var dataCustomUI = {
-        title: title,
-        message: message,
-        buttons: buttons,
-        onClose: _this.close
-      };
-
-      return customUI(dataCustomUI);
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(ReactConfirmAlert, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          title = _props.title,
-          message = _props.message,
-          buttons = _props.buttons,
-          childrenElement = _props.childrenElement,
-          customUI = _props.customUI,
-          overlayClassName = _props.overlayClassName;
-
-
-      return _react2.default.createElement(
-        'div',
-        {
-          className: 'react-confirm-alert-overlay ' + overlayClassName,
-          ref: function ref(dom) {
-            return _this2.overlay = dom;
-          },
-          onClick: this.handleClickOverlay
-        },
-        _react2.default.createElement(
-          'div',
-          { className: 'react-confirm-alert' },
-          customUI ? this.renderCustomUI() : _react2.default.createElement(
-            'div',
-            { className: 'react-confirm-alert-body' },
-            title && _react2.default.createElement(
-              'h1',
-              null,
-              title
-            ),
-            message,
-            childrenElement(),
-            _react2.default.createElement(
-              'div',
-              { className: 'react-confirm-alert-button-group' },
-              buttons.map(function (button, i) {
-                return _react2.default.createElement(
-                  'button',
-                  { key: i, onClick: function onClick() {
-                      return _this2.handleClickButton(button);
-                    }, className: button.className },
-                  button.label
-                );
-              })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return ReactConfirmAlert;
-}(_react.Component), _class.propTypes = {
-  title: _propTypes2.default.string,
-  message: _propTypes2.default.string,
-  buttons: _propTypes2.default.array.isRequired,
-  childrenElement: _propTypes2.default.func,
-  customUI: _propTypes2.default.func,
-  closeOnClickOutside: _propTypes2.default.bool,
-  closeOnEscape: _propTypes2.default.bool,
-  keyCodeForClose: _propTypes2.default.arrayOf(_propTypes2.default.number),
-  willUnmount: _propTypes2.default.func,
-  afterClose: _propTypes2.default.func,
-  onClickOutside: _propTypes2.default.func,
-  onKeypressEscape: _propTypes2.default.func,
-  overlayClassName: _propTypes2.default.string
-}, _class.defaultProps = {
-  buttons: [{
-    label: 'Cancel',
-    onClick: function onClick() {
-      return null;
-    },
-    className: null
-  }, {
-    label: 'Confirm',
-    onClick: function onClick() {
-      return null;
-    },
-    className: null
-  }],
-  childrenElement: function childrenElement() {
-    return null;
-  },
-  closeOnClickOutside: true,
-  closeOnEscape: true,
-  keyCodeForClose: [],
-  willUnmount: function willUnmount() {
-    return null;
-  },
-  afterClose: function afterClose() {
-    return null;
-  },
-  onClickOutside: function onClickOutside() {
-    return null;
-  },
-  onKeypressEscape: function onKeypressEscape() {
-    return null;
-  }
-}, _temp2);
-__webpack_unused_export__ = ReactConfirmAlert;
-
-
-function createSVGBlurReconfirm() {
-  // If has svg ignore to create the svg
-  var svg = document.getElementById('react-confirm-alert-firm-svg');
-  if (svg) return;
-  var svgNS = 'http://www.w3.org/2000/svg';
-  var feGaussianBlur = document.createElementNS(svgNS, 'feGaussianBlur');
-  feGaussianBlur.setAttribute('stdDeviation', '0.3');
-
-  var filter = document.createElementNS(svgNS, 'filter');
-  filter.setAttribute('id', 'gaussian-blur');
-  filter.appendChild(feGaussianBlur);
-
-  var svgElem = document.createElementNS(svgNS, 'svg');
-  svgElem.setAttribute('id', 'react-confirm-alert-firm-svg');
-  svgElem.setAttribute('class', 'react-confirm-alert-svg');
-  svgElem.appendChild(filter);
-
-  document.body.appendChild(svgElem);
-}
-
-function removeSVGBlurReconfirm(afterClose) {
-  var svg = document.getElementById('react-confirm-alert-firm-svg');
-  if (svg) {
-    svg.parentNode.removeChild(svg);
-  }
-  document.body.children[0].classList.remove('react-confirm-alert-blur');
-  afterClose();
-}
-
-function createElementReconfirm(properties) {
-  var divTarget = document.getElementById('react-confirm-alert');
-  if (divTarget) {
-    // Rerender - the mounted ReactConfirmAlert
-    (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);
-  } else {
-    // Mount the ReactConfirmAlert component
-    document.body.children[0].classList.add('react-confirm-alert-blur');
-    divTarget = document.createElement('div');
-    divTarget.id = 'react-confirm-alert';
-    document.body.appendChild(divTarget);
-    (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);
-  }
-}
-
-function removeElementReconfirm() {
-  var target = document.getElementById('react-confirm-alert');
-  if (target) {
-    (0, _reactDom.unmountComponentAtNode)(target);
-    target.parentNode.removeChild(target);
-  }
-}
-
-function addBodyClass() {
-  document.body.classList.add('react-confirm-alert-body-element');
-}
-
-function removeBodyClass() {
-  document.body.classList.remove('react-confirm-alert-body-element');
-}
-
-function confirmAlert(properties) {
-  addBodyClass();
-  createSVGBlurReconfirm();
-  createElementReconfirm(properties);
-}
-
 /***/ }),
 
 /***/ 97473:
@@ -323940,8 +323657,6 @@ function SvgTabbedView(props) {
   })));
 }
 /* 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
 /**
  * @remix-run/router v1.20.0
@@ -331785,18 +331500,15 @@ function useViewTransitionState(to, opts) {
 
 //# sourceMappingURL=index.js.map
 
-;// ./src/assets/stylesheets/Button.scss
+;// ./src/components/Button/styles.module.scss
 // extracted by mini-css-extract-plugin
-
+/* harmony default export */ const 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","btn":"styles-module__btn--0Px6W","btn--primary":"styles-module__btn--primary--k7oQ0","btn-outer":"styles-module__btn-outer--4KgkG","btn--secondary":"styles-module__btn--secondary--tK09f","btn--tertiary":"styles-module__btn--tertiary--jf5po","btn--danger":"styles-module__btn--danger--SmsoX","btn--small":"styles-module__btn--small--cJ2bM","btnOuter":"styles-module__btnOuter--ip64U","svgOnly":"styles-module__svgOnly--eXeyf","user":"styles-module__user--3fNDf","primary":"styles-module__primary--AeI1M","secondary":"styles-module__secondary--tAMJR","tertiary":"styles-module__tertiary--Kr5w9"});
 ;// ./src/components/Button/Button.jsx
 
 
 
 
 
-
-
-
 var Button = props => {
   var {
     className,
@@ -331809,35 +331521,25 @@ var Button = props => {
     buttonOuterClassName,
     buttonRef,
     disabled,
-    confirmText,
     href,
     text,
     title,
     label,
     buttonIconPosition = "left",
+    variant,
     isUser
   } = props;
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var buttonClass = classnames_default()("btn", className, {
-    "btn--svg-only": !buttonText,
-    "btn--user": isUser
-  });
+  var VARIANT_CLASSES = {
+    primary: styles_module.primary,
+    secondary: styles_module.secondary,
+    tertiary: styles_module.tertiary
+  };
+  var buttonClass = classnames_default()(styles_module.btn, className, {
+    [styles_module.svgOnly]: !buttonText,
+    [styles_module.user]: isUser
+  }, VARIANT_CLASSES[variant] || '');
   var onButtonClick = e => {
-    if (!confirmText) {
-      onClickHandler(e);
-      return;
-    }
-    (0,react_confirm_alert_lib/* confirmAlert */.ZX)({
-      message: confirmText,
-      buttons: [{
-        label: t("button.yes"),
-        onClick: () => onClickHandler(e)
-      }, {
-        label: t("button.no")
-      }]
-    });
+    onClickHandler(e);
   };
   var onKeyDown = e => {
     e.stopPropagation();
@@ -331877,7 +331579,7 @@ var Button = props => {
   });
   if (buttonOuter) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()("btn-outer", {
+      className: classnames_default()([styles_module.btnOuter], {
         buttonOuterClassName
       }),
       onClick: onButtonClick,
@@ -331961,7 +331663,6 @@ var RunButton = _ref => {
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, _objectSpread2({
     disabled: !activeRunner || activeRunner !== loadedRunner || codeRunLoading,
-    className: "btn--primary btn--run".concat(className ? " ".concat(className) : ""),
     onClickHandler: onClickRun
   }, props));
 };
@@ -332017,21 +331718,26 @@ var StopButton = _ref => {
   return button;
 };
 /* harmony default export */ const RunButton_StopButton = (StopButton);
-;// ./src/assets/icons/run.svg
-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); }
+;// ./src/assets/icons/tj-run.svg
+var tj_run_path;
+function tj_run_extends() { return tj_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; }, tj_run_extends.apply(null, arguments); }
 
-function SvgRun(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", run_extends({
-    width: 11,
+function SvgTjRun(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_run_extends({
+    width: 14,
     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"
+  }, props), tj_run_path || (tj_run_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M2.917 1.75L11.083 7l-8.166 5.25V1.75z",
+    fill: "#33625E",
+    stroke: "#33625E",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   })));
 }
-/* harmony default export */ const run = (SvgRun);
+/* harmony default export */ const tj_run = (SvgTjRun);
 ;// ./src/assets/icons/stop.svg
 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); }
@@ -332055,7 +331761,6 @@ function SvgStop(props) {
 
 
 
-
 var RunnerControls = _ref => {
   var {
     embedded = false,
@@ -332063,21 +331768,19 @@ var RunnerControls = _ref => {
   } = _ref;
   var codeRunTriggered = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.codeRunTriggered);
   var drawTriggered = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.drawTriggered);
-  var {
-    t
-  } = useTranslation_useTranslation();
   return codeRunTriggered || drawTriggered ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_StopButton, {
     embedded: embedded,
-    buttonText: t("runButton.stop"),
+    buttonText: "Stop",
     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,
-    buttonIconPosition: "right",
+    buttonText: "Run",
+    ButtonIcon: tj_run,
+    buttonIconPosition: "left",
+    variant: "primary",
     buttonOuter: skinny,
     className: skinny ? "btn--small" : ""
   });
@@ -332915,7 +332618,7 @@ var RunnerFactory = _ref => {
 /* harmony default export */ const Runners_RunnerFactory = (RunnerFactory);
 ;// ./src/components/RunButton/styles.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const 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","runBar":"styles-module__runBar--JA+8h"});
+/* harmony default export */ const RunButton_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","runBar":"styles-module__runBar--JA+8h"});
 ;// ./src/components/RunButton/RunBar.jsx
 
 
@@ -332926,7 +332629,7 @@ var RunBar = _ref => {
     embedded = false
   } = _ref;
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: styles_module.runBar,
+    className: RunButton_styles_module.runBar,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunnerControls, {
       embedded: embedded
     })
@@ -338359,23 +338062,47 @@ var SaveStatus = _ref => {
   });
 };
 /* harmony default export */ const SaveStatus_SaveStatus = (SaveStatus);
-;// ./src/assets/icons/download.svg
-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); }
+;// ./src/assets/icons/tj-download.svg
+var tj_download_path;
+function tj_download_extends() { return tj_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; }, tj_download_extends.apply(null, arguments); }
 
-function SvgDownload(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", download_extends({
-    width: 24,
-    height: 24,
+function SvgTjDownload(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", tj_download_extends({
+    width: 16,
+    height: 16,
     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"
+  }, props), tj_download_path || (tj_download_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M8 10V2m0 8L4.667 6.667M8 10l3.333-3.333M14 10v2.667A1.334 1.334 0 0112.667 14H3.333A1.334 1.334 0 012 12.667V10",
+    stroke: "#33625E",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   })));
 }
-/* harmony default export */ const download = (SvgDownload);
+/* harmony default export */ const tj_download = (SvgTjDownload);
 ;// ./src/assets/text_jam_logo.svg
-const text_jam_logo_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTU1IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTEwOC44NzEgNi44NjIwNkgxMTMuODkyVjIxLjE5ODNDMTEzLjg5MiAyMi41MjcgMTEzLjU4NiAyMy43MTI2IDExMi45NjYgMjQuNzU1MUMxMTIuMzQ2IDI1Ljc5NzYgMTExLjQ4NyAyNi42MDg0IDExMC4zODMgMjcuMTgwOEMxMDkuMjc5IDI3Ljc1MzEgMTA4LjA0NiAyOC4wMzkzIDEwNi42OSAyOC4wMzkzQzEwNC40MTQgMjguMDM5MyAxMDIuNjQzIDI3LjQ2NyAxMDEuMzgyIDI2LjMxNTRDMTAwLjEyMiAyNS4xNjM5IDk5LjQ4OCAyMy41NDIyIDk5LjQ4OCAyMS40MzY4SDEwNC41MzdDMTA0LjUzNyAyMi4zOTA3IDEwNC43MDEgMjMuMDg1NyAxMDUuMDM0IDIzLjUxNUMxMDUuMzY4IDIzLjk0NDIgMTA1LjkyIDI0LjE2MjMgMTA2LjY5IDI0LjE2MjNDMTA3LjM5MiAyNC4xNjIzIDEwNy45MjQgMjMuOTAzMyAxMDguMzA1IDIzLjM3ODdDMTA4LjY4NyAyMi44NTQgMTA4Ljg3MSAyMi4xMjQ5IDEwOC44NzEgMjEuMTkxNVY2Ljg2MjA2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTEyNS41OTIgMjcuNzYwNkMxMjUuNDIxIDI3LjQ0NzIgMTI1LjI2NSAyNi45ODM4IDEyNS4xMzUgMjYuMzcwNkMxMjQuMjQzIDI3LjQ4ODEgMTIzLjAwMyAyOC4wNDY4IDEyMS40MDEgMjguMDQ2OEMxMTkuOTM2IDI4LjA0NjggMTE4LjY5NiAyNy42MDM5IDExNy42NjcgMjYuNzE4MUMxMTYuNjM4IDI1LjgzMjMgMTE2LjEzNCAyNC43MjE3IDExNi4xMzQgMjMuMzc5M0MxMTYuMTM0IDIxLjY5NjMgMTE2Ljc1NCAyMC40MjIyIDExOC4wMDEgMTkuNTYzNkMxMTkuMjQ4IDE4LjcwNTEgMTIxLjA1NCAxOC4yNjkgMTIzLjQyNSAxOC4yNjlIMTI0LjkxN1YxNy40NDQ1QzEyNC45MTcgMTYuMDEzNiAxMjQuMjk3IDE1LjI5ODIgMTIzLjA2NCAxNS4yOTgyQzEyMS45MTkgMTUuMjk4MiAxMjEuMzQgMTUuODYzNyAxMjEuMzQgMTcuMDAxNkgxMTYuNTAyQzExNi41MDIgMTUuNTAyNiAxMTcuMTQzIDE0LjI4MjkgMTE4LjQxNyAxMy4zNDk0QzExOS42OTEgMTIuNDE2IDEyMS4zMiAxMS45NDU4IDEyMy4zMDIgMTEuOTQ1OEMxMjUuMjg1IDExLjk0NTggMTI2Ljg0NiAxMi40Mjk2IDEyNy45OTcgMTMuMzk3MUMxMjkuMTQ5IDE0LjM2NDcgMTI5LjczNSAxNS42ODY2IDEyOS43NjIgMTcuMzY5NlYyNC4yNDQ3QzEyOS43ODIgMjUuNjY4OCAxMzAgMjYuNzU5IDEzMC40MjMgMjcuNTE1M1YyNy43NjA2SDEyNS41ODVIMTI1LjU5MlpNMTIyLjU2NiAyNC41OTlDMTIzLjE2NiAyNC41OTkgMTIzLjY3IDI0LjQ2OTUgMTI0LjA2NiAyNC4yMTA2QzEyNC40NjEgMjMuOTUxNyAxMjQuNzQ3IDIzLjY1ODcgMTI0LjkxNyAyMy4zMzg1VjIwLjg1ODJIMTIzLjUxNEMxMjEuODMxIDIwLjg1ODIgMTIwLjk4NiAyMS42MTQ2IDEyMC45ODYgMjMuMTI3MkMxMjAuOTg2IDIzLjU3MDEgMTIxLjEzNiAyMy45MjQ0IDEyMS40MjkgMjQuMTk3QzEyMS43MjIgMjQuNDY5NSAxMjIuMTAzIDI0LjYwNTggMTIyLjU2IDI0LjYwNThMMTIyLjU2NiAyNC41OTlaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTM3LjAxOSAxMi4yMzA4TDEzNy4xNzUgMTQuMDUwMUMxMzguMjcyIDEyLjY0NjQgMTM5Ljc1MSAxMS45Mzc4IDE0MS42MTEgMTEuOTM3OEMxNDMuNTczIDExLjkzNzggMTQ0Ljg5NSAxMi43MTQ2IDE0NS41ODMgMTQuMjc0OUMxNDYuNjMzIDEyLjcxNDYgMTQ4LjE1OSAxMS45Mzc4IDE1MC4xNDkgMTEuOTM3OEMxNTMuMjk3IDExLjkzNzggMTU0LjkxMiAxMy44Mzg5IDE1NSAxNy42NDc4VjI3Ljc1MjZIMTUwLjE0OVYxNy45NDc2QzE1MC4xNDkgMTcuMTUwNCAxNTAuMDEyIDE2LjU3OCAxNDkuNzQ3IDE2LjIxMDFDMTQ5LjQ4MSAxNS44NDIxIDE0OC45OSAxNS42NjQ5IDE0OC4yODIgMTUuNjY0OUMxNDcuMzI4IDE1LjY2NDkgMTQ2LjYxMiAxNi4wODc0IDE0Ni4xNDIgMTYuOTM5MUwxNDYuMTU2IDE3LjEzNjdWMjcuNzM5SDE0MS4zMDRWMTcuOTY4QzE0MS4zMDQgMTcuMTU3MiAxNDEuMTc1IDE2LjU2NDQgMTQwLjkxNiAxNi4yMDMyQzE0MC42NTcgMTUuODQyMSAxNDAuMTY3IDE1LjY1ODEgMTM5LjQzNyAxNS42NTgxQzEzOC41MTEgMTUuNjU4MSAxMzcuODAyIDE2LjA4MDYgMTM3LjMxMiAxNi45MzIzVjI3LjczOUgxMzIuNDc0VjEyLjIxMDRIMTM3LjAxMkwxMzcuMDE5IDEyLjIzMDhaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNOTMuMzIxNyAzMi4xNDc1SDMuNDYxNDlWMEg5My4zMjE3VjMyLjE0NzVaTTQuODI0MjQgMzAuNzg0N0g5MS45NTlWMS4zNjI3Nkg0LjgyNDI0VjMwLjc4NDdaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTQuMzQzIDEwLjA5MjRIMTcuOTI3MVYyNC40MjE4SDIxLjUxMTFWMTAuMDkyNEgyNS4wOTUyVjYuNTA4MzlIMTQuMzQzVjEwLjA5MjRaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMzIuMjcwMSAyNC40MjE4SDQzLjAxNTVWMjAuODM3OEgzNS44NDc0VjE3LjI1MzdINDMuMDE1NVYxMy42Njk3SDM1Ljg0NzRWMTAuMDkyNEg0My4wMTU1VjYuNTA4MzlIMzIuMjcwMVYyNC40MjE4WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTcxLjY5NDYgNi41MDgzOVYxMC4wOTI0SDc1LjI3ODdWMjQuNDIxOEg3OC44NjI3VjEwLjA5MjRIODIuNDQ2OFY2LjUwODM5SDcxLjY5NDZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNjQuNTE5NyAyMC42OTM2SDYwLjkzNTZWMjQuMjc3N0g2NC41MTk3VjIwLjY5MzZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNTMuNzc0NSAxMy42MjEySDU2LjA0MzVWMTcuMDE0NUg1My43NzQ1VjIwLjY5MzlINjAuOTM1OFYxNy4wMTQ1SDU4LjUxNjlWMTMuNjIxMkg2MC45MzU4VjkuOTQ4NThINTMuNzc0NVYxMy42MjEyWiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgMjAuNjkzNkg1MC4xOTAyVjI0LjI3NzdINTMuNzc0M1YyMC42OTM2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgNi4zNjQ2OUg1MC4xOTAyVjkuOTQ4NzRINTMuNzc0M1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTY0LjUxOTcgNi4zNjQ2OUg2MC45MzU2VjkuOTQ4NzRINjQuNTE5N1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTg4LjQ5NzUgMzAuNzg1VjM0LjYyNzlIMS4zNjI3NlY1LjIxMjgySDQuMDI2OTVWMy44NTAwN0gwVjM1Ljk5MDdIODkuODYwMlYzMC43ODVIODguNDk3NVoiIGZpbGw9IiNBMzE3NDYiLz4NCjwvc3ZnPg0K";
+var text_jam_logo_path, text_jam_logo_path2, _path3;
+function text_jam_logo_extends() { return text_jam_logo_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; }, text_jam_logo_extends.apply(null, arguments); }
+
+function SvgTextJamLogo(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", text_jam_logo_extends({
+    width: 155,
+    height: 36,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), text_jam_logo_path || (text_jam_logo_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M108.871 6.862h5.021v14.336c0 1.329-.306 2.515-.926 3.557a6.336 6.336 0 01-2.583 2.426c-1.104.572-2.337.858-3.693.858-2.276 0-4.047-.572-5.308-1.724-1.26-1.151-1.894-2.773-1.894-4.878h5.049c0 .954.164 1.649.497 2.078.334.43.886.647 1.656.647.702 0 1.234-.259 1.615-.783.382-.525.566-1.254.566-2.188V6.863zM125.592 27.76c-.171-.313-.327-.776-.457-1.39-.892 1.118-2.132 1.677-3.734 1.677-1.465 0-2.705-.443-3.734-1.329-1.029-.886-1.533-1.996-1.533-3.339 0-1.683.62-2.957 1.867-3.815 1.247-.859 3.053-1.295 5.424-1.295h1.492v-.824c0-1.431-.62-2.147-1.853-2.147-1.145 0-1.724.566-1.724 1.704h-4.838c0-1.5.641-2.72 1.915-3.653 1.274-.933 2.903-1.403 4.885-1.403 1.983 0 3.544.484 4.695 1.451 1.152.968 1.738 2.29 1.765 3.973v6.875c.02 1.424.238 2.514.661 3.27v.246h-4.838.007zm-3.026-3.161c.6 0 1.104-.13 1.5-.388.395-.26.681-.552.851-.872v-2.48h-1.403c-1.683 0-2.528.756-2.528 2.268 0 .443.15.797.443 1.07.293.273.674.409 1.131.409l.006-.007zM137.019 12.23l.156 1.82c1.097-1.404 2.576-2.112 4.436-2.112 1.962 0 3.284.777 3.972 2.337 1.05-1.56 2.576-2.337 4.566-2.337 3.148 0 4.763 1.9 4.851 5.71v10.105h-4.851v-9.805c0-.798-.137-1.37-.402-1.738-.266-.368-.757-.545-1.465-.545-.954 0-1.67.422-2.14 1.274l.014.198v10.602h-4.852v-9.771c0-.81-.129-1.404-.388-1.765-.259-.36-.749-.545-1.479-.545-.926 0-1.635.423-2.125 1.274V27.74h-4.838V12.21h4.538l.007.02zM93.322 32.148H3.462V0h89.86v32.148zM4.824 30.785H91.96V1.363H4.824v29.422z",
+    fill: "#A31746"
+  })), text_jam_logo_path2 || (text_jam_logo_path2 = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M14.343 10.092h3.584v14.33h3.584v-14.33h3.584V6.508H14.343v3.584zM32.27 24.422h10.745v-3.584h-7.168v-3.584h7.169V13.67h-7.169v-3.578h7.169V6.508H32.27v17.914zM71.695 6.508v3.584h3.584v14.33h3.584v-14.33h3.584V6.508H71.695zM64.52 20.694h-3.584v3.584h3.584v-3.584zM53.775 13.621h2.269v3.394h-2.27v3.679h7.162v-3.68h-2.42v-3.393h2.42V9.95h-7.161v3.672zM53.774 20.694H50.19v3.584h3.584v-3.584zM53.774 6.365H50.19v3.584h3.584V6.365zM64.52 6.365h-3.584v3.584h3.584V6.365z",
+    fill: "#A31746"
+  })), _path3 || (_path3 = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M88.498 30.785v3.843H1.362V5.213h2.664V3.85H0v32.14h89.86v-5.205h-1.362z",
+    fill: "#A31746"
+  })));
+}
+/* harmony default export */ const text_jam_logo = (SvgTextJamLogo);
 ;// ./src/assets/icons/pencil.svg
 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); }
@@ -339814,8 +339541,6 @@ var jszip_utils_lib_default = /*#__PURE__*/__webpack_require__.n(jszip_utils_lib
 
 
 
-var DownloadButton_excluded = ["buttonText", "className", "Icon", "type"];
-
 
 
 
@@ -339825,13 +339550,6 @@ var DownloadButton_excluded = ["buttonText", "className", "Icon", "type"];
 
 
 var DownloadButton = props => {
-  var {
-      buttonText,
-      className,
-      Icon,
-      type = "secondary"
-    } = props,
-    otherProps = objectWithoutProperties_objectWithoutProperties(props, DownloadButton_excluded);
   var {
     t
   } = useTranslation_useTranslation();
@@ -339872,14 +339590,9 @@ var DownloadButton = props => {
       return _ref.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(DesignSystemButton_DesignSystemButton, _objectSpread2({
-    className: className,
-    onClick: onClickDownload,
-    text: buttonText,
-    textAlways: true,
-    icon: Icon ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {}) : null,
-    type: type
-  }, otherProps));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, _objectSpread2({
+    onClickHandler: onClickDownload
+  }, props));
 };
 /* harmony default export */ const DownloadButton_DownloadButton = (DownloadButton);
 ;// ./src/events/WebComponentCustomEvents.js
@@ -339961,9 +339674,9 @@ var SaveButton = _ref => {
   });
 };
 /* harmony default export */ const SaveButton_SaveButton = (SaveButton);
-;// ./src/assets/stylesheets/ProjectBar.scss
+;// ./src/components/ProjectBar/styles.module.scss
 // extracted by mini-css-extract-plugin
-
+/* harmony default export */ const ProjectBar_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","btnSvg":"styles-module__btnSvg--Ri2uZ"});
 ;// ./src/components/ProjectBar/ProjectBar.jsx
 
 
@@ -339975,23 +339688,18 @@ var SaveButton = _ref => {
 
 
 
-
 var ProjectBar = _ref => {
   var {
     nameEditable = true
   } = _ref;
-  var {
-    t
-  } = useTranslation_useTranslation();
   var loading = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.loading);
   var saving = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.saving);
   var lastSavedTime = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.lastSavedTime);
   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: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(text_jam_logo, {
       className: "textJam-logo",
-      src: text_jam_logo_namespaceObject,
       alt: "TextJam logo"
     }), loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsx)(ProjectName_ProjectName, {
       editable: !readOnly && nameEditable,
@@ -340001,10 +339709,8 @@ var ProjectBar = _ref => {
       children: [loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "project-bar__btn-wrapper",
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadButton_DownloadButton, {
-          buttonText: t("header.download"),
-          className: "btn btn--tertiary project-bar__btn",
-          Icon: download,
-          type: "tertiary"
+          className: ProjectBar_styles_module.btnSvg,
+          ButtonIcon: tj_download
         })
       }), loading === "success" && !readOnly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "project-bar__btn-wrapper",
@@ -340054,7 +339760,77 @@ var SidebarBarOption = props => {
 };
 /* harmony default export */ const Sidebar_SidebarBarOption = (SidebarBarOption);
 ;// ./src/assets/gwc-logo.svg
-const gwc_logo_namespaceObject = __webpack_require__.p + "assets/gwc-logoa61b092912e3c38825d3.svg";
+var _rect, _rect2, _g, _defs;
+function gwc_logo_extends() { return gwc_logo_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; }, gwc_logo_extends.apply(null, arguments); }
+
+function SvgGwcLogo(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", gwc_logo_extends({
+    width: 44,
+    height: 44,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _rect || (_rect = /*#__PURE__*/external_react_.createElement("rect", {
+    width: 44,
+    height: 44,
+    rx: 12,
+    fill: "url(#gwc-logo_svg__paint0_linear_103_10099)"
+  })), _rect2 || (_rect2 = /*#__PURE__*/external_react_.createElement("rect", {
+    x: 0.5,
+    y: 0.5,
+    width: 43,
+    height: 43,
+    rx: 11.5,
+    stroke: "#000",
+    strokeOpacity: 0.06
+  })), _g || (_g = /*#__PURE__*/external_react_.createElement("g", {
+    clipPath: "url(#gwc-logo_svg__clip0_103_10099)",
+    filter: "url(#gwc-logo_svg__filter0_f_103_10099)",
+    fill: "#fff"
+  }, /*#__PURE__*/external_react_.createElement("path", {
+    d: "M15.169 29.953a.05.05 0 01.024 0h-.024zM33.055 10.624h.011s-.011-.003-.011 0zM13.637 18.454a.04.04 0 000-.007v.012-.005zM21.797 9.706a1.061 1.061 0 000-.138.797.797 0 000 .138zM10.13 32.001zM17.91 18.974c0 .042.002.085.007.128 0-.043-.007-.086-.007-.128zM14.42 32.038a.01.01 0 01.006 0h-.005zM12.473 11.447s.005 0 .006.007v-.007h-.006zM10.945 14.73a.035.035 0 01-.027 0h.027zM13.646 16.387h-.01v.008l.01-.008z"
+  }), /*#__PURE__*/external_react_.createElement("path", {
+    d: "M34.248 9.398h-.783v.999c0 .209-.013.221-.214.221h-.187l-.012.431v1.658c0 .394 0 .394-.37.402l-.009.427v.793c.01.405.01.405-.374.402h-.028v.427c.01.398.01.398-.372.402v.033c0 .398 0 .398-.378.395-.013.415-.013.415-.408.398 0 .4 0 .4-.376.396h-.407c-.38 0-.38 0-.375-.399h-.028c-.378 0-.378 0-.38-.396-.376 0-.376 0-.376-.4v-.031V14.726v-.398-4.103h-.01c-.374-.007-.374-.007-.37-.402V9.43c-.13-.07-.27-.02-.404-.036h-.749v1.06c0 .138-.047.188-.172.177-.077-.007-.154 0-.233 0 0 .276-.006.552-.009.829v2.884c0 .397 0 .397-.37.398l-.007.395v.033c0 .404 0 .404-.376.4l-.021.006s0-.007-.01-.01l.013.008c0 .138-.01.276-.014.414.012.415.012.415-.375.405l-.371.007c0 .392 0 .392-.379.392h-.031c-.37 0-.37 0-.378-.394v-.008h-.377a.039.039 0 01-.025 0h-.015c-.42-.01-.372.102-.36-.4-.511.015-.399.045-.412-.414v-.414-.4a.195.195 0 00-.006-.03c-.376 0-.376 0-.371-.4V13.9v-.398-.398l-.012-.431h-.37c-.053-.054-.03-.124-.03-.188V9.952c0-.117-.023-.168-.146-.164-.25 0-.23.043-.232-.247v-.15h-.753a.036.036 0 000 .027v.673c0 .102-.034.138-.13.138h-.28V10.662c0 .397 0 .397-.372.402v.491c0 .304 0 .307-.282.334-.076.009-.09.045-.096.115 0 .095.033.197-.028.286 0 .396 0 .396-.376.396v.017c0 .4 0 .4-.375.414 0 .213-.008.427 0 .641 0 .148-.05.198-.183.184a2.197 2.197 0 00-.232 0c.009.502.064.388-.372.4v.013a.885.885 0 01-.012.34c-.056.113-.198.026-.299.051a.455.455 0 00-.085.035c0 .128-.006.258-.009.388.01.406.01.406-.375.4v.45c0 .396 0 .396-.38.378.016.397.016.397-.4.405 0 .094-.008.19 0 .276.01.119-.036.15-.144.15-.234 0-.234 0-.234-.25v-.154c-.056-.06-.03-.138-.03-.205v-6.606c0-.215 0-.224-.2-.214-.131.007-.2-.029-.176-.18.025-.153-.043-.204-.182-.19-.063 0-.131.029-.194-.03h-.774v.393c-.093.073-.198.025-.298.035a2.17 2.17 0 01-.232 0c-.244 0-.25 0-.248-.255 0-.12-.042-.153-.146-.138h-.233a.061.061 0 010-.031h-.006v.031c-.261.025-.522-.05-.784-.031H11.688c-.085.062-.18.024-.27.027-.09.003-.105.033-.109.116-.013.277-.017.277-.28.283l-.123.007c0 .405 0 .405-.381.391 0 .474.085.4-.376.397a.5.5 0 00-.025.258c.018.152-.043.196-.176.18a1.442 1.442 0 00-.204 0V11.49c0 .398 0 .398-.373.401 0 .13 0 .261-.007.391V12.718c0 .4 0 .4-.375.4v1.624c.375 0 .375 0 .374.4v.827c.44 0 .37-.026.372.434v.397h.015c.435.013.392-.098.392.434.463 0 .37-.076.376.398.37-.02.37-.02.383.384h-.007v-.01l.403.009c.202 0 .403.008.604 0 .147-.009.195.054.181.201a2.221 2.221 0 000 .228v.01h1.162l.377-.011c0-.424 0-.424.392-.426h.778c0-.393 0-.393.38-.393h.031c.376 0 .376 0 .374.4V19.276c0 .4 0 .4-.376.398v.397c0 .434 0 .434-.408.434v.033c0 .395 0 .395-.373.398v.066c0 .301 0 .304-.28.329-.075.007-.092.041-.097.113-.007.095.035.198-.029.287h-.376v.017c0 .396 0 .396-.377.414v.489c0 .308 0 .313-.28.339-.075.007-.092.041-.098.113-.007.094.04.198-.032.283h-.371V23.794c.01.414.01.414-.372.422 0 .22-.007.44 0 .658 0 .131-.044.18-.165.17-.082-.007-.165 0-.248 0 .023.395.021.396-.367.402v.489c0 .286 0 .289-.267.304-.08 0-.107.031-.11.116a.678.678 0 01-.026.319v.05c-.006.377-.006.377-.37.378h.01c0 .264-.007.528-.01.792v.033c0 .472.053.394-.37.402h.006v.829c.012.543 0 1.084-.03 1.626.066.128.016.265.032.398v.829c0 .138 0 .284.006.426.379 0 .379 0 .368.405v.391c.113 0 .248-.031.333.021.085.053.019.221.045.334a.414.414 0 00.028.076c.371 0 .371 0 .376.395h.373c.375-.006.375-.006.38.394h2.35v-.017c0-.39 0-.39.385-.373h.402c0-.397 0-.397.373-.399a.082.082 0 010-.03c-.02-.405-.02-.405.373-.4v-.674c0-.087.015-.145.115-.154.261-.024.261-.028.261-.314v-.083c.016-.138-.032-.276.03-.398v-.033c0-.396 0-.396.375-.398l.008-.392v-.799-.828-5.135c0-.24 0-.24.235-.242h.14v-3.49c0-.063-.022-.138.026-.189a.095.095 0 00.008-.025c-.021-.407-.021-.407.372-.405-.016-.4-.016-.4.37-.405a.048.048 0 000-.027c0-.216.006-.431 0-.645 0-.138.042-.169.155-.154h.11c.09.009.113-.037.115-.127.003-.09-.034-.188.028-.276.121-.065.252-.012.376-.033v-.388-.098c0-.29 0-.295.26-.307.094 0 .11-.047.113-.138.004-.091-.035-.208.029-.301h.376v-.398-.034c0-.4 0-.4.375-.4.052-.05.03-.113.03-.171 0-.227 0-.227.223-.227h.155c-.017-.402-.017-.402.368-.405v-.395-.098c.007-.104-.036-.225.02-.304.056-.079.174-.026.261-.032.087-.005.09-.045.094-.114 0-.096-.031-.197.029-.285a.096.096 0 000-.026c-.013-.4-.013-.4.37-.406v-.18c0-.217 0-.217.198-.217.197 0 .21 0 .21.22V15.139c.377 0 .377 0 .37.402v.827h.373c.065.082.03.178.03.267 0 .088.032.138.13.138h.154c.075 0 .1.033.098.108v.722c.38-.014.38-.014.379.392h1.013c.105 0 .155.027.145.147-.008.094 0 .188 0 .276v.01h.783l.375-.01c0-.427 0-.427.409-.425h.077c.274 0 .276 0 .297-.292 0-.076.029-.108.102-.106h.31c0-.4 0-.4.374-.402v-.033c-.01-.398-.01-.398.374-.402.014-.401.014-.401.406-.395.376 0 .376 0 .378.393.06.096.026.202.028.303.001.1.032.138.13.131h.109c.103-.012.156.022.145.138-.01.084 0 .172-.008.257.365-.022.365-.02.382.388.212 0 .424.009.637 0 .109 0 .153.032.143.15-.008.092 0 .186 0 .276v.01h1.163v-.01c0-.089.008-.177 0-.265-.01-.118.022-.17.145-.163.213.01.427 0 .64 0 0-.415 0-.415.385-.395l.365-.01c-.022-.24.04-.478.032-.717 0-.078.028-.11.1-.108h.28c-.015-.414-.015-.414.375-.4-.027-.247.04-.49.03-.736 0-.071.032-.096.096-.095h.28V15.08c0-.403 0-.403.375-.4v-.797-.433c0-.397 0-.397.372-.399v-1.087c0-.058-.02-.123.03-.173v-.398c0-.4 0-.4.375-.398v-1.99h-.376c-.007.393-.007.393-.38.393zM14.926 31.606c-.076 0-.094.038-.1.112-.006.108.035.22-.028.32 0 .405 0 .405-.381.395h-.077c-.276 0-.278 0-.295.29 0 .089-.04.112-.115.108h-1.071c-.377.02-.377.02-.382-.39-.13-.02-.282.054-.371-.037-.089-.09-.01-.26-.04-.39-.382 0-.382 0-.371-.404V29.958v-.398-.827c0-.4 0-.4.374-.4.03-.138-.018-.291.032-.43v-.117c0-.26 0-.262.248-.276.074 0 .098-.033.102-.11a.735.735 0 01.024-.324l.015.014-.015-.011V26.65c0-.396 0-.396.374-.397v-.082c0-.293 0-.296.274-.313.084 0 .103-.042.104-.12a.618.618 0 01.024-.29 2.187 2.187 0 000-.26c-.014-.139.04-.175.158-.162.072.004.144.004.217 0v-.391c0-.398 0-.398.37-.402V24.2c.016-.384.016-.384.376-.4-.02-.233.037-.46.032-.692 0-.095.05-.128.13-.138.08-.01.166 0 .25 0v-.18c0-.216 0-.216.198-.216.199 0 .208 0 .208.222v5.112a.04.04 0 01-.025 0h.025V31.274c.013.303.013.307-.267.332h.003zm.653-19.322v3.312c0 .398 0 .398-.375.399 0 .398 0 .398-.377.398H14.415l-.37.01c0 .393 0 .393-.378.393h-.829c-.365 0-.365 0-.359-.39l-.4-.016c-.378.03-.378.03-.392-.388-.119-.028-.284.057-.351-.041-.068-.099-.023-.252-.03-.38a.044.044 0 00-.02-.014c-.392.012-.392.012-.377-.431v-.398l-.012-.395c-.372 0-.372 0-.372-.398v-.437c0-.396 0-.396.372-.397a.063.063 0 00.008-.03v-.794c-.01-.407-.01-.407.375-.4.015-.139-.04-.293.03-.433h.374l.007.012-.01-.012c0-.119-.03-.261.02-.352.05-.091.203-.014.303-.044.152-.03.306-.04.46-.03 0-.397 0-.397.377-.397.209 0 .418.007.625 0 .124 0 .174.034.16.167a1.954 1.954 0 000 .232h.637c.05 0 .105-.018.146.032.372 0 .372 0 .376.394h.031c.37.012.37.012.378.399.376 0 .375 0 .373.4v.034l.012-.005z"
+  }), /*#__PURE__*/external_react_.createElement("path", {
+    d: "M14.418 23.786h-.031a.047.047 0 01.03.007v-.007zM33.838 34.06v2.884a.202.202 0 01-.151.053H20.959a.785.785 0 01-.294-.024.104.104 0 01-.043-.044.594.594 0 01-.029-.245V21.582a.466.466 0 01.038-.257.412.412 0 01.287-.048h12.659a.35.35 0 01.27.053v2.85c-.077.07-.17.047-.26.047H23.581a3.314 3.314 0 00-.573.04.119.119 0 00-.1.04.129.129 0 00-.031.106v8.991c-.008.137.031.213.165.205a.218.218 0 01.13.03.257.257 0 01.056.213c0 .112.04.162.141.156h.222a.886.886 0 01.148 0h9.813a.374.374 0 01.285.053z"
+  }))), _defs || (_defs = /*#__PURE__*/external_react_.createElement("defs", null, /*#__PURE__*/external_react_.createElement("linearGradient", {
+    id: "gwc-logo_svg__paint0_linear_103_10099",
+    x1: 14.942,
+    y1: 4.598,
+    x2: 27.586,
+    y2: 34.483,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/external_react_.createElement("stop", {
+    stopColor: "#49D8CB"
+  }), /*#__PURE__*/external_react_.createElement("stop", {
+    offset: 1,
+    stopColor: "#269B90"
+  })), /*#__PURE__*/external_react_.createElement("clipPath", {
+    id: "gwc-logo_svg__clip0_103_10099"
+  }, /*#__PURE__*/external_react_.createElement("path", {
+    fill: "#fff",
+    transform: "translate(9 9)",
+    d: "M0 0h26v28H0z"
+  })), /*#__PURE__*/external_react_.createElement("filter", {
+    id: "gwc-logo_svg__filter0_f_103_10099",
+    x: 8.65,
+    y: 8.65,
+    width: 26.699,
+    height: 28.699,
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/external_react_.createElement("feFlood", {
+    floodOpacity: 0,
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/external_react_.createElement("feBlend", {
+    in: "SourceGraphic",
+    in2: "BackgroundImageFix",
+    result: "shape"
+  }), /*#__PURE__*/external_react_.createElement("feGaussianBlur", {
+    stdDeviation: 0.175,
+    result: "effect1_foregroundBlur_103_10099"
+  })))));
+}
+/* harmony default export */ const gwc_logo = (SvgGwcLogo);
 ;// ./src/components/Menus/Sidebar/SidebarBar.jsx
 
 
@@ -340073,9 +339849,8 @@ var SidebarBar = props => {
     className: Sidebar_styles_module.bar,
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: Sidebar_styles_module.optionsTop,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(gwc_logo, {
         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,
@@ -341290,7 +341065,7 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/assets/icons/select_buttons_tick.svg
-var _rect, select_buttons_tick_path;
+var select_buttons_tick_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) {
@@ -341299,7 +341074,7 @@ function SvgSelectButtonsTick(props) {
     height: 24,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _rect || (_rect = /*#__PURE__*/external_react_.createElement("rect", {
+  }, props), select_buttons_tick_rect || (select_buttons_tick_rect = /*#__PURE__*/external_react_.createElement("rect", {
     width: 24,
     height: 24,
     rx: 12
@@ -341551,7 +341326,7 @@ function SvgTjActivity(props) {
 }
 /* harmony default export */ const tj_activity = (SvgTjActivity);
 ;// ./src/assets/icons/tj-font.svg
-var tj_font_path, tj_font_path2, _g;
+var tj_font_path, tj_font_path2, tj_font_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) {
@@ -341578,7 +341353,7 @@ function SvgTjFont(props) {
     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", {
+  }))), tj_font_g || (tj_font_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",