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

package/es/components/toolbar/popup/savedesign/FullPictureForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullPictureForm.js","names":["React","Typography","FormControl","InputLabel","Select","MenuItem","Button","Box","CircularProgress","S","FullPictureForm","_ref","onComplete","onSkip","isLoading","initialValues","_React$useState","useState","_React$useState2","_slicedToArray","form","setForm","handleChange","e","_e$target","target","name","value","prev","_objectSpread","_defineProperty","createElement","position","top","left","width","height","display","alignItems","justifyContent","zIndex","style","opacity","size","color","pointerEvents","undefined","marginTop","variant","fullWidth","margin","userType","onChange","label","designType","startTime","mt","onClick","disabled"],"sources":["../../../../../src/components/toolbar/popup/savedesign/FullPictureForm.jsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  Typography,\r\n  FormControl,\r\n  InputLabel,\r\n  Select,\r\n  MenuItem,\r\n  Button,\r\n  Box,\r\n  CircularProgress\r\n} from '@material-ui/core';\r\nimport * as S from './styles';\r\n\r\nconst FullPictureForm = ({ onComplete, onSkip, isLoading, initialValues }) => {\r\n  const [form, setForm] = React.useState(initialValues);\r\n\r\n  const handleChange = e => {\r\n    const { name, value } = e.target;\r\n    setForm(prev => ({\r\n      ...prev,\r\n      [name]: value\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Box position=\"relative\">\r\n      {isLoading && (\r\n        <Box\r\n          position=\"absolute\"\r\n          top={0}\r\n          left={0}\r\n          width=\"100%\"\r\n          height=\"100%\"\r\n          display=\"flex\"\r\n          alignItems=\"center\"\r\n          justifyContent=\"center\"\r\n          zIndex={2}\r\n          style={{ opacity: 0.5 }}\r\n        >\r\n          <CircularProgress size={40} style={{ color: '#4C12A1' }} />\r\n        </Box>\r\n      )}\r\n      <form\r\n        style={isLoading ? { pointerEvents: 'none', opacity: 0.5 } : undefined}\r\n      >\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>What best describes you?</InputLabel>\r\n          <Select\r\n            name=\"userType\"\r\n            value={form.userType}\r\n            onChange={handleChange}\r\n            label=\"What best describes you?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"homeowner\">Homeowner</MenuItem>\r\n            <MenuItem value=\"contractor\">Contractor</MenuItem>\r\n            <MenuItem value=\"design-professional\">Design Professional</MenuItem>\r\n            <MenuItem value=\"real-estate-investor\">\r\n              Real Estate Investor\r\n            </MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>What are you designing today?</InputLabel>\r\n          <Select\r\n            name=\"designType\"\r\n            value={form.designType}\r\n            onChange={handleChange}\r\n            label=\"What are you designing today?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"kitchen\">Kitchen</MenuItem>\r\n            <MenuItem value=\"bathroom\">Bathroom</MenuItem>\r\n            <MenuItem value=\"laundry-room\">Laundry Room</MenuItem>\r\n            <MenuItem value=\"tv-room\">TV Room</MenuItem>\r\n            <MenuItem value=\"bar-room\">Bar Room</MenuItem>\r\n            <MenuItem value=\"office\">Office</MenuItem>\r\n            <MenuItem value=\"mudroom\">Mudroom</MenuItem>\r\n            <MenuItem value=\"pantry\">Pantry</MenuItem>\r\n            <MenuItem value=\"closet\">Closet</MenuItem>\r\n            <MenuItem value=\"garage\">Garage</MenuItem>\r\n            <MenuItem value=\"outdoor-cabinetry\">Outdoor Cabinetry</MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>When do you plan to start your project?</InputLabel>\r\n          <Select\r\n            name=\"startTime\"\r\n            value={form.startTime}\r\n            onChange={handleChange}\r\n            label=\"When do you plan to start your project?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"asap\">As soon as possible</MenuItem>\r\n            <MenuItem value=\"1-2-months\">1–2 months</MenuItem>\r\n            <MenuItem value=\"2-4-months\">2–4 months</MenuItem>\r\n            <MenuItem value=\"4-plus-months\">4+ months</MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <Box display=\"flex\" justifyContent=\"flex-end\" mt={2}>\r\n          <S.Button onClick={() => onSkip(form)} disabled={isLoading}>\r\n            Skip\r\n          </S.Button>\r\n          <S.Button onClick={() => onComplete(form)} disabled={isLoading}>\r\n            Complete\r\n          </S.Button>\r\n        </Box>\r\n      </form>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default FullPictureForm;\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/toolbar/popup/savedesign/index.js

@@ -1,508 +0,0 @@
-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); }
-var _templateObject;
-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 _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 _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 _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 _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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import React from 'react';
-import * as S from './styles';
-import { DEFAULT_FONT_FAMILY, PROJECT_NAME_LENGTH_LIMIT, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_2, LOCAL_STORAGE_CUSTOMER_INFO, CLIENTS_NAME } from '../../../../constants';
-import { emailValidation } from '../../../../utils/email-validator';
-import Dialog from '@material-ui/core/Dialog';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import styled from 'styled-components';
-import SnackBar from '../../../atoms/Snackbar/index';
-import { phoneValidation } from '../../../../utils/phone-validator';
-import ls from 'localstorage-slim';
-import FullPictureForm from '../../../../../src/components/toolbar/popup/savedesign/FullPictureForm';
-var StyledDialog = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paperWidthSm {\n    border-radius: 10px;\n    width: 480px;\n    padding: 32px;\n  }\n"])));
-var SaveDesignPopup = /*#__PURE__*/function (_React$Component) {
-  function SaveDesignPopup(props) {
-    var _customerInfo, _customerInfo2, _customerInfo3;
-    var _this;
-    _classCallCheck(this, SaveDesignPopup);
-    _this = _callSuper(this, SaveDesignPopup, [props]);
-    _defineProperty(_this, "submitFinalData", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(payload) {
-        var result;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              _this.setState({
-                isLoading: true
-              });
-              _context.n = 1;
-              return _this.props.saveProject(payload);
-            case 1:
-              result = _context.v;
-              if (result !== null && result !== void 0 && result.success) {
-                _this.closePanel(); // Reset state, close modal
-              }
-              _this.setState({
-                isLoading: false
-              });
-            case 2:
-              return _context.a(2);
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    var customerInfo = {};
-    try {
-      customerInfo = ls.get(LOCAL_STORAGE_CUSTOMER_INFO);
-    } catch (e) {
-      customerInfo = {};
-    }
-    var email = props.match.params.token ? sessionStorage.getItem('email') : (_customerInfo = customerInfo) === null || _customerInfo === void 0 ? void 0 : _customerInfo.email;
-    var firstName = props.match.params.token ? sessionStorage.getItem('firstName') : (_customerInfo2 = customerInfo) === null || _customerInfo2 === void 0 ? void 0 : _customerInfo2.firstName;
-    var lastName = props.match.params.token ? sessionStorage.getItem('lastName') : (_customerInfo3 = customerInfo) === null || _customerInfo3 === void 0 ? void 0 : _customerInfo3.lastName;
-    _this.state = {
-      email: email || '',
-      emailfocusOn: false,
-      phone: sessionStorage.getItem('phone') || '',
-      phonefocusOn: false,
-      notes: '',
-      notefocusOn: false,
-      firstName: firstName || '',
-      firstNamefocusOn: false,
-      lastNamefocusOn: false,
-      lastName: lastName || '',
-      projectNamefocusOn: false,
-      projectName: 'Untitled',
-      // error handling
-      pjNameLimit: false,
-      isSnackBarOpen: false,
-      snackBarMessage: '',
-      isLoading: false,
-      showFullForm: false
-    };
-    _this.timeoutId = null;
-    functionBinder.call(_this);
-    function functionBinder() {
-      this.closePanel = this.closePanel.bind(this);
-      this.projectNameChangeHandler = this.projectNameChangeHandler.bind(this);
-    }
-    return _this;
-  }
-  _inherits(SaveDesignPopup, _React$Component);
-  return _createClass(SaveDesignPopup, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
-      var _customerInfo4, _customerInfo5, _customerInfo6;
-      var customerInfo = {};
-      try {
-        customerInfo = ls.get(LOCAL_STORAGE_CUSTOMER_INFO);
-      } catch (e) {
-        customerInfo = {};
-      }
-      var email = ((_customerInfo4 = customerInfo) === null || _customerInfo4 === void 0 ? void 0 : _customerInfo4.email) || sessionStorage.getItem('email');
-      var phone = sessionStorage.getItem('phone');
-      var firstName = ((_customerInfo5 = customerInfo) === null || _customerInfo5 === void 0 ? void 0 : _customerInfo5.firstName) || sessionStorage.getItem('firstName');
-      var lastName = ((_customerInfo6 = customerInfo) === null || _customerInfo6 === void 0 ? void 0 : _customerInfo6.lastName) || sessionStorage.getItem('lastName');
-      var projectName = sessionStorage.getItem('projectTitle');
-      if (newProps.state.scene.title !== '') {
-        projectName = newProps.state.scene.title || sessionStorage.getItem('projectTitle');
-      }
-      if (newProps.visible !== this.props.visible && newProps.visible) {
-        if (email !== null && email !== 'temp_xxx@yyy.com') {
-          this.setState({
-            email: email
-          });
-        }
-        if (phone !== null) {
-          this.setState({
-            phone: phone
-          });
-        }
-        if (firstName !== null) {
-          this.setState({
-            firstName: firstName
-          });
-        }
-        if (lastName !== null) {
-          this.setState({
-            lastName: lastName
-          });
-        }
-        if (projectName !== null) {
-          this.setState({
-            projectName: projectName
-          });
-        }
-      }
-    }
-  }, {
-    key: "closePanel",
-    value: function closePanel() {
-      var _this2 = this;
-      this.props.handleSaveDesign(false);
-      setTimeout(function () {
-        _this2.setState({
-          firstName: '',
-          lastName: '',
-          email: '',
-          projectName: '',
-          notes: '',
-          phone: '',
-          showFullForm: false
-        });
-      }, 500);
-    }
-  }, {
-    key: "projectNameChangeHandler",
-    value: function projectNameChangeHandler(e) {
-      var _this3 = this;
-      if (e.target.value.length >= PROJECT_NAME_LENGTH_LIMIT) {
-        this.setState({
-          pjNameLimit: true
-        });
-        clearTimeout(this.timeoutId);
-        this.timeoutId = setTimeout(function () {
-          return _this3.setState({
-            pjNameLimit: false
-          });
-        }, 2000);
-      } else {
-        this.setState({
-          projectName: e.target.value
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-      var visible = this.props.visible;
-      var _this$state = this.state,
-        email = _this$state.email,
-        emailfocusOn = _this$state.emailfocusOn,
-        phone = _this$state.phone,
-        phonefocusOn = _this$state.phonefocusOn,
-        notes = _this$state.notes,
-        firstName = _this$state.firstName,
-        firstNamefocusOn = _this$state.firstNamefocusOn,
-        lastName = _this$state.lastName,
-        lastNamefocusOn = _this$state.lastNamefocusOn,
-        projectName = _this$state.projectName,
-        projectNamefocusOn = _this$state.projectNamefocusOn,
-        notefocusOn = _this$state.notefocusOn,
-        isLoading = _this$state.isLoading;
-      var initialFullFormValues = {
-        userType: sessionStorage.getItem('user_type') || '',
-        designType: sessionStorage.getItem('project_type') || '',
-        startTime: sessionStorage.getItem('project_timeline') || ''
-      };
-      var visualizerName = sessionStorage.getItem('visualizerName');
-      if (this.state.showFullForm) {
-        return /*#__PURE__*/React.createElement(StyledDialog, {
-          open: visible,
-          onClose: !isLoading ? this.closePanel.bind(this) : undefined
-        }, /*#__PURE__*/React.createElement(SnackBar, {
-          isOpen: this.state.isSnackBarOpen,
-          message: this.state.snackBarMessage,
-          handleClose: function handleClose() {
-            return _this4.setState({
-              isSnackBarOpen: false,
-              snackBarMessage: ''
-            });
-          }
-        }), /*#__PURE__*/React.createElement(S.DialogTitle, null, "Give Us the Full Picture"), /*#__PURE__*/React.createElement(S.DialogContent, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Thanks for saving your project!")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, "Sharing a few details helps us guide you based on your goals and experience.")), /*#__PURE__*/React.createElement(S.DialogContentSelection, null, /*#__PURE__*/React.createElement(FullPictureForm, {
-          isLoading: isLoading,
-          initialValues: initialFullFormValues,
-          onComplete: function onComplete(extraFormData) {
-            sessionStorage.setItem('user_type', extraFormData.userType);
-            sessionStorage.setItem('project_type', extraFormData.designType);
-            sessionStorage.setItem('project_timeline', extraFormData.startTime);
-            var payload = _objectSpread(_objectSpread({}, _this4.state), {}, {
-              user_type: extraFormData.userType,
-              project_type: extraFormData.designType,
-              project_timeline: extraFormData.startTime
-            }, extraFormData);
-            _this4.submitFinalData(payload);
-          },
-          onSkip: function onSkip(extraFormData) {
-            var payload = _objectSpread(_objectSpread({}, _this4.state), {}, {
-              user_type: extraFormData.userType,
-              project_type: extraFormData.designType,
-              project_timeline: extraFormData.startTime
-            }, extraFormData);
-            _this4.submitFinalData(payload);
-          }
-        })));
-      }
-      return /*#__PURE__*/React.createElement(StyledDialog, {
-        open: visible,
-        onClose: !isLoading ? this.closePanel.bind(this) : undefined
-      }, /*#__PURE__*/React.createElement(SnackBar, {
-        isOpen: this.state.isSnackBarOpen,
-        message: this.state.snackBarMessage,
-        handleClose: function handleClose() {
-          return _this4.setState({
-            isSnackBarOpen: false,
-            snackBarMessage: ''
-          });
-        }
-      }), /*#__PURE__*/React.createElement(S.DialogTitle, null, "Save your project"), /*#__PURE__*/React.createElement(S.DialogContent, null, "Save your project in order to request Designer Assistance and/or Add to Cart, and to be able to access it later via the email link."), /*#__PURE__*/React.createElement(S.DialogContentSelection, null, /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: '1rem'
-        }
-      }, /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.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.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !firstNamefocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "First Name"), !!firstName.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            firstName: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.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.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !lastNamefocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Last Name"), !!lastName.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            lastName: ''
-          });
-        }
-      }))), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.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.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailfocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email Address"), !!email.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: phone,
-        onChange: function onChange(e) {
-          _this4.setState({
-            phone: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            phonefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            phonefocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: phonefocusOn ? 'Enter phone number' : 'Phone Number',
-        required: true
-      }), (phonefocusOn || !!phone.length) && /*#__PURE__*/React.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !phonefocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Phone Number"), !!phone.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            phone: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        style: {
-          fontWeight: 700,
-          color: TEXT_COLOR_NEUTRAL_0
-        },
-        value: projectName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            projectName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            projectNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            projectNamefocusOn: false
-          });
-        },
-        placeholder: projectNamefocusOn ? 'Enter project name' : 'Project Name',
-        required: true
-      }), (projectNamefocusOn || !!projectName.length) && /*#__PURE__*/React.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !projectNamefocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Project Name"), !!projectName.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            projectName: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '100%',
-          marginTop: 10,
-          display: 'none'
-        }
-      }, /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.DialogTextArea, {
-        value: notes,
-        maxLength: 200,
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            notefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            notefocusOn: false
-          });
-        },
-        placeholder: notefocusOn ? 'Input' : 'Notes (optional)',
-        onChange: function onChange(e) {
-          return _this4.setState({
-            notes: e.target.value
-          });
-        }
-      }), (notefocusOn || !!notes.length) && /*#__PURE__*/React.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !notefocusOn && TEXT_COLOR_NEUTRAL_2,
-          left: 7
-        }
-      }, "Notes (optional)")), /*#__PURE__*/React.createElement("span", {
-        style: {
-          fontFamily: DEFAULT_FONT_FAMILY,
-          fontSize: 13,
-          color: TEXT_COLOR_NEUTRAL_1,
-          "float": 'right',
-          lineHeight: '18px',
-          fontWeight: 400
-        }
-      }, notes.length, "/200 characters")), /*#__PURE__*/React.createElement("span", {
-        style: {
-          fontFamily: DEFAULT_FONT_FAMILY,
-          fontSize: 12,
-          color: TEXT_COLOR_NEUTRAL_1,
-          lineHeight: '16px',
-          marginTop: 10
-        }
-      }, "By entering your email, you agree to receive marketing\n            communications from ".concat(CLIENTS_NAME[visualizerName], ". We respect your privacy and\n            will never share your information with third parties. You can\n            unsubscribe at any time."))), /*#__PURE__*/React.createElement(S.DialogAction, null, /*#__PURE__*/React.createElement(S.Button, {
-        onClick: function onClick() {
-          return _this4.closePanel();
-        }
-      }, "Cancel"), /*#__PURE__*/React.createElement(S.Button, {
-        style: {
-          marginRight: 0
-        },
-        onClick: function onClick() {
-          var _this4$state = _this4.state,
-            firstName = _this4$state.firstName,
-            lastName = _this4$state.lastName,
-            email = _this4$state.email,
-            projectName = _this4$state.projectName,
-            phone = _this4$state.phone;
-          if (firstName === '' || lastName === '' || email === '' || projectName === '' || !emailValidation(email) || phone === '' || !phoneValidation(phone) || projectName.trim() === '' || firstName.trim() === '' || lastName.trim() === '') {
-            var msg;
-            if (firstName === '' || firstName.trim() === '') msg = 'Type your first name';else if (lastName === '' || lastName.trim() === '') msg = 'Type your last name';else if (email === '') msg = 'Type your email address';else if (phone === '') msg = 'Type your phone number';else if (projectName === '' || projectName.trim() === '') msg = 'Type your project name';else if (!emailValidation(email)) msg = 'Type your valid email address';else if (!phoneValidation(phone)) msg = 'Type your valid phone';
-            _this4.setState({
-              isSnackBarOpen: true,
-              snackBarMessage: msg
-            });
-            return;
-          }
-          _this4.setState({
-            showFullForm: true
-          });
-        }
-      }, isLoading ? /*#__PURE__*/React.createElement(CircularProgress, {
-        size: 20
-      }) : 'Save')));
-    }
-  }]);
-}(React.Component);
-export default SaveDesignPopup;
-//# sourceMappingURL=index.js.map