@micromag/viewer 0.3.831 → 0.4.4

package/es/index.js

@@ -4,10 +4,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { useRoutes, useUrlGenerator, useMemoryRouter, RoutesProvider } from '@folklore/routes';
 import isEmpty from 'lodash/isEmpty';
 import uniq from 'lodash/uniq';
-import PropTypes from 'prop-types';
 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';
@@ -30,12 +28,6 @@ import { useGesture } from '@use-gesture/react';
 import queryString from 'query-string';
 import WebView from '@micromag/element-webview';
 
-// eslint-disable-next-line import/prefer-default-export
-var routes = PropTypes.shape({
-  home: PropTypes.string.isRequired,
-  screen: PropTypes.string.isRequired
-});
-
 function useKeyboardShortcuts() {
   var shortcuts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -94,7 +86,11 @@ function checkClickable(el) {
   //     return true;
   // }
 
-  if (tags.map(function (it) {
+  // console.log('tags', tags, options);
+
+  if (tags.filter(function (t) {
+    return t !== null;
+  }).map(function (it) {
     return it.toLowerCase();
   }).indexOf(tagName.toLowerCase()) !== -1 || classList !== null && classList.contains('clickable')) {
     return true;
@@ -225,88 +221,55 @@ function checkDraggable(el) {
   return false;
 }
 
-var styles$i = {"container":"micromag-viewer-buttons-button-container","asLink":"micromag-viewer-buttons-button-asLink","icon":"micromag-viewer-buttons-button-icon","label":"micromag-viewer-buttons-button-label","withIcon":"micromag-viewer-buttons-button-withIcon","right":"micromag-viewer-buttons-button-right","icon-right":"micromag-viewer-buttons-button-icon-right","withIconColumns":"micromag-viewer-buttons-button-withIconColumns","linkDisabled":"micromag-viewer-buttons-button-linkDisabled"};
+var styles$i = {"container":"container","icon":"icon","label":"label","asLink":"asLink","withIcon":"withIcon","right":"right","icon-right":"icon-right","withIconColumns":"withIconColumns","linkDisabled":"linkDisabled"};
 
 var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "withoutTheme", "asLink", "ariaLabel", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
-var propTypes$r = {
-  type: PropTypes.string,
-  theme: PropTypes$1.buttonTheme,
-  size: PropTypes$1.buttonSize,
-  href: PropTypes.string,
-  external: PropTypes.bool,
-  direct: PropTypes.bool,
-  target: PropTypes.string,
-  label: PropTypes$1.label,
-  children: PropTypes$1.label,
-  focusable: PropTypes.bool,
-  active: PropTypes.bool,
-  icon: PropTypes.node,
-  iconPosition: PropTypes.oneOf(['left', 'right', 'inline']),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  disableOnLoading: PropTypes.bool,
-  withoutTheme: PropTypes.bool,
-  asLink: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  className: PropTypes.string,
-  iconClassName: PropTypes.string,
-  labelClassName: PropTypes.string,
-  onClick: PropTypes.func,
-  refButton: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })])
-};
-var defaultProps$r = {
-  type: 'button',
-  theme: null,
-  size: null,
-  href: null,
-  external: false,
-  direct: false,
-  target: '_blank',
-  label: null,
-  children: null,
-  focusable: true,
-  active: false,
-  icon: null,
-  iconPosition: 'inline',
-  disabled: false,
-  loading: false,
-  disableOnLoading: true,
-  withoutTheme: false,
-  asLink: false,
-  ariaLabel: null,
-  className: null,
-  iconClassName: null,
-  labelClassName: null,
-  onClick: null,
-  refButton: null
-};
-var Button = function Button(_ref) {
-  var type = _ref.type,
-    theme = _ref.theme;
+function Button(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme;
     _ref.size;
-    var href = _ref.href,
-    external = _ref.external,
-    direct = _ref.direct,
-    target = _ref.target,
-    label = _ref.label,
-    children = _ref.children,
-    focusable = _ref.focusable;
+    var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? null : _ref$href,
+    _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$direct = _ref.direct,
+    direct = _ref$direct === void 0 ? false : _ref$direct,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable;
     _ref.active;
-    var icon = _ref.icon,
-    iconPosition = _ref.iconPosition,
-    disabled = _ref.disabled,
-    loading = _ref.loading,
-    disableOnLoading = _ref.disableOnLoading;
+    var _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'inline' : _ref$iconPosition,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$disableOnLoading = _ref.disableOnLoading,
+    disableOnLoading = _ref$disableOnLoading === void 0 ? true : _ref$disableOnLoading;
     _ref.withoutTheme;
-    var asLink = _ref.asLink,
-    ariaLabel = _ref.ariaLabel,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    iconClassName = _ref.iconClassName,
-    labelClassName = _ref.labelClassName,
-    refButton = _ref.refButton,
+    var _ref$asLink = _ref.asLink,
+    asLink = _ref$asLink === void 0 ? false : _ref$asLink,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? null : _ref$ariaLabel,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$iconClassName = _ref.iconClassName,
+    iconClassName = _ref$iconClassName === void 0 ? null : _ref$iconClassName,
+    _ref$labelClassName = _ref.labelClassName,
+    labelClassName = _ref$labelClassName === void 0 ? null : _ref$labelClassName,
+    _ref$refButton = _ref.refButton,
+    refButton = _ref$refButton === void 0 ? null : _ref$refButton,
     props = _objectWithoutProperties(_ref, _excluded$a);
   var finalLabel = label || children;
   var text = finalLabel !== null ? /*#__PURE__*/React.createElement(Label, null, finalLabel) : null;
@@ -365,46 +328,30 @@ var Button = function Button(_ref) {
     "aria-label": ariaLabel,
     tabIndex: focusable ? '0' : '-1'
   }), content);
-};
-Button.propTypes = propTypes$r;
-Button.defaultProps = defaultProps$r;
+}
 
-var styles$h = {"container":"micromag-viewer-buttons-icon-button-container","label":"micromag-viewer-buttons-icon-button-label","icon":"micromag-viewer-buttons-icon-button-icon"};
+var styles$h = {"container":"container","label":"label","icon":"icon"};
 
 var _excluded$9 = ["iconClassName", "className"];
-var propTypes$q = {
-  iconClassName: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$q = {
-  iconClassName: null,
-  className: null
-};
-var IconButton = function IconButton(_ref) {
-  var iconClassName = _ref.iconClassName,
-    className = _ref.className,
+function IconButton(_ref) {
+  var _ref$iconClassName = _ref.iconClassName,
+    iconClassName = _ref$iconClassName === void 0 ? null : _ref$iconClassName,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$9);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles$h.container, _defineProperty({}, className, className !== null)]),
     labelClassName: styles$h.label,
     iconClassName: classNames([styles$h.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
   }, props));
-};
-IconButton.propTypes = propTypes$q;
-IconButton.defaultProps = defaultProps$q;
+}
 
 var _excluded$8 = ["single", "className"];
-var propTypes$p = {
-  single: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$p = {
-  single: false,
-  className: null
-};
-var CloseMenuButton = function CloseMenuButton(_ref) {
-  var single = _ref.single,
-    className = _ref.className,
+function CloseMenuButton(_ref) {
+  var _ref$single = _ref.single,
+    single = _ref$single === void 0 ? false : _ref$single,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$8);
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
@@ -447,21 +394,12 @@ var CloseMenuButton = function CloseMenuButton(_ref) {
       stroke: "currentColor"
     }))
   }, props));
-};
-CloseMenuButton.propTypes = propTypes$p;
-CloseMenuButton.defaultProps = defaultProps$p;
+}
 
 var _excluded$7 = ["className", "iconClassName"];
-var propTypes$o = {
-  className: PropTypes.string,
-  iconClassName: PropTypes.string
-};
-var defaultProps$o = {
-  className: null,
-  iconClassName: null
-};
-var MenuButton = function MenuButton(_ref) {
-  var className = _ref.className;
+function MenuButton(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
     _ref.iconClassName;
     var props = _objectWithoutProperties(_ref, _excluded$7);
   var intl = useIntl();
@@ -499,19 +437,12 @@ var MenuButton = function MenuButton(_ref) {
       stroke: "currentColor"
     }))
   }, props));
-};
-MenuButton.propTypes = propTypes$o;
-MenuButton.defaultProps = defaultProps$o;
+}
 
 var _excluded$6 = ["className"];
-var propTypes$n = {
-  className: PropTypes.string
-};
-var defaultProps$n = {
-  className: null
-};
-var ShareButton = function ShareButton(_ref) {
-  var className = _ref.className,
+function ShareButton(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$6);
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
@@ -542,33 +473,21 @@ var ShareButton = function ShareButton(_ref) {
       fill: "currentColor"
     }))
   }, props));
-};
-ShareButton.propTypes = propTypes$n;
-ShareButton.defaultProps = defaultProps$n;
-
-var styles$g = {"container":"micromag-viewer-buttons-toggle-button-container","normal":"micromag-viewer-buttons-toggle-button-normal","toggled":"micromag-viewer-buttons-toggle-button-toggled"};
-
-var propTypes$m = {
-  className: PropTypes.string,
-  progressSpring: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  button: PropTypes.node,
-  toggledButton: PropTypes.node,
-  toggledButtonClassName: PropTypes.string
-};
-var defaultProps$m = {
-  className: null,
-  progressSpring: null,
-  button: null,
-  toggledButton: null,
-  toggledButtonClassName: null
-};
-var ToggleButton = function ToggleButton(_ref) {
-  var className = _ref.className,
-    progressSpring = _ref.progressSpring,
-    button = _ref.button,
-    toggledButton = _ref.toggledButton,
-    toggledButtonClassName = _ref.toggledButtonClassName;
+}
+
+var styles$g = {"container":"container","normal":"normal","toggled":"toggled"};
+
+function ToggleButton(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$progressSpring = _ref.progressSpring,
+    progressSpring = _ref$progressSpring === void 0 ? null : _ref$progressSpring,
+    _ref$button = _ref.button,
+    button = _ref$button === void 0 ? null : _ref$button,
+    _ref$toggledButton = _ref.toggledButton,
+    toggledButton = _ref$toggledButton === void 0 ? null : _ref$toggledButton,
+    _ref$toggledButtonCla = _ref.toggledButtonClassName,
+    toggledButtonClassName = _ref$toggledButtonCla === void 0 ? null : _ref$toggledButtonCla;
   if (button === null) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$g.container, _defineProperty({}, className, className !== null)])
@@ -587,30 +506,19 @@ var ToggleButton = function ToggleButton(_ref) {
       })
     }
   }, toggledButton));
-};
-ToggleButton.propTypes = propTypes$m;
-ToggleButton.defaultProps = defaultProps$m;
+}
 
-var styles$f = {"backdrop":"micromag-viewer-menus-menu-container-backdrop","heightContainer":"micromag-viewer-menus-menu-container-heightContainer","container":"micromag-viewer-menus-menu-container-container"};
+var styles$f = {"container":"container","heightContainer":"heightContainer","backdrop":"backdrop"};
 
-var propTypes$l = {
-  className: PropTypes.string,
-  progressSpring: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  theme: PropTypes$1.viewerTheme,
-  children: PropTypes.node
-};
-var defaultProps$l = {
-  className: null,
-  progressSpring: null,
-  theme: null,
-  children: null
-};
-var ViewerMenuContainer = function ViewerMenuContainer(_ref) {
-  var className = _ref.className,
-    progressSpring = _ref.progressSpring,
-    viewerTheme = _ref.theme,
-    children = _ref.children;
+function ViewerMenuContainer(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$progressSpring = _ref.progressSpring,
+    progressSpring = _ref$progressSpring === void 0 ? null : _ref$progressSpring,
+    _ref$theme = _ref.theme,
+    viewerTheme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _ref2 = viewerTheme || {},
     _ref2$background = _ref2.background,
     background = _ref2$background === void 0 ? null : _ref2$background;
@@ -645,44 +553,27 @@ var ViewerMenuContainer = function ViewerMenuContainer(_ref) {
       })
     }
   }));
-};
-ViewerMenuContainer.propTypes = propTypes$l;
-ViewerMenuContainer.defaultProps = defaultProps$l;
-
-var styles$e = {"container":"micromag-viewer-menus-menu-dot-container","progress":"micromag-viewer-menus-menu-dot-progress","dot":"micromag-viewer-menus-menu-dot-dot","vertical":"micromag-viewer-menus-menu-dot-vertical"};
-
-var propTypes$k = {
-  current: PropTypes.bool,
-  active: PropTypes.bool,
-  colors: PropTypes.shape({
-    primary: PropTypes.string,
-    secondary: PropTypes.string
-  }),
-  count: PropTypes.number,
-  subIndex: PropTypes.number,
-  vertical: PropTypes.bool,
-  onClick: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$k = {
-  current: false,
-  active: false,
-  colors: null,
-  count: 1,
-  subIndex: 0,
-  vertical: false,
-  onClick: null,
-  className: null
-};
-var ViewerMenuDot = function ViewerMenuDot(_ref) {
-  var current = _ref.current,
-    active = _ref.active,
-    colors = _ref.colors,
-    count = _ref.count,
-    subIndex = _ref.subIndex,
-    vertical = _ref.vertical,
-    _onClick = _ref.onClick,
-    className = _ref.className;
+}
+
+var styles$e = {"container":"container","dot":"dot","progress":"progress","vertical":"vertical"};
+
+function ViewerMenuDot(_ref) {
+  var _ref$current = _ref.current,
+    current = _ref$current === void 0 ? false : _ref$current,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? null : _ref$colors,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 1 : _ref$count,
+    _ref$subIndex = _ref.subIndex,
+    subIndex = _ref$subIndex === void 0 ? 0 : _ref$subIndex,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? false : _ref$vertical,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _ref2 = colors || {},
     _ref2$primary = _ref2.primary,
     primary = _ref2$primary === void 0 ? 'rgba(255, 255, 255, 1)' : _ref2$primary,
@@ -734,54 +625,34 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
       backgroundColor: primary
     })
   })));
-};
-ViewerMenuDot.propTypes = propTypes$k;
-ViewerMenuDot.defaultProps = defaultProps$k;
+}
 
-var styles$d = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","dot":"micromag-viewer-menus-menu-dots-dot","withButtons":"micromag-viewer-menus-menu-dots-withButtons","buttons":"micromag-viewer-menus-menu-dots-buttons","vertical":"micromag-viewer-menus-menu-dots-vertical"};
+var styles$d = {"container":"container","dot":"dot","withButtons":"withButtons","closeButton":"closeButton","buttons":"buttons","vertical":"vertical"};
 
 var _excluded$5 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "buttons", "withItemClick", "withoutScreensMenu", "onClose", "className"];
-var propTypes$j = {
-  direction: PropTypes.oneOf(['horizontal', 'vertical']),
-  items: PropTypes$1.menuItems,
-  onClickDot: PropTypes.func,
-  onClickScreensMenu: PropTypes.func,
-  colors: PropTypes.shape({
-    primary: PropTypes.string,
-    secondary: PropTypes.string
-  }),
-  buttons: PropTypes.node,
-  closeable: PropTypes.bool,
-  withItemClick: PropTypes.bool,
-  withoutScreensMenu: PropTypes.bool,
-  onClose: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$j = {
-  direction: 'horizontal',
-  items: [],
-  onClickDot: null,
-  onClickScreensMenu: null,
-  colors: null,
-  buttons: null,
-  closeable: false,
-  withItemClick: false,
-  withoutScreensMenu: false,
-  onClose: null,
-  className: null
-};
-var ViewerMenuDots = function ViewerMenuDots(_ref) {
-  var direction = _ref.direction,
-    items = _ref.items,
-    onClickDot = _ref.onClickDot,
-    onClickScreensMenu = _ref.onClickScreensMenu,
-    colors = _ref.colors,
-    closeable = _ref.closeable,
-    buttons = _ref.buttons,
-    withItemClick = _ref.withItemClick,
-    withoutScreensMenu = _ref.withoutScreensMenu,
-    onClose = _ref.onClose,
-    className = _ref.className,
+function ViewerMenuDots(_ref) {
+  var _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$onClickDot = _ref.onClickDot,
+    onClickDot = _ref$onClickDot === void 0 ? null : _ref$onClickDot,
+    _ref$onClickScreensMe = _ref.onClickScreensMenu,
+    onClickScreensMenu = _ref$onClickScreensMe === void 0 ? null : _ref$onClickScreensMe,
+    _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? null : _ref$colors,
+    _ref$closeable = _ref.closeable,
+    closeable = _ref$closeable === void 0 ? false : _ref$closeable,
+    _ref$buttons = _ref.buttons,
+    buttons = _ref$buttons === void 0 ? null : _ref$buttons,
+    _ref$withItemClick = _ref.withItemClick,
+    withItemClick = _ref$withItemClick === void 0 ? false : _ref$withItemClick,
+    _ref$withoutScreensMe = _ref.withoutScreensMenu,
+    withoutScreensMenu = _ref$withoutScreensMe === void 0 ? false : _ref$withoutScreensMe,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$5);
   var _ref2 = colors || {},
     _ref2$primary = _ref2.primary,
@@ -867,20 +738,11 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
   }, /*#__PURE__*/React.createElement(CloseIcon, null)) : null, buttons !== null ? /*#__PURE__*/React.createElement("div", {
     className: styles$d.buttons
   }, buttons) : null);
-};
-ViewerMenuDots.propTypes = propTypes$j;
-ViewerMenuDots.defaultProps = defaultProps$j;
+}
 
-var propTypes$i = {
-  color: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$i = {
-  color: 'currentColor',
-  className: null
-};
-var MicromagIcon = function MicromagIcon(_ref) {
-  var color = _ref.color,
+function MicromagIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
@@ -926,19 +788,11 @@ var MicromagIcon = function MicromagIcon(_ref) {
     fill: color,
     d: "m313.68.68h-75.86c-1.15,0-2.08.93-2.08,2.08v31.54c0,1.15.93,2.08,2.08,2.08h75.86c1.15,0,2.08-.93,2.08-2.08V2.76c0-1.15-.93-2.08-2.08-2.08Zm-67,32.15c-4.53,0-6.31-2.34-6.31-9.87h3.49c0,5.34.77,6.38,2.83,6.38,1.64,0,2.27-.84,2.27-3.77s-.98-4.19-3.56-6.21c-2.48-1.92-4.85-3.84-4.85-8.41,0-4.12,1.74-6.73,5.79-6.73s5.93,2.62,5.93,8.48h-3.49c0-4.19-.94-4.99-2.44-4.99s-2.3.8-2.3,3.24,1.22,3.77,3.28,5.34c2.96,2.27,5.13,4.22,5.13,9.28,0,4.6-1.67,7.25-5.75,7.25Zm17.82-24.76h-3.94v24.41h-3.49V8.07h-3.94v-3.49h11.37v3.49Zm13.46,16.99c0,5.62-1.99,7.78-6.03,7.78s-6.03-2.16-6.03-7.78V4.58h3.49v20.47c0,3.24.52,4.29,2.55,4.29s2.55-1.05,2.55-4.29V4.58h3.49v20.47Zm13.88,0c0,6.03-2.34,7.43-7.95,7.43h-4.19V4.58h4.19c5.62,0,7.95,1.33,7.95,7.43v13.04Zm5.33,7.43h-3.49V4.58h3.49v27.9Zm13.81-7.43c0,5.62-1.99,7.78-6.03,7.78s-6.03-2.16-6.03-7.78v-13.04c0-5.62,1.99-7.78,6.03-7.78s6.03,2.16,6.03,7.78v13.04Z"
   }));
-};
-MicromagIcon.propTypes = propTypes$i;
-MicromagIcon.defaultProps = defaultProps$i;
+}
 
-var styles$c = {"container":"micromag-viewer-partials-micromag-branding-container","link":"micromag-viewer-partials-micromag-branding-link","text":"micromag-viewer-partials-micromag-branding-text","icon":"micromag-viewer-partials-micromag-branding-icon"};
+var styles$c = {"container":"container","link":"link","text":"text","icon":"icon"};
 
-var propTypes$h = {
-  className: PropTypes.string
-};
-var defaultProps$h = {
-  className: null
-};
-var MicromagBranding = function MicromagBranding(_ref) {
+function MicromagBranding(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
@@ -965,18 +819,11 @@ var MicromagBranding = function MicromagBranding(_ref) {
   })), /*#__PURE__*/React.createElement(MicromagIcon, {
     className: styles$c.icon
   })));
-};
-MicromagBranding.propTypes = propTypes$h;
-MicromagBranding.defaultProps = defaultProps$h;
+}
 
-var propTypes$g = {
-  className: PropTypes.string
-};
-var defaultProps$g = {
-  className: null
-};
-var StackIcon = function StackIcon(_ref) {
-  var className = _ref.className;
+function StackIcon(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "11.5px",
@@ -989,38 +836,25 @@ var StackIcon = function StackIcon(_ref) {
   }), /*#__PURE__*/React.createElement("polygon", {
     points: "10.5 1.5 10.5 16.5 1.5 16.5 1.5 17.5 11.5 17.5 11.5 1.5 10.5 1.5"
   }));
-};
-StackIcon.propTypes = propTypes$g;
-StackIcon.defaultProps = defaultProps$g;
-
-var styles$b = {"button":"micromag-viewer-menus-menu-screen-button","container":"micromag-viewer-menus-menu-screen-container","isCurrent":"micromag-viewer-menus-menu-screen-isCurrent","inner":"micromag-viewer-menus-menu-screen-inner","subScreenBadge":"micromag-viewer-menus-menu-screen-subScreenBadge","subScreenCount":"micromag-viewer-menus-menu-screen-subScreenCount","subScreenIcon":"micromag-viewer-menus-menu-screen-subScreenIcon","screen":"micromag-viewer-menus-menu-screen-screen"};
-
-var propTypes$f = {
-  className: PropTypes.string,
-  item: PropTypes$1.menuItem,
-  index: PropTypes.number,
-  onClick: PropTypes.func,
-  screenSize: PropTypes$1.screenSize,
-  alwaysRender: PropTypes.bool,
-  focusable: PropTypes.bool
-};
-var defaultProps$f = {
-  className: null,
-  item: PropTypes$1.menuItem,
-  index: 0,
-  onClick: null,
-  screenSize: null,
-  alwaysRender: false,
-  focusable: true
-};
-var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
-  var className = _ref.className,
-    item = _ref.item,
-    index = _ref.index,
-    _onClick = _ref.onClick,
-    screenSize = _ref.screenSize,
-    alwaysRender = _ref.alwaysRender,
-    focusable = _ref.focusable;
+}
+
+var styles$b = {"container":"container","button":"button","isCurrent":"isCurrent","inner":"inner","subScreenBadge":"subScreenBadge","subScreenCount":"subScreenCount","subScreenIcon":"subScreenIcon","screen":"screen"};
+
+function ViewerMenuScreen(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$item = _ref.item,
+    item = _ref$item === void 0 ? null : _ref$item,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$screenSize = _ref.screenSize,
+    screenSize = _ref$screenSize === void 0 ? null : _ref$screenSize,
+    _ref$alwaysRender = _ref.alwaysRender,
+    alwaysRender = _ref$alwaysRender === void 0 ? false : _ref$alwaysRender,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable;
   var intl = useIntl();
   var _ref2 = item || {},
     _ref2$current = _ref2.current,
@@ -1093,69 +927,40 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
     active: focusable,
     withSize: true
   }) : null));
-};
-ViewerMenuScreen.propTypes = propTypes$f;
-ViewerMenuScreen.defaultProps = defaultProps$f;
+}
 
-var styles$a = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","content":"micromag-viewer-menus-menu-preview-content","scrollee":"micromag-viewer-menus-menu-preview-scrollee","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","headerContainer":"micromag-viewer-menus-menu-preview-headerContainer","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","micromagBrandingSeparator":"micromag-viewer-menus-menu-preview-micromagBrandingSeparator","micromagBrandingContainer":"micromag-viewer-menus-menu-preview-micromagBrandingContainer"};
+var styles$a = {"container":"container","content":"content","scroll":"scroll","scrollee":"scrollee","titleContainer":"titleContainer","headerContainer":"headerContainer","title":"title","nav":"nav","items":"items","item":"item","inner":"inner","frame":"frame","screen":"screen","micromagBrandingSeparator":"micromagBrandingSeparator","micromagBrandingContainer":"micromagBrandingContainer"};
 
 var _excluded$4 = ["textAlign"];
-var propTypes$e = {
-  viewerTheme: PropTypes$1.viewerTheme,
-  header: PropTypes.node,
-  footer: PropTypes.node,
-  screenSize: PropTypes$1.screenSize,
-  title: PropTypes.string,
-  menuWidth: PropTypes.number,
-  items: PropTypes$1.menuItems,
-  focusable: PropTypes.bool,
-  onClickScreen: PropTypes.func,
-  maxThumbsWidth: PropTypes.number,
-  paddingTop: PropTypes.number,
-  scrollDisabled: PropTypes.bool,
-  withMicromagBranding: PropTypes.bool,
-  // @todo to reimplement:
-  // shouldLoad: PropTypes.bool,
-  // toggleFullscreen: PropTypes.func,
-  // fullscreenActive: PropTypes.bool,
-  // fullscreenEnabled: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$e = {
-  viewerTheme: null,
-  header: null,
-  footer: null,
-  screenSize: null,
-  title: null,
-  menuWidth: null,
-  items: [],
-  focusable: true,
-  // shouldLoad: true,
-  onClickScreen: null,
-  maxThumbsWidth: 140,
-  paddingTop: null,
-  scrollDisabled: false,
-  withMicromagBranding: false,
-  // toggleFullscreen: null,
-  // fullscreenActive: false,
-  // fullscreenEnabled: false,
-  className: null
-};
-var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
-  var viewerTheme = _ref.viewerTheme,
-    header = _ref.header,
-    footer = _ref.footer,
-    screenSize = _ref.screenSize,
-    title = _ref.title,
-    menuWidth = _ref.menuWidth,
-    items = _ref.items,
-    focusable = _ref.focusable,
-    onClickScreen = _ref.onClickScreen,
-    maxThumbsWidth = _ref.maxThumbsWidth,
-    paddingTop = _ref.paddingTop,
-    scrollDisabled = _ref.scrollDisabled,
-    withMicromagBranding = _ref.withMicromagBranding,
-    className = _ref.className;
+function ViewerMenuPreview(_ref) {
+  var _ref$viewerTheme = _ref.viewerTheme,
+    viewerTheme = _ref$viewerTheme === void 0 ? null : _ref$viewerTheme,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$screenSize = _ref.screenSize,
+    screenSize = _ref$screenSize === void 0 ? null : _ref$screenSize,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$menuWidth = _ref.menuWidth,
+    menuWidth = _ref$menuWidth === void 0 ? null : _ref$menuWidth,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+    _ref$onClickScreen = _ref.onClickScreen,
+    onClickScreen = _ref$onClickScreen === void 0 ? null : _ref$onClickScreen,
+    _ref$maxThumbsWidth = _ref.maxThumbsWidth,
+    maxThumbsWidth = _ref$maxThumbsWidth === void 0 ? 140 : _ref$maxThumbsWidth,
+    _ref$paddingTop = _ref.paddingTop,
+    paddingTop = _ref$paddingTop === void 0 ? null : _ref$paddingTop,
+    _ref$scrollDisabled = _ref.scrollDisabled,
+    scrollDisabled = _ref$scrollDisabled === void 0 ? false : _ref$scrollDisabled,
+    _ref$withMicromagBran = _ref.withMicromagBranding,
+    withMicromagBranding = _ref$withMicromagBran === void 0 ? false : _ref$withMicromagBran,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _useDimensionObserver = useDimensionObserver(),
     containerRef = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.width,
@@ -1263,32 +1068,21 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
   }), /*#__PURE__*/React.createElement(MicromagBranding, {
     className: styles$a.micromagBrandingContainer
   })) : null)));
-};
-ViewerMenuPreview.propTypes = propTypes$e;
-ViewerMenuPreview.defaultProps = defaultProps$e;
-
-var styles$9 = {"container":"micromag-viewer-partials-micromag-preview-container","cover":"micromag-viewer-partials-micromag-preview-cover","info":"micromag-viewer-partials-micromag-preview-info","url":"micromag-viewer-partials-micromag-preview-url","title":"micromag-viewer-partials-micromag-preview-title"};
+}
 
-var propTypes$d = {
-  screen: PropTypes$1.screen,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  description: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$d = {
-  screen: null,
-  title: null,
-  url: null,
-  description: null,
-  className: null
-};
-var MicromagPreview = function MicromagPreview(_ref) {
-  var screen = _ref.screen,
-    title = _ref.title,
-    url = _ref.url,
-    description = _ref.description,
-    className = _ref.className;
+var styles$9 = {"container":"container","title":"title","cover":"cover","info":"info","url":"url"};
+
+function MicromagPreview(_ref) {
+  var _ref$screen = _ref.screen,
+    screen = _ref$screen === void 0 ? null : _ref$screen,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? null : _ref$url,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$9.container, _defineProperty({}, className, className)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -1305,53 +1099,35 @@ var MicromagPreview = function MicromagPreview(_ref) {
   }, title), url ? /*#__PURE__*/React.createElement("div", {
     className: styles$9.url
   }, url) : null, /*#__PURE__*/React.createElement("p", null, description)));
-};
-MicromagPreview.propTypes = propTypes$d;
-MicromagPreview.defaultProps = defaultProps$d;
-
-var styles$8 = {"scroll":"micromag-viewer-menus-menu-share-scroll","container":"micromag-viewer-menus-menu-share-container","content":"micromag-viewer-menus-menu-share-content","inner":"micromag-viewer-menus-menu-share-inner","header":"micromag-viewer-menus-menu-share-header","mode":"micromag-viewer-menus-menu-share-mode","options":"micromag-viewer-menus-menu-share-options"};
-
-var propTypes$c = {
-  viewerTheme: PropTypes$1.viewerTheme,
-  menuWidth: PropTypes.number,
-  title: PropTypes.string,
-  description: PropTypes.string,
-  items: PropTypes$1.menuItems,
-  shareOptions: PropTypes.arrayOf(PropTypes.string),
-  focusable: PropTypes.bool,
-  paddingTop: PropTypes.number,
-  currentScreenIndex: PropTypes.number,
-  shareUrl: PropTypes.string,
-  onShare: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$c = {
-  viewerTheme: null,
-  menuWidth: null,
-  title: null,
-  description: null,
-  items: [],
-  shareOptions: null,
-  focusable: true,
-  paddingTop: null,
-  currentScreenIndex: 0,
-  shareUrl: null,
-  onShare: null,
-  className: null
-};
-var ViewerMenuShare = function ViewerMenuShare(_ref) {
-  var viewerTheme = _ref.viewerTheme,
-    menuWidth = _ref.menuWidth,
-    title = _ref.title,
-    description = _ref.description,
-    items = _ref.items,
-    shareOptions = _ref.shareOptions,
-    focusable = _ref.focusable,
-    paddingTop = _ref.paddingTop,
-    currentScreenIndex = _ref.currentScreenIndex,
-    shareUrl = _ref.shareUrl,
-    onShare = _ref.onShare,
-    className = _ref.className;
+}
+
+var styles$8 = {"container":"container","content":"content","scroll":"scroll","inner":"inner","header":"header","mode":"mode","options":"options"};
+
+function ViewerMenuShare(_ref) {
+  var _ref$viewerTheme = _ref.viewerTheme,
+    viewerTheme = _ref$viewerTheme === void 0 ? null : _ref$viewerTheme,
+    _ref$menuWidth = _ref.menuWidth,
+    menuWidth = _ref$menuWidth === void 0 ? null : _ref$menuWidth,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$shareOptions = _ref.shareOptions,
+    shareOptions = _ref$shareOptions === void 0 ? null : _ref$shareOptions,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+    _ref$paddingTop = _ref.paddingTop,
+    paddingTop = _ref$paddingTop === void 0 ? null : _ref$paddingTop,
+    _ref$currentScreenInd = _ref.currentScreenIndex,
+    currentScreenIndex = _ref$currentScreenInd === void 0 ? 0 : _ref$currentScreenInd,
+    _ref$shareUrl = _ref.shareUrl,
+    shareUrl = _ref$shareUrl === void 0 ? null : _ref$shareUrl,
+    _ref$onShare = _ref.onShare,
+    onShare = _ref$onShare === void 0 ? null : _ref$onShare,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   // Viewer theme
   var _ref2 = viewerTheme || {},
     _ref2$background = _ref2.background,
@@ -1444,101 +1220,64 @@ var ViewerMenuShare = function ViewerMenuShare(_ref) {
     theme: viewerTheme,
     shareCurrentScreen: shareCurrentScreen
   })))));
-};
-ViewerMenuShare.propTypes = propTypes$c;
-ViewerMenuShare.defaultProps = defaultProps$c;
-
-var styles$7 = {"container":"micromag-viewer-container","screenContainer":"micromag-viewer-screenContainer","screensFrame":"micromag-viewer-screensFrame","menuShare":"micromag-viewer-menuShare","menuPreview":"micromag-viewer-menuPreview","menuContainer":"micromag-viewer-menuContainer","landscape":"micromag-viewer-landscape","hideMenu":"micromag-viewer-hideMenu","menuNavContainer":"micromag-viewer-menuNavContainer","menuTopContainer":"micromag-viewer-menuTopContainer","dots":"micromag-viewer-dots","disableMenu":"micromag-viewer-disableMenu","content":"micromag-viewer-content","withoutGestures":"micromag-viewer-withoutGestures","ariaAnnouncement":"micromag-viewer-ariaAnnouncement","accessibilityLinks":"micromag-viewer-accessibilityLinks","accessibilityButton":"micromag-viewer-accessibilityButton","disabled":"micromag-viewer-disabled","tooltip":"micromag-viewer-tooltip","fadeMenu":"micromag-viewer-fadeMenu","withShadow":"micromag-viewer-withShadow","isOpened":"micromag-viewer-isOpened","menuItem":"micromag-viewer-menuItem","menuButton":"micromag-viewer-menuButton","slidingButton":"micromag-viewer-slidingButton","screensMenuButtonToggled":"micromag-viewer-screensMenuButtonToggled","navButton":"micromag-viewer-navButton","previous":"micromag-viewer-previous","next":"micromag-viewer-next","screen":"micromag-viewer-screen","preload":"micromag-viewer-preload","visible":"micromag-viewer-visible","current":"micromag-viewer-current","playbackControls":"micromag-viewer-playbackControls","navigationHint":"micromag-viewer-navigationHint","webView":"micromag-viewer-webView","shareIncentiveContainer":"micromag-viewer-shareIncentiveContainer","shareIncentive":"micromag-viewer-shareIncentive","shareIncentiveVisible":"micromag-viewer-shareIncentiveVisible"};
-
-var propTypes$b = {
-  story: PropTypes$1.story.isRequired,
-  menuItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),
-  currentScreenIndex: PropTypes.number,
-  toggleFullscreen: PropTypes.func,
-  fullscreenActive: PropTypes.bool,
-  fullscreenEnabled: PropTypes.bool,
-  menuDotsButtons: PropTypes.node,
-  closeable: PropTypes.bool,
-  withShadow: PropTypes.bool,
-  trackingEnabled: PropTypes.bool,
-  shareBasePath: PropTypes.string,
-  shareOptions: PropTypes.arrayOf(PropTypes.string),
-  theme: PropTypes$1.viewerTheme,
-  screenSize: PropTypes$1.screenSize,
-  menuWidth: PropTypes.number,
-  previewHeader: PropTypes.node,
-  previewFooter: PropTypes.node,
-  afterShareMenuButton: PropTypes.node,
-  beforeScreensMenuButton: PropTypes.node,
-  withMicromagBranding: PropTypes.bool,
-  withDotItemClick: PropTypes.bool,
-  withoutScreensMenu: PropTypes.bool,
-  withoutShareMenu: PropTypes.bool,
-  onClickScreen: PropTypes.func,
-  // onClickMenu: PropTypes.func,
-  onClickCloseViewer: PropTypes.func,
-  onChange: PropTypes.func,
-  refDots: PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })
-};
-var defaultProps$b = {
-  menuItems: ['share', 'main'],
-  currentScreenIndex: 0,
-  toggleFullscreen: null,
-  fullscreenActive: false,
-  fullscreenEnabled: false,
-  menuDotsButtons: null,
-  closeable: false,
-  withShadow: false,
-  trackingEnabled: false,
-  shareBasePath: null,
-  shareOptions: null,
-  theme: null,
-  screenSize: null,
-  menuWidth: null,
-  previewHeader: null,
-  previewFooter: null,
-  afterShareMenuButton: null,
-  beforeScreensMenuButton: null,
-  withMicromagBranding: false,
-  withDotItemClick: false,
-  withoutScreensMenu: false,
-  withoutShareMenu: false,
-  onClickScreen: null,
-  onChange: null,
-  // onClickMenu: null,
-  onClickCloseViewer: null,
-  refDots: null
-};
-var ViewerMenu = function ViewerMenu(_ref) {
+}
+
+var styles$7 = {"container":"container","landscape":"landscape","screensFrame":"screensFrame","hideMenu":"hideMenu","menuNavContainer":"menuNavContainer","menuTopContainer":"menuTopContainer","dots":"dots","disableMenu":"disableMenu","content":"content","withoutGestures":"withoutGestures","ariaAnnouncement":"ariaAnnouncement","accessibilityLinks":"accessibilityLinks","accessibilityButton":"accessibilityButton","disabled":"disabled","tooltip":"tooltip","fadeMenu":"fadeMenu","withShadow":"withShadow","isOpened":"isOpened","menuItem":"menuItem","menuButton":"menuButton","slidingButton":"slidingButton","screensMenuButtonToggled":"screensMenuButtonToggled","menuContainer":"menuContainer","menuShare":"menuShare","menuPreview":"menuPreview","navButton":"navButton","previous":"previous","next":"next","screenContainer":"screenContainer","screen":"screen","preload":"preload","visible":"visible","current":"current","playbackControls":"playbackControls","navigationHint":"navigationHint","webView":"webView","shareIncentiveContainer":"shareIncentiveContainer","shareIncentive":"shareIncentive","shareIncentiveVisible":"shareIncentiveVisible"};
+
+function ViewerMenu(_ref) {
   var story = _ref.story,
-    menuItems = _ref.menuItems,
-    currentScreenIndex = _ref.currentScreenIndex,
-    toggleFullscreen = _ref.toggleFullscreen,
-    fullscreenActive = _ref.fullscreenActive,
-    fullscreenEnabled = _ref.fullscreenEnabled,
-    menuDotsButtons = _ref.menuDotsButtons,
-    closeable = _ref.closeable,
-    withShadow = _ref.withShadow,
-    shareBasePath = _ref.shareBasePath,
-    shareOptions = _ref.shareOptions,
-    trackingEnabled = _ref.trackingEnabled,
-    viewerTheme = _ref.theme,
-    screenSize = _ref.screenSize,
-    menuWidth = _ref.menuWidth,
-    previewHeader = _ref.previewHeader,
-    previewFooter = _ref.previewFooter,
-    afterShareMenuButton = _ref.afterShareMenuButton,
-    beforeScreensMenuButton = _ref.beforeScreensMenuButton,
-    withMicromagBranding = _ref.withMicromagBranding,
-    withDotItemClick = _ref.withDotItemClick,
-    withoutScreensMenu = _ref.withoutScreensMenu,
-    withoutShareMenu = _ref.withoutShareMenu,
-    customOnClickScreen = _ref.onClickScreen,
-    onChange = _ref.onChange,
-    onClickCloseViewer = _ref.onClickCloseViewer,
-    refDots = _ref.refDots;
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? ['share', 'main'] : _ref$menuItems,
+    _ref$currentScreenInd = _ref.currentScreenIndex,
+    currentScreenIndex = _ref$currentScreenInd === void 0 ? 0 : _ref$currentScreenInd,
+    _ref$toggleFullscreen = _ref.toggleFullscreen,
+    toggleFullscreen = _ref$toggleFullscreen === void 0 ? null : _ref$toggleFullscreen,
+    _ref$fullscreenActive = _ref.fullscreenActive,
+    fullscreenActive = _ref$fullscreenActive === void 0 ? false : _ref$fullscreenActive,
+    _ref$fullscreenEnable = _ref.fullscreenEnabled,
+    fullscreenEnabled = _ref$fullscreenEnable === void 0 ? false : _ref$fullscreenEnable,
+    _ref$menuDotsButtons = _ref.menuDotsButtons,
+    menuDotsButtons = _ref$menuDotsButtons === void 0 ? null : _ref$menuDotsButtons,
+    _ref$closeable = _ref.closeable,
+    closeable = _ref$closeable === void 0 ? false : _ref$closeable,
+    _ref$withShadow = _ref.withShadow,
+    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow,
+    _ref$shareBasePath = _ref.shareBasePath,
+    shareBasePath = _ref$shareBasePath === void 0 ? null : _ref$shareBasePath,
+    _ref$shareOptions = _ref.shareOptions,
+    shareOptions = _ref$shareOptions === void 0 ? null : _ref$shareOptions,
+    _ref$trackingEnabled = _ref.trackingEnabled,
+    trackingEnabled = _ref$trackingEnabled === void 0 ? false : _ref$trackingEnabled,
+    _ref$theme = _ref.theme,
+    viewerTheme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$screenSize = _ref.screenSize,
+    screenSize = _ref$screenSize === void 0 ? null : _ref$screenSize,
+    _ref$menuWidth = _ref.menuWidth,
+    menuWidth = _ref$menuWidth === void 0 ? null : _ref$menuWidth,
+    _ref$previewHeader = _ref.previewHeader,
+    previewHeader = _ref$previewHeader === void 0 ? null : _ref$previewHeader,
+    _ref$previewFooter = _ref.previewFooter,
+    previewFooter = _ref$previewFooter === void 0 ? null : _ref$previewFooter,
+    _ref$afterShareMenuBu = _ref.afterShareMenuButton,
+    afterShareMenuButton = _ref$afterShareMenuBu === void 0 ? null : _ref$afterShareMenuBu,
+    _ref$beforeScreensMen = _ref.beforeScreensMenuButton,
+    beforeScreensMenuButton = _ref$beforeScreensMen === void 0 ? null : _ref$beforeScreensMen,
+    _ref$withMicromagBran = _ref.withMicromagBranding,
+    withMicromagBranding = _ref$withMicromagBran === void 0 ? false : _ref$withMicromagBran,
+    _ref$withDotItemClick = _ref.withDotItemClick,
+    withDotItemClick = _ref$withDotItemClick === void 0 ? false : _ref$withDotItemClick,
+    _ref$withoutScreensMe = _ref.withoutScreensMenu,
+    withoutScreensMenu = _ref$withoutScreensMe === void 0 ? false : _ref$withoutScreensMe,
+    _ref$withoutShareMenu = _ref.withoutShareMenu,
+    withoutShareMenu = _ref$withoutShareMenu === void 0 ? false : _ref$withoutShareMenu,
+    _ref$onClickScreen = _ref.onClickScreen,
+    customOnClickScreen = _ref$onClickScreen === void 0 ? null : _ref$onClickScreen,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onClickCloseView = _ref.onClickCloseViewer,
+    onClickCloseViewer = _ref$onClickCloseView === void 0 ? null : _ref$onClickCloseView,
+    _ref$refDots = _ref.refDots,
+    refDots = _ref$refDots === void 0 ? null : _ref$refDots;
   var _story$components = story.components,
     screens = _story$components === void 0 ? [] : _story$components,
     _story$title = story.title,
@@ -1916,56 +1655,35 @@ var ViewerMenu = function ViewerMenu(_ref) {
     fullscreenEnabled: fullscreenEnabled,
     withMicromagBranding: withMicromagBranding
   })) : null));
-};
-ViewerMenu.propTypes = propTypes$b;
-ViewerMenu.defaultProps = defaultProps$b;
-var ViewerMenu$1 = /*#__PURE__*/React.memo(ViewerMenu);
-
-var styles$6 = {"container":"micromag-viewer-screen-container","inner":"micromag-viewer-screen-inner"};
-
-var propTypes$a = {
-  screen: PropTypes$1.screenComponent,
-  renderContext: PropTypes$1.renderContext,
-  screenState: PropTypes.string,
-  current: PropTypes.bool,
-  active: PropTypes.bool,
-  preload: PropTypes.bool,
-  mediaRef: PropTypes.func,
-  width: PropTypes.number,
-  index: PropTypes.number,
-  height: PropTypes.number,
-  scale: PropTypes.number,
-  // withNavigationHint: PropTypes.bool,  // @todo
-  className: PropTypes.string
-};
-var defaultProps$a = {
-  screen: null,
-  renderContext: null,
-  screenState: null,
-  current: false,
-  active: true,
-  preload: true,
-  index: null,
-  mediaRef: null,
-  width: null,
-  height: null,
-  scale: null,
-  // withNavigationHint: false,
-  className: null
-};
+}
+
+var styles$6 = {"container":"container","inner":"inner"};
+
 function ViewerScreen(_ref) {
-  var screen = _ref.screen,
-    renderContext = _ref.renderContext,
-    index = _ref.index,
-    screenState = _ref.screenState,
-    active = _ref.active,
-    preload = _ref.preload,
-    current = _ref.current,
-    mediaRef = _ref.mediaRef,
-    width = _ref.width,
-    height = _ref.height,
-    scale = _ref.scale,
-    className = _ref.className;
+  var _ref$screen = _ref.screen,
+    screen = _ref$screen === void 0 ? null : _ref$screen,
+    _ref$renderContext = _ref.renderContext,
+    renderContext = _ref$renderContext === void 0 ? null : _ref$renderContext,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? null : _ref$index,
+    _ref$screenState = _ref.screenState,
+    screenState = _ref$screenState === void 0 ? null : _ref$screenState,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    _ref$preload = _ref.preload,
+    preload = _ref$preload === void 0 ? true : _ref$preload,
+    _ref$current = _ref.current,
+    current = _ref$current === void 0 ? false : _ref$current,
+    _ref$mediaRef = _ref.mediaRef,
+    mediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? null : _ref$scale,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _useState = useState(active || current),
     _useState2 = _slicedToArray(_useState, 2),
     mounted = _useState2[0],
@@ -2008,26 +1726,17 @@ function ViewerScreen(_ref) {
     mediaRef: mediaRef
   }) : null));
 }
-ViewerScreen.propTypes = propTypes$a;
-ViewerScreen.defaultProps = defaultProps$a;
 
-var styles$5 = {"container":"micromag-viewer-buttons-navigation-button-container","arrow":"micromag-viewer-buttons-navigation-button-arrow","next":"micromag-viewer-buttons-navigation-button-next","previous":"micromag-viewer-buttons-navigation-button-previous"};
+var styles$5 = {"container":"container","arrow":"arrow","next":"next","previous":"previous"};
 
 var _excluded$3 = ["direction", "onClick", "className"];
-var propTypes$9 = {
-  direction: PropTypes.oneOf(['previous', 'next']),
-  onClick: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$9 = {
-  direction: 'next',
-  onClick: null,
-  className: null
-};
-var NavigationButton = function NavigationButton(_ref) {
-  var direction = _ref.direction,
-    _onClick = _ref.onClick,
-    className = _ref.className,
+function NavigationButton(_ref) {
+  var _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'next' : _ref$direction,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     className: classNames([styles$5.container, styles$5[direction], _defineProperty({}, className, className !== null)]),
@@ -2047,23 +1756,15 @@ var NavigationButton = function NavigationButton(_ref) {
       points: "9.62 4.62 5 0 0.38 4.62 1.44 5.68 4.25 2.87 4.25 14.39 5.75 14.39 5.75 2.87 8.56 5.68 9.62 4.62"
     }))
   }, props));
-};
-NavigationButton.propTypes = propTypes$9;
-NavigationButton.defaultProps = defaultProps$9;
+}
 
-var styles$4 = {"container":"micromag-viewer-partials-arrow-hint-container","withoutShadow":"micromag-viewer-partials-arrow-hint-withoutShadow","inner":"micromag-viewer-partials-arrow-hint-inner","arrow":"micromag-viewer-partials-arrow-hint-arrow"};
+var styles$4 = {"container":"container","withoutShadow":"withoutShadow","inner":"inner","arrow":"arrow"};
 
-var propTypes$8 = {
-  withoutShadow: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$8 = {
-  withoutShadow: false,
-  className: null
-};
-var ArrowHint = function ArrowHint(_ref) {
-  var withoutShadow = _ref.withoutShadow,
-    className = _ref.className;
+function ArrowHint(_ref) {
+  var _ref$withoutShadow = _ref.withoutShadow,
+    withoutShadow = _ref$withoutShadow === void 0 ? false : _ref$withoutShadow,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$4.container, _defineProperty(_defineProperty({}, styles$4.withoutShadow, withoutShadow), className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -2071,21 +1772,13 @@ var ArrowHint = function ArrowHint(_ref) {
   }, /*#__PURE__*/React.createElement(ArrowIcon, {
     className: styles$4.arrow
   })));
-};
-ArrowHint.propTypes = propTypes$8;
-ArrowHint.defaultProps = defaultProps$8;
+}
 
-var propTypes$7 = {
-  color: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$7 = {
-  color: 'currentColor',
-  className: null
-};
-var HandIcon = function HandIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function HandIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     className: className,
     xmlns: "http://www.w3.org/2000/svg",
@@ -2096,23 +1789,15 @@ var HandIcon = function HandIcon(_ref) {
     fill: color,
     fillRule: "evenodd"
   }));
-};
-HandIcon.propTypes = propTypes$7;
-HandIcon.defaultProps = defaultProps$7;
+}
 
-var styles$3 = {"container":"micromag-viewer-partials-hand-tap-container","circle":"micromag-viewer-partials-hand-tap-circle","hand":"micromag-viewer-partials-hand-tap-hand","withoutShadow":"micromag-viewer-partials-hand-tap-withoutShadow","inner":"micromag-viewer-partials-hand-tap-inner"};
+var styles$3 = {"container":"container","circle":"circle","hand":"hand","withoutShadow":"withoutShadow","inner":"inner"};
 
-var propTypes$6 = {
-  withoutShadow: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$6 = {
-  withoutShadow: false,
-  className: null
-};
-var HandTap = function HandTap(_ref) {
-  var withoutShadow = _ref.withoutShadow,
-    className = _ref.className;
+function HandTap(_ref) {
+  var _ref$withoutShadow = _ref.withoutShadow,
+    withoutShadow = _ref$withoutShadow === void 0 ? false : _ref$withoutShadow,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$3.container, _defineProperty(_defineProperty({}, styles$3.withoutShadow, withoutShadow), className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -2122,11 +1807,9 @@ var HandTap = function HandTap(_ref) {
   }), /*#__PURE__*/React.createElement(HandIcon, {
     className: styles$3.hand
   })));
-};
-HandTap.propTypes = propTypes$6;
-HandTap.defaultProps = defaultProps$6;
+}
 
-var styles$2 = {"track":"micromag-viewer-partials-seek-bar-track","progress":"micromag-viewer-partials-seek-bar-progress","inner":"micromag-viewer-partials-seek-bar-inner","progressBarContainer":"micromag-viewer-partials-seek-bar-progressBarContainer","progressBar":"micromag-viewer-partials-seek-bar-progressBar","playHead":"micromag-viewer-partials-seek-bar-playHead","withSeekHead":"micromag-viewer-partials-seek-bar-withSeekHead","scrubbedTime":"micromag-viewer-partials-seek-bar-scrubbedTime","showTimestamp":"micromag-viewer-partials-seek-bar-showTimestamp"};
+var styles$2 = {"inner":"inner","progressBarContainer":"progressBarContainer","progressBar":"progressBar","progress":"progress","track":"track","playHead":"playHead","withSeekHead":"withSeekHead","scrubbedTime":"scrubbedTime","showTimestamp":"showTimestamp"};
 
 var stopDragEventsPropagation = {
   onTouchMove: function onTouchMove(e) {
@@ -2166,50 +1849,31 @@ function getFormattedTimestamp() {
 }
 var SHOW_MILLISECONDS_THRESHOLD = 5; // show milliseconds when scrubbing if length of video is shorter than 5 seconds
 
-var propTypes$5 = {
-  media: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  }) // eslint-disable-line
-  ]),
-  playing: PropTypes.bool,
-  backgroundColor: PropTypes.string,
-  progressColor: PropTypes.string,
-  onClick: PropTypes.func,
-  onSeek: PropTypes.func,
-  onSeekStart: PropTypes.func,
-  onSeekEnd: PropTypes.func,
-  collapsed: PropTypes.bool,
-  focusable: PropTypes.bool,
-  className: PropTypes.string,
-  withSeekHead: PropTypes.bool
-};
-var defaultProps$5 = {
-  media: null,
-  playing: false,
-  backgroundColor: null,
-  progressColor: null,
-  onClick: null,
-  onSeek: null,
-  onSeekStart: null,
-  onSeekEnd: null,
-  collapsed: false,
-  focusable: true,
-  className: null,
-  withSeekHead: true
-};
-var SeekBar = function SeekBar(_ref3) {
-  var media = _ref3.media,
-    playing = _ref3.playing,
-    backgroundColor = _ref3.backgroundColor,
-    progressColor = _ref3.progressColor,
-    onClick = _ref3.onClick,
-    onSeek = _ref3.onSeek,
-    onSeekStart = _ref3.onSeekStart,
-    onSeekEnd = _ref3.onSeekEnd,
-    collapsed = _ref3.collapsed,
-    focusable = _ref3.focusable,
-    className = _ref3.className,
-    withSeekHead = _ref3.withSeekHead;
+function SeekBar(_ref3) {
+  var _ref3$media = _ref3.media,
+    media = _ref3$media === void 0 ? null : _ref3$media,
+    _ref3$playing = _ref3.playing,
+    playing = _ref3$playing === void 0 ? false : _ref3$playing,
+    _ref3$backgroundColor = _ref3.backgroundColor,
+    backgroundColor = _ref3$backgroundColor === void 0 ? null : _ref3$backgroundColor,
+    _ref3$progressColor = _ref3.progressColor,
+    progressColor = _ref3$progressColor === void 0 ? null : _ref3$progressColor,
+    _ref3$onClick = _ref3.onClick,
+    onClick = _ref3$onClick === void 0 ? null : _ref3$onClick,
+    _ref3$onSeek = _ref3.onSeek,
+    onSeek = _ref3$onSeek === void 0 ? null : _ref3$onSeek,
+    _ref3$onSeekStart = _ref3.onSeekStart,
+    onSeekStart = _ref3$onSeekStart === void 0 ? null : _ref3$onSeekStart,
+    _ref3$onSeekEnd = _ref3.onSeekEnd,
+    onSeekEnd = _ref3$onSeekEnd === void 0 ? null : _ref3$onSeekEnd,
+    _ref3$collapsed = _ref3.collapsed,
+    collapsed = _ref3$collapsed === void 0 ? false : _ref3$collapsed,
+    _ref3$focusable = _ref3.focusable,
+    focusable = _ref3$focusable === void 0 ? true : _ref3$focusable,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? null : _ref3$className,
+    _ref3$withSeekHead = _ref3.withSeekHead,
+    withSeekHead = _ref3$withSeekHead === void 0 ? true : _ref3$withSeekHead;
   var intl = useIntl();
   var progress = useMediaProgress(media, {
     disabled: !playing
@@ -2350,47 +2014,31 @@ var SeekBar = function SeekBar(_ref3) {
     }),
     tabIndex: focusable ? '0' : '-1'
   }))));
+}
+
+var styles$1 = {"container":"container","playPauseButton":"playPauseButton","muteButton":"muteButton","icon":"icon","offset":"offset","spinner":"spinner","withPlayPause":"withPlayPause","withSuggestPlay":"withSuggestPlay","isCollapsed":"isCollapsed","loading":"loading","hidden":"hidden","suggest":"suggest","isMuted":"isMuted","withMute":"withMute","withSeekBar":"withSeekBar","seekBar":"seekBar","withSeekBarOnly":"withSeekBarOnly","withoutShadow":"withoutShadow"};
+
+var DEFAULT_COLOR = {
+  color: '#FFFFFF',
+  alpha: 1
 };
-SeekBar.propTypes = propTypes$5;
-SeekBar.defaultProps = defaultProps$5;
-
-var styles$1 = {"suggest":"micromag-viewer-partials-playback-controls-suggest","playPauseButton":"micromag-viewer-partials-playback-controls-playPauseButton","muteButton":"micromag-viewer-partials-playback-controls-muteButton","container":"micromag-viewer-partials-playback-controls-container","icon":"micromag-viewer-partials-playback-controls-icon","offset":"micromag-viewer-partials-playback-controls-offset","spinner":"micromag-viewer-partials-playback-controls-spinner","withPlayPause":"micromag-viewer-partials-playback-controls-withPlayPause","withSuggestPlay":"micromag-viewer-partials-playback-controls-withSuggestPlay","isCollapsed":"micromag-viewer-partials-playback-controls-isCollapsed","loading":"micromag-viewer-partials-playback-controls-loading","hidden":"micromag-viewer-partials-playback-controls-hidden","isMuted":"micromag-viewer-partials-playback-controls-isMuted","withMute":"micromag-viewer-partials-playback-controls-withMute","withSeekBar":"micromag-viewer-partials-playback-controls-withSeekBar","seekBar":"micromag-viewer-partials-playback-controls-seekBar","withSeekBarOnly":"micromag-viewer-partials-playback-controls-withSeekBarOnly","withoutShadow":"micromag-viewer-partials-playback-controls-withoutShadow"};
-
-var propTypes$4 = {
-  defaultColor: PropTypes.shape({
-    color: PropTypes.string,
-    alpha: PropTypes.number
-  }),
-  defaultProgressColor: PropTypes.shape({
-    color: PropTypes.string,
-    alpha: PropTypes.number
-  }),
-  withLoading: PropTypes.bool,
-  withoutShadow: PropTypes.bool,
-  className: PropTypes.string,
-  collapsedClassName: PropTypes.string
-};
-var defaultProps$4 = {
-  defaultColor: {
-    color: '#FFFFFF',
-    alpha: 1
-  },
-  defaultProgressColor: {
-    color: '#666',
-    alpha: 1
-  },
-  withLoading: true,
-  withoutShadow: false,
-  className: null,
-  collapsedClassName: null
+var DEFAULT_PROGRESS_COLOR = {
+  color: '#666',
+  alpha: 1
 };
 function PlaybackControls(_ref) {
-  var defaultColor = _ref.defaultColor,
-    defaultProgressColor = _ref.defaultProgressColor,
-    withLoading = _ref.withLoading,
-    withoutShadow = _ref.withoutShadow,
-    className = _ref.className,
-    collapsedClassName = _ref.collapsedClassName;
+  var _ref$defaultColor = _ref.defaultColor,
+    defaultColor = _ref$defaultColor === void 0 ? DEFAULT_COLOR : _ref$defaultColor,
+    _ref$defaultProgressC = _ref.defaultProgressColor,
+    defaultProgressColor = _ref$defaultProgressC === void 0 ? DEFAULT_PROGRESS_COLOR : _ref$defaultProgressC,
+    _ref$withLoading = _ref.withLoading,
+    withLoading = _ref$withLoading === void 0 ? true : _ref$withLoading,
+    _ref$withoutShadow = _ref.withoutShadow,
+    withoutShadow = _ref$withoutShadow === void 0 ? false : _ref$withoutShadow,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$collapsedClassNa = _ref.collapsedClassName,
+    collapsedClassName = _ref$collapsedClassNa === void 0 ? null : _ref$collapsedClassNa;
   var intl = useIntl();
   var _usePlaybackContext = usePlaybackContext(),
     _usePlaybackContext$m = _usePlaybackContext.media,
@@ -2606,29 +2254,19 @@ function PlaybackControls(_ref) {
     withoutBootstrapStyles: true
   }));
 }
-PlaybackControls.propTypes = propTypes$4;
-PlaybackControls.defaultProps = defaultProps$4;
 
-var styles = {"container":"micromag-viewer-partials-web-view-container","opened":"micromag-viewer-partials-web-view-opened","webView":"micromag-viewer-partials-web-view-webView"};
+var styles = {"container":"container","opened":"opened","webView":"webView"};
 
 var _excluded$2 = ["opened", "close", "open", "update", "url", "source"];
-var propTypes$3 = {
-  onChange: PropTypes.func,
-  trackingEnabled: PropTypes.bool,
-  className: PropTypes.string,
-  style: PropTypes.object
-};
-var defaultProps$3 = {
-  onChange: null,
-  trackingEnabled: false,
-  className: null,
-  style: null
-};
 function WebViewContainer(_ref) {
-  var onChange = _ref.onChange,
-    trackingEnabled = _ref.trackingEnabled,
-    className = _ref.className,
-    style = _ref.style;
+  var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$trackingEnabled = _ref.trackingEnabled,
+    trackingEnabled = _ref$trackingEnabled === void 0 ? false : _ref$trackingEnabled,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? null : _ref$style;
   var _useViewerWebView = useViewerWebView(),
     opened = _useViewerWebView.opened,
     close = _useViewerWebView.close;
@@ -2730,8 +2368,6 @@ function WebViewContainer(_ref) {
     onClose: close
   })));
 }
-WebViewContainer.propTypes = propTypes$3;
-WebViewContainer.defaultProps = defaultProps$3;
 
 // @todo export from somewhere else; or use as props in possible component for screen transitions
 var SPRING_CONFIG_TIGHT = {
@@ -2743,190 +2379,122 @@ var DRAG_VELOCITY_ACTIVATION_THRESHOLD = 0.3;
 var DEFAULT_TRANSITION_TYPE_LANDSCAPE = 'carousel';
 var DEFAULT_TRANSITION_TYPE_PORTRAIT = 'stack';
 var SHARE_INCENTIVE_TIMEOUT = 6000;
-var propTypes$2 = {
-  story: PropTypes$1.story,
-  // .isRequired,
-  basePath: PropTypes.string,
-  theme: PropTypes$1.viewerTheme,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  screen: PropTypes.string,
-  screenState: PropTypes.string,
-  deviceScreens: PropTypes$1.deviceScreens,
-  renderContext: PropTypes$1.renderContext,
-  onScreenChange: PropTypes.func,
-  tapNextScreenWidthPercent: PropTypes.number,
-  tapMaximumDuration: PropTypes.number,
-  longPressPauseDelay: PropTypes.number,
-  storyIsParsed: PropTypes.bool,
-  neighborScreensActive: PropTypes.number,
-  neighborScreenOffset: PropTypes.number,
-  neighborScreenScale: PropTypes.number,
-  neighborPreloadDelay: PropTypes.number,
-  neighborPreloadBackward: PropTypes.number,
-  neighborPreloadScreens: PropTypes.number,
-  topSafezoneHeight: PropTypes.number,
-  bottomSafezoneHeight: PropTypes.number,
-  menuDotsButtons: PropTypes.node,
-  menuIsScreenWidth: PropTypes.bool,
-  menuHeader: PropTypes.node,
-  menuFooter: PropTypes.node,
-  menuItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),
-  shareBasePath: PropTypes.string,
-  shareOptions: PropTypes.arrayOf(PropTypes.string),
-  afterShareMenuButton: PropTypes.node,
-  beforeScreensMenuButton: PropTypes.node,
-  backToFirstScreenTimeout: PropTypes.number,
-  closeable: PropTypes.bool,
-  readyWithoutSize: PropTypes.bool,
-  withMetadata: PropTypes.bool,
-  withMicromagBranding: PropTypes.bool,
-  withoutGestures: PropTypes.bool,
-  withoutMenu: PropTypes.bool,
-  withoutScreensMenu: PropTypes.bool,
-  withoutShareMenu: PropTypes.bool,
-  withoutMenuShadow: PropTypes.bool,
-  withoutFullscreen: PropTypes.bool,
-  withoutNavigationArrow: PropTypes.bool,
-  withoutTransitions: PropTypes.bool,
-  withNeighborScreens: PropTypes.bool,
-  withFullscreenWebView: PropTypes.bool,
-  withNavigationHint: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  withoutPlaybackControls: PropTypes.bool,
-  withoutAutoUnmute: PropTypes.bool,
-  onClose: PropTypes.func,
-  onInteraction: PropTypes.func,
-  onEnd: PropTypes.func,
-  onViewModeChange: PropTypes.func,
-  onMenuChange: PropTypes.func,
-  currentScreenMedia: PropTypes$1.ref,
-  screensMedias: PropTypes$1.ref,
-  screenSizeOptions: PropTypes.shape({
-    withoutMaxSize: PropTypes.bool,
-    desktopHeightRatio: PropTypes.number,
-    screenRatio: PropTypes.number
-  }),
-  className: PropTypes.string
-};
-var defaultProps$2 = {
-  story: null,
-  theme: null,
-  basePath: null,
-  width: null,
-  height: null,
-  screen: null,
-  screenState: null,
-  deviceScreens: getDeviceScreens(),
-  renderContext: 'view',
-  onScreenChange: null,
-  tapNextScreenWidthPercent: 0.8,
-  tapMaximumDuration: 1500,
-  longPressPauseDelay: 300,
-  storyIsParsed: false,
-  neighborScreensActive: 1,
-  neighborScreenOffset: 105,
-  neighborScreenScale: 0.8,
-  neighborPreloadDelay: 2000,
-  neighborPreloadBackward: true,
-  neighborPreloadScreens: null,
-  topSafezoneHeight: null,
-  bottomSafezoneHeight: null,
-  menuIsScreenWidth: false,
-  menuHeader: null,
-  menuFooter: null,
-  menuItems: ['share', 'main'],
-  shareBasePath: null,
-  shareOptions: null,
-  afterShareMenuButton: null,
-  beforeScreensMenuButton: null,
-  backToFirstScreenTimeout: null,
-  menuDotsButtons: null,
-  closeable: false,
-  readyWithoutSize: false,
-  withMetadata: false,
-  withMicromagBranding: false,
-  withNeighborScreens: false,
-  withFullscreenWebView: false,
-  withNavigationHint: 'hand',
-  withoutGestures: false,
-  withoutMenu: false,
-  withoutScreensMenu: false,
-  withoutShareMenu: false,
-  withoutMenuShadow: false,
-  withoutFullscreen: false,
-  withoutTransitions: false,
-  withoutNavigationArrow: false,
-  withoutPlaybackControls: false,
-  withoutAutoUnmute: false,
-  onClose: null,
-  onInteraction: null,
-  onEnd: null,
-  onViewModeChange: null,
-  onMenuChange: null,
-  currentScreenMedia: null,
-  screensMedias: null,
-  screenSizeOptions: null,
-  className: null
-};
-var Viewer = function Viewer(_ref) {
-  var story = _ref.story,
-    basePath = _ref.basePath,
-    viewerTheme = _ref.theme,
-    width = _ref.width,
-    height = _ref.height,
-    screenId = _ref.screen,
-    screenState = _ref.screenState,
-    deviceScreens = _ref.deviceScreens,
-    renderContext = _ref.renderContext,
-    tapNextScreenWidthPercent = _ref.tapNextScreenWidthPercent,
-    tapMaximumDuration = _ref.tapMaximumDuration,
-    longPressPauseDelay = _ref.longPressPauseDelay,
-    storyIsParsed = _ref.storyIsParsed,
-    neighborScreensActive = _ref.neighborScreensActive,
-    neighborScreenOffset = _ref.neighborScreenOffset,
-    neighborScreenScale = _ref.neighborScreenScale,
-    neighborPreloadDelay = _ref.neighborPreloadDelay,
-    neighborPreloadBackward = _ref.neighborPreloadBackward,
-    neighborPreloadScreens = _ref.neighborPreloadScreens,
-    topSafezoneHeight = _ref.topSafezoneHeight,
-    bottomSafezoneHeight = _ref.bottomSafezoneHeight,
-    menuIsScreenWidth = _ref.menuIsScreenWidth,
-    menuHeader = _ref.menuHeader,
-    menuFooter = _ref.menuFooter,
-    menuItems = _ref.menuItems,
-    shareBasePath = _ref.shareBasePath,
-    shareOptions = _ref.shareOptions,
-    afterShareMenuButton = _ref.afterShareMenuButton,
-    beforeScreensMenuButton = _ref.beforeScreensMenuButton,
-    backToFirstScreenTimeout = _ref.backToFirstScreenTimeout,
-    menuDotsButtons = _ref.menuDotsButtons,
-    closeable = _ref.closeable,
-    readyWithoutSize = _ref.readyWithoutSize,
-    withMetadata = _ref.withMetadata,
-    withMicromagBranding = _ref.withMicromagBranding,
-    withoutGestures = _ref.withoutGestures,
-    withoutMenu = _ref.withoutMenu,
-    withoutScreensMenu = _ref.withoutScreensMenu,
-    withoutShareMenu = _ref.withoutShareMenu,
-    withoutMenuShadow = _ref.withoutMenuShadow;
+function Viewer(_ref) {
+  var _ref$story = _ref.story,
+    story = _ref$story === void 0 ? null : _ref$story,
+    _ref$basePath = _ref.basePath,
+    basePath = _ref$basePath === void 0 ? null : _ref$basePath,
+    _ref$theme = _ref.theme,
+    viewerTheme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$screen = _ref.screen,
+    screenId = _ref$screen === void 0 ? null : _ref$screen,
+    _ref$screenState = _ref.screenState,
+    screenState = _ref$screenState === void 0 ? null : _ref$screenState,
+    _ref$deviceScreens = _ref.deviceScreens,
+    deviceScreens = _ref$deviceScreens === void 0 ? getDeviceScreens() : _ref$deviceScreens,
+    _ref$renderContext = _ref.renderContext,
+    renderContext = _ref$renderContext === void 0 ? 'view' : _ref$renderContext,
+    _ref$tapNextScreenWid = _ref.tapNextScreenWidthPercent,
+    tapNextScreenWidthPercent = _ref$tapNextScreenWid === void 0 ? 0.8 : _ref$tapNextScreenWid,
+    _ref$tapMaximumDurati = _ref.tapMaximumDuration,
+    tapMaximumDuration = _ref$tapMaximumDurati === void 0 ? 1500 : _ref$tapMaximumDurati,
+    _ref$longPressPauseDe = _ref.longPressPauseDelay,
+    longPressPauseDelay = _ref$longPressPauseDe === void 0 ? 300 : _ref$longPressPauseDe,
+    _ref$storyIsParsed = _ref.storyIsParsed,
+    storyIsParsed = _ref$storyIsParsed === void 0 ? false : _ref$storyIsParsed,
+    _ref$neighborScreensA = _ref.neighborScreensActive,
+    neighborScreensActive = _ref$neighborScreensA === void 0 ? 1 : _ref$neighborScreensA,
+    _ref$neighborScreenOf = _ref.neighborScreenOffset,
+    neighborScreenOffset = _ref$neighborScreenOf === void 0 ? 105 : _ref$neighborScreenOf,
+    _ref$neighborScreenSc = _ref.neighborScreenScale,
+    neighborScreenScale = _ref$neighborScreenSc === void 0 ? 0.8 : _ref$neighborScreenSc,
+    _ref$neighborPreloadD = _ref.neighborPreloadDelay,
+    neighborPreloadDelay = _ref$neighborPreloadD === void 0 ? 2000 : _ref$neighborPreloadD,
+    _ref$neighborPreloadB = _ref.neighborPreloadBackward,
+    neighborPreloadBackward = _ref$neighborPreloadB === void 0 ? true : _ref$neighborPreloadB,
+    _ref$neighborPreloadS = _ref.neighborPreloadScreens,
+    neighborPreloadScreens = _ref$neighborPreloadS === void 0 ? null : _ref$neighborPreloadS,
+    _ref$topSafezoneHeigh = _ref.topSafezoneHeight,
+    topSafezoneHeight = _ref$topSafezoneHeigh === void 0 ? null : _ref$topSafezoneHeigh,
+    _ref$bottomSafezoneHe = _ref.bottomSafezoneHeight,
+    bottomSafezoneHeight = _ref$bottomSafezoneHe === void 0 ? null : _ref$bottomSafezoneHe,
+    _ref$menuIsScreenWidt = _ref.menuIsScreenWidth,
+    menuIsScreenWidth = _ref$menuIsScreenWidt === void 0 ? false : _ref$menuIsScreenWidt,
+    _ref$menuHeader = _ref.menuHeader,
+    menuHeader = _ref$menuHeader === void 0 ? null : _ref$menuHeader,
+    _ref$menuFooter = _ref.menuFooter,
+    menuFooter = _ref$menuFooter === void 0 ? null : _ref$menuFooter,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? ['share', 'main'] : _ref$menuItems,
+    _ref$shareBasePath = _ref.shareBasePath,
+    shareBasePath = _ref$shareBasePath === void 0 ? null : _ref$shareBasePath,
+    _ref$shareOptions = _ref.shareOptions,
+    shareOptions = _ref$shareOptions === void 0 ? null : _ref$shareOptions,
+    _ref$afterShareMenuBu = _ref.afterShareMenuButton,
+    afterShareMenuButton = _ref$afterShareMenuBu === void 0 ? null : _ref$afterShareMenuBu,
+    _ref$beforeScreensMen = _ref.beforeScreensMenuButton,
+    beforeScreensMenuButton = _ref$beforeScreensMen === void 0 ? null : _ref$beforeScreensMen,
+    _ref$backToFirstScree = _ref.backToFirstScreenTimeout,
+    backToFirstScreenTimeout = _ref$backToFirstScree === void 0 ? null : _ref$backToFirstScree,
+    _ref$menuDotsButtons = _ref.menuDotsButtons,
+    menuDotsButtons = _ref$menuDotsButtons === void 0 ? null : _ref$menuDotsButtons,
+    _ref$closeable = _ref.closeable,
+    closeable = _ref$closeable === void 0 ? false : _ref$closeable,
+    _ref$readyWithoutSize = _ref.readyWithoutSize,
+    readyWithoutSize = _ref$readyWithoutSize === void 0 ? false : _ref$readyWithoutSize,
+    _ref$withMetadata = _ref.withMetadata,
+    withMetadata = _ref$withMetadata === void 0 ? false : _ref$withMetadata,
+    _ref$withMicromagBran = _ref.withMicromagBranding,
+    withMicromagBranding = _ref$withMicromagBran === void 0 ? false : _ref$withMicromagBran,
+    _ref$withoutGestures = _ref.withoutGestures,
+    withoutGestures = _ref$withoutGestures === void 0 ? false : _ref$withoutGestures,
+    _ref$withoutMenu = _ref.withoutMenu,
+    withoutMenu = _ref$withoutMenu === void 0 ? false : _ref$withoutMenu,
+    _ref$withoutScreensMe = _ref.withoutScreensMenu,
+    withoutScreensMenu = _ref$withoutScreensMe === void 0 ? false : _ref$withoutScreensMe,
+    _ref$withoutShareMenu = _ref.withoutShareMenu,
+    withoutShareMenu = _ref$withoutShareMenu === void 0 ? false : _ref$withoutShareMenu,
+    _ref$withoutMenuShado = _ref.withoutMenuShadow,
+    withoutMenuShadow = _ref$withoutMenuShado === void 0 ? false : _ref$withoutMenuShado;
     _ref.withoutFullscreen;
-    var withoutNavigationArrow = _ref.withoutNavigationArrow,
-    withoutTransitions = _ref.withoutTransitions,
-    withNeighborScreens = _ref.withNeighborScreens,
-    withFullscreenWebView = _ref.withFullscreenWebView,
-    withNavigationHint = _ref.withNavigationHint,
-    withoutPlaybackControls = _ref.withoutPlaybackControls,
-    withoutAutoUnmute = _ref.withoutAutoUnmute,
-    onCloseViewer = _ref.onClose,
-    onInteraction = _ref.onInteraction,
-    onEnd = _ref.onEnd,
-    onScreenChange = _ref.onScreenChange,
-    onViewModeChange = _ref.onViewModeChange,
-    onMenuChange = _ref.onMenuChange,
-    currentScreenMedia = _ref.currentScreenMedia,
-    screensMedias = _ref.screensMedias,
-    screenSizeOptions = _ref.screenSizeOptions,
-    className = _ref.className;
+    var _ref$withoutNavigatio = _ref.withoutNavigationArrow,
+    withoutNavigationArrow = _ref$withoutNavigatio === void 0 ? false : _ref$withoutNavigatio,
+    _ref$withoutTransitio = _ref.withoutTransitions,
+    withoutTransitions = _ref$withoutTransitio === void 0 ? false : _ref$withoutTransitio,
+    _ref$withNeighborScre = _ref.withNeighborScreens,
+    withNeighborScreens = _ref$withNeighborScre === void 0 ? false : _ref$withNeighborScre,
+    _ref$withFullscreenWe = _ref.withFullscreenWebView,
+    withFullscreenWebView = _ref$withFullscreenWe === void 0 ? false : _ref$withFullscreenWe,
+    _ref$withNavigationHi = _ref.withNavigationHint,
+    withNavigationHint = _ref$withNavigationHi === void 0 ? 'hand' : _ref$withNavigationHi,
+    _ref$withoutPlaybackC = _ref.withoutPlaybackControls,
+    withoutPlaybackControls = _ref$withoutPlaybackC === void 0 ? false : _ref$withoutPlaybackC,
+    _ref$withoutAutoUnmut = _ref.withoutAutoUnmute,
+    withoutAutoUnmute = _ref$withoutAutoUnmut === void 0 ? false : _ref$withoutAutoUnmut,
+    _ref$onClose = _ref.onClose,
+    onCloseViewer = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$onInteraction = _ref.onInteraction,
+    onInteraction = _ref$onInteraction === void 0 ? null : _ref$onInteraction,
+    _ref$onEnd = _ref.onEnd,
+    onEnd = _ref$onEnd === void 0 ? null : _ref$onEnd,
+    _ref$onScreenChange = _ref.onScreenChange,
+    onScreenChange = _ref$onScreenChange === void 0 ? null : _ref$onScreenChange,
+    _ref$onViewModeChange = _ref.onViewModeChange,
+    onViewModeChange = _ref$onViewModeChange === void 0 ? null : _ref$onViewModeChange,
+    _ref$onMenuChange = _ref.onMenuChange,
+    onMenuChange = _ref$onMenuChange === void 0 ? null : _ref$onMenuChange,
+    _ref$currentScreenMed = _ref.currentScreenMedia,
+    currentScreenMedia = _ref$currentScreenMed === void 0 ? null : _ref$currentScreenMed,
+    _ref$screensMedias = _ref.screensMedias,
+    screensMedias = _ref$screensMedias === void 0 ? null : _ref$screensMedias,
+    _ref$screenSizeOption = _ref.screenSizeOptions,
+    screenSizeOptions = _ref$screenSizeOption === void 0 ? null : _ref$screenSizeOption,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var intl = useIntl();
   /**
    * Screen Data + Processing
@@ -3610,7 +3178,7 @@ var Viewer = function Viewer(_ref) {
       "type": 0,
       "value": "No controls available"
     }]
-  }))) : null) : null), !withoutMenu ? /*#__PURE__*/React.createElement(ViewerMenu$1, {
+  }))) : null) : null), !withoutMenu ? /*#__PURE__*/React.createElement(ViewerMenu, {
     story: parsedStory,
     currentScreenIndex: screenIndex,
     withShadow: menuOverScreen && !withoutMenuShadow,
@@ -3733,29 +3301,17 @@ var Viewer = function Viewer(_ref) {
       maxWidth: withFullscreenWebView ? null : Math.max(screenContainerWidth, 600)
     }
   })))));
-};
-Viewer.propTypes = propTypes$2;
-Viewer.defaultProps = defaultProps$2;
+}
 
 var _excluded$1 = ["story", "pathWithIndex", "children", "onScreenChange"];
-var propTypes$1 = {
-  story: PropTypes$1.story,
-  // .isRequired,
-  pathWithIndex: PropTypes.bool,
-  children: PropTypes.func,
-  onScreenChange: PropTypes.func
-};
-var defaultProps$1 = {
-  story: null,
-  pathWithIndex: false,
-  children: null,
-  onScreenChange: null
-};
-var ViewerRoutes = function ViewerRoutes(_ref) {
-  var story = _ref.story,
-    pathWithIndex = _ref.pathWithIndex;
+function ViewerRoutes(_ref) {
+  var _ref$story = _ref.story,
+    story = _ref$story === void 0 ? null : _ref$story,
+    _ref$pathWithIndex = _ref.pathWithIndex,
+    pathWithIndex = _ref$pathWithIndex === void 0 ? false : _ref$pathWithIndex;
     _ref.children;
-    var onScreenChange = _ref.onScreenChange,
+    var _ref$onScreenChange = _ref.onScreenChange,
+    onScreenChange = _ref$onScreenChange === void 0 ? null : _ref$onScreenChange,
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var routes = useRoutes();
   var url = useUrlGenerator();
@@ -3793,9 +3349,7 @@ var ViewerRoutes = function ViewerRoutes(_ref) {
     story: story,
     onScreenChange: finalOnScreenChange
   }))));
-};
-ViewerRoutes.propTypes = propTypes$1;
-ViewerRoutes.defaultProps = defaultProps$1;
+}
 
 var home = "/";
 var screen = "/:screen";
@@ -3805,70 +3359,45 @@ var defaultRoutes = {
 };
 
 var _excluded = ["story", "paused", "muted", "screenComponents", "memoryRouter", "basePath", "routes", "withoutRouter", "googleApiKey", "visitor", "locale", "locales", "translations", "pathWithIndex", "trackingVariables", "trackingDisabled", "trackingPaused", "settings"];
-var propTypes = {
-  story: PropTypes$1.story,
-  paused: PropTypes.bool,
-  muted: PropTypes.bool,
-  screen: PropTypes.string,
-  screenComponents: PropTypes.objectOf(PropTypes.elementType),
-  memoryRouter: PropTypes.bool,
-  basePath: PropTypes.string,
-  routes: routes,
-  withoutRouter: PropTypes.bool,
-  googleApiKey: PropTypes.string,
-  visitor: PropTypes$1.visitor,
-  locale: PropTypes.string,
-  locales: PropTypes.arrayOf(PropTypes.string),
-  translations: PropTypes.objectOf(PropTypes.string),
-  pathWithIndex: PropTypes.bool,
-  trackingVariables: PropTypes$1.trackingVariables,
-  trackingDisabled: PropTypes.bool,
-  trackingPaused: PropTypes.bool,
-  settings: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.func
-};
-var defaultProps = {
-  story: null,
-  paused: false,
-  muted: true,
-  screen: null,
-  screenComponents: null,
-  memoryRouter: false,
-  basePath: null,
-  routes: defaultRoutes,
-  withoutRouter: false,
-  googleApiKey: null,
-  visitor: null,
-  locale: 'en',
-  locales: ['fr', 'en'],
-  translations: null,
-  pathWithIndex: false,
-  trackingVariables: null,
-  trackingDisabled: false,
-  trackingPaused: false,
-  settings: null,
-  children: null
-};
-var ViewerContainer = function ViewerContainer(_ref) {
-  var story = _ref.story,
-    paused = _ref.paused,
-    muted = _ref.muted,
-    screenComponents = _ref.screenComponents,
-    memoryRouter = _ref.memoryRouter,
-    basePath = _ref.basePath,
-    routes = _ref.routes,
-    withoutRouter = _ref.withoutRouter,
-    googleApiKey = _ref.googleApiKey,
-    visitor = _ref.visitor,
-    locale = _ref.locale,
-    locales = _ref.locales,
-    translations = _ref.translations,
-    pathWithIndex = _ref.pathWithIndex,
-    trackingVariables = _ref.trackingVariables,
-    trackingDisabled = _ref.trackingDisabled,
-    trackingPaused = _ref.trackingPaused,
-    settings = _ref.settings,
+var emptyComponents = {};
+var defaultLocales = ['fr', 'en'];
+function ViewerContainer(_ref) {
+  var _ref$story = _ref.story,
+    story = _ref$story === void 0 ? null : _ref$story,
+    _ref$paused = _ref.paused,
+    paused = _ref$paused === void 0 ? false : _ref$paused,
+    _ref$muted = _ref.muted,
+    muted = _ref$muted === void 0 ? true : _ref$muted,
+    _ref$screenComponents = _ref.screenComponents,
+    screenComponents = _ref$screenComponents === void 0 ? null : _ref$screenComponents,
+    _ref$memoryRouter = _ref.memoryRouter,
+    memoryRouter = _ref$memoryRouter === void 0 ? false : _ref$memoryRouter,
+    _ref$basePath = _ref.basePath,
+    basePath = _ref$basePath === void 0 ? null : _ref$basePath,
+    _ref$routes = _ref.routes,
+    routes = _ref$routes === void 0 ? defaultRoutes : _ref$routes,
+    _ref$withoutRouter = _ref.withoutRouter,
+    withoutRouter = _ref$withoutRouter === void 0 ? false : _ref$withoutRouter,
+    _ref$googleApiKey = _ref.googleApiKey,
+    googleApiKey = _ref$googleApiKey === void 0 ? null : _ref$googleApiKey,
+    _ref$visitor = _ref.visitor,
+    visitor = _ref$visitor === void 0 ? null : _ref$visitor,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    _ref$locales = _ref.locales,
+    locales = _ref$locales === void 0 ? defaultLocales : _ref$locales,
+    _ref$translations = _ref.translations,
+    translations = _ref$translations === void 0 ? null : _ref$translations,
+    _ref$pathWithIndex = _ref.pathWithIndex,
+    pathWithIndex = _ref$pathWithIndex === void 0 ? false : _ref$pathWithIndex,
+    _ref$trackingVariable = _ref.trackingVariables,
+    trackingVariables = _ref$trackingVariable === void 0 ? null : _ref$trackingVariable,
+    _ref$trackingDisabled = _ref.trackingDisabled,
+    trackingDisabled = _ref$trackingDisabled === void 0 ? false : _ref$trackingDisabled,
+    _ref$trackingPaused = _ref.trackingPaused,
+    trackingPaused = _ref$trackingPaused === void 0 ? false : _ref$trackingPaused,
+    _ref$settings = _ref.settings,
+    settings = _ref$settings === void 0 ? null : _ref$settings,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var finalTrackingVariables = useMemo(function () {
     if (story === null && trackingVariables === null) {
@@ -3939,7 +3468,7 @@ var ViewerContainer = function ViewerContainer(_ref) {
     locale: finalLocale
   }, /*#__PURE__*/React.createElement(ScreensProvider, null, /*#__PURE__*/React.createElement(ComponentsProvider, {
     namespace: SCREENS_NAMESPACE,
-    components: screenComponents || {}
+    components: screenComponents || emptyComponents
   }, /*#__PURE__*/React.createElement(VisitorProvider, {
     visitor: visitor
   }, /*#__PURE__*/React.createElement(PlaybackProvider, {
@@ -3970,8 +3499,6 @@ var ViewerContainer = function ViewerContainer(_ref) {
   return withoutRouter ? content : /*#__PURE__*/React.createElement(Router, routerProps, /*#__PURE__*/React.createElement(RoutesProvider, {
     routes: routes
   }, content));
-};
-ViewerContainer.propTypes = propTypes;
-ViewerContainer.defaultProps = defaultProps;
+}
 
 export { Viewer, ViewerContainer as default };