@micromag/core 0.4.71 → 0.4.77

package/lib/contexts.js

@@ -1,1762 +0,0 @@
-'use strict';
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var isString = require('lodash/isString');
-var React = require('react');
-var core = require('@micromag/core');
-var jsxRuntime = require('react/jsx-runtime');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var JSCookie = require('js-cookie');
-var reactIntl = require('react-intl');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var uniqBy = require('lodash/uniqBy');
-var fetch = require('@folklore/fetch');
-var isObject = require('lodash/isObject');
-var services = require('@folklore/services');
-var utils = require('@micromag/core/utils');
-var routes = require('@folklore/routes');
-var tracking = require('@folklore/tracking');
-var EventEmitter = require('wolfy87-eventemitter');
-var wouter = require('wouter');
-
-var MODALS_NAMESPACE = 'modals';
-var FIELDS_NAMESPACE = 'fields';
-var FORMS_NAMESPACE = 'forms';
-var SCREENS_NAMESPACE = 'screens';
-var ELEMENTS_NAMESPACE = 'elements';
-var ComponentsContext = /*#__PURE__*/React.createContext(null);
-var emptyComponents = {};
-
-/**
- * Hooks
- */
-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 () {
-    return namespace !== null ? new core.ComponentsManager(manager.getComponents(namespace)) : manager;
-  }, [manager, namespace]);
-  return finalManager;
-};
-var useComponents = function useComponents() {
-  var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : emptyComponents;
-  var manager = useComponentsManager();
-  return manager.getComponents(namespace) || defaultComponents;
-};
-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 () {
-    if (!isString(name)) {
-      return name || defaultComponent;
-    }
-    return manager.getComponent(name) || defaultComponent;
-  }, [manager, name, defaultComponent]);
-};
-
-/**
- * Fields hooks
- */
-var useFieldsComponentsManager = function useFieldsComponentsManager() {
-  return useComponentsManager(FIELDS_NAMESPACE);
-};
-var useFieldsComponents = function useFieldsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
-  return useComponents(FIELDS_NAMESPACE, defaultComponents);
-};
-var useFieldComponent = function useFieldComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return useComponent(name, defaultComponent, FIELDS_NAMESPACE);
-};
-
-/**
- * Screens hooks
- */
-var useScreensComponentsManager = function useScreensComponentsManager() {
-  return useComponentsManager(SCREENS_NAMESPACE);
-};
-var useScreensComponents = function useScreensComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
-  return useComponents(SCREENS_NAMESPACE, defaultComponents);
-};
-var useScreenComponent = function useScreenComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return useComponent(name, defaultComponent, SCREENS_NAMESPACE);
-};
-
-/**
- * Forms hooks
- */
-var useFormsComponentsManager = function useFormsComponentsManager() {
-  return useComponentsManager(FORMS_NAMESPACE);
-};
-var useFormsComponents = function useFormsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
-  return useComponents(FORMS_NAMESPACE, defaultComponents);
-};
-var useFormComponent = function useFormComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return useComponent(name, defaultComponent, FORMS_NAMESPACE);
-};
-
-/**
- * Modals hooks
- */
-var useModalsComponentsManager = function useModalsComponentsManager() {
-  return useComponentsManager(MODALS_NAMESPACE);
-};
-var useModalsComponents = function useModalsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
-  return useComponents(MODALS_NAMESPACE, defaultComponents);
-};
-var useModalComponent = function useModalComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return useComponent(name, defaultComponent, MODALS_NAMESPACE);
-};
-
-/**
- * Elements hooks
- */
-var useElementsComponentsManager = function useElementsComponentsManager() {
-  return useComponentsManager(ELEMENTS_NAMESPACE);
-};
-var useElementsComponents = function useElementsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
-  return useComponents(ELEMENTS_NAMESPACE, defaultComponents);
-};
-var useElementComponent = function useElementComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return useComponent(name, defaultComponent, ELEMENTS_NAMESPACE);
-};
-
-/**
- * Provider
- */
-
-function ComponentsProvider(_ref) {
-  var _ref$components = _ref.components,
-    components = _ref$components === void 0 ? emptyComponents : _ref$components,
-    _ref$manager = _ref.manager,
-    manager = _ref$manager === void 0 ? null : _ref$manager,
-    _ref$namespace = _ref.namespace,
-    namespace = _ref$namespace === void 0 ? null : _ref$namespace,
-    children = _ref.children;
-  var previousManager = useComponentsManager() || null;
-  var finalManager = React.useMemo(function () {
-    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__*/jsxRuntime.jsx(ComponentsContext.Provider, {
-    value: finalManager,
-    children: children
-  });
-}
-
-var messages = reactIntl.defineMessages({
-  functionality_title: {
-    id: "consent.functionality_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Functionnal"
-    }]
-  },
-  functionality_description: {
-    id: "consent.functionality_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies required for the site to function properly."
-    }]
-  },
-  analytics_title: {
-    id: "consent.analytics_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Analytics"
-    }]
-  },
-  analytics_description: {
-    id: "consent.analytics_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used to measure user behavior."
-    }]
-  },
-  ad_storage_title: {
-    id: "consent.ad_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Ad Storage"
-    }]
-  },
-  ad_storage_description: {
-    id: "consent.ad_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for advertising purposes."
-    }]
-  },
-  ad_personalization_title: {
-    id: "consent.ad_personalization_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Ad Personalization"
-    }]
-  },
-  ad_personalization_description: {
-    id: "consent.ad_personalization_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for ad targeting."
-    }]
-  },
-  ad_user_data_title: {
-    id: "consent.ad_user_data_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "User Ad Data"
-    }]
-  },
-  ad_user_data_description: {
-    id: "consent.ad_user_data_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for user-specific ad data."
-    }]
-  },
-  personalization_storage_title: {
-    id: "consent.personalization_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Personalization Storage"
-    }]
-  },
-  personalization_storage_description: {
-    id: "consent.personalization_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for personalizing user experience."
-    }]
-  },
-  security_storage_title: {
-    id: "consent.security_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Security Storage"
-    }]
-  },
-  security_storage_description: {
-    id: "consent.security_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for security purposes."
-    }]
-  }
-});
-var consentStates = [{
-  id: 'functionality_storage',
-  label: messages.functionality_title,
-  description: messages.functionality_description,
-  value: true,
-  disabled: true
-}, {
-  id: 'security_storage',
-  label: messages.security_storage_title,
-  description: messages.security_storage_description,
-  value: true
-}, {
-  id: 'personalization_storage',
-  label: messages.personalization_storage_title,
-  description: messages.personalization_storage_description,
-  value: false
-}, {
-  id: 'analytics_storage',
-  label: messages.analytics_title,
-  description: messages.analytics_description,
-  value: false
-}, {
-  id: 'ad_storage',
-  label: messages.ad_storage_title,
-  description: messages.ad_storage_description,
-  value: false
-}, {
-  id: 'ad_personalization',
-  label: messages.ad_personalization_title,
-  description: messages.ad_personalization_description,
-  value: false
-}, {
-  id: 'ad_user_data',
-  label: messages.ad_user_data_title,
-  description: messages.ad_user_data_description,
-  value: false
-}];
-var ConsentContext = /*#__PURE__*/React.createContext({
-  consent: null,
-  setConsent: function setConsent() {}
-});
-var useConsent = function useConsent() {
-  return React.useContext(ConsentContext);
-};
-var defaultValues = ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'];
-function ConsentProvider(_ref) {
-  var _ref$consent = _ref.consent,
-    providedConsent = _ref$consent === void 0 ? defaultValues : _ref$consent,
-    _ref$consented = _ref.consented,
-    initialConsented = _ref$consented === void 0 ? null : _ref$consented,
-    _ref$expiration = _ref.expiration,
-    expiration = _ref$expiration === void 0 ? 182 : _ref$expiration,
-    children = _ref.children;
-  // Has consented or not to cookies
-  var initialCookieConsented = JSCookie.get('has_consented') === 'true';
-  var baseConsented = initialConsented || initialCookieConsented;
-  var _useState = React.useState(baseConsented),
-    _useState2 = _slicedToArray(_useState, 2),
-    consented = _useState2[0],
-    setConsentedState = _useState2[1];
-  var setConsented = React.useCallback(function () {
-    var accept = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    var hasConsented = accept || false;
-    JSCookie.set('has_consented', hasConsented, {
-      secure: true,
-      expires: expiration
-    });
-    setConsentedState(hasConsented);
-  }, [expiration, setConsentedState]);
-  React.useEffect(function () {
-    if (initialConsented === true || initialConsented === false) {
-      setConsented(initialConsented);
-    }
-  }, [initialConsented, setConsented]);
-
-  // The consent state itself
-  var baseConsent = React.useMemo(function () {
-    return (providedConsent || consentStates || []).map(function (item) {
-      if (isString(item)) {
-        return (consentStates || []).find(function (it) {
-          return it.id === item;
-        }) || null;
-      }
-      return item || null;
-    }).filter(function (it) {
-      return it !== null;
-    }).map(function (it) {
-      return _objectSpread(_objectSpread({}, it), {}, {
-        value:
-        // eslint-disable-next-line no-nested-ternary
-        JSCookie.get(it.id) === 'granted' ? true : JSCookie.get(it.id) === 'denied' ? false : it.value
-      });
-    });
-  }, [providedConsent]);
-  var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    consent = _useState4[0],
-    setConsentState = _useState4[1];
-  var setConsent = React.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) {
-      if (it.value === true) {
-        JSCookie.set(it.id, 'granted', {
-          secure: true,
-          expires: expiration
-        });
-        acc[it.id] = 'granted';
-      } else if (it.value === false) {
-        JSCookie.set(it.id, 'denied', {
-          secure: true,
-          expires: expiration
-        });
-        acc[it.id] = 'denied';
-      } else {
-        JSCookie.remove(it.id);
-        acc[it.id] = 'denied';
-      }
-      return acc;
-    }, {});
-    if (typeof window !== 'undefined' && typeof window.gtag === 'function') {
-      window.gtag('consent', initial === true ? 'default' : 'update', tagManagerConsent);
-      window.gtag('event', initial === true ? 'consent_default' : 'consent_update', tagManagerConsent);
-      console.log('consent', initial === true ? 'default' : 'update', tagManagerConsent);
-    }
-    setConsentState(values);
-  }, [setConsentState, expiration]);
-  React.useEffect(function () {
-    if (baseConsent !== null && baseConsent.length > 0) {
-      setConsent(baseConsent);
-    }
-  }, [baseConsent, setConsent]);
-  var value = React.useMemo(function () {
-    return {
-      consent: consent,
-      setConsent: setConsent,
-      consented: consented,
-      setConsented: setConsented
-    };
-  }, [consent, setConsent, consented, setConsented]);
-  return /*#__PURE__*/jsxRuntime.jsx(ConsentContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-var FieldsContext = /*#__PURE__*/React.createContext(null);
-var useFieldsManager = function useFieldsManager() {
-  return React.useContext(FieldsContext);
-};
-var useFieldDefinition = function useFieldDefinition(id) {
-  var manager = useFieldsManager();
-  return manager.getDefinition(id);
-};
-function FieldsProvider(_ref) {
-  var _ref$fields = _ref.fields,
-    fields = _ref$fields === void 0 ? null : _ref$fields,
-    _ref$manager = _ref.manager,
-    manager = _ref$manager === void 0 ? null : _ref$manager,
-    children = _ref.children;
-  var previousManager = useFieldsManager() || null;
-  var finalManager = React.useMemo(function () {
-    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 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__*/jsxRuntime.jsx(FieldsContext.Provider, {
-    value: finalManager,
-    children: /*#__PURE__*/jsxRuntime.jsx(ComponentsProvider, {
-      namespace: FIELDS_NAMESPACE,
-      components: components,
-      children: children
-    })
-  });
-}
-
-var ScreensContext = /*#__PURE__*/React.createContext(new core.ScreensManager());
-var useScreensManager = function useScreensManager() {
-  return React.useContext(ScreensContext);
-};
-function ScreensProvider(_ref) {
-  var _ref$screens = _ref.screens,
-    screens = _ref$screens === void 0 ? null : _ref$screens,
-    _ref$namespaces = _ref.namespaces,
-    namespaces = _ref$namespaces === void 0 ? null : _ref$namespaces,
-    _ref$filterNamespaces = _ref.filterNamespaces,
-    filterNamespaces = _ref$filterNamespaces === void 0 ? false : _ref$filterNamespaces,
-    _ref$manager = _ref.manager,
-    manager = _ref$manager === void 0 ? null : _ref$manager,
-    children = _ref.children;
-  var previousManager = useScreensManager();
-  var finalManager = React.useMemo(function () {
-    var newManager = manager !== null ? manager : new core.ScreensManager(screens);
-    if ((previousManager || null) !== null) {
-      newManager = previousManager.merge(newManager);
-    }
-    if (filterNamespaces) {
-      newManager = previousManager.filter(function (_ref2) {
-        var _ref2$namespaces = _ref2.namespaces,
-          screenGroups = _ref2$namespaces === void 0 ? null : _ref2$namespaces;
-        return screenGroups === null || namespaces !== null && screenGroups.reduce(function (acc, id) {
-          return acc || namespaces.indexOf(id) !== -1;
-        }, false);
-      });
-    }
-    return newManager;
-  }, [manager, screens, namespaces, filterNamespaces, previousManager]);
-  var initialComponents = React.useMemo(function () {
-    return finalManager.getComponents();
-  }, [finalManager]);
-  var _useState = React.useState(initialComponents),
-    _useState2 = _slicedToArray(_useState, 2),
-    components = _useState2[0],
-    setComponents = _useState2[1];
-  React.useEffect(function () {
-    var onChange = function onChange() {
-      return setComponents(finalManager.getComponents());
-    };
-    finalManager.on('change', onChange);
-    return function () {
-      finalManager.off('change', onChange);
-    };
-  }, [finalManager, setComponents]);
-  return /*#__PURE__*/jsxRuntime.jsx(ScreensContext.Provider, {
-    value: finalManager,
-    children: /*#__PURE__*/jsxRuntime.jsx(ComponentsProvider, {
-      namespace: SCREENS_NAMESPACE,
-      components: components,
-      children: children
-    })
-  });
-}
-
-var StoryContext = /*#__PURE__*/React.createContext(null);
-var useStoryContext = function useStoryContext() {
-  return React.useContext(StoryContext);
-};
-var useStory = function useStory() {
-  var story = useStoryContext();
-  return story;
-};
-function StoryProvider(_ref) {
-  var _ref$story = _ref.story,
-    story = _ref$story === void 0 ? null : _ref$story,
-    children = _ref.children;
-  return /*#__PURE__*/jsxRuntime.jsx(StoryContext.Provider, {
-    value: story,
-    children: children
-  });
-}
-
-var EditorContext = /*#__PURE__*/React.createContext(null);
-var useEditor = function useEditor() {
-  return React.useContext(EditorContext);
-};
-var useGetColors = function useGetColors() {
-  var _ref = useEditor() || {},
-    _ref$getColors = _ref.getColors,
-    getColors = _ref$getColors === void 0 ? function () {
-      return [];
-    } : _ref$getColors;
-  return getColors;
-};
-function EditorProvider(_ref2) {
-  var children = _ref2.children;
-  var story = useStory();
-  var screensManager = useScreensManager();
-  var fieldsManager = useFieldsManager();
-  var parser = React.useMemo(function () {
-    return new core.ColorsParser({
-      screensManager: screensManager,
-      fieldsManager: fieldsManager
-    });
-  }, [screensManager, fieldsManager]);
-  var parse = React.useCallback(function (currentStory) {
-    return parser.parse(currentStory);
-  }, [parser]);
-  var getColors = React.useCallback(function () {
-    return parse(story);
-  }, [parse, story]);
-
-  // eslint-disable-next-line react/jsx-no-constructed-context-values
-  return /*#__PURE__*/jsxRuntime.jsx(EditorContext.Provider, {
-    value: {
-      getColors: getColors
-    },
-    children: children
-  });
-}
-
-/* eslint-disable react/jsx-props-no-spreading */
-var FieldsValueContext = /*#__PURE__*/React.createContext(null);
-var useFieldsValue = function useFieldsValue() {
-  return React.useContext(FieldsValueContext);
-};
-function FieldsValueContextProvider(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    children = _ref.children;
-  return /*#__PURE__*/jsxRuntime.jsx(FieldsValueContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-/* eslint-disable react/jsx-props-no-spreading */
-var FieldContext = /*#__PURE__*/React.createContext(null);
-var useFieldContext = function useFieldContext() {
-  return React.useContext(FieldContext);
-};
-function FieldContextProvider(_ref) {
-  var _ref$context = _ref.context,
-    context = _ref$context === void 0 ? null : _ref$context,
-    children = _ref.children;
-  return /*#__PURE__*/jsxRuntime.jsx(FieldContext.Provider, {
-    value: context,
-    children: children
-  });
-}
-
-var SettingsContext = /*#__PURE__*/React.createContext({});
-var useSettings = function useSettings() {
-  return React.useContext(SettingsContext);
-};
-var useSetting = function useSetting(key) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var settings = useSettings();
-  var _ref = settings || {},
-    _ref$key = _ref[key],
-    value = _ref$key === void 0 ? defaultValue : _ref$key;
-  return value;
-};
-function SettingsProvider(_ref2) {
-  var children = _ref2.children,
-    _ref2$settings = _ref2.settings,
-    settings = _ref2$settings === void 0 ? null : _ref2$settings;
-  var previousSettings = useSettings();
-  var value = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, previousSettings), settings);
-  }, [settings, previousSettings]);
-  return /*#__PURE__*/jsxRuntime.jsx(SettingsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-/* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React.createContext({
-  apiKey: null
-});
-var useGoogleKeys = function useGoogleKeys() {
-  return React.useContext(GoogleKeysContext);
-};
-function GoogleKeysProvider(_ref) {
-  var children = _ref.children,
-    _ref$apiKey = _ref.apiKey,
-    apiKey = _ref$apiKey === void 0 ? null : _ref$apiKey;
-  var _useGoogleKeys = useGoogleKeys(),
-    previousApiKey = _useGoogleKeys.apiKey;
-  var settingApiKey = useSetting('googleApiKey');
-  var value = React.useMemo(function () {
-    return {
-      apiKey: apiKey || previousApiKey || settingApiKey
-    };
-  }, [apiKey, previousApiKey, settingApiKey]);
-  return /*#__PURE__*/jsxRuntime.jsx(GoogleKeysContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-var FontsContext = /*#__PURE__*/React.createContext({
-  systemFonts: null,
-  googleFonts: null,
-  customFonts: null
-});
-var useGoogleFonts = function useGoogleFonts() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref = options || {},
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$setFonts = _ref.setFonts,
-    setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
-  var _useGoogleKeys = useGoogleKeys(),
-    apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    googleFonts = _useState2[0],
-    setGoogleFonts = _useState2[1];
-  React.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) {
-        var _ref2$items = _ref2.items,
-          items = _ref2$items === void 0 ? [] : _ref2$items;
-        if (!canceled) {
-          var newFonts = items.map(function (it) {
-            return {
-              type: 'google',
-              name: it.family,
-              variants: it.variants
-            };
-          });
-          if (setFonts !== null) {
-            setFonts(newFonts);
-          } else {
-            setGoogleFonts(newFonts);
-          }
-        }
-      });
-    }
-    return function () {
-      canceled = true;
-    };
-  }, [apiKey, disabled, setFonts, setGoogleFonts]);
-  return googleFonts;
-};
-var useFonts = function useFonts() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref3 = options || {},
-    _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
-    withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
-  var _useContext = React.useContext(FontsContext),
-    _useContext$setGoogle = _useContext.setGoogleFonts,
-    setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
-    _useContext$systemFon = _useContext.systemFonts,
-    systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
-    _useContext$googleFon = _useContext.googleFonts,
-    googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
-    _useContext$customFon = _useContext.customFonts,
-    customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
-  useGoogleFonts({
-    disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
-    setFonts: setGoogleFonts
-  });
-  var fonts = React.useMemo(function () {
-    return {
-      systemFonts: systemFonts,
-      googleFonts: googleFonts,
-      customFonts: customFonts
-    };
-  }, [systemFonts, googleFonts, customFonts]);
-  return fonts;
-};
-function FontsProvider(_ref4) {
-  var _ref4$systemFonts = _ref4.systemFonts,
-    systemFonts = _ref4$systemFonts === void 0 ? ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'] : _ref4$systemFonts,
-    _ref4$customFonts = _ref4.customFonts,
-    customFonts = _ref4$customFonts === void 0 ? null : _ref4$customFonts,
-    children = _ref4.children;
-  var _useFonts = useFonts(),
-    _useFonts$systemFonts = _useFonts.systemFonts,
-    previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
-    _useFonts$googleFonts = _useFonts.googleFonts,
-    previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
-    previousCustomFonts = _useFonts.customFonts;
-  var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    googleFonts = _useState4[0],
-    setGoogleFonts = _useState4[1];
-  var fonts = React.useMemo(function () {
-    return {
-      systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
-        return isObject(font) ? font.name : font;
-      }),
-      googleFonts: uniqBy([].concat(_toConsumableArray(previousGoogleFonts || []), _toConsumableArray(googleFonts || [])), function (font) {
-        return isObject(font) ? font.name : font;
-      }),
-      customFonts: uniqBy([].concat(_toConsumableArray(previousCustomFonts || []), _toConsumableArray(customFonts || [])), function (font) {
-        return isObject(font) ? font.name : font;
-      }),
-      setGoogleFonts: setGoogleFonts
-    };
-  }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/jsxRuntime.jsx(FontsContext.Provider, {
-    value: fonts,
-    children: children
-  });
-}
-
-var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
-var useGoogleApiClient = function useGoogleApiClient() {
-  return React.useContext(GoogleApiClientContext);
-};
-var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
-  var getDisplayName = function getDisplayName(_ref) {
-    var _ref$displayName = _ref.displayName,
-      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? null : _ref$name;
-    return displayName || name || 'Component';
-  };
-  function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(GoogleApiClientContext.Consumer, {
-      children: function children(client) {
-        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
-          googleApiClient: client
-        }, props));
-      }
-    });
-  }
-  WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
-  return WithGoogleApiClientComponent;
-};
-function GoogleApiClientProvider(_ref2) {
-  var children = _ref2.children;
-  var _useGoogleKeys = useGoogleKeys(),
-    apiKey = _useGoogleKeys.apiKey;
-  var _useState = React.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    client = _useState2[0],
-    setClient = _useState2[1];
-  React.useEffect(function () {
-    services.loadGoogleApi().then(function (gapi) {
-      return gapi.client.init({
-        apiKey: apiKey
-      }).then(function () {
-        return gapi;
-      });
-    }).then(function (gapi) {
-      return setClient(gapi);
-    });
-  }, [apiKey, setClient]);
-  return /*#__PURE__*/jsxRuntime.jsx(GoogleApiClientContext.Provider, {
-    value: client,
-    children: children
-  });
-}
-
-var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
-var useGoogleMapsClient = function useGoogleMapsClient() {
-  return React.useContext(GoogleMapsClientContext);
-};
-var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
-  var getDisplayName = function getDisplayName(_ref) {
-    var _ref$displayName = _ref.displayName,
-      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? null : _ref$name;
-    return displayName || name || 'Component';
-  };
-  function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(GoogleMapsClientContext.Consumer, {
-      children: function children(client) {
-        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
-          googleApiClient: client
-        }, props));
-      }
-    });
-  }
-  WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
-  return WithGoogleMapsClientComponent;
-};
-function GoogleMapsClientProvider(_ref2) {
-  var children = _ref2.children,
-    _ref2$locale = _ref2.locale,
-    locale = _ref2$locale === void 0 ? 'fr' : _ref2$locale,
-    _ref2$libraries = _ref2.libraries,
-    libraries = _ref2$libraries === void 0 ? null : _ref2$libraries;
-  var _useGoogleKeys = useGoogleKeys(),
-    apiKey = _useGoogleKeys.apiKey;
-  var exisitingClient = useGoogleMapsClient();
-  var _useState = React.useState(exisitingClient),
-    _useState2 = _slicedToArray(_useState, 2),
-    client = _useState2[0],
-    setClient = _useState2[1];
-  React.useEffect(function () {
-    if (exisitingClient === null) {
-      services.loadGoogleMaps({
-        apiKey: apiKey,
-        locale: locale,
-        libraries: libraries
-      }).then(function (newClient) {
-        setClient(newClient);
-      });
-    }
-  }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/jsxRuntime.jsx(GoogleMapsClientContext.Provider, {
-    value: client,
-    children: children
-  });
-}
-
-var ModalsContext = /*#__PURE__*/React.createContext({
-  container: null
-});
-var useModals = function useModals() {
-  return React.useContext(ModalsContext) || {};
-};
-var withModals = function withModals(WrappedComponent) {
-  function WithModalsComponent(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(ModalsContext.Consumer, {
-      children: function children(_ref) {
-        var modals = _ref.modals,
-          container = _ref.container,
-          setContainer = _ref.setContainer,
-          register = _ref.register,
-          unregister = _ref.unregister;
-        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
-          modalsContainer: container,
-          setModalsContainer: setContainer,
-          modals: modals,
-          registerModal: register,
-          unregisterModal: unregister
-        }, props));
-      }
-    });
-  }
-  WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
-  return WithModalsComponent;
-};
-function ModalsProvider(_ref2) {
-  var children = _ref2.children,
-    _ref2$container = _ref2.container,
-    initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React.useState(initialContainer),
-    _useState2 = _slicedToArray(_useState, 2),
-    container = _useState2[0],
-    setContainer = _useState2[1];
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    modals = _useState4[0],
-    setModals = _useState4[1];
-  var modalsRef = React.useRef(modals);
-  var register = React.useCallback(function (id) {
-    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var currentModals = modalsRef.current;
-    var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
-      id: id
-    }, data)]);
-    setModals(newModals);
-    modalsRef.current = newModals;
-  }, [modals, setModals]);
-  var unregister = React.useCallback(function (id) {
-    var currentModals = modalsRef.current;
-    var foundIndex = currentModals.findIndex(function (_ref3) {
-      var modalId = _ref3.id;
-      return modalId === id;
-    });
-    if (foundIndex !== -1) {
-      var newModals = currentModals.filter(function (_ref4) {
-        var modalId = _ref4.id;
-        return modalId !== id;
-      });
-      setModals(newModals);
-      modalsRef.current = newModals;
-    }
-  }, [modals, setModals]);
-  var value = React.useMemo(function () {
-    return {
-      modals: modals,
-      container: container,
-      setContainer: setContainer,
-      register: register,
-      unregister: unregister
-    };
-  }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/jsxRuntime.jsx(ModalsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-var PanelsContext = /*#__PURE__*/React.createContext({
-  container: null
-});
-var usePanels = function usePanels() {
-  return React.useContext(PanelsContext) || {};
-};
-var withPanels = function withPanels(WrappedComponent) {
-  function WithPanelsComponent(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(PanelsContext.Consumer, {
-      children: function children(_ref) {
-        var panels = _ref.panels,
-          setContainer = _ref.setContainer,
-          container = _ref.container,
-          register = _ref.register,
-          unregister = _ref.unregister;
-        return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({
-          panelsContainer: container,
-          setPanelsContainer: setContainer,
-          panels: panels,
-          registerPanel: register,
-          unregisterPanel: unregister
-        }, props));
-      }
-    });
-  }
-  WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
-  return WithPanelsComponent;
-};
-function PanelsProvider(_ref2) {
-  var children = _ref2.children,
-    _ref2$container = _ref2.container,
-    initialContainer = _ref2$container === void 0 ? null : _ref2$container;
-  var _useState = React.useState(initialContainer),
-    _useState2 = _slicedToArray(_useState, 2),
-    container = _useState2[0],
-    setContainer = _useState2[1];
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    panels = _useState4[0],
-    setPanels = _useState4[1];
-  var panelsRef = React.useRef(panels);
-  var register = React.useCallback(function (id) {
-    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var currentPanels = panelsRef.current;
-    var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
-      id: id
-    }, data)]);
-    setPanels(newPanels);
-    panelsRef.current = newPanels;
-  }, [panels, setPanels]);
-  var unregister = React.useCallback(function (id) {
-    var currentPanels = panelsRef.current;
-    var foundIndex = currentPanels.findIndex(function (_ref3) {
-      var modalId = _ref3.id;
-      return modalId === id;
-    });
-    if (foundIndex !== -1) {
-      var newPanels = currentPanels.filter(function (_ref4) {
-        var modalId = _ref4.id;
-        return modalId !== id;
-      });
-      setPanels(newPanels);
-      panelsRef.current = newPanels;
-    }
-  }, [panels, setPanels]);
-  var value = React.useMemo(function () {
-    return {
-      panels: panels,
-      setContainer: setContainer,
-      container: container,
-      register: register,
-      unregister: unregister
-    };
-  }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/jsxRuntime.jsx(PanelsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-function mediaElementIsPlaying(media) {
-  return media !== null && !!(media.currentTime > 0 && !media.paused && !media.ended && media.readyState > 2);
-}
-var defaultControlsThemeValue = {
-  seekBarOnly: false,
-  color: null,
-  progressColor: null
-};
-var PlaybackContext = /*#__PURE__*/React.createContext({
-  playing: false,
-  completed: false,
-  muted: true,
-  controls: false,
-  controlsSuggestPlay: false,
-  controlsVisible: false,
-  hasAudio: false,
-  isBackground: false,
-  media: null,
-  controlsTheme: defaultControlsThemeValue,
-  currentQualityLevel: null,
-  setMuted: function setMuted(muted) {},
-  setPlaying: function setPlaying(playing) {},
-  setControls: function setControls(hasControls) {},
-  setControlsVisible: function setControlsVisible(visible) {},
-  setControlsTheme: function setControlsTheme(theme) {},
-  showControls: function showControls() {},
-  hideControls: function hideControls() {},
-  setMedia: function setMedia(media) {},
-  setCurrentQualityLevel: function setCurrentQualityLevel(qualityLevel, fromRef) {},
-  setIsBackground: function setIsBackground(isBackground) {}
-});
-var usePlaybackContext = function usePlaybackContext() {
-  return React.useContext(PlaybackContext);
-};
-var usePlaybackMediaRef = function usePlaybackMediaRef() {
-  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var updateKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var _usePlaybackContext = usePlaybackContext(),
-    setMedia = _usePlaybackContext.setMedia,
-    setIsBackground = _usePlaybackContext.setIsBackground,
-    media = _usePlaybackContext.media,
-    isBackground = _usePlaybackContext.isBackground,
-    playing = _usePlaybackContext.playing;
-  var mediaRef = React.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 () {
-    var _mediaRef$current = mediaRef.current,
-      currentMedia = _mediaRef$current === void 0 ? null : _mediaRef$current;
-    return function () {
-      if (active) {
-        var shouldPause = currentMedia !== null && mediaElementIsPlaying(currentMedia);
-        setMedia(null);
-        setIsBackground(false);
-        if (shouldPause) {
-          currentMedia.pause();
-        }
-      }
-    };
-  }, [active, setMedia, setIsBackground, updateKey]);
-
-  // Play early in the process
-  var currentMedia = mediaRef.current;
-  var shouldForcePlaying = active && currentMedia !== null && playing && currentMedia.dataset.forcePlaying !== 'true' && !mediaElementIsPlaying(currentMedia);
-  if (shouldForcePlaying) {
-    currentMedia.dataset.forcePlaying = 'true';
-    currentMedia.play();
-  }
-
-  // Register media with context when active and no media is registered
-  React.useEffect(function () {
-    if (!active || mediaRef.current === null || mediaRef.current === media && background === isBackground) {
-      return;
-    }
-    setIsBackground(background);
-    setMedia(mediaRef.current);
-  }, [active, background, media, updateKey, setMedia, setIsBackground, isBackground]);
-  return {
-    ref: mediaRef,
-    isCurrent: active || mediaRef.current === media
-  };
-};
-function PlaybackProvider(_ref) {
-  var _ref$muted = _ref.muted,
-    initialMuted = _ref$muted === void 0 ? true : _ref$muted,
-    _ref$playing = _ref.playing,
-    initialPlaying = _ref$playing === void 0 ? false : _ref$playing,
-    _ref$paused = _ref.paused,
-    paused = _ref$paused === void 0 ? false : _ref$paused,
-    _ref$controls = _ref.controls,
-    initialControls = _ref$controls === void 0 ? false : _ref$controls,
-    _ref$controlsSuggestP = _ref.controlsSuggestPlay,
-    initialControlsSuggestPlay = _ref$controlsSuggestP === void 0 ? false : _ref$controlsSuggestP,
-    _ref$controlsVisible = _ref.controlsVisible,
-    initialControlsVisible = _ref$controlsVisible === void 0 ? false : _ref$controlsVisible,
-    _ref$controlsTheme = _ref.controlsTheme,
-    initialControlsTheme = _ref$controlsTheme === void 0 ? defaultControlsThemeValue : _ref$controlsTheme,
-    _ref$currentQualityLe = _ref.currentQualityLevel,
-    initialCurrentQualityLevel = _ref$currentQualityLe === void 0 ? null : _ref$currentQualityLe,
-    children = _ref.children;
-  var _useState = React.useState(initialMuted),
-    _useState2 = _slicedToArray(_useState, 2),
-    muted = _useState2[0],
-    setMuted = _useState2[1];
-  var _useState3 = React.useState(initialPlaying),
-    _useState4 = _slicedToArray(_useState3, 2),
-    playing = _useState4[0],
-    setPlaying = _useState4[1];
-  var _useState5 = React.useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    media = _useState6[0],
-    setMedia = _useState6[1];
-  var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isBackground = _useState8[0],
-    setIsBackground = _useState8[1];
-  var _useState9 = React.useState(initialControls),
-    _useState0 = _slicedToArray(_useState9, 2),
-    controls = _useState0[0],
-    setControls = _useState0[1];
-  var _useState1 = React.useState(initialControlsSuggestPlay),
-    _useState10 = _slicedToArray(_useState1, 2),
-    controlsSuggestPlay = _useState10[0],
-    setControlsSuggestPlay = _useState10[1];
-  var _useState11 = React.useState(initialControlsVisible),
-    _useState12 = _slicedToArray(_useState11, 2),
-    controlsVisible = _useState12[0],
-    setControlsVisible = _useState12[1];
-  var _useState13 = React.useState(initialControlsTheme),
-    _useState14 = _slicedToArray(_useState13, 2),
-    controlsTheme = _useState14[0],
-    setControlsTheme = _useState14[1];
-  var _useState15 = React.useState(initialCurrentQualityLevel),
-    _useState16 = _slicedToArray(_useState15, 2),
-    currentQualityLevel = _useState16[0],
-    setCurrentQualityLevel = _useState16[1];
-  var finalSetControls = React.useCallback(function (newControls) {
-    if (newControls) {
-      setControls(true);
-      setControlsVisible(true);
-      setControlsSuggestPlay(false);
-    } else {
-      setControls(false);
-      setControlsVisible(false);
-      setControlsSuggestPlay(false);
-    }
-  }, [setControls, setControlsVisible, setControlsSuggestPlay]);
-  var finalSetControlsTheme = React.useCallback(function (newTheme) {
-    setControlsTheme(_objectSpread(_objectSpread({}, defaultControlsThemeValue), newTheme));
-  }, [setControlsTheme]);
-  var finalSetPlaying = React.useCallback(function (value) {
-    if (value) {
-      setControlsSuggestPlay(false);
-    }
-    setPlaying(value);
-  }, [setPlaying, setControlsSuggestPlay]);
-
-  // Reset on media change
-  React.useEffect(function () {
-    setControlsSuggestPlay(false);
-  }, [media, setControlsSuggestPlay]);
-
-  // Handle media ended
-  var _useState17 = React.useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    completed = _useState18[0],
-    setCompleted = _useState18[1];
-  var onMediaCompleted = React.useCallback(function () {
-    return setCompleted(true);
-  }, [setCompleted]);
-  React.useEffect(function () {
-    if (media !== null) {
-      media.addEventListener('ended', onMediaCompleted);
-    }
-    return function () {
-      if (media !== null) {
-        media.removeEventListener('ended', onMediaCompleted);
-      }
-      setCompleted(false);
-    };
-  }, [media, onMediaCompleted, setCompleted]);
-  var showControls = React.useCallback(function () {
-    return setControlsVisible(true);
-  }, [setControlsVisible]);
-  var hideControls = React.useCallback(function () {
-    setControlsVisible(false);
-  }, [setControlsVisible]);
-  var hasAudio = React.useMemo(function () {
-    if (media === null || media.tagName.toLowerCase() !== 'video') {
-      return false;
-    }
-    if (media.tagName.toLowerCase() === 'audio') {
-      return true;
-    }
-    if (typeof media.dataset.hasAudio === 'undefined') {
-      return null;
-    }
-    return media.dataset.hasAudio === 'true' || media.dataset.hasAudio === true;
-  }, [media]);
-  var finalSetCurrentQualityLevel = React.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 () {
-    return {
-      muted: muted,
-      playing: playing && !paused,
-      completed: completed,
-      controls: controls,
-      controlsSuggestPlay: controlsSuggestPlay,
-      controlsVisible: controlsVisible,
-      media: media,
-      hasAudio: hasAudio,
-      controlsTheme: controlsTheme,
-      currentQualityLevel: currentQualityLevel,
-      setMuted: setMuted,
-      setIsBackground: setIsBackground,
-      isBackground: isBackground,
-      setPlaying: finalSetPlaying,
-      setControls: finalSetControls,
-      setControlsSuggestPlay: setControlsSuggestPlay,
-      setControlsVisible: setControlsVisible,
-      setControlsTheme: finalSetControlsTheme,
-      showControls: showControls,
-      hideControls: hideControls,
-      setMedia: setMedia,
-      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__*/jsxRuntime.jsx(PlaybackContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-var useRoutePush = function useRoutePush() {
-  var url = routes.useUrlGenerator();
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 2),
-    navigate = _useLocation2[1];
-  var push = React.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];
-    }
-    if (isString(route)) {
-      navigate.apply(void 0, [url(route, data)].concat(args));
-    } else {
-      var _ref = route || {},
-        _ref$pathname = _ref.pathname,
-        pathname = _ref$pathname === void 0 ? null : _ref$pathname,
-        _ref$search = _ref.search,
-        search = _ref$search === void 0 ? null : _ref$search;
-      navigate.apply(void 0, ["".concat(url(pathname, data)).concat(search !== null ? "?".concat(search) : '')].concat(args));
-    }
-  }, [navigate, url]);
-  return push;
-};
-var useRouteBack = function useRouteBack() {
-  var url = routes.useUrlGenerator();
-  var _useLocation3 = wouter.useLocation(),
-    _useLocation4 = _slicedToArray(_useLocation3, 2),
-    navigate = _useLocation4[1];
-  var back = React.useCallback(function () {
-    return navigate(-1);
-  }, [navigate, url]);
-  return back;
-};
-
-var ScreenContext = /*#__PURE__*/React.createContext({
-  data: null,
-  definition: null,
-  renderContext: null
-});
-var useScreen = function useScreen() {
-  return React.useContext(ScreenContext);
-};
-var useScreenDefinition = function useScreenDefinition() {
-  var intl = reactIntl.useIntl();
-  var _ref = useScreen() || {},
-    _ref$definition = _ref.definition,
-    definition = _ref$definition === void 0 ? null : _ref$definition;
-  var _ref2 = definition || {},
-    _ref2$fields = _ref2.fields,
-    fields = _ref2$fields === void 0 ? null : _ref2$fields;
-  var finalFields = React.useMemo(function () {
-    return fields !== null ? [].concat(_toConsumableArray(fields), [utils.getScreenExtraField(intl)]) : null;
-  }, [fields]);
-  return _objectSpread(_objectSpread({}, definition), {}, {
-    fields: finalFields
-  });
-};
-var useScreenData = function useScreenData() {
-  var _ref3 = useScreen() || {},
-    data = _ref3.data;
-  return data;
-};
-var useScreenRenderContext = function useScreenRenderContext() {
-  var _ref4 = useScreen() || {},
-    _ref4$renderContext = _ref4.renderContext,
-    renderContext = _ref4$renderContext === void 0 ? 'view' : _ref4$renderContext;
-  var isPlaceholder = renderContext === 'placeholder';
-  var isPreview = renderContext === 'preview';
-  var isEdit = renderContext === 'edit';
-  var isView = renderContext === 'view';
-  var isStatic = renderContext === 'static';
-  var isCapture = renderContext === 'capture';
-  return {
-    renderContext: renderContext,
-    isPlaceholder: isPlaceholder,
-    isPreview: isPreview,
-    isEdit: isEdit,
-    isView: isView || isStatic || isCapture,
-    isStatic: isStatic,
-    isCapture: isCapture
-  };
-};
-var useScreenState = function useScreenState() {
-  var _ref5 = useScreen() || {},
-    screenState = _ref5.screenState;
-  return screenState;
-};
-function ScreenProvider(_ref6) {
-  var _ref6$data = _ref6.data,
-    data = _ref6$data === void 0 ? null : _ref6$data,
-    _ref6$definition = _ref6.definition,
-    definition = _ref6$definition === void 0 ? null : _ref6$definition,
-    _ref6$renderContext = _ref6.renderContext,
-    renderContext = _ref6$renderContext === void 0 ? null : _ref6$renderContext,
-    _ref6$screenState = _ref6.screenState,
-    screenState = _ref6$screenState === void 0 ? null : _ref6$screenState,
-    children = _ref6.children;
-  var _ref7 = useScreen() || {},
-    _ref7$data = _ref7.data,
-    previousData = _ref7$data === void 0 ? null : _ref7$data,
-    _ref7$definition = _ref7.definition,
-    previousDefinition = _ref7$definition === void 0 ? null : _ref7$definition,
-    _ref7$renderContext = _ref7.renderContext,
-    previousContext = _ref7$renderContext === void 0 ? null : _ref7$renderContext,
-    _ref7$screenState = _ref7.screenState,
-    previousScreenState = _ref7$screenState === void 0 ? null : _ref7$screenState;
-  var finalData = data || previousData || null;
-  var _ref8 = finalData || {},
-    _ref8$type = _ref8.type,
-    type = _ref8$type === void 0 ? null : _ref8$type;
-  var screensManager = useScreensManager();
-  var contextDefinition = screensManager !== null ? screensManager.getDefinition(type) : null;
-  var finalDefinition = definition || contextDefinition || previousDefinition;
-  var finalRenderContext = renderContext || previousContext || 'view';
-  var finalScreenState = screenState || previousScreenState || null;
-  var value = React.useMemo(function () {
-    return {
-      data: finalData,
-      definition: finalDefinition,
-      renderContext: finalRenderContext,
-      screenState: finalScreenState
-    };
-  }, [finalData, finalDefinition, finalRenderContext, finalScreenState]);
-  return /*#__PURE__*/jsxRuntime.jsx(ScreenContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-/* eslint-disable react/jsx-props-no-spreading */
-var ScreenSizeContext = /*#__PURE__*/React.createContext({
-  screen: null,
-  screens: [],
-  width: 0,
-  height: 0,
-  resolution: 1,
-  landscape: false
-});
-var useScreenSize = function useScreenSize() {
-  return React.useContext(ScreenSizeContext);
-};
-
-// Note: this is done to avoid excessive renders on the screens that use the context
-
-function ScreenSizeProvider(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? {} : _ref$size,
-    children = _ref.children;
-  var nextScreen = size.screen,
-    nextWidth = size.width,
-    nextHeight = size.height,
-    nextResolution = size.resolution;
-  var currentSize = React.useMemo(function () {
-    return size;
-  }, [nextScreen, nextWidth, nextHeight, nextResolution]);
-  return /*#__PURE__*/jsxRuntime.jsx(ScreenSizeContext.Provider, {
-    value: currentSize,
-    children: children
-  });
-}
-
-var useTracking = function useTracking() {
-  return React.useContext(tracking.TrackingContext);
-};
-function TrackingProvider() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref = options || {},
-    _ref$variables = _ref.variables,
-    variables = _ref$variables === void 0 ? null : _ref$variables,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$paused = _ref.paused,
-    paused = _ref$paused === void 0 ? false : _ref$paused,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children;
-  var contextTracking = useTracking() || null;
-  var refTracking = React.useRef(null);
-  var tracking$1 = React.useMemo(function () {
-    if (refTracking.current === null) {
-      refTracking.current = new core.Tracking({
-        variables: _objectSpread(_objectSpread({}, contextTracking !== null ? contextTracking.getVariables() : null), variables),
-        disabled: disabled,
-        paused: paused
-      });
-    } else {
-      refTracking.current.setVariables(_objectSpread(_objectSpread({}, refTracking.current.getVariables()), variables));
-      refTracking.current.setDisabled(disabled);
-      refTracking.current.setPaused(paused);
-    }
-    return refTracking.current;
-  }, [contextTracking, variables, disabled, paused]);
-  return /*#__PURE__*/jsxRuntime.jsx(tracking.TrackingContainer, {
-    tracking: tracking$1,
-    children: children
-  });
-}
-
-var defaultValue = {
-  events: new EventEmitter(),
-  menuVisible: false,
-  menuOverScreen: false,
-  topHeight: 0,
-  bottomHeight: 0,
-  bottomSidesWidth: 0,
-  gotoNextScreen: function gotoNextScreen() {},
-  gotoPreviousScreen: function gotoPreviousScreen() {},
-  disableInteraction: function disableInteraction() {},
-  enableInteraction: function enableInteraction() {}
-};
-var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
-  webView: null,
-  setWebView: function setWebView() {}
-}));
-var useViewerContext = function useViewerContext() {
-  return React.useContext(ViewerContext);
-};
-var useViewerSize = function useViewerSize() {
-  var _useViewerContext = useViewerContext(),
-    width = _useViewerContext.width,
-    height = _useViewerContext.height;
-  return {
-    width: width,
-    height: height
-  };
-};
-var useViewerNavigation = function useViewerNavigation() {
-  var _useViewerContext2 = useViewerContext(),
-    gotoNextScreen = _useViewerContext2.gotoNextScreen,
-    gotoPreviousScreen = _useViewerContext2.gotoPreviousScreen;
-  return {
-    gotoNextScreen: gotoNextScreen,
-    gotoPreviousScreen: gotoPreviousScreen
-  };
-};
-var useViewerEvents = function useViewerEvents() {
-  var _useViewerContext3 = useViewerContext(),
-    events = _useViewerContext3.events;
-  return events;
-};
-var useViewerContainer = function useViewerContainer() {
-  var _useViewerContext4 = useViewerContext(),
-    _useViewerContext4$co = _useViewerContext4.containerRef,
-    containerRef = _useViewerContext4$co === void 0 ? null : _useViewerContext4$co;
-  return containerRef !== null ? containerRef.current : null;
-};
-var useViewerInteraction = function useViewerInteraction() {
-  var _useViewerContext5 = useViewerContext(),
-    disableInteraction = _useViewerContext5.disableInteraction,
-    enableInteraction = _useViewerContext5.enableInteraction;
-  return {
-    disableInteraction: disableInteraction,
-    enableInteraction: enableInteraction
-  };
-};
-var useViewerWebView = function useViewerWebView() {
-  var _useViewerContext6 = useViewerContext(),
-    webView = _useViewerContext6.webView,
-    setWebView = _useViewerContext6.setWebView;
-  var value = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, webView), {}, {
-      opened: webView !== null,
-      open: function open(newWebView) {
-        return setWebView(isString(newWebView) ? {
-          url: newWebView
-        } : newWebView);
-      },
-      close: function close() {
-        return setWebView(null);
-      },
-      update: function update(newWebView) {
-        return setWebView(_objectSpread(_objectSpread({}, webView), newWebView));
-      }
-    });
-  }, [webView, setWebView]);
-  return value;
-};
-function ViewerProvider(_ref) {
-  var children = _ref.children,
-    containerRef = _ref.containerRef,
-    _ref$events = _ref.events,
-    events = _ref$events === void 0 ? new EventEmitter() : _ref$events,
-    _ref$menuVisible = _ref.menuVisible,
-    menuVisible = _ref$menuVisible === void 0 ? false : _ref$menuVisible,
-    _ref$menuOverScreen = _ref.menuOverScreen,
-    menuOverScreen = _ref$menuOverScreen === void 0 ? false : _ref$menuOverScreen,
-    width = _ref.width,
-    height = _ref.height,
-    _ref$topHeight = _ref.topHeight,
-    topHeight = _ref$topHeight === void 0 ? 0 : _ref$topHeight,
-    _ref$bottomHeight = _ref.bottomHeight,
-    bottomHeight = _ref$bottomHeight === void 0 ? 0 : _ref$bottomHeight,
-    _ref$bottomSidesWidth = _ref.bottomSidesWidth,
-    bottomSidesWidth = _ref$bottomSidesWidth === void 0 ? 0 : _ref$bottomSidesWidth,
-    _ref$gotoNextScreen = _ref.gotoNextScreen,
-    gotoNextScreen = _ref$gotoNextScreen === void 0 ? function () {} : _ref$gotoNextScreen,
-    _ref$gotoPreviousScre = _ref.gotoPreviousScreen,
-    gotoPreviousScreen = _ref$gotoPreviousScre === void 0 ? function () {} : _ref$gotoPreviousScre,
-    _ref$disableInteracti = _ref.disableInteraction,
-    disableInteraction = _ref$disableInteracti === void 0 ? function () {} : _ref$disableInteracti,
-    _ref$enableInteractio = _ref.enableInteraction,
-    enableInteraction = _ref$enableInteractio === void 0 ? function () {} : _ref$enableInteractio;
-  var _useState = React.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    webView = _useState2[0],
-    setWebView = _useState2[1];
-  var value = React.useMemo(function () {
-    return {
-      containerRef: containerRef,
-      events: events,
-      menuVisible: menuVisible,
-      menuOverScreen: menuOverScreen,
-      width: width,
-      height: height,
-      topHeight: topHeight,
-      bottomHeight: bottomHeight,
-      bottomSidesWidth: bottomSidesWidth,
-      gotoNextScreen: gotoNextScreen,
-      gotoPreviousScreen: gotoPreviousScreen,
-      disableInteraction: disableInteraction,
-      enableInteraction: enableInteraction,
-      webView: webView,
-      setWebView: setWebView
-    };
-  }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
-  return /*#__PURE__*/jsxRuntime.jsx(ViewerContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-var VisitorContext = /*#__PURE__*/React.createContext({
-  visitor: null,
-  setVisitor: function setVisitor() {}
-});
-function useVisitorContext() {
-  var _useContext = React.useContext(VisitorContext),
-    visitor = _useContext.visitor,
-    setVisitor = _useContext.setVisitor;
-  return {
-    visitor: visitor,
-    setVisitor: setVisitor
-  };
-}
-function useVisitor() {
-  var _useContext2 = React.useContext(VisitorContext),
-    visitor = _useContext2.visitor;
-  return visitor;
-}
-function useSetVisitor() {
-  var _useContext3 = React.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(isString(providedVisitor) ? {
-      id: providedVisitor
-    } : providedVisitor),
-    _useState2 = _slicedToArray(_useState, 2),
-    visitor = _useState2[0],
-    _setVisitor = _useState2[1];
-  React.useEffect(function () {
-    if (providedVisitor !== visitor) {
-      _setVisitor(isString(providedVisitor) ? {
-        id: providedVisitor
-      } : providedVisitor);
-    }
-  }, [providedVisitor, _setVisitor]);
-  var value = React.useMemo(function () {
-    return {
-      visitor: visitor,
-      setVisitor: function setVisitor(newVisitor) {
-        return _setVisitor(isString(newVisitor) ? {
-          id: newVisitor
-        } : newVisitor);
-      }
-    };
-  }, [visitor, _setVisitor]);
-  return /*#__PURE__*/jsxRuntime.jsx(VisitorContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-Object.defineProperty(exports, "RoutesContext", {
-    enumerable: true,
-    get: function () { return routes.RoutesContext; }
-});
-Object.defineProperty(exports, "RoutesProvider", {
-    enumerable: true,
-    get: function () { return routes.RoutesProvider; }
-});
-Object.defineProperty(exports, "useRoutes", {
-    enumerable: true,
-    get: function () { return routes.useRoutes; }
-});
-Object.defineProperty(exports, "useUrlGenerator", {
-    enumerable: true,
-    get: function () { return routes.useUrlGenerator; }
-});
-Object.defineProperty(exports, "TrackingContext", {
-    enumerable: true,
-    get: function () { return tracking.TrackingContext; }
-});
-exports.ComponentsContext = ComponentsContext;
-exports.ComponentsProvider = ComponentsProvider;
-exports.ConsentContext = ConsentContext;
-exports.ConsentProvider = ConsentProvider;
-exports.ELEMENTS_NAMESPACE = ELEMENTS_NAMESPACE;
-exports.EditorContext = EditorContext;
-exports.EditorProvider = EditorProvider;
-exports.FIELDS_NAMESPACE = FIELDS_NAMESPACE;
-exports.FORMS_NAMESPACE = FORMS_NAMESPACE;
-exports.FieldContext = FieldContext;
-exports.FieldContextProvider = FieldContextProvider;
-exports.FieldsContext = FieldsContext;
-exports.FieldsProvider = FieldsProvider;
-exports.FieldsValueContext = FieldsValueContext;
-exports.FieldsValueContextProvider = FieldsValueContextProvider;
-exports.FontsContext = FontsContext;
-exports.FontsProvider = FontsProvider;
-exports.GoogleApiClientContext = GoogleApiClientContext;
-exports.GoogleApiClientProvider = GoogleApiClientProvider;
-exports.GoogleKeysContext = GoogleKeysContext;
-exports.GoogleKeysProvider = GoogleKeysProvider;
-exports.GoogleMapsClientContext = GoogleMapsClientContext;
-exports.GoogleMapsClientProvider = GoogleMapsClientProvider;
-exports.MODALS_NAMESPACE = MODALS_NAMESPACE;
-exports.ModalsContext = ModalsContext;
-exports.ModalsProvider = ModalsProvider;
-exports.PanelsContext = PanelsContext;
-exports.PanelsProvider = PanelsProvider;
-exports.PlaybackContext = PlaybackContext;
-exports.PlaybackProvider = PlaybackProvider;
-exports.SCREENS_NAMESPACE = SCREENS_NAMESPACE;
-exports.ScreenContext = ScreenContext;
-exports.ScreenProvider = ScreenProvider;
-exports.ScreenSizeContext = ScreenSizeContext;
-exports.ScreenSizeProvider = ScreenSizeProvider;
-exports.ScreensContext = ScreensContext;
-exports.ScreensProvider = ScreensProvider;
-exports.SettingsContext = SettingsContext;
-exports.SettingsProvider = SettingsProvider;
-exports.StoryContext = StoryContext;
-exports.StoryProvider = StoryProvider;
-exports.TrackingProvider = TrackingProvider;
-exports.ViewerContext = ViewerContext;
-exports.ViewerProvider = ViewerProvider;
-exports.VisitorContext = VisitorContext;
-exports.VisitorProvider = VisitorProvider;
-exports.mediaElementIsPlaying = mediaElementIsPlaying;
-exports.useComponent = useComponent;
-exports.useComponents = useComponents;
-exports.useComponentsManager = useComponentsManager;
-exports.useConsent = useConsent;
-exports.useEditor = useEditor;
-exports.useElementComponent = useElementComponent;
-exports.useElementsComponents = useElementsComponents;
-exports.useElementsComponentsManager = useElementsComponentsManager;
-exports.useFieldComponent = useFieldComponent;
-exports.useFieldContext = useFieldContext;
-exports.useFieldDefinition = useFieldDefinition;
-exports.useFieldsComponents = useFieldsComponents;
-exports.useFieldsComponentsManager = useFieldsComponentsManager;
-exports.useFieldsManager = useFieldsManager;
-exports.useFieldsValue = useFieldsValue;
-exports.useFonts = useFonts;
-exports.useFormComponent = useFormComponent;
-exports.useFormsComponents = useFormsComponents;
-exports.useFormsComponentsManager = useFormsComponentsManager;
-exports.useGetColors = useGetColors;
-exports.useGoogleApiClient = useGoogleApiClient;
-exports.useGoogleFonts = useGoogleFonts;
-exports.useGoogleKeys = useGoogleKeys;
-exports.useGoogleMapsClient = useGoogleMapsClient;
-exports.useModalComponent = useModalComponent;
-exports.useModals = useModals;
-exports.useModalsComponents = useModalsComponents;
-exports.useModalsComponentsManager = useModalsComponentsManager;
-exports.usePanels = usePanels;
-exports.usePlaybackContext = usePlaybackContext;
-exports.usePlaybackMediaRef = usePlaybackMediaRef;
-exports.useRouteBack = useRouteBack;
-exports.useRoutePush = useRoutePush;
-exports.useScreen = useScreen;
-exports.useScreenComponent = useScreenComponent;
-exports.useScreenData = useScreenData;
-exports.useScreenDefinition = useScreenDefinition;
-exports.useScreenRenderContext = useScreenRenderContext;
-exports.useScreenSize = useScreenSize;
-exports.useScreenState = useScreenState;
-exports.useScreensComponents = useScreensComponents;
-exports.useScreensComponentsManager = useScreensComponentsManager;
-exports.useScreensManager = useScreensManager;
-exports.useSetVisitor = useSetVisitor;
-exports.useSetting = useSetting;
-exports.useSettings = useSettings;
-exports.useStory = useStory;
-exports.useStoryContext = useStoryContext;
-exports.useTracking = useTracking;
-exports.useViewerContainer = useViewerContainer;
-exports.useViewerContext = useViewerContext;
-exports.useViewerEvents = useViewerEvents;
-exports.useViewerInteraction = useViewerInteraction;
-exports.useViewerNavigation = useViewerNavigation;
-exports.useViewerSize = useViewerSize;
-exports.useViewerWebView = useViewerWebView;
-exports.useVisitor = useVisitor;
-exports.useVisitorContext = useVisitorContext;
-exports.withGoogleApiClient = withGoogleApiClient;
-exports.withGoogleMapsClient = withGoogleMapsClient;
-exports.withModals = withModals;
-exports.withPanels = withPanels;