@realsee/vreo 2.4.0 → 2.4.1

package/lib/Player/modules/VideoAgent/index.js

@@ -1,57 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VideoAgent = VideoAgent;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../hooks");
-
 var _VideoAgentScene = require("./VideoAgentScene");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-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; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function VideoAgent(props) {
   var _controller$avatar2;
-
   var ref = React.useRef(null);
   var controller = (0, _hooks.useController)();
   var showAvatar = React.useMemo(function () {
     var _controller$avatar;
-
     return ((_controller$avatar = controller.avatar) === null || _controller$avatar === void 0 ? void 0 : _controller$avatar.url) && controller.avatar.force === true;
   }, [controller.avatar]);
   var showVideoAgent = React.useMemo(function () {
     var _controller$videoAgen;
-
     if (showAvatar) return false;
     return ((_controller$videoAgen = controller.videoAgentScene) === null || _controller$videoAgen === void 0 ? void 0 : _controller$videoAgen.videoAgentMesh.mediaInstance) instanceof HTMLVideoElement;
   }, [controller.videoAgentScene, showAvatar]);
   React.useEffect(function () {
     if (!ref.current) throw new Error('React 渲染异常，请稍后重试 ...');
-
     if (controller.videoAgentScene) {
       console.warn('VideoAgentScene" 重复初始化，已被过滤');
       return;
     }
-
     var videoAgentScene = new _VideoAgentScene.VideoAgentScene(ref.current, props.options);
     controller.videoAgentScene = videoAgentScene;
     return function () {
       var _controller$videoAgen2;
-
       controller.dispose();
-      (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 ? void 0 : _controller$videoAgen2.dispose();
+      (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 || _controller$videoAgen2.dispose();
     };
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -66,7 +50,6 @@ function VideoAgent(props) {
     src: (_controller$avatar2 = controller.avatar) === null || _controller$avatar2 === void 0 ? void 0 : _controller$avatar2.url,
     onClick: function onClick() {
       var _props$onClick;
-
       return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props);
     }
   }))), /*#__PURE__*/React.createElement("div", {
@@ -84,7 +67,6 @@ function VideoAgent(props) {
     className: "VideoAgent-play",
     onClick: function onClick() {
       var _props$onClick2;
-
       return (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 ? void 0 : _props$onClick2.call(props);
     }
   }))))));

package/lib/Player/modules/Wave/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { WaveAppearance } from '../../typings';
+import React from 'react';
 export declare function Wave(props?: {
     appearance?: WaveAppearance;
     onClick?: () => void;
     staticPrefix?: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/Player/modules/Wave/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wave = Wave;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var defaultPrefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
 var WAVES = {
   single: {
@@ -66,21 +58,16 @@ var isSafari = /safari/i.test(userAgent) && !/chrome/i.test(userAgent) && /versi
 var isMicroMessenger = /microMessenger/i.test(userAgent);
 var canPlayHevc = isAppleDevice || isSafari;
 var canPlayVp9 = typeof MediaSource !== 'undefined' && MediaSource.isTypeSupported("video/webm; codecs=vp9");
-
 function Wave(props) {
   var wave = _react["default"].useMemo(function () {
     var _props$appearance;
-
     var appearance = (_props$appearance = props === null || props === void 0 ? void 0 : props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'solid';
     return WAVES[appearance];
   }, [props === null || props === void 0 ? void 0 : props.appearance]);
-
   var heightWidthRatio = _react["default"].useMemo(function () {
     return wave.height / wave.width;
   }, [wave]);
-
   var content = null;
-
   if (isMicroMessenger) {
     content = /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
       wave: wave,
@@ -104,7 +91,6 @@ function Wave(props) {
       prefix: props === null || props === void 0 ? void 0 : props.staticPrefix
     });
   }
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "vreo-wave",
     onClick: props === null || props === void 0 ? void 0 : props.onClick
@@ -124,24 +110,20 @@ function Wave(props) {
     }
   }, content)));
 }
-
 var VideoWaveContent = function VideoWaveContent(_ref) {
   var wave = _ref.wave,
-      format = _ref.format,
-      _ref$prefix = _ref.prefix,
-      prefix = _ref$prefix === void 0 ? defaultPrefix : _ref$prefix;
+    format = _ref.format,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? defaultPrefix : _ref$prefix;
   var videoRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      canPlay = _useState2[0],
-      setCanPlay = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    canPlay = _useState2[0],
+    setCanPlay = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      errored = _useState4[0],
-      setErrored = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    errored = _useState4[0],
+    setErrored = _useState4[1];
   var source = prefix + wave[format];
   (0, _react.useEffect)(function () {
     setCanPlay(false);
@@ -150,20 +132,17 @@ var VideoWaveContent = function VideoWaveContent(_ref) {
     if (videoRef.current) {
       videoRef.current.play();
     }
-
     setCanPlay(true);
   }, []);
   var errorHandler = (0, _react.useCallback)(function () {
     setErrored(true);
   }, []);
-
   if (errored) {
     return /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
       wave: wave,
       prefix: prefix
     });
   }
-
   return /*#__PURE__*/_react["default"].createElement("video", {
     style: {
       opacity: canPlay ? 1 : 0
@@ -181,11 +160,10 @@ var VideoWaveContent = function VideoWaveContent(_ref) {
     src: source
   });
 };
-
 var KeyframeWaveContent = function KeyframeWaveContent(_ref2) {
   var wave = _ref2.wave,
-      _ref2$prefix = _ref2.prefix,
-      prefix = _ref2$prefix === void 0 ? defaultPrefix : _ref2$prefix;
+    _ref2$prefix = _ref2.prefix,
+    prefix = _ref2$prefix === void 0 ? defaultPrefix : _ref2$prefix;
   var source = prefix + wave.png;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {

package/lib/Player/modules/keyframes/BgMusic/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function BgMusic(): JSX.Element;
+import * as React from 'react';
+export declare function BgMusic(): React.JSX.Element;

package/lib/Player/modules/keyframes/BgMusic/index.js

@@ -1,95 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BgMusic = BgMusic;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Audio = require("../../../../shared-utils/Audio");
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
 var _hooks = require("../../../hooks");
-
-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; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function BgMusic() {
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe, currentTime) {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe, currentTime) {
         var start, end, _currentTime, audio, cleanAudio, play;
-
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                start = keyframe.start, end = keyframe.end;
-                _currentTime = (currentTime - start) / 1000;
-
-                if (!(_currentTime < 0 || _currentTime >= keyframe.end - keyframe.start)) {
-                  _context.next = 4;
-                  break;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              start = keyframe.start, end = keyframe.end;
+              _currentTime = (currentTime - start) / 1000;
+              if (!(_currentTime < 0 || _currentTime >= keyframe.end - keyframe.start)) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              audio = (0, _Audio.getAudio)(keyframe.data.url);
+              audio.currentTime = Math.max(0, _currentTime);
+              // console.log('play', audio.src)
+              // const play = () => audio.play()
+
+              audio.play();
+              cleanAudio = function cleanAudio() {
+                // audio.removeEventListener('canplaythrough', play)
+                audio.removeEventListener('pause', play);
+                audio.pause();
+                audio.src = '';
+                // cleanTimeout()
+              }; // audio.addEventListener('canplaythrough', play)
+
+              audio.addEventListener('ended', function () {
+                cleanAudio();
+              });
+              play = function play() {
+                if (audio.realSrc === keyframe.data.url) {
+                  // 有可能会被其他音轨打断
+                  audio.play();
                 }
-
-                return _context.abrupt("return");
-
-              case 4:
-                audio = (0, _Audio.getAudio)(keyframe.data.url);
-                audio.currentTime = Math.max(0, _currentTime); // console.log('play', audio.src)
-                // const play = () => audio.play()
-
-                audio.play();
-
-                cleanAudio = function cleanAudio() {
-                  // audio.removeEventListener('canplaythrough', play)
-                  audio.removeEventListener('pause', play);
-                  audio.pause();
-                  audio.src = ''; // cleanTimeout()
-                }; // audio.addEventListener('canplaythrough', play)
-
-
-                audio.addEventListener('ended', function () {
-                  cleanAudio();
-                });
-
-                play = function play() {
-                  if (audio.realSrc === keyframe.data.url) {
-                    // 有可能会被其他音轨打断
-                    audio.play();
-                  }
-                };
-
-                audio.addEventListener('pause', play);
-                controller.once('paused', function () {
-                  cleanAudio();
-                });
-
-              case 12:
-              case "end":
-                return _context.stop();
-            }
+              };
+              audio.addEventListener('pause', play);
+              controller.once('paused', function () {
+                cleanAudio();
+              });
+            case 12:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-
       return function callback(_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }();
-
     controller.on(_VreoUnit.VreoKeyframeEnum.BgMusic, callback);
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.BgMusic, callback);

package/lib/Player/modules/keyframes/CameraMovement/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function CameraMovement(): JSX.Element;
+import * as React from 'react';
+export declare function CameraMovement(): React.JSX.Element;

package/lib/Player/modules/keyframes/CameraMovement/index.js

@@ -1,107 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CameraMovement = CameraMovement;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _CameraMovementPlugin = require("../../../../fivePlugins/CameraMovementPlugin");
-
 var _typings = require("../../../../fivePlugins/CameraMovementPlugin/typings");
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
 var _hooks = require("../../../hooks");
-
-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; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function CameraMovement() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
   var ref = React.useRef();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
         var start, end, data, cameraMovementData, effect;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!ref.current) {
-                  ref.current = (0, _CameraMovementPlugin.CameraMovementPlugin)(five, {});
-                }
-
-                start = keyframe.start, end = keyframe.end, data = keyframe.data;
-                cameraMovementData = data;
-                effect = cameraMovementData.effect;
-
-                if (!(effect === _typings.CameraMovementEffect.Rotate)) {
-                  _context.next = 9;
-                  break;
-                }
-
-                _context.next = 7;
-                return ref.current.rotate(data, end - start);
-
-              case 7:
-                _context.next = 21;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!ref.current) {
+                ref.current = (0, _CameraMovementPlugin.CameraMovementPlugin)(five, {});
+              }
+              start = keyframe.start, end = keyframe.end, data = keyframe.data;
+              cameraMovementData = data;
+              effect = cameraMovementData.effect;
+              if (!(effect === _typings.CameraMovementEffect.Rotate)) {
+                _context.next = 9;
                 break;
-
-              case 9:
-                if (!(effect === _typings.CameraMovementEffect.Move)) {
-                  _context.next = 14;
-                  break;
-                }
-
-                _context.next = 12;
-                return ref.current.move(data, end - start);
-
-              case 12:
-                _context.next = 21;
+              }
+              _context.next = 7;
+              return ref.current.rotate(data, end - start);
+            case 7:
+              _context.next = 21;
+              break;
+            case 9:
+              if (!(effect === _typings.CameraMovementEffect.Move)) {
+                _context.next = 14;
                 break;
-
-              case 14:
-                if (!(cameraMovementData.panoIndex !== undefined && cameraMovementData.panoIndex !== five.panoIndex)) {
-                  _context.next = 19;
-                  break;
-                }
-
-                _context.next = 17;
-                return ref.current.move(data, end - start);
-
-              case 17:
-                _context.next = 21;
+              }
+              _context.next = 12;
+              return ref.current.move(data, end - start);
+            case 12:
+              _context.next = 21;
+              break;
+            case 14:
+              if (!(cameraMovementData.panoIndex !== undefined && cameraMovementData.panoIndex !== five.panoIndex)) {
+                _context.next = 19;
                 break;
-
-              case 19:
-                _context.next = 21;
-                return ref.current.rotate(data, end - start);
-
-              case 21:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.next = 17;
+              return ref.current.move(data, end - start);
+            case 17:
+              _context.next = 21;
+              break;
+            case 19:
+              _context.next = 21;
+              return ref.current.rotate(data, end - start);
+            case 21:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-
       return function callback(_x) {
         return _ref.apply(this, arguments);
       };
     }();
-
     controller.on(_VreoUnit.VreoKeyframeEnum.CameraMovement, callback);
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.CameraMovement, callback);

package/lib/Player/modules/keyframes/InfoPanel/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function InfoPanel(): JSX.Element;
+import * as React from 'react';
+export declare function InfoPanel(): React.JSX.Element;