@micromag/viewer 0.3.583 → 0.3.585

package/es/index.js

@@ -17,7 +17,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 { useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaTimestampOffset, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
+import { useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } 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';
@@ -2027,30 +2027,28 @@ var SeekBar = function SeekBar(_ref3) {
   var progress = useMediaProgress(media, {
     disabled: !playing
   });
-  var _ref4 = media || {},
-    _ref4$currentTime = _ref4.currentTime,
-    originalCurrentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime,
-    _ref4$duration = _ref4.duration,
-    originalDuration = _ref4$duration === void 0 ? null : _ref4$duration;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showTimestamp = _useState2[0],
     setShowTimestamp = _useState2[1];
-  var mediaTimestampOffset = useMediaTimestampOffset(media);
-  var currentTime = originalCurrentTime + mediaTimestampOffset;
-  var duration = originalDuration + mediaTimestampOffset;
+  var currentTime = useMediaCurrentTime(media, {
+    disabled: !playing && !showTimestamp
+  });
+  var duration = useMediaDuration(media, {
+    disabled: !playing && !showTimestamp
+  });
   var startProgressRef = useRef(progress);
   var onDrag = useCallback(
   // eslint-disable-next-line no-unused-vars
-  function (_ref5) {
-    var _ref5$xy = _slicedToArray(_ref5.xy, 1),
-      xOffset = _ref5$xy[0],
-      _ref5$movement = _slicedToArray(_ref5.movement, 1);
-      _ref5$movement[0];
-      var elapsedTime = _ref5.elapsedTime,
-      active = _ref5.active,
-      tap = _ref5.tap,
-      currentTarget = _ref5.currentTarget;
+  function (_ref4) {
+    var _ref4$xy = _slicedToArray(_ref4.xy, 1),
+      xOffset = _ref4$xy[0],
+      _ref4$movement = _slicedToArray(_ref4.movement, 1);
+      _ref4$movement[0];
+      var elapsedTime = _ref4.elapsedTime,
+      active = _ref4.active,
+      tap = _ref4.tap,
+      currentTarget = _ref4.currentTarget;
     if (!active && elapsedTime > 300) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.583",
+    "version": "0.3.585",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.27",
-        "@micromag/core": "^0.3.583",
-        "@micromag/element-badge": "^0.3.583",
-        "@micromag/element-scroll": "^0.3.583",
-        "@micromag/element-share-options": "^0.3.583",
-        "@micromag/element-webview": "^0.3.583",
-        "@micromag/elements": "^0.3.583",
-        "@micromag/intl": "^0.3.583",
-        "@micromag/screens": "^0.3.583",
+        "@micromag/core": "^0.3.585",
+        "@micromag/element-badge": "^0.3.585",
+        "@micromag/element-scroll": "^0.3.585",
+        "@micromag/element-share-options": "^0.3.585",
+        "@micromag/element-webview": "^0.3.585",
+        "@micromag/elements": "^0.3.585",
+        "@micromag/intl": "^0.3.585",
+        "@micromag/screens": "^0.3.585",
         "@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": "d899cc28ac1f5b552114d8bfcd668a9bb8ab651c"
+    "gitHead": "f8c2902ea472fcb2d1cdd3fe5d6054afd0cc766b"
 }