@micromag/core 0.3.150 → 0.3.156

package/lib/contexts.js

@@ -169,13 +169,13 @@ var useElementComponent = function useElementComponent(name) {
  * Provider
  */
 
-var propTypes$j = {
+var propTypes$l = {
   children: PropTypes__default["default"].node.isRequired,
   namespace: PropTypes__default["default"].string,
   manager: PropTypes__default["default"].instanceOf(core.ComponentsManager),
   components: PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].func]))
 };
-var defaultProps$j = {
+var defaultProps$l = {
   namespace: null,
   components: {},
   manager: null
@@ -193,8 +193,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$j;
-ComponentsProvider.defaultProps = defaultProps$j;
+ComponentsProvider.propTypes = propTypes$l;
+ComponentsProvider.defaultProps = defaultProps$l;
 
 var FieldsContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -204,12 +204,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$i = {
+var propTypes$k = {
   fields: core.PropTypes.fieldDefinitions,
   manager: PropTypes__default["default"].instanceOf(core.FieldsManager),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$i = {
+var defaultProps$k = {
   fields: null,
   manager: null
 };
@@ -239,21 +239,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$i;
-FieldsProvider.defaultProps = defaultProps$i;
+FieldsProvider.propTypes = propTypes$k;
+FieldsProvider.defaultProps = defaultProps$k;
 
 var ScreensContext = /*#__PURE__*/React__default["default"].createContext(new core.ScreensManager());
 var useScreensManager = function useScreensManager() {
   return React.useContext(ScreensContext);
 };
-var propTypes$h = {
+var propTypes$j = {
   screens: core.PropTypes.screenDefinitions,
   namespaces: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   filterNamespaces: PropTypes__default["default"].bool,
   manager: PropTypes__default["default"].instanceOf(core.ScreensManager),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$j = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -311,8 +311,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$h;
-ScreensProvider.defaultProps = defaultProps$h;
+ScreensProvider.propTypes = propTypes$j;
+ScreensProvider.defaultProps = defaultProps$j;
 
 var StoryContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -322,11 +322,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$g = {
+var propTypes$i = {
   story: PropTypes__default["default"].oneOfType([core.PropTypes.story, core.PropTypes.theme]),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$g = {
+var defaultProps$i = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -336,8 +336,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$g;
-StoryProvider.defaultProps = defaultProps$g;
+StoryProvider.propTypes = propTypes$i;
+StoryProvider.defaultProps = defaultProps$i;
 
 var EditorContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useEditor = function useEditor() {
@@ -352,10 +352,10 @@ var useGetColors = function useGetColors() {
 
   return getColors;
 };
-var propTypes$f = {
+var propTypes$h = {
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$f = {};
+var defaultProps$h = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -380,20 +380,43 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$f;
-EditorProvider.defaultProps = defaultProps$f;
+EditorProvider.propTypes = propTypes$h;
+EditorProvider.defaultProps = defaultProps$h;
+
+/* eslint-disable react/jsx-props-no-spreading */
+var FieldsValueContext = /*#__PURE__*/React__default["default"].createContext(null);
+var useFieldsValue = function useFieldsValue() {
+  return React.useContext(FieldsValueContext);
+};
+var propTypes$g = {
+  value: PropTypes__default["default"].any,
+  // eslint-disable-line react/forbid-prop-types
+  children: PropTypes__default["default"].node.isRequired
+};
+var defaultProps$g = {
+  value: null
+};
+var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
+  var value = _ref.value,
+      children = _ref.children;
+  return /*#__PURE__*/React__default["default"].createElement(FieldsValueContext.Provider, {
+    value: value
+  }, children);
+};
+FieldsValueContextProvider.propTypes = propTypes$g;
+FieldsValueContextProvider.defaultProps = defaultProps$g;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useFieldContext = function useFieldContext() {
   return React.useContext(FieldContext);
 };
-var propTypes$e = {
+var propTypes$f = {
   context: PropTypes__default["default"].any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$e = {
+var defaultProps$f = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -403,8 +426,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$e;
-FieldContextProvider.defaultProps = defaultProps$e;
+FieldContextProvider.propTypes = propTypes$f;
+FieldContextProvider.defaultProps = defaultProps$f;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
@@ -413,12 +436,12 @@ var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
 var useGoogleKeys = function useGoogleKeys() {
   return React.useContext(GoogleKeysContext);
 };
-var propTypes$d = {
+var propTypes$e = {
   children: PropTypes__default["default"].node.isRequired,
   apiKey: PropTypes__default["default"].string // .isRequired,
 
 };
-var defaultProps$d = {
+var defaultProps$e = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
@@ -437,8 +460,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     value: value
   }, children);
 };
-GoogleKeysProvider.propTypes = propTypes$d;
-GoogleKeysProvider.defaultProps = defaultProps$d;
+GoogleKeysProvider.propTypes = propTypes$e;
+GoogleKeysProvider.defaultProps = defaultProps$e;
 
 var FontsContext = /*#__PURE__*/React__default["default"].createContext({
   systemFonts: null,
@@ -520,12 +543,12 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$c = {
+var propTypes$d = {
   children: PropTypes__default["default"].node.isRequired,
   systemFonts: core.PropTypes.fonts,
   customFonts: core.PropTypes.fonts
 };
-var defaultProps$c = {
+var defaultProps$d = {
   systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
@@ -564,8 +587,8 @@ var FontsProvider = function FontsProvider(_ref4) {
     value: fonts
   }, children);
 };
-FontsProvider.propTypes = propTypes$c;
-FontsProvider.defaultProps = defaultProps$c;
+FontsProvider.propTypes = propTypes$d;
+FontsProvider.defaultProps = defaultProps$d;
 
 var GoogleApiClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
@@ -591,10 +614,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$b = {
+var propTypes$c = {
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$b = {};
+var defaultProps$c = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
 
@@ -621,8 +644,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleApiClientProvider.propTypes = propTypes$b;
-GoogleApiClientProvider.defaultProps = defaultProps$b;
+GoogleApiClientProvider.propTypes = propTypes$c;
+GoogleApiClientProvider.defaultProps = defaultProps$c;
 
 var GoogleMapsClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
@@ -648,12 +671,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$a = {
+var propTypes$b = {
   children: PropTypes__default["default"].node.isRequired,
   locale: PropTypes__default["default"].string,
   libraries: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
 };
-var defaultProps$a = {
+var defaultProps$b = {
   locale: 'fr',
   libraries: null
 };
@@ -687,8 +710,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleMapsClientProvider.propTypes = propTypes$a;
-GoogleMapsClientProvider.defaultProps = defaultProps$a;
+GoogleMapsClientProvider.propTypes = propTypes$b;
+GoogleMapsClientProvider.defaultProps = defaultProps$b;
 
 var ModalsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
@@ -717,12 +740,12 @@ var withModals = function withModals(WrappedComponent) {
   WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
-var propTypes$9 = {
+var propTypes$a = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
 
 };
-var defaultProps$9 = {
+var defaultProps$a = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
@@ -778,8 +801,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
     value: value
   }, children);
 };
-ModalsProvider.propTypes = propTypes$9;
-ModalsProvider.defaultProps = defaultProps$9;
+ModalsProvider.propTypes = propTypes$a;
+ModalsProvider.defaultProps = defaultProps$a;
 
 var PanelsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
@@ -808,12 +831,12 @@ var withPanels = function withPanels(WrappedComponent) {
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$8 = {
+var propTypes$9 = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
 
 };
-var defaultProps$8 = {
+var defaultProps$9 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
@@ -869,8 +892,162 @@ var PanelsProvider = function PanelsProvider(_ref2) {
     value: value
   }, children);
 };
-PanelsProvider.propTypes = propTypes$8;
-PanelsProvider.defaultProps = defaultProps$8;
+PanelsProvider.propTypes = propTypes$9;
+PanelsProvider.defaultProps = defaultProps$9;
+
+var defaultControlsThemeValue = {
+  seekBarOnly: false,
+  color: null,
+  progressColor: null
+};
+var defaultValue$2 = {
+  playing: false,
+  muted: true,
+  controls: false,
+  controlsVisible: false,
+  media: null,
+  controlsTheme: defaultControlsThemeValue
+};
+var PlaybackContext = /*#__PURE__*/React__default["default"].createContext(_objectSpread__default["default"](_objectSpread__default["default"]({}, defaultValue$2), {}, {
+  setMuted: function setMuted() {},
+  setPlaying: function setPlaying() {},
+  setControls: function setControls() {},
+  setControlsVisible: function setControlsVisible() {},
+  setControlsTheme: function setControlsTheme() {},
+  showControls: function showControls() {},
+  hideControls: function hideControls() {},
+  setMedia: function setMedia() {}
+}));
+var usePlaybackContext = function usePlaybackContext() {
+  return React.useContext(PlaybackContext);
+};
+var usePlaybackMediaRef = function usePlaybackMediaRef(active) {
+  var _usePlaybackContext = usePlaybackContext(),
+      setMedia = _usePlaybackContext.setMedia;
+
+  var mediaRef = React.useRef(null);
+  React.useEffect(function () {
+    if (!active) {
+      return function () {};
+    }
+
+    if (mediaRef.current !== null) {
+      setMedia(mediaRef.current);
+    }
+
+    return function () {
+      setMedia(null);
+    };
+  }, [setMedia, active]);
+  return mediaRef;
+};
+var propTypes$8 = {
+  children: PropTypes__default["default"].node.isRequired,
+  controls: PropTypes__default["default"].bool,
+  controlsVisible: PropTypes__default["default"].bool,
+  controlsTheme: PropTypes__default["default"].shape({
+    seekBarOnly: PropTypes__default["default"].bool,
+    color: PropTypes__default["default"].any,
+    progressColor: PropTypes__default["default"].any
+  }),
+  muted: PropTypes__default["default"].bool,
+  playing: PropTypes__default["default"].bool
+};
+
+var defaultProps$8 = _objectSpread__default["default"]({}, defaultValue$2);
+
+var PlaybackProvider = function PlaybackProvider(_ref) {
+  var initialMuted = _ref.muted,
+      initialPlaying = _ref.playing,
+      initialControls = _ref.controls,
+      initialControlsVisible = _ref.controlsVisible,
+      initialControlsTheme = _ref.controlsTheme,
+      children = _ref.children;
+
+  var _useState = React.useState(initialMuted),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      muted = _useState2[0],
+      setMuted = _useState2[1];
+
+  var _useState3 = React.useState(initialPlaying),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      playing = _useState4[0],
+      setPlaying = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      media = _useState6[0],
+      setMedia = _useState6[1];
+
+  var _useState7 = React.useState(initialControls),
+      _useState8 = _slicedToArray__default["default"](_useState7, 2),
+      controls = _useState8[0],
+      setControls = _useState8[1];
+
+  var _useState9 = React.useState(initialControlsVisible),
+      _useState10 = _slicedToArray__default["default"](_useState9, 2),
+      controlsVisible = _useState10[0],
+      setControlsVisible = _useState10[1];
+
+  var _useState11 = React.useState(initialControlsTheme),
+      _useState12 = _slicedToArray__default["default"](_useState11, 2),
+      controlsTheme = _useState12[0],
+      setControlsTheme = _useState12[1];
+
+  var finalSetControls = React.useCallback(function (newControls) {
+    if (newControls) {
+      setControls(true);
+      setControlsVisible(true);
+    } else {
+      setControls(false);
+      setControlsVisible(false);
+    }
+  }, [setControls, setControlsVisible]);
+  var finalSetControlsTheme = React.useCallback(function (newTheme) {
+    setControlsTheme(_objectSpread__default["default"](_objectSpread__default["default"]({}, defaultControlsThemeValue), newTheme));
+  }, [setControlsTheme]);
+  var showControls = React.useCallback(function () {
+    return setControlsVisible(true);
+  }, [setControlsVisible]);
+  var hideControls = React.useCallback(function () {
+    return setControlsVisible(false);
+  }, [setControlsVisible]);
+  var hasAudio = React.useMemo(function () {
+    if (media === null || media.tagName.toLowerCase() !== 'video') {
+      return false;
+    }
+
+    if (media.tagName.toLowerCase() === 'audio') {
+      return true;
+    }
+
+    return typeof media.dataset.hasAudio !== 'undefined' ? media.dataset.hasAudio : null;
+  }, [media]);
+  var value = React.useMemo(function () {
+    return {
+      muted: muted,
+      playing: playing,
+      controls: controls,
+      controlsVisible: controlsVisible,
+      media: media,
+      hasAudio: hasAudio,
+      controlsTheme: controlsTheme,
+      setMuted: setMuted,
+      setPlaying: setPlaying,
+      setControls: finalSetControls,
+      setControlsVisible: setControlsVisible,
+      setControlsTheme: finalSetControlsTheme,
+      showControls: showControls,
+      hideControls: hideControls,
+      setMedia: setMedia
+    };
+  }, [muted, playing, controls, controlsVisible, controlsTheme, media, hasAudio, setMuted, setPlaying, finalSetControls, finalSetControlsTheme, setControlsVisible, setControlsTheme, showControls, hideControls, setMedia]);
+  return /*#__PURE__*/React__default["default"].createElement(PlaybackContext.Provider, {
+    value: value
+  }, children);
+};
+PlaybackProvider.propTypes = propTypes$8;
+PlaybackProvider.defaultProps = defaultProps$8;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var RoutesContext = /*#__PURE__*/React__default["default"].createContext(null);
@@ -1757,18 +1934,26 @@ UserInteractionProvider.defaultProps = defaultProps$2;
 var defaultValue = {
   events: new EventEmitter__default["default"](),
   menuVisible: false,
-  menuSize: 0,
-  disableInteraction: null,
-  enableInteraction: null
-};
-var ViewerContext = /*#__PURE__*/React__default["default"].createContext(defaultValue);
-var useViewer = function useViewer() {
+  menuOverScreen: false,
+  topHeight: 0,
+  bottomHeight: 0,
+  bottomSidesWidth: 0,
+  gotoNextScreen: function gotoNextScreen() {},
+  gotoPreviousScreen: function gotoPreviousScreen() {},
+  disableInteraction: function disableInteraction() {},
+  enableInteraction: function enableInteraction() {}
+};
+var ViewerContext = /*#__PURE__*/React__default["default"].createContext(_objectSpread__default["default"](_objectSpread__default["default"]({}, defaultValue), {}, {
+  webView: null,
+  setWebView: function setWebView() {}
+}));
+var useViewerContext = function useViewerContext() {
   return React.useContext(ViewerContext);
 };
 var useViewerNavigation = function useViewerNavigation() {
-  var _useViewer = useViewer(),
-      gotoNextScreen = _useViewer.gotoNextScreen,
-      gotoPreviousScreen = _useViewer.gotoPreviousScreen;
+  var _useViewerContext = useViewerContext(),
+      gotoNextScreen = _useViewerContext.gotoNextScreen,
+      gotoPreviousScreen = _useViewerContext.gotoPreviousScreen;
 
   return {
     gotoNextScreen: gotoNextScreen,
@@ -1776,28 +1961,54 @@ var useViewerNavigation = function useViewerNavigation() {
   };
 };
 var useViewerEvents = function useViewerEvents() {
-  var _useViewer2 = useViewer(),
-      events = _useViewer2.events;
+  var _useViewerContext2 = useViewerContext(),
+      events = _useViewerContext2.events;
 
   return events;
 };
 var useViewerInteraction = function useViewerInteraction() {
-  var _useViewer3 = useViewer(),
-      disableInteraction = _useViewer3.disableInteraction,
-      enableInteraction = _useViewer3.enableInteraction;
+  var _useViewerContext3 = useViewerContext(),
+      disableInteraction = _useViewerContext3.disableInteraction,
+      enableInteraction = _useViewerContext3.enableInteraction;
 
   return {
     disableInteraction: disableInteraction,
     enableInteraction: enableInteraction
   };
 };
+var useViewerWebView = function useViewerWebView() {
+  var _useViewerContext4 = useViewerContext(),
+      webView = _useViewerContext4.webView,
+      setWebView = _useViewerContext4.setWebView;
+
+  var value = React.useMemo(function () {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, webView), {}, {
+      opened: webView !== null,
+      open: function open(newWebView) {
+        return setWebView(isString__default["default"](newWebView) ? {
+          url: newWebView
+        } : newWebView);
+      },
+      close: function close() {
+        return setWebView(null);
+      },
+      update: function update(newWebView) {
+        return setWebView(_objectSpread__default["default"](_objectSpread__default["default"]({}, webView), newWebView));
+      }
+    });
+  }, [webView, setWebView]);
+  return value;
+};
 var propTypes$1 = {
   children: PropTypes__default["default"].node.isRequired,
   events: PropTypes__default["default"].instanceOf(EventEmitter__default["default"]),
   menuVisible: PropTypes__default["default"].bool,
-  menuSize: PropTypes__default["default"].number,
-  gotoNextScreen: PropTypes__default["default"].func.isRequired,
-  gotoPreviousScreen: PropTypes__default["default"].func.isRequired,
+  menuOverScreen: PropTypes__default["default"].bool,
+  topHeight: PropTypes__default["default"].number,
+  bottomHeight: PropTypes__default["default"].number,
+  bottomSidesWidth: PropTypes__default["default"].number,
+  gotoNextScreen: PropTypes__default["default"].func,
+  gotoPreviousScreen: PropTypes__default["default"].func,
   disableInteraction: PropTypes__default["default"].func,
   enableInteraction: PropTypes__default["default"].func
 };
@@ -1808,22 +2019,36 @@ var ViewerProvider = function ViewerProvider(_ref) {
   var children = _ref.children,
       events = _ref.events,
       menuVisible = _ref.menuVisible,
-      menuSize = _ref.menuSize,
+      menuOverScreen = _ref.menuOverScreen,
+      topHeight = _ref.topHeight,
+      bottomHeight = _ref.bottomHeight,
+      bottomSidesWidth = _ref.bottomSidesWidth,
       gotoNextScreen = _ref.gotoNextScreen,
       gotoPreviousScreen = _ref.gotoPreviousScreen,
       disableInteraction = _ref.disableInteraction,
       enableInteraction = _ref.enableInteraction;
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      webView = _useState2[0],
+      setWebView = _useState2[1];
+
   var value = React.useMemo(function () {
     return {
       events: events,
       menuVisible: menuVisible,
-      menuSize: menuSize,
+      menuOverScreen: menuOverScreen,
+      topHeight: topHeight,
+      bottomHeight: bottomHeight,
+      bottomSidesWidth: bottomSidesWidth,
       gotoNextScreen: gotoNextScreen,
       gotoPreviousScreen: gotoPreviousScreen,
       disableInteraction: disableInteraction,
-      enableInteraction: enableInteraction
+      enableInteraction: enableInteraction,
+      webView: webView,
+      setWebView: setWebView
     };
-  }, [events, menuVisible, menuSize, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction]);
+  }, [events, menuVisible, menuOverScreen, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
   return /*#__PURE__*/React__default["default"].createElement(ViewerContext.Provider, {
     value: value
   }, children);
@@ -1901,6 +2126,8 @@ exports.FieldContext = FieldContext;
 exports.FieldContextProvider = FieldContextProvider;
 exports.FieldsContext = FieldsContext;
 exports.FieldsProvider = FieldsProvider;
+exports.FieldsValueContext = FieldsValueContext;
+exports.FieldsValueContextProvider = FieldsValueContextProvider;
 exports.FontsContext = FontsContext;
 exports.FontsProvider = FontsProvider;
 exports.GoogleApiClientContext = GoogleApiClientContext;
@@ -1914,6 +2141,8 @@ exports.ModalsContext = ModalsContext;
 exports.ModalsProvider = ModalsProvider;
 exports.PanelsContext = PanelsContext;
 exports.PanelsProvider = PanelsProvider;
+exports.PlaybackContext = PlaybackContext;
+exports.PlaybackProvider = PlaybackProvider;
 exports.RoutesContext = RoutesContext;
 exports.RoutesProvider = RoutesProvider;
 exports.SCREENS_NAMESPACE = SCREENS_NAMESPACE;
@@ -1947,6 +2176,7 @@ exports.useFieldDefinition = useFieldDefinition;
 exports.useFieldsComponents = useFieldsComponents;
 exports.useFieldsComponentsManager = useFieldsComponentsManager;
 exports.useFieldsManager = useFieldsManager;
+exports.useFieldsValue = useFieldsValue;
 exports.useFonts = useFonts;
 exports.useFormComponent = useFormComponent;
 exports.useFormsComponents = useFormsComponents;
@@ -1961,6 +2191,8 @@ exports.useModals = useModals;
 exports.useModalsComponents = useModalsComponents;
 exports.useModalsComponentsManager = useModalsComponentsManager;
 exports.usePanels = usePanels;
+exports.usePlaybackContext = usePlaybackContext;
+exports.usePlaybackMediaRef = usePlaybackMediaRef;
 exports.useRouteBack = useRouteBack;
 exports.useRoutePush = useRoutePush;
 exports.useRoutes = useRoutes;
@@ -1981,10 +2213,11 @@ exports.useTracking = useTracking;
 exports.useUppy = useUppy;
 exports.useUrlGenerator = useUrlGenerator;
 exports.useUserInteracted = useUserInteracted;
-exports.useViewer = useViewer;
+exports.useViewerContext = useViewerContext;
 exports.useViewerEvents = useViewerEvents;
 exports.useViewerInteraction = useViewerInteraction;
 exports.useViewerNavigation = useViewerNavigation;
+exports.useViewerWebView = useViewerWebView;
 exports.useVisitor = useVisitor;
 exports.useVisitorContext = useVisitorContext;
 exports.withGoogleApiClient = withGoogleApiClient;