hart-estate-widget 0.0.15 → 0.0.18

package/build/components/Application.js

@@ -44,9 +44,17 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
   const [currentTab, setCurrentTab] = (0, _react.useState)(config.tabs[0]);
   const [isTabPanesVisible, setTabPanesState] = (0, _react.useState)(true);
 
-  const showTabPanes = () => setTabPanesState(true);
+  const showTabPanes = () => {
+    setTabPanesState(true);
 
-  const hideTabPanes = () => setTabPanesState(false);
+    _store.default.dispatchEvent('exitComponent');
+  };
+
+  const hideTabPanes = () => {
+    setTabPanesState(false);
+
+    _store.default.dispatchEvent('enterComponent');
+  };
 
   const tabsList = {
     'planImage': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {

package/build/components/Widget.js

@@ -11,6 +11,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _store = _interopRequireDefault(require("../store"));
 
+var _modelStore = _interopRequireDefault(require("../store/modelStore"));
+
 var _Application = _interopRequireDefault(require("./Application"));
 
 var _defaultConfig = _interopRequireDefault(require("../config/defaultConfig"));
@@ -27,6 +29,8 @@ class Widget {
   constructor(container) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
+    _defineProperty(this, "requiredParams", ['tabs', 'tabPanes', 'width', 'height', 'env']);
+
     const config = _objectSpread(_objectSpread({}, _defaultConfig.default), options);
 
     const widgetContainer = document.querySelector(container);
@@ -46,7 +50,20 @@ class Widget {
   }
 
   updateOptions(config) {
-    _store.default.setConfig(_objectSpread(_objectSpread({}, this.options), config));
+    const newConfig = _objectSpread({}, config);
+
+    this.requiredParams.forEach(param => {
+      if (config[param]) return;
+      newConfig[param] = this.options[param];
+    });
+
+    _modelStore.default.removeHouse();
+
+    _store.default.setConfig(newConfig);
+  }
+
+  on(event, callback) {
+    _store.default.addEventListener(event, callback);
   }
 
 }

package/build/store/apiStore.js

@@ -44,6 +44,12 @@ class ApiStore {
       return await response.json();
     });
 
+    _defineProperty(this, "loadEditorData", async (planId, token) => {
+      const path = "".concat(this.API_URL, "/api/plans/").concat(planId, "/editor?token=").concat(token);
+      const response = await fetch(path);
+      return await response.json();
+    });
+
     _defineProperty(this, "loadPanoramaData", async planId => {
       const path = "".concat(this.API_URL, "/api/plans/").concat(planId, "/panorama");
       const response = await fetch(path);

package/build/store/houseStore.js

@@ -95,6 +95,7 @@ class HouseStore {
 
     (0, _mobx.makeAutoObservable)(this);
     this.modelStore = modelStore;
+    this.houseGroup.name = 'House-Group';
     this.globalPlane = new THREE.Plane(new THREE.Vector3(0, -this.wallsHeight - 0.5, 0), 1);
     this.clippingPlanes = [this.globalPlane];
     this.setCenterPosition().loadTextures().then(() => {

package/build/store/index.js

@@ -21,6 +21,11 @@ class Store {
   constructor() {
     _defineProperty(this, "config", null);
 
+    _defineProperty(this, "listeners", {
+      'enterComponent': [],
+      'exitComponent': []
+    });
+
     (0, _mobx.makeAutoObservable)(this);
   }
 
@@ -28,6 +33,16 @@ class Store {
     this.config = config;
   }
 
+  addEventListener(event, callback) {
+    if (!this.listeners[event]) return;
+    this.listeners[event].push(callback);
+  }
+
+  dispatchEvent(event) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    this.listeners[event].forEach(callback => callback(value));
+  }
+
 }
 
 var _default = new Store();

package/build/store/modelStore.js

@@ -70,6 +70,12 @@ class ModelStore {
       this.scene.add(this.houseStore.houseGroup);
     });
 
+    _defineProperty(this, "removeHouse", () => {
+      const selectedObject = this.scene.getObjectByName('House-Group');
+      this.scene.remove(selectedObject);
+      this.initialized = false;
+    });
+
     _defineProperty(this, "setJoystickState", value => {
       this.isJoystickActive = value;
     });

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.15",
+  "version": "0.0.18",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",