@micromag/core 0.4.86 → 0.4.90-alpha.1

package/es/contexts.d.ts

@@ -3,11 +3,13 @@ import * as React from 'react';
 import React__default, { ReactNode, ElementType, ComponentType } from 'react';
 import EventEmitter from 'wolfy87-eventemitter';
 import { MessageDescriptor } from 'react-intl';
+export { ModalContext, ModalProvider as ModalsProvider } from '@panneau/core/contexts';
 import * as _folklore_tracking from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
 
-type Text = MessageDescriptor | ReactNode;
+type Message = MessageDescriptor;
+type Text = Message | ReactNode;
 
 type MediaElement = HTMLVideoElement | HTMLAudioElement | HTMLMediaElement;
 /**
@@ -27,7 +29,7 @@ interface MediaFile {
 }
 interface Media {
     id?: string;
-    type: string;
+    type?: string;
     url: string;
     thumbnail_url?: string;
     name?: string;
@@ -35,17 +37,17 @@ interface Media {
     files?: Record<string, MediaFile>;
 }
 interface ImageMedia extends Omit<Media, 'type' | 'metadata'> {
-    type?: 'image' | 'video';
+    type: 'image' | 'video';
     metadata?: MediaMetadata & {
         width?: number;
         height?: number;
     };
 }
 interface FontMedia extends Omit<Media, 'type'> {
-    type?: 'font';
+    type: 'font';
 }
 interface VideoMedia extends Omit<Media, 'type' | 'metadata'> {
-    type?: 'video';
+    type: 'video';
     metadata?: MediaMetadata & {
         width?: number;
         height?: number;
@@ -64,7 +66,10 @@ interface Field {
     type: string;
     label?: Text;
     isSection?: boolean;
+    component?: Component;
+    defaultValue?: (() => unknown) | unknown;
     fields?: Field[];
+    [key: string]: unknown;
 }
 interface ScreenDefinition extends Definition {
     type: 'screen';
@@ -105,6 +110,14 @@ interface FontStyle {
     underline?: boolean;
     upperCase?: boolean;
 }
+interface HighlightStyle {
+    color?: Color;
+    textColor?: Color;
+}
+interface LinkStyle {
+    color?: Color;
+    fontStyle?: FontStyle;
+}
 interface TextStyle {
     fontFamily?: Font;
     fontSize?: number;
@@ -113,6 +126,8 @@ interface TextStyle {
     color?: Color;
     letterSpacing?: number;
     lineHeight?: number;
+    link?: LinkStyle;
+    highlight?: HighlightStyle;
 }
 
 interface BackgroundElement {
@@ -186,9 +201,9 @@ declare class ComponentsManager extends EventEmitter {
     constructor(components?: {});
     addComponent(name: string, component: ComponentType, namespace?: string | null): this;
     addComponents(components: ComponentsMap, namespace?: string | null): this;
-    merge(manager: ComponentsManager, namespace?: any): this;
+    merge(manager: ComponentsManager, namespace?: null): this;
     addNamespace(namespace: string | null): this;
-    getComponent(name: string, namespace?: string | null): React.ElementType;
+    getComponent(name: string, namespace?: string | null): React.ElementType | null;
     getComponents(namespace?: string | null): ComponentsMap;
     hasComponent(name: string, namespace?: string | null): boolean;
 }
@@ -201,10 +216,10 @@ declare class DefinitionsManager<T extends Definition = Definition> extends Even
     addDefinitions(definitions: T[]): this;
     merge(manager: DefinitionsManager<T>): this;
     filter(filter: (definition: T) => boolean): DefinitionsManager<T>;
-    getDefinition(id: string): T;
+    getDefinition(id: string): T | null;
     getDefinitions(): T[];
     hasDefinition(id: string): boolean;
-    getComponent(id: string): Component;
+    getComponent(id: string): Component | null;
     getComponents(): Record<string, Component>;
 }
 
@@ -218,10 +233,10 @@ type ScreensFieldsPattern = {
 };
 declare class ScreensManager extends DefinitionsManager<ScreenDefinition> {
     fieldsPattern: ScreensFieldsPattern | null;
-    constructor(definitions?: any[]);
-    getFields(id: string): Field[];
-    getLayouts(id: string): string[];
-    getFieldsPattern(): ScreensFieldsPattern;
+    constructor(definitions?: never[]);
+    getFields(id: string): Field[] | null;
+    getLayouts(id: string): string[] | null;
+    getFieldsPattern(): ScreensFieldsPattern | null;
     setFieldsPattern(fieldsPattern: ScreensFieldsPattern): void;
     filter(filter: (definition: ScreenDefinition) => boolean): ScreensManager;
     merge(manager: ScreensManager): this;
@@ -232,7 +247,7 @@ declare const FIELDS_NAMESPACE = "fields";
 declare const FORMS_NAMESPACE = "forms";
 declare const SCREENS_NAMESPACE = "screens";
 declare const ELEMENTS_NAMESPACE = "elements";
-declare const ComponentsContext: React.Context<ComponentsManager>;
+declare const ComponentsContext: React__default.Context<ComponentsManager | null>;
 /**
  * Hooks
  */
@@ -242,33 +257,33 @@ declare const useComponent: (name: string | ElementType | null, defaultComponent
 /**
  * Fields hooks
  */
-declare const useFieldsComponentsManager: () => ComponentsManager;
-declare const useFieldsComponents: (defaultComponents?: {}) => Record<string, ElementType>;
-declare const useFieldComponent: (name: string | ElementType | null, defaultComponent?: any) => ElementType;
+declare const useFieldsComponentsManager: () => ComponentsManager | null;
+declare const useFieldsComponents: (defaultComponents?: {}) => Record<string, React__default.ElementType>;
+declare const useFieldComponent: (name: string | ElementType | null, defaultComponent?: null) => React__default.ElementType | null;
 /**
  * Screens hooks
  */
-declare const useScreensComponentsManager: () => ComponentsManager;
-declare const useScreensComponents: (defaultComponents?: {}) => Record<string, ElementType>;
-declare const useScreenComponent: (name: string | ElementType | null, defaultComponent?: any) => ElementType;
+declare const useScreensComponentsManager: () => ComponentsManager | null;
+declare const useScreensComponents: (defaultComponents?: {}) => Record<string, React__default.ElementType>;
+declare const useScreenComponent: (name: string | ElementType | null, defaultComponent?: null) => React__default.ElementType | null;
 /**
  * Forms hooks
  */
-declare const useFormsComponentsManager: () => ComponentsManager;
-declare const useFormsComponents: (defaultComponents?: {}) => Record<string, ElementType>;
-declare const useFormComponent: (name: string | ElementType | null, defaultComponent?: any) => ElementType;
+declare const useFormsComponentsManager: () => ComponentsManager | null;
+declare const useFormsComponents: (defaultComponents?: {}) => Record<string, React__default.ElementType>;
+declare const useFormComponent: (name: string | ElementType | null, defaultComponent?: null) => React__default.ElementType | null;
 /**
  * Modals hooks
  */
-declare const useModalsComponentsManager: () => ComponentsManager;
-declare const useModalsComponents: (defaultComponents?: {}) => Record<string, ElementType>;
-declare const useModalComponent: (name: string | ElementType | null, defaultComponent?: any) => ElementType;
+declare const useModalsComponentsManager: () => ComponentsManager | null;
+declare const useModalsComponents: (defaultComponents?: {}) => Record<string, React__default.ElementType>;
+declare const useModalComponent: (name: string | ElementType | null, defaultComponent?: null) => React__default.ElementType | null;
 /**
  * Elements hooks
  */
-declare const useElementsComponentsManager: () => ComponentsManager;
-declare const useElementsComponents: (defaultComponents?: {}) => Record<string, ElementType>;
-declare const useElementComponent: (name: string | ElementType | null, defaultComponent?: any) => ElementType;
+declare const useElementsComponentsManager: () => ComponentsManager | null;
+declare const useElementsComponents: (defaultComponents?: {}) => Record<string, React__default.ElementType>;
+declare const useElementComponent: (name: string | ElementType | null, defaultComponent?: null) => React__default.ElementType | null;
 /**
  * Provider
  */
@@ -280,8 +295,14 @@ interface ComponentsProviderProps {
 }
 declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const ConsentContext: any;
-declare const useConsent: () => unknown;
+declare const ConsentContext: React__default.Context<{
+    consent: null;
+    setConsent: () => void;
+}>;
+declare const useConsent: () => {
+    consent: null;
+    setConsent: () => void;
+};
 interface ConsentProviderProps {
     children: React__default.ReactNode;
     consent?: Record<string, unknown>[];
@@ -291,17 +312,17 @@ interface ConsentProviderProps {
 }
 declare function ConsentProvider({ consent: providedConsent, consented: initialConsented, expiration, children, }: ConsentProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const EditorContext: any;
-declare const useEditor: () => unknown;
-declare const useGetColors: () => any;
+declare const EditorContext: React__default.Context<null>;
+declare const useEditor: () => null;
+declare const useGetColors: () => () => never[];
 interface EditorProviderProps {
     children: React__default.ReactNode;
 }
 declare function EditorProvider({ children }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const FieldsContext: React.Context<FieldsManager>;
-declare const useFieldsManager: () => FieldsManager;
-declare const useFieldDefinition: (id: string) => FieldDefinition;
+declare const FieldsContext: React.Context<FieldsManager | null>;
+declare const useFieldsManager: () => FieldsManager | null;
+declare const useFieldDefinition: (id: string) => FieldDefinition | null | undefined;
 interface FieldsProviderProps {
     fields?: FieldDefinition[] | null;
     manager?: FieldsManager | null;
@@ -309,28 +330,32 @@ interface FieldsProviderProps {
 }
 declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const FieldsValueContext: any;
-declare const useFieldsValue: () => unknown;
+declare const FieldsValueContext: React__default.Context<null>;
+declare const useFieldsValue: () => null;
 interface FieldsValueContextProviderProps {
     value?: unknown;
     children: React__default.ReactNode;
 }
 declare function FieldsValueContextProvider({ value, children }: FieldsValueContextProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const FieldContext: any;
-declare const useFieldContext: () => unknown;
+declare const FieldContext: React__default.Context<null>;
+declare const useFieldContext: () => null;
 interface FieldContextProviderProps {
     context?: unknown;
     children: React__default.ReactNode;
 }
 declare function FieldContextProvider({ context, children }: FieldContextProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const FontsContext: any;
-declare const useGoogleFonts: (options?: any) => any;
-declare const useFonts: (options?: any) => {
-    systemFonts: any;
-    googleFonts: any;
-    customFonts: any;
+declare const FontsContext: React__default.Context<{
+    systemFonts: null;
+    googleFonts: null;
+    customFonts: null;
+}>;
+declare const useGoogleFonts: (options?: null) => null;
+declare const useFonts: (options?: null) => {
+    systemFonts: null;
+    googleFonts: null;
+    customFonts: null;
 };
 interface FontsProviderProps {
     children: React__default.ReactNode;
@@ -339,8 +364,8 @@ interface FontsProviderProps {
 }
 declare function FontsProvider({ systemFonts, customFonts, children, }: FontsProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const GoogleApiClientContext: any;
-declare const useGoogleApiClient: () => unknown;
+declare const GoogleApiClientContext: React__default.Context<null>;
+declare const useGoogleApiClient: () => null;
 declare const withGoogleApiClient: (WrappedComponent: any) => {
     (props: any): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -351,10 +376,10 @@ interface GoogleApiClientProviderProps {
 declare function GoogleApiClientProvider({ children }: GoogleApiClientProviderProps): react_jsx_runtime.JSX.Element;
 
 declare const GoogleKeysContext: React.Context<{
-    apiKey: any;
+    apiKey: null;
 }>;
 declare const useGoogleKeys: () => {
-    apiKey: any;
+    apiKey: null;
 };
 interface GoogleKeysProviderProps {
     children: ReactNode;
@@ -362,8 +387,8 @@ interface GoogleKeysProviderProps {
 }
 declare function GoogleKeysProvider({ children, apiKey }: GoogleKeysProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const GoogleMapsClientContext: any;
-declare const useGoogleMapsClient: () => unknown;
+declare const GoogleMapsClientContext: React__default.Context<null>;
+declare const useGoogleMapsClient: () => null;
 declare const withGoogleMapsClient: (WrappedComponent: any) => {
     (props: any): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -375,20 +400,12 @@ interface GoogleMapsClientProviderProps {
 }
 declare function GoogleMapsClientProvider({ children, locale, libraries }: GoogleMapsClientProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const ModalsContext: any;
-declare const useModals: () => unknown;
-declare const withModals: (WrappedComponent: any) => {
-    (props: any): react_jsx_runtime.JSX.Element;
-    displayName: string;
+declare const PanelsContext: React__default.Context<{
+    container: null;
+}>;
+declare const usePanels: () => {
+    container: null;
 };
-interface ModalsProviderProps {
-    children: React__default.ReactNode;
-    container?: Record<string, unknown>;
-}
-declare function ModalsProvider({ children, container: initialContainer }: ModalsProviderProps): react_jsx_runtime.JSX.Element;
-
-declare const PanelsContext: any;
-declare const usePanels: () => unknown;
 declare const withPanels: (WrappedComponent: any) => {
     (props: any): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -432,8 +449,8 @@ interface PlaybackContext {
 }
 declare const PlaybackContext: React.Context<PlaybackContext>;
 declare const usePlaybackContext: () => PlaybackContext;
-declare const usePlaybackMediaRef: (active?: boolean, background?: boolean, updateKey?: any) => {
-    ref: React.RefObject<HTMLMediaElement>;
+declare const usePlaybackMediaRef: (active?: boolean, background?: boolean, updateKey?: null) => {
+    ref: React.RefObject<HTMLMediaElement | null>;
     isCurrent: boolean;
 };
 interface PlaybackProviderProps {
@@ -456,21 +473,29 @@ declare function PlaybackProvider({ muted: initialMuted, playing: initialPlaying
 declare const useRoutePush: () => (route: any, data: any, ...args: any[]) => void;
 declare const useRouteBack: () => () => void;
 
-declare const SettingsContext: any;
-declare const useSettings: () => unknown;
-declare const useSetting: (key: any, defaultValue?: any) => any;
+declare const SettingsContext: React__default.Context<{}>;
+declare const useSettings: () => {};
+declare const useSetting: (key: any, defaultValue?: null) => any;
 interface SettingsProviderProps {
     children: React__default.ReactNode;
     settings?: Record<string, unknown>;
 }
 declare function SettingsProvider({ children, settings }: SettingsProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const ScreenContext: any;
-declare const useScreen: () => unknown;
+declare const ScreenContext: React__default.Context<{
+    data: null;
+    definition: null;
+    renderContext: null;
+}>;
+declare const useScreen: () => {
+    data: null;
+    definition: null;
+    renderContext: null;
+};
 declare const useScreenDefinition: () => any;
-declare const useScreenData: () => any;
+declare const useScreenData: () => null;
 declare const useScreenRenderContext: () => {
-    renderContext: any;
+    renderContext: string | null;
     isPlaceholder: boolean;
     isPreview: boolean;
     isEdit: boolean;
@@ -488,8 +513,8 @@ interface ScreenProviderProps {
 }
 declare function ScreenProvider({ data, definition, renderContext, screenState, children, }: ScreenProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const ScreensContext: React.Context<any>;
-declare const useScreensManager: () => any;
+declare const ScreensContext: React.Context<null>;
+declare const useScreensManager: () => null;
 interface ScreensProviderProps {
     screens?: ScreenDefinition[] | null;
     namespaces?: string[] | null;
@@ -499,17 +524,31 @@ interface ScreensProviderProps {
 }
 declare function ScreensProvider({ screens, namespaces, filterNamespaces, manager, children, }: ScreensProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const ScreenSizeContext: any;
-declare const useScreenSize: () => unknown;
+declare const ScreenSizeContext: React__default.Context<{
+    screen: null;
+    screens: never[];
+    width: number;
+    height: number;
+    resolution: number;
+    landscape: boolean;
+}>;
+declare const useScreenSize: () => {
+    screen: null;
+    screens: never[];
+    width: number;
+    height: number;
+    resolution: number;
+    landscape: boolean;
+};
 interface ScreenSizeProviderProps {
     children: React__default.ReactNode;
     size?: ScreenSize;
 }
 declare function ScreenSizeProvider({ size, children }: ScreenSizeProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const StoryContext: React.Context<Story>;
-declare const useStoryContext: () => Story;
-declare const useStory: () => Story;
+declare const StoryContext: React__default.Context<Story | null>;
+declare const useStoryContext: () => Story | null;
+declare const useStory: () => Story | null;
 interface StoryProviderProps {
     story?: Story | null;
     children: ReactNode;
@@ -517,7 +556,7 @@ interface StoryProviderProps {
 declare function StoryProvider({ story, children }: StoryProviderProps): react_jsx_runtime.JSX.Element;
 
 declare const useTracking: () => _folklore_tracking.Tracking;
-declare function TrackingProvider(options?: any): react_jsx_runtime.JSX.Element;
+declare function TrackingProvider(options?: null): react_jsx_runtime.JSX.Element;
 
 interface ViewerContextType {
     events: EventEmitter;
@@ -545,8 +584,8 @@ interface ViewerContextType {
 declare const ViewerContext: React.Context<ViewerContextType>;
 declare const useViewerContext: () => ViewerContextType;
 declare const useViewerSize: () => {
-    width: number;
-    height: number;
+    width: number | null;
+    height: number | null;
 };
 declare const useViewerNavigation: () => {
     gotoNextScreen: () => void;
@@ -563,7 +602,7 @@ declare const useViewerWebView: () => {
     open: (newWebView: any) => void;
     close: () => void;
     update: (newWebView: any) => void;
-    url: string;
+    url?: string | undefined;
 };
 interface ViewerProviderProps {
     children: ReactNode;
@@ -587,12 +626,12 @@ type VisitorContextType = {
     visitor: Visitor | null;
     setVisitor: (visitor: Visitor | string | null) => void;
 };
-declare const VisitorContext: React.Context<VisitorContextType>;
+declare const VisitorContext: React__default.Context<VisitorContextType>;
 declare function useVisitorContext(): {
-    visitor: Visitor;
+    visitor: Visitor | null;
     setVisitor: (visitor: Visitor | string | null) => void;
 };
-declare function useVisitor(): Visitor;
+declare function useVisitor(): Visitor | null;
 declare function useSetVisitor(): (visitor: Visitor | string | null) => void;
 interface VisitorProviderProps {
     children: React__default.ReactNode;
@@ -600,4 +639,4 @@ interface VisitorProviderProps {
 }
 declare function VisitorProvider({ visitor: providedVisitor, children, }: VisitorProviderProps): react_jsx_runtime.JSX.Element;
 
-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 };
+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, 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, 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, withPanels };

package/es/contexts.js

@@ -9,6 +9,7 @@ import uniqBy from 'lodash/uniqBy';
 import { getJSON } from '@folklore/fetch';
 import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
+export { ModalContext, ModalProvider as ModalsProvider } from '@panneau/core/contexts';
 import { getDisplayName, getMediaSrc, getMediaHasAudio, getMediaFilename, getMediaDuration, getScreenExtraField } from '@micromag/core/utils';
 import createDebug from 'debug';
 import { useUrlGenerator } from '@folklore/routes';
@@ -1262,141 +1263,6 @@ function GoogleMapsClientProvider(t0) {
   return t5;
 }
 
-const ModalsContext = /*#__PURE__*/React.createContext({
-  container: null
-});
-const useModals = () => {
-  return useContext(ModalsContext) || {};
-};
-const withModals = WrappedComponent => {
-  function WithModalsComponent(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(${getDisplayName(WrappedComponent)})`;
-  return WithModalsComponent;
-};
-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;
-    };
-    $[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;
-}
-
 const PanelsContext = /*#__PURE__*/React.createContext({
   container: null
 });
@@ -2555,4 +2421,4 @@ function VisitorProvider(t0) {
   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, 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 };
+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, 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, 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, withPanels };