kitchen-simulator 5.0.0-test.2 → 5.0.0-test.4

package/lib/components/header/header.js

@@ -1,556 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var Icon = _interopRequireWildcard(require("react-icons/fa"));
-var _reactjsPopup = _interopRequireDefault(require("reactjs-popup"));
-var _constants = require("../../constants");
-var _export = require("../style/export");
-require("./header.style.css");
-var PS = _interopRequireWildcard(require("./styles"));
-var _index = _interopRequireDefault(require("../atoms/Snackbar/index"));
-var _SaveButton = require("../../../src/components/header/button/SaveButton");
-var _core = require("@material-ui/core");
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-var AWS = require('aws-sdk');
-var s3 = new AWS.S3({
-  accessKeyId: process.env.REACT_APP_AWS_ID,
-  secretAccessKey: process.env.REACT_APP_AWS_SECRET
-});
-var headerBarStyle = {
-  position: 'absolute',
-  top: 0,
-  // fontSize: '12px',
-  borderBottom: '1px solid #e8e8e8',
-  display: 'flex',
-  // backgroundColor: SharedStyle.SECONDARY_COLOR.alt,
-  boxShadow: '3px 1px 3px 0px rgba(0,0,0,0.2), -1px -1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12)',
-  backgroundColor: '#fff',
-  padding: '3px 1em',
-  textAlign: 'center',
-  border: 0,
-  margin: 0,
-  boxSizing: 'border-box',
-  cursor: 'default',
-  userSelect: 'none',
-  zIndex: '199'
-};
-var inputStyle = {
-  textAlign: 'left',
-  height: '32px',
-  border: 'unset'
-};
-var uploadFiles = function uploadFiles(data, filePath) {
-  var p1 = new Promise(function (resolve, reject) {
-    var params = {
-      Bucket: process.env.REACT_APP_AWS_BUCKET_NAME,
-      Key: filePath,
-      Body: data,
-      ContentType: 'application/json',
-      ACL: 'public-read'
-    };
-    s3.putObject(params, function (err, data) {
-      if (err) {
-        reject(err);
-        return;
-      }
-      console.log('success');
-      resolve([data.Location]);
-    });
-  });
-  return p1;
-};
-var Header = exports["default"] = /*#__PURE__*/function (_Component) {
-  function Header(props, context) {
-    var _this;
-    _classCallCheck(this, Header);
-    _this = _callSuper(this, Header, [props, context]);
-    _this.state = {
-      HamburgerMenuOpen: false,
-      renameForm: false,
-      renameTitle: '  ',
-      saveAsBtnClicked: false,
-      isSnackBarOpen: false,
-      snackBarMessage: '',
-      isLoading: false
-    };
-    return _this;
-  }
-  _inherits(Header, _Component);
-  return _createClass(Header, [{
-    key: "canSubmit",
-    value: function canSubmit() {
-      return this.state.renameTitle !== '';
-    }
-  }, {
-    key: "renameFormToggle",
-    value: function renameFormToggle(data) {
-      var saveAsBtnClicked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (this.canSubmit()) {
-        this.setState({
-          renameForm: data,
-          saveAsBtnClicked: saveAsBtnClicked
-        });
-      } else {
-        this.setState({
-          isSnackBarOpen: true,
-          snackBarMessage: 'This field is required'
-        });
-      }
-    }
-  }, {
-    key: "onRenameTitleChange",
-    value: function onRenameTitleChange(ev) {
-      this.setState({
-        renameTitle: ev.target.value
-      });
-      sessionStorage.setItem('projectTitle', ev.target.value);
-      this.context.projectActions.rename(ev.target.value);
-    }
-  }, {
-    key: "renameTitleSubmit",
-    value: function renameTitleSubmit(ev) {
-      ev.preventDefault();
-      if (!this.canSubmit()) {
-        this.renameFormToggle(false);
-        return;
-      }
-      this.setState({
-        renameForm: false,
-        renameTitle: this.state.renameTitle
-      });
-    }
-  }, {
-    key: "handlePopupClose",
-    value: function handlePopupClose(e) {
-      var HamburgerMenuOpen = this.state.HamburgerMenuOpen;
-      this.setState({
-        HamburgerMenuOpen: !HamburgerMenuOpen
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        state = _this$props.state,
-        width = _this$props.width,
-        height = _this$props.height,
-        _saveProject = _this$props.saveProject,
-        newProject = _this$props.newProject,
-        handleSaveDesign = _this$props.handleSaveDesign,
-        handleSubmitForQuote = _this$props.handleSubmitForQuote,
-        handleNewProject = _this$props.handleNewProject,
-        isModalVisible = _this$props.isModalVisible,
-        handleSubmitPrompt = _this$props.handleSubmitPrompt,
-        _this$context = this.context,
-        projectActions = _this$context.projectActions,
-        userActions = _this$context.userActions,
-        translator = _this$context.translator;
-      var _this$state = this.state,
-        HamburgerMenuOpen = _this$state.HamburgerMenuOpen,
-        renameTitle = _this$state.renameTitle,
-        renameForm = _this$state.renameForm,
-        saveAsBtnClicked = _this$state.saveAsBtnClicked,
-        isLoading = _this$state.isLoading;
-      var userInfo = [];
-      if (this.props.match) userInfo = this.props.match.params;
-      // let projectTitle = sessionStorage.getItem('projectTitle');
-      var projectTitle = state.scene.title;
-      var projectId = sessionStorage.getItem('projectId');
-      if (projectTitle == null || projectTitle == '') {
-        sessionStorage.setItem('projectTitle', 'Untitled');
-        this.context.projectActions.rename('Untitled');
-        projectTitle = 'Untitled';
-      }
-      var _handleSaveBtn = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
-          var _ref$showPrompt, showPrompt, extraFormData;
-          return _regenerator().w(function (_context) {
-            while (1) switch (_context.n) {
-              case 0:
-                _ref$showPrompt = _ref.showPrompt, showPrompt = _ref$showPrompt === void 0 ? true : _ref$showPrompt;
-                if (!showPrompt) {
-                  _context.n = 1;
-                  break;
-                }
-                handleSaveDesign(true);
-                _context.n = 3;
-                break;
-              case 1:
-                _this2.setState({
-                  isLoading: true
-                });
-                extraFormData = {
-                  userType: sessionStorage.getItem('user_type') || '',
-                  designType: sessionStorage.getItem('project_type') || '',
-                  startTime: sessionStorage.getItem('project_timeline') || ''
-                }; // It's a saved project, Save the changed project
-                _context.n = 2;
-                return _this2.props.saveProject({
-                  projectName: state.scene.title,
-                  projectId: sessionStorage.getItem('projectId'),
-                  email: sessionStorage.getItem('email'),
-                  firstName: sessionStorage.getItem('firstName'),
-                  lastName: sessionStorage.getItem('lastName'),
-                  phone: sessionStorage.getItem('phone'),
-                  user_type: extraFormData.userType,
-                  project_type: extraFormData.designType,
-                  project_timeline: extraFormData.startTime
-                });
-              case 2:
-                _this2.setState({
-                  isLoading: false
-                });
-              case 3:
-                return _context.a(2);
-            }
-          }, _callee);
-        }));
-        return function handleSaveBtn(_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-      var newProjectBtn = function newProjectBtn() {
-        if (sessionStorage.getItem('asking')) newProject();else handleNewProject(true);
-        _this2.props.setToolbar('');
-      };
-      var saveProject = function saveProject(e) {
-        e.preventDefault();
-        _this2.setState({
-          HamburgerMenuOpen: !HamburgerMenuOpen
-        });
-        _saveProject();
-      };
-      var saveAsBtnClickEvent = function saveAsBtnClickEvent(e) {
-        e.preventDefault();
-        _this2.setState({
-          HamburgerMenuOpen: !HamburgerMenuOpen
-        });
-        projectActions.unselectAll();
-        _this2.renameFormToggle(true, true);
-      };
-      var snaplibrary = function snaplibrary(e) {
-        e.preventDefault();
-        projectActions.openCatalog();
-        _this2.setState({
-          HamburgerMenuOpen: !HamburgerMenuOpen
-        });
-      };
-      var objectProperty = '';
-      if (HamburgerMenuOpen) {
-        objectProperty = /*#__PURE__*/_react["default"].createElement(PS.SelectedWrapper, null, /*#__PURE__*/_react["default"].createElement(PS.TitleBar, null, /*#__PURE__*/_react["default"].createElement(PS.TitleBarIconButton, {
-          onClick: function onClick(e) {
-            _this2.setState({
-              HamburgerMenuOpen: !HamburgerMenuOpen
-            });
-          }
-        }, /*#__PURE__*/_react["default"].createElement(Icon.FaTimes, null))), /*#__PURE__*/_react["default"].createElement(PS.ContentWrapper, null, /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(e) {
-            _this2.props.history.push('/login');
-            userInfo.role !== undefined && userActions.logout();
-          }
-        }, userInfo.role === undefined ? 'Sign in' : 'Sign out'), /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(e) {
-            _this2.props.history.push({
-              pathname: '/register',
-              state: {
-                type: 'register'
-              }
-            });
-          }
-        }, 'Register'), userInfo.role === 'admin' || userInfo.role === 'superadmin' && /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(e) {
-            _this2.props.history.push({
-              pathname: '/register',
-              state: {
-                type: 'adduser'
-              }
-            });
-          }
-        }, "Add user"), /*#__PURE__*/_react["default"].createElement(PS.Diver, null), /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(event) {
-            _this2.setState({
-              HamburgerMenuOpen: !HamburgerMenuOpen
-            });
-            confirm('Would you want to start a new Project?') ? (projectActions.newProject(), _this2.renameFormToggle(false), sessionStorage.removeItem('projectId'), sessionStorage.setItem('projectTitle', 'Untitled'), projectActions.rename('Untitled')) : null;
-          }
-        }, "New Project"), /*#__PURE__*/_react["default"].createElement(PS.Diver, null), userInfo.role === 'designer' || userInfo.role === 'customer' || userInfo.role === 'superdesigner' || userInfo.role === 'superadmin' ? /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: saveProject
-        }, "Save Project") : /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(event) {
-            _this2.setState({
-              HamburgerMenuOpen: !HamburgerMenuOpen,
-              isSnackBarOpen: true,
-              snackBarMessage: 'You should Login.'
-            });
-          }
-        }, "Save Project"), /*#__PURE__*/_react["default"].createElement(PS.Diver, null), userInfo.role === 'designer' || userInfo.role === 'customer' || userInfo.role === 'superdesigner' || userInfo.role === 'superadmin' ? /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: saveAsBtnClickEvent
-        }, "Save As...") : /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: function onClick(event) {
-            _this2.setState({
-              HamburgerMenuOpen: !HamburgerMenuOpen,
-              isSnackBarOpen: true,
-              snackBarMessage: 'You should Login.'
-            });
-          }
-        }, "Save As..."), /*#__PURE__*/_react["default"].createElement(PS.Diver, null), userInfo.role === 'designer' || userInfo.role === 'customer' || userInfo.role === 'superdesigner' || userInfo.role === 'superadmin' ? /*#__PURE__*/_react["default"].createElement(PS.SubTitle, {
-          onClick: snaplibrary
-        }, "Open Project") : null));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread(_objectSpread({}, headerBarStyle), {}, {
-          width: width,
-          height: height
-        })
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        isOpen: this.state.isSnackBarOpen,
-        message: this.state.snackBarMessage,
-        handleClose: function handleClose() {
-          return _this2.setState({
-            isSnackBarOpen: false,
-            snackBarMessage: ''
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(PS.LogoBox, {
-        style: {
-          padding: 'unset'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        href: this.props.companyURL,
-        target: "_blank"
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        height: "40px",
-        src: this.props.logoImage
-      }))), /*#__PURE__*/_react["default"].createElement(_reactjsPopup["default"], {
-        trigger: objectProperty,
-        open: this.state.HamburgerMenuOpen,
-        arrow: false
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          fontFamily: _constants.DEFAULT_FONT_FAMILY,
-          fontSize: 13,
-          fontWeight: 600,
-          lineHeight: '18px',
-          textAlign: 'center'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        style: {
-          color: _constants.TEXT_COLOR_NEUTRAL_3,
-          fontSize: '16px',
-          fontWeight: 600,
-          lineHeight: '22px',
-          textAlign: 'center'
-        }
-      }, "Drafts"), /*#__PURE__*/_react["default"].createElement("p", {
-        style: {
-          color: _constants.TEXT_COLOR_NEUTRAL_0,
-          margin: '0px 3px'
-        }
-      }, "/"), renameForm ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: "header-projectname-wrapper"
-      }, /*#__PURE__*/_react["default"].createElement(PS.InputStyle, null, /*#__PURE__*/_react["default"].createElement(_export.FormTextInput, {
-        value: projectTitle ? projectTitle : renameTitle,
-        onChange: function onChange(e) {
-          _this2.onRenameTitleChange(e);
-        },
-        style: inputStyle,
-        onKeyDown: function onKeyDown(e) {
-          var keyCode = e.keyCode || e.which;
-          if (keyCode == _constants.KEYBOARD_BUTTON_CODE.ENTER) {
-            if (saveAsBtnClicked) {
-              saveProject(e);
-            }
-            _this2.renameFormToggle(false, false);
-          }
-        }
-      }))) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: "header-projectname-wrapper"
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        style: {
-          color: _constants.TEXT_COLOR_NEUTRAL_0
-        },
-        onClick: isModalVisible ? null : function () {
-          return _this2.renameFormToggle(true, saveAsBtnClicked);
-        }
-      }, projectTitle ? projectTitle : renameTitle)))), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: '1rem',
-          width: '100%'
-        }
-      }, !this.props.allVisible && /*#__PURE__*/_react["default"].createElement(_SaveButton.SaveButton, {
-        isSaved: this.props.isSaved,
-        handleSaveBtn: function handleSaveBtn() {
-          var showPrompt = false;
-          if (!_this2.props.isTokenPresent) {
-            showPrompt = true;
-          }
-          if (_this2.props.isTokenPresent && _this2.props.isSaved) {
-            showPrompt = true;
-          }
-          return _handleSaveBtn({
-            showPrompt: showPrompt
-          });
-        },
-        isLoading: isLoading
-      }), !this.props.allVisible && /*#__PURE__*/_react["default"].createElement(PS.SelectedBox, {
-        onClick: isModalVisible ? null : newProjectBtn
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        height: "18px",
-        src: "/assets/img/svg/headerbar/plus.svg"
-      }), /*#__PURE__*/_react["default"].createElement(PS.SelectTitle, {
-        style: {
-          marginRight: 10
-        }
-      }, _constants.NEW_DESIGN)), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          flex: 1
-        }
-      }), !this.props.allVisible && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-        title: !this.props.isTokenPresent ? /*#__PURE__*/_react["default"].createElement("span", {
-          style: {
-            fontSize: 14
-          }
-        }, "You need to ", /*#__PURE__*/_react["default"].createElement("b", null, "save the project"), " before requesting Designer Assistance.") : ''
-      }, /*#__PURE__*/_react["default"].createElement(PS.SelectedBox, {
-        onClick: isModalVisible ? null : function () {
-          if (!_this2.props.isTokenPresent) {
-            _this2.props.handleSubmitPrompt(_constants.SUBMIT_REQUEST_ASSIST);
-          } else {
-            if (!_this2.props.isSaved) {
-              _handleSaveBtn({
-                showPrompt: !_this2.props.isTokenPresent
-              });
-            }
-            handleSubmitForQuote(true, _constants.SUBMIT_REQUEST_ASSIST);
-          }
-          _this2.props.setToolbar('');
-        }
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        height: "18px",
-        src: "\\assets\\img\\svg\\headerbar\\assist.svg"
-      }), /*#__PURE__*/_react["default"].createElement(PS.SelectTitle, null, _constants.SUBMIT_DESIGN), !this.props.isTokenPresent && /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          width: '5px',
-          height: '5px',
-          position: 'relative'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
-        style: {
-          color: 'rgb(76, 18, 161)',
-          position: 'absolute',
-          width: '15px',
-          height: '15px',
-          bottom: '8px',
-          right: '-16px'
-        }
-      })))), !this.props.allVisible && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-        title: !this.props.isTokenPresent ? /*#__PURE__*/_react["default"].createElement("span", {
-          style: {
-            fontSize: 14
-          }
-        }, "You need to ", /*#__PURE__*/_react["default"].createElement("b", null, "save the project"), " before Adding to Cart") : ''
-      }, /*#__PURE__*/_react["default"].createElement(_core.Button, {
-        variant: "outlined",
-        onClick: function onClick() {
-          if (!_this2.props.isTokenPresent) {
-            handleSubmitPrompt(_constants.SUBMIT_ADD_CART);
-          } else {
-            if (!_this2.props.isSaved) {
-              _handleSaveBtn({
-                showPrompt: !_this2.props.isTokenPresent
-              });
-            }
-            handleSubmitForQuote(true, _constants.SUBMIT_ADD_CART);
-          }
-        },
-        disabled: isLoading,
-        style: {
-          pointerEvents: isLoading ? 'none' : 'auto',
-          padding: '8px 20px',
-          color: 'white',
-          backgroundColor: 'rgba(76, 18, 161, 1)',
-          border: '1px solid rgba(76, 18, 161, 1)',
-          marginLeft: '1rem',
-          textTransform: 'none',
-          display: 'flex',
-          alignItems: 'center'
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement("img", {
-          style: {
-            color: 'white'
-          },
-          src: "\\assets\\img\\svg\\headerbar\\cart.svg"
-        }),
-        endIcon: !this.props.isTokenPresent && /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            width: '5px',
-            height: '5px',
-            position: 'relative'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
-          style: {
-            position: 'absolute',
-            width: '15px',
-            height: '15px',
-            bottom: '8px',
-            right: '-16px'
-          }
-        }))
-      }, "Add to Cart"))));
-    }
-  }]);
-}(_react.Component);
-Header.propTypes = {
-  state: _propTypes["default"].object.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired
-};
-Header.contextTypes = {
-  projectActions: _propTypes["default"].object.isRequired,
-  viewer2DActions: _propTypes["default"].object.isRequired,
-  viewer3DActions: _propTypes["default"].object.isRequired,
-  linesActions: _propTypes["default"].object.isRequired,
-  holesActions: _propTypes["default"].object.isRequired,
-  itemsActions: _propTypes["default"].object.isRequired,
-  userActions: _propTypes["default"].object.isRequired,
-  translator: _propTypes["default"].object.isRequired
-};
-//# sourceMappingURL=header.js.map