kitchen-simulator 1.1.1-test.7 → 1.1.1-test.70

package/es/catalog/utils/exporter.js

@@ -1,11 +1,13 @@
-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); }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = _default;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
 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); }
-import convert from 'convert-units';
-export default function (_ref) {
+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) { (0, _defineProperty2["default"])(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 _default(_ref) {
   var itemID = _ref.itemID,
     type = _ref.type,
     long_name = _ref.long_name,
@@ -35,7 +37,7 @@ export default function (_ref) {
         defaultValue: {
           _length: sizeinfo.width,
           _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm')
         }
       }
     };
@@ -48,7 +50,7 @@ export default function (_ref) {
         defaultValue: {
           _length: sizeinfo.width,
           _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm')
         }
       },
       depth: {
@@ -57,7 +59,7 @@ export default function (_ref) {
         defaultValue: {
           _length: sizeinfo.depth,
           _unit: 'in',
-          length: convert(sizeinfo.depth).from('in').to('cm')
+          length: (0, _convertUnitsLite.convert)(sizeinfo.depth).from('in').to('cm')
         }
       },
       height: {
@@ -66,7 +68,7 @@ export default function (_ref) {
         defaultValue: {
           _length: sizeinfo.height,
           _unit: 'in',
-          length: convert(sizeinfo.height).from('in').to('cm')
+          length: (0, _convertUnitsLite.convert)(sizeinfo.height).from('in').to('cm')
         }
       }
     };

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

@@ -1,6 +1,20 @@
-import * as Three from 'three';
-import { OBJTYPE_MESH } from "../../constants";
-export function controlGeom() {
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+exports.__esModule = true;
+exports.addShape = addShape;
+exports.baseBox3FromObject = baseBox3FromObject;
+exports.baseBoxHelper = baseBoxHelper;
+exports.controlGeom = controlGeom;
+exports.createRotShape = createRotShape;
+exports.emptyBoxHolder = emptyBoxHolder;
+exports.makeMBoxfromObject = makeMBoxfromObject;
+exports.rotGeoms = rotGeoms;
+exports.upwardsGeom = upwardsGeom;
+var Three = _interopRequireWildcard(require("three"));
+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]);
   var indices = new Uint16Array([0, 1, 9, 4, 5, 6, 2, 3, 8, 3, 7, 8, 10, 11, 19, 14, 15, 16, 12, 13, 18, 13, 17, 18, 10, 1, 11, 10, 9, 19, 1, 2, 11, 2, 12, 11, 8, 9, 18, 9, 18, 19, 12, 2, 3, 12, 3, 13, 17, 7, 8, 17, 8, 18, 5, 4, 14, 15, 6, 16]);
   var geometry = new Three.BufferGeometry();
@@ -8,7 +22,7 @@ export function controlGeom() {
   geometry.setIndex(new Three.BufferAttribute(indices, 1));
   return geometry;
 }
-export function upwardsGeom() {
+function upwardsGeom() {
   var vertices = new Float32Array([0.05, 0, 0.05, 0.05, 0.3, 0.05, 0.07, 0.3, 0.05, 0, 0.4, 0.05, -0.07, 0.3, 0.05, -0.05, 0.3, 0.05, -0.05, 0, 0.05, 0.05, 0, 0.05, 0.05, 0, -0.05, 0.05, 0.3, -0.05, 0.07, 0.3, -0.05, 0, 0.4, -0.05, -0.07, 0.3, -0.05, -0.05, 0.3, -0.05, -0.05, 0, -0.05, 0.05, 0, -0.05]);
   var indices = new Uint16Array([0, 1, 5, 0, 5, 6, 2, 3, 4, 0, 1, 8, 1, 8, 9, 1, 2, 9, 2, 9, 10, 2, 3, 10, 3, 10, 11, 3, 4, 11, 4, 11, 12, 4, 5, 12, 4, 12, 13, 5, 6, 13, 6, 13, 14, 6, 7, 14, 7, 14, 15, 8, 9, 13, 8, 13, 14, 10, 11, 12]);
   var geometry = new Three.BufferGeometry();
@@ -16,7 +30,7 @@ export function upwardsGeom() {
   geometry.setIndex(new Three.BufferAttribute(indices, 1));
   return geometry;
 }
-export function createRotShape(radius) {
+function createRotShape(radius) {
   var rotShape = new Three.Shape();
   rotShape.moveTo(Math.cos(-60 / 180 * Math.PI) * (radius - 0.05), Math.sin(-60 / 180 * Math.PI) * (radius - 0.05));
   for (var i = -55; i <= 60; i += 5) {
@@ -45,7 +59,7 @@ export function createRotShape(radius) {
   rotShape.lineTo(Math.cos(-60 / 180 * Math.PI) * (radius - 0.05), Math.sin(-60 / 180 * Math.PI) * (radius - 0.05));
   return rotShape;
 }
-export function rotGeoms(radius) {
+function rotGeoms(radius) {
   if (!Number.isFinite(radius)) radius = 1;
   var rotShape = createRotShape(radius);
   var rotFill = new Three.ShapeGeometry(rotShape);
@@ -57,7 +71,7 @@ export function rotGeoms(radius) {
     rotStroke: rotStroke
   };
 }
-export function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s) {
+function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s) {
   // flat shape
   var geometry = geometry = new Three.ExtrudeGeometry(shape, extrudeSettings);
   var mesh = new Three.Mesh(geometry, new Three.MeshPhongMaterial({
@@ -69,7 +83,7 @@ export function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s)
   mesh.scale.set(s, s, s);
   return mesh;
 }
-export function makeMBoxfromObject(props_Object) {
+function makeMBoxfromObject(props_Object) {
   var _props_Object$childre;
   var mBoxColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0x99c3fb;
   if (!props_Object) {
@@ -148,10 +162,10 @@ export function makeMBoxfromObject(props_Object) {
 
 // }
 
-export function baseBoxHelper(object, color) {
+function baseBoxHelper(object, color) {
   var tempobj = [];
   for (var j = object.children.length - 1; j >= 0; j--) {
-    if (object.children[j].type !== OBJTYPE_MESH) {
+    if (object.children[j].type !== _constants.OBJTYPE_MESH) {
       tempobj.push(object.children[j]);
       object.remove(object.children[j]);
     }
@@ -162,10 +176,10 @@ export function baseBoxHelper(object, color) {
   });
   return boxHelper;
 }
-export function baseBox3FromObject(object) {
+function baseBox3FromObject(object) {
   var tempobj = [];
   for (var j = object.children.length - 1; j >= 0; j--) {
-    if (object.children[j].type !== OBJTYPE_MESH || object.children[j].name.includes('_countertop')) {
+    if (object.children[j].type !== _constants.OBJTYPE_MESH || object.children[j].name.includes('_countertop')) {
       tempobj.push(object.children[j]);
       object.remove(object.children[j]);
     }
@@ -176,7 +190,7 @@ export function baseBox3FromObject(object) {
   });
   return box3;
 }
-export function emptyBoxHolder(newWidth, newHeight, newDepth) {
+function emptyBoxHolder(newWidth, newHeight, newDepth) {
   var scale = 2.54 / 100;
   var geometry = new Three.BoxGeometry(newWidth * scale, newHeight * scale, newDepth * scale);
   var material = new Three.MeshBasicMaterial({

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

@@ -1,26 +1,30 @@
-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 _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; }
-import convert from 'convert-units';
-import { fromJS, Map } from 'immutable';
-import React, { useState } from 'react';
-import * as Three from 'three';
-import * as SceneCreator from "../../components/viewer3d/scene-creator";
-import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, SHAPE_SVG_DEPTH, SHAPE_SVG_PADDING, SHAPE_SVG_WIDTH, STATUS_WARNING_COLOR, STATUS_WARNING_LIGHT_COLOR, TALL_CABINET_LAYOUTPOS, UNIT_CENTIMETER, UNIT_INCH, WALL_CABINET_LAYOUTPOS } from "../../constants";
-import { Item } from "../../models";
-import * as GeomUtils from "./geom-utils";
-import { loadGLTF } from "./load-obj";
-import { animateDoor, translateDrawer } from "../../utils/helper";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+exports.__esModule = true;
+exports.addEdgesToMesh = addEdgesToMesh;
+exports.loadTexture = loadTexture;
+exports.render2DItem = render2DItem;
+exports.render3DApplianceItem = render3DApplianceItem;
+exports.render3DItem = render3DItem;
+exports.render3DLightingItem = render3DLightingItem;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+var _immutable = require("immutable");
+var _react = _interopRequireWildcard(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+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("../../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" != _typeof3(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 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) { (0, _defineProperty2["default"])(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; }
 // env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',
@@ -50,9 +54,9 @@ var paramsModel = {
 var cachedObject = {}; // cached Object for quickly load-3d
 
 // render 2d function//////
-export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     hover = _useState2[0],
     setHover = _useState2[1];
   var x = element.x,
@@ -95,24 +99,24 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
     length: tempDepth.get('_length'),
     unit: tempDepth.get('_unit')
   };
-  var originalWidth = convert(sizeinfo.width).from('in').to('cm');
-  var originalDepth = convert(sizeinfo.depth).from('in').to('cm');
-  var newWidth = convert(width.length).from(width.unit).to('cm');
-  var newDepth = convert(depth.length).from(depth.unit).to('cm');
-  var padding = convert(SHAPE_SVG_PADDING).from(UNIT_INCH).to(UNIT_CENTIMETER);
+  var originalWidth = (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm');
+  var originalDepth = (0, _convertUnitsLite.convert)(sizeinfo.depth).from('in').to('cm');
+  var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('cm');
+  var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('cm');
+  var padding = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_PADDING).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
   var angle = element.rotation + 90;
   var textRotation = 0;
   if (Math.sin(angle * Math.PI / 180) < 0) {
     textRotation = 180;
   }
   var color = '#eee';
-  if (layoutpos == BASE_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.BASE_CABINET_LAYOUTPOS) {
     color = '#3f8db3';
   }
-  if (layoutpos == TALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.TALL_CABINET_LAYOUTPOS) {
     color = '#93b3be';
   }
-  if (layoutpos == WALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.WALL_CABINET_LAYOUTPOS) {
     color = '#48b08dcc';
   }
   var splitStr = [];
@@ -126,7 +130,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   if (objSKU.length !== 0) {
     var dcId,
       doorStyle = element.doorStyle;
-    if (doorStyle instanceof Map) {
+    if (doorStyle instanceof _immutable.Map) {
       dcId = doorStyle.get('id');
     } else {
       dcId = doorStyle.id;
@@ -145,7 +149,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   }
   splitStr.push(type.slice(lineCount * rowCount));
   splitStr.forEach(function (el, key) {
-    txtContent.push(/*#__PURE__*/React.createElement("text", {
+    txtContent.push(/*#__PURE__*/_react["default"].createElement("text", {
       key: 'text' + key,
       x: "0",
       y: newDepth / 2 - 12,
@@ -189,12 +193,12 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       // } else {
       // }
       svg_url = shape_svg.url;
-      svg_width = convert(SHAPE_SVG_WIDTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
-      svg_depth = convert(SHAPE_SVG_DEPTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
+      svg_width = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_WIDTH).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
+      svg_depth = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_DEPTH).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
     }
     var padding_width = padding * newWidth / svg_width;
     var padding_depth = padding * newDepth / svg_depth;
-    rendered = /*#__PURE__*/React.createElement("g", {
+    rendered = /*#__PURE__*/_react["default"].createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -202,11 +206,11 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
-    }, /*#__PURE__*/React.createElement("image", {
+    }, /*#__PURE__*/_react["default"].createElement("image", {
       preserveAspectRatio: "none",
       style: {
         pointerEvents: 'none'
@@ -217,7 +221,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       transform: "scale(1, -1)",
       x: "0",
       y: "".concat(-newDepth - 2 * padding_depth)
-    }), /*#__PURE__*/React.createElement("rect", {
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
       width: "".concat(newWidth),
@@ -230,14 +234,14 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         opacity: 0.7,
         postion: 'relative'
       },
-      fill: STATUS_WARNING_LIGHT_COLOR,
-      stroke: STATUS_WARNING_COLOR,
+      fill: _constants.STATUS_WARNING_LIGHT_COLOR,
+      stroke: _constants.STATUS_WARNING_COLOR,
       strokeWidth: "2px"
-    }), /*#__PURE__*/React.createElement("g", {
+    }), /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent))));
   } else {
-    rendered = /*#__PURE__*/React.createElement("g", {
+    rendered = /*#__PURE__*/_react["default"].createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -245,22 +249,22 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
-    }, newDepth > 15 ? [/*#__PURE__*/React.createElement("rect", {
+    }, newDepth > 15 ? [/*#__PURE__*/_react["default"].createElement("rect", {
       key: "base",
       x: "0",
       y: "12",
       width: newWidth,
       height: newDepth - 12,
       style: style
-    }), /*#__PURE__*/React.createElement("polygon", {
+    }), /*#__PURE__*/_react["default"].createElement("polygon", {
       key: "door",
       style: style,
       points: "0,9 ".concat(newWidth, ",9 ").concat(newWidth, ",6 ").concat(newWidth - 5, ",6 ").concat(newWidth - 5, ",3 ").concat(newWidth - 2, ",3 ").concat(newWidth - 2, " 0 ").concat(newWidth - 10, " 0 ").concat(newWidth - 10, ",3 ").concat(newWidth - 7, ",3 ").concat(newWidth - 7, ",6 0 6")
-    })] : /*#__PURE__*/React.createElement("rect", {
+    })] : /*#__PURE__*/_react["default"].createElement("rect", {
       key: "base",
       x: "0",
       y: "0",
@@ -273,7 +277,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
 }
 // end of render 2d function /////////////////////////
 
-export function loadTexture(url) {
+function loadTexture(url) {
   var texture = new Three.TextureLoader().load(url);
   texture.colorSpace = Three.SRGBColorSpace;
   texture.wrapS = Three.MirroredRepeatWrapping;
@@ -318,10 +322,10 @@ var assignUVs = function assignUVs(geometry) {
  * @param sizeinfo Dimesion of the item
  * @param structure_json Structure of the item such as place holders and meshes, etc
  */
-export function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
+function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
   var mode = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
-  if (element.doorStyle.constructor !== Map) {
-    element = element.set('doorStyle', fromJS(element.doorStyle));
+  if (element.doorStyle.constructor !== _immutable.Map) {
+    element = element.set('doorStyle', (0, _immutable.fromJS)(element.doorStyle));
   }
   if (element.doorStyle.toJS().handle_gltf !== '') {
     // Check element has doorHandle
@@ -343,9 +347,9 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     length: sizeinfo.height,
     unit: 'in'
   };
-  var newWidth = convert(width.length).from(width.unit).to('in');
-  var newDepth = convert(depth.length).from(depth.unit).to('in');
-  var newHeight = convert(height.length).from(height.unit).to('in');
+  var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('in');
+  var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('in');
+  var newHeight = (0, _convertUnitsLite.convert)(height.length).from(height.unit).to('in');
   var mainName = ''; // to get name structure//
   if (element.properties.get('width')) newWidth = element.getIn(['properties', 'width', '_length']);
   if (element.properties.get('depth')) newDepth = element.getIn(['properties', 'depth', '_length']);
@@ -363,7 +367,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     counterTop.uri = layer.toJS().counterTop.uri;
   }
   if ('name' in element.doorStyle) {
-    doorStyles = new Map(element.doorStyle.doorStyles);
+    doorStyles = new _immutable.Map(element.doorStyle.doorStyles);
     color = element.doorStyle.color;
     glossness = element.doorStyle.glossness;
     handleMaterial.metalness = element.doorStyle.metalness;
@@ -406,7 +410,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     var object1 = object;
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
     var _element = element.toJS();
     if (!_element.doorStyle.doorStyles.is_euro_cds) {
       object1.scale.set(100 * newWidth / sizeinfo.width, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
@@ -544,7 +548,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
         transparent: true,
         opacity: 0.4
       }));
-      var _color = new Three.Color(SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
+      var _color = new Three.Color(_constants.SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: _color
       }));
@@ -626,7 +630,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       SceneCreator.updateDoorHandleMesh(element, object1, true);
     }
     object1.traverse(function (obj) {
-      if (obj.type === OBJTYPE_MESH) {
+      if (obj.type === _constants.OBJTYPE_MESH) {
         var name = obj.name;
         if (name.match(/_door_.*_glass_/)) {
           var material = new Three.MeshPhysicalMaterial({
@@ -681,10 +685,10 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           if (isDoor) {
             var offsetData = object1.userData.door_animate_offset[obj.name];
             // Open Door
-            animateDoor(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
+            (0, _helper.animateDoor)(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
           } else {
             // Open Drawer
-            translateDrawer(element.toJS(), obj, open_doors, 'Opened2D');
+            (0, _helper.translateDrawer)(element.toJS(), obj, open_doors, 'Opened2D');
           }
         }
       }
@@ -756,7 +760,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
               _url = structure[temp[k - 1] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())];
             }
           }
-          if (_typeof(_url) == Array) _url = _url[0];
+          if ((0, _typeof2["default"])(_url) == Array) _url = _url[0];
           var uData = _url.split('/');
           uData = uData[uData.length - 1];
           uData = uData.slice(0, -5);
@@ -801,7 +805,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       } else {
         structure[keys[i] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())] = null;
       }
-      return loadGLTF(loadUrl).then(function (object) {
+      return (0, _loadObj.loadGLTF)(loadUrl).then(function (object) {
         if (normalMap !== '') {
           var normalUrl = normalMap.split('.')[0] + '-normal.' + normalMap.split('.')[1];
           var t = loadTexture(normalMap);
@@ -814,7 +818,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           mat2.normalMap = _m;
           // mat2.envMap = textureCube;
           for (var _j3 = 0; _j3 < object.children.length; _j3++) {
-            if (object.children[_j3].type === OBJTYPE_MESH) {
+            if (object.children[_j3].type === _constants.OBJTYPE_MESH) {
               object.children[_j3].material = mat2;
               object.children[_j3].receiveShadow = true;
             }
@@ -846,12 +850,12 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           }
           // mat2.envMap = textureCube;
           for (var _j4 = 0; _j4 < object.children.length; _j4++) {
-            if (object.children[_j4].type === OBJTYPE_MESH) {
+            if (object.children[_j4].type === _constants.OBJTYPE_MESH) {
               object.children[_j4].material = _mat;
               object.children[_j4].receiveShadow = true;
               object.children[_j4].castShadow = true;
               !object.children[_j4].name.includes('handle') && addEdgesToMesh(object.children[_j4]);
-            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === OBJTYPE_GROUP) {
+            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === _constants.OBJTYPE_GROUP) {
               object.children[_j4].traverse(function (prim) {
                 prim.material = _mat;
                 prim.receiveShadow = true;
@@ -865,7 +869,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           });
           // mat2.envMap = textureCube;
           for (var _j5 = 0; _j5 < object.children.length; _j5++) {
-            if (object.children[_j5].type === OBJTYPE_MESH) {
+            if (object.children[_j5].type === _constants.OBJTYPE_MESH) {
               object.children[_j5].material = _mat2;
               object.children[_j5].receiveShadow = true;
             }
@@ -889,7 +893,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
                   if (placeholder.includes('drawer_door') && placeholder.includes('_handle')) {
                     tmp.rotateZ(Math.PI / 2);
                   }
-                  if (placeholder.includes('_handle') && tmp.children[0].type === OBJTYPE_MESH) {
+                  if (placeholder.includes('_handle') && tmp.children[0].type === _constants.OBJTYPE_MESH) {
                     // NOTE: change metalness of handle
                     tmp.children[0].material.metalness = 1;
                     // handleMaterial.metalness || 0.2;
@@ -910,7 +914,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       });
     }
   };
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     object.name = 'MainObject';
     object.receiveShadow = true;
     objGroup = object;
@@ -987,7 +991,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           addEdgesToMesh(object.children[j]);
         } else if (object.children[j].name.includes('_interior_')) {
           object.children[j].material = mat4;
-        } else if (object.children[j].type === OBJTYPE_MESH) {
+        } else if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
           object.children[j].castShadow = true;
@@ -1003,7 +1007,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
 }
 
 // render 3d appliance function ////////////////////////////////
-export function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
+function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
   var mode = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
   var structure = structure_json;
   var applianceMaterial = element.applianceMaterial;
@@ -1011,16 +1015,16 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
   var onLoadItem = function onLoadItem(object) {
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
     var newWidth = element.properties.get('width').get('_length');
     var newWidthUnit = element.properties.get('width').get('_unit') || 'in';
-    newWidth = convert(newWidth).from(newWidthUnit).to('in');
+    newWidth = (0, _convertUnitsLite.convert)(newWidth).from(newWidthUnit).to('in');
     var newHeight = element.properties.get('height').get('_length');
     var newHeightUnit = element.properties.get('height').get('_unit') || 'in';
-    newHeight = convert(newHeight).from(newHeightUnit).to('in');
+    newHeight = (0, _convertUnitsLite.convert)(newHeight).from(newHeightUnit).to('in');
     var newDepth = element.properties.get('depth').get('_length');
     var newDepthUnit = element.properties.get('depth').get('_unit') || 'in';
-    newDepth = convert(newDepth).from(newDepthUnit).to('in');
+    newDepth = (0, _convertUnitsLite.convert)(newDepth).from(newDepthUnit).to('in');
     object.scale.set(100 * newWidth / sizeinfo.width, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
     // Normalize the origin of the object
     var boundingBox = new Three.Box3().setFromObject(object);
@@ -1031,7 +1035,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
     object.position.z -= center[2];
     object.position.y += newAltitude;
     object.traverse(function (obj) {
-      if (obj.type === OBJTYPE_MESH) {
+      if (obj.type === _constants.OBJTYPE_MESH) {
         var name = obj.name;
         var texture,
           textureLoader = new Three.TextureLoader();
@@ -1143,7 +1147,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1243,7 +1247,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1259,7 +1263,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === OBJTYPE_MESH) {
+      if (object.children[j].type === _constants.OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
         object.children[j].castShadow = true; // change
@@ -1274,7 +1278,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
   });
 }
 // render 3d appliance function ////////////////////////////////
-export function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
+function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
   var mode = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
   var structure = structure_json;
   var onLoadItem = function onLoadItem(object) {
@@ -1290,12 +1294,12 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
       length: sizeinfo.height,
       unit: 'in'
     };
-    var newWidth = convert(width.length).from(width.unit).to('cm');
-    var newDepth = convert(depth.length).from(depth.unit).to('cm');
-    var newHeight = convert(height.length).from(height.unit).to('cm');
+    var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('cm');
+    var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('cm');
+    var newHeight = (0, _convertUnitsLite.convert)(height.length).from(height.unit).to('cm');
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
 
     //object.scale.set(newWidth, newHeight, newDepth);
     object.scale.set(100, 100, 100);
@@ -1375,7 +1379,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1481,7 +1485,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1496,7 +1500,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === OBJTYPE_MESH) {
+      if (object.children[j].type === _constants.OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
       }
@@ -1509,7 +1513,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
     return _loadGLTFs3(0);
   });
 }
-export function addEdgesToMesh(inChild) {
+function addEdgesToMesh(inChild) {
   var boxEdge = new Three.EdgesGeometry(inChild.geometry, 10);
   var boxEdgeMaterial = new Three.LineBasicMaterial({
     color: 0x000000,