kitchen-simulator 1.1.1-test.5 → 1.1.1-test.50

package/lib/catalog/properties/property-checkbox.js

@@ -1,30 +1,67 @@
 "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"] = PropertyCheckbox;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _constants = require("../../constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var FlipWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 15px 0;\n  justify-content: space-between;\n"])));
-var FlipTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n"])), _constants.SECONDARY_PURPLE_COLOR, _constants.DEFAULT_FONT_FAMILY);
-var FlipDescription = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
-var FlipInfoWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var FlipToggle = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
-var FlipToggleIcon = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  top: 0;\n  position: absolute;\n  ", "\n  img {\n    font-size: 1.4rem;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n"])), '' /* transition-duration: .3s; */);
+var styles = {
+  flipWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    margin: '15px 0',
+    justifyContent: 'space-between'
+  },
+  flipTitle: {
+    marginRight: 'auto',
+    color: _constants.SECONDARY_PURPLE_COLOR,
+    fontFamily: _constants.DEFAULT_FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: '18px',
+    textAlign: 'left'
+  },
+  flipDescription: {
+    marginRight: 'auto',
+    color: _constants.TEXT_COLOR_NEUTRAL_0,
+    fontFamily: _constants.DEFAULT_FONT_FAMILY,
+    fontSize: 13,
+    fontWeight: 400,
+    lineHeight: '18px',
+    textAlign: 'left'
+  },
+  flipInfoWrapper: {
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  flipToggle: {
+    display: 'flex',
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 14,
+    cursor: 'pointer',
+    userSelect: 'none'
+  },
+  flipToggleIcon: {
+    top: 0,
+    position: 'absolute'
+  },
+  flipToggleIconImg: {
+    fontSize: '1.4rem',
+    boxSizing: 'border-box',
+    borderRadius: '50%'
+  }
+};
 function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -45,10 +82,18 @@ function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/_react["default"].createElement(FlipWrapper, null, /*#__PURE__*/_react["default"].createElement(FlipInfoWrapper, null, /*#__PURE__*/_react["default"].createElement(FlipTitle, null, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement(FlipDescription, null, configs.description)), /*#__PURE__*/_react["default"].createElement(FlipToggle, {
-    style: {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.flipWrapper
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.flipInfoWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.flipTitle
+  }, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.flipDescription
+  }, configs.description)), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
       color: 'black'
-    },
+    }),
     onClick: function onClick(e) {
       return update(!value);
     }
@@ -58,14 +103,14 @@ function PropertyCheckbox(_ref) {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/_react["default"].createElement(FlipToggleIcon, {
-    style: _objectSpread({}, activeStyle)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: {
+    style: _objectSpread({
       width: '30px',
       height: '30px'
-    }
+    }, styles.flipToggleIconImg)
   }))));
 }
 PropertyCheckbox.propTypes = {

package/lib/catalog/properties/property-enum.js

@@ -8,10 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _immutable = require("immutable");
 var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _constants = require("../../constants");
-var _templateObject, _templateObject2;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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."); }
@@ -19,9 +16,37 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var EnumWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var EnumTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\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: 15px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
+var styles = {
+  enumWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  enumTitle: function enumTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: _constants.TEXT_COLOR_NEUTRAL_0,
+      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      fontSize: fontSize,
+      fontWeight: 400,
+      lineHeight: '15px',
+      textAlign: 'left'
+    };
+  }
+};
+
+// Responsive font size logic
+function getFontSize() {
+  if (typeof window !== 'undefined') {
+    var w = window.innerWidth;
+    if (w <= 1024) return 11;
+    if (w <= 1366) return 13;
+    if (w <= 1440) return 16;
+    return 16;
+  }
+  return 13;
+}
 function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -37,7 +62,24 @@ function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/_react["default"].createElement(EnumWrapper, null, /*#__PURE__*/_react["default"].createElement(EnumTitle, null, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
+  var _React$useState = _react["default"].useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.enumWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.enumTitle(fontSize)
+  }, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);

package/lib/catalog/properties/property-length-measure.js

@@ -11,16 +11,48 @@ var _convertUnits = _interopRequireDefault(require("convert-units"));
 var _export = require("../../components/style/export");
 var _immutable = require("immutable");
 var _math = require("../../utils/math");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["hook", "label"];
-var _templateObject, _templateObject2;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": 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 _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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var DistanceFloorWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var DistanceFloorTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\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: 15px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
+var styles = {
+  distanceFloorWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  distanceFloorTitle: function distanceFloorTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: _constants.TEXT_COLOR_NEUTRAL_0,
+      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      fontSize: fontSize,
+      fontWeight: 400,
+      lineHeight: '15px',
+      textAlign: 'left'
+    };
+  }
+};
+
+// Responsive font size logic
+function getFontSize() {
+  if (typeof window !== 'undefined') {
+    var w = window.innerWidth;
+    if (w <= 1024) return 11;
+    if (w <= 1366) return 13;
+    if (w <= 1440) return 16;
+    return 16;
+  }
+  return 13;
+}
 function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -65,7 +97,24 @@ function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/_react["default"].createElement(DistanceFloorWrapper, null, /*#__PURE__*/_react["default"].createElement(DistanceFloorTitle, null, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, _extends({
+  var _React$useState = _react["default"].useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.distanceFloorWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.distanceFloorTitle(fontSize)
+  }, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, _extends({
     disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
     value: (0, _convertUnits["default"])(_length).from('in').to(unit),
     onChange: function onChange(event) {

package/lib/catalog/utils/geom-utils.js

@@ -14,7 +14,7 @@ exports.makeMBoxfromObject = makeMBoxfromObject;
 exports.rotGeoms = rotGeoms;
 exports.upwardsGeom = upwardsGeom;
 var Three = _interopRequireWildcard(require("three"));
-var _constants = require("src/constants");
+var _constants = require("../../constants");
 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 controlGeom() {
   var vertices = new Float32Array([0, 0.02, 0.55, -0.08, 0, 0.5, -0.05, 0, 0.5, -0.05, 0, -0.5, -0.08, 0, -0.5, 0, 0.02, -0.55, 0.08, 0, -0.5, 0.05, 0, -0.5, 0.05, 0, 0.5, 0.08, 0, 0.5, 0, 0.02, 0.55, -0.08, 0.04, 0.5, -0.05, 0.04, 0.5, -0.05, 0.04, -0.5, -0.08, 0.04, -0.5, 0, 0.02, -0.55, 0.08, 0.04, -0.5, 0.05, 0.04, -0.5, 0.05, 0.04, 0.5, 0.08, 0.04, 0.5, 0, 0.02, 0.55]);

package/lib/catalog/utils/item-loader.js

@@ -13,12 +13,12 @@ var _convertUnits = _interopRequireDefault(require("convert-units"));
 var _immutable = require("immutable");
 var _react = _interopRequireWildcard(require("react"));
 var Three = _interopRequireWildcard(require("three"));
-var SceneCreator = _interopRequireWildcard(require("src/components/viewer3d/scene-creator"));
-var _constants = require("src/constants");
-var _models = require("src/models");
+var SceneCreator = _interopRequireWildcard(require("../../components/viewer3d/scene-creator"));
+var _constants = require("../../constants");
+var _models = require("../../models");
 var GeomUtils = _interopRequireWildcard(require("./geom-utils"));
 var _loadObj = require("./load-obj");
-var _helper = require("src/utils/helper");
+var _helper = require("../../utils/helper");
 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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }

package/lib/catalog/utils/load-obj.js

@@ -11,7 +11,7 @@ var _MTLLoader = require("three/examples/jsm/loaders/MTLLoader.js");
 var _OBJLoader = require("three/examples/jsm/loaders/OBJLoader.js");
 var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader.js");
 var _DRACOLoader = require("three/examples/jsm/loaders/DRACOLoader.js");
-var _constants = require("src/constants");
+var _constants = require("../../constants");
 function loadObjWithMaterial(mtlFile, objFile, imgPath) {
   var manager = new _three.LoadingManager();
   var mtlLoader = new _MTLLoader.MTLLoader(manager);

package/lib/catalog/utils/mtl-loader.js

@@ -1,14 +1,18 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MTLLoader = void 0;
 /**
  * Loads a Wavefront .mtl file specifying materials
  *
  * @author angelxuanchang
  */
 
-var THREE = window.THREE || require('three');
+var THREE = window.THREE;
 var MTLLoader;
-MTLLoader = function MTLLoader(manager) {
+exports.MTLLoader = MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
 };
 Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
@@ -356,4 +360,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-module.exports = MTLLoader;
+var _default = exports["default"] = MTLLoader;

package/lib/catalog/utils/obj-loader.js

@@ -1,11 +1,15 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.OBJLoader = void 0;
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-var THREE = window.THREE || require('three');
+var THREE = window.THREE;
 var OBJLoader;
-OBJLoader = function () {
+exports.OBJLoader = OBJLoader = function () {
   // o object_name | g group_name
   var object_pattern = /^[og]\s*(.+)?/;
   // mtllib file_reference
@@ -475,4 +479,4 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-module.exports = OBJLoader;
+var _default = exports["default"] = OBJLoader;

package/lib/class/item.js

@@ -8,10 +8,8 @@ var _convertUnits = _interopRequireDefault(require("convert-units"));
 var _export = require("./export");
 var _export2 = require("../utils/export");
 var _immutable = require("immutable");
-var _path = _interopRequireDefault(require("path"));
 var _constants = require("../constants");
 var _helper = require("../utils/helper");
-var _util = require("util");
 var _molding = require("../utils/molding");
 var _utils = require("../components/viewer2d/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -733,7 +731,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     value: function beginDraggingItem(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       time1 = (0, _helper.debugUtil)();
-      if ((0, _util.isUndefined)(item)) return;
+      if (!item) return;
       state = state.merge({
         mode: _constants.MODE_DRAGGING_ITEM,
         draggingSupport: (0, _immutable.Map)({
@@ -754,7 +752,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     value: function beginDraggingItem3D(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       state = state.setIn(['scene', 'isEndDragging'], false);
-      if ((0, _util.isUndefined)(item)) return {
+      if (!item) return {
         updatedState: state
       };
       state = state.merge({
@@ -787,7 +785,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       var diffX = startPointX - x;
       var diffY = startPointY - y;
       var item = scene.getIn(['layers', layerID, 'items', itemID]);
-      if ((0, _util.isUndefined)(item)) return {
+      if (!item) return {
         updatedState: state
       };
       var tX = originalX - diffX;

package/lib/class/line.js

@@ -9,7 +9,7 @@ var _export = require("./export");
 var _export2 = require("../utils/export");
 var Three = _interopRequireWildcard(require("three"));
 var _constants = require("../constants");
-var _helper = require("src/utils/helper");
+var _helper = require("../utils/helper");
 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 _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."); }

package/lib/class/vertex.js

@@ -9,7 +9,7 @@ var _models = require("../models");
 var _export = require("../utils/export");
 var _constants = require("../constants");
 var _export2 = require("../class/export");
-var _helper = require("src/utils/helper");
+var _helper = require("../utils/helper");
 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 _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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }

package/lib/components/content.js

@@ -26,6 +26,7 @@ function Content(_ref, _ref2) {
     catalog = _ref.catalog;
   var projectActions = _ref2.projectActions;
   var mode = state.get('mode');
+  console.log('mode =>', mode);
   switch (mode) {
     // this mode is when view elevation
     case constants.MODE_ELEVATION_VIEW:

package/lib/components/disclaimer/disclaimer.js

@@ -6,83 +6,65 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = DisclaimerScreen;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
 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); }
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: '#D1C4E9',
-      background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
-      backgroundSize: 'cover',
-      padding: theme.spacing(2),
-      height: '100dvh',
-      width: '100dvw'
-    },
-    card: {
-      '@media (orientation: landscape)': {
-        padding: '0.75rem',
-        gap: '0.5rem'
-      },
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      backgroundColor: '#fff',
-      borderRadius: 24,
-      width: '85vw',
-      textAlign: 'center',
-      boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
-      height: 'fit-content',
-      opacity: '90%',
-      gap: '1rem',
-      padding: '1.5rem',
-      maxWidth: '364px'
-    },
-    title: {
-      fontWeight: 'bold',
-      fontSize: '1.5rem',
-      lineHeight: '133%',
-      letterSpacing: '0px',
-      textAlign: 'center',
-      verticalAlign: 'middle',
-      maxWidth: '200px'
-    },
-    body: {
-      fontWeight: 400,
-      fontStyle: 'normal',
-      fontSize: '0.875rem',
-      lineHeight: '143%',
-      letterSpacing: '0.17px',
-      color: '#49454F',
-      maxWidth: '90%'
-    },
-    button: {
-      '@media (orientation: landscape)': {
-        padding: '12px 36px'
-      },
-      marginTop: '0.5rem',
-      backgroundColor: '#6750A4',
-      color: '#fff',
-      borderRadius: 100,
-      padding: '16px 72px',
-      textTransform: 'none',
-      fontWeight: 500,
-      fontSize: '1rem',
-      '&:hover': {
-        backgroundColor: '#7c3aed'
-      },
-      '&:active': {
-        backgroundColor: '#5a25c2'
-      },
-      '&:disabled': {
-        backgroundColor: '#F3E5F5',
-        color: '#1D1B20'
-      }
-    }
-  };
-});
+var styles = {
+  root: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#D1C4E9',
+    background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
+    backgroundSize: 'cover',
+    padding: '16px',
+    height: '100dvh',
+    width: '100dvw'
+  },
+  card: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    borderRadius: 24,
+    width: '85vw',
+    textAlign: 'center',
+    boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
+    height: 'fit-content',
+    opacity: '90%',
+    gap: '1rem',
+    padding: '1.5rem',
+    maxWidth: '364px'
+  },
+  title: {
+    fontWeight: 'bold',
+    fontSize: '1.5rem',
+    lineHeight: '133%',
+    letterSpacing: '0px',
+    textAlign: 'center',
+    verticalAlign: 'middle',
+    maxWidth: '200px'
+  },
+  body: {
+    fontWeight: 400,
+    fontStyle: 'normal',
+    fontSize: '0.875rem',
+    lineHeight: '143%',
+    letterSpacing: '0.17px',
+    color: '#49454F',
+    maxWidth: '90%'
+  },
+  button: {
+    marginTop: '0.5rem',
+    backgroundColor: '#6750A4',
+    color: '#fff',
+    borderRadius: 100,
+    padding: '16px 72px',
+    textTransform: 'none',
+    fontWeight: 500,
+    fontSize: '1rem',
+    border: 'none',
+    cursor: 'pointer'
+  }
+};
 function DisclaimerScreen(_ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? true : _ref$open,
@@ -93,7 +75,6 @@ function DisclaimerScreen(_ref) {
     message = _ref$message === void 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/_react["default"].createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
     _ref$buttonText = _ref.buttonText,
     buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
-  var classes = useStyles();
   (0, _react.useEffect)(function () {
     var viewportMeta = document.querySelector('meta[name="viewport"]');
     if (!viewportMeta) {
@@ -105,21 +86,20 @@ function DisclaimerScreen(_ref) {
   }, []);
   if (!open) return null;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.root
+    style: styles.root
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.card
+    style: styles.card
   }, /*#__PURE__*/_react["default"].createElement("img", {
     width: 40,
     height: 40,
     alt: "loog",
     src: '/assets/img/svg/disclaimer/logo-dots.svg'
-  }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
-    className: classes.title
-  }, titleTop), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
-    className: classes.body
-  }, message), /*#__PURE__*/_react["default"].createElement(_core.Button, {
-    variant: "contained",
-    className: classes.button,
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.title
+  }, titleTop), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.body
+  }, message), /*#__PURE__*/_react["default"].createElement("button", {
+    style: styles.button,
     onClick: onClose
   }, buttonText)));
 }