@micromag/viewer 0.3.779 → 0.3.781

package/es/index.js

@@ -19,7 +19,7 @@ import { Helmet } from 'react-helmet';
 import { useIntl, FormattedMessage } from 'react-intl';
 import EventEmitter from 'wolfy87-eventemitter';
 import { Label, CloseIcon, ScreenPreview, Screen, ArrowIcon, Button as Button$1, PlayIcon, Spinner, UnmuteIcon, MuteIcon, PauseIcon, Meta, FontFaces } from '@micromag/core/components';
-import { useIsVisible, useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
+import { useIsVisible, useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen, useActivityDetector } from '@micromag/core/hooks';
 import { getStyleFromColor, easings, getStyleFromText, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
 import { ShareIncentive } from '@micromag/elements/all';
 import FocusLock from 'react-focus-lock';
@@ -3004,7 +3004,9 @@ var Viewer = function Viewer(_ref) {
     _usePlaybackContext$m = _usePlaybackContext.media,
     playbackMedia = _usePlaybackContext$m === void 0 ? null : _usePlaybackContext$m,
     _usePlaybackContext$c3 = _usePlaybackContext.completed,
-    mediaCompleted = _usePlaybackContext$c3 === void 0 ? false : _usePlaybackContext$c3;
+    mediaCompleted = _usePlaybackContext$c3 === void 0 ? false : _usePlaybackContext$c3,
+    _usePlaybackContext$i = _usePlaybackContext.isBackground,
+    isBackgroundVideo = _usePlaybackContext$i === void 0 ? false : _usePlaybackContext$i;
   var playbackHelpVisible = useMemo(function () {
     return playbackControls && playbackControlsVisible;
   }, [playbackControls, playbackControlsVisible]);
@@ -3261,13 +3263,6 @@ var Viewer = function Viewer(_ref) {
   }, [onTransitionStart, onTransitionComplete]);
   var menuVisible = screensCount === 0 || currentScreenInteractionEnabled;
   var navigationDisabled = currentScreenInteractionEnabled === false;
-
-  // console.log(
-  //     'currentScreenInteractionEnabled',
-  //     currentScreenInteractionEnabled,
-  //     withoutGestures,
-  // );
-
   var _useDragProgress = useDragProgress({
       progress: screenIndex,
       disabled: !isView || withoutTransitions,
@@ -3474,10 +3469,17 @@ var Viewer = function Viewer(_ref) {
     bottomHeight = playbackControlsContainerHeight / screenScale;
   }
   var NavigationHint = withNavigationHint === 'hand' ? HandTap : ArrowHint;
+  var _useActivityDetector = useActivityDetector({
+      element: containerRef.current,
+      disabled: !isView,
+      timeout: 2000
+    }),
+    activityDetected = _useActivityDetector.detected;
   useEffect(function () {
     var timeout = null;
-    var hasMediaCompleted = playbackMedia !== null ? mediaCompleted : true;
-    if (backToFirstScreenTimeout !== null && isView && screensCount > 1 && screenIndex !== 0 && hasMediaCompleted) {
+    // const looping = playbackMedia !== null ? playbackMedia.loop || false : false;
+    var hasMediaCompleted = playbackMedia !== null && !isBackgroundVideo ? mediaCompleted : true;
+    if (backToFirstScreenTimeout !== null && isView && screensCount > 1 && screenIndex !== 0 && hasMediaCompleted && !isDragging && !activityDetected) {
       timeout = setTimeout(function () {
         changeIndex(0);
       }, backToFirstScreenTimeout);
@@ -3487,8 +3489,11 @@ var Viewer = function Viewer(_ref) {
         clearTimeout(timeout);
       }
     };
-  }, [backToFirstScreenTimeout, isView, screenIndex, screensCount, changeIndex, playbackMedia, mediaCompleted, isDragging]);
-  console.log('mc', mediaCompleted, playbackMedia);
+  }, [backToFirstScreenTimeout, isView, screenIndex, screensCount, changeIndex, playbackMedia, mediaCompleted, isDragging, activityDetected, isBackgroundVideo]);
+
+  // console.log('mediaCompleted', mediaCompleted, playbackMedia);
+  // console.log('activityDetected', activityDetected);
+
   return /*#__PURE__*/React.createElement(StoryProvider, {
     story: parsedStory
   }, /*#__PURE__*/React.createElement(ScreenSizeProvider, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.779",
+    "version": "0.3.781",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.779",
-        "@micromag/element-badge": "^0.3.779",
-        "@micromag/element-scroll": "^0.3.779",
-        "@micromag/element-share-options": "^0.3.779",
-        "@micromag/element-webview": "^0.3.779",
-        "@micromag/elements": "^0.3.779",
-        "@micromag/intl": "^0.3.779",
-        "@micromag/screens": "^0.3.779",
+        "@micromag/core": "^0.3.781",
+        "@micromag/element-badge": "^0.3.781",
+        "@micromag/element-scroll": "^0.3.781",
+        "@micromag/element-share-options": "^0.3.781",
+        "@micromag/element-webview": "^0.3.781",
+        "@micromag/elements": "^0.3.781",
+        "@micromag/intl": "^0.3.781",
+        "@micromag/screens": "^0.3.781",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "5cc7b8fc6d58ba77100060a9d9a4a3f87f835559"
+    "gitHead": "95e03bd48803c170ef4efbc5bd204a0c83563c11"
 }