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

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

@@ -1,564 +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, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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); }
-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); }
-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 Dialog from '@material-ui/core/Dialog';
-import styled from 'styled-components';
-import { SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_2, BG_COLOR_1, API_SERVER_URL, MODE_BACK_ELEVATION_VIEW, MODE_FRONT_ELEVATION_VIEW, MODE_LEFT_ELEVATION_VIEW, MODE_RIGHT_ELEVATION_VIEW, SHADE_LIGHT_PURPLE_COLOR, LOCAL_STORAGE_CUSTOMER_INFO } from '../../../../constants';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Checkbox from '@material-ui/core/Checkbox';
-import { withStyles } from '@material-ui/core/styles';
-import moment from 'moment';
-import ShowCabinetInfo from './showCabinetInfo';
-import Show2DView from './show2D/show2DView';
-import Show3DView from './show3D/show3DView';
-import ShowElevationView from './showElevation/showElevationView';
-import ShowWarranty from './showWarranty';
-import axios from 'axios';
-import { DownloadSummaryContext } from './downloadSummaryContext';
-import ls from 'localstorage-slim';
-var StyledDialog = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paperWidthSm {\n    border-radius: 5px;\n    max-width: 806px;\n    width: 90%;\n    height: 71%;\n    position: relative;\n  }\n"])));
-var DesignViewer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 55%;\n  border-style: solid;\n  border-width: 10px 10px 10px 20px;\n  border-color: rgba(0, 0, 0, 0);\n  background-color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n  position: relative;\n\n  ::-webkit-scrollbar {\n    width: 2px;\n    position: absolute;\n  }\n  ::-webkit-scrollbar-track-piece {\n    background-color: rgba(0, 0, 0, 0.2);\n    position: absolute;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: rgb(220, 220, 220);\n    border-radius: 5px;\n    transition: all 0.3s;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: rgb(193, 202, 228);\n    border-radius: 5px;\n    transition: all 0.3s;\n  }\n"])));
-var DesignViewerMask = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  pointer-events: none;\n  z-index: 20;\n"])));
-var DesignViewerMaskInner = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: calc(100% - 12px);\n  height: 100%;\n  border-radius: 5px;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 1;\n  box-shadow: 0 0 0 10px #7f7f7f;\n"])));
-var DesignViewerInnerContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  z-index: 0;\n"])));
-var StyledMuiCheckbox = withStyles({
-  root: {
-    color: TEXT_COLOR_NEUTRAL_2,
-    '&$checked': {
-      color: SECONDARY_PURPLE_COLOR
-    }
-  },
-  checked: {}
-})(function (props) {
-  return /*#__PURE__*/React.createElement(Checkbox, _extends({
-    color: "default"
-  }, props));
-});
-var DownloadSummaryPopup = /*#__PURE__*/function (_React$Component) {
-  function DownloadSummaryPopup(props) {
-    var _customerInfo, _customerInfo2, _customerInfo3;
-    var _this;
-    _classCallCheck(this, DownloadSummaryPopup);
-    _this = _callSuper(this, DownloadSummaryPopup, [props]);
-    var customerInfo = {};
-    try {
-      customerInfo = ls.get(LOCAL_STORAGE_CUSTOMER_INFO);
-    } catch (e) {
-      customerInfo = {};
-    }
-    _this.state = {
-      email: ((_customerInfo = customerInfo) === null || _customerInfo === void 0 ? void 0 : _customerInfo.email) || sessionStorage.getItem('email') || '',
-      emailfocusOn: false,
-      phone: sessionStorage.getItem('phone') || '',
-      phonefocusOn: false,
-      firstName: ((_customerInfo2 = customerInfo) === null || _customerInfo2 === void 0 ? void 0 : _customerInfo2.firstName) || sessionStorage.getItem('firstName') || '',
-      firstNamefocusOn: false,
-      lastName: ((_customerInfo3 = customerInfo) === null || _customerInfo3 === void 0 ? void 0 : _customerInfo3.lastName) || sessionStorage.getItem('lastName') || '',
-      lastNamefocusOn: false,
-      projectTitlefocusOn: false,
-      projectTitle: sessionStorage.getItem('projectTitle'),
-      check_3d: false,
-      check_2d: false,
-      check_list: false,
-      isLoading: false,
-      isLoading3D: false,
-      isLoadingElevation: {
-        front: false,
-        back: false,
-        right: false,
-        left: false
-      },
-      monkeyDocId: null
-    };
-    _this.setIsLoading3D = _this.setIsLoading3D.bind(_this);
-    _this.setIsLoadingElevation = _this.setIsLoadingElevation.bind(_this);
-    return _this;
-  }
-  _inherits(DownloadSummaryPopup, _React$Component);
-  return _createClass(DownloadSummaryPopup, [{
-    key: "setIsLoading3D",
-    value: function setIsLoading3D(flag) {
-      this.setState({
-        isLoading3D: flag
-      });
-    }
-  }, {
-    key: "setIsLoadingElevation",
-    value: function setIsLoadingElevation(key, value) {
-      var temp = this.state.isLoadingElevation;
-      temp[key] = value;
-      this.setState({
-        isLoadingElevation: temp
-      });
-    }
-  }, {
-    key: "_closePanel",
-    value: function _closePanel() {
-      this.setState({
-        check_3d: false,
-        check_2d: false,
-        check_list: false
-      });
-      this.props.setDownloadPopupVisible(false);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var visible = this.props.visible;
-      var _this$state = this.state,
-        firstName = _this$state.firstName,
-        firstNameFocusOn = _this$state.firstNameFocusOn,
-        lastName = _this$state.lastName,
-        lastNameFocusOn = _this$state.lastNameFocusOn,
-        email = _this$state.email,
-        emailFocusOn = _this$state.emailFocusOn,
-        phone = _this$state.phone,
-        phoneFocusOn = _this$state.phoneFocusOn,
-        projectTitle = _this$state.projectTitle,
-        projectTitleFocusOn = _this$state.projectTitleFocusOn,
-        check_3d = _this$state.check_3d,
-        check_2d = _this$state.check_2d,
-        check_list = _this$state.check_list,
-        isLoading = _this$state.isLoading,
-        isLoading3D = _this$state.isLoading3D,
-        monkeyDocId = _this$state.monkeyDocId;
-      var summaryContextValue = {
-        firstName: this.state.firstName,
-        lastName: this.state.lastName,
-        email: this.state.email,
-        phone: this.state.phone,
-        projectTitle: this.state.projectTitle,
-        projectId: sessionStorage.getItem('projectId')
-      };
-      var pdfBrowserDownload = function pdfBrowserDownload(fileName, pdfUrl) {
-        setTimeout(function () {
-          var fileOutputLink = document.createElement('a');
-          fileOutputLink.setAttribute('download', fileName);
-          fileOutputLink.setAttribute('target', '_blank');
-          fileOutputLink.href = pdfUrl;
-          fileOutputLink.style.display = 'none';
-          document.body.appendChild(fileOutputLink);
-          setTimeout(function () {
-            fileOutputLink.click();
-          }, 100);
-          document.body.removeChild(fileOutputLink);
-          _this2.setState({
-            isModalVisible: false,
-            imageUri: '',
-            image: ''
-          });
-          document.removeEventListener('keydown', _this2.onKeyDown, false);
-          document.removeEventListener('mouseup', _this2.onMouseUp_On_New_Save_SQ_DA, false);
-        }, 750);
-      };
-      var _downloadSummaryHandler = function downloadSummaryHandler() {
-        var _summaryContextValue$, _summaryContextValue$2, _summaryContextValue$3;
-        // for imgCapture
-        var img3D = 'false';
-        var img2DPlain = 'false',
-          imgFront = 'false',
-          imgBack = 'false',
-          imgLeft = 'false',
-          imgRight = 'false';
-
-        // for header
-        var projectTitle = summaryContextValue.projectTitle;
-        var fName = (_summaryContextValue$ = summaryContextValue.firstName) !== null && _summaryContextValue$ !== void 0 ? _summaryContextValue$ : '';
-        var lName = (_summaryContextValue$2 = summaryContextValue.lastName) !== null && _summaryContextValue$2 !== void 0 ? _summaryContextValue$2 : '';
-        var creator = (fName + ' ' + lName).trim();
-        var createDate = moment(new Date()).format('DD-MM-YYYY');
-        var projectID = (_summaryContextValue$3 = summaryContextValue.projectId) !== null && _summaryContextValue$3 !== void 0 ? _summaryContextValue$3 : '';
-        // for project save
-        var projectData = JSON.stringify(_this2.props.state.get('scene').toJS());
-        // for cabinet list
-        var cabinetList = window.productsInReview;
-        // for print checkboxes
-        var print_check = {
-          check_3d: check_3d,
-          check_2d: check_2d,
-          check_list: check_list
-        };
-        if (!_this2.state.isLoading) _this2.setState({
-          isLoading: true
-        });
-        var wait_for_prepare_data = function wait_for_prepare_data(v) {
-          if (!v) {
-            setTimeout(_downloadSummaryHandler, 1000);
-            return true;
-          }
-          return false;
-        };
-        if (check_3d) {
-          if (wait_for_prepare_data(window.pdf3DPlain)) return;
-          img3D = window.pdf3DPlain;
-        }
-        if (check_2d) {
-          if (wait_for_prepare_data(window.pdf2DPlain)) return;
-          img2DPlain = window.pdf2DPlain;
-          if (wait_for_prepare_data(window.__elevationImg.MODE_FRONT_ELEVATION_VIEW) || wait_for_prepare_data(window.__elevationImg.MODE_BACK_ELEVATION_VIEW) || wait_for_prepare_data(window.__elevationImg.MODE_LEFT_ELEVATION_VIEW) || wait_for_prepare_data(window.__elevationImg.MODE_RIGHT_ELEVATION_VIEW)) return;
-          imgFront = window.__elevationImg.MODE_FRONT_ELEVATION_VIEW;
-          imgBack = window.__elevationImg.MODE_BACK_ELEVATION_VIEW;
-          imgLeft = window.__elevationImg.MODE_LEFT_ELEVATION_VIEW;
-          imgRight = window.__elevationImg.MODE_RIGHT_ELEVATION_VIEW;
-        }
-        axios.post("".concat(API_SERVER_URL, "/api/project/downloadPDF"), {
-          monkeyDocId: monkeyDocId,
-          img3D: img3D,
-          img2DElevation: [img2DPlain, imgFront, imgBack, imgLeft, imgRight],
-          projectTitle: projectTitle,
-          creator: creator,
-          createDate: createDate,
-          summaryID: projectID + createDate,
-          projectID: projectID,
-          projectData: projectData,
-          cabinetList: cabinetList,
-          whatToPrint: print_check
-        }).then(/*#__PURE__*/function () {
-          var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(res) {
-            var respData;
-            return _regenerator().w(function (_context) {
-              while (1) switch (_context.n) {
-                case 0:
-                  respData = res.data;
-                  if (respData.success) {
-                    _this2.setState({
-                      isLoading: false,
-                      monkeyDocId: respData.monkeyDocId
-                    });
-                    pdfBrowserDownload(respData.filename, respData.download_url);
-                  } else {
-                    _this2.setState({
-                      isLoading: false
-                    });
-                  }
-                case 1:
-                  return _context.a(2);
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref.apply(this, arguments);
-          };
-        }());
-      };
-      return /*#__PURE__*/React.createElement(DownloadSummaryContext.Provider, {
-        value: summaryContextValue
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StyledDialog, {
-        id: "showInfo",
-        open: visible,
-        onClose: function onClose() {
-          return _this2._closePanel();
-        }
-      }, isLoading && /*#__PURE__*/React.createElement("div", {
-        style: {
-          position: 'absolute',
-          alignItems: 'center',
-          width: '100%',
-          height: '100%',
-          opacity: '0.8',
-          background: 'gray',
-          zIndex: '10',
-          justifyContent: 'center',
-          display: 'flex'
-        }
-      }, /*#__PURE__*/React.createElement("img", {
-        style: {
-          animation: 'spin 2s linear infinite'
-        },
-        src: '/assets/img/loading_large.gif',
-        alt: "img"
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          width: '100%',
-          userSelect: 'none ',
-          height: '100%'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '45%',
-          display: 'flex',
-          padding: '40px 40px 40px 40px',
-          flexDirection: 'column'
-        }
-      }, /*#__PURE__*/React.createElement(S.DialogTitle, null, "Download Summary"), /*#__PURE__*/React.createElement(S.DialogContent, {
-        style: {
-          margin: '10px 0'
-        }
-      }, "You are almost there, customize your summary based on your requirements."), /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: '80%',
-          display: 'flex',
-          flexDirection: 'column',
-          overflowY: 'scroll'
-        }
-      }, sessionStorage.getItem('email') === null && /*#__PURE__*/React.createElement("div", {
-        style: {}
-      }, /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: firstName,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            firstName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this2.setState({
-            firstNameFocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this2.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 _this2.setState({
-            firstName: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: lastName,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            lastName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this2.setState({
-            lastNameFocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this2.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 _this2.setState({
-            lastName: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: email,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            email: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this2.setState({
-            emailFocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this2.setState({
-            emailFocusOn: false
-          });
-        },
-        placeholder: emailFocusOn ? 'Enter Email' : 'Email',
-        required: true
-      }), (emailFocusOn || !!email.length) && /*#__PURE__*/React.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailFocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email"), !!email.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this2.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: phone,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            phone: e.target.value
-          });
-        },
-        onFocus: function onFocus() {
-          return _this2.setState({
-            phoneFocusOn: true
-          });
-        },
-        onBlur: function onBlur() {
-          return _this2.setState({
-            phoneFocusOn: false
-          });
-        },
-        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 _this2.setState({
-            phone: ''
-          });
-        }
-      })), /*#__PURE__*/React.createElement(S.StyledInputWrapper, null, /*#__PURE__*/React.createElement(S.StyledInput, {
-        value: projectTitle,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            projectTitle: e.target.value
-          });
-        },
-        onFocus: function onFocus() {
-          return _this2.setState({
-            projectTitleFocusOn: true
-          });
-        },
-        onBlur: function onBlur() {
-          return _this2.setState({
-            projectTitleFocusOn: false
-          });
-        },
-        placeholder: projectTitleFocusOn ? 'Enter Project Name' : 'Project Name',
-        required: true
-      }), (projectTitleFocusOn || !!projectTitle.length) && /*#__PURE__*/React.createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !projectTitleFocusOn && TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Project Name"), !!projectTitle.length && /*#__PURE__*/React.createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this2.setState({
-            projectTitle: ''
-          });
-        }
-      }))), /*#__PURE__*/React.createElement(S.DialogContent, {
-        style: {
-          margin: '4px 0px'
-        }
-      }, "What you want to print:"), /*#__PURE__*/React.createElement(FormControlLabel, {
-        style: {
-          margin: '6px 0px'
-        },
-        control: /*#__PURE__*/React.createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset'
-          },
-          checked: check_3d,
-          onChange: function onChange() {
-            return _this2.setState({
-              check_3d: !check_3d
-            });
-          },
-          value: check_3d
-        }),
-        label: /*#__PURE__*/React.createElement(S.DialogContents, null, "3D render of the kitchen")
-      }), /*#__PURE__*/React.createElement(FormControlLabel, {
-        style: {
-          margin: '6px 0px'
-        },
-        control: /*#__PURE__*/React.createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset'
-          },
-          checked: check_2d,
-          onChange: function onChange() {
-            return _this2.setState({
-              check_2d: !check_2d
-            });
-          },
-          value: check_2d
-        }),
-        label: /*#__PURE__*/React.createElement(S.DialogContents, null, "2D floor plan and elevations technical view")
-      }), /*#__PURE__*/React.createElement(FormControlLabel, {
-        style: {
-          margin: '6px 0px'
-        },
-        control: /*#__PURE__*/React.createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset'
-          },
-          checked: check_list,
-          onChange: function onChange() {
-            return _this2.setState({
-              check_list: !check_list
-            });
-          },
-          value: check_list
-        }),
-        label: /*#__PURE__*/React.createElement(S.DialogContents, null, "List of parts with quantities and pricing")
-      })), /*#__PURE__*/React.createElement(S.SaveBox, {
-        onClick: _downloadSummaryHandler
-      }, /*#__PURE__*/React.createElement(S.SelectTitle, {
-        style: {
-          color: BG_COLOR_1
-        }
-      }, "Save & Download Summary"))), /*#__PURE__*/React.createElement(DesignViewer, null, /*#__PURE__*/React.createElement(DesignViewerMask, null, /*#__PURE__*/React.createElement(DesignViewerMaskInner, null)), /*#__PURE__*/React.createElement(DesignViewerInnerContent, null, /*#__PURE__*/React.createElement("div", {
-        style: {
-          paddingRight: '10px'
-        }
-      }, check_3d && /*#__PURE__*/React.createElement(Show3DView, {
-        props: this.props,
-        setIsLoading3D: this.setIsLoading3D
-      }), check_2d && /*#__PURE__*/React.createElement(Show2DView, {
-        props: this.props
-      }), check_2d && [/*#__PURE__*/React.createElement(ShowElevationView, {
-        props: this.props,
-        mode: MODE_FRONT_ELEVATION_VIEW,
-        setIsLoadingElevation: this.setIsLoadingElevation
-      }), /*#__PURE__*/React.createElement(ShowElevationView, {
-        props: this.props,
-        mode: MODE_BACK_ELEVATION_VIEW,
-        setIsLoadingElevation: this.setIsLoadingElevation
-      }), /*#__PURE__*/React.createElement(ShowElevationView, {
-        props: this.props,
-        mode: MODE_LEFT_ELEVATION_VIEW,
-        setIsLoadingElevation: this.setIsLoadingElevation
-      }), /*#__PURE__*/React.createElement(ShowElevationView, {
-        props: this.props,
-        mode: MODE_RIGHT_ELEVATION_VIEW,
-        setIsLoadingElevation: this.setIsLoadingElevation
-      })], check_list && /*#__PURE__*/React.createElement(ShowCabinetInfo, {
-        productDATA: window.productData || null,
-        totalPrice: window.totalPrice,
-        config: this.props.logoImage
-      }), /*#__PURE__*/React.createElement(ShowWarranty, {
-        config: this.props.logoImage
-      }))))))));
-    }
-  }]);
-}(React.Component);
-export default DownloadSummaryPopup;
-//# sourceMappingURL=index.js.map