kitchen-simulator 4.0.0-queuedEvents → 4.0.0

package/es/actions/items-actions.js

@@ -32,9 +32,11 @@ export function editWidth(newWidth, layerID, itemID) {
   };
 }
 export function duplicateSelected(currentObject) {
+  var onInternalEvent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return {
     type: DUPLICATE_SELECTED,
-    currentObject: currentObject
+    currentObject: currentObject,
+    onInternalEvent: onInternalEvent
   };
 }
 export function replaceItem(selectedPos, currentObject, selectedObject) {
@@ -76,11 +78,13 @@ export function selectToolDrawingItem3D(sceneComponentType) {
   };
 }
 export function updateDrawingItem(layerID, x, y) {
+  var isInitialPos = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return {
     type: UPDATE_DRAWING_ITEM,
     layerID: layerID,
     x: x,
-    y: y
+    y: y,
+    isInitialPos: isInitialPos
   };
 }
 export function endDrawingItem(layerID, x, y) {
@@ -223,10 +227,11 @@ export function updateItemsAltitude(layerID, itemID, value) {
     value: value
   };
 }
-export function setDoorStyle(doorStyle, isAll) {
+export function setDoorStyle(doorStyle, itemCDS, isAll) {
   return {
     type: SET_DOOR_STYLE,
     doorStyle: doorStyle,
+    itemCDS: itemCDS,
     isAll: isAll
   };
 }
@@ -291,11 +296,10 @@ export function setModelling(model) {
     model: model
   };
 }
-export function setInitialDoorStyle(doorStyle, oStyle) {
+export function setInitialDoorStyle(doorStyle) {
   return {
     type: SET_INITIAL_DOOR_STYLE,
-    doorStyle: doorStyle,
-    oStyle: oStyle
+    doorStyle: doorStyle
   };
 }
 export function setMoveStatus(status) {

package/es/actions/lines-actions.js

@@ -13,12 +13,14 @@ export function selectToolDrawingLine(sceneComponentType) {
   };
 }
 export function beginDrawingLine(layerID, x, y, snapMask) {
+  var onInternalEvent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   return {
     type: BEGIN_DRAWING_LINE,
     layerID: layerID,
     x: x,
     y: y,
-    snapMask: snapMask
+    snapMask: snapMask,
+    onInternalEvent: onInternalEvent
   };
 }
 export function updateDrawingLine(x, y, relatedLines, snapMask) {

package/es/actions/project-actions.js

@@ -1,4 +1,4 @@
-import { NEW_PROJECT, LOAD_PROJECT, SAVE_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, UNSELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, UNCREATE, PROJECT_RE_NAME, RECREATE, ROLLBACK, OPEN_PROJECT_CONFIGURATOR, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SELECT_ALL, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG } from "../constants";
+import { NEW_PROJECT, LOAD_PROJECT, SAVE_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, UNSELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, UNCREATE, PROJECT_RE_NAME, RECREATE, ROLLBACK, OPEN_PROJECT_CONFIGURATOR, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SELECT_ALL, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG, CREATE_ROOM_WITH_SHAPE } from "../constants";
 export function setIsHelp(isHelp) {
   return {
     type: SET_IS_HELP,
@@ -17,11 +17,10 @@ export function setStateProperties(properties) {
     properties: properties
   };
 }
-export function loadProject(sceneJSON, categoryData) {
+export function loadProject(sceneJSON) {
   return {
     type: LOAD_PROJECT,
-    sceneJSON: sceneJSON,
-    categoryData: categoryData
+    sceneJSON: sceneJSON
   };
 }
 export function newProject() {
@@ -99,8 +98,10 @@ export function setHolesAttributes(holesAttributes) {
   };
 }
 export function remove() {
+  var delObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return {
-    type: REMOVE
+    type: REMOVE,
+    delObject: delObject
   };
 }
 export function undo() {
@@ -284,4 +285,13 @@ export function selectAll() {
     type: SELECT_ALL,
     value: value
   };
+}
+export function createRoomWithShape(roomShapeType, width, height, doorStyle) {
+  return {
+    type: CREATE_ROOM_WITH_SHAPE,
+    width: width,
+    height: height,
+    roomShapeType: roomShapeType,
+    doorStyle: doorStyle
+  };
 }

package/es/assets/img/svg/bottombar/elevation.svg

@@ -1,6 +1,13 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08225L14.8953 6.34589L14.5566 21Z" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53974L14.8952 6.34589" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1516_100789)">
+<path d="M4.25 6L2 7.125L8 10.125L14 7.125L11.75 6" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 10.125L8 13.125L14 10.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 7.125V1.875" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.75 4.125L8 1.875L10.25 4.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1516_100789">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
 </svg>

package/es/catalog/areas/area/planner-element.js

@@ -1,4 +1,9 @@
 import { AreaFactory } from "../../factories/export";
+import parquetTexture from "./textures/parquet.jpg";
+import tile1Texture from "./textures/tile1.jpg";
+import ceramicTexture from "./textures/ceramic-tile.jpg";
+import strandPorcelainTexture from "./textures/strand-porcelain.jpg";
+import grassTexture from "./textures/grass.jpg";
 var info = {
   title: 'area',
   tag: ['area'],
@@ -8,31 +13,31 @@ var info = {
 var textures = {
   parquet: {
     name: 'Parquet',
-    uri: require("./textures/parquet.jpg"),
+    uri: parquetTexture,
     lengthRepeatScale: 0.004,
     heightRepeatScale: 0.004
   },
   tile1: {
     name: 'Tile1',
-    uri: require("./textures/tile1.jpg"),
+    uri: tile1Texture,
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   },
   ceramic: {
     name: 'Ceramic Tile',
-    uri: require("./textures/ceramic-tile.jpg"),
+    uri: ceramicTexture,
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   strand_porcelain: {
     name: 'Strand Porcelain Tile',
-    uri: require("./textures/strand-porcelain.jpg"),
+    uri: strandPorcelainTexture,
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   grass: {
     name: 'Grass',
-    uri: require("./textures/grass.jpg"),
+    uri: grassTexture,
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   }

package/es/catalog/catalog.js

@@ -247,10 +247,7 @@ var Catalog = /*#__PURE__*/function () {
       if (name === '') {
         throw new Error('Category has empty name');
       }
-      if (this.hasCategory(name)) {
-        throw new Error('Category has already been registered');
-      }
-      return true;
+      return !this.hasCategory(name);
     }
 
     /**

package/es/catalog/factories/area-factory-3d.js

@@ -76,7 +76,8 @@ export function createArea(element, layer, scene, textures) {
     color = SharedStyle.AREA_MESH_COLOR.unselected;
   }
   if (texture.uri === undefined || texture.uri == '') {
-    texture.uri = layer.floorStyle.uri;
+    // @todo THIS IS A TEMPORARY FIX TO HAVE A DEFAULT FLOOR TEXTURE
+    texture.uri = layer.floorStyle.uri || 'https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg';
   }
   var shape = new Shape();
   shape.moveTo(vertices[0].x, vertices[0].y);

package/es/catalog/factories/wall-factory-3d.js

@@ -25,13 +25,13 @@ var halfPI = Math.PI / 2;
 var applyTexture = function applyTexture(material, texture, length, height) {
   var loader = new TextureLoader();
   if (texture) {
-    material.map = loader.load(texture.uri["default"]);
+    material.map = loader.load(texture.uri);
     material.map.colorSpace = Three.SRGBColorSpace, material.needsUpdate = true;
     material.map.wrapS = RepeatWrapping;
     material.map.wrapT = RepeatWrapping;
     material.map.repeat.set(length * texture.lengthRepeatScale, height * texture.heightRepeatScale);
     if (texture.normal) {
-      material.normalMap = loader.load(texture.normal.uri["default"]);
+      material.normalMap = loader.load(texture.normal.uri);
       material.normalScale = new Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
       material.normalMap.wrapS = RepeatWrapping;
       material.normalMap.wrapT = RepeatWrapping;

package/es/catalog/factories/wall-factory.js

@@ -16,11 +16,11 @@ var STYLE_LINE = {
   // strokeWidth:1
 };
 var STYLE_INTERIOR_LINE = {
-  strokeWidth: 1,
+  strokeWidth: 2,
   stroke: SharedStyle.INTERIOR_LINE.unselected
 };
 var STYLE_INTERIOR_LINE_SELECTED = {
-  strokeWidth: 2,
+  strokeWidth: 4,
   stroke: SharedStyle.INTERIOR_LINE.selected,
   fill: SharedStyle.INTERIOR_LINE.selected,
   rx: '2px'
@@ -213,9 +213,9 @@ export default function WallFactory(name, info, textures) {
       })));
       return !element.selected ? /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "url(#pat)",
-        fillRule: "evenodd"
-      }), outwall, /*#__PURE__*/React.createElement("line", {
+        fill: "#CFD8DC"
+        // fillRule="evenodd"
+      }), /*#__PURE__*/React.createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,
@@ -223,9 +223,9 @@ export default function WallFactory(name, info, textures) {
         style: STYLE_INTERIOR_LINE
       })) : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "url(#pat)",
-        fillRule: "evenodd"
-      }), outwall, /*#__PURE__*/React.createElement("line", {
+        fill: "#CFD8DC"
+        // fillRule="evenodd"
+      }), /*#__PURE__*/React.createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,

package/es/catalog/lines/wall/planner-element.js

@@ -1,9 +1,18 @@
 import { WallFactory } from "../../factories/export";
+import wallImage from "./wall.png";
+import plasterTexture from "./textures/plaster.jpg";
+import plasterNormal from "./textures/plaster-normal.jpg";
+import bricksTexture from "./textures/bricks.jpg";
+import bricksNormal from "./textures/bricks-normal.jpg";
+import paintedTexture from "./textures/painted.jpg";
+import paintedNormal from "./textures/painted-normal.jpg";
+import mordenTexture from "./textures/morden.jpg";
+import mordenNormal from "./textures/morden-normal.jpg";
 var info = {
   title: 'wall',
   tag: ['wall'],
   description: 'Wall with bricks or painted',
-  image: require("./wall.png"),
+  image: wallImage,
   visibility: {
     catalog: true,
     layerElementsVisible: true
@@ -12,11 +21,11 @@ var info = {
 var textures = {
   plaster: {
     name: 'Plaster',
-    uri: require("./textures/plaster.jpg"),
+    uri: plasterTexture,
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/plaster-normal.jpg"),
+      uri: plasterNormal,
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -26,11 +35,11 @@ var textures = {
   },
   bricks: {
     name: 'Bricks',
-    uri: require("./textures/bricks.jpg"),
+    uri: bricksTexture,
     lengthRepeatScale: 0.009,
     heightRepeatScale: 0.009,
     normal: {
-      uri: require("./textures/bricks-normal.jpg"),
+      uri: bricksNormal,
       lengthRepeatScale: 0.009,
       heightRepeatScale: 0.009,
       normalScaleX: 0.4,
@@ -40,11 +49,11 @@ var textures = {
   },
   painted: {
     name: 'Painted',
-    uri: require("./textures/painted.jpg"),
+    uri: paintedTexture,
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/painted-normal.jpg"),
+      uri: paintedNormal,
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -54,11 +63,11 @@ var textures = {
   },
   morden: {
     name: 'Morden',
-    uri: require("./textures/morden.jpg"),
+    uri: mordenTexture,
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/morden-normal.jpg"),
+      uri: mordenNormal,
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,

package/es/catalog/utils/exporter.js

@@ -19,10 +19,12 @@ export default function (_ref) {
     is_corner = _ref.is_corner,
     alti = _ref.alti,
     obj_property = _ref.obj_property,
-    outlineSVGData = _ref.outlineSVGData;
+    outlineSVGData = _ref.outlineSVGData,
+    cds = _ref.cds;
   var _length = alti || 0;
-  // const length = convert(_length).from("in").to("cm");
-  var length = _length;
+  var length = convert(_length).from('in').to('cm');
+  // const length = _length;
+
   var additional_props = [];
   if (type === 'cabinet' && long_name.toLowerCase().includes('filler')) {
     additional_props = {
@@ -134,6 +136,8 @@ export default function (_ref) {
     }),
     img: base,
     obj: obj_property,
+    cds: cds,
+    structure_json: structure_json,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },

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

@@ -13,6 +13,7 @@ import { Item } from "../../models";
 import * as GeomUtils from "./geom-utils";
 import { loadGLTF } from "./load-obj";
 import { animateDoor, isEmpty, translateDrawer } from "../../utils/helper";
+import { isWarningItem } from "../../components/viewer2d/utils";
 var INITIAL_NORMAL_MAP = '';
 
 // env Map ///////////////
@@ -174,7 +175,6 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   var rendered = null;
   var svg_url, svg_width, svg_depth;
   if (shape_svg || el_euro_shape_svg) {
-    var _element$toJS$doorSty;
     if (typeof shape_svg == 'string' || typeof el_euro_shape_svg == 'string') {
       if (el_DSN === 'Euro & Frameless' && el_is_euro_cds) {
         svg_url = el_euro_shape_svg;
@@ -207,13 +207,22 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         transform: "translate(".concat(-transX, "px, ").concat(-transY, "px)")
       },
       onMouseEnter: function onMouseEnter(event) {
-        var bbox = event.target.getBoundingClientRect();
-        document.getElementById('warning_box_2d').style.display = 'flex';
-        document.getElementById('warning_box_2d').style.top = "".concat(bbox.top - 60, "px");
-        document.getElementById('warning_box_2d').style.left = "".concat(bbox.left, "px");
+        var target = event.currentTarget;
+        var tooltip = document.getElementById('warning_box_2d');
+        var parent = document.querySelector('#kitchen-simulator-container');
+        if (!tooltip || !parent) return;
+        var targetRect = target.getBoundingClientRect();
+        var parentRect = parent.getBoundingClientRect();
+        var left = targetRect.left - parentRect.left;
+        var top = targetRect.top - parentRect.top;
+        tooltip.style.display = 'flex';
+        tooltip.style.left = "".concat(left, "px");
+        tooltip.style.top = "".concat(top - 60, "px");
       },
       onMouseLeave: function onMouseLeave() {
-        document.getElementById('warning_box_2d').style.display = 'none';
+        if (document.getElementById('warning_box_2d')) {
+          document.getElementById('warning_box_2d').style.display = 'none';
+        }
       }
     }, /*#__PURE__*/React.createElement("circle", {
       cx: 0,
@@ -299,9 +308,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
     }), /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent)), element.category === 'cabinet' && /*#__PURE__*/React.createElement("g", {
-      visibility: (element === null || element === void 0 || (_element$toJS$doorSty = element.toJS().doorStyle) === null || _element$toJS$doorSty === void 0 || (_element$toJS$doorSty = _element$toJS$doorSty.doorStyles) === null || _element$toJS$doorSty === void 0 || (_element$toJS$doorSty = _element$toJS$doorSty.cds) === null || _element$toJS$doorSty === void 0 ? void 0 : _element$toJS$doorSty.filter(function (cd) {
-        return cd.itemID == (element === null || element === void 0 ? void 0 : element.getIn(['itemID']));
-      }).length) > 0 ? 'hidden' : 'visible'
+      visibility: isWarningItem(element) ? 'visible' : 'hidden'
     }, warning_buttons)));
   } else {
     rendered = /*#__PURE__*/React.createElement("g", {
@@ -447,7 +454,8 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
   var tempDoorStyles = doorStyles.toJS();
   var tempPlaceholders = structure.tempPlaceholders;
   var tPlaceholders = tempPlaceholders.find(function (el) {
-    return el.id === tempDoorStyles.cabinet_door_style_id;
+    var _tempDoorStyles$cds$;
+    return el.id === (tempDoorStyles === null || tempDoorStyles === void 0 ? void 0 : tempDoorStyles.cabinet_door_style_id) || el.id === (tempDoorStyles === null || tempDoorStyles === void 0 || (_tempDoorStyles$cds$ = tempDoorStyles.cds[0]) === null || _tempDoorStyles$cds$ === void 0 ? void 0 : _tempDoorStyles$cds$.cabinet_door_style_id);
   });
   if (tPlaceholders !== undefined) {
     placeholders = tPlaceholders.placeholders;
@@ -638,10 +646,10 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       vLine3.material.depthTest = false;
       // translate vector to center of object
       var uVec = new Three.Vector3(-posVec.x / scalevec.x, -posVec.y / scalevec.y, -posVec.z / scalevec.z);
-      vLine.translateY(0.1);
-      vLine1.translateY(0.1);
-      vLine2.translateY(0.1);
-      vLine3.translateY(0.1);
+      vLine.translateY(_boundingBox.min.y + 0.1);
+      vLine1.translateY(_boundingBox.min.y + 0.1);
+      vLine2.translateY(_boundingBox.min.y + 0.1);
+      vLine3.translateY(_boundingBox.min.y + 0.1);
 
       //rotObj.translateOnAxis(uVec, 1);
       upObj.translateOnAxis(uVec, 1);
@@ -993,6 +1001,8 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
         try {
           counterTop = counterTop.toJS();
         } catch (error) {
+          //@todo THIS IS A TEMPORARY FIX FOR COUNTERTOP TEXTURE UNDEFINED ISSUE
+          counterTop.uri = 'https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg';
           console.log(error);
         }
       }

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

@@ -4,7 +4,7 @@
  * @author angelxuanchang
  */
 
-var THREE = window.THREE || require('three');
+import * as THREE from 'three';
 var MTLLoader;
 MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
@@ -354,4 +354,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-module.exports = MTLLoader;
+export default MTLLoader;

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

@@ -1,7 +1,7 @@
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-var THREE = window.THREE || require('three');
+import * as THREE from 'three';
 var OBJLoader;
 OBJLoader = function () {
   // o object_name | g group_name
@@ -473,4 +473,4 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-module.exports = OBJLoader;
+export default OBJLoader;

package/es/class/hole.js

@@ -777,11 +777,9 @@ var Hole = /*#__PURE__*/function () {
         scene: scene.mergeIn(['layers', layerID, 'holes', holeID], hole)
       });
       state = state.updateIn(['scene', 'layers', layerID, 'lines', hole.line, 'holes'], function (holes) {
-        console.log(holes, 'holes');
         var index = holes.findIndex(function (ID) {
           return holeID === ID;
         });
-        console.log(index, 'index');
         return index === -1 ? holes.push(holeID) : holes;
       });
       return {