hart-estate-widget 0.0.62 → 0.0.65

package/build/enums/deviceWidth.js

@@ -3,10 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deviceWidth = void 0;
+exports.getDevicesByWidth = exports.deviceWidth = void 0;
 var deviceWidth = {
+  smallMobile: 374,
   mobile: 545,
-  tablet: 900,
+  tablet: 1100,
   laptop: 1440
 };
-exports.deviceWidth = deviceWidth;
+exports.deviceWidth = deviceWidth;
+
+var getDevicesByWidth = function getDevicesByWidth(width) {
+  return Object.keys(deviceWidth).filter(function (key) {
+    return width <= deviceWidth[key];
+  });
+};
+
+exports.getDevicesByWidth = getDevicesByWidth;

package/build/enums/rotationModes.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rotationModes = void 0;
+var rotationModes = {
+  DEFAULT: 0,
+  THREESIXTY: 1
+};
+exports.rotationModes = rotationModes;

package/build/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "ApiStore", {
     return _apiStore.default;
   }
 });
-Object.defineProperty(exports, "ImageTab", {
-  enumerable: true,
-  get: function get() {
-    return _ImageTab.default;
-  }
-});
 Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
@@ -51,6 +45,12 @@ Object.defineProperty(exports, "Widget", {
     return _Widget.default;
   }
 });
+Object.defineProperty(exports, "rotationModes", {
+  enumerable: true,
+  get: function get() {
+    return _rotationModes.rotationModes;
+  }
+});
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -58,8 +58,6 @@ require("./index.css");
 
 var _apiStore = _interopRequireDefault(require("./store/apiStore"));
 
-var _ImageTab = _interopRequireDefault(require("./components/ImageTab"));
-
 var _Instructions = _interopRequireDefault(require("./components/Instructions"));
 
 var _Loader = _interopRequireDefault(require("./components/Loader"));
@@ -72,4 +70,6 @@ var _RotationTab = _interopRequireDefault(require("./components/RotationTab"));
 
 var _Widget = _interopRequireDefault(require("./components/Widget"));
 
+var _rotationModes = require("./enums/rotationModes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/store/apiStore.js

@@ -64,14 +64,14 @@ var ApiStore = /*#__PURE__*/_createClass(function ApiStore(API_URL) {
     }, _callee);
   })));
 
-  _defineProperty(this, "loadWidgetData", /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(planId) {
+  _defineProperty(this, "loadCrmWidgetData", /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(crmPlanId) {
       var path, response;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/widget");
+              path = "".concat(_this.API_URL, "/api/crm/plans/").concat(crmPlanId, "/widget");
               _context2.next = 3;
               return fetch(path);
 
@@ -96,14 +96,14 @@ var ApiStore = /*#__PURE__*/_createClass(function ApiStore(API_URL) {
     };
   }());
 
-  _defineProperty(this, "loadEditorData", /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(planId, token) {
+  _defineProperty(this, "loadWidgetData", /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(planId) {
       var path, response;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/editor?token=").concat(token);
+              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/widget");
               _context3.next = 3;
               return fetch(path);
 
@@ -123,19 +123,19 @@ var ApiStore = /*#__PURE__*/_createClass(function ApiStore(API_URL) {
       }, _callee3);
     }));
 
-    return function (_x2, _x3) {
+    return function (_x2) {
       return _ref3.apply(this, arguments);
     };
   }());
 
-  _defineProperty(this, "loadPanoramaData", /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(planId) {
+  _defineProperty(this, "loadEditorData", /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(planId, token) {
       var path, response;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/panorama");
+              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/editor?token=").concat(token);
               _context4.next = 3;
               return fetch(path);
 
@@ -155,30 +155,31 @@ var ApiStore = /*#__PURE__*/_createClass(function ApiStore(API_URL) {
       }, _callee4);
     }));
 
-    return function (_x4) {
+    return function (_x3, _x4) {
       return _ref4.apply(this, arguments);
     };
   }());
 
-  _defineProperty(this, "loadJson", /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(path) {
-      var response;
+  _defineProperty(this, "loadPanoramaData", /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(planId) {
+      var path, response;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
+              path = "".concat(_this.API_URL, "/api/plans/").concat(planId, "/panorama");
+              _context5.next = 3;
               return fetch(path);
 
-            case 2:
+            case 3:
               response = _context5.sent;
-              _context5.next = 5;
+              _context5.next = 6;
               return response.json();
 
-            case 5:
+            case 6:
               return _context5.abrupt("return", _context5.sent);
 
-            case 6:
+            case 7:
             case "end":
               return _context5.stop();
           }
@@ -191,6 +192,37 @@ var ApiStore = /*#__PURE__*/_createClass(function ApiStore(API_URL) {
     };
   }());
 
+  _defineProperty(this, "loadJson", /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(path) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return fetch(path);
+
+            case 2:
+              response = _context6.sent;
+              _context6.next = 5;
+              return response.json();
+
+            case 5:
+              return _context6.abrupt("return", _context6.sent);
+
+            case 6:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function (_x6) {
+      return _ref6.apply(this, arguments);
+    };
+  }());
+
   (0, _mobx.makeAutoObservable)(this);
   this.API_URL = API_URL;
 });

package/build/store/fullScreenStore.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _store = _interopRequireDefault(require("../store"));
+
 var _mobx = require("mobx");
 
 var _screenfull = _interopRequireDefault(require("screenfull"));
@@ -21,6 +23,10 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -43,6 +49,10 @@ var FullscreenStore = /*#__PURE__*/function () {
 
     _defineProperty(this, "element", null);
 
+    _defineProperty(this, "width", null);
+
+    _defineProperty(this, "height", null);
+
     (0, _mobx.makeAutoObservable)(this);
   }
 
@@ -53,9 +63,26 @@ var FullscreenStore = /*#__PURE__*/function () {
 
       this.element = document.querySelector('#widget-application');
       if (!this.enabled) return;
+      this.resize(_store.default.config);
 
       _screenfull.default.on('change', function () {
-        return _this.active = _screenfull.default.isFullscreen;
+        setTimeout(function () {
+          _this.active = _screenfull.default.isFullscreen;
+
+          if (_this.active) {
+            _store.default.setConfig(_objectSpread(_objectSpread({}, _store.default.config), {}, {
+              width: window.innerWidth,
+              height: window.innerHeight
+            }));
+
+            return;
+          }
+
+          _store.default.setConfig(_objectSpread(_objectSpread({}, _store.default.config), {}, {
+            width: _this.width,
+            height: _this.height
+          }));
+        }, 100);
       });
     }
   }, {
@@ -114,6 +141,14 @@ var FullscreenStore = /*#__PURE__*/function () {
 
       return exit;
     }()
+  }, {
+    key: "resize",
+    value: function resize(_ref) {
+      var width = _ref.width,
+          height = _ref.height;
+      this.width = width;
+      this.height = height;
+    }
   }]);
 
   return FullscreenStore;

package/build/store/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _locale = _interopRequireDefault(require("../locale"));
+
 var _mobx = require("mobx");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -42,7 +44,9 @@ var Store = /*#__PURE__*/function () {
 
     _defineProperty(this, "config", null);
 
-    _defineProperty(this, "listeners", {});
+    _defineProperty(this, "listeners", {
+      'resize': []
+    });
 
     _defineProperty(this, "controlsVisible", true);
 
@@ -77,6 +81,13 @@ var Store = /*#__PURE__*/function () {
     key: "setConfig",
     value: function setConfig(config) {
       this.config = config;
+
+      _locale.default.setCurrentLocale(config.locale);
+
+      this.dispatchEvent('resize', {
+        width: config.width,
+        height: config.height
+      });
     }
   }, {
     key: "hideControls",
@@ -98,6 +109,7 @@ var Store = /*#__PURE__*/function () {
     key: "dispatchEvent",
     value: function dispatchEvent(event) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      if (!this.listeners[event]) return;
       this.listeners[event].forEach(function (callback) {
         return callback(value);
       });

package/build/store/modelStore.js

@@ -15,12 +15,16 @@ var THREE = _interopRequireWildcard(require("three"));
 
 var _cameraControls = _interopRequireDefault(require("camera-controls"));
 
+var _store = _interopRequireDefault(require("../store"));
+
 var _houseStore = _interopRequireDefault(require("../store/houseStore"));
 
 var _grass = _interopRequireDefault(require("../assets/img/grass.png"));
 
 var _modelHelpers = require("../utils/modelHelpers");
 
+var _defaultConfig = _interopRequireDefault(require("../config/defaultConfig"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -163,11 +167,12 @@ var ModelStore = /*#__PURE__*/function () {
 
       _this.camera.position.set(0, 0, 0);
 
-      window.addEventListener('resize', function () {
+      _store.default.addEventListener('resize', function () {
         _this.updateCameraSize();
 
         _this.updateRendererSize();
       });
+
       return _this;
     });
 
@@ -300,16 +305,16 @@ var ModelStore = /*#__PURE__*/function () {
   _createClass(ModelStore, [{
     key: "width",
     get: function get() {
-      var _this$container;
+      var _store$config;
 
-      return ((_this$container = this.container) === null || _this$container === void 0 ? void 0 : _this$container.offsetWidth) || window.innerWidth;
+      return ((_store$config = _store.default.config) === null || _store$config === void 0 ? void 0 : _store$config.width) || _defaultConfig.default.width;
     }
   }, {
     key: "height",
     get: function get() {
-      var _this$container2;
+      var _store$config2;
 
-      return ((_this$container2 = this.container) === null || _this$container2 === void 0 ? void 0 : _this$container2.offsetHeight) || window.innerHeight;
+      return ((_store$config2 = _store.default.config) === null || _store$config2 === void 0 ? void 0 : _store$config2.height) || _defaultConfig.default.height;
     }
   }, {
     key: "loadTexture",

package/package.json

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

package/build/components/ImageTab.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ImageTab = function ImageTab(_ref) {
-  var image = _ref.image,
-      alt = _ref.alt;
-  return /*#__PURE__*/_react.default.createElement("img", {
-    className: "widget-tab__image",
-    src: image,
-    alt: alt
-  });
-};
-
-var _default = ImageTab;
-exports.default = _default;