@panneau/core 4.1.1 → 5.0.0-alpha.0

package/dist/hooks.js

@@ -1,2146 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useRef, useEffect, useState } from 'react';
-import { EventsManager, MediasParser } from '@panneau/core';
-import { createUseEvent, loadPackage } from '@panneau/core/utils';
-import { getCsrfToken, postJSON, getCSRFHeaders } from '@folklore/fetch';
-import get from 'lodash-es/get';
-import isArray from 'lodash-es/isArray';
-import isObject from 'lodash-es/isObject';
-import isString from 'lodash-es/isString';
-import { useFieldsManager, usePanneauResources, useResource, useUrlGenerator, useRoutes } from '@panneau/core/contexts';
-import isEqual from 'lodash-es/isEqual';
-import dayjs from 'dayjs';
-import { useIntl } from 'react-intl';
-import { match } from 'css-mediaquery';
-
-function useAnimationFrame(onFrame, t0) {
-  const $ = c(8);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    disabled: t2
-  } = t1;
-  const disabled = t2 === undefined ? false : t2;
-  const requestRef = useRef(null);
-  const startTimeRef = useRef(null);
-  const onFrameRef = useRef(onFrame);
-  let t3;
-  let t4;
-  if ($[2] !== onFrame) {
-    t3 = () => {
-      onFrameRef.current = onFrame;
-    };
-    t4 = [onFrame];
-    $[2] = onFrame;
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t3 = $[3];
-    t4 = $[4];
-  }
-  useEffect(t3, t4);
-  let t5;
-  let t6;
-  if ($[5] !== disabled) {
-    t5 = () => {
-      if (disabled) {
-        return _temp$2;
-      }
-      startTimeRef.current = null;
-      const callback = time => {
-        if (startTimeRef.current === null) {
-          startTimeRef.current = time;
-        }
-        const progress = time - startTimeRef.current;
-        onFrameRef.current(progress);
-        requestRef.current = requestAnimationFrame(callback);
-      };
-      requestRef.current = requestAnimationFrame(callback);
-      return () => {
-        if (requestRef.current !== null) {
-          cancelAnimationFrame(requestRef.current);
-          requestRef.current = null;
-        }
-      };
-    };
-    t6 = [disabled];
-    $[5] = disabled;
-    $[6] = t5;
-    $[7] = t6;
-  } else {
-    t5 = $[6];
-    t6 = $[7];
-  }
-  useEffect(t5, t6);
-}
-function _temp$2() {}
-
-function useFormattedDate(t0) {
-  const $ = c(7);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    format: t2,
-    showToday: t3
-  } = t1;
-  const format = t2 === undefined ? null : t2;
-  const showToday = t3 === undefined ? true : t3;
-  const intl = useIntl();
-  let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = dayjs();
-    $[2] = t4;
-  } else {
-    t4 = $[2];
-  }
-  const today = t4;
-  let t5;
-  if ($[3] !== format || $[4] !== intl || $[5] !== showToday) {
-    t5 = date => {
-      const dateToFormat = dayjs(date);
-      if (showToday && dateToFormat.format("YYYY-MM-DD") === today.format("YYYY-MM-DD")) {
-        return intl.formatMessage({
-          id: "v4Qtl9"
-        });
-      }
-      return intl.formatDate(dateToFormat.toDate(), {
-        year: "numeric",
-        month: "long",
-        day: "2-digit",
-        ...format
-      });
-    };
-    $[3] = format;
-    $[4] = intl;
-    $[5] = showToday;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  return t5;
-}
-function useFormattedTime(t0) {
-  const $ = c(8);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    format: t2,
-    showNow: t3,
-    timeGap: t4
-  } = t1;
-  const format = t2 === undefined ? null : t2;
-  const showNow = t3 === undefined ? true : t3;
-  const timeGap = t4 === undefined ? 2 : t4;
-  const intl = useIntl();
-  let t5;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = dayjs();
-    $[2] = t5;
-  } else {
-    t5 = $[2];
-  }
-  const now = t5;
-  let t6;
-  if ($[3] !== format || $[4] !== intl || $[5] !== showNow || $[6] !== timeGap) {
-    t6 = date => {
-      const dateToFormat = dayjs(date);
-      if (showNow && dateToFormat.format("YYYY-MM-DD") === now.format("YYYY-MM-DD") && dateToFormat.hour() === now.hour() && dateToFormat.minute() > now.minute() - timeGap && dateToFormat.minute() < now.minute() + timeGap) {
-        return intl.formatMessage({
-          id: "3na7F8"
-        });
-      }
-      return intl.formatTime(dateToFormat.toDate(), {
-        hour: "numeric",
-        minute: "numeric",
-        ...format
-      });
-    };
-    $[3] = format;
-    $[4] = intl;
-    $[5] = showNow;
-    $[6] = timeGap;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  return t6;
-}
-
-const eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
-const useDocumentEvent = createUseEvent(eventsManager$1);
-
-// prettier-ignore
-function getFieldsPropsFromFields(fields, {
-  value,
-  errors,
-  onChange,
-  ...props
-}, locales = []) {
-  return (fields || []).reduce((allFields, field) => {
-    const {
-      name = isString(field) ? field : null,
-      fields: fieldFields = null,
-      component = null
-    } = isObject(field) ? field : {};
-    const fieldErrors = errors !== null ? errors[name] || [] : [];
-    const finalErrors = component === 'localized' ? (locales || []).reduce((previousErrors, locale) => {
-      const items = errors !== null ? get(errors, `${name}.${locale}`, []) || [] : [];
-      const finalItems = isArray(items) ? items : [items];
-      const finalPrevious = isArray(previousErrors) ? previousErrors : [];
-      return [...finalPrevious, ...finalItems];
-    }, fieldErrors) : fieldErrors;
-    let subfieldErrors = errors;
-    if (errors !== null && name !== null) {
-      subfieldErrors = Object.keys(errors).reduce((acc, key) => {
-        if (key === name) {
-          acc[key] = errors[key];
-        }
-        if (key.startsWith(`${name}.`) || key.startsWith(`${name}[`)) {
-          const finalKey = key.substring(name.length + 1);
-          acc[finalKey] = errors[key];
-        }
-        return acc;
-      }, {});
-    }
-    return [...allFields, {
-      ...(isObject(field) ? field : null),
-      name,
-      component,
-      value: value !== null && name !== null ? value[name] ?? null : null,
-      errors: finalErrors.length > 0 ? finalErrors : null,
-      onChange: fieldValue => onChange(name, fieldValue),
-      fields: fieldFields !== null && isArray(fieldFields) ? getFieldsPropsFromFields(fieldFields, {
-        value: value !== null && name !== null && isObject(value[name]) ? value[name] : null,
-        errors: subfieldErrors,
-        onChange
-      }, locales) : null,
-      ...props
-    }];
-  }, []);
-}
-function useForm(t0) {
-  const $ = c(51);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const opts = t1;
-  const {
-    fields: t2,
-    action: t3,
-    postForm: t4,
-    initialErrors: t5,
-    errors: t6,
-    setErrors: t7,
-    initialGeneralError: t8,
-    generalError: t9,
-    setGeneralError: t10,
-    initialValue: t11,
-    value: t12,
-    setValue: t13,
-    withoutDefault: t14,
-    withoutPropagation: t15,
-    onComplete: t16,
-    onError: t17,
-    locales: t18
-  } = opts;
-  let t19;
-  if ($[2] !== t2) {
-    t19 = t2 === undefined ? [] : t2;
-    $[2] = t2;
-    $[3] = t19;
-  } else {
-    t19 = $[3];
-  }
-  const fields = t19;
-  const action = t3 === undefined ? null : t3;
-  const postForm = t4 === undefined ? null : t4;
-  const initialErrors = t5 === undefined ? null : t5;
-  const providedErrors = t6 === undefined ? null : t6;
-  const setProvidedErrors = t7 === undefined ? null : t7;
-  const initialGeneralError = t8 === undefined ? null : t8;
-  const providedGeneralError = t9 === undefined ? null : t9;
-  const setProvidedGeneralError = t10 === undefined ? null : t10;
-  const initialValue = t11 === undefined ? null : t11;
-  const providedValue = t12 === undefined ? null : t12;
-  const setProvidedValue = t13 === undefined ? null : t13;
-  const withoutDefault = t14 === undefined ? true : t14;
-  const withoutPropagation = t15 === undefined ? true : t15;
-  const onComplete = t16 === undefined ? null : t16;
-  const onError = t17 === undefined ? null : t17;
-  let t20;
-  if ($[4] !== t18) {
-    t20 = t18 === undefined ? [] : t18;
-    $[4] = t18;
-    $[5] = t20;
-  } else {
-    t20 = $[5];
-  }
-  const locales = t20;
-  const [stateValue, setStateValue] = useState(initialValue || providedValue);
-  const [stateErrors, setStateErrors] = useState(initialErrors || providedErrors);
-  const [stateGeneralError, setStateGeneralError] = useState(initialGeneralError || providedGeneralError);
-  let t21;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t21 = {
-      success: false,
-      loading: false,
-      error: false
-    };
-    $[6] = t21;
-  } else {
-    t21 = $[6];
-  }
-  const [requestState, setRequestState] = useState(t21);
-  const [response, setResponse] = useState(null);
-  const hasProvidedValue = setProvidedValue !== null;
-  const value = hasProvidedValue ? providedValue : stateValue;
-  const setValue = hasProvidedValue ? setProvidedValue : setStateValue;
-  const hasProvidedErrors = setProvidedErrors !== null;
-  const errors = hasProvidedErrors ? providedErrors : stateErrors;
-  const setErrors = hasProvidedErrors ? setProvidedErrors : setStateErrors;
-  const hasProvidedGeneralError = setProvidedGeneralError !== null;
-  const generalError = hasProvidedGeneralError ? providedGeneralError : stateGeneralError;
-  const setGeneralError = hasProvidedGeneralError ? setProvidedGeneralError : setStateGeneralError;
-  let t22;
-  if ($[7] !== errors || $[8] !== requestState || $[9] !== setErrors || $[10] !== setValue || $[11] !== value) {
-    t22 = (fieldName, fieldValue) => {
-      const {
-        loading: t23,
-        success: t24,
-        error: t25
-      } = requestState || {};
-      const loading = t23 === undefined ? false : t23;
-      const success = t24 === undefined ? false : t24;
-      const requestError = t25 === undefined ? false : t25;
-      const fieldErrors = errors !== null ? errors[fieldName] || null : null;
-      if (fieldErrors !== null) {
-        setErrors({
-          ...errors,
-          [fieldName]: null
-        });
-      }
-      if (!loading && (success !== false || requestError !== false)) {
-        setRequestState({
-          success: false,
-          loading: false,
-          error: false
-        });
-      }
-      setValue({
-        ...(value || {}),
-        [fieldName]: fieldValue
-      });
-    };
-    $[7] = errors;
-    $[8] = requestState;
-    $[9] = setErrors;
-    $[10] = setValue;
-    $[11] = value;
-    $[12] = t22;
-  } else {
-    t22 = $[12];
-  }
-  const onFieldChange = t22;
-  let t23;
-  if ($[13] !== errors || $[14] !== fields || $[15] !== locales || $[16] !== onFieldChange || $[17] !== value) {
-    t23 = getFieldsPropsFromFields(fields, {
-      value,
-      errors,
-      onChange: onFieldChange
-    }, locales);
-    $[13] = errors;
-    $[14] = fields;
-    $[15] = locales;
-    $[16] = onFieldChange;
-    $[17] = value;
-    $[18] = t23;
-  } else {
-    t23 = $[18];
-  }
-  const fieldsProps = t23;
-  let t24;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-    t24 = getCsrfToken();
-    $[19] = t24;
-  } else {
-    t24 = $[19];
-  }
-  const csrfToken = t24;
-  let t25;
-  if ($[20] !== onError || $[21] !== setErrors || $[22] !== setGeneralError) {
-    t25 = error => {
-      setRequestState({
-        success: false,
-        loading: false,
-        error: true
-      });
-      if (error.name === "ValidationError") {
-        const {
-          errors: t26
-        } = error.getResponseData();
-        const validationErrors = t26 === undefined ? null : t26;
-        setErrors(validationErrors || null);
-      } else {
-        setGeneralError(error.message);
-      }
-      if (onError !== null) {
-        onError(error);
-      }
-    };
-    $[20] = onError;
-    $[21] = setErrors;
-    $[22] = setGeneralError;
-    $[23] = t25;
-  } else {
-    t25 = $[23];
-  }
-  const onSubmitError = t25;
-  let t26;
-  if ($[24] !== onComplete) {
-    t26 = resp => {
-      setRequestState({
-        success: true,
-        loading: false,
-        error: false
-      });
-      setResponse(resp);
-      if (onComplete !== null) {
-        onComplete(resp);
-      }
-    };
-    $[24] = onComplete;
-    $[25] = t26;
-  } else {
-    t26 = $[25];
-  }
-  const onSubmitSuccess = t26;
-  let t27;
-  if ($[26] !== postForm) {
-    t27 = (postAction, postData) => postForm !== null ? postForm(postAction, postData) : postJSON(postAction, postData, {
-      credentials: "include",
-      headers: getCSRFHeaders()
-    });
-    $[26] = postForm;
-    $[27] = t27;
-  } else {
-    t27 = $[27];
-  }
-  const finalPostForm = t27;
-  let t28;
-  if ($[28] !== action || $[29] !== finalPostForm || $[30] !== onSubmitError || $[31] !== onSubmitSuccess || $[32] !== setErrors || $[33] !== setGeneralError || $[34] !== value) {
-    t28 = t29 => {
-      const submitValue = t29 === undefined ? value : t29;
-      setRequestState({
-        success: false,
-        loading: true,
-        error: false
-      });
-      setGeneralError(null);
-      setErrors(null);
-      finalPostForm(action, {
-        ...(submitValue || {}),
-        _token: csrfToken
-      }).then(onSubmitSuccess).catch(onSubmitError);
-    };
-    $[28] = action;
-    $[29] = finalPostForm;
-    $[30] = onSubmitError;
-    $[31] = onSubmitSuccess;
-    $[32] = setErrors;
-    $[33] = setGeneralError;
-    $[34] = value;
-    $[35] = t28;
-  } else {
-    t28 = $[35];
-  }
-  const submit = t28;
-  let t29;
-  if ($[36] !== submit || $[37] !== withoutDefault || $[38] !== withoutPropagation) {
-    t29 = e => {
-      if (withoutDefault) {
-        e.preventDefault();
-      }
-      if (withoutPropagation) {
-        e.stopPropagation();
-      }
-      submit();
-    };
-    $[36] = submit;
-    $[37] = withoutDefault;
-    $[38] = withoutPropagation;
-    $[39] = t29;
-  } else {
-    t29 = $[39];
-  }
-  const onSubmit = t29;
-  let status = null;
-  if (requestState.loading) {
-    status = "loading";
-  } else {
-    if (requestState.success) {
-      status = "success";
-    } else {
-      if (requestState.error) {
-        status = "error";
-      }
-    }
-  }
-  let t30;
-  if ($[40] !== errors || $[41] !== fieldsProps || $[42] !== generalError || $[43] !== onSubmit || $[44] !== requestState || $[45] !== response || $[46] !== setValue || $[47] !== status || $[48] !== submit || $[49] !== value) {
-    t30 = {
-      value,
-      setValue,
-      csrfToken,
-      submit,
-      onSubmit,
-      ...requestState,
-      status,
-      response,
-      fields: fieldsProps,
-      errors,
-      generalError
-    };
-    $[40] = errors;
-    $[41] = fieldsProps;
-    $[42] = generalError;
-    $[43] = onSubmit;
-    $[44] = requestState;
-    $[45] = response;
-    $[46] = setValue;
-    $[47] = status;
-    $[48] = submit;
-    $[49] = value;
-    $[50] = t30;
-  } else {
-    t30 = $[50];
-  }
-  return t30;
-}
-
-function buildThresholdArray() {
-  return [0, 1.0];
-}
-const observersCache = new Map();
-
-// Give each root element a unique id so observers with different roots are not shared
-const rootIds = new WeakMap();
-let lastRootId = 0;
-function getRootId(root) {
-  if (!rootIds.has(root)) {
-    lastRootId += 1;
-    rootIds.set(root, lastRootId);
-  }
-  return rootIds.get(root);
-}
-function getOptionsKey({
-  root = null,
-  rootMargin,
-  threshold = null
-}) {
-  const rootKey = root !== null ? getRootId(root) : null;
-  return `root_${rootKey}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
-}
-function createObserver(Observer, options = {}) {
-  let subscribers = [];
-  const addSubscriber = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber !== null) {
-      return subscribers.map(it => it.element === element && it.callbacks.indexOf(callback) === -1 ? {
-        ...it,
-        callbacks: [...it.callbacks, callback]
-      } : it).filter(it => it.callbacks.length > 0);
-    }
-    return [...subscribers, {
-      element,
-      callbacks: [callback]
-    }];
-  };
-  const removeSubscriber = (element, callback) => subscribers.map(it => it.element === element ? {
-    ...it,
-    callbacks: it.callbacks.filter(subCallback => subCallback !== callback)
-  } : it).filter(it => it.callbacks.length > 0);
-  const onUpdate = entries => {
-    entries.forEach(entry => {
-      subscribers.forEach(({
-        element,
-        callbacks
-      }) => {
-        if (element === entry.target) {
-          callbacks.forEach(callback => {
-            callback(entry);
-          });
-        }
-      });
-    });
-  };
-  const observer = new Observer(onUpdate, options);
-  const unsubscribe = (element, callback = null) => {
-    subscribers = removeSubscriber(element, callback);
-    if (typeof observer.unobserve === 'undefined') {
-      observer.disconnect();
-      subscribers.forEach(subscriber => {
-        observer.observe(subscriber.element);
-      });
-      return;
-    }
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber === null) {
-      observer.unobserve(element);
-    }
-  };
-  const subscribe = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    subscribers = addSubscriber(element, callback);
-    if (currentSubscriber === null) {
-      observer.observe(element);
-    }
-  };
-  return {
-    subscribe,
-    unsubscribe,
-    observer
-  };
-}
-function getObserver(Observer, options = {}) {
-  if (Observer === null) {
-    throw new Error('Observer constructor is null');
-  }
-  const observerKey = getOptionsKey(options);
-  if (!observersCache.has(Observer)) {
-    observersCache.set(Observer, {});
-  }
-  const observers = observersCache.get(Observer);
-  if (typeof observers[observerKey] === 'undefined') {
-    observers[observerKey] = createObserver(Observer, options);
-    observersCache.set(Observer, observers);
-  }
-  return observers[observerKey];
-}
-function useObserver(Observer, t0, t1) {
-  const $ = c(14);
-  let t2;
-  if ($[0] !== t0) {
-    t2 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const opts = t2;
-  let t3;
-  if ($[2] !== t1) {
-    t3 = t1 === undefined ? {} : t1;
-    $[2] = t1;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const initialEntry = t3;
-  const {
-    root: t4,
-    rootMargin: t5,
-    threshold: t6,
-    disabled: t7
-  } = opts;
-  const root = t4 === undefined ? null : t4;
-  const rootMargin = t5 === undefined ? null : t5;
-  const threshold = t6 === undefined ? null : t6;
-  const disabled = t7 === undefined ? false : t7;
-  const [entry, setEntry] = useState(initialEntry);
-  const nodeRef = useRef(null);
-  const subscriptionRef = useRef(null);
-  let t8;
-  if ($[4] !== Observer || $[5] !== disabled || $[6] !== root || $[7] !== rootMargin || $[8] !== threshold) {
-    t8 = () => {
-      const {
-        current: nodeElement
-      } = nodeRef;
-      const {
-        current: currentSubscription
-      } = subscriptionRef;
-      if (currentSubscription !== null && currentSubscription.element === nodeElement && currentSubscription.Observer === Observer && currentSubscription.disabled === disabled && currentSubscription.root === root && currentSubscription.rootMargin === rootMargin && currentSubscription.threshold === threshold) {
-        return;
-      }
-      if (currentSubscription !== null && currentSubscription.unsubscribe !== null && currentSubscription.element !== null) {
-        currentSubscription.unsubscribe(currentSubscription.element, currentSubscription.callback);
-      }
-      const callback = newEntry => setEntry(newEntry);
-      let unsubscribe = null;
-      if (!disabled && nodeElement !== null && Observer !== null) {
-        const newOpts = {};
-        if (root !== null) {
-          newOpts.root = root;
-        }
-        if (rootMargin !== null) {
-          newOpts.rootMargin = rootMargin;
-        }
-        if (threshold !== null) {
-          newOpts.threshold = threshold;
-        }
-        const {
-          subscribe,
-          unsubscribe: localUnsubscribe
-        } = getObserver(Observer, newOpts);
-        unsubscribe = localUnsubscribe;
-        subscribe(nodeElement, callback);
-      }
-      subscriptionRef.current = {
-        element: nodeElement,
-        Observer,
-        disabled,
-        root,
-        rootMargin,
-        threshold,
-        unsubscribe,
-        callback
-      };
-    };
-    $[4] = Observer;
-    $[5] = disabled;
-    $[6] = root;
-    $[7] = rootMargin;
-    $[8] = threshold;
-    $[9] = t8;
-  } else {
-    t8 = $[9];
-  }
-  useEffect(t8);
-  let t10;
-  let t9;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = () => () => {
-      const {
-        current: currentSubscription_0
-      } = subscriptionRef;
-      if (currentSubscription_0 !== null && currentSubscription_0.unsubscribe !== null && currentSubscription_0.element !== null) {
-        currentSubscription_0.unsubscribe(currentSubscription_0.element, currentSubscription_0.callback);
-      }
-      subscriptionRef.current = null;
-    };
-    t10 = [];
-    $[10] = t10;
-    $[11] = t9;
-  } else {
-    t10 = $[10];
-    t9 = $[11];
-  }
-  useEffect(t9, t10);
-  let t11;
-  if ($[12] !== entry) {
-    t11 = {
-      ref: nodeRef,
-      entry
-    };
-    $[12] = entry;
-    $[13] = t11;
-  } else {
-    t11 = $[13];
-  }
-  return t11;
-}
-
-/**
- * Intersection Observer
- */
-const thresholdArray = buildThresholdArray();
-const intersectionObserverInitialEntry = {
-  target: null,
-  time: null,
-  isVisible: false,
-  isIntersecting: false,
-  intersectionRatio: 0,
-  intersectionRect: null,
-  boundingClientRect: null,
-  rootBounds: null
-};
-function useIntersectionObserver(t0) {
-  const $ = c(7);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    root: t2,
-    rootMargin: t3,
-    threshold: t4,
-    disabled: t5
-  } = t1;
-  const root = t2 === undefined ? null : t2;
-  const rootMargin = t3 === undefined ? "0px" : t3;
-  const threshold = t4 === undefined ? thresholdArray : t4;
-  const disabled = t5 === undefined ? false : t5;
-  let t6;
-  if ($[2] !== disabled || $[3] !== root || $[4] !== rootMargin || $[5] !== threshold) {
-    t6 = {
-      root,
-      rootMargin,
-      threshold,
-      disabled
-    };
-    $[2] = disabled;
-    $[3] = root;
-    $[4] = rootMargin;
-    $[5] = threshold;
-    $[6] = t6;
-  } else {
-    t6 = $[6];
-  }
-  return useObserver(typeof window !== "undefined" ? IntersectionObserver : null, t6, intersectionObserverInitialEntry);
-}
-
-/**
- * Resize Observer
- */
-
-const resizeObserverInitialEntry = {
-  target: null,
-  contentRect: null,
-  contentBoxSize: null,
-  borderBoxSize: null
-};
-function useResizeObserver(t0) {
-  const $ = c(4);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    disabled: t2
-  } = t1;
-  const disabled = t2 === undefined ? false : t2;
-  let t3;
-  if ($[2] !== disabled) {
-    t3 = {
-      disabled
-    };
-    $[2] = disabled;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  return useObserver(typeof window !== "undefined" ? ResizeObserver : null, t3, resizeObserverInitialEntry);
-}
-
-function useIsVisible(t0) {
-  const $ = c(8);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    rootMargin,
-    threshold: t2,
-    persist: t3
-  } = t1;
-  const threshold = t2 === undefined ? 1 : t2;
-  const persist = t3 === undefined ? false : t3;
-  let t4;
-  if ($[2] !== rootMargin || $[3] !== threshold) {
-    t4 = {
-      rootMargin,
-      threshold
-    };
-    $[2] = rootMargin;
-    $[3] = threshold;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  const {
-    ref,
-    entry: t5
-  } = useIntersectionObserver(t4);
-  const {
-    isIntersecting
-  } = t5;
-  const [wasIntersecting, setWasIntersecting] = useState(isIntersecting);
-  if (isIntersecting && !wasIntersecting) {
-    setWasIntersecting(true);
-  }
-  const hasIntersected = wasIntersecting || isIntersecting;
-  const isVisible = !persist && isIntersecting || persist && hasIntersected;
-  let t6;
-  if ($[5] !== isVisible || $[6] !== ref) {
-    t6 = {
-      ref,
-      visible: isVisible
-    };
-    $[5] = isVisible;
-    $[6] = ref;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  return t6;
-}
-
-const KEYCODES = {
-  ARROW_LEFT: 37,
-  ARROW_UP: 38,
-  ARROW_RIGHT: 39,
-  ARROW_DOWN: 40,
-  ESCAPE: 27,
-  SPACE: 32
-};
-function useKeyboardKeys(t0, t1) {
-  const $ = c(16);
-  let t2;
-  if ($[0] !== t0) {
-    t2 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const keys = t2;
-  let t3;
-  if ($[2] !== t1) {
-    t3 = t1 === undefined ? {} : t1;
-    $[2] = t1;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const {
-    eventName: t4
-  } = t3;
-  const eventName = t4 === undefined ? "keydown" : t4;
-  let t5;
-  if ($[4] !== keys) {
-    t5 = Object.keys(keys);
-    $[4] = keys;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  const keysNames = t5;
-  let t6;
-  if ($[6] !== keys || $[7] !== keysNames) {
-    t6 = keysNames.map(key => keys[key]);
-    $[6] = keys;
-    $[7] = keysNames;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  const keysListeners = t6;
-  let t7;
-  if ($[9] !== eventName || $[10] !== keys) {
-    t7 = () => {
-      const onKeyDown = e => {
-        const {
-          keyCode
-        } = e;
-        if (typeof keys[keyCode] !== "undefined") {
-          keys[keyCode](e);
-        }
-      };
-      document.addEventListener(eventName, onKeyDown);
-      return () => {
-        document.removeEventListener(eventName, onKeyDown);
-      };
-    };
-    $[9] = eventName;
-    $[10] = keys;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  let t8;
-  if ($[12] !== eventName || $[13] !== keysListeners || $[14] !== keysNames) {
-    t8 = [...keysNames, ...keysListeners, eventName];
-    $[12] = eventName;
-    $[13] = keysListeners;
-    $[14] = keysNames;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  useEffect(t7, t8);
-}
-
-const loadWebFontLoader = () => import('webfontloader');
-const fontsMap = {
-  loading: [],
-  active: []
-};
-function isFontLoading(name) {
-  return fontsMap.loading.indexOf(name) !== -1;
-}
-function isFontActive(name) {
-  return fontsMap.active.indexOf(name) !== -1;
-}
-function addFontLoading(name) {
-  fontsMap.active = fontsMap.active.filter(it => it !== name);
-  fontsMap.loading = [...fontsMap.loading, name];
-}
-function removeFontLoading(name) {
-  fontsMap.loading = fontsMap.loading.filter(it => it !== name);
-}
-function addFontActive(name) {
-  fontsMap.loading = fontsMap.loading.filter(it => it !== name);
-  fontsMap.active = [...fontsMap.active, name];
-}
-function useLoadedFonts(fonts) {
-  const $ = c(5);
-  const [loaded, setLoaded] = useState(false);
-  let t0;
-  let t1;
-  if ($[0] !== fonts) {
-    t0 = () => {
-      const config = fonts.reduce(_temp$1, null);
-      const hasConfig = config !== null;
-      if (hasConfig && typeof window !== "undefined") {
-        loadPackage("webfontloader", loadWebFontLoader).then(t2 => {
-          const {
-            default: WebFont
-          } = t2;
-          return WebFont.load({
-            ...config,
-            timeout: 3000,
-            active: () => setLoaded(true),
-            fontloading: _temp2,
-            fontactive: _temp3,
-            fontinactive: _temp4
-          });
-        });
-      } else {
-        setLoaded(true);
-      }
-    };
-    t1 = [fonts, setLoaded];
-    $[0] = fonts;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t0 = $[1];
-    t1 = $[2];
-  }
-  useEffect(t0, t1);
-  let t2;
-  if ($[3] !== loaded) {
-    t2 = {
-      loaded
-    };
-    $[3] = loaded;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-}
-function _temp4(name_2) {
-  return removeFontLoading(name_2);
-}
-function _temp3(name_1) {
-  return addFontActive(name_1);
-}
-function _temp2(name_0) {
-  return addFontLoading(name_0);
-}
-function _temp$1(newConfig, font) {
-  const {
-    type,
-    name
-  } = isObject(font) ? font : {
-    type: "system",
-    name: font
-  };
-  if ((type === "google" || type === "custom") && !isFontLoading(name) && !isFontActive(name)) {
-    return {
-      ...newConfig,
-      [type]: {
-        families: [...(newConfig !== null ? (newConfig[type] || {}).families || [] : []), name]
-      }
-    };
-  }
-  return newConfig;
-}
-
-const progressSteps = [0.1, 0.25, 0.5, 0.75, 0.9];
-function useMediaApi(t0) {
-  const $ = c(66);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    url: t2,
-    initialMuted: t3,
-    onTimeUpdate: t4,
-    onProgressStep: t5,
-    onDurationChanged: t6,
-    onVolumeChanged: t7,
-    onPlay: t8,
-    onPause: t9,
-    onEnded: t10,
-    onSeeked: t11,
-    onLoadStart: t12,
-    onCanPlayThough: t13
-  } = t1;
-  const url = t2 === undefined ? null : t2;
-  const initialMuted = t3 === undefined ? false : t3;
-  const onTimeUpdate = t4 === undefined ? null : t4;
-  const onProgressStep = t5 === undefined ? null : t5;
-  const onDurationChanged = t6 === undefined ? null : t6;
-  const onVolumeChanged = t7 === undefined ? null : t7;
-  const onPlay = t8 === undefined ? null : t8;
-  const onPause = t9 === undefined ? null : t9;
-  const onEnded = t10 === undefined ? null : t10;
-  const onSeeked = t11 === undefined ? null : t11;
-  const onLoadStart = t12 === undefined ? null : t12;
-  const onCanPlayThough = t13 === undefined ? null : t13;
-  const ref = useRef(null);
-  const [muted, setMuted] = useState(initialMuted);
-  const [currentTime, setCurrentTime] = useState(null);
-  const [duration, setDuration] = useState(null);
-  const [playing, setPlaying] = useState(false);
-  const [ready, setReady] = useState(false);
-  const [initialPlay, setInitialPlay] = useState(true);
-  let t14;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = {};
-    $[2] = t14;
-  } else {
-    t14 = $[2];
-  }
-  const progressStepsReached = useRef(t14);
-  const paused = !playing;
-  let t15;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = () => {
-      const {
-        current: media
-      } = ref;
-      if (media !== null) {
-        media.play();
-      }
-    };
-    $[3] = t15;
-  } else {
-    t15 = $[3];
-  }
-  const play = t15;
-  let t16;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t16 = () => {
-      const {
-        current: media_0
-      } = ref;
-      if (media_0 !== null) {
-        media_0.pause();
-      }
-    };
-    $[4] = t16;
-  } else {
-    t16 = $[4];
-  }
-  const pause = t16;
-  let t17;
-  if ($[5] !== playing) {
-    t17 = () => {
-      const {
-        current: media_1
-      } = ref;
-      if (media_1 !== null) {
-        if (playing) {
-          media_1.pause();
-        } else {
-          media_1.play();
-        }
-      }
-    };
-    $[5] = playing;
-    $[6] = t17;
-  } else {
-    t17 = $[6];
-  }
-  const togglePlay = t17;
-  let t18;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t18 = () => {
-      const {
-        current: media_2
-      } = ref;
-      if (media_2 !== null) {
-        media_2.pause();
-        media_2.currentTime = 0;
-      }
-    };
-    $[7] = t18;
-  } else {
-    t18 = $[7];
-  }
-  const stop = t18;
-  let t19;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = time => {
-      const {
-        current: media_3
-      } = ref;
-      if (media_3 !== null) {
-        media_3.currentTime = time;
-      }
-    };
-    $[8] = t19;
-  } else {
-    t19 = $[8];
-  }
-  const seek = t19;
-  let t20;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-    t20 = () => {
-      const {
-        current: media_4
-      } = ref;
-      if (media_4 !== null) {
-        media_4.muted = true;
-      }
-    };
-    $[9] = t20;
-  } else {
-    t20 = $[9];
-  }
-  const mute = t20;
-  let t21;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t21 = () => {
-      const {
-        current: media_5
-      } = ref;
-      if (media_5 !== null) {
-        media_5.muted = false;
-      }
-    };
-    $[10] = t21;
-  } else {
-    t21 = $[10];
-  }
-  const unMute = t21;
-  let t22;
-  if ($[11] !== muted) {
-    t22 = () => {
-      const {
-        current: media_6
-      } = ref;
-      if (media_6 !== null) {
-        media_6.muted = !muted;
-      }
-    };
-    $[11] = muted;
-    $[12] = t22;
-  } else {
-    t22 = $[12];
-  }
-  const toggleMute = t22;
-  let t23;
-  if ($[13] !== initialPlay || $[14] !== onPlay) {
-    t23 = () => {
-      if (onPlay !== null) {
-        onPlay({
-          initial: initialPlay
-        });
-      }
-      if (initialPlay) {
-        setInitialPlay(false);
-      }
-      setPlaying(true);
-    };
-    $[13] = initialPlay;
-    $[14] = onPlay;
-    $[15] = t23;
-  } else {
-    t23 = $[15];
-  }
-  const onCustomPlay = t23;
-  let t24;
-  if ($[16] !== onPause) {
-    t24 = () => {
-      const {
-        current: media_7
-      } = ref;
-      setPlaying(false);
-      if (onPause !== null) {
-        onPause({
-          midway: media_7.currentTime > 0 && media_7.currentTime < media_7.duration
-        });
-      }
-    };
-    $[16] = onPause;
-    $[17] = t24;
-  } else {
-    t24 = $[17];
-  }
-  const onCustomPause = t24;
-  let t25;
-  if ($[18] !== onEnded) {
-    t25 = () => {
-      const {
-        current: media_8
-      } = ref;
-      media_8.currentTime = 0;
-      if (onEnded !== null) {
-        onEnded();
-      }
-      setInitialPlay(true);
-    };
-    $[18] = onEnded;
-    $[19] = t25;
-  } else {
-    t25 = $[19];
-  }
-  const onCustomEnded = t25;
-  let t26;
-  if ($[20] !== onProgressStep || $[21] !== onTimeUpdate) {
-    t26 = () => {
-      const {
-        current: media_9
-      } = ref;
-      setCurrentTime(media_9.currentTime);
-      if (onTimeUpdate !== null) {
-        onTimeUpdate(media_9.currentTime);
-      }
-      const progress = media_9.currentTime / media_9.duration;
-      const currentSteps = progressStepsReached.current;
-      const stepsToTrack = progressSteps.filter(step => progress > step && typeof currentSteps[step] === "undefined");
-      stepsToTrack.forEach(step_0 => {
-        if (onProgressStep !== null) {
-          onProgressStep(step_0);
-        }
-        currentSteps[step_0] = true;
-      });
-    };
-    $[20] = onProgressStep;
-    $[21] = onTimeUpdate;
-    $[22] = t26;
-  } else {
-    t26 = $[22];
-  }
-  const onCustomTimeUpdate = t26;
-  let t27;
-  if ($[23] !== onDurationChanged) {
-    t27 = () => {
-      const {
-        current: media_10
-      } = ref;
-      setDuration(media_10.duration);
-      if (onDurationChanged !== null) {
-        onDurationChanged(media_10.duration);
-      }
-    };
-    $[23] = onDurationChanged;
-    $[24] = t27;
-  } else {
-    t27 = $[24];
-  }
-  const onCustomDurationChange = t27;
-  let t28;
-  if ($[25] !== onSeeked) {
-    t28 = () => {
-      const {
-        current: media_11
-      } = ref;
-      if (onSeeked !== null) {
-        onSeeked(media_11.currentTime);
-      }
-    };
-    $[25] = onSeeked;
-    $[26] = t28;
-  } else {
-    t28 = $[26];
-  }
-  const onCustomSeeked = t28;
-  let t29;
-  if ($[27] !== onVolumeChanged) {
-    t29 = () => {
-      const {
-        current: media_12
-      } = ref;
-      setMuted(media_12.muted);
-      if (onVolumeChanged !== null) {
-        onVolumeChanged(media_12.muted, media_12.volume);
-      }
-    };
-    $[27] = onVolumeChanged;
-    $[28] = t29;
-  } else {
-    t29 = $[28];
-  }
-  const onCustomVolumeChange = t29;
-  let t30;
-  if ($[29] !== onLoadStart) {
-    t30 = () => {
-      setReady(false);
-      if (onLoadStart !== null) {
-        onLoadStart();
-      }
-    };
-    $[29] = onLoadStart;
-    $[30] = t30;
-  } else {
-    t30 = $[30];
-  }
-  const onCustomLoadStart = t30;
-  let t31;
-  if ($[31] !== onCanPlayThough) {
-    t31 = () => {
-      setReady(true);
-      if (onCanPlayThough !== null) {
-        onCanPlayThough();
-      }
-    };
-    $[31] = onCanPlayThough;
-    $[32] = t31;
-  } else {
-    t31 = $[32];
-  }
-  const onCustomCanPlayThrough = t31;
-  let t32;
-  if ($[33] !== onCustomCanPlayThrough || $[34] !== onCustomDurationChange || $[35] !== onCustomEnded || $[36] !== onCustomLoadStart || $[37] !== onCustomPause || $[38] !== onCustomPlay || $[39] !== onCustomSeeked || $[40] !== onCustomTimeUpdate || $[41] !== onCustomVolumeChange) {
-    t32 = {
-      timeupdate: onCustomTimeUpdate,
-      durationchange: onCustomDurationChange,
-      volumechange: onCustomVolumeChange,
-      play: onCustomPlay,
-      pause: onCustomPause,
-      ended: onCustomEnded,
-      seeked: onCustomSeeked,
-      loadstart: onCustomLoadStart,
-      canplaythrough: onCustomCanPlayThrough
-    };
-    $[33] = onCustomCanPlayThrough;
-    $[34] = onCustomDurationChange;
-    $[35] = onCustomEnded;
-    $[36] = onCustomLoadStart;
-    $[37] = onCustomPause;
-    $[38] = onCustomPlay;
-    $[39] = onCustomSeeked;
-    $[40] = onCustomTimeUpdate;
-    $[41] = onCustomVolumeChange;
-    $[42] = t32;
-  } else {
-    t32 = $[42];
-  }
-  const handlersRef = useRef(t32);
-  let t33;
-  let t34;
-  if ($[43] !== onCustomCanPlayThrough || $[44] !== onCustomDurationChange || $[45] !== onCustomEnded || $[46] !== onCustomLoadStart || $[47] !== onCustomPause || $[48] !== onCustomPlay || $[49] !== onCustomSeeked || $[50] !== onCustomTimeUpdate || $[51] !== onCustomVolumeChange) {
-    t33 = () => {
-      handlersRef.current = {
-        timeupdate: onCustomTimeUpdate,
-        durationchange: onCustomDurationChange,
-        volumechange: onCustomVolumeChange,
-        play: onCustomPlay,
-        pause: onCustomPause,
-        ended: onCustomEnded,
-        seeked: onCustomSeeked,
-        loadstart: onCustomLoadStart,
-        canplaythrough: onCustomCanPlayThrough
-      };
-    };
-    t34 = [onCustomTimeUpdate, onCustomDurationChange, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomLoadStart, onCustomCanPlayThrough];
-    $[43] = onCustomCanPlayThrough;
-    $[44] = onCustomDurationChange;
-    $[45] = onCustomEnded;
-    $[46] = onCustomLoadStart;
-    $[47] = onCustomPause;
-    $[48] = onCustomPlay;
-    $[49] = onCustomSeeked;
-    $[50] = onCustomTimeUpdate;
-    $[51] = onCustomVolumeChange;
-    $[52] = t33;
-    $[53] = t34;
-  } else {
-    t33 = $[52];
-    t34 = $[53];
-  }
-  useEffect(t33, t34);
-  let t35;
-  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
-    t35 = () => {
-      const {
-        current: media_13
-      } = ref;
-      progressStepsReached.current = {};
-      const onMediaTimeUpdate = () => handlersRef.current.timeupdate();
-      const onMediaDurationChange = () => handlersRef.current.durationchange();
-      const onMediaVolumeChange = () => handlersRef.current.volumechange();
-      const onMediaPlay = () => handlersRef.current.play();
-      const onMediaPause = () => handlersRef.current.pause();
-      const onMediaEnded = () => handlersRef.current.ended();
-      const onMediaSeeked = () => handlersRef.current.seeked();
-      const onMediaLoadStart = () => handlersRef.current.loadstart();
-      const onMediaCanPlayThrough = () => handlersRef.current.canplaythrough();
-      if (media_13 !== null) {
-        media_13.addEventListener("timeupdate", onMediaTimeUpdate);
-        media_13.addEventListener("durationchange", onMediaDurationChange);
-        media_13.addEventListener("volumechange", onMediaVolumeChange);
-        media_13.addEventListener("play", onMediaPlay);
-        media_13.addEventListener("pause", onMediaPause);
-        media_13.addEventListener("ended", onMediaEnded);
-        media_13.addEventListener("seeked", onMediaSeeked);
-        media_13.addEventListener("loadstart", onMediaLoadStart);
-        media_13.addEventListener("canplaythrough", onMediaCanPlayThrough);
-      }
-      return () => {
-        if (media_13 !== null) {
-          media_13.removeEventListener("timeupdate", onMediaTimeUpdate);
-          media_13.removeEventListener("durationchange", onMediaDurationChange);
-          media_13.removeEventListener("volumechange", onMediaVolumeChange);
-          media_13.removeEventListener("play", onMediaPlay);
-          media_13.removeEventListener("pause", onMediaPause);
-          media_13.removeEventListener("ended", onMediaEnded);
-          media_13.removeEventListener("seeked", onMediaSeeked);
-          media_13.removeEventListener("loadstart", onMediaLoadStart);
-          media_13.removeEventListener("canplaythrough", onMediaCanPlayThrough);
-        }
-      };
-    };
-    $[54] = t35;
-  } else {
-    t35 = $[54];
-  }
-  let t36;
-  if ($[55] !== url) {
-    t36 = [url];
-    $[55] = url;
-    $[56] = t36;
-  } else {
-    t36 = $[56];
-  }
-  useEffect(t35, t36);
-  let t37;
-  if ($[57] !== currentTime || $[58] !== duration || $[59] !== muted || $[60] !== paused || $[61] !== playing || $[62] !== ready || $[63] !== toggleMute || $[64] !== togglePlay) {
-    t37 = {
-      ref,
-      play,
-      pause,
-      togglePlay,
-      stop,
-      seek,
-      mute,
-      unMute,
-      toggleMute,
-      muted,
-      currentTime,
-      duration,
-      playing,
-      paused,
-      ready
-    };
-    $[57] = currentTime;
-    $[58] = duration;
-    $[59] = muted;
-    $[60] = paused;
-    $[61] = playing;
-    $[62] = ready;
-    $[63] = toggleMute;
-    $[64] = togglePlay;
-    $[65] = t37;
-  } else {
-    t37 = $[65];
-  }
-  return t37;
-}
-
-function useMediasParser() {
-  const $ = c(10);
-  const fieldsManager = useFieldsManager();
-  let t0;
-  if ($[0] !== fieldsManager) {
-    t0 = new MediasParser({
-      fieldsManager
-    });
-    $[0] = fieldsManager;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const parser = t0;
-  let t1;
-  if ($[2] !== parser) {
-    t1 = story => parser.toPath(story);
-    $[2] = parser;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const toPath = t1;
-  let t2;
-  if ($[4] !== parser) {
-    t2 = story_0 => parser.fromPath(story_0);
-    $[4] = parser;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const fromPath = t2;
-  let t3;
-  if ($[6] !== fromPath || $[7] !== parser || $[8] !== toPath) {
-    t3 = {
-      toPath,
-      fromPath,
-      parser
-    };
-    $[6] = fromPath;
-    $[7] = parser;
-    $[8] = toPath;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
-}
-
-function useResourceTypeName(resource, t0) {
-  const $ = c(7);
-  const type = t0 === undefined ? null : t0;
-  let t1;
-  bb0: {
-    let t2;
-    if ($[0] !== resource) {
-      t2 = resource || {};
-      $[0] = resource;
-      $[1] = t2;
-    } else {
-      t2 = $[1];
-    }
-    const {
-      name: t3,
-      types: t4,
-      settings: t5
-    } = t2;
-    const resourceName = t3 === undefined ? null : t3;
-    let t6;
-    if ($[2] !== t4) {
-      t6 = t4 === undefined ? [] : t4;
-      $[2] = t4;
-      $[3] = t6;
-    } else {
-      t6 = $[3];
-    }
-    const types = t6;
-    const settings = t5 === undefined ? {} : t5;
-    const {
-      hideTypeNames: t7
-    } = settings || {};
-    const hideTypeNames = t7 === undefined ? false : t7;
-    if (hideTypeNames) {
-      t1 = null;
-      break bb0;
-    }
-    let t8;
-    if ($[4] !== type || $[5] !== types) {
-      t8 = type !== null && types !== null && types.length > 1 ? (types || []).find(t9 => {
-        const {
-          id: t10
-        } = t9;
-        const id = t10 === undefined ? null : t10;
-        return id === type;
-      }) || {} : {};
-      $[4] = type;
-      $[5] = types;
-      $[6] = t8;
-    } else {
-      t8 = $[6];
-    }
-    const {
-      name: t9
-    } = t8;
-    const name = t9 === undefined ? null : t9;
-    t1 = name === resourceName ? null : name;
-  }
-  const typeName = t1;
-  return typeName;
-}
-
-function getResource(resources, resourceId) {
-  return resourceId !== null && !isObject(resourceId) ? resources.find(it => it.id === resourceId) || null : resourceId;
-}
-function useResourceUrlGenerator(t0) {
-  const $ = c(9);
-  const resourceId = t0 === undefined ? null : t0;
-  const resources = usePanneauResources();
-  const contextResource = useResource();
-  let t1;
-  if ($[0] !== contextResource || $[1] !== resourceId || $[2] !== resources) {
-    t1 = getResource(resources, resourceId) || contextResource;
-    $[0] = contextResource;
-    $[1] = resourceId;
-    $[2] = resources;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const resource = t1;
-  const route = useUrlGenerator();
-  const routes = useRoutes();
-  let t2;
-  if ($[4] !== resource || $[5] !== resources || $[6] !== route || $[7] !== routes) {
-    t2 = (routeResourceId, t3, t4) => {
-      const routeName = t3 === undefined ? null : t3;
-      const params = t4 === undefined ? null : t4;
-      const hasResourceId = isString(routeName);
-      const finalRouteName = hasResourceId ? routeName : routeResourceId;
-      const finalParams = hasResourceId ? params : routeName;
-      const finalResource = hasResourceId ? getResource(resources, routeResourceId) : resource;
-      const {
-        id: t5
-      } = finalResource || {};
-      const id = t5 === undefined ? null : t5;
-      const specificRouteName = `resources.${id}.${finalRouteName}`;
-      const hasSpecificRoute = typeof routes[specificRouteName] !== "undefined";
-      const finalRoute = id !== null ? route(hasSpecificRoute ? specificRouteName : `resources.${finalRouteName}`, hasSpecificRoute ? finalParams : {
-        ...finalParams,
-        resource: id
-      }) : null;
-      return finalRoute;
-    };
-    $[4] = resource;
-    $[5] = resources;
-    $[6] = route;
-    $[7] = routes;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const generateUrl = t2;
-  return generateUrl;
-}
-
-function useQuery(t0, t1) {
-  const $ = c(15);
-  const initialBaseQuery = t0 === undefined ? null : t0;
-  const paginated = t1 === undefined ? true : t1;
-  const [stableBaseQuery, setStableBaseQuery] = useState(initialBaseQuery);
-  if (!isEqual(stableBaseQuery, initialBaseQuery)) {
-    setStableBaseQuery(initialBaseQuery);
-  }
-  let t2;
-  if ($[0] !== paginated || $[1] !== stableBaseQuery) {
-    t2 = paginated ? {
-      page: 1,
-      count: 10,
-      ...(stableBaseQuery || {})
-    } : stableBaseQuery || null;
-    $[0] = paginated;
-    $[1] = stableBaseQuery;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const initialQuery = t2;
-  const [query, setQuery] = useState(initialQuery);
-  let t3;
-  let t4;
-  if ($[3] !== initialQuery) {
-    t3 = () => {
-      setQuery(initialQuery);
-    };
-    t4 = [initialQuery, setQuery];
-    $[3] = initialQuery;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t3 = $[4];
-    t4 = $[5];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = newPage => {
-      if (newPage !== null) {
-        setQuery(prev => ({
-          ...(prev || {}),
-          page: newPage || 1
-        }));
-      }
-    };
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  const onPageChange = t5;
-  let t6;
-  if ($[7] !== initialQuery) {
-    t6 = newQuery => {
-      const finalQuery = newQuery !== null ? Object.keys(newQuery).reduce((currentQuery, key) => {
-        const val = newQuery[key];
-        return val !== null ? {
-          ...(currentQuery || {}),
-          [key]: val
-        } : currentQuery;
-      }, null) : null;
-      setQuery({
-        ...(initialQuery || {}),
-        ...(finalQuery || {})
-      });
-    };
-    $[7] = initialQuery;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  const onQueryChange = t6;
-  let t7;
-  if ($[9] !== initialQuery) {
-    t7 = () => {
-      setQuery(initialQuery);
-    };
-    $[9] = initialQuery;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  const onQueryReset = t7;
-  let t8;
-  if ($[11] !== onQueryChange || $[12] !== onQueryReset || $[13] !== query) {
-    t8 = {
-      query,
-      onPageChange,
-      onQueryChange,
-      onQueryReset
-    };
-    $[11] = onQueryChange;
-    $[12] = onQueryReset;
-    $[13] = query;
-    $[14] = t8;
-  } else {
-    t8 = $[14];
-  }
-  return t8;
-}
-
-function useScreenSize(t0) {
-  const $ = c(20);
-  const {
-    width: t1,
-    height: t2,
-    landscape: t3,
-    screens: t4,
-    mediaType: t5,
-    media: t6
-  } = t0;
-  const width = t1 === undefined ? null : t1;
-  const height = t2 === undefined ? null : t2;
-  const landscape = t3 === undefined ? false : t3;
-  let t7;
-  if ($[0] !== t4) {
-    t7 = t4 === undefined ? [] : t4;
-    $[0] = t4;
-    $[1] = t7;
-  } else {
-    t7 = $[1];
-  }
-  const screens = t7;
-  const mediaType = t5 === undefined ? "screen" : t5;
-  const providedMedia = t6 === undefined ? null : t6;
-  let t8;
-  if ($[2] !== height || $[3] !== mediaType || $[4] !== providedMedia || $[5] !== width) {
-    t8 = providedMedia !== null ? providedMedia : {
-      type: mediaType,
-      width: `${width}px`,
-      height: `${height}px`
-    };
-    $[2] = height;
-    $[3] = mediaType;
-    $[4] = providedMedia;
-    $[5] = width;
-    $[6] = t8;
-  } else {
-    t8 = $[6];
-  }
-  const media = t8;
-  let t9;
-  if ($[7] !== media || $[8] !== screens) {
-    let t10;
-    if ($[10] !== media) {
-      t10 = t11 => {
-        const {
-          mediaQuery: t12
-        } = t11;
-        const mediaQuery = t12 === undefined ? null : t12;
-        return mediaQuery === null || match(mediaQuery, media);
-      };
-      $[10] = media;
-      $[11] = t10;
-    } else {
-      t10 = $[11];
-    }
-    t9 = [...screens].reverse().filter(t10);
-    $[7] = media;
-    $[8] = screens;
-    $[9] = t9;
-  } else {
-    t9 = $[9];
-  }
-  const matchingScreens = t9;
-  const t10 = matchingScreens.length > 0 ? matchingScreens[0].name : null;
-  let t11;
-  if ($[12] !== matchingScreens) {
-    t11 = [...matchingScreens].reverse().map(_temp);
-    $[12] = matchingScreens;
-    $[13] = t11;
-  } else {
-    t11 = $[13];
-  }
-  let t12;
-  if ($[14] !== height || $[15] !== landscape || $[16] !== t10 || $[17] !== t11 || $[18] !== width) {
-    t12 = {
-      screen: t10,
-      screens: t11,
-      width,
-      height,
-      landscape
-    };
-    $[14] = height;
-    $[15] = landscape;
-    $[16] = t10;
-    $[17] = t11;
-    $[18] = width;
-    $[19] = t12;
-  } else {
-    t12 = $[19];
-  }
-  return t12;
-}
-function _temp(t0) {
-  const {
-    name
-  } = t0;
-  return name;
-}
-function useScreenSizeFromElement(t0) {
-  const $ = c(28);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let opts;
-  let t2;
-  let t3;
-  if ($[2] !== t1) {
-    ({
-      width: t2,
-      height: t3,
-      ...opts
-    } = t1);
-    $[2] = t1;
-    $[3] = opts;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    opts = $[3];
-    t2 = $[4];
-    t3 = $[5];
-  }
-  const width = t2 === undefined ? null : t2;
-  const height = t3 === undefined ? null : t3;
-  const {
-    ref,
-    entry: t4
-  } = useResizeObserver();
-  const {
-    contentRect
-  } = t4;
-  let t5;
-  if ($[6] !== contentRect) {
-    t5 = contentRect || {};
-    $[6] = contentRect;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const {
-    width: t6,
-    height: t7
-  } = t5;
-  const calculatedWidth = t6 === undefined ? 0 : t6;
-  const calculatedHeight = t7 === undefined ? 0 : t7;
-  const semiFinalWidth = width !== null ? width : calculatedWidth;
-  const semiFinalHeight = height !== null ? height : calculatedHeight;
-  const landscape = semiFinalHeight > 0 && semiFinalWidth > semiFinalHeight;
-  let restOpts;
-  let t8;
-  if ($[8] !== opts) {
-    ({
-      withoutMaxSize: t8,
-      ...restOpts
-    } = opts);
-    $[8] = opts;
-    $[9] = restOpts;
-    $[10] = t8;
-  } else {
-    restOpts = $[9];
-    t8 = $[10];
-  }
-  const withoutMaxSize = t8 === undefined ? false : t8;
-  let t9;
-  if ($[11] !== landscape || $[12] !== semiFinalHeight || $[13] !== semiFinalWidth || $[14] !== withoutMaxSize) {
-    t9 = landscape && !withoutMaxSize ? Math.round(Math.max(320, 0.45 * semiFinalHeight)) : semiFinalWidth;
-    $[11] = landscape;
-    $[12] = semiFinalHeight;
-    $[13] = semiFinalWidth;
-    $[14] = withoutMaxSize;
-    $[15] = t9;
-  } else {
-    t9 = $[15];
-  }
-  let finalWidth = t9;
-  let t10;
-  if ($[16] !== landscape || $[17] !== semiFinalHeight || $[18] !== withoutMaxSize) {
-    t10 = landscape && !withoutMaxSize ? Math.round(Math.max(533, 0.75 * semiFinalHeight)) : semiFinalHeight;
-    $[16] = landscape;
-    $[17] = semiFinalHeight;
-    $[18] = withoutMaxSize;
-    $[19] = t10;
-  } else {
-    t10 = $[19];
-  }
-  let finalHeight = t10;
-  if (finalWidth % 2 === 1) {
-    finalWidth = finalWidth - 1;
-  }
-  if (finalHeight % 2 === 1) {
-    finalHeight = finalHeight - 1;
-  }
-  let t11;
-  if ($[20] !== finalHeight || $[21] !== finalWidth || $[22] !== landscape || $[23] !== restOpts) {
-    t11 = {
-      width: finalWidth,
-      height: finalHeight,
-      landscape,
-      ...restOpts
-    };
-    $[20] = finalHeight;
-    $[21] = finalWidth;
-    $[22] = landscape;
-    $[23] = restOpts;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  const screenSize = useScreenSize(t11);
-  let t12;
-  if ($[25] !== ref || $[26] !== screenSize) {
-    t12 = {
-      ref,
-      screenSize
-    };
-    $[25] = ref;
-    $[26] = screenSize;
-    $[27] = t12;
-  } else {
-    t12 = $[27];
-  }
-  return t12;
-}
-function getWindowSize() {
-  return {
-    width: typeof window !== 'undefined' ? window.innerWidth : null,
-    height: typeof window !== 'undefined' ? window.innerHeight : null
-  };
-}
-function useScreenSizeFromWindow(t0) {
-  const $ = c(8);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const opts = t1;
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = getWindowSize();
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const [windowSize, setWindowSize] = useState(t2);
-  let t3;
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
-      const onResize = () => setWindowSize(getWindowSize());
-      if (typeof window !== "undefined") {
-        window.addEventListener("resize", onResize);
-      }
-      return () => {
-        if (typeof window !== "undefined") {
-          window.removeEventListener("resize", onResize);
-        }
-      };
-    };
-    t4 = [setWindowSize];
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t3 = $[3];
-    t4 = $[4];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[5] !== opts || $[6] !== windowSize) {
-    t5 = {
-      ...opts,
-      ...windowSize
-    };
-    $[5] = opts;
-    $[6] = windowSize;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  return useScreenSize(t5);
-}
-
-const eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
-const useWindowEvent = createUseEvent(eventsManager);
-
-export { KEYCODES, getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useKeyboardKeys, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useQuery, useResizeObserver, useResourceTypeName, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };