kitchen-simulator 1.1.1-test.9 → 2.0.1-dot-color

package/es/KitchenConfiguratorApp.js

@@ -1,495 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "toolbarButtons", "options", "user", "auth", "featureFlags", "sentry", "analytics", "onEvent", "onSave", "onError"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect } from 'react';
-import * as PropTypes from 'prop-types';
-import { Provider } from 'react-redux';
-import { createStore } from 'redux';
-import * as Models from "./models";
-import KitchenConfigurator from "./KitchenConfigurator";
-import AppContext from "./AppContext";
-import Catalog from "./catalog/catalog";
-import { SVGLoader } from 'three/addons/loaders/SVGLoader';
-import { isEmpty } from "./utils/helper";
-import { TOE_KICK_MOLDING } from "./constants";
-import * as Areas from "./catalog/areas/area/planner-element";
-import * as Lines from "./catalog/lines/wall/planner-element";
-import * as Holes from "./catalog/holes/export";
-import { render2DItem, render3DApplianceItem, render3DItem, render3DLightingItem } from "./catalog/utils/item-loader";
-import { Models as PlannerModels, Plugins as PlannerPlugins, reducer as PlannerReducer } from "./index";
-import { Map } from 'immutable';
-import ReactGA from 'react-ga4';
-import { hotjar } from 'react-hotjar';
-import * as Sentry from '@sentry/react';
-import { loadProject, rename } from "./actions/project-actions";
-import exporter from "./catalog/utils/exporter";
-
-/* ============================== component ============================= */
-var MyCatalog = new Catalog();
-var AppState = Map({
-  KitchenConfigurator: new PlannerModels.State()
-});
-console.log('Version: 378.45-202509_DIY-364-mbox-crash');
-ReactGA.initialize([{
-  trackingId: 'G-YK2JCC9F9G' // https://dev.addovisuals.com
-}, {
-  trackingId: 'G-3Y44W0RY2E' // https://demo.kc.addovisuals.com/
-}, {
-  trackingId: 'G-M2VD74KP44' // https://rtastore.diydesignspace.com/
-}]);
-hotjar.initialize('3010506', '6');
-isProduction && Sentry.init({
-  dsn: process.env.SENTRY_DSN,
-  environment: process.env.SENTRY_ENVIRONMENT
-});
-
-//define reducer
-var reducer = function reducer(state, action) {
-  state = state || AppState;
-  state = state.update('KitchenConfigurator', function (plannerState) {
-    return PlannerReducer(plannerState, action);
-  });
-  return state;
-};
-var store = createStore(reducer, null, !isProduction && window.devToolsExtension ? window.devToolsExtension({
-  features: {
-    pause: true,
-    // start/pause recording of dispatched actions
-    lock: true,
-    // lock/unlock dispatching actions and side effects
-    persist: true,
-    // persist states on page reloading
-    "export": true,
-    // export history of actions in a file
-    "import": 'custom',
-    // import history of actions from a file
-    jump: true,
-    // jump back and forth (time travelling)
-    skip: true,
-    // skip (cancel) actions
-    reorder: true,
-    // drag and drop actions in the history list
-    dispatch: true,
-    // dispatch custom actions or action creators
-    test: true // generate tests for the selected actions
-  },
-  maxAge: 999999
-}) : function (f) {
-  return f;
-});
-var plugins = [PlannerPlugins.Keyboard(), PlannerPlugins.ConsoleDebugger()];
-export default function KitchenConfiguratorApp(props) {
-  var width = props.width,
-    height = props.height,
-    projectElement = props.projectElement,
-    categoryData = props.categoryData,
-    dataBundle = props.dataBundle,
-    configData = props.configData,
-    toolbarButtons = props.toolbarButtons,
-    options = props.options,
-    user = props.user,
-    auth = props.auth,
-    featureFlags = props.featureFlags,
-    sentry = props.sentry,
-    analytics = props.analytics,
-    onEvent = props.onEvent,
-    onSave = props.onSave,
-    onError = props.onError,
-    passThrough = _objectWithoutProperties(props, _excluded);
-  var _ref = categoryData && categoryData.data || {},
-    catalogs = _ref.catalogs,
-    colorAlias = _ref.colorAlias,
-    subgroups = _ref.subgroups;
-  var _ref2 = dataBundle || {},
-    _ref2$data = _ref2.data,
-    data = _ref2$data === void 0 ? [] : _ref2$data,
-    _ref2$appliances = _ref2.appliances,
-    appliances = _ref2$appliances === void 0 ? [] : _ref2$appliances,
-    _ref2$furnishing = _ref2.furnishing,
-    furnishing = _ref2$furnishing === void 0 ? [] : _ref2$furnishing,
-    _ref2$lighting = _ref2.lighting,
-    lighting = _ref2$lighting === void 0 ? [] : _ref2$lighting;
-  var _projectElement = _slicedToArray(projectElement, 1),
-    project_data = _projectElement[0].project_data;
-  var id = configData.id,
-    logoImg = configData.logoImg,
-    companyUrl = configData.companyUrl;
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    outlineSVGData = _React$useState2[0],
-    setOutlineSVGData = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    catalogInitiated = _React$useState4[0],
-    setCatalogInitiated = _React$useState4[1];
-  useEffect(function () {
-    var initMyCatalog = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var x, _x, _x2;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              for (x in Areas) MyCatalog.registerElement(Areas[x]);
-              for (_x in Lines) MyCatalog.registerElement(Lines[_x]);
-              for (_x2 in Holes) MyCatalog.registerElement(Holes[_x2]);
-              MyCatalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
-              MyCatalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
-            case 1:
-              return _context.a(2);
-          }
-        }, _callee);
-      }));
-      return function initMyCatalog() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    var loadMoldings = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-        var door_color_alias, subgroup_ids, door_color_alias_ids, doorStyleData, molding, toeMoldingData, cabinets, promises;
-        return _regenerator().w(function (_context2) {
-          while (1) switch (_context2.n) {
-            case 0:
-              door_color_alias = [];
-              subgroup_ids = catalogs.filter(function (item) {
-                return item.id == id;
-              })[0].manufacturer_subgroup_ids.split(',');
-              door_color_alias_ids = [];
-              subgroups.forEach(function (subgroup) {
-                if (subgroup_ids.some(function (id) {
-                  return id == subgroup.id.toString();
-                })) {
-                  subgroup.door_color_alias_ids.split(',').forEach(function (item) {
-                    item != '' && door_color_alias_ids.push(item);
-                  });
-                }
-              });
-              colorAlias.forEach(function (color) {
-                return door_color_alias_ids.some(function (id) {
-                  return id == color.id.toString();
-                }) && door_color_alias.push(color);
-              });
-              doorStyleData = categoryData.data.doorStyles.items;
-              categoryData.data.doorStyles.items = doorStyleData.treeStruct;
-              door_color_alias.forEach(function (dca) {
-                doorStyleData.doorColorData.forEach(function (dc) {
-                  dc.door_style_id = parseInt(dc.door_style_id);
-                  if (dc.id !== dca.door_color_id) return;
-                  dc.name = dca.alias_name;
-                  dc.color_sku_alias = dca.sku_alias_name;
-                  doorStyleData.treeStruct.forEach(function (el) {
-                    el.items.forEach(function (elem) {
-                      return dc.door_style_id === elem.id && (dc.door_style_name = elem.name);
-                    });
-                  });
-                  dca.alias_installation_type = isEmpty(dca.alias_installation_type) ? [] : dca.alias_installation_type.split(',').map(function (n) {
-                    return parseInt(n);
-                  });
-                  categoryData.data.doorStyles.items.forEach(function (item) {
-                    if (dca.alias_installation_type.some(function (ait) {
-                      return ait === item.id;
-                    })) item.items.forEach(function (ds) {
-                      if (ds.name === dc.door_style_name) ds.items.push(dc);
-                    });
-                  });
-                });
-              });
-              molding = [];
-              toeMoldingData = [];
-              cabinets = categoryData.data.cabinets;
-              cabinets[cabinets.length - 1].items.forEach(function (index) {
-                if (index.name.toLowerCase().includes('molding')) {
-                  index.items.forEach(function (item) {
-                    return molding.push(item);
-                  });
-                }
-                if (index.name.includes(TOE_KICK_MOLDING)) {
-                  index.items.forEach(function (item) {
-                    return toeMoldingData.push(item);
-                  });
-                }
-              });
-              categoryData.data.toeMoldingData = toeMoldingData;
-              promises = molding.map(function (child) {
-                return new Promise(function (resolve, reject) {
-                  var url = child === null || child === void 0 ? void 0 : child.shape_svg;
-                  if (!url) return resolve();
-                  var loader = new SVGLoader();
-                  loader.load(url, function (data) {
-                    var _data$xml$viewBox$ani, _data$xml, _data$xml$viewBox$ani2, _data$xml2;
-                    child.data = {
-                      paths: data.paths,
-                      svg_width: (_data$xml$viewBox$ani = (_data$xml = data.xml) === null || _data$xml === void 0 || (_data$xml = _data$xml.viewBox) === null || _data$xml === void 0 || (_data$xml = _data$xml.animVal) === null || _data$xml === void 0 ? void 0 : _data$xml.width) !== null && _data$xml$viewBox$ani !== void 0 ? _data$xml$viewBox$ani : 0,
-                      svg_height: (_data$xml$viewBox$ani2 = (_data$xml2 = data.xml) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.viewBox) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.animVal) === null || _data$xml2 === void 0 ? void 0 : _data$xml2.height) !== null && _data$xml$viewBox$ani2 !== void 0 ? _data$xml$viewBox$ani2 : 0
-                    };
-                    resolve();
-                  }, null, function (error) {
-                    console.error(error);
-                    reject(error);
-                  });
-                });
-              });
-              return _context2.a(2, Promise.all(promises));
-          }
-        }, _callee2);
-      }));
-      return function loadMoldings() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    var loadSVGs = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
-        var svgLoadPromises, outlineData;
-        return _regenerator().w(function (_context4) {
-          while (1) switch (_context4.n) {
-            case 0:
-              svgLoadPromises = data.map(/*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(item) {
-                  var _parsed$xml$viewBox, _parsed$xml$viewBox2, response, svgText, loader, parsed, _t;
-                  return _regenerator().w(function (_context3) {
-                    while (1) switch (_context3.p = _context3.n) {
-                      case 0:
-                        if (item.outline) {
-                          _context3.n = 1;
-                          break;
-                        }
-                        return _context3.a(2, null);
-                      case 1:
-                        _context3.p = 1;
-                        _context3.n = 2;
-                        return fetch(item.outline, {
-                          cache: 'no-store'
-                        });
-                      case 2:
-                        response = _context3.v;
-                        _context3.n = 3;
-                        return response.text();
-                      case 3:
-                        svgText = _context3.v;
-                        loader = new SVGLoader();
-                        parsed = loader.parse(svgText);
-                        if (!isEmpty(parsed.paths)) {
-                          _context3.n = 4;
-                          break;
-                        }
-                        return _context3.a(2, null);
-                      case 4:
-                        return _context3.a(2, {
-                          paths: parsed.paths,
-                          svgWidth: parseFloat(parsed.xml.getAttribute('width')) || ((_parsed$xml$viewBox = parsed.xml.viewBox) === null || _parsed$xml$viewBox === void 0 || (_parsed$xml$viewBox = _parsed$xml$viewBox.animVal) === null || _parsed$xml$viewBox === void 0 ? void 0 : _parsed$xml$viewBox.width) || 0,
-                          svgHeight: parseFloat(parsed.xml.getAttribute('height')) || ((_parsed$xml$viewBox2 = parsed.xml.viewBox) === null || _parsed$xml$viewBox2 === void 0 || (_parsed$xml$viewBox2 = _parsed$xml$viewBox2.animVal) === null || _parsed$xml$viewBox2 === void 0 ? void 0 : _parsed$xml$viewBox2.height) || 0,
-                          reverse: !parseFloat(parsed.xml.getAttribute('height'))
-                        });
-                      case 5:
-                        _context3.p = 5;
-                        _t = _context3.v;
-                        console.error('Failed to load SVG:', item.outline, _t);
-                        return _context3.a(2, null);
-                    }
-                  }, _callee3, null, [[1, 5]]);
-                }));
-                return function (_x3) {
-                  return _ref6.apply(this, arguments);
-                };
-              }());
-              _context4.n = 1;
-              return Promise.all(svgLoadPromises);
-            case 1:
-              outlineData = _context4.v;
-              setOutlineSVGData(outlineData);
-            case 2:
-              return _context4.a(2);
-          }
-        }, _callee4);
-      }));
-      return function loadSVGs() {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-    var initCatalog = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
-        return _regenerator().w(function (_context5) {
-          while (1) switch (_context5.n) {
-            case 0:
-              setCatalogInitiated(false);
-              _context5.n = 1;
-              return initMyCatalog();
-            case 1:
-              _context5.n = 2;
-              return loadMoldings();
-            case 2:
-              _context5.n = 3;
-              return loadSVGs();
-            case 3:
-              setCatalogInitiated(true);
-            case 4:
-              return _context5.a(2);
-          }
-        }, _callee5);
-      }));
-      return function initCatalog() {
-        return _ref7.apply(this, arguments);
-      };
-    }();
-    initCatalog();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [categoryData, data, id, catalogs, colorAlias, subgroups]);
-
-  // Register items once SVGs are loaded
-  useEffect(function () {
-    if (!outlineSVGData.length) return;
-    var Item = [];
-    data.forEach(function (obj, index) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'cabinet',
-        outlineSVGData: outlineSVGData[index],
-        render2DItem: render2DItem,
-        render3DItem: render3DItem
-      })));
-    });
-    appliances.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        render2DItem: render2DItem,
-        render3DItem: render3DApplianceItem,
-        type: 'appliance'
-      })));
-    });
-    lighting.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'lighting',
-        render2DItem: render2DItem,
-        render3DItem: render3DLightingItem
-      })));
-    });
-    furnishing.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'furnishing',
-        render2DItem: render2DItem,
-        render3DItem: render3DApplianceItem
-      })));
-    });
-    for (var x in Item) MyCatalog.registerElement(Item[x]);
-  }, [outlineSVGData, data, appliances, furnishing, lighting]);
-
-  // Forward updates/save moments to host
-  useEffect(function () {
-    if (!onEvent && !onSave && !onError) return;
-    var unsubscribe = store.subscribe(function () {
-      var _state$get, _state$get$get, _state$get$get$get;
-      var state = store.getState();
-      onEvent === null || onEvent === void 0 || onEvent({
-        type: 'state-update',
-        payload: {
-          state: state
-        }
-      });
-      var pendingSave = state === null || state === void 0 || (_state$get = state.get) === null || _state$get === void 0 || (_state$get = _state$get.call(state, 'KitchenConfigurator')) === null || _state$get === void 0 || (_state$get$get = _state$get.get) === null || _state$get$get === void 0 || (_state$get$get = _state$get$get.call(_state$get, 'misc')) === null || _state$get$get === void 0 || (_state$get$get$get = _state$get$get.get) === null || _state$get$get$get === void 0 ? void 0 : _state$get$get$get.call(_state$get$get, 'pendingSave');
-      if (pendingSave && onSave) {
-        try {
-          var _planner$get, _planner$get2;
-          var planner = state.get('KitchenConfigurator');
-          var currentScene = planner !== null && planner !== void 0 && (_planner$get = planner.get) !== null && _planner$get !== void 0 && (_planner$get = _planner$get.call(planner, 'scene')) !== null && _planner$get !== void 0 && _planner$get.toJS ? planner.get('scene').toJS() : (planner === null || planner === void 0 || (_planner$get2 = planner.get) === null || _planner$get2 === void 0 ? void 0 : _planner$get2.call(planner, 'scene')) || null;
-          onSave({
-            type: 'save',
-            payload: {
-              scene: currentScene
-            }
-          });
-        } catch (e) {
-          onError === null || onError === void 0 || onError({
-            type: 'save-error',
-            error: e
-          });
-        }
-      }
-    });
-    return function () {
-      return unsubscribe();
-    };
-  }, [store, onEvent, onSave, onError]);
-  useEffect(function () {
-    if (projectElement.length === 0) return;
-    if (!catalogInitiated) return;
-    sessionStorage.setItem('projectTitle', projectElement[0].title);
-    store.dispatch(rename(projectElement[0].title));
-    sessionStorage.setItem('projectId', projectElement[0].id);
-    sessionStorage.setItem('email', projectElement[0].email);
-    sessionStorage.setItem('firstName', projectElement[0].firstName);
-    sessionStorage.setItem('lastName', projectElement[0].lastName);
-    sessionStorage.setItem('phone', projectElement[0].phone);
-    var jsonData;
-    jsonData = JSON.parse(projectElement[0].project_data);
-    jsonData.isLoadingCabinet = false;
-    store.dispatch(loadProject(jsonData, categoryData));
-  }, [project_data, catalogInitiated]);
-  return /*#__PURE__*/React.createElement(AppContext.Provider, null, /*#__PURE__*/React.createElement(Provider, {
-    store: store
-  }, /*#__PURE__*/React.createElement(KitchenConfigurator, _extends({
-    catalog: MyCatalog,
-    width: width,
-    height: height,
-    logoImage: logoImg,
-    companyURL: companyUrl,
-    plugins: plugins,
-    toolbarButtons: toolbarButtons,
-    stateExtractor: function stateExtractor(state) {
-      return state.get('KitchenConfigurator');
-    },
-    categoryData: categoryData,
-    data: data,
-    configData: configData,
-    onEvent: onEvent,
-    onSave: onSave,
-    onError: onError
-  }, passThrough))));
-}
-
-/* ============================== prop types ============================== */
-
-KitchenConfiguratorApp.propTypes = {
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  projectElement: PropTypes.arrayOf(PropTypes.object),
-  categoryData: PropTypes.any,
-  dataBundle: PropTypes.any,
-  configData: PropTypes.any,
-  catalog: PropTypes.oneOfType([PropTypes.object, PropTypes.instanceOf(Models.Catalog)]),
-  logoImg: PropTypes.any,
-  companyUrl: PropTypes.string,
-  toolbarButtons: PropTypes.any,
-  options: PropTypes.object,
-  user: PropTypes.object,
-  auth: PropTypes.object,
-  featureFlags: PropTypes.object,
-  sentry: PropTypes.shape({
-    dsn: PropTypes.string,
-    environment: PropTypes.string
-  }),
-  analytics: PropTypes.shape({
-    ga4Id: PropTypes.string,
-    hotjar: PropTypes.shape({
-      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-      sv: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-    })
-  }),
-  onEvent: PropTypes.func,
-  onSave: PropTypes.func,
-  onError: PropTypes.func,
-  store: PropTypes.object
-};

package/es/components/disclaimer/disclaimer.js

@@ -1,117 +0,0 @@
-import React, { useEffect } from 'react';
-import { Typography, Button, makeStyles } from '@material-ui/core';
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: '#D1C4E9',
-      background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
-      backgroundSize: 'cover',
-      padding: theme.spacing(2),
-      height: '100dvh',
-      width: '100dvw'
-    },
-    card: {
-      '@media (orientation: landscape)': {
-        padding: '0.75rem',
-        gap: '0.5rem'
-      },
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      backgroundColor: '#fff',
-      borderRadius: 24,
-      width: '85vw',
-      textAlign: 'center',
-      boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
-      height: 'fit-content',
-      opacity: '90%',
-      gap: '1rem',
-      padding: '1.5rem',
-      maxWidth: '364px'
-    },
-    title: {
-      fontWeight: 'bold',
-      fontSize: '1.5rem',
-      lineHeight: '133%',
-      letterSpacing: '0px',
-      textAlign: 'center',
-      verticalAlign: 'middle',
-      maxWidth: '200px'
-    },
-    body: {
-      fontWeight: 400,
-      fontStyle: 'normal',
-      fontSize: '0.875rem',
-      lineHeight: '143%',
-      letterSpacing: '0.17px',
-      color: '#49454F',
-      maxWidth: '90%'
-    },
-    button: {
-      '@media (orientation: landscape)': {
-        padding: '12px 36px'
-      },
-      marginTop: '0.5rem',
-      backgroundColor: '#6750A4',
-      color: '#fff',
-      borderRadius: 100,
-      padding: '16px 72px',
-      textTransform: 'none',
-      fontWeight: 500,
-      fontSize: '1rem',
-      '&:hover': {
-        backgroundColor: '#7c3aed'
-      },
-      '&:active': {
-        backgroundColor: '#5a25c2'
-      },
-      '&:disabled': {
-        backgroundColor: '#F3E5F5',
-        color: '#1D1B20'
-      }
-    }
-  };
-});
-export default function DisclaimerScreen(_ref) {
-  var _ref$open = _ref.open,
-    open = _ref$open === void 0 ? true : _ref$open,
-    onClose = _ref.onClose,
-    _ref$titleTop = _ref.titleTop,
-    titleTop = _ref$titleTop === void 0 ? 'Building something great!' : _ref$titleTop,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/React.createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
-    _ref$buttonText = _ref.buttonText,
-    buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
-  var classes = useStyles();
-  useEffect(function () {
-    var viewportMeta = document.querySelector('meta[name="viewport"]');
-    if (!viewportMeta) {
-      viewportMeta = document.createElement('meta');
-      viewportMeta.name = 'viewport';
-      document.head.appendChild(viewportMeta);
-    }
-    viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover';
-  }, []);
-  if (!open) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.card
-  }, /*#__PURE__*/React.createElement("img", {
-    width: 40,
-    height: 40,
-    alt: "loog",
-    src: '/assets/img/svg/disclaimer/logo-dots.svg'
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: classes.title
-  }, titleTop), /*#__PURE__*/React.createElement(Typography, {
-    className: classes.body
-  }, message), /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    className: classes.button,
-    onClick: onClose
-  }, buttonText)));
-}

package/es/plugins/autosave.js

@@ -1,33 +0,0 @@
-var sessionStorage = window.hasOwnProperty('sessionStorage') ? window.sessionStorage : false;
-import { loadProject } from "../actions/project-actions";
-var TIMEOUT_DELAY = 500;
-var timeout = null;
-export default function autosave(autosaveKey, revert, delay) {
-  return function (store, stateExtractor) {
-    delay = delay || TIMEOUT_DELAY;
-    if (revert === undefined) return;
-    if (!autosaveKey) return;
-    if (!sessionStorage) return;
-
-    //revert
-    if (revert && sessionStorage.getItem(autosaveKey) !== null) {
-      var data = sessionStorage.getItem(autosaveKey);
-      var json = JSON.parse(data);
-      store.dispatch(loadProject(json));
-    }
-
-    //update
-    store.subscribe(function () {
-      if (timeout) clearTimeout(timeout);
-      timeout = setTimeout(function () {
-        var state = stateExtractor(store.getState());
-        // sessionStorage.setItem(autosaveKey, JSON.stringify(state.scene.toJS()));
-        /*let scene = state.sceneHistory.last;
-        if (scene) {
-          let json = JSON.stringify(scene.toJS());
-          sessionStorage.setItem(autosaveKey, json);
-        }*/
-      }, delay);
-    });
-  };
-}