@micromag/core 0.4.46 → 0.4.49

package/lib/contexts.js

@@ -2,7 +2,7 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isString = require('lodash/isString');
-var React = require('react');
+var React$1 = require('react');
 var core = require('@micromag/core');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var JSCookie = require('js-cookie');
@@ -24,7 +24,7 @@ var FIELDS_NAMESPACE = 'fields';
 var FORMS_NAMESPACE = 'forms';
 var SCREENS_NAMESPACE = 'screens';
 var ELEMENTS_NAMESPACE = 'elements';
-var ComponentsContext = /*#__PURE__*/React.createContext(null);
+var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
 var emptyComponents = {};
 
 /**
@@ -32,8 +32,8 @@ var emptyComponents = {};
  */
 var useComponentsManager = function useComponentsManager() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var manager = React.useContext(ComponentsContext);
-  var finalManager = React.useMemo(function () {
+  var manager = React$1.useContext(ComponentsContext);
+  var finalManager = React$1.useMemo(function () {
     return namespace !== null ? new core.ComponentsManager(manager.getComponents(namespace)) : manager;
   }, [manager, namespace]);
   return finalManager;
@@ -48,7 +48,7 @@ var useComponent = function useComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var manager = useComponentsManager(namespace);
-  return React.useMemo(function () {
+  return React$1.useMemo(function () {
     if (!isString(name)) {
       return name || defaultComponent;
     }
@@ -144,10 +144,10 @@ function ComponentsProvider(_ref) {
     namespace = _ref$namespace === void 0 ? null : _ref$namespace,
     children = _ref.children;
   var previousManager = useComponentsManager() || null;
-  var finalManager = React.useMemo(function () {
+  var finalManager = React$1.useMemo(function () {
     return new core.ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
   }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ComponentsContext.Provider, {
     value: finalManager
   }, children);
 }
@@ -289,12 +289,12 @@ var consentStates = [{
   description: messages.ad_user_data_description,
   value: false
 }];
-var ConsentContext = /*#__PURE__*/React.createContext({
+var ConsentContext = /*#__PURE__*/React$1.createContext({
   consent: null,
   setConsent: function setConsent() {}
 });
 var useConsent = function useConsent() {
-  return React.useContext(ConsentContext);
+  return React$1.useContext(ConsentContext);
 };
 var defaultValues = ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'];
 function ConsentProvider(_ref) {
@@ -308,11 +308,11 @@ function ConsentProvider(_ref) {
   // Has consented or not to cookies
   var initialCookieConsented = JSCookie.get('has_consented') === 'true';
   var baseConsented = initialConsented || initialCookieConsented;
-  var _useState = React.useState(baseConsented),
+  var _useState = React$1.useState(baseConsented),
     _useState2 = _slicedToArray(_useState, 2),
     consented = _useState2[0],
     setConsentedState = _useState2[1];
-  var setConsented = React.useCallback(function () {
+  var setConsented = React$1.useCallback(function () {
     var accept = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var hasConsented = accept || false;
     JSCookie.set('has_consented', hasConsented, {
@@ -321,14 +321,14 @@ function ConsentProvider(_ref) {
     });
     setConsentedState(hasConsented);
   }, [expiration, setConsentedState]);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (initialConsented === true || initialConsented === false) {
       setConsented(initialConsented);
     }
   }, [initialConsented, setConsented]);
 
   // The consent state itself
-  var baseConsent = React.useMemo(function () {
+  var baseConsent = React$1.useMemo(function () {
     return (providedConsent || consentStates || []).map(function (item) {
       if (isString(item)) {
         return (consentStates || []).find(function (it) {
@@ -346,11 +346,11 @@ function ConsentProvider(_ref) {
       });
     });
   }, [providedConsent]);
-  var _useState3 = React.useState(null),
+  var _useState3 = React$1.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     consent = _useState4[0],
     setConsentState = _useState4[1];
-  var setConsent = React.useCallback(function () {
+  var setConsent = React$1.useCallback(function () {
     var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var initial = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var tagManagerConsent = (values || []).reduce(function (acc, it) {
@@ -379,12 +379,12 @@ function ConsentProvider(_ref) {
     }
     setConsentState(values);
   }, [setConsentState, expiration]);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (baseConsent !== null && baseConsent.length > 0) {
       setConsent(baseConsent);
     }
   }, [baseConsent, setConsent]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       consent: consent,
       setConsent: setConsent,
@@ -392,14 +392,14 @@ function ConsentProvider(_ref) {
       setConsented: setConsented
     };
   }, [consent, setConsent, consented, setConsented]);
-  return /*#__PURE__*/React.createElement(ConsentContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ConsentContext.Provider, {
     value: value
   }, children);
 }
 
-var FieldsContext = /*#__PURE__*/React.createContext(null);
+var FieldsContext = /*#__PURE__*/React$1.createContext(null);
 var useFieldsManager = function useFieldsManager() {
-  return React.useContext(FieldsContext);
+  return React$1.useContext(FieldsContext);
 };
 var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
@@ -412,31 +412,31 @@ function FieldsProvider(_ref) {
     manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useFieldsManager() || null;
-  var finalManager = React.useMemo(function () {
+  var finalManager = React$1.useMemo(function () {
     var newFields = uniqBy([].concat(_toConsumableArray(fields || []), _toConsumableArray(manager !== null ? manager.getDefinitions() : []), _toConsumableArray(previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
       var id = _ref2.id;
       return id;
     }).reverse();
     return new core.FieldsManager(newFields);
   }, [previousManager, manager, fields]);
-  var components = React.useMemo(function () {
+  var components = React$1.useMemo(function () {
     var newComponents = finalManager.getComponents();
     return Object.keys(newComponents).reduce(function (map, id) {
       var component = newComponents[id];
       return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React.createElement(FieldsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FieldsContext.Provider, {
     value: finalManager
-  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
 }
 
-var ScreensContext = /*#__PURE__*/React.createContext(new core.ScreensManager());
+var ScreensContext = /*#__PURE__*/React$1.createContext(new core.ScreensManager());
 var useScreensManager = function useScreensManager() {
-  return React.useContext(ScreensContext);
+  return React$1.useContext(ScreensContext);
 };
 function ScreensProvider(_ref) {
   var _ref$screens = _ref.screens,
@@ -449,7 +449,7 @@ function ScreensProvider(_ref) {
     manager = _ref$manager === void 0 ? null : _ref$manager,
     children = _ref.children;
   var previousManager = useScreensManager();
-  var finalManager = React.useMemo(function () {
+  var finalManager = React$1.useMemo(function () {
     var newManager = manager !== null ? manager : new core.ScreensManager(screens);
     if ((previousManager || null) !== null) {
       newManager = previousManager.merge(newManager);
@@ -465,14 +465,14 @@ function ScreensProvider(_ref) {
     }
     return newManager;
   }, [manager, screens, namespaces, filterNamespaces, previousManager]);
-  var initialComponents = React.useMemo(function () {
+  var initialComponents = React$1.useMemo(function () {
     return finalManager.getComponents();
   }, [finalManager]);
-  var _useState = React.useState(initialComponents),
+  var _useState = React$1.useState(initialComponents),
     _useState2 = _slicedToArray(_useState, 2),
     components = _useState2[0],
     setComponents = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     var onChange = function onChange() {
       return setComponents(finalManager.getComponents());
     };
@@ -481,17 +481,17 @@ function ScreensProvider(_ref) {
       finalManager.off('change', onChange);
     };
   }, [finalManager, setComponents]);
-  return /*#__PURE__*/React.createElement(ScreensContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ScreensContext.Provider, {
     value: finalManager
-  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
     namespace: SCREENS_NAMESPACE,
     components: components
   }, children));
 }
 
-var StoryContext = /*#__PURE__*/React.createContext(null);
+var StoryContext = /*#__PURE__*/React$1.createContext(null);
 var useStoryContext = function useStoryContext() {
-  return React.useContext(StoryContext);
+  return React$1.useContext(StoryContext);
 };
 var useStory = function useStory() {
   var story = useStoryContext();
@@ -506,9 +506,9 @@ function StoryProvider(_ref) {
   }, children);
 }
 
-var EditorContext = /*#__PURE__*/React.createContext(null);
+var EditorContext = /*#__PURE__*/React$1.createContext(null);
 var useEditor = function useEditor() {
-  return React.useContext(EditorContext);
+  return React$1.useContext(EditorContext);
 };
 var useGetColors = function useGetColors() {
   var _ref = useEditor() || {},
@@ -523,21 +523,21 @@ function EditorProvider(_ref2) {
   var story = useStory();
   var screensManager = useScreensManager();
   var fieldsManager = useFieldsManager();
-  var parser = React.useMemo(function () {
+  var parser = React$1.useMemo(function () {
     return new core.ColorsParser({
       screensManager: screensManager,
       fieldsManager: fieldsManager
     });
   }, [screensManager, fieldsManager]);
-  var parse = React.useCallback(function (currentStory) {
+  var parse = React$1.useCallback(function (currentStory) {
     return parser.parse(currentStory);
   }, [parser]);
-  var getColors = React.useCallback(function () {
+  var getColors = React$1.useCallback(function () {
     return parse(story);
   }, [parse, story]);
 
   // eslint-disable-next-line react/jsx-no-constructed-context-values
-  return /*#__PURE__*/React.createElement(EditorContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(EditorContext.Provider, {
     value: {
       getColors: getColors
     }
@@ -545,36 +545,36 @@ function EditorProvider(_ref2) {
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldsValueContext = /*#__PURE__*/React.createContext(null);
+var FieldsValueContext = /*#__PURE__*/React$1.createContext(null);
 var useFieldsValue = function useFieldsValue() {
-  return React.useContext(FieldsValueContext);
+  return React$1.useContext(FieldsValueContext);
 };
 function FieldsValueContextProvider(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(FieldsValueContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FieldsValueContext.Provider, {
     value: value
   }, children);
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldContext = /*#__PURE__*/React.createContext(null);
+var FieldContext = /*#__PURE__*/React$1.createContext(null);
 var useFieldContext = function useFieldContext() {
-  return React.useContext(FieldContext);
+  return React$1.useContext(FieldContext);
 };
 function FieldContextProvider(_ref) {
   var _ref$context = _ref.context,
     context = _ref$context === void 0 ? null : _ref$context,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(FieldContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FieldContext.Provider, {
     value: context
   }, children);
 }
 
-var SettingsContext = /*#__PURE__*/React.createContext({});
+var SettingsContext = /*#__PURE__*/React$1.createContext({});
 var useSettings = function useSettings() {
-  return React.useContext(SettingsContext);
+  return React$1.useContext(SettingsContext);
 };
 var useSetting = function useSetting(key) {
   var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -589,20 +589,20 @@ function SettingsProvider(_ref2) {
     _ref2$settings = _ref2.settings,
     settings = _ref2$settings === void 0 ? null : _ref2$settings;
   var previousSettings = useSettings();
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return _objectSpread(_objectSpread({}, previousSettings), settings);
   }, [settings, previousSettings]);
-  return /*#__PURE__*/React.createElement(SettingsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(SettingsContext.Provider, {
     value: value
   }, children);
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React.createContext({
+var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
-  return React.useContext(GoogleKeysContext);
+  return React$1.useContext(GoogleKeysContext);
 };
 function GoogleKeysProvider(_ref) {
   var children = _ref.children,
@@ -611,17 +611,17 @@ function GoogleKeysProvider(_ref) {
   var _useGoogleKeys = useGoogleKeys(),
     previousApiKey = _useGoogleKeys.apiKey;
   var settingApiKey = useSetting('googleApiKey');
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       apiKey: apiKey || previousApiKey || settingApiKey
     };
   }, [apiKey, previousApiKey, settingApiKey]);
-  return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleKeysContext.Provider, {
     value: value
   }, children);
 }
 
-var FontsContext = /*#__PURE__*/React.createContext({
+var FontsContext = /*#__PURE__*/React$1.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -634,11 +634,11 @@ var useGoogleFonts = function useGoogleFonts() {
     setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     googleFonts = _useState2[0],
     setGoogleFonts = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     var canceled = false;
     if (apiKey !== null && !disabled) {
       fetch.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
@@ -670,7 +670,7 @@ var useFonts = function useFonts() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
     withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
-  var _useContext = React.useContext(FontsContext),
+  var _useContext = React$1.useContext(FontsContext),
     _useContext$setGoogle = _useContext.setGoogleFonts,
     setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
     _useContext$systemFon = _useContext.systemFonts,
@@ -683,7 +683,7 @@ var useFonts = function useFonts() {
     disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
     setFonts: setGoogleFonts
   });
-  var fonts = React.useMemo(function () {
+  var fonts = React$1.useMemo(function () {
     return {
       systemFonts: systemFonts,
       googleFonts: googleFonts,
@@ -704,11 +704,11 @@ function FontsProvider(_ref4) {
     _useFonts$googleFonts = _useFonts.googleFonts,
     previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
     previousCustomFonts = _useFonts.customFonts;
-  var _useState3 = React.useState(null),
+  var _useState3 = React$1.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     googleFonts = _useState4[0],
     setGoogleFonts = _useState4[1];
-  var fonts = React.useMemo(function () {
+  var fonts = React$1.useMemo(function () {
     return {
       systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
         return isObject(font) ? font.name : font;
@@ -722,14 +722,14 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React.createElement(FontsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(FontsContext.Provider, {
     value: fonts
   }, children);
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
-  return React.useContext(GoogleApiClientContext);
+  return React$1.useContext(GoogleApiClientContext);
 };
 var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -740,8 +740,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -753,11 +753,11 @@ function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     services.loadGoogleApi().then(function (gapi) {
       return gapi.client.init({
         apiKey: apiKey
@@ -768,14 +768,14 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Provider, {
     value: client
   }, children);
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
-  return React.useContext(GoogleMapsClientContext);
+  return React$1.useContext(GoogleMapsClientContext);
 };
 var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
@@ -786,8 +786,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -804,11 +804,11 @@ function GoogleMapsClientProvider(_ref2) {
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
-  var _useState = React.useState(exisitingClient),
+  var _useState = React$1.useState(exisitingClient),
     _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (exisitingClient === null) {
       services.loadGoogleMaps({
         apiKey: apiKey,
@@ -819,26 +819,26 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Provider, {
     value: client
   }, children);
 }
 
-var ModalsContext = /*#__PURE__*/React.createContext({
+var ModalsContext = /*#__PURE__*/React$1.createContext({
   container: null
 });
 var useModals = function useModals() {
-  return React.useContext(ModalsContext) || {};
+  return React$1.useContext(ModalsContext) || {};
 };
 var withModals = function withModals(WrappedComponent) {
   function WithModalsComponent(props) {
-    return /*#__PURE__*/React.createElement(ModalsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React$1.createElement(ModalsContext.Consumer, null, function (_ref) {
       var modals = _ref.modals,
         container = _ref.container,
         setContainer = _ref.setContainer,
         register = _ref.register,
         unregister = _ref.unregister;
-      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         modalsContainer: container,
         setModalsContainer: setContainer,
         modals: modals,
@@ -854,16 +854,16 @@ function ModalsProvider(_ref2) {
   var children = _ref2.children,
     _ref2$container = _ref2.container,
     initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React.useState(initialContainer),
+  var _useState = React$1.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React$1.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     modals = _useState4[0],
     setModals = _useState4[1];
-  var modalsRef = React.useRef(modals);
-  var register = React.useCallback(function (id) {
+  var modalsRef = React$1.useRef(modals);
+  var register = React$1.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentModals = modalsRef.current;
     var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
@@ -872,7 +872,7 @@ function ModalsProvider(_ref2) {
     setModals(newModals);
     modalsRef.current = newModals;
   }, [modals, setModals]);
-  var unregister = React.useCallback(function (id) {
+  var unregister = React$1.useCallback(function (id) {
     var currentModals = modalsRef.current;
     var foundIndex = currentModals.findIndex(function (_ref3) {
       var modalId = _ref3.id;
@@ -887,7 +887,7 @@ function ModalsProvider(_ref2) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       modals: modals,
       container: container,
@@ -896,26 +896,26 @@ function ModalsProvider(_ref2) {
       unregister: unregister
     };
   }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/React.createElement(ModalsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ModalsContext.Provider, {
     value: value
   }, children);
 }
 
-var PanelsContext = /*#__PURE__*/React.createContext({
+var PanelsContext = /*#__PURE__*/React$1.createContext({
   container: null
 });
 var usePanels = function usePanels() {
-  return React.useContext(PanelsContext) || {};
+  return React$1.useContext(PanelsContext) || {};
 };
 var withPanels = function withPanels(WrappedComponent) {
   function WithPanelsComponent(props) {
-    return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React$1.createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
         setContainer = _ref.setContainer,
         container = _ref.container,
         register = _ref.register,
         unregister = _ref.unregister;
-      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
+      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
         panels: panels,
@@ -931,16 +931,16 @@ function PanelsProvider(_ref2) {
   var children = _ref2.children,
     _ref2$container = _ref2.container,
     initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React.useState(initialContainer),
+  var _useState = React$1.useState(initialContainer),
     _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React$1.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     panels = _useState4[0],
     setPanels = _useState4[1];
-  var panelsRef = React.useRef(panels);
-  var register = React.useCallback(function (id) {
+  var panelsRef = React$1.useRef(panels);
+  var register = React$1.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentPanels = panelsRef.current;
     var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
@@ -949,7 +949,7 @@ function PanelsProvider(_ref2) {
     setPanels(newPanels);
     panelsRef.current = newPanels;
   }, [panels, setPanels]);
-  var unregister = React.useCallback(function (id) {
+  var unregister = React$1.useCallback(function (id) {
     var currentPanels = panelsRef.current;
     var foundIndex = currentPanels.findIndex(function (_ref3) {
       var modalId = _ref3.id;
@@ -964,7 +964,7 @@ function PanelsProvider(_ref2) {
       panelsRef.current = newPanels;
     }
   }, [panels, setPanels]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       panels: panels,
       setContainer: setContainer,
@@ -973,7 +973,7 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PanelsContext.Provider, {
     value: value
   }, children);
 }
@@ -995,7 +995,7 @@ var defaultValue$1 = {
   controlsTheme: defaultControlsThemeValue,
   currentQualityLevel: null
 };
-var PlaybackContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
+var PlaybackContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
   setMuted: function setMuted() {},
   setPlaying: function setPlaying() {},
   setControls: function setControls() {},
@@ -1008,7 +1008,7 @@ var PlaybackContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpre
   setIsBackground: function setIsBackground() {}
 }));
 var usePlaybackContext = function usePlaybackContext() {
-  return React.useContext(PlaybackContext);
+  return React$1.useContext(PlaybackContext);
 };
 var usePlaybackMediaRef = function usePlaybackMediaRef() {
   var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -1018,12 +1018,12 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     setMedia = _usePlaybackContext.setMedia,
     setIsBackground = _usePlaybackContext.setIsBackground,
     media = _usePlaybackContext.media;
-  var mediaRef = React.useRef(null);
+  var mediaRef = React$1.useRef(null);
 
   // Cleanup: clear media registration when this screen deactivates or unmounts.
   // Note: we cannot check mediaRef.current here because React clears callback refs
   // before running effect cleanups, so mediaRef.current is always null at this point.
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       if (active) {
         setMedia(null);
@@ -1033,7 +1033,7 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
   }, [active, setMedia, setIsBackground, updateKey]);
 
   // Register media with context when active and no media is registered
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (!active || mediaRef.current === null || media !== null) {
       return;
     }
@@ -1063,43 +1063,43 @@ function PlaybackProvider(_ref) {
     _ref$currentQualityLe = _ref.currentQualityLevel,
     initialCurrentQualityLevel = _ref$currentQualityLe === void 0 ? null : _ref$currentQualityLe,
     children = _ref.children;
-  var _useState = React.useState(initialMuted),
+  var _useState = React$1.useState(initialMuted),
     _useState2 = _slicedToArray(_useState, 2),
     muted = _useState2[0],
     setMuted = _useState2[1];
-  var _useState3 = React.useState(initialPlaying),
+  var _useState3 = React$1.useState(initialPlaying),
     _useState4 = _slicedToArray(_useState3, 2),
     playing = _useState4[0],
     setPlaying = _useState4[1];
-  var _useState5 = React.useState(null),
+  var _useState5 = React$1.useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
     media = _useState6[0],
     setMedia = _useState6[1];
-  var _useState7 = React.useState(false),
+  var _useState7 = React$1.useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     isBackground = _useState8[0],
     setIsBackground = _useState8[1];
-  var _useState9 = React.useState(initialControls),
+  var _useState9 = React$1.useState(initialControls),
     _useState0 = _slicedToArray(_useState9, 2),
     controls = _useState0[0],
     setControls = _useState0[1];
-  var _useState1 = React.useState(initialControlsSuggestPlay),
+  var _useState1 = React$1.useState(initialControlsSuggestPlay),
     _useState10 = _slicedToArray(_useState1, 2),
     controlsSuggestPlay = _useState10[0],
     setControlsSuggestPlay = _useState10[1];
-  var _useState11 = React.useState(initialControlsVisible),
+  var _useState11 = React$1.useState(initialControlsVisible),
     _useState12 = _slicedToArray(_useState11, 2),
     controlsVisible = _useState12[0],
     setControlsVisible = _useState12[1];
-  var _useState13 = React.useState(initialControlsTheme),
+  var _useState13 = React$1.useState(initialControlsTheme),
     _useState14 = _slicedToArray(_useState13, 2),
     controlsTheme = _useState14[0],
     setControlsTheme = _useState14[1];
-  var _useState15 = React.useState(initialCurrentQualityLevel),
+  var _useState15 = React$1.useState(initialCurrentQualityLevel),
     _useState16 = _slicedToArray(_useState15, 2),
     currentQualityLevel = _useState16[0],
     setCurrentQualityLevel = _useState16[1];
-  var finalSetControls = React.useCallback(function (newControls) {
+  var finalSetControls = React$1.useCallback(function (newControls) {
     if (newControls) {
       setControls(true);
       setControlsVisible(true);
@@ -1110,10 +1110,10 @@ function PlaybackProvider(_ref) {
       setControlsSuggestPlay(false);
     }
   }, [setControls, setControlsVisible, setControlsSuggestPlay]);
-  var finalSetControlsTheme = React.useCallback(function (newTheme) {
+  var finalSetControlsTheme = React$1.useCallback(function (newTheme) {
     setControlsTheme(_objectSpread(_objectSpread({}, defaultControlsThemeValue), newTheme));
   }, [setControlsTheme]);
-  var finalSetPlaying = React.useCallback(function (value) {
+  var finalSetPlaying = React$1.useCallback(function (value) {
     if (value) {
       setControlsSuggestPlay(false);
     }
@@ -1121,19 +1121,19 @@ function PlaybackProvider(_ref) {
   }, [setPlaying, setControlsSuggestPlay]);
 
   // Reset on media change
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     setControlsSuggestPlay(false);
   }, [media, setControlsSuggestPlay]);
 
   // Handle media ended
-  var _useState17 = React.useState(false),
+  var _useState17 = React$1.useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
     completed = _useState18[0],
     setCompleted = _useState18[1];
-  var onMediaCompleted = React.useCallback(function () {
+  var onMediaCompleted = React$1.useCallback(function () {
     return setCompleted(true);
   }, [setCompleted]);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (media !== null) {
       media.addEventListener('ended', onMediaCompleted);
     }
@@ -1144,13 +1144,13 @@ function PlaybackProvider(_ref) {
       setCompleted(false);
     };
   }, [media, onMediaCompleted, setCompleted]);
-  var showControls = React.useCallback(function () {
+  var showControls = React$1.useCallback(function () {
     return setControlsVisible(true);
   }, [setControlsVisible]);
-  var hideControls = React.useCallback(function () {
+  var hideControls = React$1.useCallback(function () {
     setControlsVisible(false);
   }, [setControlsVisible]);
-  var hasAudio = React.useMemo(function () {
+  var hasAudio = React$1.useMemo(function () {
     if (media === null || media.tagName.toLowerCase() !== 'video') {
       return false;
     }
@@ -1162,13 +1162,13 @@ function PlaybackProvider(_ref) {
     }
     return media.dataset.hasAudio === 'true' || media.dataset.hasAudio === true;
   }, [media]);
-  var finalSetCurrentQualityLevel = React.useCallback(function (level) {
+  var finalSetCurrentQualityLevel = React$1.useCallback(function (level) {
     var fromRef = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     if (fromRef === null || media === null || fromRef === media) {
       setCurrentQualityLevel(level);
     }
   }, [media, setCurrentQualityLevel]);
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       muted: muted,
       playing: playing && !paused,
@@ -1194,7 +1194,7 @@ function PlaybackProvider(_ref) {
       setCurrentQualityLevel: finalSetCurrentQualityLevel
     };
   }, [muted, playing, completed, paused, controls, controlsSuggestPlay, controlsVisible, controlsTheme, media, hasAudio, currentQualityLevel, setMuted, setIsBackground, isBackground, finalSetPlaying, finalSetControls, finalSetControlsTheme, setControlsSuggestPlay, setControlsVisible, showControls, hideControls, setMedia, finalSetCurrentQualityLevel]);
-  return /*#__PURE__*/React.createElement(PlaybackContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(PlaybackContext.Provider, {
     value: value
   }, children);
 }
@@ -1204,7 +1204,7 @@ var useRoutePush = function useRoutePush() {
   var _useLocation = wouter.useLocation(),
     _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
-  var push = React.useCallback(function (route, data) {
+  var push = React$1.useCallback(function (route, data) {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
@@ -1226,19 +1226,19 @@ var useRouteBack = function useRouteBack() {
   var _useLocation3 = wouter.useLocation(),
     _useLocation4 = _slicedToArray(_useLocation3, 2),
     navigate = _useLocation4[1];
-  var back = React.useCallback(function () {
+  var back = React$1.useCallback(function () {
     return navigate(-1);
   }, [navigate, url]);
   return back;
 };
 
-var ScreenContext = /*#__PURE__*/React.createContext({
+var ScreenContext = /*#__PURE__*/React$1.createContext({
   data: null,
   definition: null,
   renderContext: null
 });
 var useScreen = function useScreen() {
-  return React.useContext(ScreenContext);
+  return React$1.useContext(ScreenContext);
 };
 var useScreenDefinition = function useScreenDefinition() {
   var intl = reactIntl.useIntl();
@@ -1248,7 +1248,7 @@ var useScreenDefinition = function useScreenDefinition() {
   var _ref2 = definition || {},
     _ref2$fields = _ref2.fields,
     fields = _ref2$fields === void 0 ? null : _ref2$fields;
-  var finalFields = React.useMemo(function () {
+  var finalFields = React$1.useMemo(function () {
     return fields !== null ? [].concat(_toConsumableArray(fields), [utils.getScreenExtraField(intl)]) : null;
   }, [fields]);
   return _objectSpread(_objectSpread({}, definition), {}, {
@@ -1313,7 +1313,7 @@ function ScreenProvider(_ref6) {
   var finalDefinition = definition || contextDefinition || previousDefinition;
   var finalRenderContext = renderContext || previousContext || 'view';
   var finalScreenState = screenState || previousScreenState || null;
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       data: finalData,
       definition: finalDefinition,
@@ -1321,13 +1321,13 @@ function ScreenProvider(_ref6) {
       screenState: finalScreenState
     };
   }, [finalData, finalDefinition, finalRenderContext, finalScreenState]);
-  return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ScreenContext.Provider, {
     value: value
   }, children);
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ScreenSizeContext = /*#__PURE__*/React.createContext({
+var ScreenSizeContext = /*#__PURE__*/React$1.createContext({
   screen: null,
   screens: [],
   width: 0,
@@ -1336,7 +1336,7 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
   landscape: false
 });
 var useScreenSize = function useScreenSize() {
-  return React.useContext(ScreenSizeContext);
+  return React$1.useContext(ScreenSizeContext);
 };
 
 // Note: this is done to avoid excessive renders on the screens that use the context
@@ -1349,16 +1349,16 @@ function ScreenSizeProvider(_ref) {
     nextWidth = size.width,
     nextHeight = size.height,
     nextResolution = size.resolution;
-  var currentSize = React.useMemo(function () {
+  var currentSize = React$1.useMemo(function () {
     return size;
   }, [nextScreen, nextWidth, nextHeight, nextResolution]);
-  return /*#__PURE__*/React.createElement(ScreenSizeContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ScreenSizeContext.Provider, {
     value: currentSize
   }, children);
 }
 
 var useTracking = function useTracking() {
-  return React.useContext(tracking.TrackingContext);
+  return React$1.useContext(tracking.TrackingContext);
 };
 function TrackingProvider(_ref) {
   var _ref$variables = _ref.variables,
@@ -1369,8 +1369,8 @@ function TrackingProvider(_ref) {
     paused = _ref$paused === void 0 ? false : _ref$paused,
     children = _ref.children;
   var contextTracking = useTracking() || null;
-  var refTracking = React.useRef(null);
-  var tracking$1 = React.useMemo(function () {
+  var refTracking = React$1.useRef(null);
+  var tracking$1 = React$1.useMemo(function () {
     if (refTracking.current === null) {
       refTracking.current = new core.Tracking({
         variables: _objectSpread(_objectSpread({}, contextTracking !== null ? contextTracking.getVariables() : null), variables),
@@ -1384,7 +1384,7 @@ function TrackingProvider(_ref) {
     }
     return refTracking.current;
   }, [contextTracking, variables, disabled, paused]);
-  return /*#__PURE__*/React.createElement(tracking.TrackingContainer, {
+  return /*#__PURE__*/React$1.createElement(tracking.TrackingContainer, {
     tracking: tracking$1
   }, children);
 }
@@ -1401,12 +1401,12 @@ var defaultValue = {
   disableInteraction: function disableInteraction() {},
   enableInteraction: function enableInteraction() {}
 };
-var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
+var ViewerContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
   webView: null,
   setWebView: function setWebView() {}
 }));
 var useViewerContext = function useViewerContext() {
-  return React.useContext(ViewerContext);
+  return React$1.useContext(ViewerContext);
 };
 var useViewerSize = function useViewerSize() {
   var _useViewerContext = useViewerContext(),
@@ -1450,7 +1450,7 @@ var useViewerWebView = function useViewerWebView() {
   var _useViewerContext6 = useViewerContext(),
     webView = _useViewerContext6.webView,
     setWebView = _useViewerContext6.setWebView;
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return _objectSpread(_objectSpread({}, webView), {}, {
       opened: webView !== null,
       open: function open(newWebView) {
@@ -1493,11 +1493,11 @@ function ViewerProvider(_ref) {
     disableInteraction = _ref$disableInteracti === void 0 ? function () {} : _ref$disableInteracti,
     _ref$enableInteractio = _ref.enableInteraction,
     enableInteraction = _ref$enableInteractio === void 0 ? function () {} : _ref$enableInteractio;
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     webView = _useState2[0],
     setWebView = _useState2[1];
-  var value = React.useMemo(function () {
+  var value = React$1.useMemo(function () {
     return {
       containerRef: containerRef,
       events: events,
@@ -1516,58 +1516,62 @@ function ViewerProvider(_ref) {
       setWebView: setWebView
     };
   }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
-  return /*#__PURE__*/React.createElement(ViewerContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ViewerContext.Provider, {
     value: value
   }, children);
 }
 
-var VisitorContext = /*#__PURE__*/React.createContext({
+var VisitorContext = /*#__PURE__*/React$1.createContext({
   visitor: null,
   setVisitor: function setVisitor() {}
 });
-var useVisitorContext = function useVisitorContext() {
-  var _useContext = React.useContext(VisitorContext),
+function useVisitorContext() {
+  var _useContext = React$1.useContext(VisitorContext),
     visitor = _useContext.visitor,
     setVisitor = _useContext.setVisitor;
   return {
     visitor: visitor,
     setVisitor: setVisitor
   };
-};
-var useVisitor = function useVisitor() {
-  var _useContext2 = React.useContext(VisitorContext),
+}
+function useVisitor() {
+  var _useContext2 = React$1.useContext(VisitorContext),
     visitor = _useContext2.visitor;
   return visitor;
-};
-var useSetVisitor = function useSetVisitor() {
-  var _useContext3 = React.useContext(VisitorContext),
+}
+function useSetVisitor() {
+  var _useContext3 = React$1.useContext(VisitorContext),
     setVisitor = _useContext3.setVisitor;
   return setVisitor;
-};
+}
 function VisitorProvider(_ref) {
   var _ref$visitor = _ref.visitor,
     providedVisitor = _ref$visitor === void 0 ? null : _ref$visitor,
     children = _ref.children;
-  var _useState = React.useState(providedVisitor),
+  var _useState = React$1.useState(isString(providedVisitor) ? {
+      id: providedVisitor
+    } : providedVisitor),
     _useState2 = _slicedToArray(_useState, 2),
     visitor = _useState2[0],
-    setVisitor = _useState2[1];
-  React.useEffect(function () {
+    _setVisitor = _useState2[1];
+  React$1.useEffect(function () {
     if (providedVisitor !== visitor) {
-      setVisitor(providedVisitor);
+      _setVisitor(isString(providedVisitor) ? {
+        id: providedVisitor
+      } : providedVisitor);
     }
-  }, [providedVisitor, setVisitor]);
-  var value = React.useMemo(function () {
+  }, [providedVisitor, _setVisitor]);
+  var value = React$1.useMemo(function () {
     return {
       visitor: visitor,
       setVisitor: function setVisitor(newVisitor) {
-        return isString(newVisitor) ? {
+        return _setVisitor(isString(newVisitor) ? {
           id: newVisitor
-        } : newVisitor;
+        } : newVisitor);
       }
     };
-  }, [visitor, setVisitor]);
-  return /*#__PURE__*/React.createElement(VisitorContext.Provider, {
+  }, [visitor, _setVisitor]);
+  return /*#__PURE__*/React$1.createElement(VisitorContext.Provider, {
     value: value
   }, children);
 }