kitchen-simulator 1.1.1-test.75 → 1.1.1-test.77

package/es/devLiteRenderer.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import mockProps from "./mocks/mockProps.json";
+import mockCategoryData from "./mocks/categoryData.json";
+import mockDataBundle from "./mocks/dataBundle.json";
+import ReactDOM from 'react-dom';
+import LiteKitchenConfigurator from "./LiteKitchenConfigurator";
+import LiteRenderer from "./LiteRenderer";
+
+// --- renderer props ---
+var options = {
+  unit: 'in',
+  enable3D: true
+};
+var onSave = function onSave(_ref) {
+  var payload = _ref.payload;
+  console.log('SAVE triggered:', payload.scene);
+};
+var onEvent = function onEvent(evt) {
+  console.log('EVENT:', evt.type, evt.payload);
+};
+var onExternalEvent = function onExternalEvent(evt) {
+  console.log('EXTERNAL EVENT:', evt.type, evt.payload);
+};
+var onError = function onError(err) {
+  console.error('ERROR:', err);
+};
+document.getElementById('app').style.display = 'block';
+ReactDOM.render(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  className: "flex gap-4"
+}, /*#__PURE__*/React.createElement(LiteRenderer, {
+  width: 1264,
+  height: 1164,
+  projectElement: mockProps.projectElement,
+  categoryData: mockCategoryData,
+  dataBundle: mockDataBundle,
+  configData: mockProps.configData,
+  options: options,
+  logoImg: "/assets/logo.png",
+  companyUrl: "https://example.com",
+  toolbarButtons: [],
+  onSave: onSave,
+  onEvent: onEvent,
+  onError: onError
+}))), document.getElementById('app'));

package/es/index.js

@@ -1,9 +1,9 @@
 import ReactDOM from 'react-dom';
 import React from 'react';
-import KitchenConfiguratorApp from "./KitchenConfiguratorApp";
+import LiteRenderer from "./LiteRenderer";
 export function renderKitchenSimulator(container) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var root = ReactDOM.render(/*#__PURE__*/React.createElement(KitchenConfiguratorApp, props), container);
+  var root = ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, props), container);
   return {
     root: root,
     unmount: function unmount() {

package/es/models.js

@@ -501,5 +501,4 @@ export var State = /*#__PURE__*/function (_Record12) {
   userId: 0,
   isHelp: false,
   isCabinetDrawing: false
-}, 'State'));
-export default State;
+}, 'State'));

package/es/plugins/export.js

@@ -1,9 +1,7 @@
-import Autosave from "./autosave";
 import Keyboard from "./keyboard";
 import ConsoleDebugger from "./console-debugger";
-export { Autosave, Keyboard, ConsoleDebugger };
+export { Keyboard, ConsoleDebugger };
 export default {
-  Autosave: Autosave,
   Keyboard: Keyboard,
   ConsoleDebugger: ConsoleDebugger
 };

package/es/plugins/keyboard.js

@@ -1,5 +1,5 @@
-import { KEYBOARD_BUTTON_CODE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_SNAPPING } from "../constants";
-import { copyProperties, pasteProperties, recreate, redo, remove, rollback, shift2doff, shift2don, toggleSnap, uncreate, undo } from "../actions/project-actions";
+import { MODE_IDLE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_SNAPPING, KEYBOARD_BUTTON_CODE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_DRAWING_ITEM } from "../constants";
+import { rollback, undo, redo, recreate, uncreate, remove, toggleSnap, copyProperties, pasteProperties, shift2doff, shift2don } from "../actions/project-actions";
 export default function keyboard() {
   return function (store, stateExtractor) {
     window.addEventListener('keydown', function (event) {

package/es/reducers/holes-reducer.js

@@ -1,6 +1,6 @@
 import { Hole } from "../class/export";
 import { history } from "../utils/export";
-import { BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, END_CREATING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, END_DRAWING_HOLE, END_DRAWING_HOLE_3D, SELECT_HOLE, SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAGGING_HOLE, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, UPDATE_POPUP_OPEN } from "../constants";
+import { SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, END_DRAWING_HOLE, END_DRAWING_HOLE_3D, BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, UPDATE_DRAGGING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, SELECT_HOLE, END_CREATING_HOLE, UPDATE_POPUP_OPEN, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED } from "../constants";
 export default function (state, action) {
   switch (action.type) {
     case UPDATE_DRAGGING_HOLE_RULER_CHANGED:

package/es/reducers/items-reducer.js

@@ -1,6 +1,9 @@
-import { Item } from "../class/export";
+import { Item, Area } from "../class/export";
 import { history } from "../utils/export";
-import { ANIMATE_OBJECT, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, DUPLICATE_SELECTED, EDIT_WIDTH, END_CREATING_CABINET, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, END_DRAWING_ITEM, END_LOADING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, ITEM_MOVE_UP, REMOVE_REPLACE_SUBMODULE, REPLACE_ITEM, REPLACE_SUBMODULE, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, SELECT_TOOL_DRAWING_ITEM_3D, SET_APPLIANCE_MATERIAL, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_COUNTER_TOP, SET_DOOR_HANDLE, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_MODELLING, SET_MOLDING, SET_WALL_COLOR, STORE_DIST_ARRAY, TOGGLE_LOADING_CABINET, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAWING_ITEM, UPDATE_ITEM_POSITION, UPDATE_MOLDING, UPDATE_POPUP_OPEN, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, VALIDATE_ITEM_POSTIONS } from "../constants";
+import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
+// SET_MOVE_STATUS,
+// SET_ROTATE_STATUS
+} from "../constants";
 export default function (state, action) {
   switch (action.type) {
     case STORE_DIST_ARRAY:

package/es/reducers/lines-reducer.js

@@ -1,6 +1,6 @@
 import { Line } from "../class/export";
 import { history } from "../utils/export";
-import { BEGIN_DRAGGING_LINE, BEGIN_DRAWING_LINE, END_DRAGGING_LINE, END_DRAWING_LINE, SELECT_LINE, SELECT_TOOL_DRAWING_LINE, SET_RELATED_LINE, STOP_DRAWING_LINE, UPDATE_DRAGGING_LINE, UPDATE_DRAWING_LINE } from "../constants";
+import { SELECT_TOOL_DRAWING_LINE, BEGIN_DRAWING_LINE, UPDATE_DRAWING_LINE, END_DRAWING_LINE, BEGIN_DRAGGING_LINE, UPDATE_DRAGGING_LINE, END_DRAGGING_LINE, SELECT_LINE, STOP_DRAWING_LINE, SET_RELATED_LINE } from "../constants";
 export default function (state, action) {
   switch (action.type) {
     case SELECT_TOOL_DRAWING_LINE:

package/es/reducers/project-reducer.js

@@ -1,5 +1,5 @@
 import { history } from "../utils/export";
-import { ADD_CIRCULAR_GUIDE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ALTERATE_STATE, CHANGE_CATALOG_PAGE, COPY_PROPERTIES, GO_BACK_TO_CATALOG_PAGE, INIT_CATALOG, LOAD_PROJECT, MODE_DRAWING_LINE, MODE_IDLE, NEW_PROJECT, OPEN_CATALOG, OPEN_PROJECT_CONFIGURATOR, PASTE_PROPERTIES, PROJECT_RE_NAME, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, RECREATE, REDO, REMOVE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, ROLLBACK, SELECT_ALL, SELECT_TOOL_EDIT, SET_HOLES_ATTRIBUTES, SET_IS_CABINET_DRAWING, SET_IS_HELP, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_MODE, SET_PROJECT_ID, SET_PROJECT_PROPERTIES, SET_PROPERTIES, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, THROW_ERROR, THROW_WARNING, TOGGLE_SNAP, UNCREATE, UNDO, UNSELECT_ALL, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE } from "../constants";
+import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING } from "../constants";
 import { Project } from "../class/export";
 export default function (state, action) {
   switch (action.type) {

package/es/reducers/reducer.js

@@ -1,5 +1,5 @@
-import { AREA_ACTIONS, GROUP_ACTIONS, HOLE_ACTIONS, ITEMS_ACTIONS, LINE_ACTIONS, PROJECT_ACTIONS, SCENE_ACTIONS, USER_ACTIONS, VERTEX_ACTIONS, VIEWER2D_ACTIONS, VIEWER3D_ACTIONS } from "../constants";
-import { KitchenConfiguratorAreasReducer, KitchenConfiguratorGroupsReducer, KitchenConfiguratorHolesReducer, KitchenConfiguratorItemsReducer, KitchenConfiguratorLinesReducer, KitchenConfiguratorProjectReducer, KitchenConfiguratorSceneReducer, KitchenConfiguratorUserReducer, KitchenConfiguratorVerticesReducer, KitchenConfiguratorViewer2dReducer, KitchenConfiguratorViewer3dReducer } from "./export";
+import { PROJECT_ACTIONS, VIEWER2D_ACTIONS, VIEWER3D_ACTIONS, GROUP_ACTIONS, ITEMS_ACTIONS, HOLE_ACTIONS, LINE_ACTIONS, AREA_ACTIONS, SCENE_ACTIONS, VERTEX_ACTIONS, USER_ACTIONS } from "../constants";
+import { KitchenConfiguratorAreasReducer, KitchenConfiguratorHolesReducer, KitchenConfiguratorItemsReducer, KitchenConfiguratorLinesReducer, KitchenConfiguratorGroupsReducer, KitchenConfiguratorProjectReducer, KitchenConfiguratorSceneReducer, KitchenConfiguratorVerticesReducer, KitchenConfiguratorViewer2dReducer, KitchenConfiguratorViewer3dReducer, KitchenConfiguratorUserReducer } from "./export";
 import { State } from "../models";
 export var initialState = new State();
 export default function appReducer(state, action) {

package/es/reducers/scene-reducer.js

@@ -1,6 +1,6 @@
 import { Layer } from "../class/export";
 import { history } from "../utils/export";
-import { ADD_LAYER, REMOVE_LAYER, SELECT_LAYER, SET_LAYER_PROPERTIES, UPDATE_MOVING_STATE } from "../constants";
+import { ADD_LAYER, SELECT_LAYER, SET_LAYER_PROPERTIES, REMOVE_LAYER, UPDATE_MOVING_STATE } from "../constants";
 export default function (state, action) {
   var saveHistory = function saveHistory() {
     return state = state.merge({

package/es/reducers/user-reducer.js

@@ -1,4 +1,5 @@
-import { LOGIN_ERROR, LOGIN_SUCCESS, LOGOUT } from "../constants";
+import { object } from 'prop-types';
+import { LOGIN_SUCCESS, LOGIN_ERROR, LOGOUT } from "../constants";
 var initialState = {
   success: false,
   error: {

package/es/reducers/vertices-reducer.js

@@ -1,4 +1,4 @@
-import { BEGIN_DRAGGING_VERTEX, END_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX } from "../constants";
+import { BEGIN_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX, END_DRAGGING_VERTEX } from "../constants";
 import { history } from "../utils/export";
 import { Vertex } from "../class/export";
 export default function (state, action) {

package/es/renderer.js

@@ -0,0 +1,474 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import ContainerDimensions from 'react-container-dimensions';
+import Immutable, { Map } from 'immutable';
+import immutableDevtools from 'immutable-devtools';
+import { createStore } from 'redux';
+import { Provider } from 'react-redux';
+import { hotjar } from 'react-hotjar';
+import * as Sentry from '@sentry/react';
+import browserHistory from "./@history";
+import * as history from 'history';
+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 AppContext from "./AppContext";
+import { HashRouter, Route, Router, Switch } from 'react-router-dom';
+import { render2DItem, render3DApplianceItem, render3DItem, render3DLightingItem } from "./catalog/utils/item-loader";
+import exporter from "./catalog/utils/exporter";
+import axios from 'axios';
+import Login from "./components/login/Login";
+import Register from "./components/login/Register";
+import { API_SERVER_URL, ERROR_DATABASE, MODE, NO_DATA_DATABASE, TOE_KICK_MOLDING } from "./constants";
+import MobileDetect from 'mobile-detect';
+import * as zlib from 'browserify-zlib';
+import Buffer from 'buffer';
+import { getPathInfo, isEmpty } from "./utils/helper";
+import Catalog from "./catalog/catalog";
+import KitchenConfigurator from "./KitchenConfigurator";
+import PlannerReducer from "./reducers/reducer";
+import { newProject } from "./actions/project-actions";
+import { SVGLoader } from 'three/examples/jsm/loaders/SVGLoader';
+import CrossSignOn from "./CrossSignOn";
+import { QueryClient, QueryClientProvider } from 'react-query';
+import { ReactQueryDevtools } from 'react-query/devtools';
+import { GA } from "./analytics/ga4";
+import { PostHogProvider } from 'posthog-js/react';
+import DisclaimerScreen from "./components/disclaimer/disclaimer";
+import ToolbarScreenshotButton from "./components/toolbar/button/toolbar-screenshot-button";
+import * as PlannerModels from "./models";
+import { ConsoleDebugger, Keyboard } from "./plugins/export";
+
+// Axios config
+axios.defaults.baseURL = API_SERVER_URL;
+var md = new MobileDetect(window.navigator.userAgent);
+var isMobile = md.mobile();
+//define state
+var AppState = Map({
+  KitchenConfigurator: new PlannerModels.State()
+});
+console.log('Version: 378.58-202510_DIY-425-window-snap');
+GA.resetSessionKeys();
+if (MODE === 'staging') {
+  GA.init({
+    measurementId: 'G-H2BYBW7V6H'
+  });
+} else {
+  GA.init({
+    measurementId: 'G-YK2JCC9F9G'
+  });
+}
+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 catalog = new Catalog();
+var blackList = isProduction === true ? [] : ['UPDATE_MOUSE_COORDS', 'UPDATE_ZOOM_SCALE', 'UPDATE_2D_CAMERA'];
+if (!isProduction) {
+  console.info('Environment is in development and these actions will be blacklisted', blackList);
+  console.info('Enable Chrome custom formatter for Immutable pretty print');
+  immutableDevtools(Immutable);
+}
+var options = {
+  api_host: process.env.VITE_PUBLIC_POSTHOG_HOST,
+  // important for 3D/canvas replays
+  session_recording: {
+    recordCanvas: true
+  },
+  // we'll capture pageviews manually if needed
+  capture_pageview: false
+};
+
+//init store
+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
+  },
+  actionsBlacklist: blackList,
+  maxAge: 999999
+}) : function (f) {
+  return f;
+});
+var plugins = [Keyboard(), ConsoleDebugger()];
+var toolbarButtons = [ToolbarScreenshotButton];
+var categoryData;
+sessionStorage.setItem('visualizerName', getPathInfo(1));
+if (!isMobile) {
+  axios.get("".concat(API_SERVER_URL, "/api/dealer/").concat(getPathInfo(1), "/config")).then(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(res) {
+      var _res$data, success, id, logoImg, companyUrl, config, configdata;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _res$data = res.data, success = _res$data.success, id = _res$data.id, logoImg = _res$data.logoImg, companyUrl = _res$data.companyUrl, config = _res$data.config;
+            configdata = JSON.parse(config);
+            if (!(success === false || id === 0 && logoImg === '' && companyUrl === '')) {
+              _context3.next = 1;
+              break;
+            }
+            alert('No Catalog');
+            return _context3.abrupt("return");
+          case 1:
+            _context3.next = 2;
+            return axios.post("".concat(API_SERVER_URL, "/api/planner/read/planner"), {
+              type: MODE === 'staging' ? 2 : 1
+            }, {
+              responseType: 'arraybuffer'
+            }).then(/*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(response) {
+                var unzip_data, data, appliances, lighting, furnishing, success, svgLoadPromises, outlineSVGData, Item, x, _x4, _x5, _x6, MainComponent, queryClient, MainApp;
+                return _regeneratorRuntime.wrap(function (_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      unzip_data = JSON.parse(zlib.unzipSync(new Buffer.Buffer.from(response.data)).toString());
+                      data = unzip_data.data, appliances = unzip_data.appliances, lighting = unzip_data.lighting, furnishing = unzip_data.furnishing, success = unzip_data.success;
+                      if (success === false) {
+                        console.log(NO_DATA_DATABASE);
+                      }
+                      if (success === 'error') {
+                        alert(ERROR_DATABASE);
+                      }
+                      _context2.next = 1;
+                      return axios.post("".concat(API_SERVER_URL, "/api/toolbar/getCategoryData"), {
+                        type: MODE === 'staging' ? 2 : 1
+                      }, {
+                        responseType: 'arraybuffer'
+                      }).then(function (response) {
+                        categoryData = JSON.parse(zlib.unzipSync(new Buffer.Buffer.from(response.data)).toString());
+                        var _categoryData$data = categoryData.data,
+                          catalogs = _categoryData$data.catalogs,
+                          colorAlias = _categoryData$data.colorAlias,
+                          subgroups = _categoryData$data.subgroups;
+                        var door_color_alias = [];
+                        var subgroup_ids = catalogs.filter(function (item) {
+                          return item.id == id;
+                        })[0].manufacturer_subgroup_ids.split(',');
+                        var 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);
+                        });
+                        var doorStyleData = categoryData.data.doorStyles.items;
+                        categoryData.data.doorStyles.items = doorStyleData.treeStruct;
+                        // construct a doorStyle variable
+                        door_color_alias.forEach(function (dca) {
+                          doorStyleData.doorColorData.forEach(function (dc) {
+                            // convert string into integer.
+                            dc.door_style_id = parseInt(dc.door_style_id);
+
+                            // find the original for the alias.
+                            if (dc.id !== dca.door_color_id) return;
+                            dc.name = dca.alias_name;
+                            dc.color_sku_alias = dca.sku_alias_name;
+
+                            // judge the door style of the current door color
+                            doorStyleData.treeStruct.forEach(function (el) {
+                              el.items.forEach(function (elem) {
+                                return dc.door_style_id === elem.id && (dc.door_style_name = elem.name);
+                              });
+                            });
+
+                            // convert string into array
+                            dca.alias_installation_type = isEmpty(dca.alias_installation_type) ? [] : dca.alias_installation_type.split(',').map(function (item) {
+                              return parseInt(item);
+                            });
+
+                            // add door color to doorStyle variable according to 'alias_installation_type' of its alias
+                            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);
+                              });
+                            });
+                          });
+                        });
+                        var molding = [];
+                        var toeMoldingData = [];
+                        var cabinets = categoryData.data.cabinets;
+                        cabinets[cabinets.length - 1].items.forEach(function (index) {
+                          if (index.name.toLowerCase().includes('molding')) {
+                            index.items.forEach(function (item) {
+                              molding.push(item);
+                            });
+                          }
+                          // store all toe kick molding templates
+                          if (index.name.includes(TOE_KICK_MOLDING)) {
+                            index.items.forEach(function (item) {
+                              toeMoldingData.push(item);
+                            });
+                          }
+                        });
+                        categoryData.data.toeMoldingData = toeMoldingData;
+                        var 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) {
+                              // Skip if no SVG URL available
+                              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 Promise.all(promises);
+                      });
+                    case 1:
+                      // Load Outline SVG Data
+                      svgLoadPromises = data.map(/*#__PURE__*/function () {
+                        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(item) {
+                          var _parsed$xml$viewBox, _parsed$xml$viewBox2, _response, svgText, loader, parsed, _t;
+                          return _regeneratorRuntime.wrap(function (_context) {
+                            while (1) switch (_context.prev = _context.next) {
+                              case 0:
+                                if (!item.outline) {
+                                  _context.next = 6;
+                                  break;
+                                }
+                                _context.prev = 1;
+                                _context.next = 2;
+                                return fetch(item.outline, {
+                                  cache: 'no-store'
+                                });
+                              case 2:
+                                _response = _context.sent;
+                                _context.next = 3;
+                                return _response.text();
+                              case 3:
+                                svgText = _context.sent;
+                                loader = new SVGLoader();
+                                parsed = loader.parse(svgText);
+                                if (!isEmpty(parsed.paths)) {
+                                  _context.next = 4;
+                                  break;
+                                }
+                                return _context.abrupt("return", null);
+                              case 4:
+                                return _context.abrupt("return", {
+                                  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')) ? false : true
+                                });
+                              case 5:
+                                _context.prev = 5;
+                                _t = _context["catch"](1);
+                                console.error('Failed to load SVG:', item.outline, _t);
+                                return _context.abrupt("return", null);
+                              case 6:
+                                return _context.abrupt("return", null);
+                              case 7:
+                              case "end":
+                                return _context.stop();
+                            }
+                          }, _callee, null, [[1, 5]]);
+                        }));
+                        return function (_x3) {
+                          return _ref3.apply(this, arguments);
+                        };
+                      }());
+                      _context2.next = 2;
+                      return Promise.all(svgLoadPromises);
+                    case 2:
+                      outlineSVGData = _context2.sent;
+                      // End: Load Outline SVG Data
+                      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 (x in Areas) catalog.registerElement(Areas[x]);
+                      for (_x4 in Lines) catalog.registerElement(Lines[_x4]);
+                      for (_x5 in Holes) catalog.registerElement(Holes[_x5]);
+                      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]);
+                      for (_x6 in Item) catalog.registerElement(Item[_x6]);
+                      MainComponent = function MainComponent(props, width, height) {
+                        return /*#__PURE__*/React.createElement(KitchenConfigurator, _extends({
+                          catalog: catalog,
+                          width: width,
+                          height: height
+                        }, props, {
+                          logoImage: logoImg,
+                          companyURL: companyUrl,
+                          plugins: plugins,
+                          toolbarButtons: toolbarButtons,
+                          stateExtractor: function stateExtractor(state) {
+                            return state.get('KitchenConfigurator');
+                          },
+                          categoryData: categoryData,
+                          data: data,
+                          configData: configdata
+                        }));
+                      };
+                      queryClient = new QueryClient();
+                      MainApp = function MainApp(props) {
+                        return /*#__PURE__*/React.createElement(QueryClientProvider, {
+                          client: queryClient
+                        }, /*#__PURE__*/React.createElement(ReactQueryDevtools, {
+                          initialIsOpen: false
+                        }), /*#__PURE__*/React.createElement(AppContext.Provider, null, /*#__PURE__*/React.createElement(Provider, {
+                          store: store
+                        }, /*#__PURE__*/React.createElement(PostHogProvider, {
+                          apiKey: process.env.VITE_PUBLIC_POSTHOG_KEY,
+                          options: options
+                        }, /*#__PURE__*/React.createElement(ContainerDimensions, null, function (_ref4) {
+                          var width = _ref4.width,
+                            height = _ref4.height;
+                          return /*#__PURE__*/React.createElement(HashRouter, {
+                            history: history.createHashHistory()
+                          }, /*#__PURE__*/React.createElement(Router, {
+                            history: browserHistory
+                          }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+                            exact: true,
+                            path: "/:visualizerName/",
+                            name: "kc",
+                            render: function render(routeProps) {
+                              return /*#__PURE__*/React.createElement(MainComponent, _extends({}, routeProps, props, {
+                                width: width,
+                                height: height
+                              }));
+                            }
+                          }), /*#__PURE__*/React.createElement(Route, {
+                            path: "/login",
+                            render: function render() {
+                              return /*#__PURE__*/React.createElement(Login, null);
+                            }
+                          }), /*#__PURE__*/React.createElement(Route, {
+                            path: "/register",
+                            render: function render() {
+                              return /*#__PURE__*/React.createElement(Register, null);
+                            }
+                          }), /*#__PURE__*/React.createElement(Route, {
+                            path: "/:visualizerName/project/:role/:token/:pid",
+                            render: function render(routeProps) {
+                              return /*#__PURE__*/React.createElement(MainComponent, _extends({}, routeProps, props, {
+                                width: width,
+                                height: height
+                              }));
+                            }
+                          }))));
+                        })))));
+                      };
+                      setTimeout(function () {
+                        ReactDOM.render(/*#__PURE__*/React.createElement(CrossSignOn, {
+                          App: MainApp
+                        }), document.getElementById('app'));
+                      }, 100);
+                    case 3:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2);
+              }));
+              return function (_x2) {
+                return _ref2.apply(this, arguments);
+              };
+            }())["catch"](function (err) {
+              alert('Something wrong happened. Do you want to clear the cache and restart the app?');
+              console.log('Failed to load Category Data in src/renderer.jsx', err);
+              sessionStorage.clear();
+              store.dispatch(newProject());
+            });
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+} else {
+  ReactDOM.render(/*#__PURE__*/React.createElement(DisclaimerScreen, {
+    open: true,
+    onClose: function onClose() {
+      if (window.history.length > 1) {
+        window.history.back();
+      } else {
+        window.location.href = 'https://addovisuals.com/'; // fallback to home
+      }
+    }
+  }), document.getElementById('app'));
+}