@micromag/viewer 0.3.811 → 0.3.813

package/es/index.js

@@ -9,6 +9,7 @@ import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react'
 import { Link, useLocation, Switch, Route, Router } from 'wouter';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, useStory, StoryProvider, ScreenSizeProvider, ViewerProvider, SettingsProvider, GoogleKeysProvider, GoogleMapsClientProvider, ComponentsProvider, SCREENS_NAMESPACE, VisitorProvider, PlaybackProvider, TrackingProvider } from '@micromag/core/contexts';
+import { useIsVisible, useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen, useActivityDetector, useSupportsWebp } from '@micromag/core/hooks';
 import { IntlProvider } from '@micromag/intl';
 import { ScreensProvider } from '@micromag/screens';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -19,7 +20,6 @@ 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, 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';
@@ -3911,8 +3911,14 @@ var ViewerContainer = function ViewerContainer(_ref) {
   var _ref0 = metadata || {},
     _ref0$language = _ref0.language,
     finalLocale = _ref0$language === void 0 ? locale : _ref0$language;
+  var supportsWebp = useSupportsWebp();
+  var finalSettings = useMemo(function () {
+    return _objectSpread({
+      supportsWebp: supportsWebp
+    }, settings);
+  }, [settings, supportsWebp]);
   var content = /*#__PURE__*/React.createElement(SettingsProvider, {
-    settings: settings
+    settings: finalSettings
   }, /*#__PURE__*/React.createElement(IntlProvider, {
     locale: finalLocale,
     locales: locales,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.811",
+    "version": "0.3.813",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.811",
-        "@micromag/element-badge": "^0.3.811",
-        "@micromag/element-scroll": "^0.3.811",
-        "@micromag/element-share-options": "^0.3.811",
-        "@micromag/element-webview": "^0.3.811",
-        "@micromag/elements": "^0.3.811",
-        "@micromag/intl": "^0.3.811",
-        "@micromag/screens": "^0.3.811",
+        "@micromag/core": "^0.3.813",
+        "@micromag/element-badge": "^0.3.813",
+        "@micromag/element-scroll": "^0.3.813",
+        "@micromag/element-share-options": "^0.3.813",
+        "@micromag/element-webview": "^0.3.813",
+        "@micromag/elements": "^0.3.813",
+        "@micromag/intl": "^0.3.813",
+        "@micromag/screens": "^0.3.813",
         "@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": "80a754e5a50e86fa1e195015112ea0ff39008da8"
+    "gitHead": "24f52ddea5f0ee918f594af86c3c8fd2e1b6f289"
 }