@micromag/core 0.3.824 → 0.4.4

package/lib/contexts.js

@@ -2,7 +2,6 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isString = require('lodash/isString');
-var PropTypes = require('prop-types');
 var React = require('react');
 var core = require('@micromag/core');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
@@ -134,21 +133,14 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$k = {
-  children: PropTypes.node.isRequired,
-  namespace: PropTypes.string,
-  manager: PropTypes.instanceOf(core.ComponentsManager),
-  components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
-};
-var defaultProps$k = {
-  namespace: null,
-  components: {},
-  manager: null
-};
-var ComponentsProvider = function ComponentsProvider(_ref) {
-  var components = _ref.components,
-    manager = _ref.manager,
-    namespace = _ref.namespace,
+var emptyComponents = {};
+function ComponentsProvider(_ref) {
+  var _ref$components = _ref.components,
+    components = _ref$components === void 0 ? emptyComponents : _ref$components,
+    _ref$manager = _ref.manager,
+    manager = _ref$manager === void 0 ? null : _ref$manager,
+    _ref$namespace = _ref.namespace,
+    namespace = _ref$namespace === void 0 ? null : _ref$namespace,
     children = _ref.children;
   var previousManager = useComponentsManager() || null;
   var finalManager = React.useMemo(function () {
@@ -157,9 +149,7 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
   return /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
     value: finalManager
   }, children);
-};
-ComponentsProvider.propTypes = propTypes$k;
-ComponentsProvider.defaultProps = defaultProps$k;
+}
 
 var messages = reactIntl.defineMessages({
   functionality_title: {
@@ -305,21 +295,13 @@ var ConsentContext = /*#__PURE__*/React.createContext({
 var useConsent = function useConsent() {
   return React.useContext(ConsentContext);
 };
-var propTypes$j = {
-  children: PropTypes.node.isRequired,
-  consent: PropTypes.arrayOf(PropTypes.shape({})),
-  consented: PropTypes.bool,
-  expiration: PropTypes.number
-};
-var defaultProps$j = {
-  consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'],
-  consented: null,
-  expiration: 182 // Default expiration in days
-};
-var ConsentProvider = function ConsentProvider(_ref) {
-  var providedConsent = _ref.consent,
-    initialConsented = _ref.consented,
-    expiration = _ref.expiration,
+function ConsentProvider(_ref) {
+  var _ref$consent = _ref.consent,
+    providedConsent = _ref$consent === void 0 ? ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'] : _ref$consent,
+    _ref$consented = _ref.consented,
+    initialConsented = _ref$consented === void 0 ? null : _ref$consented,
+    _ref$expiration = _ref.expiration,
+    expiration = _ref$expiration === void 0 ? 182 : _ref$expiration,
     children = _ref.children;
   // Has consented or not to cookies
   var initialCookieConsented = JSCookie.get('has_consented') === 'true';
@@ -411,9 +393,7 @@ var ConsentProvider = function ConsentProvider(_ref) {
   return /*#__PURE__*/React.createElement(ConsentContext.Provider, {
     value: value
   }, children);
-};
-ConsentProvider.propTypes = propTypes$j;
-ConsentProvider.defaultProps = defaultProps$j;
+}
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -423,18 +403,11 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$i = {
-  fields: core.PropTypes.fieldDefinitions,
-  manager: PropTypes.instanceOf(core.FieldsManager),
-  children: PropTypes.node.isRequired
-};
-var defaultProps$i = {
-  fields: null,
-  manager: null
-};
-var FieldsProvider = function FieldsProvider(_ref) {
-  var fields = _ref.fields,
-    manager = _ref.manager,
+function FieldsProvider(_ref) {
+  var _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? null : _ref$fields,
+    _ref$manager = _ref.manager,
+    manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useFieldsManager() || null;
   var finalManager = React.useMemo(function () {
@@ -457,32 +430,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
-};
-FieldsProvider.propTypes = propTypes$i;
-FieldsProvider.defaultProps = defaultProps$i;
+}
 
 var ScreensContext = /*#__PURE__*/React.createContext(new core.ScreensManager());
 var useScreensManager = function useScreensManager() {
   return React.useContext(ScreensContext);
 };
-var propTypes$h = {
-  screens: core.PropTypes.screenDefinitions,
-  namespaces: PropTypes.arrayOf(PropTypes.string),
-  filterNamespaces: PropTypes.bool,
-  manager: PropTypes.instanceOf(core.ScreensManager),
-  children: PropTypes.node.isRequired
-};
-var defaultProps$h = {
-  screens: null,
-  namespaces: null,
-  filterNamespaces: false,
-  manager: null
-};
-var ScreensProvider = function ScreensProvider(_ref) {
-  var screens = _ref.screens,
-    namespaces = _ref.namespaces,
-    filterNamespaces = _ref.filterNamespaces,
-    manager = _ref.manager,
+function ScreensProvider(_ref) {
+  var _ref$screens = _ref.screens,
+    screens = _ref$screens === void 0 ? null : _ref$screens,
+    _ref$namespaces = _ref.namespaces,
+    namespaces = _ref$namespaces === void 0 ? null : _ref$namespaces,
+    _ref$filterNamespaces = _ref.filterNamespaces,
+    filterNamespaces = _ref$filterNamespaces === void 0 ? false : _ref$filterNamespaces,
+    _ref$manager = _ref.manager,
+    manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useScreensManager();
   var finalManager = React.useMemo(function () {
@@ -523,9 +485,7 @@ var ScreensProvider = function ScreensProvider(_ref) {
     namespace: SCREENS_NAMESPACE,
     components: components
   }, children));
-};
-ScreensProvider.propTypes = propTypes$h;
-ScreensProvider.defaultProps = defaultProps$h;
+}
 
 var StoryContext = /*#__PURE__*/React.createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -535,22 +495,14 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$g = {
-  story: PropTypes.oneOfType([core.PropTypes.story, core.PropTypes.theme]),
-  children: PropTypes.node.isRequired
-};
-var defaultProps$g = {
-  story: null
-};
-var StoryProvider = function StoryProvider(_ref) {
-  var story = _ref.story,
+function StoryProvider(_ref) {
+  var _ref$story = _ref.story,
+    story = _ref$story === void 0 ? null : _ref$story,
     children = _ref.children;
   return /*#__PURE__*/React.createElement(StoryContext.Provider, {
     value: story
   }, children);
-};
-StoryProvider.propTypes = propTypes$g;
-StoryProvider.defaultProps = defaultProps$g;
+}
 
 var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
@@ -564,11 +516,7 @@ var useGetColors = function useGetColors() {
     } : _ref$getColors;
   return getColors;
 };
-var propTypes$f = {
-  children: PropTypes.node.isRequired
-};
-var defaultProps$f = {};
-var EditorProvider = function EditorProvider(_ref2) {
+function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
   var screensManager = useScreensManager();
@@ -592,55 +540,35 @@ var EditorProvider = function EditorProvider(_ref2) {
       getColors: getColors
     }
   }, children);
-};
-EditorProvider.propTypes = propTypes$f;
-EditorProvider.defaultProps = defaultProps$f;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldsValueContext = /*#__PURE__*/React.createContext(null);
 var useFieldsValue = function useFieldsValue() {
   return React.useContext(FieldsValueContext);
 };
-var propTypes$e = {
-  value: PropTypes.any,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.node.isRequired
-};
-var defaultProps$e = {
-  value: null
-};
-var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
-  var value = _ref.value,
+function FieldsValueContextProvider(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
     children = _ref.children;
   return /*#__PURE__*/React.createElement(FieldsValueContext.Provider, {
     value: value
   }, children);
-};
-FieldsValueContextProvider.propTypes = propTypes$e;
-FieldsValueContextProvider.defaultProps = defaultProps$e;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldContext = /*#__PURE__*/React.createContext(null);
 var useFieldContext = function useFieldContext() {
   return React.useContext(FieldContext);
 };
-var propTypes$d = {
-  context: PropTypes.any,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.node.isRequired
-};
-var defaultProps$d = {
-  context: null
-};
-var FieldContextProvider = function FieldContextProvider(_ref) {
-  var context = _ref.context,
+function FieldContextProvider(_ref) {
+  var _ref$context = _ref.context,
+    context = _ref$context === void 0 ? null : _ref$context,
     children = _ref.children;
   return /*#__PURE__*/React.createElement(FieldContext.Provider, {
     value: context
   }, children);
-};
-FieldContextProvider.propTypes = propTypes$d;
-FieldContextProvider.defaultProps = defaultProps$d;
+}
 
 var SettingsContext = /*#__PURE__*/React.createContext({});
 var useSettings = function useSettings() {
@@ -654,17 +582,10 @@ var useSetting = function useSetting(key) {
     value = _ref$key === void 0 ? defaultValue : _ref$key;
   return value;
 };
-var propTypes$c = {
-  children: PropTypes.node.isRequired,
-  // eslint-disable-next-line react/forbid-prop-types
-  settings: PropTypes.object
-};
-var defaultProps$c = {
-  settings: null
-};
-var SettingsProvider = function SettingsProvider(_ref2) {
+function SettingsProvider(_ref2) {
   var children = _ref2.children,
-    settings = _ref2.settings;
+    _ref2$settings = _ref2.settings,
+    settings = _ref2$settings === void 0 ? null : _ref2$settings;
   var previousSettings = useSettings();
   var value = React.useMemo(function () {
     return _objectSpread(_objectSpread({}, previousSettings), settings);
@@ -672,9 +593,7 @@ var SettingsProvider = function SettingsProvider(_ref2) {
   return /*#__PURE__*/React.createElement(SettingsContext.Provider, {
     value: value
   }, children);
-};
-SettingsProvider.propTypes = propTypes$c;
-SettingsProvider.defaultProps = defaultProps$c;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 var GoogleKeysContext = /*#__PURE__*/React.createContext({
@@ -683,16 +602,10 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
 var useGoogleKeys = function useGoogleKeys() {
   return React.useContext(GoogleKeysContext);
 };
-var propTypes$b = {
-  children: PropTypes.node.isRequired,
-  apiKey: PropTypes.string // .isRequired,
-};
-var defaultProps$b = {
-  apiKey: null
-};
-var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
+function GoogleKeysProvider(_ref) {
   var children = _ref.children,
-    apiKey = _ref.apiKey;
+    _ref$apiKey = _ref.apiKey,
+    apiKey = _ref$apiKey === void 0 ? null : _ref$apiKey;
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
   var settingApiKey = useSetting('googleApiKey');
@@ -704,9 +617,7 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
   return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
     value: value
   }, children);
-};
-GoogleKeysProvider.propTypes = propTypes$b;
-GoogleKeysProvider.defaultProps = defaultProps$b;
+}
 
 var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
@@ -779,18 +690,11 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$a = {
-  children: PropTypes.node.isRequired,
-  systemFonts: core.PropTypes.fonts,
-  customFonts: core.PropTypes.fonts
-};
-var defaultProps$a = {
-  systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
-  customFonts: null
-};
-var FontsProvider = function FontsProvider(_ref4) {
-  var systemFonts = _ref4.systemFonts,
-    customFonts = _ref4.customFonts,
+function FontsProvider(_ref4) {
+  var _ref4$systemFonts = _ref4.systemFonts,
+    systemFonts = _ref4$systemFonts === void 0 ? ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'] : _ref4$systemFonts,
+    _ref4$customFonts = _ref4.customFonts,
+    customFonts = _ref4$customFonts === void 0 ? null : _ref4$customFonts,
     children = _ref4.children;
   var _useFonts = useFonts(),
     _useFonts$systemFonts = _useFonts.systemFonts,
@@ -819,9 +723,7 @@ var FontsProvider = function FontsProvider(_ref4) {
   return /*#__PURE__*/React.createElement(FontsContext.Provider, {
     value: fonts
   }, children);
-};
-FontsProvider.propTypes = propTypes$a;
-FontsProvider.defaultProps = defaultProps$a;
+}
 
 var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
@@ -835,21 +737,17 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
       name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-  var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
+  function WithGoogleApiClientComponent(props) {
     return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
-  };
+  }
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$9 = {
-  children: PropTypes.node.isRequired
-};
-var defaultProps$9 = {};
-var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
+function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
@@ -871,9 +769,7 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
     value: client
   }, children);
-};
-GoogleApiClientProvider.propTypes = propTypes$9;
-GoogleApiClientProvider.defaultProps = defaultProps$9;
+}
 
 var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
@@ -887,29 +783,22 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
       name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-  var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
+  function WithGoogleMapsClientComponent(props) {
     return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
-  };
+  }
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$8 = {
-  children: PropTypes.node.isRequired,
-  locale: PropTypes.string,
-  libraries: PropTypes.arrayOf(PropTypes.string)
-};
-var defaultProps$8 = {
-  locale: 'fr',
-  libraries: null
-};
-var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
+function GoogleMapsClientProvider(_ref2) {
   var children = _ref2.children,
-    locale = _ref2.locale,
-    libraries = _ref2.libraries;
+    _ref2$locale = _ref2.locale,
+    locale = _ref2$locale === void 0 ? 'fr' : _ref2$locale,
+    _ref2$libraries = _ref2.libraries,
+    libraries = _ref2$libraries === void 0 ? null : _ref2$libraries;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
@@ -931,9 +820,7 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
   return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
     value: client
   }, children);
-};
-GoogleMapsClientProvider.propTypes = propTypes$8;
-GoogleMapsClientProvider.defaultProps = defaultProps$8;
+}
 
 var ModalsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -942,7 +829,7 @@ var useModals = function useModals() {
   return React.useContext(ModalsContext) || {};
 };
 var withModals = function withModals(WrappedComponent) {
-  var WithModalsComponent = function WithModalsComponent(props) {
+  function WithModalsComponent(props) {
     return /*#__PURE__*/React.createElement(ModalsContext.Consumer, null, function (_ref) {
       var modals = _ref.modals,
         container = _ref.container,
@@ -957,20 +844,14 @@ var withModals = function withModals(WrappedComponent) {
         unregisterModal: unregister
       }, props));
     });
-  };
+  }
   WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
-var propTypes$7 = {
-  children: PropTypes.node.isRequired,
-  container: PropTypes.object // eslint-disable-line
-};
-var defaultProps$7 = {
-  container: null
-};
-var ModalsProvider = function ModalsProvider(_ref2) {
+function ModalsProvider(_ref2) {
   var children = _ref2.children,
-    initialContainer = _ref2.container;
+    _ref2$container = _ref2.container,
+    initialContainer = _ref2$container === void 0 ? null : _ref2$container;
   var _useState = React.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
@@ -1016,9 +897,7 @@ var ModalsProvider = function ModalsProvider(_ref2) {
   return /*#__PURE__*/React.createElement(ModalsContext.Provider, {
     value: value
   }, children);
-};
-ModalsProvider.propTypes = propTypes$7;
-ModalsProvider.defaultProps = defaultProps$7;
+}
 
 var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -1027,7 +906,7 @@ var usePanels = function usePanels() {
   return React.useContext(PanelsContext) || {};
 };
 var withPanels = function withPanels(WrappedComponent) {
-  var WithPanelsComponent = function WithPanelsComponent(props) {
+  function WithPanelsComponent(props) {
     return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
         setContainer = _ref.setContainer,
@@ -1042,20 +921,14 @@ var withPanels = function withPanels(WrappedComponent) {
         unregisterPanel: unregister
       }, props));
     });
-  };
+  }
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$6 = {
-  children: PropTypes.node.isRequired,
-  container: PropTypes.object // eslint-disable-line
-};
-var defaultProps$6 = {
-  container: null
-};
-var PanelsProvider = function PanelsProvider(_ref2) {
+function PanelsProvider(_ref2) {
   var children = _ref2.children,
-    initialContainer = _ref2.container;
+    _ref2$container = _ref2.container,
+    initialContainer = _ref2$container === void 0 ? null : _ref2$container;
   var _useState = React.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
@@ -1101,9 +974,7 @@ var PanelsProvider = function PanelsProvider(_ref2) {
   return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
     value: value
   }, children);
-};
-PanelsProvider.propTypes = propTypes$6;
-PanelsProvider.defaultProps = defaultProps$6;
+}
 
 var defaultControlsThemeValue = {
   seekBarOnly: false,
@@ -1131,7 +1002,8 @@ var PlaybackContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpre
   showControls: function showControls() {},
   hideControls: function hideControls() {},
   setMedia: function setMedia() {},
-  setCurrentQualityLevel: function setCurrentQualityLevel() {}
+  setCurrentQualityLevel: function setCurrentQualityLevel() {},
+  setIsBackground: function setIsBackground() {}
 }));
 var usePlaybackContext = function usePlaybackContext() {
   return React.useContext(PlaybackContext);
@@ -1189,31 +1061,23 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     isCurrent: mediaRef.current === media
   };
 };
-var propTypes$5 = {
-  children: PropTypes.node.isRequired,
-  controls: PropTypes.bool,
-  controlsSuggestPlay: PropTypes.bool,
-  controlsVisible: PropTypes.bool,
-  controlsTheme: PropTypes.shape({
-    seekBarOnly: PropTypes.bool,
-    color: PropTypes.any,
-    progressColor: PropTypes.any
-  }),
-  muted: PropTypes.bool,
-  playing: PropTypes.bool,
-  paused: PropTypes.bool,
-  currentQualityLevel: PropTypes.number
-};
-var defaultProps$5 = _objectSpread({}, defaultValue$1);
-var PlaybackProvider = function PlaybackProvider(_ref) {
-  var initialMuted = _ref.muted,
-    initialPlaying = _ref.playing,
-    paused = _ref.paused,
-    initialControls = _ref.controls,
-    initialControlsSuggestPlay = _ref.controlsSuggestPlay,
-    initialControlsVisible = _ref.controlsVisible,
-    initialControlsTheme = _ref.controlsTheme,
-    initialCurrentQualityLevel = _ref.currentQualityLevel,
+function PlaybackProvider(_ref) {
+  var _ref$muted = _ref.muted,
+    initialMuted = _ref$muted === void 0 ? true : _ref$muted,
+    _ref$playing = _ref.playing,
+    initialPlaying = _ref$playing === void 0 ? false : _ref$playing,
+    _ref$paused = _ref.paused,
+    paused = _ref$paused === void 0 ? false : _ref$paused,
+    _ref$controls = _ref.controls,
+    initialControls = _ref$controls === void 0 ? false : _ref$controls,
+    _ref$controlsSuggestP = _ref.controlsSuggestPlay,
+    initialControlsSuggestPlay = _ref$controlsSuggestP === void 0 ? false : _ref$controlsSuggestP,
+    _ref$controlsVisible = _ref.controlsVisible,
+    initialControlsVisible = _ref$controlsVisible === void 0 ? false : _ref$controlsVisible,
+    _ref$controlsTheme = _ref.controlsTheme,
+    initialControlsTheme = _ref$controlsTheme === void 0 ? defaultControlsThemeValue : _ref$controlsTheme,
+    _ref$currentQualityLe = _ref.currentQualityLevel,
+    initialCurrentQualityLevel = _ref$currentQualityLe === void 0 ? null : _ref$currentQualityLe,
     children = _ref.children;
   var _useState = React.useState(initialMuted),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1349,9 +1213,7 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
   return /*#__PURE__*/React.createElement(PlaybackContext.Provider, {
     value: value
   }, children);
-};
-PlaybackProvider.propTypes = propTypes$5;
-PlaybackProvider.defaultProps = defaultProps$5;
+}
 
 var useRoutePush = function useRoutePush() {
   var url = routes.useUrlGenerator();
@@ -1439,24 +1301,15 @@ var useScreenState = function useScreenState() {
     screenState = _ref5.screenState;
   return screenState;
 };
-var propTypes$4 = {
-  children: PropTypes.node.isRequired,
-  data: core.PropTypes.screen,
-  definition: core.PropTypes.screenDefinition,
-  renderContext: core.PropTypes.renderContext,
-  screenState: PropTypes.string
-};
-var defaultProps$4 = {
-  data: null,
-  definition: null,
-  renderContext: null,
-  screenState: null
-};
-var ScreenProvider = function ScreenProvider(_ref6) {
-  var data = _ref6.data,
-    definition = _ref6.definition,
-    renderContext = _ref6.renderContext,
-    screenState = _ref6.screenState,
+function ScreenProvider(_ref6) {
+  var _ref6$data = _ref6.data,
+    data = _ref6$data === void 0 ? null : _ref6$data,
+    _ref6$definition = _ref6.definition,
+    definition = _ref6$definition === void 0 ? null : _ref6$definition,
+    _ref6$renderContext = _ref6.renderContext,
+    renderContext = _ref6$renderContext === void 0 ? null : _ref6$renderContext,
+    _ref6$screenState = _ref6.screenState,
+    screenState = _ref6$screenState === void 0 ? null : _ref6$screenState,
     children = _ref6.children;
   var _ref7 = useScreen() || {},
     _ref7$data = _ref7.data,
@@ -1487,9 +1340,7 @@ var ScreenProvider = function ScreenProvider(_ref6) {
   return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
     value: value
   }, children);
-};
-ScreenProvider.propTypes = propTypes$4;
-ScreenProvider.defaultProps = defaultProps$4;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 var ScreenSizeContext = /*#__PURE__*/React.createContext({
@@ -1503,18 +1354,12 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
 var useScreenSize = function useScreenSize() {
   return React.useContext(ScreenSizeContext);
 };
-var propTypes$3 = {
-  children: PropTypes.node.isRequired,
-  size: core.PropTypes.screenSize
-};
-var defaultProps$3 = {
-  size: {}
-};
 
 // Note: this is done to avoid excessive renders on the screens that use the context
 
-var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
-  var size = _ref.size,
+function ScreenSizeProvider(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? {} : _ref$size,
     children = _ref.children;
   var nextScreen = size.screen,
     nextWidth = size.width,
@@ -1526,28 +1371,18 @@ var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
   return /*#__PURE__*/React.createElement(ScreenSizeContext.Provider, {
     value: currentSize
   }, children);
-};
-ScreenSizeProvider.propTypes = propTypes$3;
-ScreenSizeProvider.defaultProps = defaultProps$3;
+}
 
 var useTracking = function useTracking() {
   return React.useContext(tracking.TrackingContext);
 };
-var propTypes$2 = {
-  children: PropTypes.node.isRequired,
-  variables: core.PropTypes.trackingVariables,
-  disabled: PropTypes.bool,
-  paused: PropTypes.bool
-};
-var defaultProps$2 = {
-  variables: null,
-  disabled: false,
-  paused: false
-};
-var TrackingProvider = function TrackingProvider(_ref) {
-  var variables = _ref.variables,
-    disabled = _ref.disabled,
-    paused = _ref.paused,
+function TrackingProvider(_ref) {
+  var _ref$variables = _ref.variables,
+    variables = _ref$variables === void 0 ? null : _ref$variables,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$paused = _ref.paused,
+    paused = _ref$paused === void 0 ? false : _ref$paused,
     children = _ref.children;
   var contextTracking = useTracking() || null;
   var refTracking = React.useRef(null);
@@ -1568,9 +1403,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
   return /*#__PURE__*/React.createElement(tracking.TrackingContainer, {
     tracking: tracking$1
   }, children);
-};
-TrackingProvider.propTypes = propTypes$2;
-TrackingProvider.defaultProps = defaultProps$2;
+}
 
 var defaultValue = {
   events: new EventEmitter(),
@@ -1651,41 +1484,31 @@ var useViewerWebView = function useViewerWebView() {
   }, [webView, setWebView]);
   return value;
 };
-var propTypes$1 = {
-  children: PropTypes.node.isRequired,
-  events: PropTypes.instanceOf(EventEmitter),
-  containerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    // eslint-disable-next-line react/forbid-prop-types
-    current: PropTypes.any
-  })]),
-  menuVisible: PropTypes.bool,
-  menuOverScreen: PropTypes.bool,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  topHeight: PropTypes.number,
-  bottomHeight: PropTypes.number,
-  bottomSidesWidth: PropTypes.number,
-  gotoNextScreen: PropTypes.func,
-  gotoPreviousScreen: PropTypes.func,
-  disableInteraction: PropTypes.func,
-  enableInteraction: PropTypes.func
-};
-var defaultProps$1 = _objectSpread({}, defaultValue);
-var ViewerProvider = function ViewerProvider(_ref) {
+function ViewerProvider(_ref) {
   var children = _ref.children,
     containerRef = _ref.containerRef,
-    events = _ref.events,
-    menuVisible = _ref.menuVisible,
-    menuOverScreen = _ref.menuOverScreen,
+    _ref$events = _ref.events,
+    events = _ref$events === void 0 ? new EventEmitter() : _ref$events,
+    _ref$menuVisible = _ref.menuVisible,
+    menuVisible = _ref$menuVisible === void 0 ? false : _ref$menuVisible,
+    _ref$menuOverScreen = _ref.menuOverScreen,
+    menuOverScreen = _ref$menuOverScreen === void 0 ? false : _ref$menuOverScreen,
     width = _ref.width,
     height = _ref.height,
-    topHeight = _ref.topHeight,
-    bottomHeight = _ref.bottomHeight,
-    bottomSidesWidth = _ref.bottomSidesWidth,
-    gotoNextScreen = _ref.gotoNextScreen,
-    gotoPreviousScreen = _ref.gotoPreviousScreen,
-    disableInteraction = _ref.disableInteraction,
-    enableInteraction = _ref.enableInteraction;
+    _ref$topHeight = _ref.topHeight,
+    topHeight = _ref$topHeight === void 0 ? 0 : _ref$topHeight,
+    _ref$bottomHeight = _ref.bottomHeight,
+    bottomHeight = _ref$bottomHeight === void 0 ? 0 : _ref$bottomHeight,
+    _ref$bottomSidesWidth = _ref.bottomSidesWidth,
+    bottomSidesWidth = _ref$bottomSidesWidth === void 0 ? 0 : _ref$bottomSidesWidth,
+    _ref$gotoNextScreen = _ref.gotoNextScreen,
+    gotoNextScreen = _ref$gotoNextScreen === void 0 ? function () {} : _ref$gotoNextScreen,
+    _ref$gotoPreviousScre = _ref.gotoPreviousScreen,
+    gotoPreviousScreen = _ref$gotoPreviousScre === void 0 ? function () {} : _ref$gotoPreviousScre,
+    _ref$disableInteracti = _ref.disableInteraction,
+    disableInteraction = _ref$disableInteracti === void 0 ? function () {} : _ref$disableInteracti,
+    _ref$enableInteractio = _ref.enableInteraction,
+    enableInteraction = _ref$enableInteractio === void 0 ? function () {} : _ref$enableInteractio;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     webView = _useState2[0],
@@ -1712,9 +1535,7 @@ var ViewerProvider = function ViewerProvider(_ref) {
   return /*#__PURE__*/React.createElement(ViewerContext.Provider, {
     value: value
   }, children);
-};
-ViewerProvider.propTypes = propTypes$1;
-ViewerProvider.defaultProps = defaultProps$1;
+}
 
 var VisitorContext = /*#__PURE__*/React.createContext({
   visitor: null,
@@ -1739,15 +1560,9 @@ var useSetVisitor = function useSetVisitor() {
     setVisitor = _useContext3.setVisitor;
   return setVisitor;
 };
-var propTypes = {
-  children: PropTypes.node.isRequired,
-  visitor: core.PropTypes.visitor
-};
-var defaultProps = {
-  visitor: null
-};
-var VisitorProvider = function VisitorProvider(_ref) {
-  var providedVisitor = _ref.visitor,
+function VisitorProvider(_ref) {
+  var _ref$visitor = _ref.visitor,
+    providedVisitor = _ref$visitor === void 0 ? null : _ref$visitor,
     children = _ref.children;
   var _useState = React.useState(providedVisitor),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1771,9 +1586,7 @@ var VisitorProvider = function VisitorProvider(_ref) {
   return /*#__PURE__*/React.createElement(VisitorContext.Provider, {
     value: value
   }, children);
-};
-VisitorProvider.propTypes = propTypes;
-VisitorProvider.defaultProps = defaultProps;
+}
 
 Object.defineProperty(exports, "RoutesContext", {
     enumerable: true,