hart-estate-widget 0.0.57 → 0.0.58

package/build/components/PanoramaTab.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _deviceStore = _interopRequireDefault(require("../store/deviceStore"));
+
 var _locale = _interopRequireDefault(require("../locale"));
 
 var _store = _interopRequireDefault(require("../store"));
@@ -489,7 +491,7 @@ var PanoramaTab = function PanoramaTab(_ref4) {
 
   var onStart = function onStart() {
     setInstructionsState(false);
-    if (windowSize.width >= _deviceWidth.deviceWidth.laptop) return;
+    if (!_deviceStore.default.isMobile && !_deviceStore.default.isTablet) return;
 
     var allowDeviceOrientation = function allowDeviceOrientation() {
       window.removeEventListener('deviceorientation', allowDeviceOrientation);

package/build/store/deviceStore.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobx = require("mobx");
+
+var _uaParserJs = _interopRequireDefault(require("ua-parser-js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+(0, _mobx.configure)({
+  useProxies: 'never'
+});
+
+var DeviceStore = /*#__PURE__*/function () {
+  function DeviceStore() {
+    _classCallCheck(this, DeviceStore);
+
+    _defineProperty(this, "parser", null);
+
+    (0, _mobx.makeAutoObservable)(this);
+    this.parser = new _uaParserJs.default();
+  }
+
+  _createClass(DeviceStore, [{
+    key: "device",
+    get: function get() {
+      return this.parser.getDevice();
+    }
+  }, {
+    key: "isMobile",
+    get: function get() {
+      return this.device.type === 'mobile';
+    }
+  }, {
+    key: "isTablet",
+    get: function get() {
+      return this.device.type === 'tablet';
+    }
+  }]);
+
+  return DeviceStore;
+}();
+
+var _default = new DeviceStore();
+
+exports.default = _default;

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.57",
+  "version": "0.0.58",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",
@@ -11,9 +11,9 @@
     "build",
     "README.md"
   ],
-	"engines": {
-		"node": "^16.0.0"
-	},
+  "engines": {
+    "node": "^16.0.0"
+  },
   "scripts": {
     "start": "npm run build:sass && babel src --watch -d build --copy-files",
     "start-example": "cd ./example && npm run start",
@@ -35,7 +35,8 @@
     "react-dom": "^17.0.2",
     "screenfull": "^6.0.1",
     "three": "^0.137.5",
-    "three-device-orientation": "^1.0.3"
+    "three-device-orientation": "^1.0.3",
+    "ua-parser-js": "^1.0.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.0",