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

package/lib/components/toolbar/popup/submitforquote/index.js

@@ -1,698 +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 = _interopRequireDefault(require("react"));
-var S = _interopRequireWildcard(require("./styles"));
-require("./styles.css");
-var _styles3 = require("@material-ui/core/styles");
-var _emailValidator = require("../../../../utils/email-validator");
-var _constants = require("../../../../constants");
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-var _index = _interopRequireDefault(require("../../../atoms/Snackbar/index"));
-var _phoneValidator = require("../../../../utils/phone-validator");
-var _cartChoice = _interopRequireDefault(require("../../../../../src/components/toolbar/popup/submitforquote/cart-choice"));
-var _CustomerRequestsForm = _interopRequireDefault(require("./CustomerRequestsForm"));
-var _core = require("@material-ui/core");
-var _AddToCartOptions = _interopRequireDefault(require("../../../../../src/components/toolbar/popup/submitforquote/AddToCartOptions"));
-var _SkipDesignerReview = _interopRequireDefault(require("../../../../../src/components/toolbar/popup/submitforquote/SkipDesignerReview"));
-var _StepDots = require("./StepDots");
-var _templateObject, _templateObject2;
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": 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); }
-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) } })); }
-var StyledDialog = (0, _styledComponents["default"])(_Dialog["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paperWidthSm {\n    border-radius: 10px;\n    width: 480px;\n    padding: 32px;\n  }\n"])));
-var StyledMuiCheckbox = (0, _styles3.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 DialogContents = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  padding: 10px 0px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_1);
-var SubmitForQuotePopup = /*#__PURE__*/function (_React$Component) {
-  function SubmitForQuotePopup(props) {
-    var _this;
-    _classCallCheck(this, SubmitForQuotePopup);
-    _this = _callSuper(this, SubmitForQuotePopup, [props]);
-    var email = sessionStorage.getItem('email');
-    var phone = sessionStorage.getItem('phone');
-    _this.state = {
-      email: email,
-      emailfocusOn: false,
-      phone: phone,
-      phonefocusOn: false,
-      notes: '',
-      notesFocusOn: false,
-      check: 'email',
-      error: false,
-      // // For Door Styles
-      // selectedDoorCategory: '',
-      // selectedDoorColor: 0
-
-      //For question
-      isSnackBarOpen: false,
-      snackBarMessage: '',
-      phoneCall: false,
-      phoneSMS: false,
-      isLoading: false,
-      customer_requests: {
-        reviewOptions: [],
-        notes: '',
-        expressCheckout: false
-      },
-      step: 0
-    };
-    return _this;
-  }
-  _inherits(SubmitForQuotePopup, _React$Component);
-  return _createClass(SubmitForQuotePopup, [{
-    key: "setEmailAndPhone",
-    value: function setEmailAndPhone() {
-      var email = sessionStorage.getItem('email');
-      var phone = sessionStorage.getItem('phone');
-      if (email !== null && email !== 'temp_xxx@yyy.com') {
-        this.setState({
-          email: email
-        });
-      }
-      if (phone !== null) {
-        this.setState({
-          phone: phone
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setEmailAndPhone();
-    }
-
-    /**
-     * Get door information
-     * @param {{success:boolean,data}} categoryData Category data from server
-     * @param {number} doorColorId Door color id
-     * @returns {[selectedDoorCategory,selectedDoorStyle,selectedDoorColor,selectedDoorColorItem]} Door tree information
-     */
-  }, {
-    key: "getDoorInfo",
-    value: function getDoorInfo(categoryData, doorColorId) {
-      if (categoryData.success) {
-        var doorStyleProp = categoryData.data.doorStyles;
-
-        // According to door style id
-        // Find out the name of door category & door style
-        var styleItem = null;
-        var colorItem = null;
-        var categoryItem = doorStyleProp.items.find(function (category) {
-          var tempStyleItem = category.items.find(function (style) {
-            var item = style.items.find(function (it) {
-              return it.id === doorColorId;
-            });
-            if (item) {
-              colorItem = item;
-              return true;
-            } else {
-              return false;
-            }
-          });
-          if (tempStyleItem) {
-            styleItem = tempStyleItem;
-          }
-          return !!tempStyleItem;
-        });
-        if (!categoryItem) {
-          return null;
-        }
-        return [categoryItem.name, styleItem.name, doorColorId, colorItem];
-      }
-      return null;
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
-      // When visible
-      if (newProps.visible && !this.props.visible) {
-        this.setEmailAndPhone();
-        this.setState({
-          error: false
-        });
-      }
-
-      // Check for curDoorStyle change
-      if (this.props.curDoorStyle !== newProps.curDoorStyle && newProps.curDoorStyle !== null) {
-        if (newProps.curDoorStyle !== undefined) {
-          var doorColorId = newProps.curDoorStyle.id !== undefined ? newProps.curDoorStyle.id : newProps.curDoorStyle.get('id');
-          var categoryData = this.props.categoryData;
-          var info = this.getDoorInfo(categoryData, doorColorId);
-          if (info) this.setState({
-            selectedDoorCategory: info[0],
-            selectedDoorColor: info[2]
-          });
-        }
-      }
-    }
-  }, {
-    key: "_submit",
-    value: function () {
-      var _submit2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var _this$state, email, phone, check, selectedDoorCategory, selectedDoorColor, notes, phoneCall, phoneSMS, info, colorItem, selectedDoorStyle, msg, contact_preference, rlt;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              _this$state = this.state, email = _this$state.email, phone = _this$state.phone, check = _this$state.check, selectedDoorCategory = _this$state.selectedDoorCategory, selectedDoorColor = _this$state.selectedDoorColor, notes = _this$state.notes, phoneCall = _this$state.phoneCall, phoneSMS = _this$state.phoneSMS;
-              info = this.getDoorInfo(this.props.categoryData, selectedDoorColor);
-              colorItem = info[3];
-              selectedDoorStyle = info[1];
-              if (!(check === '')) {
-                _context.n = 1;
-                break;
-              }
-              this.setState({
-                snackBarMessage: 'Please select a preferred contact method.',
-                isSnackBarOpen: true
-              });
-              return _context.a(2);
-            case 1:
-              if (!(email === '' && check === 'email' || !(0, _emailValidator.emailValidation)(email) && check === 'email' || phone === '' && check === 'phone' || !(0, _phoneValidator.phoneValidation)(phone) && check === 'phone')) {
-                _context.n = 2;
-                break;
-              }
-              if (email === '' && check === 'email') msg = 'Type your email address';else if (phone === '' && check === 'phone') msg = 'Type your phone number';else if (!(0, _emailValidator.emailValidation)(email) && check === 'email') msg = 'Type your valid email address';else if (!(0, _phoneValidator.phoneValidation)(phone) && check === 'phone') msg = 'Type your valid phone';
-              this.setState({
-                snackBarMessage: msg,
-                isSnackBarOpen: true
-              });
-              return _context.a(2);
-            case 2:
-              contact_preference = 'Email';
-              if (check === 'phone') {
-                if (phoneCall) {
-                  contact_preference = 'Call';
-                } else if (phoneSMS) {
-                  contact_preference = 'Text/SMS';
-                }
-              }
-              if (!this) {
-                _context.n = 4;
-                break;
-              }
-              this.setState({
-                isLoading: true
-              });
-              _context.n = 3;
-              return this.props.submitForQuote({
-                email: email,
-                phone: phone,
-                check: check,
-                contact_preference: contact_preference,
-                firstName: sessionStorage.getItem('firstName'),
-                lastName: sessionStorage.getItem('lastName'),
-                products: JSON.parse(sessionStorage.getItem('usedObjects')),
-                selectedDoorCategory: selectedDoorCategory,
-                selectedDoorColor: "".concat(colorItem.name, "/").concat(colorItem.thumbnail),
-                selectedDoorStyle: selectedDoorStyle,
-                customer_requests: this.state.customer_requests,
-                flag: this.props.submitType
-              });
-            case 3:
-              rlt = _context.v;
-              if (rlt !== null && rlt !== void 0 && rlt.success) {
-                this.closePanel();
-              }
-              this.setState({
-                isLoading: false
-              });
-            case 4:
-              return _context.a(2);
-          }
-        }, _callee, this);
-      }));
-      function _submit() {
-        return _submit2.apply(this, arguments);
-      }
-      return _submit;
-    }()
-  }, {
-    key: "closePanel",
-    value: function closePanel() {
-      this.setState({
-        step: 0
-      });
-      this.props.handleSubmitForQuote(false);
-    }
-  }, {
-    key: "handleEmailChange",
-    value: function handleEmailChange(e) {
-      this.setState({
-        email: e.target.value
-      });
-    }
-  }, {
-    key: "handleCheckChange",
-    value: function handleCheckChange(event) {
-      this.setState(_defineProperty({}, event.target.value, event.target.checked));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this,
-        _this$state$customer_;
-      var _this$props = this.props,
-        visible = _this$props.visible,
-        submitType = _this$props.submitType;
-      var _this$state2 = this.state,
-        email = _this$state2.email,
-        emailfocusOn = _this$state2.emailfocusOn,
-        phone = _this$state2.phone,
-        phonefocusOn = _this$state2.phonefocusOn,
-        check = _this$state2.check,
-        phoneSMS = _this$state2.phoneSMS,
-        phoneCall = _this$state2.phoneCall,
-        isLoading = _this$state2.isLoading;
-      var updatePhoneSectionOnFocusHandler = function updatePhoneSectionOnFocusHandler() {
-        _this2.setState(function (prevState) {
-          var newPhoneCall = prevState.phoneCall;
-          var newPhoneSMS = prevState.phoneSMS;
-          if (!prevState.phoneCall && !prevState.phoneSMS) {
-            newPhoneCall = true;
-            newPhoneSMS = false;
-          }
-          return {
-            phonefocusOn: true,
-            check: 'phone',
-            phoneCall: newPhoneCall,
-            phoneSMS: newPhoneSMS
-          };
-        });
-      };
-      var updatePhoneReceiveMethodHandler = function updatePhoneReceiveMethodHandler() {
-        var callClicked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-        _this2.setState(function (prevState) {
-          var newPhoneCall = prevState.phoneCall;
-          var newPhoneSMS = prevState.phoneSMS;
-          if (callClicked) {
-            newPhoneCall = !newPhoneCall;
-            newPhoneSMS = !newPhoneCall;
-          } else {
-            newPhoneSMS = !newPhoneSMS;
-            newPhoneCall = !newPhoneSMS;
-          }
-          return {
-            phoneCall: newPhoneCall,
-            phoneSMS: newPhoneSMS,
-            check: 'phone'
-          };
-        });
-      };
-      if (this.state.step === 0 && submitType === _constants.SUBMIT_REQUEST_ASSIST) {
-        return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-          open: visible,
-          onClose: function onClose() {
-            return _this2.closePanel();
-          }
-        }, /*#__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(S.DialogTitle, null, "Request Designer Assistance"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, null, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            marginBottom: '2rem'
-          }
-        }, "We\u2019re here to help! Tell us a bit more so our designers can assist you quickly and accurately."), /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            marginBottom: '10px'
-          }
-        }, /*#__PURE__*/_react["default"].createElement("b", null, "* What do you need help with? "), "(select all that apply)")), /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, isLoading && /*#__PURE__*/_react["default"].createElement(_core.Box, {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          zIndex: 2,
-          style: {
-            opacity: 0.5
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-          size: 40,
-          style: {
-            color: '#4C12A1'
-          }
-        })), /*#__PURE__*/_react["default"].createElement(_CustomerRequestsForm["default"], {
-          currentStep: this.state.step,
-          onStepChange: function onStepChange(stepNumber) {
-            _this2.setState({
-              step: stepNumber
-            });
-          },
-          onCancel: function onCancel() {
-            return _this2.closePanel();
-          },
-          onSubmit: function onSubmit(result) {
-            _this2.setState({
-              step: 1,
-              customer_requests: result
-            });
-          }
-        })));
-      }
-      if (this.state.step === 0 && submitType === _constants.SUBMIT_ADD_CART) {
-        return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-          open: visible,
-          onClose: this.closePanel.bind(this)
-        }, /*#__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(S.DialogTitle, null, "Add to Cart"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, {
-          style: {
-            paddingTop: 0,
-            paddingBottom: 0,
-            lineHeight: '21px',
-            marginBottom: '2rem'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Once you submit, one of our designers will review your project for accuracy, check for issues, and help ensure your quote is complete.")), /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement(_cartChoice["default"], {
-          accessToken: this.props.accessToken
-        }), /*#__PURE__*/_react["default"].createElement(_AddToCartOptions["default"], {
-          currentStep: this.state.currentStep,
-          onStepChange: function onStepChange(stepNumber) {
-            _this2.setState({
-              step: stepNumber
-            });
-          },
-          onCancel: function onCancel() {
-            return _this2.closePanel();
-          },
-          onSubmit: function onSubmit(result) {
-            if (!result.notes && !result.reviewOptions.length && !result.expressCheckout) {
-              _this2.setState({
-                snackBarMessage: 'Please choose an option.',
-                isSnackBarOpen: true
-              });
-            } else {
-              _this2.setState({
-                step: 1,
-                customer_requests: result
-              });
-            }
-          }
-        })));
-      }
-      if ((_this$state$customer_ = this.state.customer_requests) !== null && _this$state$customer_ !== void 0 && _this$state$customer_.expressCheckout) {
-        return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-          open: visible,
-          onClose: this.closePanel.bind(this)
-        }, isLoading && /*#__PURE__*/_react["default"].createElement(_core.Box, {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          zIndex: 2,
-          style: {
-            opacity: 0.5
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-          size: 40,
-          style: {
-            color: '#4C12A1'
-          }
-        })), /*#__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(S.DialogTitle, null, "Skip Designer Review?"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_SkipDesignerReview["default"], {
-          currentStep: this.state.step,
-          onStepChange: function onStepChange(stepNumber) {
-            _this2.setState({
-              step: stepNumber
-            });
-          },
-          onBack: function onBack() {
-            _this2.setState({
-              step: 0
-            });
-          },
-          onProceed: this._submit.bind(this)
-        })));
-      }
-      return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-        open: visible,
-        onClose: this.closePanel.bind(this)
-      }, isLoading && /*#__PURE__*/_react["default"].createElement(_core.Box, {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        zIndex: 2,
-        style: {
-          opacity: 0.5
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-        size: 40,
-        style: {
-          color: '#4C12A1'
-        }
-      })), /*#__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(S.DialogTitle, null, "Request Designer Assistance"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, {
-        style: {
-          paddingTop: 0,
-          paddingBottom: 0,
-          fontSize: 14,
-          lineHeight: '21px',
-          marginBottom: '2rem'
-        }
-      }, "What is the best way to reach you for the next steps?", /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledCheck, {
-        style: {
-          color: check === 'email' && _constants.SECONDARY_PURPLE_COLOR,
-          backgroundColor: check === 'email' ? _constants.SECONDARY_PURPLE_COLOR : _constants.BG_COLOR_1
-        },
-        onClick: function onClick() {
-          return _this2.setState({
-            check: 'email',
-            phoneCall: false,
-            phoneSMS: false
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        style: {
-          cursor: check !== 'email' && 'pointer'
-        },
-        value: email
-        // onClick={() => this.setState({emailCheck: true})}
-        ,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            email: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this2.setState({
-            emailfocusOn: true,
-            check: 'email',
-            phoneCall: false,
-            phoneSMS: false
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this2.setState({
-            emailfocusOn: false
-          });
-        },
-        required: true
-        // disabled={!emailCheck}
-      }), !emailfocusOn && !!!email.length && /*#__PURE__*/_react["default"].createElement(S.StyledInputLabel, {
-        style: {
-          cursor: check !== 'email' && 'no-drop',
-          pointerEvents: 'none'
-        }
-      }, "Email Address"), (emailfocusOn || !!email.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email Address"), emailfocusOn && !!!email.length && /*#__PURE__*/_react["default"].createElement(S.StyledInputLabel, null, "Enter email address"), !!email.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this2.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledCheck, {
-        style: {
-          color: check === 'phone' && _constants.SECONDARY_PURPLE_COLOR,
-          backgroundColor: check === 'phone' ? _constants.SECONDARY_PURPLE_COLOR : _constants.BG_COLOR_1
-        },
-        onClick: updatePhoneSectionOnFocusHandler
-      }), /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        style: {
-          cursor: check !== 'phone' && 'pointer'
-        },
-        value: phone,
-        onChange: function onChange(e) {
-          return _this2.setState({
-            phone: e.target.value
-          });
-        },
-        onFocus: updatePhoneSectionOnFocusHandler,
-        onBlur: function onBlur(e) {
-          return _this2.setState({
-            phonefocusOn: false
-          });
-        },
-        maxLength: 50,
-        required: true
-      }), !phonefocusOn && !!!phone.length && /*#__PURE__*/_react["default"].createElement(S.StyledInputLabel, {
-        style: {
-          cursor: check !== 'phone' && 'no-drop',
-          pointerEvents: 'none'
-        }
-      }, "Phone"), (phonefocusOn || !!phone.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !phonefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Phone"), phonefocusOn && !!!phone.length && /*#__PURE__*/_react["default"].createElement(S.StyledInputLabel, null, "Enter phone number"), !!phone.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this2.setState({
-            phone: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledPhoneMethod, {
-        style: {
-          paddingLeft: '30px'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          paddingRight: '10px'
-        }
-      }, "Method: "), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        style: {
-          alignItems: 'flex-start'
-        },
-        "margin-left": "10px",
-        control: /*#__PURE__*/_react["default"].createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset',
-            margin: '0 5px'
-          },
-          checked: phoneCall,
-          onChange: function onChange() {
-            return updatePhoneReceiveMethodHandler(true);
-          },
-          value: phoneCall
-        }),
-        label: /*#__PURE__*/_react["default"].createElement(S.DialogContents, null, " Call ")
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          paddingRight: '18px'
-        }
-      }, " or "), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        style: {
-          alignItems: 'flex-start'
-        },
-        "margin-left": "10px",
-        control: /*#__PURE__*/_react["default"].createElement(StyledMuiCheckbox, {
-          style: {
-            padding: 'unset',
-            margin: '0 5px'
-          },
-          checked: phoneSMS,
-          onChange: function onChange() {
-            return updatePhoneReceiveMethodHandler(false);
-          },
-          value: phoneSMS
-        }),
-        label: /*#__PURE__*/_react["default"].createElement(S.DialogContents, null, " Text/SMS ")
-      }))), /*#__PURE__*/_react["default"].createElement(S.DialogAction, null, /*#__PURE__*/_react["default"].createElement(_StepDots.StepDots, {
-        currentStep: this.state.step,
-        onStepChange: function onStepChange(stepNumber) {
-          _this2.setState({
-            step: stepNumber
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement(S.Button, {
-        onClick: function onClick() {
-          return _this2.setState({
-            step: 0,
-            customer_requests: {
-              reviewOptions: [],
-              notes: '',
-              expressCheckout: false
-            }
-          });
-        }
-      }, "Back"), /*#__PURE__*/_react["default"].createElement(S.Button, {
-        style: {
-          marginRight: 0
-        },
-        onClick: this._submit.bind(this)
-      }, "Send")));
-    }
-  }]);
-}(_react["default"].Component);
-var _default = exports["default"] = SubmitForQuotePopup;
-//# sourceMappingURL=index.js.map