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

package/lib/components/sign/main/index.js

@@ -1,567 +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 S = _interopRequireWildcard(require("./styles"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _constants = require("../../../constants");
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-var _styles2 = require("@material-ui/core/styles");
-var _Snackbar = _interopRequireDefault(require("../../atoms/Snackbar"));
-var _axios = _interopRequireDefault(require("axios"));
-var _emailValidator = require("../../../utils/email-validator");
-var _jwtService = _interopRequireDefault(require("../../login/jwtService"));
-var _history = _interopRequireDefault(require("../../../@history"));
-var _phoneValidator = require("../../../utils/phone-validator");
-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 _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); }
-function _extends() { return _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; }, _extends.apply(null, arguments); }
-var StyledMuiCheckbox = (0, _styles2.withStyles)({
-  root: {
-    color: _constants.TEXT_COLOR_NEUTRAL_2,
-    '&$checked': {
-      color: _constants.SECONDARY_PURPLE_COLOR
-    }
-  },
-  checked: {}
-})(function (props) {
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], _extends({
-    color: "default"
-  }, props));
-});
-var Sign = exports["default"] = /*#__PURE__*/function (_Component) {
-  function Sign(props) {
-    var _this;
-    _classCallCheck(this, Sign);
-    _this = _callSuper(this, Sign, [props]);
-    _this.state = {
-      type: 1,
-      //1: login, 2: register
-      email: '',
-      emailfocusOn: false,
-      password: '',
-      passwordfocusOn: false,
-      remember: false,
-      firstName: '',
-      firstNamefocusOn: false,
-      lastName: '',
-      lastNamefocusOn: false,
-      phoneNumber: '',
-      phoneNumberfocusOn: false,
-      confirm: '',
-      confirmfocusOn: false,
-      isSnackBarOpen: false,
-      snackBarMessage: '',
-      snackBarColor: ''
-    };
-    return _this;
-  }
-  _inherits(Sign, _Component);
-  return _createClass(Sign, [{
-    key: "closePanel",
-    value: function closePanel() {
-      this.props.setSignOpen(false);
-    }
-  }, {
-    key: "login",
-    value: function login(data) {
-      var _this2 = this;
-      _axios["default"].post("".concat(_constants.API_SERVER_URL, "/api/user/customer_login"), data).then(function (res) {
-        if (res.data.success === true) {
-          // const {email, firstName, lastName, phone, role} = res.data.userData;
-          sessionStorage.setItem('email', res.data.userData.email);
-          sessionStorage.setItem('firstName', res.data.userData.firstName);
-          sessionStorage.setItem('lastName', res.data.userData.lastName);
-          sessionStorage.setItem('phone', res.data.userData.phone);
-          var visualizerName = sessionStorage.getItem('visualizerName');
-          _history["default"].push({
-            pathname: "/".concat(visualizerName, "/project/").concat(res.data.userData.role, "/").concat(res.data.token, "/null?null")
-          });
-          _this2.setState({
-            isSnackBarOpen: true,
-            snackBarMessage: "".concat(_this2.state.type === 1 ? 'Login' : 'Register', " Successed!"),
-            snackBarColor: _constants.STATUS_POSITIVE_COLOR
-          });
-          _this2.props.setSignOpen(false);
-          if (_this2.props.myProjectsToLogin) {
-            _this2.props.setMyProjectsToLogin(false);
-            _this2.props.setMyProjectsOpen(true);
-          }
-        } else {
-          _this2.setState({
-            isSnackBarOpen: true,
-            snackBarMessage: res.data.error,
-            snackBarColor: _constants.STATUS_NEGATIVE_COLOR
-          });
-          return;
-        }
-      });
-    }
-  }, {
-    key: "_submit",
-    value: function _submit() {
-      var _this3 = this;
-      var _this$state = this.state,
-        email = _this$state.email,
-        password = _this$state.password,
-        firstName = _this$state.firstName,
-        lastName = _this$state.lastName,
-        phoneNumber = _this$state.phoneNumber,
-        confirm = _this$state.confirm,
-        type = _this$state.type;
-      var userData = {};
-      if (type === 1) {
-        if (email === '' || !(0, _emailValidator.emailValidation)(email) || !(0, _phoneValidator.phoneValidation)(phoneNumber) || password === '') {
-          var msg;
-          if (email === '') msg = 'Type your email address';else if (!(0, _emailValidator.emailValidation)(email)) msg = 'Type your valid email address';else if (!(0, _phoneValidator.phoneValidation)(phoneNumber)) msg = 'Type your valid phone';else if (password === '') msg = 'Type your password';
-          this.setState({
-            isSnackBarOpen: true,
-            snackBarMessage: msg,
-            snackBarColor: _constants.STATUS_NEGATIVE_COLOR
-          });
-          return;
-        }
-        userData = {
-          email: email,
-          password: password
-        };
-        this.login(userData);
-      } else {
-        if (firstName === '' || lastName === '' || email === '' || phoneNumber === '' || !(0, _phoneValidator.phoneValidation)(phoneNumber) || !(0, _emailValidator.emailValidation)(email) || password === '' || confirm === '' || password !== confirm) {
-          var _msg;
-          if (firstName === '') _msg = 'Type your first name';else if (lastName === '') _msg = 'Type your last name';else if (email === '') _msg = 'Type your email address';else if (phoneNumber === '') _msg = 'Type your phone number';else if (!(0, _emailValidator.emailValidation)(email)) _msg = 'Type your valid email address';else if (!(0, _phoneValidator.phoneValidation)(phoneNumber)) _msg = 'Type your valid phone';else if (password === '') _msg = 'Type your password';else if (confirm === '') _msg = 'Type your confirm';else if (password !== confirm) _msg = 'Please input confirm password';
-          this.setState({
-            isSnackBarOpen: true,
-            snackBarMessage: _msg,
-            snackBarColor: _constants.STATUS_NEGATIVE_COLOR
-          });
-          return;
-        }
-        userData = {
-          firstName: firstName,
-          lastName: lastName,
-          email: email,
-          phoneNumber: phoneNumber,
-          password: password
-        };
-        _axios["default"].post("".concat(_constants.API_SERVER_URL, "/api/user/register"), userData).then(function (res) {
-          console.log(res);
-          if (res.data.success === true) {
-            _this3.login({
-              email: email,
-              password: password
-            });
-          } else {
-            _this3.setState({
-              isSnackBarOpen: true,
-              snackBarMessage: res.data.error,
-              snackBarColor: _constants.STATUS_NEGATIVE_COLOR
-            });
-            return;
-          }
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-      var _this$state2 = this.state,
-        email = _this$state2.email,
-        password = _this$state2.password,
-        emailfocusOn = _this$state2.emailfocusOn,
-        passwordfocusOn = _this$state2.passwordfocusOn,
-        firstName = _this$state2.firstName,
-        firstNamefocusOn = _this$state2.firstNamefocusOn,
-        lastName = _this$state2.lastName,
-        lastNamefocusOn = _this$state2.lastNamefocusOn,
-        phoneNumber = _this$state2.phoneNumber,
-        phoneNumberfocusOn = _this$state2.phoneNumberfocusOn,
-        confirm = _this$state2.confirm,
-        confirmfocusOn = _this$state2.confirmfocusOn,
-        remember = _this$state2.remember,
-        type = _this$state2.type,
-        isSnackBarOpen = _this$state2.isSnackBarOpen,
-        snackBarMessage = _this$state2.snackBarMessage,
-        snackBarColor = _this$state2.snackBarColor;
-      return /*#__PURE__*/_react["default"].createElement(S.DialogWrapper, null, /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
-        isOpen: isSnackBarOpen,
-        message: snackBarMessage,
-        snackBarColor: snackBarColor,
-        handleClose: function handleClose() {
-          return _this4.setState({
-            isSnackBarOpen: false,
-            snackBarMessage: ''
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement(S.Dialog, null, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          cursor: 'pointer',
-          width: '100%',
-          userSelect: 'none'
-        },
-        onClick: function onClick() {
-          return _this4.props.setSignOpen(false);
-        }
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        style: {
-          "float": 'right',
-          height: 25,
-          transform: 'rotate(45deg)'
-        },
-        src: "/assets/img/svg/bottombar/arrow-plus.svg"
-      })), /*#__PURE__*/_react["default"].createElement(S.DialogTitle, null, type === 1 ? 'Login' : 'Register', " your account"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, null, type === 1 ? 'We need to log you in to retrieve your saved projects.' : 'Register your DIY Design Space to save and recover your file at anytime.'), type === 1 ? /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: email,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            email: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            emailfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            emailfocusOn: false
-          });
-        },
-        placeholder: emailfocusOn ? 'Enter Email' : 'Email',
-        required: true
-      }), (emailfocusOn || !!email.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email"), !!email.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, {
-        style: {
-          flexDirection: 'column'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(S.DialogContent, {
-        style: {
-          padding: 'unset',
-          textAlign: 'right'
-        }
-      }, "Forgot Password?"), /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: password,
-        type: "password",
-        onChange: function onChange(e) {
-          return _this4.setState({
-            password: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            passwordfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            passwordfocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: passwordfocusOn ? 'Enter Password' : 'Password',
-        required: true
-      }), (passwordfocusOn || !!password.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !passwordfocusOn && _constants.TEXT_COLOR_NEUTRAL_2,
-          top: 9
-        }
-      }, "Password"), !!password.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        style: {
-          top: 27
-        },
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            password: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.DialogContent, {
-        style: {
-          paddingLeft: 'unset',
-          paddingTop: 'unset'
-        }
-      }, "or"), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        style: {
-          alignItems: 'flex-start',
-          marginBottom: 15
-        },
-        control: /*#__PURE__*/_react["default"].createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset',
-            margin: '0 10px'
-          },
-          checked: remember,
-          onChange: function onChange() {
-            return _this4.setState({
-              remember: !remember
-            });
-          },
-          value: remember
-        }),
-        label: /*#__PURE__*/_react["default"].createElement(S.DialogContents, {
-          style: {
-            fontSize: 13
-          }
-        }, "Login with \u201C", /*#__PURE__*/_react["default"].createElement("strong", null, "One Time Password"), "\u201D")
-      })) : /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        id: "first_name_input",
-        value: firstName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            firstName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            firstNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            firstNamefocusOn: false
-          });
-        },
-        placeholder: firstNamefocusOn ? 'Enter first name' : 'First name',
-        required: true
-      }), (firstNamefocusOn || !!firstName.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !firstNamefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "First Name"), !!firstName.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            firstName: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: lastName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            lastName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            lastNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            lastNamefocusOn: false
-          });
-        },
-        placeholder: lastNamefocusOn ? 'Enter last name' : 'Last name',
-        required: true
-      }), (lastNamefocusOn || !!lastName.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !lastNamefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Last Name"), !!lastName.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            lastName: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: email,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            email: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            emailfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            emailfocusOn: false
-          });
-        },
-        placeholder: emailfocusOn ? 'Enter email address' : 'Email Address',
-        required: true
-      }), (emailfocusOn || !!email.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email Address"), !!email.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: phoneNumber,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            phoneNumber: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            phoneNumberfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            phoneNumberfocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: phoneNumberfocusOn ? 'Enter phone number' : 'Phone Number',
-        required: true
-      }), (phoneNumberfocusOn || !!phoneNumber.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !phoneNumberfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Phone Number"), !!phoneNumber.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            phoneNumber: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: password,
-        type: "password",
-        onChange: function onChange(e) {
-          return _this4.setState({
-            password: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            passwordfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            passwordfocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: passwordfocusOn ? 'Enter Password' : 'Password',
-        required: true
-      }), (passwordfocusOn || !!password.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !passwordfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Password"), !!password.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            password: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: confirm,
-        type: "password",
-        onChange: function onChange(e) {
-          return _this4.setState({
-            confirm: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            confirmfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            confirmfocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: confirmfocusOn ? 'Enter Confirm Password' : 'Confirm Password',
-        required: true
-      }), (confirmfocusOn || !!confirm.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !confirmfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Confirm Password"), !!confirm.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            confirm: ''
-          });
-        }
-      }))), /*#__PURE__*/_react["default"].createElement(S.DialogAction, null, /*#__PURE__*/_react["default"].createElement(S.StyledButton, {
-        onClick: function onClick() {
-          return _this4._submit();
-        }
-      }, type === 1 ? 'Login' : 'Register'), /*#__PURE__*/_react["default"].createElement(S.StyledButton, {
-        style: {
-          border: 'unset',
-          padding: 'unset',
-          backgroundColor: 'unset',
-          color: _constants.SECONDARY_PURPLE_COLOR,
-          width: 'max-contet'
-        },
-        onClick: function onClick() {
-          return _this4.setState({
-            type: (type + 1) % 2,
-            email: '',
-            password: '',
-            firstName: '',
-            lastName: '',
-            confirm: '',
-            phoneNumber: ''
-          });
-        }
-      }, type === 1 ? "Don't you have an account?" : 'Already have an account?'))));
-    }
-  }]);
-}(_react.Component);
-Sign.propTypes = {
-  state: _propTypes["default"].object.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  content: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  allowProjectFileSupport: _propTypes["default"].bool.isRequired,
-  toolbarButtons: _propTypes["default"].array
-};
-Sign.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,
-  areaActions: _propTypes["default"].object.isRequired,
-  translator: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
-};
-//# sourceMappingURL=index.js.map