kitchen-simulator 5.10.2-react.18 → 5.10.4-react.18

package/es/components/viewer2d/state.js

@@ -0,0 +1,73 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Scene from "./scene";
+import Snap from "./snap";
+import * as SharedStyle from "../../shared-style";
+var guideStyle = {
+  stroke: SharedStyle.SECONDARY_COLOR.main,
+  strokewidth: '2.5px'
+};
+export default function State(_ref) {
+  var state = _ref.state,
+    catalog = _ref.catalog,
+    relatedLines = _ref.relatedLines;
+  var activeSnapElement = state.activeSnapElement,
+    snapElements = state.snapElements,
+    scene = state.scene;
+  var width = scene.width,
+    height = scene.height;
+  activeSnapElement = activeSnapElement ? /*#__PURE__*/React.createElement(Snap, {
+    snap: activeSnapElement,
+    width: scene.width,
+    height: scene.height
+  }) : null;
+  // snapElements = snapElements.map((snap,id) => <Snap key={id} snap={snap} width={scene.width} height={scene.height}/>);
+  snapElements = null; //only for debug purpose
+
+  return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: width,
+    height: height,
+    fill: SharedStyle.COLORS.white
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(0, ".concat(scene.height, ") scale(1, -1)"),
+    id: "svg-drawing-paper"
+  }, /*#__PURE__*/React.createElement(Scene, {
+    scene: scene,
+    state: state,
+    catalog: catalog,
+    relatedLines: relatedLines
+  }), scene.getIn(['guides', 'horizontal']).entrySeq().map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      hgKey = _ref3[0],
+      hgVal = _ref3[1];
+    return /*#__PURE__*/React.createElement("line", {
+      id: 'hGuide' + hgKey,
+      key: hgKey,
+      x1: 0,
+      y1: hgVal,
+      x2: width,
+      y2: hgVal,
+      style: guideStyle
+    });
+  }), scene.getIn(['guides', 'vertical']).entrySeq().map(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+      vgKey = _ref5[0],
+      vgVal = _ref5[1];
+    return /*#__PURE__*/React.createElement("line", {
+      key: vgKey,
+      x1: vgVal,
+      y1: 0,
+      x2: vgVal,
+      y2: height,
+      style: guideStyle
+    });
+  }), activeSnapElement, snapElements));
+}
+State.propTypes = {
+  state: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired,
+  relatedLines: PropTypes.array.isRequired
+};

package/es/components/viewer2d/utils.js

@@ -0,0 +1,193 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { toPlainObject } from "../../utils/helper";
+import { INSTALLATION_SUFFIX_TYPE, INSTALLATION_TYPE_NAME, INSTALLATION_TYPE_SKU_SUFFIX, TOE_KICK_MOLDING } from "../../constants";
+export var searchForSkuValue = function searchForSkuValue(catalog, selectedLayer, elementType) {
+  return new Promise(function (resolve) {
+    if (elementType) {
+      Object.values(catalog.elements).forEach(function (value) {
+        if (value.obj && value.obj.skuArray) {
+          if (value.obj.skuArray.find(function (skItem) {
+            return skItem.sku === elementType;
+          })) {
+            saveDeepSearchType(elementType, value.name);
+            resolve({
+              isAvailable: true,
+              rootType: value.name
+            });
+          }
+        }
+      });
+    } else {
+      selectedLayer.items.valueSeq().forEach(function (item) {
+        Object.values(catalog.elements).forEach(function (value) {
+          if (value.obj && value.obj.skuArray) {
+            if (value.obj.skuArray.find(function (skItem) {
+              return skItem.sku === item.type;
+            })) {
+              resolve({
+                isAvailable: true,
+                rootType: value.name
+              });
+            }
+          }
+        });
+      });
+    }
+    resolve({
+      isAvailable: false
+    });
+  });
+};
+export var returnReplaceableDeepSearchType = function returnReplaceableDeepSearchType(type) {
+  var DeepSearchTypes = JSON.parse(sessionStorage.getItem('deepSearchTypes')) || [];
+  var replaceableType = DeepSearchTypes.find(function (item) {
+    return item.type === type;
+  });
+  return replaceableType && replaceableType.foundType || '';
+};
+export function getInstallationSuffix(type) {
+  var _doorColor$isAssemble, _doorColor$install;
+  var doorColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!doorColor) {
+    console.error('getInstallationSuffix received false argument : ', doorColor);
+    return doorColor;
+  }
+  doorColor = toPlainObject(doorColor);
+
+  // If doorColor.isAssembled is explicitly set → trust it.
+  // Else → fall back to checking install.
+  var isAssembled = (_doorColor$isAssemble = doorColor.isAssembled) !== null && _doorColor$isAssemble !== void 0 ? _doorColor$isAssemble : ((_doorColor$install = doorColor.install) === null || _doorColor$install === void 0 ? void 0 : _doorColor$install.toLowerCase()) === INSTALLATION_TYPE_NAME.ASSEMBLED.toLowerCase();
+  if (type === INSTALLATION_SUFFIX_TYPE.SKU) {
+    return isAssembled ? INSTALLATION_TYPE_SKU_SUFFIX.ASSEMBLED : INSTALLATION_TYPE_SKU_SUFFIX.RTA;
+  } else {
+    return isAssembled ? INSTALLATION_TYPE_NAME.ASSEMBLED : INSTALLATION_TYPE_NAME.RTA;
+  }
+}
+export function isEqualInstallationType(doorColor1, doorColor2) {
+  var _getInstallationSuffi, _getInstallationSuffi2;
+  return ((_getInstallationSuffi = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.NAME, doorColor1)) === null || _getInstallationSuffi === void 0 ? void 0 : _getInstallationSuffi.toLowerCase()) === ((_getInstallationSuffi2 = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.NAME, doorColor2)) === null || _getInstallationSuffi2 === void 0 ? void 0 : _getInstallationSuffi2.toLowerCase());
+}
+function buildSKU(baseSKU) {
+  var doorColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var colorSuffix = doorColor.color_sku_alias || doorColor.sku || '';
+  var installationSuffix = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.SKU, doorColor);
+  return [baseSKU, colorSuffix, installationSuffix].filter(Boolean).join('-');
+}
+function buildToeKickSKU() {
+  var doorColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var catalog = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // Base toe kick SKU (can be swapped between ['TKC', 'TK8', 'TK96'])
+  var baseSKU = getToeKickSKU(doorColor, catalog);
+  if (baseSKU === false) return false;
+  return buildSKU(baseSKU, doorColor);
+}
+function buildRegularSKU(element, catalog) {
+  var _internal_sku;
+  var doorColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  // Try to resolve element in catalog
+  var _element = catalog.elements[element.type] || catalog.elements[returnReplaceableDeepSearchType(element.type)];
+  if (!_element) return false;
+
+  // Start from default SKU
+  var internal_sku = _element.obj.sku_number;
+
+  // Override with SKU matching door color if found
+  var tempSKU = _element.obj.skuArray.find(function (el) {
+    return el.door_color_id === doorColor.id;
+  });
+  if (tempSKU !== null && tempSKU !== void 0 && tempSKU.sku) {
+    internal_sku = tempSKU.sku;
+  }
+
+  // Normalize left/right variants
+  internal_sku = (_internal_sku = internal_sku) === null || _internal_sku === void 0 ? void 0 : _internal_sku.replace(/-([RL])$/, '');
+
+  // Reuse generic builder for suffixes
+  return buildSKU(internal_sku, doorColor);
+}
+
+// element : cabinet
+// catalog : all cabinet info
+export function makeSKUForMagento(element, catalog, categoryData) {
+  var _element$category;
+  if ((_element$category = element.category) !== null && _element$category !== void 0 && _element$category.toLowerCase().includes('molding')) {
+    element.type = element.name;
+  }
+  var doorColor = toPlainObject(element.doorStyle);
+  if (!doorColor) return false;
+  return element.name === TOE_KICK_MOLDING ? buildToeKickSKU(doorColor, catalog) : buildRegularSKU(element, catalog, doorColor);
+}
+export function isEmpty(value) {
+  if (value === undefined || value === null || _typeof(value) === 'object' && Object.keys(value).length === 0 || typeof value === 'string' && value.trim().length === 0) return true;else return false;
+}
+var saveDeepSearchType = function saveDeepSearchType(type, foundType) {
+  var DeepSearchTypes = JSON.parse(sessionStorage.getItem('deepSearchTypes')) || [];
+  var isAlreadyAvailable = DeepSearchTypes.find(function (item) {
+    return item.type === type;
+  });
+  if (!isAlreadyAvailable) {
+    DeepSearchTypes.push({
+      type: type,
+      foundType: foundType
+    });
+  }
+  sessionStorage.setItem('deepSearchTypes', JSON.stringify(DeepSearchTypes));
+};
+
+/**
+ * @param {Boolean} flag true: for thumbnail, false: default value
+ * @returns
+ */
+export var getToeKickSKU = function getToeKickSKU() {
+  var doorColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var catalog = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var flag = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var catalogData = catalog.elements || [];
+  var itemDoorColorID = (doorColor === null || doorColor === void 0 ? void 0 : doorColor.id) || [];
+  var skuData = '';
+  Object.keys(catalogData).forEach(function (data) {
+    var obj = catalogData[data].obj;
+    if ((obj === null || obj === void 0 ? void 0 : obj.cabinet_category) === TOE_KICK_MOLDING) {
+      var _obj$skuArray;
+      var found = (_obj$skuArray = obj.skuArray) === null || _obj$skuArray === void 0 ? void 0 : _obj$skuArray.find(function (cData) {
+        return cData.door_color_id === itemDoorColorID;
+      });
+      if (found) {
+        skuData = flag ? data : found === null || found === void 0 ? void 0 : found.sku;
+      }
+    }
+  });
+  if (!skuData) return false;
+  return skuData;
+};
+function normalize(point) {
+  if (Array.isArray(point)) {
+    return {
+      x: point[0],
+      y: point[1]
+    };
+  }
+  return point;
+}
+export var areaPolygon = function areaPolygon(points) {
+  var signed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (!Array.isArray(points) || points.length < 3) return 0;
+
+  // normalize and ensure closed ring (without mutating input)
+  var pts = points.map(normalize);
+  var closed = pts.length > 0 && (pts[0].x !== pts[pts.length - 1].x || pts[0].y !== pts[pts.length - 1].y) ? [].concat(_toConsumableArray(pts), [pts[0]]) : pts;
+  var det = 0;
+  var l = closed.length - 1; // last index before the duplicated first point
+  for (var i = 0; i < l; i++) {
+    det += closed[i].x * closed[i + 1].y - closed[i].y * closed[i + 1].x;
+  }
+  var area = det / 2;
+  return signed ? area : Math.abs(area);
+};
+export var isWarningItem = function isWarningItem(item) {
+  var _item$toJS$doorStyle;
+  if (item.category === 'cabinet') return !(item !== null && item !== void 0 && (_item$toJS$doorStyle = item.toJS().doorStyle) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.doorStyles) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.cds) !== null && _item$toJS$doorStyle !== void 0 && _item$toJS$doorStyle.filter(function (cd) {
+    return cd.itemID == (item === null || item === void 0 ? void 0 : item.getIn(['itemID']));
+  }).length) > 0;else return false;
+};

package/es/components/viewer2d/vertex.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import * as SharedStyle from "../../shared-style";
+import { isEmpty } from "./utils";
+//Space from the center of the point(Use cases:x - vertexthickness,y + vertexthickness )
+var vertexthickness = 4;
+var STYLE = {
+  // strokeWidth: 5,
+  strokeLinejoin: 'round',
+  rx: '2px',
+  stroke: SharedStyle.LINE_MESH_COLOR.selected,
+  fill: SharedStyle.LINE_MESH_COLOR.selected,
+  cursor: 'move'
+};
+export default function Vertex(_ref) {
+  var vertex = _ref.vertex,
+    layer = _ref.layer;
+  var x = vertex.x,
+    y = vertex.y;
+  var relatedVertice = {
+    x: x,
+    y: y
+  };
+  if (vertex.lines.get(0)) {
+    var line = layer.lines.get(vertex.lines.get(0));
+    if (layer.lines.get(vertex.lines.get(1)) !== undefined && layer.lines.get(vertex.lines.get(1)).get('selected')) {
+      line = layer.lines.get(vertex.lines.get(1));
+    }
+    if (line) {
+      var index = line.vertices.findIndex(function (a) {
+        return a === vertex.id;
+      });
+      if (index > -1) {
+        var vertice = line.relatedVertices.filter(function (a) {
+          if (isEmpty(a['index'])) {
+            return a.get('index') === index;
+          } else {
+            return a.index === index;
+          }
+        }).get(0);
+        if (vertice && !vertice['point']) {
+          relatedVertice = {
+            x: vertice.get('point').get('x'),
+            y: vertice.get('point').get('y')
+          };
+        } else if (vertice !== undefined) {
+          relatedVertice = vertice['point'];
+        }
+      }
+    }
+  }
+  return /*#__PURE__*/React.createElement("g", {
+    "data-element-root": true,
+    "data-prototype": vertex.prototype,
+    "data-id": vertex.id,
+    "data-selected": vertex.selected,
+    "data-layer": layer.id
+  }, /*#__PURE__*/React.createElement("polygon", {
+    points: "".concat(x - vertexthickness, ",").concat(y + vertexthickness, " ").concat(x - vertexthickness, ",").concat(y - vertexthickness, " ").concat(x + vertexthickness, ",").concat(y - vertexthickness, " ").concat(x + vertexthickness, ",").concat(y + vertexthickness),
+    style: STYLE
+  }));
+}
+Vertex.propTypes = {
+  vertex: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired
+};