kitchen-simulator 5.0.0-test.5 → 5.0.0-test.7

package/es/components/tutorial-view/Modal.js

@@ -1,498 +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); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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); }
-import React, { useEffect, useState, useRef } from 'react';
-// import { Modal, Button } from 'antd';
-import { withStyles } from '@material-ui/core/styles';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import MuiDialogTitle from '@material-ui/core/DialogTitle';
-import Grid from '@material-ui/core/Grid';
-import MuiDialogContent from '@material-ui/core/DialogContent';
-import DialogActions from '@material-ui/core/DialogActions';
-import IconButton from '@material-ui/core/IconButton';
-import { Checkbox, FormControlLabel } from '@material-ui/core';
-// import CloseIcon from '@material-ui/icons/Close';
-import Typography from '@material-ui/core/Typography';
-import { CaretLeftFilled } from '@ant-design/icons';
-import { CloseSquareFilled } from '@ant-design/icons';
-import { StarOutlined, StarFilled, StarTwoTone } from '@ant-design/icons';
-import { FaTimes } from 'react-icons/fa';
-import { TutorialDialog } from './styles';
-var DialogContent = withStyles(function (theme) {
-  return {
-    root: {
-      padding: theme.spacing(0),
-      minWidth: 550,
-      minHeight: 335,
-      '&:first-child': {
-        paddingTop: 0
-      }
-    }
-  };
-})(MuiDialogContent);
-var styles = function styles(theme) {
-  return {
-    root: {
-      margin: 0,
-      padding: 0
-    },
-    closeButton: {
-      position: 'absolute',
-      right: 3,
-      top: 3,
-      color: theme.palette.grey[500]
-    }
-  };
-};
-var DialogTitle = withStyles(styles)(function (props) {
-  var classes = props.classes,
-    onClose = props.onClose;
-  return /*#__PURE__*/React.createElement(MuiDialogTitle, {
-    disableTypography: true,
-    className: classes.root
-  }, onClose ? /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": "close",
-    className: classes.closeButton,
-    onClick: onClose,
-    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-      color: ' #FFF',
-      fontSize: '18px',
-      border: ' 0px',
-      borderRadius: ' 3px',
-      background: '#000'
-    }, "border", ' 1px solid #000'), "padding", ' 4px 4px 1px 4px'), "cursor", ' pointer'), "marginTop", '10px'), "marginRight", '10px')
-  }, /*#__PURE__*/React.createElement(FaTimes, {
-    style: {
-      marginBottom: '4px'
-    }
-  })) : null);
-});
-export default function Modal(props) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    tutorial_state = _useState2[0],
-    setTutorial_state = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 1),
-    data = _useState4[0];
-  useEffect(function () {
-    switch (tutorial_state) {
-      case 0:
-        props.closeFloorTB();
-        break;
-      case 1:
-        props.toggleDoorStyle(false);
-        props.openFloor();
-        break;
-      case 2:
-        props.closeFloorTB();
-        props.toggleDoorStyle(true);
-        props.closeCabinetTB();
-        break;
-      case 3:
-        props.openCabinet();
-        props.toggleDoorStyle(false);
-        document.getElementById('toggle_2d_3d').style.zIndex = '';
-        break;
-      case 4:
-        props.closeCabinetTB();
-        document.getElementById('toggle_2d_3d').style.zIndex = 1000;
-        break;
-      case 5:
-        document.getElementById('toggle_2d_3d').style.zIndex = '';
-        props.closeFinishingTB();
-        props.openAppliance();
-        break;
-      case 6:
-        props.closeApplianceTB();
-        props.onReviewQuoteClicked(false);
-        props.openFinishing();
-        break;
-      case 7:
-        props.closeFinishingTB();
-        props.onReviewQuoteClicked(true);
-        break;
-    }
-  }, [tutorial_state]);
-  var handleNext = function handleNext() {
-    setTutorial_state(tutorial_state + 1);
-  };
-  var handlePrev = function handlePrev() {
-    setTutorial_state(tutorial_state - 1);
-  };
-  useEffect(function () {
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      },
-      key: "1"
-    }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%',
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '20%'
-      }
-    }, /*#__PURE__*/React.createElement(CaretLeftFilled, {
-      style: {
-        fontSize: '650%',
-        color: '#1890ff',
-        // marginLeft: '-20%',
-        marginTop: '100%'
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '80%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "DIY Design Space"), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '1.5em',
-        marginTop: '-10%'
-      }
-    }, "Quick start guide"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Follow the steps 1 through 6 in the left menu", /*#__PURE__*/React.createElement("br", null), "to create your kitchen design")))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step2.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "1. Make a floor plan"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Choose from a predefined floor space", /*#__PURE__*/React.createElement("br", null), "or create your own from measurements.", /*#__PURE__*/React.createElement("br", null), "Add windows and doors to finalize the space."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step5.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "2. Changing door styles", /*#__PURE__*/React.createElement("br", null), "and colors"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Explore the various door choices.", /*#__PURE__*/React.createElement("br", null), "Use the change option to select", /*#__PURE__*/React.createElement("br", null), "a new door and see it applied in your space."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step3.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "3. Adding cabinets"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Start building your kitchen layout", /*#__PURE__*/React.createElement("br", null), "by adding cabinets and accessories."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '75px'
-      }
-    }, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step4.jpg",
-      align: "left",
-      width: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '2.6em'
-      }
-    }, "View Space in 3D Mode"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Toggle the kitchen between", /*#__PURE__*/React.createElement("br", null), "2D floor plan and 3D room view", /*#__PURE__*/React.createElement("br", null), "using the menu at the bottom", /*#__PURE__*/React.createElement("br", null), "of the screen."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step6.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "4. Adding appliances"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Pick your appliances from the list", /*#__PURE__*/React.createElement("br", null), "and add them to your design."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step7.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "5. Finishing touches"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Further customize your kitchen by adding paint,", /*#__PURE__*/React.createElement("br", null), "furniture, backsplash and more."))));
-    data.push(/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/assets/img/step8.jpg",
-      align: "left",
-      width: "75px",
-      height: "75px"
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: '15%',
-        marginTop: '-40px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '400',
-        display: 'block',
-        fontSize: '3em'
-      }
-    }, "6. Save/Submit project"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'white',
-        fontWeight: '350',
-        display: 'block',
-        fontSize: '1.35em',
-        marginTop: '-10%'
-      }
-    }, "Save your project, review it or submit for a quote.", /*#__PURE__*/React.createElement("br", null), "You can also request design assistance at anytime", /*#__PURE__*/React.createElement("br", null), "from the top right menu on the main screen."))));
-    setTutorial_state(0);
-  }, []);
-  return tutorial_state == null ? null : /*#__PURE__*/React.createElement(TutorialDialog, {
-    open: props.isModalVisible,
-    onClose: props.cancel,
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description",
-    id: "tutorial_dialog"
-  }, /*#__PURE__*/React.createElement(DialogTitle, {
-    onClose: props.cancel
-  }), /*#__PURE__*/React.createElement(DialogContent, null, data[tutorial_state]), /*#__PURE__*/React.createElement(DialogActions, {
-    style: {
-      backgroundColor: '#41403F'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    direction: "row",
-    justifyContent: "space-around",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, !(tutorial_state == 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    onClick: handlePrev,
-    color: "primary",
-    style: {
-      minWidth: 80,
-      marginLeft: '-35px'
-    }
-  }, '< Prev'))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, !(tutorial_state == 7) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      minWidth: 80,
-      marginLeft: '10px'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: handleNext,
-    color: "primary"
-  }, ' Next >'))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, ' ', /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '300%'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: props.cancel,
-    color: "primary"
-  }, /*#__PURE__*/React.createElement("u", null, "Close Guide"))))), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    direction: "row-reverse"
-  }, /*#__PURE__*/React.createElement(FormControlLabel, {
-    className: "never-show-check",
-    control: /*#__PURE__*/React.createElement(Checkbox, {
-      label: "Never show again",
-      color: "primary",
-      style: {
-        color: 'white'
-      },
-      inputRef: props.neverShowInput
-    }),
-    label: "Do not show this again"
-  })))));
-}
-//# sourceMappingURL=Modal.js.map

package/es/components/tutorial-view/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","names":["React","useEffect","useState","useRef","withStyles","Button","Dialog","MuiDialogTitle","Grid","MuiDialogContent","DialogActions","IconButton","Checkbox","FormControlLabel","Typography","CaretLeftFilled","CloseSquareFilled","StarOutlined","StarFilled","StarTwoTone","FaTimes","TutorialDialog","DialogContent","theme","root","padding","spacing","minWidth","minHeight","paddingTop","styles","margin","closeButton","position","right","top","color","palette","grey","DialogTitle","props","classes","onClose","createElement","disableTypography","className","onClick","style","_defineProperty","fontSize","border","borderRadius","background","marginBottom","Modal","_useState","_useState2","_slicedToArray","tutorial_state","setTutorial_state","_useState3","_useState4","data","closeFloorTB","toggleDoorStyle","openFloor","closeCabinetTB","openCabinet","document","getElementById","zIndex","closeFinishingTB","openAppliance","closeApplianceTB","onReviewQuoteClicked","openFinishing","handleNext","handlePrev","push","width","key","display","marginTop","fontWeight","container","direction","justifyContent","alignItems","src","align","height","marginLeft","open","isModalVisible","cancel","id","backgroundColor","item","xs","control","label","inputRef","neverShowInput"],"sources":["../../../src/components/tutorial-view/Modal.jsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\r\n// import { Modal, Button } from 'antd';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport MuiDialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { Checkbox, FormControlLabel } from '@material-ui/core';\r\n// import CloseIcon from '@material-ui/icons/Close';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { CaretLeftFilled } from '@ant-design/icons';\r\nimport { CloseSquareFilled } from '@ant-design/icons';\r\nimport { StarOutlined, StarFilled, StarTwoTone } from '@ant-design/icons';\r\nimport { FaTimes } from 'react-icons/fa';\r\nimport { TutorialDialog } from './styles';\r\n\r\nconst DialogContent = withStyles(theme => ({\r\n  root: {\r\n    padding: theme.spacing(0),\r\n    minWidth: 550,\r\n    minHeight: 335,\r\n    '&:first-child': {\r\n      paddingTop: 0\r\n    }\r\n  }\r\n}))(MuiDialogContent);\r\n\r\nconst styles = theme => ({\r\n  root: {\r\n    margin: 0,\r\n    padding: 0\r\n  },\r\n  closeButton: {\r\n    position: 'absolute',\r\n    right: 3,\r\n    top: 3,\r\n    color: theme.palette.grey[500]\r\n  }\r\n});\r\n\r\nconst DialogTitle = withStyles(styles)(props => {\r\n  const { classes, onClose } = props;\r\n  return (\r\n    <MuiDialogTitle disableTypography className={classes.root}>\r\n      {onClose ? (\r\n        <IconButton\r\n          aria-label=\"close\"\r\n          className={classes.closeButton}\r\n          onClick={onClose}\r\n          style={{\r\n            color: ' #FFF',\r\n            fontSize: '18px',\r\n            border: ' 0px',\r\n            borderRadius: ' 3px',\r\n            background: '#000',\r\n            border: ' 1px solid #000',\r\n            padding: ' 4px 4px 1px 4px',\r\n            cursor: ' pointer',\r\n            marginTop: '10px',\r\n            marginRight: '10px'\r\n          }}\r\n        >\r\n          <FaTimes style={{ marginBottom: '4px' }} />\r\n        </IconButton>\r\n      ) : null}\r\n    </MuiDialogTitle>\r\n  );\r\n});\r\n\r\nexport default function Modal(props) {\r\n  const [tutorial_state, setTutorial_state] = useState(null);\r\n  const [data] = useState([]);\r\n\r\n  useEffect(() => {\r\n    switch (tutorial_state) {\r\n      case 0:\r\n        props.closeFloorTB();\r\n        break;\r\n      case 1:\r\n        props.toggleDoorStyle(false);\r\n        props.openFloor();\r\n        break;\r\n      case 2:\r\n        props.closeFloorTB();\r\n        props.toggleDoorStyle(true);\r\n        props.closeCabinetTB();\r\n        break;\r\n      case 3:\r\n        props.openCabinet();\r\n        props.toggleDoorStyle(false);\r\n        document.getElementById('toggle_2d_3d').style.zIndex = '';\r\n        break;\r\n      case 4:\r\n        props.closeCabinetTB();\r\n        document.getElementById('toggle_2d_3d').style.zIndex = 1000;\r\n        break;\r\n      case 5:\r\n        document.getElementById('toggle_2d_3d').style.zIndex = '';\r\n        props.closeFinishingTB();\r\n        props.openAppliance();\r\n        break;\r\n      case 6:\r\n        props.closeApplianceTB();\r\n        props.onReviewQuoteClicked(false);\r\n        props.openFinishing();\r\n        break;\r\n      case 7:\r\n        props.closeFinishingTB();\r\n        props.onReviewQuoteClicked(true);\r\n        break;\r\n    }\r\n  }, [tutorial_state]);\r\n\r\n  const handleNext = () => {\r\n    setTutorial_state(tutorial_state + 1);\r\n  };\r\n\r\n  const handlePrev = () => {\r\n    setTutorial_state(tutorial_state - 1);\r\n  };\r\n\r\n  useEffect(() => {\r\n    data.push(\r\n      <div style={{ width: '100%' }} key=\"1\">\r\n        <br />\r\n        <br />\r\n        <div style={{ width: '100%', display: 'flex' }}>\r\n          <div style={{ width: '20%' }}>\r\n            <CaretLeftFilled\r\n              style={{\r\n                fontSize: '650%',\r\n                color: '#1890ff',\r\n                // marginLeft: '-20%',\r\n                marginTop: '100%'\r\n              }}\r\n            />\r\n          </div>\r\n          <div style={{ width: '80%', marginTop: '-40px' }}>\r\n            <br />\r\n            <br />\r\n            <p\r\n              style={{\r\n                color: 'white',\r\n                fontWeight: '400',\r\n                display: 'block',\r\n                fontSize: '3em'\r\n              }}\r\n            >\r\n              DIY Design Space\r\n            </p>\r\n            <p\r\n              style={{\r\n                color: 'white',\r\n                fontWeight: '400',\r\n                display: 'block',\r\n                fontSize: '1.5em',\r\n                marginTop: '-10%'\r\n              }}\r\n            >\r\n              Quick start guide\r\n            </p>\r\n            <br />\r\n            <br />\r\n            <br />\r\n            <p\r\n              style={{\r\n                color: 'white',\r\n                fontWeight: '350',\r\n                display: 'block',\r\n                fontSize: '1.35em',\r\n                marginTop: '-10%'\r\n              }}\r\n            >\r\n              Follow the steps 1 through 6 in the left menu\r\n              <br />\r\n              to create your kitchen design\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step2.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            1. Make a floor plan\r\n          </p>\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Choose from a predefined floor space\r\n            <br />\r\n            or create your own from measurements.\r\n            <br />\r\n            Add windows and doors to finalize the space.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step5.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            2. Changing door styles\r\n            <br />\r\n            and colors\r\n          </p>\r\n          <br />\r\n\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Explore the various door choices.\r\n            <br />\r\n            Use the change option to select\r\n            <br />a new door and see it applied in your space.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step3.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            3. Adding cabinets\r\n          </p>\r\n\r\n          <br />\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Start building your kitchen layout\r\n            <br />\r\n            by adding cabinets and accessories.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div style={{ height: '75px' }}>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img src=\"/assets/img/step4.jpg\" align=\"left\" width=\"75px\" />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '2.6em'\r\n            }}\r\n          >\r\n            View Space in 3D Mode\r\n          </p>\r\n          <br />\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Toggle the kitchen between\r\n            <br />\r\n            2D floor plan and 3D room view\r\n            <br />\r\n            using the menu at the bottom\r\n            <br />\r\n            of the screen.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step6.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            4. Adding appliances\r\n          </p>\r\n          <br />\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Pick your appliances from the list\r\n            <br />\r\n            and add them to your design.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step7.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            5. Finishing touches\r\n          </p>\r\n          <br />\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Further customize your kitchen by adding paint,\r\n            <br />\r\n            furniture, backsplash and more.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    data.push(\r\n      <div style={{ width: '100%' }}>\r\n        <div>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <img\r\n              src=\"/assets/img/step8.jpg\"\r\n              align=\"left\"\r\n              width=\"75px\"\r\n              height=\"75px\"\r\n            />\r\n          </Grid>\r\n        </div>\r\n        <div style={{ marginLeft: '15%', marginTop: '-40px' }}>\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '400',\r\n              display: 'block',\r\n              fontSize: '3em'\r\n            }}\r\n          >\r\n            6. Save/Submit project\r\n          </p>\r\n          <br />\r\n          <br />\r\n          <p\r\n            style={{\r\n              color: 'white',\r\n              fontWeight: '350',\r\n              display: 'block',\r\n              fontSize: '1.35em',\r\n              marginTop: '-10%'\r\n            }}\r\n          >\r\n            Save your project, review it or submit for a quote.\r\n            <br />\r\n            You can also request design assistance at anytime\r\n            <br />\r\n            from the top right menu on the main screen.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n    setTutorial_state(0);\r\n  }, []);\r\n\r\n  return tutorial_state == null ? null : (\r\n    <TutorialDialog\r\n      open={props.isModalVisible}\r\n      onClose={props.cancel}\r\n      aria-labelledby=\"alert-dialog-title\"\r\n      aria-describedby=\"alert-dialog-description\"\r\n      id=\"tutorial_dialog\"\r\n    >\r\n      <DialogTitle onClose={props.cancel} />\r\n\r\n      <DialogContent>{data[tutorial_state]}</DialogContent>\r\n      <DialogActions style={{ backgroundColor: '#41403F' }}>\r\n        <Grid container>\r\n          <Grid\r\n            container\r\n            direction=\"row\"\r\n            justifyContent=\"space-around\"\r\n            alignItems=\"flex-start\"\r\n          >\r\n            <Grid item xs={1}>\r\n              {!(tutorial_state == 0) && (\r\n                <div>\r\n                  <Button\r\n                    onClick={handlePrev}\r\n                    color=\"primary\"\r\n                    style={{ minWidth: 80, marginLeft: '-35px' }}\r\n                  >\r\n                    {'< Prev'}\r\n                  </Button>\r\n                </div>\r\n              )}\r\n            </Grid>\r\n            <Grid item xs={1}>\r\n              {!(tutorial_state == 7) && (\r\n                <div style={{ minWidth: 80, marginLeft: '10px' }}>\r\n                  <Button onClick={handleNext} color=\"primary\">\r\n                    {' Next >'}\r\n                  </Button>\r\n                </div>\r\n              )}\r\n            </Grid>\r\n            <Grid item xs={1}>\r\n              {' '}\r\n              <div style={{ width: '300%' }}>\r\n                <Button onClick={props.cancel} color=\"primary\">\r\n                  <u>Close Guide</u>\r\n                </Button>\r\n              </div>\r\n            </Grid>\r\n          </Grid>\r\n          <Grid container direction=\"row-reverse\">\r\n            <FormControlLabel\r\n              className=\"never-show-check\"\r\n              control={\r\n                <Checkbox\r\n                  label=\"Never show again\"\r\n                  color=\"primary\"\r\n                  style={{ color: 'white' }}\r\n                  inputRef={props.neverShowInput}\r\n                />\r\n              }\r\n              label=\"Do not show this again\"\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </DialogActions>\r\n    </TutorialDialog>\r\n  );\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/tutorial-view/styles.js

@@ -1,6 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled from 'styled-components';
-import Dialog from '@material-ui/core/Dialog';
-export var TutorialDialog = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: 998 !important;\n  .never-show-check {\n    color: white;\n  }\n  .never-show-check > .MuiTypography-body1 {\n    font-size: 0.7rem;\n  }\n  .never-show-check .MuiSvgIcon-root {\n    width: 0.7em;\n    height: 0.7em;\n  }\n  .never-show-check .MuiCheckbox-colorPrimary.Mui-checked {\n    color: white;\n  }\n  .t_modal {\n    z-index: 0 !important;\n  }\n  .MuiDialogTitle-root {\n    background-color: #41403f !important;\n  }\n  .MuiDialogContent-root {\n    background-color: #41403f !important;\n    margin: 0;\n    color: rgba(0, 0, 0, 0.65);\n    font-size: 14px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      'Helvetica Neue', Arial, 'Noto Sans', Open Sans, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    font-variant: tabular-nums;\n    line-height: 1.5715;\n    background-color: #fff;\n    -webkit-font-feature-settings: 'tnum';\n    font-feature-settings: 'tnum';\n  }\n  .MuiDialog-root p {\n    margin-top: 0;\n    margin-bottom: 1em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    /* margin-top: 0; */\n    /* margin-bottom: 0.5em; */\n    color: rgba(255, 255, 255, 0.85);\n    /* font-weight: 500; */\n  }\n  .MuiButton-textPrimary {\n    color: white !important;\n  }\n  .MuiDialog-paperWidthSm {\n    max-width: 550px !important;\n    height: 380px !important;\n  }\n  .MuiDialog-paper {\n    opacity: 0.84;\n    overflow-y: unset !important;\n  }\n"])));
-//# sourceMappingURL=styles.js.map

package/es/components/tutorial-view/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styled","Dialog","TutorialDialog","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/components/tutorial-view/styles.js"],"sourcesContent":["import styled from 'styled-components';\r\nimport Dialog from '@material-ui/core/Dialog';\r\n\r\nexport const TutorialDialog = styled(Dialog)`\r\n  z-index: 998 !important;\r\n  .never-show-check {\r\n    color: white;\r\n  }\r\n  .never-show-check > .MuiTypography-body1 {\r\n    font-size: 0.7rem;\r\n  }\r\n  .never-show-check .MuiSvgIcon-root {\r\n    width: 0.7em;\r\n    height: 0.7em;\r\n  }\r\n  .never-show-check .MuiCheckbox-colorPrimary.Mui-checked {\r\n    color: white;\r\n  }\r\n  .t_modal {\r\n    z-index: 0 !important;\r\n  }\r\n  .MuiDialogTitle-root {\r\n    background-color: #41403f !important;\r\n  }\r\n  .MuiDialogContent-root {\r\n    background-color: #41403f !important;\r\n    margin: 0;\r\n    color: rgba(0, 0, 0, 0.65);\r\n    font-size: 14px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\r\n      'Helvetica Neue', Arial, 'Noto Sans', Open Sans, 'Apple Color Emoji',\r\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n    font-variant: tabular-nums;\r\n    line-height: 1.5715;\r\n    background-color: #fff;\r\n    -webkit-font-feature-settings: 'tnum';\r\n    font-feature-settings: 'tnum';\r\n  }\r\n  .MuiDialog-root p {\r\n    margin-top: 0;\r\n    margin-bottom: 1em;\r\n  }\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    /* margin-top: 0; */\r\n    /* margin-bottom: 0.5em; */\r\n    color: rgba(255, 255, 255, 0.85);\r\n    /* font-weight: 500; */\r\n  }\r\n  .MuiButton-textPrimary {\r\n    color: white !important;\r\n  }\r\n  .MuiDialog-paperWidthSm {\r\n    max-width: 550px !important;\r\n    height: 380px !important;\r\n  }\r\n  .MuiDialog-paper {\r\n    opacity: 0.84;\r\n    overflow-y: unset !important;\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,MAAM,MAAM,0BAA0B;AAE7C,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+7CA6D3C","ignoreList":[]}