@micromag/core 0.3.793 → 0.3.796

package/es/contexts.js

@@ -134,13 +134,13 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$j = {
+var propTypes$k = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
   manager: PropTypes.instanceOf(ComponentsManager),
   components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$j = {
+var defaultProps$k = {
   namespace: null,
   components: {},
   manager: null
@@ -158,8 +158,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$j;
-ComponentsProvider.defaultProps = defaultProps$j;
+ComponentsProvider.propTypes = propTypes$k;
+ComponentsProvider.defaultProps = defaultProps$k;
 
 var messages = defineMessages({
   functionality_title: {
@@ -305,13 +305,13 @@ var ConsentContext = /*#__PURE__*/React.createContext({
 var useConsent = function useConsent() {
   return useContext(ConsentContext);
 };
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   consent: PropTypes.arrayOf(PropTypes.shape({})),
   consented: PropTypes.bool,
   expiration: PropTypes.number
 };
-var defaultProps$i = {
+var defaultProps$j = {
   consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'],
   consented: null,
   expiration: 182 // Default expiration in days
@@ -412,8 +412,8 @@ var ConsentProvider = function ConsentProvider(_ref) {
     value: value
   }, children);
 };
-ConsentProvider.propTypes = propTypes$i;
-ConsentProvider.defaultProps = defaultProps$i;
+ConsentProvider.propTypes = propTypes$j;
+ConsentProvider.defaultProps = defaultProps$j;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -423,12 +423,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$h = {
+var propTypes$i = {
   fields: PropTypes$1.fieldDefinitions,
   manager: PropTypes.instanceOf(FieldsManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$i = {
   fields: null,
   manager: null
 };
@@ -458,21 +458,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$h;
-FieldsProvider.defaultProps = defaultProps$h;
+FieldsProvider.propTypes = propTypes$i;
+FieldsProvider.defaultProps = defaultProps$i;
 
 var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
 var useScreensManager = function useScreensManager() {
   return useContext(ScreensContext);
 };
-var propTypes$g = {
+var propTypes$h = {
   screens: PropTypes$1.screenDefinitions,
   namespaces: PropTypes.arrayOf(PropTypes.string),
   filterNamespaces: PropTypes.bool,
   manager: PropTypes.instanceOf(ScreensManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$g = {
+var defaultProps$h = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -524,8 +524,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$g;
-ScreensProvider.defaultProps = defaultProps$g;
+ScreensProvider.propTypes = propTypes$h;
+ScreensProvider.defaultProps = defaultProps$h;
 
 var StoryContext = /*#__PURE__*/React.createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -535,11 +535,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$f = {
+var propTypes$g = {
   story: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
   children: PropTypes.node.isRequired
 };
-var defaultProps$f = {
+var defaultProps$g = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -549,8 +549,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$f;
-StoryProvider.defaultProps = defaultProps$f;
+StoryProvider.propTypes = propTypes$g;
+StoryProvider.defaultProps = defaultProps$g;
 
 var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
@@ -564,10 +564,10 @@ var useGetColors = function useGetColors() {
     } : _ref$getColors;
   return getColors;
 };
-var propTypes$e = {
+var propTypes$f = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$e = {};
+var defaultProps$f = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -593,20 +593,20 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$e;
-EditorProvider.defaultProps = defaultProps$e;
+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 useContext(FieldsValueContext);
 };
-var propTypes$d = {
+var propTypes$e = {
   value: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$d = {
+var defaultProps$e = {
   value: null
 };
 var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
@@ -616,20 +616,20 @@ var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
     value: value
   }, children);
 };
-FieldsValueContextProvider.propTypes = propTypes$d;
-FieldsValueContextProvider.defaultProps = defaultProps$d;
+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 useContext(FieldContext);
 };
-var propTypes$c = {
+var propTypes$d = {
   context: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$c = {
+var defaultProps$d = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -639,8 +639,42 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$c;
-FieldContextProvider.defaultProps = defaultProps$c;
+FieldContextProvider.propTypes = propTypes$d;
+FieldContextProvider.defaultProps = defaultProps$d;
+
+var SettingsContext = /*#__PURE__*/React.createContext({});
+var useSettings = function useSettings() {
+  return useContext(SettingsContext);
+};
+var useSetting = function useSetting(key) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var settings = useSettings();
+  var _ref = settings || {},
+    _ref$key = _ref[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) {
+  var children = _ref2.children,
+    settings = _ref2.settings;
+  var previousSettings = useSettings();
+  var value = useMemo(function () {
+    return _objectSpread(_objectSpread({}, previousSettings), settings);
+  }, [settings, previousSettings]);
+  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({
@@ -661,11 +695,12 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     apiKey = _ref.apiKey;
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
+  var settingApiKey = useSetting('googleApiKey');
   var value = useMemo(function () {
     return {
-      apiKey: apiKey || previousApiKey
+      apiKey: apiKey || previousApiKey || settingApiKey
     };
-  }, [apiKey, previousApiKey]);
+  }, [apiKey, previousApiKey, settingApiKey]);
   return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
     value: value
   }, children);
@@ -1714,4 +1749,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
 VisitorProvider.propTypes = propTypes;
 VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/utils.js

@@ -980,13 +980,14 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
   } : null);
 };
 
-var possibleMimes = ['video/webm', 'video/mp4', 'video/ogg', 'application/vnd.apple.mpegurl'];
+// const possibleMimes = ['video/webm', 'video/mp4', 'video/ogg', 'application/vnd.apple.mpegurl'];
+var possibleMimes = ['video/mp4'];
 var supportedMimes = null;
 function getVideoSupportedMimes() {
   var mimes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : possibleMimes;
   if (supportedMimes === null) {
     var video = document.createElement('video');
-    supportedMimes = mimes.filter(function (mime) {
+    supportedMimes = (mimes || possibleMimes).filter(function (mime) {
       return video.canPlayType(mime) !== '';
     });
   }

package/lib/contexts.js

@@ -134,13 +134,13 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$j = {
+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$j = {
+var defaultProps$k = {
   namespace: null,
   components: {},
   manager: null
@@ -158,8 +158,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$j;
-ComponentsProvider.defaultProps = defaultProps$j;
+ComponentsProvider.propTypes = propTypes$k;
+ComponentsProvider.defaultProps = defaultProps$k;
 
 var messages = reactIntl.defineMessages({
   functionality_title: {
@@ -305,13 +305,13 @@ var ConsentContext = /*#__PURE__*/React.createContext({
 var useConsent = function useConsent() {
   return React.useContext(ConsentContext);
 };
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   consent: PropTypes.arrayOf(PropTypes.shape({})),
   consented: PropTypes.bool,
   expiration: PropTypes.number
 };
-var defaultProps$i = {
+var defaultProps$j = {
   consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'],
   consented: null,
   expiration: 182 // Default expiration in days
@@ -412,8 +412,8 @@ var ConsentProvider = function ConsentProvider(_ref) {
     value: value
   }, children);
 };
-ConsentProvider.propTypes = propTypes$i;
-ConsentProvider.defaultProps = defaultProps$i;
+ConsentProvider.propTypes = propTypes$j;
+ConsentProvider.defaultProps = defaultProps$j;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -423,12 +423,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$h = {
+var propTypes$i = {
   fields: core.PropTypes.fieldDefinitions,
   manager: PropTypes.instanceOf(core.FieldsManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$i = {
   fields: null,
   manager: null
 };
@@ -458,21 +458,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$h;
-FieldsProvider.defaultProps = defaultProps$h;
+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$g = {
+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$g = {
+var defaultProps$h = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -524,8 +524,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$g;
-ScreensProvider.defaultProps = defaultProps$g;
+ScreensProvider.propTypes = propTypes$h;
+ScreensProvider.defaultProps = defaultProps$h;
 
 var StoryContext = /*#__PURE__*/React.createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -535,11 +535,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$f = {
+var propTypes$g = {
   story: PropTypes.oneOfType([core.PropTypes.story, core.PropTypes.theme]),
   children: PropTypes.node.isRequired
 };
-var defaultProps$f = {
+var defaultProps$g = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -549,8 +549,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$f;
-StoryProvider.defaultProps = defaultProps$f;
+StoryProvider.propTypes = propTypes$g;
+StoryProvider.defaultProps = defaultProps$g;
 
 var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
@@ -564,10 +564,10 @@ var useGetColors = function useGetColors() {
     } : _ref$getColors;
   return getColors;
 };
-var propTypes$e = {
+var propTypes$f = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$e = {};
+var defaultProps$f = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -593,20 +593,20 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$e;
-EditorProvider.defaultProps = defaultProps$e;
+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$d = {
+var propTypes$e = {
   value: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$d = {
+var defaultProps$e = {
   value: null
 };
 var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
@@ -616,20 +616,20 @@ var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
     value: value
   }, children);
 };
-FieldsValueContextProvider.propTypes = propTypes$d;
-FieldsValueContextProvider.defaultProps = defaultProps$d;
+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$c = {
+var propTypes$d = {
   context: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$c = {
+var defaultProps$d = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -639,8 +639,42 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$c;
-FieldContextProvider.defaultProps = defaultProps$c;
+FieldContextProvider.propTypes = propTypes$d;
+FieldContextProvider.defaultProps = defaultProps$d;
+
+var SettingsContext = /*#__PURE__*/React.createContext({});
+var useSettings = function useSettings() {
+  return React.useContext(SettingsContext);
+};
+var useSetting = function useSetting(key) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var settings = useSettings();
+  var _ref = settings || {},
+    _ref$key = _ref[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) {
+  var children = _ref2.children,
+    settings = _ref2.settings;
+  var previousSettings = useSettings();
+  var value = React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, previousSettings), settings);
+  }, [settings, previousSettings]);
+  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({
@@ -661,11 +695,12 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     apiKey = _ref.apiKey;
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
+  var settingApiKey = useSetting('googleApiKey');
   var value = React.useMemo(function () {
     return {
-      apiKey: apiKey || previousApiKey
+      apiKey: apiKey || previousApiKey || settingApiKey
     };
-  }, [apiKey, previousApiKey]);
+  }, [apiKey, previousApiKey, settingApiKey]);
   return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
     value: value
   }, children);
@@ -1771,6 +1806,8 @@ exports.ScreenSizeContext = ScreenSizeContext;
 exports.ScreenSizeProvider = ScreenSizeProvider;
 exports.ScreensContext = ScreensContext;
 exports.ScreensProvider = ScreensProvider;
+exports.SettingsContext = SettingsContext;
+exports.SettingsProvider = SettingsProvider;
 exports.StoryContext = StoryContext;
 exports.StoryProvider = StoryProvider;
 exports.TrackingProvider = TrackingProvider;
@@ -1822,6 +1859,8 @@ exports.useScreensComponents = useScreensComponents;
 exports.useScreensComponentsManager = useScreensComponentsManager;
 exports.useScreensManager = useScreensManager;
 exports.useSetVisitor = useSetVisitor;
+exports.useSetting = useSetting;
+exports.useSettings = useSettings;
 exports.useStory = useStory;
 exports.useStoryContext = useStoryContext;
 exports.useTracking = useTracking;

package/lib/utils.js

@@ -981,13 +981,14 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
   } : null);
 };
 
-var possibleMimes = ['video/webm', 'video/mp4', 'video/ogg', 'application/vnd.apple.mpegurl'];
+// const possibleMimes = ['video/webm', 'video/mp4', 'video/ogg', 'application/vnd.apple.mpegurl'];
+var possibleMimes = ['video/mp4'];
 var supportedMimes = null;
 function getVideoSupportedMimes() {
   var mimes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : possibleMimes;
   if (supportedMimes === null) {
     var video = document.createElement('video');
-    supportedMimes = mimes.filter(function (mime) {
+    supportedMimes = (mimes || possibleMimes).filter(function (mime) {
       return video.canPlayType(mime) !== '';
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.793",
+    "version": "0.3.796",
     "private": false,
     "description": "",
     "keywords": [
@@ -167,5 +167,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6b83952493a0bc269e2b581050805b1d17d986e6"
+    "gitHead": "d3bf71e5a23e09d0cd26f543fb1327ff7eb27983"
 }