@micromag/viewer 0.3.803 → 0.3.804

package/es/index.js

@@ -3021,6 +3021,8 @@ var Viewer = function Viewer(_ref) {
     mediaCompleted = _usePlaybackContext$c3 === void 0 ? false : _usePlaybackContext$c3,
     _usePlaybackContext$i = _usePlaybackContext.isBackground,
     isBackgroundVideo = _usePlaybackContext$i === void 0 ? false : _usePlaybackContext$i,
+    _usePlaybackContext$m2 = _usePlaybackContext.mediaRef,
+    playbackMediaRef = _usePlaybackContext$m2 === void 0 ? null : _usePlaybackContext$m2,
     _usePlaybackContext$s = _usePlaybackContext.setMuted,
     setMuted = _usePlaybackContext$s === void 0 ? null : _usePlaybackContext$s;
   var playbackHelpVisible = useMemo(function () {
@@ -3173,7 +3175,10 @@ var Viewer = function Viewer(_ref) {
     setPointerDownTime(null);
   }, [screenIndex]);
   useEffect(function () {
-    if (pointerDownTime === null || !playing) {
+    var _ref1 = playbackMediaRef.current || {},
+      mediaTagName = _ref1.tagName;
+    var mediaIsVideo = mediaTagName === 'VIDEO';
+    if (pointerDownTime === null || !playing || !mediaIsVideo) {
       return function () {};
     }
     var interval = setTimeout(function () {
@@ -3187,22 +3192,22 @@ var Viewer = function Viewer(_ref) {
   var onPointerDown = useCallback(function () {
     setPointerDownTime(Date.now());
   }, []);
-  var onTap = useCallback(function (_ref1) {
-    var currentTarget = _ref1.currentTarget,
-      event = _ref1.event,
-      target = _ref1.target,
-      _ref1$xy = _slicedToArray(_ref1.xy, 2),
-      x = _ref1$xy[0],
-      y = _ref1$xy[1],
-      elapsedTime = _ref1.elapsedTime,
-      _ref1$args = _slicedToArray(_ref1.args, 1),
-      bindState = _ref1$args[0];
+  var onTap = useCallback(function (_ref10) {
+    var currentTarget = _ref10.currentTarget,
+      event = _ref10.event,
+      target = _ref10.target,
+      _ref10$xy = _slicedToArray(_ref10.xy, 2),
+      x = _ref10$xy[0],
+      y = _ref10$xy[1],
+      elapsedTime = _ref10.elapsedTime,
+      _ref10$args = _slicedToArray(_ref10.args, 1),
+      bindState = _ref10$args[0];
     setPointerDownTime(null);
-    var _ref10 = bindState || {},
-      _ref10$playing = _ref10.playing,
-      currentPlaying = _ref10$playing === void 0 ? false : _ref10$playing,
-      _ref10$longPressPause = _ref10.longPressPaused,
-      currentLongPressPaused = _ref10$longPressPause === void 0 ? false : _ref10$longPressPause;
+    var _ref11 = bindState || {},
+      _ref11$playing = _ref11.playing,
+      currentPlaying = _ref11$playing === void 0 ? false : _ref11$playing,
+      _ref11$longPressPause = _ref11.longPressPaused,
+      currentLongPressPaused = _ref11$longPressPause === void 0 ? false : _ref11$longPressPause;
     if (!currentPlaying && currentLongPressPaused) {
       setPlaying(true);
       setLongPressPaused(false);
@@ -3223,12 +3228,12 @@ var Viewer = function Viewer(_ref) {
       y: y
     });
   }, [interactWithScreen, screenIndex, tapMaximumDuration]);
-  var computeScreenProgress = useCallback(function (_ref11) {
-    var active = _ref11.active,
-      _ref11$movement = _slicedToArray(_ref11.movement, 1),
-      mx = _ref11$movement[0],
-      _ref11$velocity = _slicedToArray(_ref11.velocity, 1),
-      vx = _ref11$velocity[0];
+  var computeScreenProgress = useCallback(function (_ref12) {
+    var active = _ref12.active,
+      _ref12$movement = _slicedToArray(_ref12.movement, 1),
+      mx = _ref12$movement[0],
+      _ref12$velocity = _slicedToArray(_ref12.velocity, 1),
+      vx = _ref12$velocity[0];
     var p = mx / screenContainerWidth; // drag "ratio": how much of the screen width has been swiped?
     var forwards = mx < 0; // true if swiping to left (to navigate forwards)
     var newIndex = !forwards ? screenIndex - 1 : screenIndex + 1; // which item index are we moving towards?
@@ -3241,15 +3246,15 @@ var Viewer = function Viewer(_ref) {
     }
     return screenIndex - progress;
   }, [screenContainerWidth, screenIndex]);
-  var onScreenProgress = useCallback(function (progress, _ref12) {
-    var active = _ref12.active,
-      _ref12$args = _slicedToArray(_ref12.args, 1),
-      bindState = _ref12$args[0];
-    var _ref13 = bindState || {},
-      _ref13$playing = _ref13.playing,
-      currentPlaying = _ref13$playing === void 0 ? false : _ref13$playing,
-      _ref13$longPressPause = _ref13.longPressPaused,
-      currentLongPressPaused = _ref13$longPressPause === void 0 ? false : _ref13$longPressPause;
+  var onScreenProgress = useCallback(function (progress, _ref13) {
+    var active = _ref13.active,
+      _ref13$args = _slicedToArray(_ref13.args, 1),
+      bindState = _ref13$args[0];
+    var _ref14 = bindState || {},
+      _ref14$playing = _ref14.playing,
+      currentPlaying = _ref14$playing === void 0 ? false : _ref14$playing,
+      _ref14$longPressPause = _ref14.longPressPaused,
+      currentLongPressPaused = _ref14$longPressPause === void 0 ? false : _ref14$longPressPause;
     if (!active && !currentPlaying && currentLongPressPaused) {
       setPlaying(true);
       setLongPressPaused(false);
@@ -3355,11 +3360,11 @@ var Viewer = function Viewer(_ref) {
     menuDotsContainerRef = _useDimensionObserver3.ref,
     _useDimensionObserver4 = _useDimensionObserver3.height,
     menuDotsContainerHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
-  var onClickScreen = useCallback(function (_ref14) {
-    var itemScreenId = _ref14.screenId;
+  var onClickScreen = useCallback(function (_ref15) {
+    var itemScreenId = _ref15.screenId;
     onInteractionPrivate();
-    var index = screens.findIndex(function (_ref15) {
-      var id = _ref15.id;
+    var index = screens.findIndex(function (_ref16) {
+      var id = _ref16.id;
       return id === itemScreenId;
     });
     changeIndex(index);
@@ -3430,26 +3435,26 @@ var Viewer = function Viewer(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     shareIncentiveVisible = _useState12[0],
     setShareIncentiveVisible = _useState12[1];
-  var _ref16 = currentScreen || {},
-    _ref16$header = _ref16.header,
-    header = _ref16$header === void 0 ? null : _ref16$header;
-  var _ref17 = header || {},
-    _ref17$shareIncentive = _ref17.shareIncentive,
-    shareIncentive = _ref17$shareIncentive === void 0 ? null : _ref17$shareIncentive;
-  var _ref18 = shareIncentive || {},
-    _ref18$active = _ref18.active,
-    hasShareIncentive = _ref18$active === void 0 ? false : _ref18$active,
-    _ref18$label = _ref18.label,
-    shareIncentiveLabel = _ref18$label === void 0 ? null : _ref18$label;
-  var _ref19 = currentShareIncentive || {},
+  var _ref17 = currentScreen || {},
+    _ref17$header = _ref17.header,
+    header = _ref17$header === void 0 ? null : _ref17$header;
+  var _ref18 = header || {},
+    _ref18$shareIncentive = _ref18.shareIncentive,
+    shareIncentive = _ref18$shareIncentive === void 0 ? null : _ref18$shareIncentive;
+  var _ref19 = shareIncentive || {},
+    _ref19$active = _ref19.active,
+    hasShareIncentive = _ref19$active === void 0 ? false : _ref19$active,
     _ref19$label = _ref19.label,
-    currentShareIncentiveLabel = _ref19$label === void 0 ? null : _ref19$label;
-  var _ref20 = shareIncentiveLabel || {},
-    _ref20$body = _ref20.body,
-    incentiveLabel = _ref20$body === void 0 ? null : _ref20$body;
-  var _ref21 = currentShareIncentiveLabel || {},
+    shareIncentiveLabel = _ref19$label === void 0 ? null : _ref19$label;
+  var _ref20 = currentShareIncentive || {},
+    _ref20$label = _ref20.label,
+    currentShareIncentiveLabel = _ref20$label === void 0 ? null : _ref20$label;
+  var _ref21 = shareIncentiveLabel || {},
     _ref21$body = _ref21.body,
-    currentIncentiveLabel = _ref21$body === void 0 ? null : _ref21$body;
+    incentiveLabel = _ref21$body === void 0 ? null : _ref21$body;
+  var _ref22 = currentShareIncentiveLabel || {},
+    _ref22$body = _ref22.body,
+    currentIncentiveLabel = _ref22$body === void 0 ? null : _ref22$body;
   useEffect(function () {
     setShareIncentiveVisible(true);
     if (hasShareIncentive && shareIncentiveLabel !== currentShareIncentiveLabel) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.803",
+    "version": "0.3.804",
     "private": false,
     "description": "",
     "keywords": [
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "b8d7486367da5144fa0824e48527c44aa4123ddf"
+    "gitHead": "0a4e4a1bf65af4345c0f1d97d0a1443f8946bcfc"
 }