kitchen-simulator 4.4.2-dynamic-holes → 4.4.3

package/es/LiteRenderer.js

@@ -1,13 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError", "holes"];
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError"];
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 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 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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // LiteRenderer.jsx
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -73,147 +79,48 @@ function serializeError(err) {
     };
   }
 }
-var INCH_TO_CM = 2.54;
-var normalizeKey = function normalizeKey(value) {
-  return (value !== null && value !== void 0 ? value : '').toString().toLowerCase().replace(/[^a-z0-9]+/g, '');
-};
-var safeParseJson = function safeParseJson(value) {
-  if (!value) return null;
-  try {
-    return JSON.parse(value);
-  } catch (_unused3) {
-    return null;
-  }
-};
-var toCatalogLength = function toCatalogLength(value, prop) {
-  var _prop$defaultValue;
-  if (value == null) return null;
-  var unit = prop === null || prop === void 0 || (_prop$defaultValue = prop.defaultValue) === null || _prop$defaultValue === void 0 ? void 0 : _prop$defaultValue.unit;
-  if (unit && unit.toLowerCase() === 'in') return value;
-  return value * INCH_TO_CM;
-};
-var overrideLengthProperty = function overrideLengthProperty(prop, value) {
-  if (!prop || value == null) return prop;
-  var length = toCatalogLength(value, prop);
-  if (length == null) return prop;
-  return _objectSpread(_objectSpread({}, prop), {}, {
-    defaultValue: _objectSpread(_objectSpread({}, prop.defaultValue), {}, {
-      length: length
-    })
-  });
-};
-var findBaseHoleTemplate = function findBaseHoleTemplate(hole, templates) {
-  var target = normalizeKey(hole === null || hole === void 0 ? void 0 : hole.name);
-  if (!target) return null;
-  return templates.find(function (template) {
-    var _template$info, _template$info2;
-    var candidates = [template === null || template === void 0 ? void 0 : template.name, template === null || template === void 0 || (_template$info = template.info) === null || _template$info === void 0 ? void 0 : _template$info.title, template === null || template === void 0 || (_template$info2 = template.info) === null || _template$info2 === void 0 ? void 0 : _template$info2.description].map(normalizeKey);
-    return candidates.includes(target);
-  }) || null;
-};
-var buildHoleElementFromTemplate = function buildHoleElementFromTemplate(hole, base) {
-  var _base$info, _base$info2, _base$info3, _base$info4, _base$info5, _base$structure_json;
-  if (!hole || !base) return null;
-  var nextInfo = _objectSpread(_objectSpread({}, base.info), {}, {
-    title: hole.name || ((_base$info = base.info) === null || _base$info === void 0 ? void 0 : _base$info.title),
-    description: ((_base$info2 = base.info) === null || _base$info2 === void 0 ? void 0 : _base$info2.description) || hole.name || ((_base$info3 = base.info) === null || _base$info3 === void 0 ? void 0 : _base$info3.title),
-    image: hole.menu_thumbnail || ((_base$info4 = base.info) === null || _base$info4 === void 0 ? void 0 : _base$info4.image),
-    url: hole.gltf || ((_base$info5 = base.info) === null || _base$info5 === void 0 ? void 0 : _base$info5.url)
-  });
-  var nextProperties = _objectSpread({}, base.properties);
-  if (nextProperties.width) {
-    nextProperties.width = overrideLengthProperty(nextProperties.width, hole.width);
-  }
-  if (nextProperties.height) {
-    nextProperties.height = overrideLengthProperty(nextProperties.height, hole.height);
-  }
-  if (nextProperties.length) {
-    nextProperties.length = overrideLengthProperty(nextProperties.length, hole.length);
+
+/* ---------- Error Boundary that pushes into buffer ---------- */
+var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  function ToolErrorBoundary() {
+    _classCallCheck(this, ToolErrorBoundary);
+    return _callSuper(this, ToolErrorBoundary, arguments);
   }
-  var customConfig = safeParseJson(hole.custom_config);
-  var customProps = (customConfig === null || customConfig === void 0 ? void 0 : customConfig.properties) || {};
-  Object.keys(customProps).forEach(function (key) {
-    if (!nextProperties[key]) return;
-    nextProperties[key] = overrideLengthProperty(nextProperties[key], customProps[key]);
-  });
-  return _objectSpread(_objectSpread({}, base), {}, {
-    name: hole.name || base.name,
-    info: nextInfo,
-    properties: nextProperties,
-    structure_json: _objectSpread(_objectSpread({}, base.structure_json || {}), {}, {
-      hole_id: hole.id || ((_base$structure_json = base.structure_json) === null || _base$structure_json === void 0 ? void 0 : _base$structure_json.hole_id)
-    })
-  });
-};
-var buildHoleElements = function buildHoleElements(holes) {
-  var categories = {
-    Doors: [],
-    Windows: []
-  };
-  var elements = [];
-  if (!Array.isArray(holes)) return {
-    elements: elements,
-    categories: categories
-  };
-  var templates = Object.values(Holes);
-  var usedNames = new Set();
-  holes.forEach(function (hole) {
-    var _base$info6;
-    if (!hole || hole.is_deleted) return;
-    var base = findBaseHoleTemplate(hole, templates);
-    if (!base) return;
-    var element = buildHoleElementFromTemplate(hole, base);
-    if (!element || !element.name || usedNames.has(element.name)) return;
-    usedNames.add(element.name);
-    elements.push(element);
-    var typeKey = normalizeKey(hole.type);
-    if (typeKey === 'window') {
-      categories.Windows.push(element);
-    } else if (typeKey === 'door') {
-      categories.Doors.push(element);
-    } else if ((_base$info6 = base.info) !== null && _base$info6 !== void 0 && (_base$info6 = _base$info6.tag) !== null && _base$info6 !== void 0 && _base$info6.includes('window')) {
-      categories.Windows.push(element);
-    } else {
-      categories.Doors.push(element);
+  _inherits(ToolErrorBoundary, _React$Component);
+  return _createClass(ToolErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, info) {
+      var pushError = this.props.pushError;
+      pushError({
+        type: 'render-error',
+        error: serializeError(error),
+        info: {
+          componentStack: info === null || info === void 0 ? void 0 : info.componentStack
+        }
+      });
     }
-  });
-  return {
-    elements: elements,
-    categories: categories
-  };
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+}(React.Component);
+ToolErrorBoundary.propTypes = {
+  pushError: PropTypes.func.isRequired,
+  children: PropTypes.any
 };
 
 // ----------------- catalog init -----------------
-function initCatalogOnce(catalog, holePayload) {
+function initCatalogOnce(catalog) {
   if (!catalog) return;
-  if (!catalog.__ksInitialized) {
-    for (var x in Areas) catalog.registerElement(Areas[x]);
-    for (var _x in Lines) catalog.registerElement(Lines[_x]);
-    catalog.__ksInitialized = true;
-  }
-  var holeElements = (holePayload === null || holePayload === void 0 ? void 0 : holePayload.elements) || [];
-  holeElements.forEach(function (element) {
-    if (!catalog.hasElement(element.name)) {
-      console.log(element);
-      catalog.registerElement(element);
-    }
-  });
-  var categories = (holePayload === null || holePayload === void 0 ? void 0 : holePayload.categories) || {};
-  Object.entries(categories).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      name = _ref2[0],
-      elements = _ref2[1];
-    if (!elements.length) return;
-    if (!catalog.hasCategory(name)) {
-      catalog.registerCategory(name, name, elements);
-      return;
-    }
-    elements.forEach(function (element) {
-      if (!catalog.categoryHasElement(name, element.name)) {
-        catalog.addToCategory(name, element);
-      }
-    });
-  });
+  if (catalog.__ksInitialized) return;
+  for (var x in Areas) catalog.registerElement(Areas[x]);
+  for (var _x in Lines) catalog.registerElement(Lines[_x]);
+  for (var _x2 in Holes) catalog.registerElement(Holes[_x2]);
+  catalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
+  catalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
+  catalog.__ksInitialized = true;
 }
 
 // ----------------- store factory -----------------
@@ -257,11 +164,7 @@ export default function LiteRenderer(props) {
     externalEvent = props.externalEvent,
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
-    holes = props.holes,
     passThrough = _objectWithoutProperties(props, _excluded);
-  var holePayload = useMemo(function () {
-    return buildHoleElements(holes);
-  }, [holes]);
 
   // ✅ instance-scoped store (no module singleton)
   var storeRef = useRef(null);
@@ -271,8 +174,8 @@ export default function LiteRenderer(props) {
   var catalogRef = useRef(null);
   if (!catalogRef.current) {
     catalogRef.current = new Catalog();
+    initCatalogOnce(catalogRef.current);
   }
-  initCatalogOnce(catalogRef.current, holePayload);
 
   // ✅ stable plugins array
   var plugins = useMemo(function () {
@@ -295,7 +198,7 @@ export default function LiteRenderer(props) {
         try {
           var maybeCleanup = p === null || p === void 0 ? void 0 : p(store, stateExtractor);
           if (typeof maybeCleanup === 'function') cleanups.push(maybeCleanup);
-        } catch (_unused5) {
+        } catch (_unused4) {
           // keep prior behavior: do not crash
         }
       }
@@ -313,7 +216,7 @@ export default function LiteRenderer(props) {
           var fn = _step2.value;
           try {
             fn();
-          } catch (_unused4) {}
+          } catch (_unused3) {}
         }
       } catch (err) {
         _iterator2.e(err);
@@ -344,7 +247,7 @@ export default function LiteRenderer(props) {
     };
     try {
       onError === null || onError === void 0 || onError(payload);
-    } catch (_unused6) {}
+    } catch (_unused5) {}
     // eslint-disable-next-line no-console
     console.debug('[LiteRenderer:onError]', payload);
     lastEmittedRef.current = payload;
@@ -405,11 +308,13 @@ export default function LiteRenderer(props) {
       emit(lastExternalEventRef.current, last.errors);
     }
   }, [externalEvent, emit]);
-  var _ref3 = configData || {},
-    logoImg = _ref3.logoImg,
-    companyUrl = _ref3.companyUrl;
+  var _ref = configData || {},
+    logoImg = _ref.logoImg,
+    companyUrl = _ref.companyUrl;
   return /*#__PURE__*/React.createElement(AppContext.Provider, null, /*#__PURE__*/React.createElement(Provider, {
     store: storeRef.current
+  }, /*#__PURE__*/React.createElement(ToolErrorBoundary, {
+    pushError: pushError
   }, /*#__PURE__*/React.createElement(LiteKitchenConfigurator, _extends({
     catalog: catalogRef.current,
     width: width,
@@ -423,7 +328,7 @@ export default function LiteRenderer(props) {
     configData: configData,
     externalEvent: externalEvent,
     onInternalEvent: onInternalEvent
-  }, passThrough))));
+  }, passThrough)))));
 }
 LiteRenderer.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -443,6 +348,5 @@ LiteRenderer.propTypes = {
   externalEvent: PropTypes.object,
   onInternalEvent: PropTypes.func,
   onError: PropTypes.func,
-  holes: PropTypes.array,
   store: PropTypes.object
 };

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

@@ -12,7 +12,7 @@ import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE
 import { Item } from "../../models";
 import * as GeomUtils from "./geom-utils";
 import { loadGLTF } from "./load-obj";
-import { animateDoor, isEmpty, translateDrawer } from "../../utils/helper";
+import { animateDoor, getSkuAliasFromCatalogElement, isEmpty, translateDrawer } from "../../utils/helper";
 import { isWarningItem } from "../../components/viewer2d/utils";
 var INITIAL_NORMAL_MAP = '';
 
@@ -122,23 +122,8 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   var lineCount = 0; //parseInt(((newWidth) / 8 - 0.51).toFixed(), 10) - 1;
   var rowCount = 0; //parseInt((element.type.length / lineCount - 0.51).toFixed(), 10);
 
-  // Get type
-  var objSKU = this.obj.sku_number;
-  if (objSKU.length !== 0) {
-    var dcId,
-      doorStyle = element.doorStyle;
-    if (doorStyle instanceof Map) {
-      dcId = doorStyle.get('id');
-    } else {
-      dcId = doorStyle.id;
-    }
-    var skuItem = this.obj.skuArray.find(function (el) {
-      return el.door_color_id === dcId;
-    });
-    if (skuItem !== undefined) {
-      objSKU = skuItem.sku;
-    }
-  }
+  // Get SKU Alias
+  var objSKU = getSkuAliasFromCatalogElement(this, element);
   if (rowCount > 0) {
     for (var _x = 0; _x < rowCount; _x++) {
       splitStr.push(objSKU.slice(lineCount * _x, lineCount * (_x + 1)));

package/es/constants.js

@@ -657,16 +657,16 @@ export var PROJECT_SETTING_OPTION = {
   CHANGE_MEASUREMENT_UNIT: CHANGE_MEASUREMENT_UNIT
 };
 export var HOLE_NAMES = {
-  WINDOW_CLEAR: 'Clear',
-  WINDOW_CROSS: 'Cross',
-  WINDOW_DOUBLE_HUNG: 'Double Hung',
-  WINDOW_VERTICAL: 'Vertical',
+  WINDOW_CLEAR: 'Window',
+  WINDOW_CROSS: 'Cross Window',
+  WINDOW_DOUBLE_HUNG: 'Double Hung Window',
+  WINDOW_VERTICAL: 'window-vertical',
   DOOR_CLOSET: 'Closet',
   DOOR_EXTERIOR: 'Exterior',
   DOOR_INTERIOR: 'Interior',
   DOOR_SLIDING: 'Sliding',
   DOOR_FRAMED: 'Framed Doorway',
-  DOOR_FRAMELESS: 'Frameless Doorway'
+  DOOR_FRAMELESS: 'FrameLess Doorway'
 };
 
 // direction type
@@ -773,9 +773,11 @@ export var DOORSTYLE_SCOPE_SINGLE = 'single';
 export var DOORSTYLE_SCOPE_MULTIPLE = 'multiple';
 
 // skin panel SKU
-export var SKIN_SKU_BSV_24 = 'BSV24'; // 23.25" x 34.5" : For base cabinets
+export var SKIN_SKU_BSV_24 = 'BSV'; // 23.25" x 34.5" : For base cabinets
 export var SKIN_SKU_BSV_48 = 'BSV48'; // 48" x 34.5" : For base cabinets back-to-back or island backs
 export var SKIN_SKU_WSV_1242 = 'WSV1242'; // 11.25" x 42" : For 12" deep wall cabinets
 export var SKIN_SKU_WSV_2442 = 'WSV2442'; // 23.25" x 42" : For 24" deep wall cabinets
 export var SKIN_SKU_WSV_2460 = 'WSV2460'; // Usually used for CT3DR or CT2DR SKUs + stacked wall cabinets
-export var SKIN_SKU_USV245325 = 'USV2453.25'; // 23.25" x 53.25" : For tall cabinets
+export var SKIN_SKU_USV245325 = 'USV2453.25'; // 23.25" x 53.25" : For tall cabinets
+
+export var DEFAULT_MOLDING_PIECE_LENGTH = 96; // in inch, 8 feet, standard length for molding pieces

package/es/devLiteRenderer.js

@@ -17,7 +17,6 @@ import furnishingPayload from "./mocks/furnishingPayload.json";
 import rectangleData from "./mocks/rectangleShape.json";
 import moldingPayload from "./mocks/moldingPayload.json";
 import replaceCabinetPayload from "./mocks/replaceCabinetPayload.json";
-import holesPayload from "./mocks/holesPayload.json";
 import ReactDOM from 'react-dom';
 import LiteRenderer from "./LiteRenderer";
 import { Button } from 'antd';
@@ -861,7 +860,6 @@ function WorkSpace(props) {
     logoImg: "/assets/logo.png",
     companyUrl: "https://example.com",
     toolbarButtons: [],
-    holes: holesPayload,
     externalEvent: externalEvent,
     onInternalEvent: onInternalEvent,
     onError: function onError(payload) {

package/es/utils/helper.js

@@ -413,7 +413,6 @@ export function updatePayloadOfInternalEvent(currentObject, layer, catalog) {
     updatedPayload.length = _length;
     //////////////////////////////////////
   } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'items') {
-    var _catalog$elements$cur;
     // check this cabinet has warning box
     updatedPayload.isWarning = isWarningItem(currentObject);
     // check this item is available molding
@@ -424,14 +423,7 @@ export function updatePayloadOfInternalEvent(currentObject, layer, catalog) {
     if (pointArray) updatedPayload.distArray = pointArray;
 
     // update sku_number using sku_array
-    var currentDoorColorId = currentObject.getIn(['doorStyle', 'id']);
-    var skuArray = catalog === null || catalog === void 0 || (_catalog$elements$cur = catalog.elements[currentObject.get('name')]) === null || _catalog$elements$cur === void 0 || (_catalog$elements$cur = _catalog$elements$cur.obj) === null || _catalog$elements$cur === void 0 ? void 0 : _catalog$elements$cur.skuArray;
-    var correctSKU = skuArray === null || skuArray === void 0 ? void 0 : skuArray.find(function (sku) {
-      return sku.door_color_id === currentDoorColorId;
-    });
-    if (correctSKU) {
-      updatedPayload.sku_number = correctSKU.sku;
-    }
+    updatedPayload.sku_number = getSkuAliasFromCatalog(catalog, currentObject);
   } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'holes') {
     var _calcDistancesFromHol = calcDistancesFromHoleToNearestOneOrWall(currentObject, layer),
       distLeft = _calcDistancesFromHol.distLeft,
@@ -448,4 +440,21 @@ export function updatePayloadOfInternalEvent(currentObject, layer, catalog) {
     };
   }
   return updatedPayload;
+}
+export function getSkuAliasFromCatalog(catalog, sceneObject) {
+  var _catalog$elements;
+  var sceneObjectJS = typeof (sceneObject === null || sceneObject === void 0 ? void 0 : sceneObject.toJS) === 'function' ? sceneObject.toJS() : sceneObject;
+  var elementName = sceneObjectJS === null || sceneObjectJS === void 0 ? void 0 : sceneObjectJS.name;
+  var catalogElement = catalog === null || catalog === void 0 || (_catalog$elements = catalog.elements) === null || _catalog$elements === void 0 ? void 0 : _catalog$elements[elementName];
+  return getSkuAliasFromCatalogElement(catalogElement, sceneObjectJS);
+}
+export function getSkuAliasFromCatalogElement(catalogElement, sceneObject) {
+  var _sceneObjectJS$doorSt, _catalogElement$obj, _skuAlias$sku;
+  var sceneObjectJS = typeof (sceneObject === null || sceneObject === void 0 ? void 0 : sceneObject.toJS) === 'function' ? sceneObject.toJS() : sceneObject;
+  var doorColorId = sceneObjectJS === null || sceneObjectJS === void 0 || (_sceneObjectJS$doorSt = sceneObjectJS.doorStyle) === null || _sceneObjectJS$doorSt === void 0 ? void 0 : _sceneObjectJS$doorSt.id;
+  var skuArray = catalogElement === null || catalogElement === void 0 || (_catalogElement$obj = catalogElement.obj) === null || _catalogElement$obj === void 0 ? void 0 : _catalogElement$obj.skuArray;
+  var skuAlias = skuArray === null || skuArray === void 0 ? void 0 : skuArray.find(function (sku) {
+    return sku.door_color_id === doorColorId;
+  });
+  return (_skuAlias$sku = skuAlias === null || skuAlias === void 0 ? void 0 : skuAlias.sku) !== null && _skuAlias$sku !== void 0 ? _skuAlias$sku : sceneObjectJS === null || sceneObjectJS === void 0 ? void 0 : sceneObjectJS.sku_number;
 }

package/es/utils/isolate-event-handler.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Map } from 'immutable';
-import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, MODE_DRAWING_LINE, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_DELETE_ELEMENT, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE, EXTERNAL_EVENT_REPLACE_CABINET, FINISHING_TYPE, EXTERNAL_EVENT_SET_FINISHING, EXTERNAL_EVENT_ROTATE_PAN, DOORSTYLE_SCOPE_SINGLE, DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE } from "../constants";
+import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, MODE_DRAWING_LINE, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_DELETE_ELEMENT, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE, EXTERNAL_EVENT_REPLACE_CABINET, FINISHING_TYPE, EXTERNAL_EVENT_SET_FINISHING, EXTERNAL_EVENT_ROTATE_PAN, DOORSTYLE_SCOPE_SINGLE, DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DEFAULT_MOLDING_PIECE_LENGTH } from "../constants";
 import { isEmpty, updateViwer2D, centering2D } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem, render3DApplianceItem, render3DLightingItem } from "../catalog/utils/item-loader";
@@ -1212,7 +1212,7 @@ export function handleExternalEvent(_x0) {
 function _handleExternalEvent() {
   _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(props) {
     var _evt$payload3, _evt$payload4;
-    var evt, state, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, applyScope, _evt$payload5$itemIds, itemIds, _layerId, allItems, targetItems, idSet, selectedItemIds, _cdsItems, _loop7, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven3, sceneData, currentTexture, _t5, _t6, _t7;
+    var evt, state, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, applyScope, _evt$payload5$itemIds, itemIds, _layerId, allItems, targetItems, idSet, selectedItemIds, _cdsItems, _loop7, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$configData$mol, _props$configData, _props$configData$ski, _props$configData2, _props$onInternalEven3, sceneData, currentTexture, moldingPieceLength, skinPanelExclusionSKUs, _t5, _t6, _t7;
     return _regeneratorRuntime.wrap(function (_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
@@ -1607,10 +1607,12 @@ function _handleExternalEvent() {
         case 48:
           sceneData = state.scene.toJS(); // get molding data for "ReviewForQuote"
           currentTexture = layer.doorStyle !== null || layer.doorStyle !== undefined ? layer.doorStyle : props.state.doorStyle.toJS();
-          sceneData.layers[layerId].moldingData = getMoldingDataOfScene2(layer, props.catalog, currentTexture);
+          moldingPieceLength = (_props$configData$mol = props === null || props === void 0 || (_props$configData = props.configData) === null || _props$configData === void 0 ? void 0 : _props$configData.moldingPieceLength) !== null && _props$configData$mol !== void 0 ? _props$configData$mol : DEFAULT_MOLDING_PIECE_LENGTH;
+          sceneData.layers[layerId].moldingData = getMoldingDataOfScene2(layer, props.catalog, currentTexture, moldingPieceLength);
 
           // get skin panel data
-          sceneData.layers[layerId].skinPanelData = computeSkinPanels(layer);
+          skinPanelExclusionSKUs = (_props$configData$ski = props === null || props === void 0 || (_props$configData2 = props.configData) === null || _props$configData2 === void 0 ? void 0 : _props$configData2.skinPanelExclusionSKUs) !== null && _props$configData$ski !== void 0 ? _props$configData$ski : [];
+          sceneData.layers[layerId].skinPanelData = computeSkinPanels(layer, skinPanelExclusionSKUs, props.catalog);
 
           // send scene object from 3DTool to HostApp using internalEvent
           (_props$onInternalEven3 = props.onInternalEvent) === null || _props$onInternalEven3 === void 0 || _props$onInternalEven3.call(props, {