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

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

@@ -1,20 +1,6 @@
-"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() {
+import * as Three from 'three';
+import { OBJTYPE_MESH } from "../../constants";
+export 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();
@@ -22,7 +8,7 @@ function controlGeom() {
   geometry.setIndex(new Three.BufferAttribute(indices, 1));
   return geometry;
 }
-function upwardsGeom() {
+export 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();
@@ -30,7 +16,7 @@ function upwardsGeom() {
   geometry.setIndex(new Three.BufferAttribute(indices, 1));
   return geometry;
 }
-function createRotShape(radius) {
+export 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) {
@@ -59,7 +45,7 @@ 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;
 }
-function rotGeoms(radius) {
+export function rotGeoms(radius) {
   if (!Number.isFinite(radius)) radius = 1;
   var rotShape = createRotShape(radius);
   var rotFill = new Three.ShapeGeometry(rotShape);
@@ -71,7 +57,7 @@ function rotGeoms(radius) {
     rotStroke: rotStroke
   };
 }
-function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s) {
+export 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({
@@ -83,7 +69,7 @@ function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s) {
   mesh.scale.set(s, s, s);
   return mesh;
 }
-function makeMBoxfromObject(props_Object) {
+export function makeMBoxfromObject(props_Object) {
   var _props_Object$childre;
   var mBoxColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0x99c3fb;
   if (!props_Object) {
@@ -162,10 +148,10 @@ function makeMBoxfromObject(props_Object) {
 
 // }
 
-function baseBoxHelper(object, color) {
+export function baseBoxHelper(object, color) {
   var tempobj = [];
   for (var j = object.children.length - 1; j >= 0; j--) {
-    if (object.children[j].type !== _constants.OBJTYPE_MESH) {
+    if (object.children[j].type !== OBJTYPE_MESH) {
       tempobj.push(object.children[j]);
       object.remove(object.children[j]);
     }
@@ -176,10 +162,10 @@ function baseBoxHelper(object, color) {
   });
   return boxHelper;
 }
-function baseBox3FromObject(object) {
+export function baseBox3FromObject(object) {
   var tempobj = [];
   for (var j = object.children.length - 1; j >= 0; j--) {
-    if (object.children[j].type !== _constants.OBJTYPE_MESH || object.children[j].name.includes('_countertop')) {
+    if (object.children[j].type !== OBJTYPE_MESH || object.children[j].name.includes('_countertop')) {
       tempobj.push(object.children[j]);
       object.remove(object.children[j]);
     }
@@ -190,7 +176,7 @@ function baseBox3FromObject(object) {
   });
   return box3;
 }
-function emptyBoxHolder(newWidth, newHeight, newDepth) {
+export 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,30 +1,19 @@
-"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); }
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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; }
+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; }
+import { convert } from "../../utils/convert-units-lite";
+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";
+
 // env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',
@@ -54,9 +43,9 @@ var paramsModel = {
 var cachedObject = {}; // cached Object for quickly load-3d
 
 // render 2d function//////
-function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     hover = _useState2[0],
     setHover = _useState2[1];
   var x = element.x,
@@ -99,24 +88,24 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
     length: tempDepth.get('_length'),
     unit: tempDepth.get('_unit')
   };
-  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 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 angle = element.rotation + 90;
   var textRotation = 0;
   if (Math.sin(angle * Math.PI / 180) < 0) {
     textRotation = 180;
   }
   var color = '#eee';
-  if (layoutpos == _constants.BASE_CABINET_LAYOUTPOS) {
+  if (layoutpos == BASE_CABINET_LAYOUTPOS) {
     color = '#3f8db3';
   }
-  if (layoutpos == _constants.TALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == TALL_CABINET_LAYOUTPOS) {
     color = '#93b3be';
   }
-  if (layoutpos == _constants.WALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == WALL_CABINET_LAYOUTPOS) {
     color = '#48b08dcc';
   }
   var splitStr = [];
@@ -130,7 +119,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
   if (objSKU.length !== 0) {
     var dcId,
       doorStyle = element.doorStyle;
-    if (doorStyle instanceof _immutable.Map) {
+    if (doorStyle instanceof Map) {
       dcId = doorStyle.get('id');
     } else {
       dcId = doorStyle.id;
@@ -149,7 +138,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
   }
   splitStr.push(type.slice(lineCount * rowCount));
   splitStr.forEach(function (el, key) {
-    txtContent.push(/*#__PURE__*/_react["default"].createElement("text", {
+    txtContent.push(/*#__PURE__*/React.createElement("text", {
       key: 'text' + key,
       x: "0",
       y: newDepth / 2 - 12,
@@ -193,12 +182,12 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       // } else {
       // }
       svg_url = shape_svg.url;
-      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);
+      svg_width = convert(SHAPE_SVG_WIDTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
+      svg_depth = convert(SHAPE_SVG_DEPTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
     }
     var padding_width = padding * newWidth / svg_width;
     var padding_depth = padding * newDepth / svg_depth;
-    rendered = /*#__PURE__*/_react["default"].createElement("g", {
+    rendered = /*#__PURE__*/React.createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -206,11 +195,11 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
-    }, /*#__PURE__*/_react["default"].createElement("image", {
+    }, /*#__PURE__*/React.createElement("image", {
       preserveAspectRatio: "none",
       style: {
         pointerEvents: 'none'
@@ -221,7 +210,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       transform: "scale(1, -1)",
       x: "0",
       y: "".concat(-newDepth - 2 * padding_depth)
-    }), /*#__PURE__*/_react["default"].createElement("rect", {
+    }), /*#__PURE__*/React.createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
       width: "".concat(newWidth),
@@ -234,14 +223,14 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         opacity: 0.7,
         postion: 'relative'
       },
-      fill: _constants.STATUS_WARNING_LIGHT_COLOR,
-      stroke: _constants.STATUS_WARNING_COLOR,
+      fill: STATUS_WARNING_LIGHT_COLOR,
+      stroke: STATUS_WARNING_COLOR,
       strokeWidth: "2px"
-    }), /*#__PURE__*/_react["default"].createElement("g", {
+    }), /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent))));
   } else {
-    rendered = /*#__PURE__*/_react["default"].createElement("g", {
+    rendered = /*#__PURE__*/React.createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -249,22 +238,22 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
-    }, newDepth > 15 ? [/*#__PURE__*/_react["default"].createElement("rect", {
+    }, newDepth > 15 ? [/*#__PURE__*/React.createElement("rect", {
       key: "base",
       x: "0",
       y: "12",
       width: newWidth,
       height: newDepth - 12,
       style: style
-    }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    }), /*#__PURE__*/React.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["default"].createElement("rect", {
+    })] : /*#__PURE__*/React.createElement("rect", {
       key: "base",
       x: "0",
       y: "0",
@@ -277,7 +266,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
 }
 // end of render 2d function /////////////////////////
 
-function loadTexture(url) {
+export function loadTexture(url) {
   var texture = new Three.TextureLoader().load(url);
   texture.colorSpace = Three.SRGBColorSpace;
   texture.wrapS = Three.MirroredRepeatWrapping;
@@ -322,10 +311,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
  */
-function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
+export 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 !== _immutable.Map) {
-    element = element.set('doorStyle', (0, _immutable.fromJS)(element.doorStyle));
+  if (element.doorStyle.constructor !== Map) {
+    element = element.set('doorStyle', fromJS(element.doorStyle));
   }
   if (element.doorStyle.toJS().handle_gltf !== '') {
     // Check element has doorHandle
@@ -347,9 +336,9 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     length: sizeinfo.height,
     unit: '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 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 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']);
@@ -367,7 +356,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     counterTop.uri = layer.toJS().counterTop.uri;
   }
   if ('name' in element.doorStyle) {
-    doorStyles = new _immutable.Map(element.doorStyle.doorStyles);
+    doorStyles = new Map(element.doorStyle.doorStyles);
     color = element.doorStyle.color;
     glossness = element.doorStyle.glossness;
     handleMaterial.metalness = element.doorStyle.metalness;
@@ -410,7 +399,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     var object1 = object;
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = 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);
@@ -548,7 +537,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
         transparent: true,
         opacity: 0.4
       }));
-      var _color = new Three.Color(_constants.SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
+      var _color = new Three.Color(SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: _color
       }));
@@ -630,7 +619,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       SceneCreator.updateDoorHandleMesh(element, object1, true);
     }
     object1.traverse(function (obj) {
-      if (obj.type === _constants.OBJTYPE_MESH) {
+      if (obj.type === OBJTYPE_MESH) {
         var name = obj.name;
         if (name.match(/_door_.*_glass_/)) {
           var material = new Three.MeshPhysicalMaterial({
@@ -685,10 +674,10 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           if (isDoor) {
             var offsetData = object1.userData.door_animate_offset[obj.name];
             // Open Door
-            (0, _helper.animateDoor)(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
+            animateDoor(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
           } else {
             // Open Drawer
-            (0, _helper.translateDrawer)(element.toJS(), obj, open_doors, 'Opened2D');
+            translateDrawer(element.toJS(), obj, open_doors, 'Opened2D');
           }
         }
       }
@@ -760,7 +749,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
               _url = structure[temp[k - 1] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())];
             }
           }
-          if ((0, _typeof2["default"])(_url) == Array) _url = _url[0];
+          if (_typeof(_url) == Array) _url = _url[0];
           var uData = _url.split('/');
           uData = uData[uData.length - 1];
           uData = uData.slice(0, -5);
@@ -805,7 +794,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       } else {
         structure[keys[i] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())] = null;
       }
-      return (0, _loadObj.loadGLTF)(loadUrl).then(function (object) {
+      return loadGLTF(loadUrl).then(function (object) {
         if (normalMap !== '') {
           var normalUrl = normalMap.split('.')[0] + '-normal.' + normalMap.split('.')[1];
           var t = loadTexture(normalMap);
@@ -818,7 +807,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           mat2.normalMap = _m;
           // mat2.envMap = textureCube;
           for (var _j3 = 0; _j3 < object.children.length; _j3++) {
-            if (object.children[_j3].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j3].type === OBJTYPE_MESH) {
               object.children[_j3].material = mat2;
               object.children[_j3].receiveShadow = true;
             }
@@ -850,12 +839,12 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           }
           // mat2.envMap = textureCube;
           for (var _j4 = 0; _j4 < object.children.length; _j4++) {
-            if (object.children[_j4].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j4].type === 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 === _constants.OBJTYPE_GROUP) {
+            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === OBJTYPE_GROUP) {
               object.children[_j4].traverse(function (prim) {
                 prim.material = _mat;
                 prim.receiveShadow = true;
@@ -869,7 +858,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           });
           // mat2.envMap = textureCube;
           for (var _j5 = 0; _j5 < object.children.length; _j5++) {
-            if (object.children[_j5].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j5].type === OBJTYPE_MESH) {
               object.children[_j5].material = _mat2;
               object.children[_j5].receiveShadow = true;
             }
@@ -893,7 +882,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
                   if (placeholder.includes('drawer_door') && placeholder.includes('_handle')) {
                     tmp.rotateZ(Math.PI / 2);
                   }
-                  if (placeholder.includes('_handle') && tmp.children[0].type === _constants.OBJTYPE_MESH) {
+                  if (placeholder.includes('_handle') && tmp.children[0].type === OBJTYPE_MESH) {
                     // NOTE: change metalness of handle
                     tmp.children[0].material.metalness = 1;
                     // handleMaterial.metalness || 0.2;
@@ -914,7 +903,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       });
     }
   };
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     object.name = 'MainObject';
     object.receiveShadow = true;
     objGroup = object;
@@ -991,7 +980,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           addEdgesToMesh(object.children[j]);
         } else if (object.children[j].name.includes('_interior_')) {
           object.children[j].material = mat4;
-        } else if (object.children[j].type === _constants.OBJTYPE_MESH) {
+        } else if (object.children[j].type === OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
           object.children[j].castShadow = true;
@@ -1007,7 +996,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
 }
 
 // render 3d appliance function ////////////////////////////////
-function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
+export 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;
@@ -1015,16 +1004,16 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
   var onLoadItem = function onLoadItem(object) {
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = 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 = (0, _convertUnitsLite.convert)(newWidth).from(newWidthUnit).to('in');
+    newWidth = convert(newWidth).from(newWidthUnit).to('in');
     var newHeight = element.properties.get('height').get('_length');
     var newHeightUnit = element.properties.get('height').get('_unit') || 'in';
-    newHeight = (0, _convertUnitsLite.convert)(newHeight).from(newHeightUnit).to('in');
+    newHeight = convert(newHeight).from(newHeightUnit).to('in');
     var newDepth = element.properties.get('depth').get('_length');
     var newDepthUnit = element.properties.get('depth').get('_unit') || 'in';
-    newDepth = (0, _convertUnitsLite.convert)(newDepth).from(newDepthUnit).to('in');
+    newDepth = 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);
@@ -1035,7 +1024,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
     object.position.z -= center[2];
     object.position.y += newAltitude;
     object.traverse(function (obj) {
-      if (obj.type === _constants.OBJTYPE_MESH) {
+      if (obj.type === OBJTYPE_MESH) {
         var name = obj.name;
         var texture,
           textureLoader = new Three.TextureLoader();
@@ -1147,7 +1136,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1247,7 +1236,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1263,7 +1252,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === _constants.OBJTYPE_MESH) {
+      if (object.children[j].type === OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
         object.children[j].castShadow = true; // change
@@ -1278,7 +1267,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
   });
 }
 // render 3d appliance function ////////////////////////////////
-function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
+export 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) {
@@ -1294,12 +1283,12 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
       length: sizeinfo.height,
       unit: 'in'
     };
-    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 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 newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
 
     //object.scale.set(newWidth, newHeight, newDepth);
     object.scale.set(100, 100, 100);
@@ -1379,7 +1368,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1485,7 +1474,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1500,7 +1489,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === _constants.OBJTYPE_MESH) {
+      if (object.children[j].type === OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
       }
@@ -1513,7 +1502,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
     return _loadGLTFs3(0);
   });
 }
-function addEdgesToMesh(inChild) {
+export function addEdgesToMesh(inChild) {
   var boxEdge = new Three.EdgesGeometry(inChild.geometry, 10);
   var boxEdgeMaterial = new Three.LineBasicMaterial({
     color: 0x000000,