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

package/es/components/viewer2d/state.js

@@ -1,73 +0,0 @@
-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

@@ -1,193 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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
-};