@micromag/core 0.4.69 → 0.4.74

package/es/contexts.js

@@ -1,18 +1,16 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { c } from 'react/compiler-runtime';
 import isString from 'lodash/isString';
-import React, { useContext, useMemo, useState, useCallback, useEffect, createContext, useRef } from 'react';
+import React, { createContext, use, useState, useEffect, useContext, useRef, useMemo } from 'react';
 import { ComponentsManager, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
 import { jsx } from 'react/jsx-runtime';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import JSCookie from 'js-cookie';
 import { defineMessages, useIntl } from 'react-intl';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import uniqBy from 'lodash/uniqBy';
 import { getJSON } from '@folklore/fetch';
 import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
-import { getDisplayName, getScreenExtraField } from '@micromag/core/utils';
+import { getDisplayName, getMediaIsPlaying, getMediaSrc, getMediaHasAudio, getMediaFilename, getMediaDuration, getScreenExtraField } from '@micromag/core/utils';
+import createDebug from 'debug';
 import { useUrlGenerator } from '@folklore/routes';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
 import { TrackingContainer, TrackingContext } from '@folklore/tracking';
@@ -20,115 +18,131 @@ export { TrackingContext } from '@folklore/tracking';
 import EventEmitter from 'wolfy87-eventemitter';
 import { useLocation } from '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 = {};
+const MODALS_NAMESPACE = 'modals';
+const FIELDS_NAMESPACE = 'fields';
+const FORMS_NAMESPACE = 'forms';
+const SCREENS_NAMESPACE = 'screens';
+const ELEMENTS_NAMESPACE = 'elements';
+const ComponentsContext = /*#__PURE__*/createContext(null);
+const emptyComponents = {};
 
 /**
  * Hooks
  */
-var useComponentsManager = function useComponentsManager() {
-  var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var manager = useContext(ComponentsContext);
-  var finalManager = useMemo(function () {
-    return namespace !== null ? new ComponentsManager(manager.getComponents(namespace)) : manager;
-  }, [manager, namespace]);
-  return finalManager;
+const useComponentsManager = (namespace = null) => {
+  const manager = use(ComponentsContext);
+  return namespace !== null ? new ComponentsManager(manager?.getComponents(namespace)) : manager;
 };
-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;
+const useComponents = (t0, t1) => {
+  const $ = c(4);
+  const namespace = t0 === undefined ? null : t0;
+  const defaultComponents = t1 === undefined ? emptyComponents : t1;
+  const manager = useComponentsManager();
+  let t2;
+  if ($[0] !== defaultComponents || $[1] !== manager || $[2] !== namespace) {
+    t2 = manager?.getComponents(namespace) || defaultComponents;
+    $[0] = defaultComponents;
+    $[1] = manager;
+    $[2] = namespace;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 };
-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 useMemo(function () {
-    if (!isString(name)) {
-      return name || defaultComponent;
-    }
-    return manager.getComponent(name) || defaultComponent;
-  }, [manager, name, defaultComponent]);
+const useComponent = (name, t0, t1) => {
+  const $ = c(4);
+  const defaultComponent = t0 === undefined ? null : t0;
+  const namespace = t1 === undefined ? null : t1;
+  const manager = useComponentsManager(namespace);
+  if (!isString(name)) {
+    return name || defaultComponent;
+  }
+  let t2;
+  if ($[0] !== defaultComponent || $[1] !== manager || $[2] !== name) {
+    t2 = manager?.getComponent(name) || defaultComponent;
+    $[0] = defaultComponent;
+    $[1] = manager;
+    $[2] = name;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 };
 
 /**
  * Fields hooks
  */
-var useFieldsComponentsManager = function useFieldsComponentsManager() {
+const useFieldsComponentsManager = () => {
   return useComponentsManager(FIELDS_NAMESPACE);
 };
-var useFieldsComponents = function useFieldsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
+const useFieldsComponents = t0 => {
+  const defaultComponents = t0 === undefined ? emptyComponents : t0;
   return useComponents(FIELDS_NAMESPACE, defaultComponents);
 };
-var useFieldComponent = function useFieldComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const useFieldComponent = (name, t0) => {
+  const defaultComponent = t0 === undefined ? null : t0;
   return useComponent(name, defaultComponent, FIELDS_NAMESPACE);
 };
 
 /**
  * Screens hooks
  */
-var useScreensComponentsManager = function useScreensComponentsManager() {
+const useScreensComponentsManager = () => {
   return useComponentsManager(SCREENS_NAMESPACE);
 };
-var useScreensComponents = function useScreensComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
+const useScreensComponents = t0 => {
+  const defaultComponents = t0 === undefined ? emptyComponents : t0;
   return useComponents(SCREENS_NAMESPACE, defaultComponents);
 };
-var useScreenComponent = function useScreenComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const useScreenComponent = (name, t0) => {
+  const defaultComponent = t0 === undefined ? null : t0;
   return useComponent(name, defaultComponent, SCREENS_NAMESPACE);
 };
 
 /**
  * Forms hooks
  */
-var useFormsComponentsManager = function useFormsComponentsManager() {
+const useFormsComponentsManager = () => {
   return useComponentsManager(FORMS_NAMESPACE);
 };
-var useFormsComponents = function useFormsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
+const useFormsComponents = t0 => {
+  const defaultComponents = t0 === undefined ? emptyComponents : t0;
   return useComponents(FORMS_NAMESPACE, defaultComponents);
 };
-var useFormComponent = function useFormComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const useFormComponent = (name, t0) => {
+  const defaultComponent = t0 === undefined ? null : t0;
   return useComponent(name, defaultComponent, FORMS_NAMESPACE);
 };
 
 /**
  * Modals hooks
  */
-var useModalsComponentsManager = function useModalsComponentsManager() {
+const useModalsComponentsManager = () => {
   return useComponentsManager(MODALS_NAMESPACE);
 };
-var useModalsComponents = function useModalsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
+const useModalsComponents = t0 => {
+  const defaultComponents = t0 === undefined ? emptyComponents : t0;
   return useComponents(MODALS_NAMESPACE, defaultComponents);
 };
-var useModalComponent = function useModalComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const useModalComponent = (name, t0) => {
+  const defaultComponent = t0 === undefined ? null : t0;
   return useComponent(name, defaultComponent, MODALS_NAMESPACE);
 };
 
 /**
  * Elements hooks
  */
-var useElementsComponentsManager = function useElementsComponentsManager() {
+const useElementsComponentsManager = () => {
   return useComponentsManager(ELEMENTS_NAMESPACE);
 };
-var useElementsComponents = function useElementsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
+const useElementsComponents = t0 => {
+  const defaultComponents = t0 === undefined ? emptyComponents : t0;
   return useComponents(ELEMENTS_NAMESPACE, defaultComponents);
 };
-var useElementComponent = function useElementComponent(name) {
-  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const useElementComponent = (name, t0) => {
+  const defaultComponent = t0 === undefined ? null : t0;
   return useComponent(name, defaultComponent, ELEMENTS_NAMESPACE);
 };
 
@@ -136,125 +150,108 @@ var useElementComponent = function useElementComponent(name) {
  * 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 = useMemo(function () {
-    return new ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new ComponentsManager(components).addNamespace(namespace).getComponents()));
-  }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/jsx(ComponentsContext.Provider, {
-    value: finalManager,
-    children: children
-  });
+function ComponentsProvider(t0) {
+  const $ = c(8);
+  const {
+    components: t1,
+    manager: t2,
+    namespace: t3,
+    children
+  } = t0;
+  const components = t1 === undefined ? emptyComponents : t1;
+  const manager = t2 === undefined ? null : t2;
+  const namespace = t3 === undefined ? null : t3;
+  const previousManager = useComponentsManager() || null;
+  let t4;
+  if ($[0] !== components || $[1] !== manager || $[2] !== namespace || $[3] !== previousManager) {
+    t4 = new ComponentsManager({
+      ...(previousManager !== null ? previousManager.getComponents() : null),
+      ...(manager !== null ? manager.getComponents() : null),
+      ...new ComponentsManager(components).addNamespace(namespace).getComponents()
+    });
+    $[0] = components;
+    $[1] = manager;
+    $[2] = namespace;
+    $[3] = previousManager;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const finalManager = t4;
+  let t5;
+  if ($[5] !== children || $[6] !== finalManager) {
+    t5 = /*#__PURE__*/jsx(ComponentsContext, {
+      value: finalManager,
+      children: children
+    });
+    $[5] = children;
+    $[6] = finalManager;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 }
 
-var messages = defineMessages({
+const messages = defineMessages({
   functionality_title: {
     id: "consent.functionality_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Functionnal"
-    }]
+    defaultMessage: "Functionnal"
   },
   functionality_description: {
     id: "consent.functionality_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies required for the site to function properly."
-    }]
+    defaultMessage: "Cookies required for the site to function properly."
   },
   analytics_title: {
     id: "consent.analytics_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Analytics"
-    }]
+    defaultMessage: "Analytics"
   },
   analytics_description: {
     id: "consent.analytics_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used to measure user behavior."
-    }]
+    defaultMessage: "Cookies used to measure user behavior."
   },
   ad_storage_title: {
     id: "consent.ad_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Ad Storage"
-    }]
+    defaultMessage: "Ad Storage"
   },
   ad_storage_description: {
     id: "consent.ad_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for advertising purposes."
-    }]
+    defaultMessage: "Cookies used for advertising purposes."
   },
   ad_personalization_title: {
     id: "consent.ad_personalization_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Ad Personalization"
-    }]
+    defaultMessage: "Ad Personalization"
   },
   ad_personalization_description: {
     id: "consent.ad_personalization_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for ad targeting."
-    }]
+    defaultMessage: "Cookies used for ad targeting."
   },
   ad_user_data_title: {
     id: "consent.ad_user_data_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "User Ad Data"
-    }]
+    defaultMessage: "User Ad Data"
   },
   ad_user_data_description: {
     id: "consent.ad_user_data_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for user-specific ad data."
-    }]
+    defaultMessage: "Cookies used for user-specific ad data."
   },
   personalization_storage_title: {
     id: "consent.personalization_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Personalization Storage"
-    }]
+    defaultMessage: "Personalization Storage"
   },
   personalization_storage_description: {
     id: "consent.personalization_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for personalizing user experience."
-    }]
+    defaultMessage: "Cookies used for personalizing user experience."
   },
   security_storage_title: {
     id: "consent.security_storage_title",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Security Storage"
-    }]
+    defaultMessage: "Security Storage"
   },
   security_storage_description: {
     id: "consent.security_storage_description",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cookies used for security purposes."
-    }]
+    defaultMessage: "Cookies used for security purposes."
   }
 });
-var consentStates = [{
+const consentStates = [{
   id: 'functionality_storage',
   label: messages.functionality_title,
   description: messages.functionality_description,
@@ -291,730 +288,1275 @@ var consentStates = [{
   description: messages.ad_user_data_description,
   value: false
 }];
-var ConsentContext = /*#__PURE__*/React.createContext({
+const ConsentContext = /*#__PURE__*/React.createContext({
   consent: null,
-  setConsent: function setConsent() {}
+  setConsent: () => {}
 });
-var useConsent = function useConsent() {
+const useConsent = () => {
   return 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 = useState(baseConsented),
-    _useState2 = _slicedToArray(_useState, 2),
-    consented = _useState2[0],
-    setConsentedState = _useState2[1];
-  var setConsented = 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]);
-  useEffect(function () {
-    if (initialConsented === true || initialConsented === false) {
-      setConsented(initialConsented);
-    }
-  }, [initialConsented, setConsented]);
-
-  // The consent state itself
-  var baseConsent = 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
+const defaultValues = ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'];
+function ConsentProvider(t0) {
+  const $ = c(23);
+  const {
+    consent: t1,
+    consented: t2,
+    expiration: t3,
+    children
+  } = t0;
+  const providedConsent = t1 === undefined ? defaultValues : t1;
+  const initialConsented = t2 === undefined ? null : t2;
+  const expiration = t3 === undefined ? 182 : t3;
+  let t4;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = JSCookie.get("has_consented");
+    $[0] = t4;
+  } else {
+    t4 = $[0];
+  }
+  const initialCookieConsented = t4 === "true";
+  const baseConsented = initialConsented || initialCookieConsented;
+  const [consented, setConsentedState] = useState(baseConsented);
+  let t5;
+  if ($[1] !== expiration) {
+    t5 = t6 => {
+      const accept = t6 === undefined ? null : t6;
+      const hasConsented = accept || false;
+      JSCookie.set("has_consented", hasConsented, {
+        secure: true,
+        expires: expiration
       });
-    });
-  }, [providedConsent]);
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    consent = _useState4[0],
-    setConsentState = _useState4[1];
-  var setConsent = 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';
+      setConsentedState(hasConsented);
+    };
+    $[1] = expiration;
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  const setConsented = t5;
+  let t6;
+  let t7;
+  if ($[3] !== initialConsented || $[4] !== setConsented) {
+    t6 = () => {
+      if (initialConsented === true || initialConsented === false) {
+        setConsented(initialConsented);
       }
-      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]);
-  useEffect(function () {
-    if (baseConsent !== null && baseConsent.length > 0) {
-      setConsent(baseConsent);
-    }
-  }, [baseConsent, setConsent]);
-  var value = useMemo(function () {
-    return {
-      consent: consent,
-      setConsent: setConsent,
-      consented: consented,
-      setConsented: setConsented
     };
-  }, [consent, setConsent, consented, setConsented]);
-  return /*#__PURE__*/jsx(ConsentContext.Provider, {
-    value: value,
-    children: children
-  });
+    t7 = [initialConsented, setConsented];
+    $[3] = initialConsented;
+    $[4] = setConsented;
+    $[5] = t6;
+    $[6] = t7;
+  } else {
+    t6 = $[5];
+    t7 = $[6];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[7] !== providedConsent) {
+    t8 = (providedConsent || consentStates || []).map(_temp$4).filter(_temp2$2).map(_temp3$2);
+    $[7] = providedConsent;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  const baseConsent = t8;
+  const [consent, setConsentState] = useState(null);
+  let t9;
+  if ($[9] !== expiration) {
+    t9 = (t10, t11) => {
+      const values = t10 === undefined ? null : t10;
+      const initial = t11 === undefined ? false : t11;
+      const tagManagerConsent = (values || []).reduce((acc, it_2) => {
+        if (it_2.value === true) {
+          JSCookie.set(it_2.id, "granted", {
+            secure: true,
+            expires: expiration
+          });
+          acc[it_2.id] = "granted";
+        } else {
+          if (it_2.value === false) {
+            JSCookie.set(it_2.id, "denied", {
+              secure: true,
+              expires: expiration
+            });
+            acc[it_2.id] = "denied";
+          } else {
+            JSCookie.remove(it_2.id);
+            acc[it_2.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);
+    };
+    $[9] = expiration;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  const setConsent = t9;
+  let t10;
+  let t11;
+  if ($[11] !== baseConsent || $[12] !== setConsent) {
+    t10 = () => {
+      if (baseConsent !== null && baseConsent.length > 0) {
+        setConsent(baseConsent);
+      }
+    };
+    t11 = [baseConsent, setConsent];
+    $[11] = baseConsent;
+    $[12] = setConsent;
+    $[13] = t10;
+    $[14] = t11;
+  } else {
+    t10 = $[13];
+    t11 = $[14];
+  }
+  useEffect(t10, t11);
+  let t12;
+  if ($[15] !== consent || $[16] !== consented || $[17] !== setConsent || $[18] !== setConsented) {
+    t12 = {
+      consent,
+      setConsent,
+      consented,
+      setConsented
+    };
+    $[15] = consent;
+    $[16] = consented;
+    $[17] = setConsent;
+    $[18] = setConsented;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  const value = t12;
+  let t13;
+  if ($[20] !== children || $[21] !== value) {
+    t13 = /*#__PURE__*/jsx(ConsentContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[20] = children;
+    $[21] = value;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  return t13;
+}
+function _temp3$2(it_1) {
+  return {
+    ...it_1,
+    value: JSCookie.get(it_1.id) === "granted" ? true : JSCookie.get(it_1.id) === "denied" ? false : it_1.value
+  };
+}
+function _temp2$2(it_0) {
+  return it_0 !== null;
+}
+function _temp$4(item) {
+  if (isString(item)) {
+    return (consentStates || []).find(it => it.id === item) || null;
+  }
+  return item || null;
 }
 
-var FieldsContext = /*#__PURE__*/React.createContext(null);
-var useFieldsManager = function useFieldsManager() {
-  return useContext(FieldsContext);
-};
-var useFieldDefinition = function useFieldDefinition(id) {
-  var manager = useFieldsManager();
-  return manager.getDefinition(id);
+const FieldsContext = /*#__PURE__*/createContext(null);
+const useFieldsManager = () => use(FieldsContext);
+const useFieldDefinition = id => {
+  const $ = c(3);
+  const manager = useFieldsManager();
+  let t0;
+  if ($[0] !== id || $[1] !== manager) {
+    t0 = manager?.getDefinition(id);
+    $[0] = id;
+    $[1] = manager;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
-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 = 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 FieldsManager(newFields);
-  }, [previousManager, manager, fields]);
-  var components = 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));
+function FieldsProvider(t0) {
+  const $ = c(11);
+  const {
+    fields: t1,
+    manager: t2,
+    children
+  } = t0;
+  const fields = t1 === undefined ? null : t1;
+  const manager = t2 === undefined ? null : t2;
+  const previousManager = useFieldsManager() || null;
+  let finalManager;
+  let t3;
+  if ($[0] !== fields || $[1] !== manager || $[2] !== previousManager) {
+    const newFields = uniqBy([...(fields || []), ...(manager !== null ? manager.getDefinitions() : []), ...(previousManager !== null ? previousManager.getDefinitions() : [])], _temp$3).reverse();
+    finalManager = new FieldsManager(newFields);
+    const newComponents = finalManager.getComponents();
+    t3 = Object.keys(newComponents).reduce((map, id_0) => {
+      const component = newComponents[id_0];
+      return isString(component) ? map : {
+        ...map,
+        [id_0]: component
+      };
     }, {});
-  }, [finalManager]);
-  return /*#__PURE__*/jsx(FieldsContext.Provider, {
-    value: finalManager,
-    children: /*#__PURE__*/jsx(ComponentsProvider, {
+    $[0] = fields;
+    $[1] = manager;
+    $[2] = previousManager;
+    $[3] = finalManager;
+    $[4] = t3;
+  } else {
+    finalManager = $[3];
+    t3 = $[4];
+  }
+  const components = t3;
+  let t4;
+  if ($[5] !== children || $[6] !== components) {
+    t4 = /*#__PURE__*/jsx(ComponentsProvider, {
       namespace: FIELDS_NAMESPACE,
       components: components,
       children: children
-    })
-  });
+    });
+    $[5] = children;
+    $[6] = components;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== finalManager || $[9] !== t4) {
+    t5 = /*#__PURE__*/jsx(FieldsContext, {
+      value: finalManager,
+      children: t4
+    });
+    $[8] = finalManager;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}
+function _temp$3(t0) {
+  const {
+    id
+  } = t0;
+  return id;
 }
 
-var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
-var useScreensManager = function useScreensManager() {
-  return 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 = useMemo(function () {
-    var newManager = manager !== null ? manager : new 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 = useMemo(function () {
-    return finalManager.getComponents();
-  }, [finalManager]);
-  var _useState = useState(initialComponents),
-    _useState2 = _slicedToArray(_useState, 2),
-    components = _useState2[0],
-    setComponents = _useState2[1];
-  useEffect(function () {
-    var onChange = function onChange() {
-      return setComponents(finalManager.getComponents());
+const ScreensContext = /*#__PURE__*/createContext(null);
+const useScreensManager = () => use(ScreensContext);
+function ScreensProvider(t0) {
+  const $ = c(17);
+  const {
+    screens: t1,
+    namespaces: t2,
+    filterNamespaces: t3,
+    manager: t4,
+    children
+  } = t0;
+  const screens = t1 === undefined ? null : t1;
+  const namespaces = t2 === undefined ? null : t2;
+  const filterNamespaces = t3 === undefined ? false : t3;
+  const manager = t4 === undefined ? null : t4;
+  const previousManager = useScreensManager();
+  let t5;
+  if ($[0] !== filterNamespaces || $[1] !== manager || $[2] !== namespaces || $[3] !== previousManager || $[4] !== screens) {
+    t5 = () => {
+      let newManager = manager !== null ? manager : new ScreensManager(screens);
+      if ((previousManager || null) !== null) {
+        newManager = previousManager.merge(newManager);
+      }
+      if (filterNamespaces) {
+        newManager = newManager.filter(t6 => {
+          const {
+            namespaces: t7
+          } = t6;
+          const screenGroups = t7 === undefined ? null : t7;
+          return screenGroups === null || namespaces !== null && screenGroups.reduce((acc, id) => acc || namespaces.indexOf(id) !== -1, false);
+        });
+      }
+      return newManager;
     };
-    finalManager.on('change', onChange);
-    return function () {
-      finalManager.off('change', onChange);
+    $[0] = filterNamespaces;
+    $[1] = manager;
+    $[2] = namespaces;
+    $[3] = previousManager;
+    $[4] = screens;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const [finalManager] = useState(t5);
+  let t6;
+  if ($[6] !== finalManager) {
+    t6 = () => finalManager.getComponents();
+    $[6] = finalManager;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  const [components, setComponents] = useState(t6);
+  let t7;
+  let t8;
+  if ($[8] !== finalManager) {
+    t7 = () => {
+      const onChange = () => setComponents(finalManager.getComponents());
+      finalManager.on("change", onChange);
+      return () => {
+        finalManager.off("change", onChange);
+      };
     };
-  }, [finalManager, setComponents]);
-  return /*#__PURE__*/jsx(ScreensContext.Provider, {
-    value: finalManager,
-    children: /*#__PURE__*/jsx(ComponentsProvider, {
+    t8 = [finalManager, setComponents];
+    $[8] = finalManager;
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[11] !== children || $[12] !== components) {
+    t9 = /*#__PURE__*/jsx(ComponentsProvider, {
       namespace: SCREENS_NAMESPACE,
       components: components,
       children: children
-    })
-  });
+    });
+    $[11] = children;
+    $[12] = components;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== finalManager || $[15] !== t9) {
+    t10 = /*#__PURE__*/jsx(ScreensContext, {
+      value: finalManager,
+      children: t9
+    });
+    $[14] = finalManager;
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  return t10;
 }
 
-var StoryContext = /*#__PURE__*/createContext(null);
-var useStoryContext = function useStoryContext() {
+const StoryContext = /*#__PURE__*/createContext(null);
+const useStoryContext = () => {
   return useContext(StoryContext);
 };
-var useStory = function useStory() {
-  var story = useStoryContext();
+const useStory = () => {
+  const 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__*/jsx(StoryContext.Provider, {
-    value: story,
-    children: children
-  });
+function StoryProvider(t0) {
+  const $ = c(3);
+  const {
+    story: t1,
+    children
+  } = t0;
+  const story = t1 === undefined ? null : t1;
+  let t2;
+  if ($[0] !== children || $[1] !== story) {
+    t2 = /*#__PURE__*/jsx(StoryContext.Provider, {
+      value: story,
+      children: children
+    });
+    $[0] = children;
+    $[1] = story;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
 }
 
-var EditorContext = /*#__PURE__*/React.createContext(null);
-var useEditor = function useEditor() {
+const EditorContext = /*#__PURE__*/React.createContext(null);
+const useEditor = () => {
   return useContext(EditorContext);
 };
-var useGetColors = function useGetColors() {
-  var _ref = useEditor() || {},
-    _ref$getColors = _ref.getColors,
-    getColors = _ref$getColors === void 0 ? function () {
-      return [];
-    } : _ref$getColors;
+const useGetColors = () => {
+  const $ = c(2);
+  const {
+    getColors: t0
+  } = useEditor() || {};
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? _temp$2 : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const getColors = t1;
   return getColors;
 };
-function EditorProvider(_ref2) {
-  var children = _ref2.children;
-  var story = useStory();
-  var screensManager = useScreensManager();
-  var fieldsManager = useFieldsManager();
-  var parser = useMemo(function () {
-    return new ColorsParser({
-      screensManager: screensManager,
-      fieldsManager: fieldsManager
+function EditorProvider(t0) {
+  const $ = c(13);
+  const {
+    children
+  } = t0;
+  const story = useStory();
+  const screensManager = useScreensManager();
+  const fieldsManager = useFieldsManager();
+  let t1;
+  if ($[0] !== fieldsManager || $[1] !== screensManager) {
+    t1 = new ColorsParser({
+      screensManager,
+      fieldsManager
     });
-  }, [screensManager, fieldsManager]);
-  var parse = useCallback(function (currentStory) {
-    return parser.parse(currentStory);
-  }, [parser]);
-  var getColors = useCallback(function () {
-    return parse(story);
-  }, [parse, story]);
-
-  // eslint-disable-next-line react/jsx-no-constructed-context-values
-  return /*#__PURE__*/jsx(EditorContext.Provider, {
-    value: {
-      getColors: getColors
-    },
-    children: children
-  });
+    $[0] = fieldsManager;
+    $[1] = screensManager;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const parser = t1;
+  let t2;
+  if ($[3] !== parser) {
+    t2 = currentStory => parser.parse(currentStory);
+    $[3] = parser;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const parse = t2;
+  let t3;
+  if ($[5] !== parse || $[6] !== story) {
+    t3 = () => parse(story);
+    $[5] = parse;
+    $[6] = story;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const getColors = t3;
+  let t4;
+  if ($[8] !== getColors) {
+    t4 = {
+      getColors
+    };
+    $[8] = getColors;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== children || $[11] !== t4) {
+    t5 = /*#__PURE__*/jsx(EditorContext.Provider, {
+      value: t4,
+      children: children
+    });
+    $[10] = children;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+function _temp$2() {
+  return [];
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var FieldsValueContext = /*#__PURE__*/React.createContext(null);
-var useFieldsValue = function useFieldsValue() {
+const FieldsValueContext = /*#__PURE__*/React.createContext(null);
+const useFieldsValue = () => {
   return useContext(FieldsValueContext);
 };
-function FieldsValueContextProvider(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    children = _ref.children;
-  return /*#__PURE__*/jsx(FieldsValueContext.Provider, {
-    value: value,
-    children: children
-  });
+function FieldsValueContextProvider(t0) {
+  const $ = c(3);
+  const {
+    value: t1,
+    children
+  } = t0;
+  const value = t1 === undefined ? null : t1;
+  let t2;
+  if ($[0] !== children || $[1] !== value) {
+    t2 = /*#__PURE__*/jsx(FieldsValueContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[0] = children;
+    $[1] = value;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var FieldContext = /*#__PURE__*/React.createContext(null);
-var useFieldContext = function useFieldContext() {
+const FieldContext = /*#__PURE__*/React.createContext(null);
+const useFieldContext = () => {
   return useContext(FieldContext);
 };
-function FieldContextProvider(_ref) {
-  var _ref$context = _ref.context,
-    context = _ref$context === void 0 ? null : _ref$context,
-    children = _ref.children;
-  return /*#__PURE__*/jsx(FieldContext.Provider, {
-    value: context,
-    children: children
-  });
+function FieldContextProvider(t0) {
+  const $ = c(3);
+  const {
+    context: t1,
+    children
+  } = t0;
+  const context = t1 === undefined ? null : t1;
+  let t2;
+  if ($[0] !== children || $[1] !== context) {
+    t2 = /*#__PURE__*/jsx(FieldContext.Provider, {
+      value: context,
+      children: children
+    });
+    $[0] = children;
+    $[1] = context;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
 }
 
-var SettingsContext = /*#__PURE__*/React.createContext({});
-var useSettings = function useSettings() {
+const SettingsContext = /*#__PURE__*/React.createContext({});
+const useSettings = () => {
   return useContext(SettingsContext);
 };
-var useSetting = function useSetting(key) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var settings = useSettings();
-  var _ref = settings || {},
-    _ref$key = _ref[key],
-    value = _ref$key === void 0 ? defaultValue : _ref$key;
+const useSetting = (key, defaultValue = null) => {
+  const settings = useSettings();
+  const {
+    [key]: value = defaultValue
+  } = settings || {};
   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 = useMemo(function () {
-    return _objectSpread(_objectSpread({}, previousSettings), settings);
-  }, [settings, previousSettings]);
-  return /*#__PURE__*/jsx(SettingsContext.Provider, {
-    value: value,
-    children: children
-  });
+function SettingsProvider(t0) {
+  const $ = c(6);
+  const {
+    children,
+    settings: t1
+  } = t0;
+  const settings = t1 === undefined ? null : t1;
+  const previousSettings = useSettings();
+  let t2;
+  if ($[0] !== previousSettings || $[1] !== settings) {
+    t2 = {
+      ...previousSettings,
+      ...settings
+    };
+    $[0] = previousSettings;
+    $[1] = settings;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const value = t2;
+  let t3;
+  if ($[3] !== children || $[4] !== value) {
+    t3 = /*#__PURE__*/jsx(SettingsContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[3] = children;
+    $[4] = value;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React.createContext({
+const GoogleKeysContext = /*#__PURE__*/createContext({
   apiKey: null
 });
-var useGoogleKeys = function useGoogleKeys() {
-  return 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 = useMemo(function () {
-    return {
-      apiKey: apiKey || previousApiKey || settingApiKey
+const useGoogleKeys = () => use(GoogleKeysContext);
+function GoogleKeysProvider(t0) {
+  const $ = c(5);
+  const {
+    children,
+    apiKey: t1
+  } = t0;
+  const apiKey = t1 === undefined ? null : t1;
+  const {
+    apiKey: previousApiKey
+  } = useGoogleKeys();
+  const settingApiKey = useSetting("googleApiKey");
+  const t2 = apiKey || previousApiKey || settingApiKey;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = {
+      apiKey: t2
     };
-  }, [apiKey, previousApiKey, settingApiKey]);
-  return /*#__PURE__*/jsx(GoogleKeysContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const value = t3;
+  let t4;
+  if ($[2] !== children || $[3] !== value) {
+    t4 = /*#__PURE__*/jsx(GoogleKeysContext, {
+      value: value,
+      children: children
+    });
+    $[2] = children;
+    $[3] = value;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  return t4;
 }
 
-var FontsContext = /*#__PURE__*/React.createContext({
+const 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 = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    googleFonts = _useState2[0],
-    setGoogleFonts = _useState2[1];
-  useEffect(function () {
-    var canceled = false;
-    if (apiKey !== null && !disabled) {
-      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);
+const useGoogleFonts = t0 => {
+  const $ = c(7);
+  const options = t0 === undefined ? null : t0;
+  let t1;
+  if ($[0] !== options) {
+    t1 = options || {};
+    $[0] = options;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    disabled: t2,
+    setFonts: t3
+  } = t1;
+  const disabled = t2 === undefined ? false : t2;
+  const setFonts = t3 === undefined ? null : t3;
+  const {
+    apiKey
+  } = useGoogleKeys();
+  const [googleFonts, setGoogleFonts] = useState(null);
+  let t4;
+  let t5;
+  if ($[2] !== apiKey || $[3] !== disabled || $[4] !== setFonts) {
+    t4 = () => {
+      let canceled = false;
+      if (apiKey !== null && !disabled) {
+        getJSON(`https://www.googleapis.com/webfonts/v1/webfonts?key=${apiKey}&sort=popularity`).then(t6 => {
+          const {
+            items: t7
+          } = t6;
+          const items = t7 === undefined ? [] : t7;
+          if (!canceled) {
+            const newFonts = items.map(_temp$1);
+            if (setFonts !== null) {
+              setFonts(newFonts);
+            } else {
+              setGoogleFonts(newFonts);
+            }
           }
-        }
-      });
-    }
-    return function () {
-      canceled = true;
+        });
+      }
+      return () => {
+        canceled = true;
+      };
     };
-  }, [apiKey, disabled, setFonts, setGoogleFonts]);
+    t5 = [apiKey, disabled, setFonts, setGoogleFonts];
+    $[2] = apiKey;
+    $[3] = disabled;
+    $[4] = setFonts;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  useEffect(t4, t5);
   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 = 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 = useMemo(function () {
-    return {
-      systemFonts: systemFonts,
-      googleFonts: googleFonts,
-      customFonts: customFonts
+const useFonts = t0 => {
+  const $ = c(9);
+  const options = t0 === undefined ? null : t0;
+  let t1;
+  if ($[0] !== options) {
+    t1 = options || {};
+    $[0] = options;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    withoutGoogleFonts: t2
+  } = t1;
+  const withoutGoogleFonts = t2 === undefined ? false : t2;
+  const {
+    setGoogleFonts: t3,
+    systemFonts: t4,
+    googleFonts: t5,
+    customFonts: t6
+  } = useContext(FontsContext);
+  const setGoogleFonts = t3 === undefined ? null : t3;
+  const systemFonts = t4 === undefined ? null : t4;
+  const googleFonts = t5 === undefined ? null : t5;
+  const customFonts = t6 === undefined ? null : t6;
+  const t7 = withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0;
+  let t8;
+  if ($[2] !== setGoogleFonts || $[3] !== t7) {
+    t8 = {
+      disabled: t7,
+      setFonts: setGoogleFonts
+    };
+    $[2] = setGoogleFonts;
+    $[3] = t7;
+    $[4] = t8;
+  } else {
+    t8 = $[4];
+  }
+  useGoogleFonts(t8);
+  let t9;
+  if ($[5] !== customFonts || $[6] !== googleFonts || $[7] !== systemFonts) {
+    t9 = {
+      systemFonts,
+      googleFonts,
+      customFonts
     };
-  }, [systemFonts, googleFonts, customFonts]);
+    $[5] = customFonts;
+    $[6] = googleFonts;
+    $[7] = systemFonts;
+    $[8] = t9;
+  } else {
+    t9 = $[8];
+  }
+  const fonts = t9;
   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 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    googleFonts = _useState4[0],
-    setGoogleFonts = _useState4[1];
-  var fonts = 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
+function FontsProvider(t0) {
+  const $ = c(18);
+  const {
+    systemFonts: t1,
+    customFonts: t2,
+    children
+  } = t0;
+  let t3;
+  if ($[0] !== t1) {
+    t3 = t1 === undefined ? ["Arial", "Courier New", "Georgia", "Times New Roman", "Verdana"] : t1;
+    $[0] = t1;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const systemFonts = t3;
+  const customFonts = t2 === undefined ? null : t2;
+  const {
+    systemFonts: t4,
+    googleFonts: t5,
+    customFonts: previousCustomFonts
+  } = useFonts();
+  const previousSystemFonts = t4 === undefined ? null : t4;
+  const previousGoogleFonts = t5 === undefined ? null : t5;
+  const [googleFonts, setGoogleFonts] = useState(null);
+  let t6;
+  if ($[2] !== previousSystemFonts || $[3] !== systemFonts) {
+    t6 = uniqBy([...(previousSystemFonts || []), ...(systemFonts || [])], _temp2$1);
+    $[2] = previousSystemFonts;
+    $[3] = systemFonts;
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  let t7;
+  if ($[5] !== googleFonts || $[6] !== previousGoogleFonts) {
+    t7 = uniqBy([...(previousGoogleFonts || []), ...(googleFonts || [])], _temp3$1);
+    $[5] = googleFonts;
+    $[6] = previousGoogleFonts;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  let t8;
+  if ($[8] !== customFonts || $[9] !== previousCustomFonts) {
+    t8 = uniqBy([...(previousCustomFonts || []), ...(customFonts || [])], _temp4$1);
+    $[8] = customFonts;
+    $[9] = previousCustomFonts;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  let t9;
+  if ($[11] !== t6 || $[12] !== t7 || $[13] !== t8) {
+    t9 = {
+      systemFonts: t6,
+      googleFonts: t7,
+      customFonts: t8,
+      setGoogleFonts
     };
-  }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/jsx(FontsContext.Provider, {
-    value: fonts,
-    children: children
-  });
+    $[11] = t6;
+    $[12] = t7;
+    $[13] = t8;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  const fonts = t9;
+  let t10;
+  if ($[15] !== children || $[16] !== fonts) {
+    t10 = /*#__PURE__*/jsx(FontsContext.Provider, {
+      value: fonts,
+      children: children
+    });
+    $[15] = children;
+    $[16] = fonts;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  return t10;
+}
+function _temp4$1(font_1) {
+  return isObject(font_1) ? font_1.name : font_1;
+}
+function _temp3$1(font_0) {
+  return isObject(font_0) ? font_0.name : font_0;
+}
+function _temp2$1(font) {
+  return isObject(font) ? font.name : font;
+}
+function _temp$1(it) {
+  return {
+    type: "google",
+    name: it.family,
+    variants: it.variants
+  };
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
-var useGoogleApiClient = function useGoogleApiClient() {
+const GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
+const useGoogleApiClient = () => {
   return 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';
-  };
+const withGoogleApiClient = WrappedComponent => {
+  const getDisplayName = ({
+    displayName = null,
+    name = null
+  }) => displayName || name || 'Component';
   function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/jsx(GoogleApiClientContext.Consumer, {
-      children: function children(client) {
-        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
-          googleApiClient: client
-        }, props));
-      }
-    });
+    const $ = c(2);
+    let t0;
+    if ($[0] !== props) {
+      t0 = /*#__PURE__*/jsx(GoogleApiClientContext.Consumer, {
+        children: client => /*#__PURE__*/jsx(WrappedComponent, {
+          googleApiClient: client,
+          ...props
+        })
+      });
+      $[0] = props;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
   }
-  WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
+  WithGoogleApiClientComponent.displayName = `WithGoogleApiClient(${getDisplayName(WrappedComponent)})`;
   return WithGoogleApiClientComponent;
 };
-function GoogleApiClientProvider(_ref2) {
-  var children = _ref2.children;
-  var _useGoogleKeys = useGoogleKeys(),
-    apiKey = _useGoogleKeys.apiKey;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    client = _useState2[0],
-    setClient = _useState2[1];
-  useEffect(function () {
-    loadGoogleApi().then(function (gapi) {
-      return gapi.client.init({
-        apiKey: apiKey
-      }).then(function () {
-        return gapi;
-      });
-    }).then(function (gapi) {
-      return setClient(gapi);
+function GoogleApiClientProvider(t0) {
+  const $ = c(6);
+  const {
+    children
+  } = t0;
+  const {
+    apiKey
+  } = useGoogleKeys();
+  const [client, setClient] = useState(null);
+  let t1;
+  let t2;
+  if ($[0] !== apiKey) {
+    t1 = () => {
+      loadGoogleApi().then(gapi => gapi.client.init({
+        apiKey
+      }).then(() => gapi)).then(gapi_0 => setClient(gapi_0));
+    };
+    t2 = [apiKey, setClient];
+    $[0] = apiKey;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== children || $[4] !== client) {
+    t3 = /*#__PURE__*/jsx(GoogleApiClientContext.Provider, {
+      value: client,
+      children: children
     });
-  }, [apiKey, setClient]);
-  return /*#__PURE__*/jsx(GoogleApiClientContext.Provider, {
-    value: client,
-    children: children
-  });
+    $[3] = children;
+    $[4] = client;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
-var useGoogleMapsClient = function useGoogleMapsClient() {
+const GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
+const useGoogleMapsClient = () => {
   return 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';
-  };
+const withGoogleMapsClient = WrappedComponent => {
+  const getDisplayName = ({
+    displayName = null,
+    name = null
+  }) => displayName || name || 'Component';
   function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/jsx(GoogleMapsClientContext.Consumer, {
-      children: function children(client) {
-        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
-          googleApiClient: client
-        }, props));
-      }
-    });
+    const $ = c(2);
+    let t0;
+    if ($[0] !== props) {
+      t0 = /*#__PURE__*/jsx(GoogleMapsClientContext.Consumer, {
+        children: client => /*#__PURE__*/jsx(WrappedComponent, {
+          googleApiClient: client,
+          ...props
+        })
+      });
+      $[0] = props;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
   }
-  WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
+  WithGoogleMapsClientComponent.displayName = `WithGoogleMapsClient(${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 = useState(exisitingClient),
-    _useState2 = _slicedToArray(_useState, 2),
-    client = _useState2[0],
-    setClient = _useState2[1];
-  useEffect(function () {
-    if (exisitingClient === null) {
-      loadGoogleMaps({
-        apiKey: apiKey,
-        locale: locale,
-        libraries: libraries
-      }).then(function (newClient) {
-        setClient(newClient);
-      });
-    }
-  }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/jsx(GoogleMapsClientContext.Provider, {
-    value: client,
-    children: children
-  });
+function GoogleMapsClientProvider(t0) {
+  const $ = c(9);
+  const {
+    children,
+    locale: t1,
+    libraries: t2
+  } = t0;
+  const locale = t1 === undefined ? "fr" : t1;
+  const libraries = t2 === undefined ? null : t2;
+  const {
+    apiKey
+  } = useGoogleKeys();
+  const exisitingClient = useGoogleMapsClient();
+  const [client, setClient] = useState(exisitingClient);
+  let t3;
+  let t4;
+  if ($[0] !== apiKey || $[1] !== exisitingClient || $[2] !== libraries || $[3] !== locale) {
+    t3 = () => {
+      if (exisitingClient === null) {
+        loadGoogleMaps({
+          apiKey,
+          locale,
+          libraries
+        }).then(newClient => {
+          setClient(newClient);
+        });
+      }
+    };
+    t4 = [apiKey, locale, libraries, setClient, exisitingClient];
+    $[0] = apiKey;
+    $[1] = exisitingClient;
+    $[2] = libraries;
+    $[3] = locale;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t3 = $[4];
+    t4 = $[5];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[6] !== children || $[7] !== client) {
+    t5 = /*#__PURE__*/jsx(GoogleMapsClientContext.Provider, {
+      value: client,
+      children: children
+    });
+    $[6] = children;
+    $[7] = client;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
 }
 
-var ModalsContext = /*#__PURE__*/React.createContext({
+const ModalsContext = /*#__PURE__*/React.createContext({
   container: null
 });
-var useModals = function useModals() {
+const useModals = () => {
   return useContext(ModalsContext) || {};
 };
-var withModals = function withModals(WrappedComponent) {
+const withModals = WrappedComponent => {
   function WithModalsComponent(props) {
-    return /*#__PURE__*/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__*/jsx(WrappedComponent, _objectSpread({
-          modalsContainer: container,
-          setModalsContainer: setContainer,
-          modals: modals,
-          registerModal: register,
-          unregisterModal: unregister
-        }, props));
-      }
-    });
+    const $ = c(2);
+    let t0;
+    if ($[0] !== props) {
+      t0 = /*#__PURE__*/jsx(ModalsContext.Consumer, {
+        children: t1 => {
+          const {
+            modals,
+            container,
+            setContainer,
+            register,
+            unregister
+          } = t1;
+          return /*#__PURE__*/jsx(WrappedComponent, {
+            modalsContainer: container,
+            setModalsContainer: setContainer,
+            modals: modals,
+            registerModal: register,
+            unregisterModal: unregister,
+            ...props
+          });
+        }
+      });
+      $[0] = props;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
   }
-  WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
+  WithModalsComponent.displayName = `WithModals(${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 = useState(initialContainer),
-    _useState2 = _slicedToArray(_useState, 2),
-    container = _useState2[0],
-    setContainer = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    modals = _useState4[0],
-    setModals = _useState4[1];
-  var modalsRef = useRef(modals);
-  var register = 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 = 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;
-      });
+function ModalsProvider(t0) {
+  const $ = c(9);
+  const {
+    children,
+    container: t1
+  } = t0;
+  const initialContainer = t1 === undefined ? null : t1;
+  const [container, setContainer] = useState(initialContainer);
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const [modals, setModals] = useState(t2);
+  const modalsRef = useRef(modals);
+  let t3;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (id, t4) => {
+      const data = t4 === undefined ? null : t4;
+      const {
+        current: currentModals
+      } = modalsRef;
+      const newModals = [...currentModals, {
+        id,
+        ...data
+      }];
       setModals(newModals);
       modalsRef.current = newModals;
-    }
-  }, [modals, setModals]);
-  var value = useMemo(function () {
-    return {
-      modals: modals,
-      container: container,
-      setContainer: setContainer,
-      register: register,
-      unregister: unregister
     };
-  }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/jsx(ModalsContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const register = t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = id_0 => {
+      const {
+        current: currentModals_0
+      } = modalsRef;
+      const foundIndex = currentModals_0.findIndex(t5 => {
+        const {
+          id: modalId
+        } = t5;
+        return modalId === id_0;
+      });
+      if (foundIndex !== -1) {
+        const newModals_0 = currentModals_0.filter(t6 => {
+          const {
+            id: modalId_0
+          } = t6;
+          return modalId_0 !== id_0;
+        });
+        setModals(newModals_0);
+        modalsRef.current = newModals_0;
+      }
+    };
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const unregister = t4;
+  let t5;
+  if ($[3] !== container || $[4] !== modals) {
+    t5 = {
+      modals,
+      container,
+      setContainer,
+      register,
+      unregister
+    };
+    $[3] = container;
+    $[4] = modals;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const value = t5;
+  let t6;
+  if ($[6] !== children || $[7] !== value) {
+    t6 = /*#__PURE__*/jsx(ModalsContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[6] = children;
+    $[7] = value;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  return t6;
 }
 
-var PanelsContext = /*#__PURE__*/React.createContext({
+const PanelsContext = /*#__PURE__*/React.createContext({
   container: null
 });
-var usePanels = function usePanels() {
+const usePanels = () => {
   return useContext(PanelsContext) || {};
 };
-var withPanels = function withPanels(WrappedComponent) {
+const withPanels = WrappedComponent => {
   function WithPanelsComponent(props) {
-    return /*#__PURE__*/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__*/jsx(WrappedComponent, _objectSpread({
-          panelsContainer: container,
-          setPanelsContainer: setContainer,
-          panels: panels,
-          registerPanel: register,
-          unregisterPanel: unregister
-        }, props));
-      }
-    });
+    const $ = c(2);
+    let t0;
+    if ($[0] !== props) {
+      t0 = /*#__PURE__*/jsx(PanelsContext.Consumer, {
+        children: t1 => {
+          const {
+            panels,
+            setContainer,
+            container,
+            register,
+            unregister
+          } = t1;
+          return /*#__PURE__*/jsx(WrappedComponent, {
+            panelsContainer: container,
+            setPanelsContainer: setContainer,
+            panels: panels,
+            registerPanel: register,
+            unregisterPanel: unregister,
+            ...props
+          });
+        }
+      });
+      $[0] = props;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
   }
-  WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
+  WithPanelsComponent.displayName = `WithPanels(${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 = useState(initialContainer),
-    _useState2 = _slicedToArray(_useState, 2),
-    container = _useState2[0],
-    setContainer = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    panels = _useState4[0],
-    setPanels = _useState4[1];
-  var panelsRef = useRef(panels);
-  var register = 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 = 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;
-      });
+function PanelsProvider(t0) {
+  const $ = c(9);
+  const {
+    children,
+    container: t1
+  } = t0;
+  const initialContainer = t1 === undefined ? null : t1;
+  const [container, setContainer] = useState(initialContainer);
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const [panels, setPanels] = useState(t2);
+  const panelsRef = useRef(panels);
+  let t3;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (id, t4) => {
+      const data = t4 === undefined ? null : t4;
+      const {
+        current: currentPanels
+      } = panelsRef;
+      const newPanels = [...currentPanels, {
+        id,
+        ...data
+      }];
       setPanels(newPanels);
       panelsRef.current = newPanels;
-    }
-  }, [panels, setPanels]);
-  var value = useMemo(function () {
-    return {
-      panels: panels,
-      setContainer: setContainer,
-      container: container,
-      register: register,
-      unregister: unregister
     };
-  }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/jsx(PanelsContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const register = t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = id_0 => {
+      const {
+        current: currentPanels_0
+      } = panelsRef;
+      const foundIndex = currentPanels_0.findIndex(t5 => {
+        const {
+          id: modalId
+        } = t5;
+        return modalId === id_0;
+      });
+      if (foundIndex !== -1) {
+        const newPanels_0 = currentPanels_0.filter(t6 => {
+          const {
+            id: modalId_0
+          } = t6;
+          return modalId_0 !== id_0;
+        });
+        setPanels(newPanels_0);
+        panelsRef.current = newPanels_0;
+      }
+    };
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const unregister = t4;
+  let t5;
+  if ($[3] !== container || $[4] !== panels) {
+    t5 = {
+      panels,
+      setContainer,
+      container,
+      register,
+      unregister
+    };
+    $[3] = container;
+    $[4] = panels;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const value = t5;
+  let t6;
+  if ($[6] !== children || $[7] !== value) {
+    t6 = /*#__PURE__*/jsx(PanelsContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[6] = children;
+    $[7] = value;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  return t6;
 }
 
-function mediaElementIsPlaying(media) {
-  return media !== null && !!(media.currentTime > 0 && !media.paused && !media.ended && media.readyState > 2);
-}
-var defaultControlsThemeValue = {
+const defaultControlsThemeValue = {
   seekBarOnly: false,
   color: null,
   progressColor: null
 };
-var PlaybackContext = /*#__PURE__*/createContext({
+const PlaybackContext = /*#__PURE__*/createContext({
   playing: false,
   completed: false,
   muted: true,
@@ -1024,359 +1566,578 @@ var PlaybackContext = /*#__PURE__*/createContext({
   hasAudio: false,
   isBackground: false,
   media: null,
+  mediaSrc: 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) {}
+  setMuted: () => {},
+  setPlaying: () => {},
+  setControls: () => {},
+  setControlsVisible: () => {},
+  setControlsTheme: () => {},
+  showControls: () => {},
+  hideControls: () => {},
+  setMedia: () => {},
+  setCurrentQualityLevel: () => {},
+  setIsBackground: () => {},
+  seekByProgress: () => {},
+  seek: () => {}
 });
-var usePlaybackContext = function usePlaybackContext() {
-  return 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 = 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.
-  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();
+const usePlaybackContext = () => use(PlaybackContext);
+const usePlaybackMediaRef = (t0, t1, t2) => {
+  const $ = c(26);
+  const active = t0 === undefined ? false : t0;
+  const background = t1 === undefined ? false : t1;
+  const updateKey = t2 === undefined ? null : t2;
+  const {
+    setMedia,
+    setIsBackground,
+    media,
+    isBackground
+  } = usePlaybackContext();
+  const mediaRef = useRef(null);
+  let t3;
+  if ($[0] !== active || $[1] !== setIsBackground || $[2] !== setMedia) {
+    t3 = () => {
+      const {
+        current: t4
+      } = mediaRef;
+      const currentMedia = t4 === undefined ? null : t4;
+      return () => {
+        if (active) {
+          const shouldPause = currentMedia !== null && getMediaIsPlaying(currentMedia);
+          setMedia(null);
+          setIsBackground(false);
+          if (shouldPause) {
+            currentMedia.pause();
+          }
         }
+      };
+    };
+    $[0] = active;
+    $[1] = setIsBackground;
+    $[2] = setMedia;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== active || $[5] !== setIsBackground || $[6] !== setMedia || $[7] !== updateKey) {
+    t4 = [active, setMedia, setIsBackground, updateKey];
+    $[4] = active;
+    $[5] = setIsBackground;
+    $[6] = setMedia;
+    $[7] = updateKey;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[9] !== active || $[10] !== background || $[11] !== isBackground || $[12] !== media || $[13] !== setIsBackground || $[14] !== setMedia) {
+    t5 = () => {
+      if (!active || mediaRef.current === media && background === isBackground) {
+        return;
       }
+      setIsBackground(background);
+      setMedia(mediaRef.current);
     };
-  }, [active, setMedia, setIsBackground, updateKey]);
-
-  // Play early in the process
-  var currentMedia = mediaRef.current;
-  var forcePlayingRef = useRef(false);
-  var shouldForcePlaying = active && currentMedia !== null && playing && !forcePlayingRef.current && !mediaElementIsPlaying(currentMedia);
-  if (shouldForcePlaying) {
-    forcePlayingRef.current = true;
-    currentMedia.play();
+    $[9] = active;
+    $[10] = background;
+    $[11] = isBackground;
+    $[12] = media;
+    $[13] = setIsBackground;
+    $[14] = setMedia;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
   }
-
-  // Register media with context when active and no media is registered
-  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: mediaRef.current === media
-  };
+  let t6;
+  if ($[16] !== active || $[17] !== background || $[18] !== isBackground || $[19] !== media || $[20] !== setIsBackground || $[21] !== setMedia || $[22] !== updateKey) {
+    t6 = [active, background, media, updateKey, setMedia, setIsBackground, isBackground];
+    $[16] = active;
+    $[17] = background;
+    $[18] = isBackground;
+    $[19] = media;
+    $[20] = setIsBackground;
+    $[21] = setMedia;
+    $[22] = updateKey;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[24] !== active) {
+    t7 = {
+      ref: mediaRef,
+      isCurrent: active
+    };
+    $[24] = active;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  return t7;
 };
-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 = useState(initialMuted),
-    _useState2 = _slicedToArray(_useState, 2),
-    muted = _useState2[0],
-    setMuted = _useState2[1];
-  var _useState3 = useState(initialPlaying),
-    _useState4 = _slicedToArray(_useState3, 2),
-    playing = _useState4[0],
-    setPlaying = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    media = _useState6[0],
-    setMedia = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isBackground = _useState8[0],
-    setIsBackground = _useState8[1];
-  var _useState9 = useState(initialControls),
-    _useState0 = _slicedToArray(_useState9, 2),
-    controls = _useState0[0],
-    setControls = _useState0[1];
-  var _useState1 = useState(initialControlsSuggestPlay),
-    _useState10 = _slicedToArray(_useState1, 2),
-    controlsSuggestPlay = _useState10[0],
-    setControlsSuggestPlay = _useState10[1];
-  var _useState11 = useState(initialControlsVisible),
-    _useState12 = _slicedToArray(_useState11, 2),
-    controlsVisible = _useState12[0],
-    setControlsVisible = _useState12[1];
-  var _useState13 = useState(initialControlsTheme),
-    _useState14 = _slicedToArray(_useState13, 2),
-    controlsTheme = _useState14[0],
-    setControlsTheme = _useState14[1];
-  var _useState15 = useState(initialCurrentQualityLevel),
-    _useState16 = _slicedToArray(_useState15, 2),
-    currentQualityLevel = _useState16[0],
-    setCurrentQualityLevel = _useState16[1];
-  var finalSetControls = useCallback(function (newControls) {
-    if (newControls) {
-      setControls(true);
+function seekMedia(media, time) {
+  if (media !== null) {
+    media.currentTime = time;
+  }
+}
+const debug = createDebug('micromag:media:playback-provider');
+function PlaybackProvider(t0) {
+  const $ = c(34);
+  const {
+    muted: t1,
+    playing: t2,
+    paused: t3,
+    controls: t4,
+    controlsSuggestPlay: t5,
+    controlsVisible: t6,
+    controlsTheme: t7,
+    currentQualityLevel: t8,
+    children
+  } = t0;
+  const initialMuted = t1 === undefined ? true : t1;
+  const initialPlaying = t2 === undefined ? false : t2;
+  const paused = t3 === undefined ? false : t3;
+  const initialControls = t4 === undefined ? false : t4;
+  const initialControlsSuggestPlay = t5 === undefined ? false : t5;
+  const initialControlsVisible = t6 === undefined ? false : t6;
+  const initialControlsTheme = t7 === undefined ? defaultControlsThemeValue : t7;
+  const initialCurrentQualityLevel = t8 === undefined ? null : t8;
+  const [muted, setMuted] = useState(initialMuted);
+  const [playing, setPlaying] = useState(initialPlaying);
+  const [media, setMedia] = useState(null);
+  const [mediaSrc, setMediaSrc] = useState(null);
+  const [hasAudio, setHasAudio] = useState(null);
+  const [isBackground, setIsBackground] = useState(false);
+  const [controls, setControls] = useState(initialControls);
+  const [controlsSuggestPlay, setControlsSuggestPlay] = useState(initialControlsSuggestPlay);
+  const [controlsVisible, setControlsVisible] = useState(initialControlsVisible);
+  const [controlsTheme, setControlsTheme] = useState(initialControlsTheme);
+  const [currentQualityLevel, setCurrentQualityLevel] = useState(initialCurrentQualityLevel);
+  let t9;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = newControls => {
+      debug("Set controls: %s", newControls);
+      if (newControls) {
+        setControls(true);
+        setControlsVisible(true);
+        setControlsSuggestPlay(false);
+      } else {
+        setControls(false);
+        setControlsVisible(false);
+        setControlsSuggestPlay(false);
+      }
+    };
+    $[0] = t9;
+  } else {
+    t9 = $[0];
+  }
+  const finalSetControls = t9;
+  let t10;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = newTheme => {
+      debug("Set controls theme: %o", newTheme);
+      setControlsTheme({
+        ...defaultControlsThemeValue,
+        ...newTheme
+      });
+    };
+    $[1] = t10;
+  } else {
+    t10 = $[1];
+  }
+  const finalSetControlsTheme = t10;
+  let t11;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = newMedia => {
+      const newSrc = getMediaSrc(newMedia);
+      const newHasAudio = getMediaHasAudio(newMedia);
+      if (newMedia !== null) {
+        debug("Set current media: %s %o", getMediaFilename(newSrc), {
+          hasAudio: newHasAudio
+        });
+      } else {
+        debug("Unset current media");
+      }
+      setMedia(newMedia);
+      setCurrentQualityLevel(null);
+      setMediaSrc(newSrc);
+      setHasAudio(newHasAudio);
+    };
+    $[2] = t11;
+  } else {
+    t11 = $[2];
+  }
+  const finalSetMedia = t11;
+  let t12;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = value => {
+      if (value) {
+        setControlsSuggestPlay(false);
+      }
+      setPlaying(value);
+      debug("Set playing: %s", value);
+    };
+    $[3] = t12;
+  } else {
+    t12 = $[3];
+  }
+  const finalSetPlaying = t12;
+  const [completed, setCompleted] = useState(false);
+  let t13;
+  let t14;
+  if ($[4] !== media) {
+    t13 = () => {
+      const onMediaCompleted = () => setCompleted(true);
+      if (media !== null) {
+        media.addEventListener("ended", onMediaCompleted);
+      }
+      return () => {
+        if (media !== null) {
+          media.removeEventListener("ended", onMediaCompleted);
+        }
+        setCompleted(false);
+      };
+    };
+    t14 = [media, setCompleted];
+    $[4] = media;
+    $[5] = t13;
+    $[6] = t14;
+  } else {
+    t13 = $[5];
+    t14 = $[6];
+  }
+  useEffect(t13, t14);
+  let t15;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = () => {
       setControlsVisible(true);
-      setControlsSuggestPlay(false);
-    } else {
-      setControls(false);
+      debug("Show controls");
+    };
+    $[7] = t15;
+  } else {
+    t15 = $[7];
+  }
+  const showControls = t15;
+  let t16;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = () => {
       setControlsVisible(false);
-      setControlsSuggestPlay(false);
-    }
-  }, [setControls, setControlsVisible, setControlsSuggestPlay]);
-  var finalSetControlsTheme = useCallback(function (newTheme) {
-    setControlsTheme(_objectSpread(_objectSpread({}, defaultControlsThemeValue), newTheme));
-  }, [setControlsTheme]);
-  var finalSetPlaying = useCallback(function (value) {
-    if (value) {
-      setControlsSuggestPlay(false);
-    }
-    setPlaying(value);
-  }, [setPlaying, setControlsSuggestPlay]);
-
-  // Reset on media change
-  useEffect(function () {
-    setControlsSuggestPlay(false);
-  }, [media, setControlsSuggestPlay]);
-
-  // Handle media ended
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    completed = _useState18[0],
-    setCompleted = _useState18[1];
-  var onMediaCompleted = useCallback(function () {
-    return setCompleted(true);
-  }, [setCompleted]);
-  useEffect(function () {
-    if (media !== null) {
-      media.addEventListener('ended', onMediaCompleted);
-    }
-    return function () {
+      debug("Hide controls");
+    };
+    $[8] = t16;
+  } else {
+    t16 = $[8];
+  }
+  const hideControls = t16;
+  let t17;
+  if ($[9] !== media) {
+    t17 = progress => {
+      const duration = getMediaDuration(media);
+      if (media !== null && duration > 0) {
+        seekMedia(media, progress * duration);
+      }
+    };
+    $[9] = media;
+    $[10] = t17;
+  } else {
+    t17 = $[10];
+  }
+  const seekByProgress = t17;
+  let t18;
+  if ($[11] !== media) {
+    t18 = time => {
       if (media !== null) {
-        media.removeEventListener('ended', onMediaCompleted);
+        seekMedia(media, time);
       }
-      setCompleted(false);
     };
-  }, [media, onMediaCompleted, setCompleted]);
-  var showControls = useCallback(function () {
-    return setControlsVisible(true);
-  }, [setControlsVisible]);
-  var hideControls = useCallback(function () {
-    setControlsVisible(false);
-  }, [setControlsVisible]);
-  var hasAudio = 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 = 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 = 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,
+    $[11] = media;
+    $[12] = t18;
+  } else {
+    t18 = $[12];
+  }
+  const seek = t18;
+  let t19;
+  if ($[13] !== media) {
+    t19 = (level, t20) => {
+      const fromRef = t20 === undefined ? null : t20;
+      if (fromRef === null || media === null || fromRef === media) {
+        setCurrentQualityLevel(level);
+      }
+    };
+    $[13] = media;
+    $[14] = t19;
+  } else {
+    t19 = $[14];
+  }
+  const finalSetCurrentQualityLevel = t19;
+  const t20 = playing && !paused;
+  let t21;
+  if ($[15] !== completed || $[16] !== controls || $[17] !== controlsSuggestPlay || $[18] !== controlsTheme || $[19] !== controlsVisible || $[20] !== currentQualityLevel || $[21] !== finalSetCurrentQualityLevel || $[22] !== hasAudio || $[23] !== isBackground || $[24] !== media || $[25] !== mediaSrc || $[26] !== muted || $[27] !== seek || $[28] !== seekByProgress || $[29] !== t20) {
+    t21 = {
+      muted,
+      playing: t20,
+      completed,
+      controls,
+      controlsSuggestPlay,
+      controlsVisible,
+      media,
+      mediaSrc,
+      hasAudio,
+      controlsTheme,
+      currentQualityLevel,
+      setMuted,
+      setIsBackground,
+      seekByProgress,
+      seek,
+      isBackground,
       setPlaying: finalSetPlaying,
       setControls: finalSetControls,
-      setControlsSuggestPlay: setControlsSuggestPlay,
-      setControlsVisible: setControlsVisible,
+      setControlsSuggestPlay,
+      setControlsVisible,
       setControlsTheme: finalSetControlsTheme,
-      showControls: showControls,
-      hideControls: hideControls,
-      setMedia: setMedia,
+      showControls,
+      hideControls,
+      setMedia: finalSetMedia,
       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__*/jsx(PlaybackContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[15] = completed;
+    $[16] = controls;
+    $[17] = controlsSuggestPlay;
+    $[18] = controlsTheme;
+    $[19] = controlsVisible;
+    $[20] = currentQualityLevel;
+    $[21] = finalSetCurrentQualityLevel;
+    $[22] = hasAudio;
+    $[23] = isBackground;
+    $[24] = media;
+    $[25] = mediaSrc;
+    $[26] = muted;
+    $[27] = seek;
+    $[28] = seekByProgress;
+    $[29] = t20;
+    $[30] = t21;
+  } else {
+    t21 = $[30];
+  }
+  const value_0 = t21;
+  let t22;
+  if ($[31] !== children || $[32] !== value_0) {
+    t22 = /*#__PURE__*/jsx(PlaybackContext, {
+      value: value_0,
+      children: children
+    });
+    $[31] = children;
+    $[32] = value_0;
+    $[33] = t22;
+  } else {
+    t22 = $[33];
+  }
+  return t22;
 }
 
-var useRoutePush = function useRoutePush() {
-  var url = useUrlGenerator();
-  var _useLocation = useLocation(),
-    _useLocation2 = _slicedToArray(_useLocation, 2),
-    navigate = _useLocation2[1];
-  var push = 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]);
+const useRoutePush = () => {
+  const $ = c(3);
+  const url = useUrlGenerator();
+  const [, navigate] = useLocation();
+  let t0;
+  if ($[0] !== navigate || $[1] !== url) {
+    t0 = (route, data, ...t1) => {
+      const args = t1;
+      if (isString(route)) {
+        navigate(url(route, data), ...args);
+      } else {
+        const {
+          pathname: t2,
+          search: t3
+        } = route || {};
+        const pathname = t2 === undefined ? null : t2;
+        const search = t3 === undefined ? null : t3;
+        navigate(`${url(pathname, data)}${search !== null ? `?${search}` : ""}`, ...args);
+      }
+    };
+    $[0] = navigate;
+    $[1] = url;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const push = t0;
   return push;
 };
-var useRouteBack = function useRouteBack() {
-  var url = useUrlGenerator();
-  var _useLocation3 = useLocation(),
-    _useLocation4 = _slicedToArray(_useLocation3, 2),
-    navigate = _useLocation4[1];
-  var back = useCallback(function () {
-    return navigate(-1);
-  }, [navigate, url]);
+const useRouteBack = () => {
+  const $ = c(2);
+  useUrlGenerator();
+  const [, navigate] = useLocation();
+  let t0;
+  if ($[0] !== navigate) {
+    t0 = () => navigate(-1);
+    $[0] = navigate;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const back = t0;
   return back;
 };
 
-var ScreenContext = /*#__PURE__*/React.createContext({
+const ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
   definition: null,
   renderContext: null
 });
-var useScreen = function useScreen() {
+const useScreen = () => {
   return useContext(ScreenContext);
 };
-var useScreenDefinition = function useScreenDefinition() {
-  var intl = 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 = useMemo(function () {
-    return fields !== null ? [].concat(_toConsumableArray(fields), [getScreenExtraField(intl)]) : null;
-  }, [fields]);
-  return _objectSpread(_objectSpread({}, definition), {}, {
+const useScreenDefinition = () => {
+  const intl = useIntl();
+  const {
+    definition = null
+  } = useScreen() || {};
+  const {
+    fields = null
+  } = definition || {};
+  const finalFields = useMemo(() => fields !== null ? [...fields, getScreenExtraField(intl)] : null, [fields]);
+  return {
+    ...definition,
     fields: finalFields
-  });
+  };
 };
-var useScreenData = function useScreenData() {
-  var _ref3 = useScreen() || {},
-    data = _ref3.data;
+const useScreenData = () => {
+  const {
+    data
+  } = useScreen() || {};
   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
-  };
+const useScreenRenderContext = () => {
+  const $ = c(8);
+  const {
+    renderContext: t0
+  } = useScreen() || {};
+  const renderContext = t0 === undefined ? "view" : t0;
+  const isPlaceholder = renderContext === "placeholder";
+  const isPreview = renderContext === "preview";
+  const isEdit = renderContext === "edit";
+  const isView = renderContext === "view";
+  const isStatic = renderContext === "static";
+  const isCapture = renderContext === "capture";
+  const t1 = isView || isStatic || isCapture;
+  let t2;
+  if ($[0] !== isCapture || $[1] !== isEdit || $[2] !== isPlaceholder || $[3] !== isPreview || $[4] !== isStatic || $[5] !== renderContext || $[6] !== t1) {
+    t2 = {
+      renderContext,
+      isPlaceholder,
+      isPreview,
+      isEdit,
+      isView: t1,
+      isStatic,
+      isCapture
+    };
+    $[0] = isCapture;
+    $[1] = isEdit;
+    $[2] = isPlaceholder;
+    $[3] = isPreview;
+    $[4] = isStatic;
+    $[5] = renderContext;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 };
-var useScreenState = function useScreenState() {
-  var _ref5 = useScreen() || {},
-    screenState = _ref5.screenState;
+const useScreenState = () => {
+  const {
+    screenState
+  } = useScreen() || {};
   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 = useMemo(function () {
-    return {
+function ScreenProvider(t0) {
+  const $ = c(13);
+  const {
+    data: t1,
+    definition: t2,
+    renderContext: t3,
+    screenState: t4,
+    children
+  } = t0;
+  const data = t1 === undefined ? null : t1;
+  const definition = t2 === undefined ? null : t2;
+  const renderContext = t3 === undefined ? null : t3;
+  const screenState = t4 === undefined ? null : t4;
+  const {
+    data: t5,
+    definition: t6,
+    renderContext: t7,
+    screenState: t8
+  } = useScreen() || {};
+  const previousData = t5 === undefined ? null : t5;
+  const previousDefinition = t6 === undefined ? null : t6;
+  const previousContext = t7 === undefined ? null : t7;
+  const previousScreenState = t8 === undefined ? null : t8;
+  const finalData = data || previousData || null;
+  let t9;
+  if ($[0] !== finalData) {
+    t9 = finalData || {};
+    $[0] = finalData;
+    $[1] = t9;
+  } else {
+    t9 = $[1];
+  }
+  const {
+    type: t10
+  } = t9;
+  const type = t10 === undefined ? null : t10;
+  const screensManager = useScreensManager();
+  let t11;
+  if ($[2] !== screensManager || $[3] !== type) {
+    t11 = screensManager !== null ? screensManager.getDefinition(type) : null;
+    $[2] = screensManager;
+    $[3] = type;
+    $[4] = t11;
+  } else {
+    t11 = $[4];
+  }
+  const contextDefinition = t11;
+  const finalDefinition = definition || contextDefinition || previousDefinition;
+  const finalRenderContext = renderContext || previousContext || "view";
+  const finalScreenState = screenState || previousScreenState || null;
+  let t12;
+  if ($[5] !== finalData || $[6] !== finalDefinition || $[7] !== finalRenderContext || $[8] !== finalScreenState) {
+    t12 = {
       data: finalData,
       definition: finalDefinition,
       renderContext: finalRenderContext,
       screenState: finalScreenState
     };
-  }, [finalData, finalDefinition, finalRenderContext, finalScreenState]);
-  return /*#__PURE__*/jsx(ScreenContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[5] = finalData;
+    $[6] = finalDefinition;
+    $[7] = finalRenderContext;
+    $[8] = finalScreenState;
+    $[9] = t12;
+  } else {
+    t12 = $[9];
+  }
+  const value = t12;
+  let t13;
+  if ($[10] !== children || $[11] !== value) {
+    t13 = /*#__PURE__*/jsx(ScreenContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[10] = children;
+    $[11] = value;
+    $[12] = t13;
+  } else {
+    t13 = $[12];
+  }
+  return t13;
 }
 
-/* eslint-disable react/jsx-props-no-spreading */
-var ScreenSizeContext = /*#__PURE__*/React.createContext({
+const ScreenSizeContext = /*#__PURE__*/React.createContext({
   screen: null,
   screens: [],
   width: 0,
@@ -1384,54 +2145,77 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
   resolution: 1,
   landscape: false
 });
-var useScreenSize = function useScreenSize() {
+const useScreenSize = () => {
   return 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 = useMemo(function () {
-    return size;
-  }, [nextScreen, nextWidth, nextHeight, nextResolution]);
-  return /*#__PURE__*/jsx(ScreenSizeContext.Provider, {
-    value: currentSize,
-    children: children
-  });
+function ScreenSizeProvider(t0) {
+  const $ = c(5);
+  const {
+    size: t1,
+    children
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const size = t2;
+  const {
+    screen: nextScreen,
+    width: nextWidth,
+    height: nextHeight,
+    resolution: nextResolution
+  } = size;
+  const currentSize = size;
+  let t3;
+  if ($[2] !== children || $[3] !== currentSize) {
+    t3 = /*#__PURE__*/jsx(ScreenSizeContext.Provider, {
+      value: currentSize,
+      children: children
+    });
+    $[2] = children;
+    $[3] = currentSize;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 }
 
-var useTracking = function useTracking() {
+/* eslint-disable react/jsx-props-no-spreading */
+const useTracking = () => {
   return useContext(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 = useRef(null);
-  var tracking = useMemo(function () {
+function TrackingProvider(options = null) {
+  const {
+    variables = null,
+    disabled = false,
+    paused = false,
+    children = null
+  } = options || {};
+  const contextTracking = useTracking() || null;
+  const refTracking = useRef(null);
+  const tracking = useMemo(() => {
     if (refTracking.current === null) {
       refTracking.current = new Tracking({
-        variables: _objectSpread(_objectSpread({}, contextTracking !== null ? contextTracking.getVariables() : null), variables),
-        disabled: disabled,
-        paused: paused
+        variables: {
+          ...(contextTracking !== null ? contextTracking.getVariables() : null),
+          ...variables
+        },
+        disabled,
+        paused
       });
     } else {
-      refTracking.current.setVariables(_objectSpread(_objectSpread({}, refTracking.current.getVariables()), variables));
+      refTracking.current.setVariables({
+        ...refTracking.current.getVariables(),
+        ...variables
+      });
       refTracking.current.setDisabled(disabled);
       refTracking.current.setPaused(paused);
     }
@@ -1443,193 +2227,352 @@ function TrackingProvider() {
   });
 }
 
-var defaultValue = {
+const defaultValue = {
   events: new EventEmitter(),
   menuVisible: false,
   menuOverScreen: false,
+  activityDetected: false,
+  width: null,
+  height: null,
   topHeight: 0,
   bottomHeight: 0,
   bottomSidesWidth: 0,
-  gotoNextScreen: function gotoNextScreen() {},
-  gotoPreviousScreen: function gotoPreviousScreen() {},
-  disableInteraction: function disableInteraction() {},
-  enableInteraction: function enableInteraction() {}
+  gotoNextScreen: () => {},
+  gotoPreviousScreen: () => {},
+  disableInteraction: () => {},
+  enableInteraction: () => {}
 };
-var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
+const ViewerContext = /*#__PURE__*/createContext({
+  ...defaultValue,
   webView: null,
-  setWebView: function setWebView() {}
-}));
-var useViewerContext = function useViewerContext() {
-  return useContext(ViewerContext);
-};
-var useViewerSize = function useViewerSize() {
-  var _useViewerContext = useViewerContext(),
-    width = _useViewerContext.width,
-    height = _useViewerContext.height;
-  return {
-    width: width,
-    height: height
-  };
+  setWebView: () => {}
+});
+const useViewerContext = () => use(ViewerContext);
+const useViewerSize = () => {
+  const $ = c(3);
+  const {
+    width,
+    height
+  } = useViewerContext();
+  let t0;
+  if ($[0] !== height || $[1] !== width) {
+    t0 = {
+      width,
+      height
+    };
+    $[0] = height;
+    $[1] = width;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
-var useViewerNavigation = function useViewerNavigation() {
-  var _useViewerContext2 = useViewerContext(),
-    gotoNextScreen = _useViewerContext2.gotoNextScreen,
-    gotoPreviousScreen = _useViewerContext2.gotoPreviousScreen;
-  return {
-    gotoNextScreen: gotoNextScreen,
-    gotoPreviousScreen: gotoPreviousScreen
-  };
+const useViewerNavigation = () => {
+  const $ = c(3);
+  const {
+    gotoNextScreen,
+    gotoPreviousScreen
+  } = useViewerContext();
+  let t0;
+  if ($[0] !== gotoNextScreen || $[1] !== gotoPreviousScreen) {
+    t0 = {
+      gotoNextScreen,
+      gotoPreviousScreen
+    };
+    $[0] = gotoNextScreen;
+    $[1] = gotoPreviousScreen;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
-var useViewerEvents = function useViewerEvents() {
-  var _useViewerContext3 = useViewerContext(),
-    events = _useViewerContext3.events;
+const useViewerEvents = () => {
+  const {
+    events
+  } = useViewerContext();
   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;
+const useViewerActivityDetected = () => {
+  const {
+    activityDetected: t0
+  } = useViewerContext();
+  const activityDetected = t0 === undefined ? false : t0;
+  return activityDetected;
 };
-var useViewerInteraction = function useViewerInteraction() {
-  var _useViewerContext5 = useViewerContext(),
-    disableInteraction = _useViewerContext5.disableInteraction,
-    enableInteraction = _useViewerContext5.enableInteraction;
-  return {
-    disableInteraction: disableInteraction,
-    enableInteraction: enableInteraction
-  };
+const useViewerInteraction = () => {
+  const $ = c(3);
+  const {
+    disableInteraction,
+    enableInteraction
+  } = useViewerContext();
+  let t0;
+  if ($[0] !== disableInteraction || $[1] !== enableInteraction) {
+    t0 = {
+      disableInteraction,
+      enableInteraction
+    };
+    $[0] = disableInteraction;
+    $[1] = enableInteraction;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
-var useViewerWebView = function useViewerWebView() {
-  var _useViewerContext6 = useViewerContext(),
-    webView = _useViewerContext6.webView,
-    setWebView = _useViewerContext6.setWebView;
-  var value = 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));
-      }
+const useViewerWebView = () => {
+  const $ = c(12);
+  const {
+    webView,
+    setWebView
+  } = useViewerContext();
+  const t0 = webView !== null;
+  let t1;
+  let t2;
+  if ($[0] !== setWebView) {
+    t1 = newWebView => setWebView(isString(newWebView) ? {
+      url: newWebView
+    } : newWebView);
+    t2 = () => setWebView(null);
+    $[0] = setWebView;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== setWebView || $[4] !== webView) {
+    t3 = newWebView_0 => setWebView({
+      ...webView,
+      ...newWebView_0
     });
-  }, [webView, setWebView]);
+    $[3] = setWebView;
+    $[4] = webView;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t0 || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== webView) {
+    t4 = {
+      ...webView,
+      opened: t0,
+      open: t1,
+      close: t2,
+      update: t3
+    };
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = webView;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const value = t4;
   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 = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    webView = _useState2[0],
-    setWebView = _useState2[1];
-  var value = 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
+function ViewerProvider(t0) {
+  const $ = c(18);
+  const {
+    children,
+    events,
+    menuVisible: t1,
+    menuOverScreen: t2,
+    activityDetected: t3,
+    width,
+    height,
+    topHeight: t4,
+    bottomHeight: t5,
+    bottomSidesWidth: t6,
+    gotoNextScreen: t7,
+    gotoPreviousScreen: t8,
+    disableInteraction: t9,
+    enableInteraction: t10
+  } = t0;
+  const menuVisible = t1 === undefined ? false : t1;
+  const menuOverScreen = t2 === undefined ? false : t2;
+  const activityDetected = t3 === undefined ? false : t3;
+  const topHeight = t4 === undefined ? 0 : t4;
+  const bottomHeight = t5 === undefined ? 0 : t5;
+  const bottomSidesWidth = t6 === undefined ? 0 : t6;
+  const gotoNextScreen = t7 === undefined ? _temp : t7;
+  const gotoPreviousScreen = t8 === undefined ? _temp2 : t8;
+  const disableInteraction = t9 === undefined ? _temp3 : t9;
+  const enableInteraction = t10 === undefined ? _temp4 : t10;
+  const [webView, setWebView] = useState(null);
+  let t11;
+  if ($[0] !== activityDetected || $[1] !== bottomHeight || $[2] !== bottomSidesWidth || $[3] !== disableInteraction || $[4] !== enableInteraction || $[5] !== events || $[6] !== gotoNextScreen || $[7] !== gotoPreviousScreen || $[8] !== height || $[9] !== menuOverScreen || $[10] !== menuVisible || $[11] !== topHeight || $[12] !== webView || $[13] !== width) {
+    t11 = {
+      events,
+      menuVisible,
+      menuOverScreen,
+      activityDetected,
+      width,
+      height,
+      topHeight,
+      bottomHeight,
+      bottomSidesWidth,
+      gotoNextScreen,
+      gotoPreviousScreen,
+      disableInteraction,
+      enableInteraction,
+      webView,
+      setWebView
     };
-  }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
-  return /*#__PURE__*/jsx(ViewerContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[0] = activityDetected;
+    $[1] = bottomHeight;
+    $[2] = bottomSidesWidth;
+    $[3] = disableInteraction;
+    $[4] = enableInteraction;
+    $[5] = events;
+    $[6] = gotoNextScreen;
+    $[7] = gotoPreviousScreen;
+    $[8] = height;
+    $[9] = menuOverScreen;
+    $[10] = menuVisible;
+    $[11] = topHeight;
+    $[12] = webView;
+    $[13] = width;
+    $[14] = t11;
+  } else {
+    t11 = $[14];
+  }
+  const value = t11;
+  let t12;
+  if ($[15] !== children || $[16] !== value) {
+    t12 = /*#__PURE__*/jsx(ViewerContext, {
+      value: value,
+      children: children
+    });
+    $[15] = children;
+    $[16] = value;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  return t12;
 }
+function _temp4() {}
+function _temp3() {}
+function _temp2() {}
+function _temp() {}
 
-var VisitorContext = /*#__PURE__*/createContext({
+const VisitorContext = /*#__PURE__*/createContext({
   visitor: null,
-  setVisitor: function setVisitor() {}
+  setVisitor: () => {}
 });
 function useVisitorContext() {
-  var _useContext = useContext(VisitorContext),
-    visitor = _useContext.visitor,
-    setVisitor = _useContext.setVisitor;
-  return {
-    visitor: visitor,
-    setVisitor: setVisitor
-  };
+  const $ = c(3);
+  const {
+    visitor,
+    setVisitor
+  } = useContext(VisitorContext);
+  let t0;
+  if ($[0] !== setVisitor || $[1] !== visitor) {
+    t0 = {
+      visitor,
+      setVisitor
+    };
+    $[0] = setVisitor;
+    $[1] = visitor;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 }
 function useVisitor() {
-  var _useContext2 = useContext(VisitorContext),
-    visitor = _useContext2.visitor;
+  const {
+    visitor
+  } = useContext(VisitorContext);
   return visitor;
 }
 function useSetVisitor() {
-  var _useContext3 = useContext(VisitorContext),
-    setVisitor = _useContext3.setVisitor;
+  const {
+    setVisitor
+  } = useContext(VisitorContext);
   return setVisitor;
 }
-function VisitorProvider(_ref) {
-  var _ref$visitor = _ref.visitor,
-    providedVisitor = _ref$visitor === void 0 ? null : _ref$visitor,
-    children = _ref.children;
-  var _useState = useState(isString(providedVisitor) ? {
+function VisitorProvider(t0) {
+  const $ = c(13);
+  const {
+    visitor: t1,
+    children
+  } = t0;
+  const providedVisitor = t1 === undefined ? null : t1;
+  let t2;
+  if ($[0] !== providedVisitor) {
+    t2 = isString(providedVisitor) ? {
       id: providedVisitor
-    } : providedVisitor),
-    _useState2 = _slicedToArray(_useState, 2),
-    visitor = _useState2[0],
-    _setVisitor = _useState2[1];
-  useEffect(function () {
-    if (providedVisitor !== visitor) {
-      _setVisitor(isString(providedVisitor) ? {
-        id: providedVisitor
-      } : providedVisitor);
-    }
-  }, [providedVisitor, _setVisitor]);
-  var value = useMemo(function () {
-    return {
-      visitor: visitor,
-      setVisitor: function setVisitor(newVisitor) {
-        return _setVisitor(isString(newVisitor) ? {
-          id: newVisitor
-        } : newVisitor);
+    } : providedVisitor;
+    $[0] = providedVisitor;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [visitor, setVisitor] = useState(t2);
+  let t3;
+  if ($[2] !== providedVisitor || $[3] !== visitor) {
+    t3 = () => {
+      if (providedVisitor !== visitor) {
+        setVisitor(isString(providedVisitor) ? {
+          id: providedVisitor
+        } : providedVisitor);
       }
     };
-  }, [visitor, _setVisitor]);
-  return /*#__PURE__*/jsx(VisitorContext.Provider, {
-    value: value,
-    children: children
-  });
+    $[2] = providedVisitor;
+    $[3] = visitor;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== providedVisitor) {
+    t4 = [providedVisitor, setVisitor];
+    $[5] = providedVisitor;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = newVisitor => setVisitor(isString(newVisitor) ? {
+      id: newVisitor
+    } : newVisitor);
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== visitor) {
+    t6 = {
+      visitor,
+      setVisitor: t5
+    };
+    $[8] = visitor;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const value = t6;
+  let t7;
+  if ($[10] !== children || $[11] !== value) {
+    t7 = /*#__PURE__*/jsx(VisitorContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[10] = children;
+    $[11] = value;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
 }
 
-export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, mediaElementIsPlaying, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerActivityDetected, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };