@micromag/core 0.3.144 → 0.3.147

package/es/components.js

@@ -2999,6 +2999,10 @@ PropTypes$1.shape({
     url: PropTypes$1.string
   })
 });
+PropTypes$1.shape({
+  id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
+  name: PropTypes$1.string
+});
 
 /* eslint-disable react/no-array-index-key */
 var propTypes$d = {

package/es/contexts.js

@@ -134,13 +134,13 @@ var useElementComponent = function useElementComponent(name) {
  * Provider
  */
 
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
   manager: PropTypes.instanceOf(ComponentsManager),
   components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$i = {
+var defaultProps$j = {
   namespace: null,
   components: {},
   manager: null
@@ -158,8 +158,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$i;
-ComponentsProvider.defaultProps = defaultProps$i;
+ComponentsProvider.propTypes = propTypes$j;
+ComponentsProvider.defaultProps = defaultProps$j;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -169,12 +169,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$h = {
+var propTypes$i = {
   fields: PropTypes$1.fieldDefinitions,
   manager: PropTypes.instanceOf(FieldsManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$i = {
   fields: null,
   manager: null
 };
@@ -204,21 +204,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$h;
-FieldsProvider.defaultProps = defaultProps$h;
+FieldsProvider.propTypes = propTypes$i;
+FieldsProvider.defaultProps = defaultProps$i;
 
 var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
 var useScreensManager = function useScreensManager() {
   return useContext(ScreensContext);
 };
-var propTypes$g = {
+var propTypes$h = {
   screens: PropTypes$1.screenDefinitions,
   namespaces: PropTypes.arrayOf(PropTypes.string),
   filterNamespaces: PropTypes.bool,
   manager: PropTypes.instanceOf(ScreensManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$g = {
+var defaultProps$h = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -276,8 +276,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$g;
-ScreensProvider.defaultProps = defaultProps$g;
+ScreensProvider.propTypes = propTypes$h;
+ScreensProvider.defaultProps = defaultProps$h;
 
 var StoryContext = /*#__PURE__*/React.createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -287,11 +287,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$f = {
+var propTypes$g = {
   story: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
   children: PropTypes.node.isRequired
 };
-var defaultProps$f = {
+var defaultProps$g = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -301,8 +301,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$f;
-StoryProvider.defaultProps = defaultProps$f;
+StoryProvider.propTypes = propTypes$g;
+StoryProvider.defaultProps = defaultProps$g;
 
 var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
@@ -317,10 +317,10 @@ var useGetColors = function useGetColors() {
 
   return getColors;
 };
-var propTypes$e = {
+var propTypes$f = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$e = {};
+var defaultProps$f = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -345,20 +345,20 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$e;
-EditorProvider.defaultProps = defaultProps$e;
+EditorProvider.propTypes = propTypes$f;
+EditorProvider.defaultProps = defaultProps$f;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldContext = /*#__PURE__*/React.createContext(null);
 var useFieldContext = function useFieldContext() {
   return useContext(FieldContext);
 };
-var propTypes$d = {
+var propTypes$e = {
   context: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$d = {
+var defaultProps$e = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -368,8 +368,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$d;
-FieldContextProvider.defaultProps = defaultProps$d;
+FieldContextProvider.propTypes = propTypes$e;
+FieldContextProvider.defaultProps = defaultProps$e;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var GoogleKeysContext = /*#__PURE__*/React.createContext({
@@ -378,12 +378,12 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
 var useGoogleKeys = function useGoogleKeys() {
   return useContext(GoogleKeysContext);
 };
-var propTypes$c = {
+var propTypes$d = {
   children: PropTypes.node.isRequired,
   apiKey: PropTypes.string // .isRequired,
 
 };
-var defaultProps$c = {
+var defaultProps$d = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
@@ -402,8 +402,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     value: value
   }, children);
 };
-GoogleKeysProvider.propTypes = propTypes$c;
-GoogleKeysProvider.defaultProps = defaultProps$c;
+GoogleKeysProvider.propTypes = propTypes$d;
+GoogleKeysProvider.defaultProps = defaultProps$d;
 
 var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
@@ -485,12 +485,12 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$b = {
+var propTypes$c = {
   children: PropTypes.node.isRequired,
   systemFonts: PropTypes$1.fonts,
   customFonts: PropTypes$1.fonts
 };
-var defaultProps$b = {
+var defaultProps$c = {
   systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
@@ -529,8 +529,8 @@ var FontsProvider = function FontsProvider(_ref4) {
     value: fonts
   }, children);
 };
-FontsProvider.propTypes = propTypes$b;
-FontsProvider.defaultProps = defaultProps$b;
+FontsProvider.propTypes = propTypes$c;
+FontsProvider.defaultProps = defaultProps$c;
 
 var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
@@ -556,10 +556,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$a = {
+var propTypes$b = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$a = {};
+var defaultProps$b = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
 
@@ -586,8 +586,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleApiClientProvider.propTypes = propTypes$a;
-GoogleApiClientProvider.defaultProps = defaultProps$a;
+GoogleApiClientProvider.propTypes = propTypes$b;
+GoogleApiClientProvider.defaultProps = defaultProps$b;
 
 var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
@@ -613,12 +613,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$9 = {
+var propTypes$a = {
   children: PropTypes.node.isRequired,
   locale: PropTypes.string,
   libraries: PropTypes.arrayOf(PropTypes.string)
 };
-var defaultProps$9 = {
+var defaultProps$a = {
   locale: 'fr',
   libraries: null
 };
@@ -652,8 +652,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleMapsClientProvider.propTypes = propTypes$9;
-GoogleMapsClientProvider.defaultProps = defaultProps$9;
+GoogleMapsClientProvider.propTypes = propTypes$a;
+GoogleMapsClientProvider.defaultProps = defaultProps$a;
 
 var ModalsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -682,12 +682,12 @@ var withModals = function withModals(WrappedComponent) {
   WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
-var propTypes$8 = {
+var propTypes$9 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
 
 };
-var defaultProps$8 = {
+var defaultProps$9 = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
@@ -743,8 +743,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
     value: value
   }, children);
 };
-ModalsProvider.propTypes = propTypes$8;
-ModalsProvider.defaultProps = defaultProps$8;
+ModalsProvider.propTypes = propTypes$9;
+ModalsProvider.defaultProps = defaultProps$9;
 
 var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -773,12 +773,12 @@ var withPanels = function withPanels(WrappedComponent) {
   WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$7 = {
+var propTypes$8 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
 
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
@@ -834,8 +834,8 @@ var PanelsProvider = function PanelsProvider(_ref2) {
     value: value
   }, children);
 };
-PanelsProvider.propTypes = propTypes$7;
-PanelsProvider.defaultProps = defaultProps$7;
+PanelsProvider.propTypes = propTypes$8;
+PanelsProvider.defaultProps = defaultProps$8;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var RoutesContext = /*#__PURE__*/React.createContext(null);
@@ -889,13 +889,13 @@ var useRouteBack = function useRouteBack() {
   }, [history, url]);
   return back;
 };
-var propTypes$6 = {
+var propTypes$7 = {
   children: PropTypes.node.isRequired,
   routes: PropTypes.objectOf(PropTypes.string),
   // .isRequired,
   basePath: PropTypes.string
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   routes: null,
   basePath: null
 };
@@ -913,8 +913,8 @@ var RoutesProvider = function RoutesProvider(_ref2) {
     value: value
   }, children);
 };
-RoutesProvider.propTypes = propTypes$6;
-RoutesProvider.defaultProps = defaultProps$6;
+RoutesProvider.propTypes = propTypes$7;
+RoutesProvider.defaultProps = defaultProps$7;
 
 var ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
@@ -975,14 +975,14 @@ var useScreenState = function useScreenState() {
 
   return screenState;
 };
-var propTypes$5 = {
+var propTypes$6 = {
   children: PropTypes.node.isRequired,
   data: PropTypes$1.screen,
   definition: PropTypes$1.screenDefinition,
   renderContext: PropTypes$1.renderContext,
   screenState: PropTypes.string
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   data: null,
   definition: null,
   renderContext: null,
@@ -1028,8 +1028,8 @@ var ScreenProvider = function ScreenProvider(_ref6) {
     value: value
   }, children);
 };
-ScreenProvider.propTypes = propTypes$5;
-ScreenProvider.defaultProps = defaultProps$5;
+ScreenProvider.propTypes = propTypes$6;
+ScreenProvider.defaultProps = defaultProps$6;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var ScreenSizeContext = /*#__PURE__*/React.createContext({
@@ -1043,11 +1043,11 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
 var useScreenSize = function useScreenSize() {
   return useContext(ScreenSizeContext);
 };
-var propTypes$4 = {
+var propTypes$5 = {
   children: PropTypes.node.isRequired,
   size: PropTypes$1.screenSize
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   size: {}
 }; // Note: this is done to avoid excessive renders on the screens that use the context
 
@@ -1065,17 +1065,17 @@ var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
     value: currentSize
   }, children);
 };
-ScreenSizeProvider.propTypes = propTypes$4;
-ScreenSizeProvider.defaultProps = defaultProps$4;
+ScreenSizeProvider.propTypes = propTypes$5;
+ScreenSizeProvider.defaultProps = defaultProps$5;
 
 var useTracking = function useTracking() {
   return useContext(TrackingContext);
 };
-var propTypes$3 = {
+var propTypes$4 = {
   children: PropTypes.node.isRequired,
   variables: PropTypes$1.trackingVariables
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   variables: null
 };
 var TrackingProvider = function TrackingProvider(_ref) {
@@ -1091,8 +1091,8 @@ var TrackingProvider = function TrackingProvider(_ref) {
     tracking: tracking
   }, children);
 };
-TrackingProvider.propTypes = propTypes$3;
-TrackingProvider.defaultProps = defaultProps$3;
+TrackingProvider.propTypes = propTypes$4;
+TrackingProvider.defaultProps = defaultProps$4;
 
 var _excluded$3 = ["Uppy"];
 /**
@@ -1500,7 +1500,7 @@ var useUppy = function useUppy() {
   }, [uppy]);
   return uppy;
 };
-var propTypes$2 = {
+var propTypes$3 = {
   children: PropTypes.node.isRequired,
   transport: PropTypes.oneOf(['xhr', 'transloadit', 'tus']),
   locale: PropTypes.string,
@@ -1521,7 +1521,7 @@ var propTypes$2 = {
     endpoint: PropTypes.string.isRequired
   })])
 };
-var defaultProps$2 = {
+var defaultProps$3 = {
   transport: null,
   locale: null,
   sources: null,
@@ -1661,8 +1661,8 @@ var UppyProvider = function UppyProvider(_ref5) {
     value: value
   }, children);
 };
-UppyProvider.propTypes = propTypes$2;
-UppyProvider.defaultProps = defaultProps$2;
+UppyProvider.propTypes = propTypes$3;
+UppyProvider.defaultProps = defaultProps$3;
 
 var defaultValue$1 = {
   userInteracted: false
@@ -1671,10 +1671,10 @@ var UserInteractionContext = /*#__PURE__*/React.createContext(defaultValue$1);
 var useUserInteracted = function useUserInteracted() {
   return useContext(UserInteractionContext).userInteracted;
 };
-var propTypes$1 = {
+var propTypes$2 = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$1 = {};
+var defaultProps$2 = {};
 var UserInteractionProvider = function UserInteractionProvider(_ref) {
   var children = _ref.children;
 
@@ -1716,8 +1716,8 @@ var UserInteractionProvider = function UserInteractionProvider(_ref) {
     value: value
   }, children);
 };
-UserInteractionProvider.propTypes = propTypes$1;
-UserInteractionProvider.defaultProps = defaultProps$1;
+UserInteractionProvider.propTypes = propTypes$2;
+UserInteractionProvider.defaultProps = defaultProps$2;
 
 var defaultValue = {
   events: new EventEmitter(),
@@ -1756,7 +1756,7 @@ var useViewerInteraction = function useViewerInteraction() {
     enableInteraction: enableInteraction
   };
 };
-var propTypes = {
+var propTypes$1 = {
   children: PropTypes.node.isRequired,
   events: PropTypes.instanceOf(EventEmitter),
   menuVisible: PropTypes.bool,
@@ -1767,7 +1767,7 @@ var propTypes = {
   enableInteraction: PropTypes.func
 };
 
-var defaultProps = _objectSpread({}, defaultValue);
+var defaultProps$1 = _objectSpread({}, defaultValue);
 
 var ViewerProvider = function ViewerProvider(_ref) {
   var children = _ref.children,
@@ -1793,7 +1793,62 @@ var ViewerProvider = function ViewerProvider(_ref) {
     value: value
   }, children);
 };
-ViewerProvider.propTypes = propTypes;
-ViewerProvider.defaultProps = defaultProps;
+ViewerProvider.propTypes = propTypes$1;
+ViewerProvider.defaultProps = defaultProps$1;
+
+var VisitorContext = /*#__PURE__*/React.createContext();
+var useVisitorContext = function useVisitorContext() {
+  var _useContext = useContext(VisitorContext),
+      visitor = _useContext.visitor,
+      setVisitor = _useContext.setVisitor;
+
+  return {
+    visitor: visitor,
+    setVisitor: setVisitor
+  };
+};
+var useVisitor = function useVisitor() {
+  var _useContext2 = useContext(VisitorContext),
+      visitor = _useContext2.visitor;
+
+  return visitor;
+};
+var useSetVisitor = function useSetVisitor() {
+  var _useContext3 = useContext(VisitorContext),
+      setVisitor = _useContext3.setVisitor;
+
+  return setVisitor;
+};
+var propTypes = {
+  children: PropTypes.node.isRequired,
+  visitor: PropTypes$1.visitor
+};
+var defaultProps = {
+  visitor: null
+};
+var VisitorProvider = function VisitorProvider(_ref) {
+  var initialVisitor = _ref.visitor,
+      children = _ref.children;
+
+  var _useState = useState(initialVisitor),
+      _useState2 = _slicedToArray(_useState, 2),
+      visitor = _useState2[0],
+      setVisitor = _useState2[1];
+
+  useEffect(function () {
+    setVisitor(initialVisitor);
+  }, [initialVisitor, setVisitor]);
+  var value = useMemo(function () {
+    return {
+      visitor: visitor,
+      setVisitor: setVisitor
+    };
+  }, [visitor, setVisitor]);
+  return /*#__PURE__*/React.createElement(VisitorContext.Provider, {
+    value: value
+  }, children);
+};
+VisitorProvider.propTypes = propTypes;
+VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, useRouteBack, useRoutePush, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewer, useViewerEvents, useViewerInteraction, useViewerNavigation, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, useRouteBack, useRoutePush, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewer, useViewerEvents, useViewerInteraction, useViewerNavigation, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/index.js

@@ -582,6 +582,10 @@ var authorElement = PropTypes$1.shape({
     url: PropTypes$1.string
   })
 });
+var visitor = PropTypes$1.shape({
+  id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
+  name: PropTypes$1.string
+});
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -721,7 +725,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     paymentItem: paymentItem,
     paymentItems: paymentItems,
     pageMetadata: pageMetadata,
-    authorElement: authorElement
+    authorElement: authorElement,
+    visitor: visitor
 });
 
 var sortedColors = function sortedColors(colors) {

package/lib/components.js

@@ -3040,6 +3040,10 @@ PropTypes__default["default"].shape({
     url: PropTypes__default["default"].string
   })
 });
+PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes__default["default"].string
+});
 
 /* eslint-disable react/no-array-index-key */
 var propTypes$d = {

package/lib/contexts.js

@@ -169,13 +169,13 @@ var useElementComponent = function useElementComponent(name) {
  * Provider
  */
 
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes__default["default"].node.isRequired,
   namespace: PropTypes__default["default"].string,
   manager: PropTypes__default["default"].instanceOf(core.ComponentsManager),
   components: PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].func]))
 };
-var defaultProps$i = {
+var defaultProps$j = {
   namespace: null,
   components: {},
   manager: null
@@ -193,8 +193,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$i;
-ComponentsProvider.defaultProps = defaultProps$i;
+ComponentsProvider.propTypes = propTypes$j;
+ComponentsProvider.defaultProps = defaultProps$j;
 
 var FieldsContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -204,12 +204,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$h = {
+var propTypes$i = {
   fields: core.PropTypes.fieldDefinitions,
   manager: PropTypes__default["default"].instanceOf(core.FieldsManager),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$i = {
   fields: null,
   manager: null
 };
@@ -239,21 +239,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$h;
-FieldsProvider.defaultProps = defaultProps$h;
+FieldsProvider.propTypes = propTypes$i;
+FieldsProvider.defaultProps = defaultProps$i;
 
 var ScreensContext = /*#__PURE__*/React__default["default"].createContext(new core.ScreensManager());
 var useScreensManager = function useScreensManager() {
   return React.useContext(ScreensContext);
 };
-var propTypes$g = {
+var propTypes$h = {
   screens: core.PropTypes.screenDefinitions,
   namespaces: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   filterNamespaces: PropTypes__default["default"].bool,
   manager: PropTypes__default["default"].instanceOf(core.ScreensManager),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$g = {
+var defaultProps$h = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -311,8 +311,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$g;
-ScreensProvider.defaultProps = defaultProps$g;
+ScreensProvider.propTypes = propTypes$h;
+ScreensProvider.defaultProps = defaultProps$h;
 
 var StoryContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -322,11 +322,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$f = {
+var propTypes$g = {
   story: PropTypes__default["default"].oneOfType([core.PropTypes.story, core.PropTypes.theme]),
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$f = {
+var defaultProps$g = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -336,8 +336,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$f;
-StoryProvider.defaultProps = defaultProps$f;
+StoryProvider.propTypes = propTypes$g;
+StoryProvider.defaultProps = defaultProps$g;
 
 var EditorContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useEditor = function useEditor() {
@@ -352,10 +352,10 @@ var useGetColors = function useGetColors() {
 
   return getColors;
 };
-var propTypes$e = {
+var propTypes$f = {
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$e = {};
+var defaultProps$f = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -380,20 +380,20 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$e;
-EditorProvider.defaultProps = defaultProps$e;
+EditorProvider.propTypes = propTypes$f;
+EditorProvider.defaultProps = defaultProps$f;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useFieldContext = function useFieldContext() {
   return React.useContext(FieldContext);
 };
-var propTypes$d = {
+var propTypes$e = {
   context: PropTypes__default["default"].any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$d = {
+var defaultProps$e = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -403,8 +403,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$d;
-FieldContextProvider.defaultProps = defaultProps$d;
+FieldContextProvider.propTypes = propTypes$e;
+FieldContextProvider.defaultProps = defaultProps$e;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
@@ -413,12 +413,12 @@ var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
 var useGoogleKeys = function useGoogleKeys() {
   return React.useContext(GoogleKeysContext);
 };
-var propTypes$c = {
+var propTypes$d = {
   children: PropTypes__default["default"].node.isRequired,
   apiKey: PropTypes__default["default"].string // .isRequired,
 
 };
-var defaultProps$c = {
+var defaultProps$d = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
@@ -437,8 +437,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     value: value
   }, children);
 };
-GoogleKeysProvider.propTypes = propTypes$c;
-GoogleKeysProvider.defaultProps = defaultProps$c;
+GoogleKeysProvider.propTypes = propTypes$d;
+GoogleKeysProvider.defaultProps = defaultProps$d;
 
 var FontsContext = /*#__PURE__*/React__default["default"].createContext({
   systemFonts: null,
@@ -520,12 +520,12 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$b = {
+var propTypes$c = {
   children: PropTypes__default["default"].node.isRequired,
   systemFonts: core.PropTypes.fonts,
   customFonts: core.PropTypes.fonts
 };
-var defaultProps$b = {
+var defaultProps$c = {
   systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
@@ -564,8 +564,8 @@ var FontsProvider = function FontsProvider(_ref4) {
     value: fonts
   }, children);
 };
-FontsProvider.propTypes = propTypes$b;
-FontsProvider.defaultProps = defaultProps$b;
+FontsProvider.propTypes = propTypes$c;
+FontsProvider.defaultProps = defaultProps$c;
 
 var GoogleApiClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
@@ -591,10 +591,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$a = {
+var propTypes$b = {
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$a = {};
+var defaultProps$b = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
 
@@ -621,8 +621,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleApiClientProvider.propTypes = propTypes$a;
-GoogleApiClientProvider.defaultProps = defaultProps$a;
+GoogleApiClientProvider.propTypes = propTypes$b;
+GoogleApiClientProvider.defaultProps = defaultProps$b;
 
 var GoogleMapsClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
@@ -648,12 +648,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$9 = {
+var propTypes$a = {
   children: PropTypes__default["default"].node.isRequired,
   locale: PropTypes__default["default"].string,
   libraries: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
 };
-var defaultProps$9 = {
+var defaultProps$a = {
   locale: 'fr',
   libraries: null
 };
@@ -687,8 +687,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleMapsClientProvider.propTypes = propTypes$9;
-GoogleMapsClientProvider.defaultProps = defaultProps$9;
+GoogleMapsClientProvider.propTypes = propTypes$a;
+GoogleMapsClientProvider.defaultProps = defaultProps$a;
 
 var ModalsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
@@ -717,12 +717,12 @@ var withModals = function withModals(WrappedComponent) {
   WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
-var propTypes$8 = {
+var propTypes$9 = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
 
 };
-var defaultProps$8 = {
+var defaultProps$9 = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
@@ -778,8 +778,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
     value: value
   }, children);
 };
-ModalsProvider.propTypes = propTypes$8;
-ModalsProvider.defaultProps = defaultProps$8;
+ModalsProvider.propTypes = propTypes$9;
+ModalsProvider.defaultProps = defaultProps$9;
 
 var PanelsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
@@ -808,12 +808,12 @@ var withPanels = function withPanels(WrappedComponent) {
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$7 = {
+var propTypes$8 = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
 
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
@@ -869,8 +869,8 @@ var PanelsProvider = function PanelsProvider(_ref2) {
     value: value
   }, children);
 };
-PanelsProvider.propTypes = propTypes$7;
-PanelsProvider.defaultProps = defaultProps$7;
+PanelsProvider.propTypes = propTypes$8;
+PanelsProvider.defaultProps = defaultProps$8;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var RoutesContext = /*#__PURE__*/React__default["default"].createContext(null);
@@ -924,13 +924,13 @@ var useRouteBack = function useRouteBack() {
   }, [history, url]);
   return back;
 };
-var propTypes$6 = {
+var propTypes$7 = {
   children: PropTypes__default["default"].node.isRequired,
   routes: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
   // .isRequired,
   basePath: PropTypes__default["default"].string
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   routes: null,
   basePath: null
 };
@@ -948,8 +948,8 @@ var RoutesProvider = function RoutesProvider(_ref2) {
     value: value
   }, children);
 };
-RoutesProvider.propTypes = propTypes$6;
-RoutesProvider.defaultProps = defaultProps$6;
+RoutesProvider.propTypes = propTypes$7;
+RoutesProvider.defaultProps = defaultProps$7;
 
 var ScreenContext = /*#__PURE__*/React__default["default"].createContext({
   data: null,
@@ -1010,14 +1010,14 @@ var useScreenState = function useScreenState() {
 
   return screenState;
 };
-var propTypes$5 = {
+var propTypes$6 = {
   children: PropTypes__default["default"].node.isRequired,
   data: core.PropTypes.screen,
   definition: core.PropTypes.screenDefinition,
   renderContext: core.PropTypes.renderContext,
   screenState: PropTypes__default["default"].string
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   data: null,
   definition: null,
   renderContext: null,
@@ -1063,8 +1063,8 @@ var ScreenProvider = function ScreenProvider(_ref6) {
     value: value
   }, children);
 };
-ScreenProvider.propTypes = propTypes$5;
-ScreenProvider.defaultProps = defaultProps$5;
+ScreenProvider.propTypes = propTypes$6;
+ScreenProvider.defaultProps = defaultProps$6;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var ScreenSizeContext = /*#__PURE__*/React__default["default"].createContext({
@@ -1078,11 +1078,11 @@ var ScreenSizeContext = /*#__PURE__*/React__default["default"].createContext({
 var useScreenSize = function useScreenSize() {
   return React.useContext(ScreenSizeContext);
 };
-var propTypes$4 = {
+var propTypes$5 = {
   children: PropTypes__default["default"].node.isRequired,
   size: core.PropTypes.screenSize
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   size: {}
 }; // Note: this is done to avoid excessive renders on the screens that use the context
 
@@ -1100,17 +1100,17 @@ var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
     value: currentSize
   }, children);
 };
-ScreenSizeProvider.propTypes = propTypes$4;
-ScreenSizeProvider.defaultProps = defaultProps$4;
+ScreenSizeProvider.propTypes = propTypes$5;
+ScreenSizeProvider.defaultProps = defaultProps$5;
 
 var useTracking = function useTracking() {
   return React.useContext(tracking.TrackingContext);
 };
-var propTypes$3 = {
+var propTypes$4 = {
   children: PropTypes__default["default"].node.isRequired,
   variables: core.PropTypes.trackingVariables
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   variables: null
 };
 var TrackingProvider = function TrackingProvider(_ref) {
@@ -1126,8 +1126,8 @@ var TrackingProvider = function TrackingProvider(_ref) {
     tracking: tracking$1
   }, children);
 };
-TrackingProvider.propTypes = propTypes$3;
-TrackingProvider.defaultProps = defaultProps$3;
+TrackingProvider.propTypes = propTypes$4;
+TrackingProvider.defaultProps = defaultProps$4;
 
 var _excluded$3 = ["Uppy"];
 /**
@@ -1535,7 +1535,7 @@ var useUppy = function useUppy() {
   }, [uppy]);
   return uppy;
 };
-var propTypes$2 = {
+var propTypes$3 = {
   children: PropTypes__default["default"].node.isRequired,
   transport: PropTypes__default["default"].oneOf(['xhr', 'transloadit', 'tus']),
   locale: PropTypes__default["default"].string,
@@ -1556,7 +1556,7 @@ var propTypes$2 = {
     endpoint: PropTypes__default["default"].string.isRequired
   })])
 };
-var defaultProps$2 = {
+var defaultProps$3 = {
   transport: null,
   locale: null,
   sources: null,
@@ -1696,8 +1696,8 @@ var UppyProvider = function UppyProvider(_ref5) {
     value: value
   }, children);
 };
-UppyProvider.propTypes = propTypes$2;
-UppyProvider.defaultProps = defaultProps$2;
+UppyProvider.propTypes = propTypes$3;
+UppyProvider.defaultProps = defaultProps$3;
 
 var defaultValue$1 = {
   userInteracted: false
@@ -1706,10 +1706,10 @@ var UserInteractionContext = /*#__PURE__*/React__default["default"].createContex
 var useUserInteracted = function useUserInteracted() {
   return React.useContext(UserInteractionContext).userInteracted;
 };
-var propTypes$1 = {
+var propTypes$2 = {
   children: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$1 = {};
+var defaultProps$2 = {};
 var UserInteractionProvider = function UserInteractionProvider(_ref) {
   var children = _ref.children;
 
@@ -1751,8 +1751,8 @@ var UserInteractionProvider = function UserInteractionProvider(_ref) {
     value: value
   }, children);
 };
-UserInteractionProvider.propTypes = propTypes$1;
-UserInteractionProvider.defaultProps = defaultProps$1;
+UserInteractionProvider.propTypes = propTypes$2;
+UserInteractionProvider.defaultProps = defaultProps$2;
 
 var defaultValue = {
   events: new EventEmitter__default["default"](),
@@ -1791,7 +1791,7 @@ var useViewerInteraction = function useViewerInteraction() {
     enableInteraction: enableInteraction
   };
 };
-var propTypes = {
+var propTypes$1 = {
   children: PropTypes__default["default"].node.isRequired,
   events: PropTypes__default["default"].instanceOf(EventEmitter__default["default"]),
   menuVisible: PropTypes__default["default"].bool,
@@ -1802,7 +1802,7 @@ var propTypes = {
   enableInteraction: PropTypes__default["default"].func
 };
 
-var defaultProps = _objectSpread__default["default"]({}, defaultValue);
+var defaultProps$1 = _objectSpread__default["default"]({}, defaultValue);
 
 var ViewerProvider = function ViewerProvider(_ref) {
   var children = _ref.children,
@@ -1828,8 +1828,63 @@ var ViewerProvider = function ViewerProvider(_ref) {
     value: value
   }, children);
 };
-ViewerProvider.propTypes = propTypes;
-ViewerProvider.defaultProps = defaultProps;
+ViewerProvider.propTypes = propTypes$1;
+ViewerProvider.defaultProps = defaultProps$1;
+
+var VisitorContext = /*#__PURE__*/React__default["default"].createContext();
+var useVisitorContext = function useVisitorContext() {
+  var _useContext = React.useContext(VisitorContext),
+      visitor = _useContext.visitor,
+      setVisitor = _useContext.setVisitor;
+
+  return {
+    visitor: visitor,
+    setVisitor: setVisitor
+  };
+};
+var useVisitor = function useVisitor() {
+  var _useContext2 = React.useContext(VisitorContext),
+      visitor = _useContext2.visitor;
+
+  return visitor;
+};
+var useSetVisitor = function useSetVisitor() {
+  var _useContext3 = React.useContext(VisitorContext),
+      setVisitor = _useContext3.setVisitor;
+
+  return setVisitor;
+};
+var propTypes = {
+  children: PropTypes__default["default"].node.isRequired,
+  visitor: core.PropTypes.visitor
+};
+var defaultProps = {
+  visitor: null
+};
+var VisitorProvider = function VisitorProvider(_ref) {
+  var initialVisitor = _ref.visitor,
+      children = _ref.children;
+
+  var _useState = React.useState(initialVisitor),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      visitor = _useState2[0],
+      setVisitor = _useState2[1];
+
+  React.useEffect(function () {
+    setVisitor(initialVisitor);
+  }, [initialVisitor, setVisitor]);
+  var value = React.useMemo(function () {
+    return {
+      visitor: visitor,
+      setVisitor: setVisitor
+    };
+  }, [visitor, setVisitor]);
+  return /*#__PURE__*/React__default["default"].createElement(VisitorContext.Provider, {
+    value: value
+  }, children);
+};
+VisitorProvider.propTypes = propTypes;
+VisitorProvider.defaultProps = defaultProps;
 
 Object.defineProperty(exports, 'TrackingContext', {
     enumerable: true,
@@ -1877,6 +1932,8 @@ exports.UserInteractionContext = UserInteractionContext;
 exports.UserInteractionProvider = UserInteractionProvider;
 exports.ViewerContext = ViewerContext;
 exports.ViewerProvider = ViewerProvider;
+exports.VisitorContext = VisitorContext;
+exports.VisitorProvider = VisitorProvider;
 exports.useComponent = useComponent;
 exports.useComponents = useComponents;
 exports.useComponentsManager = useComponentsManager;
@@ -1917,6 +1974,7 @@ exports.useScreenState = useScreenState;
 exports.useScreensComponents = useScreensComponents;
 exports.useScreensComponentsManager = useScreensComponentsManager;
 exports.useScreensManager = useScreensManager;
+exports.useSetVisitor = useSetVisitor;
 exports.useStory = useStory;
 exports.useStoryContext = useStoryContext;
 exports.useTracking = useTracking;
@@ -1927,6 +1985,8 @@ exports.useViewer = useViewer;
 exports.useViewerEvents = useViewerEvents;
 exports.useViewerInteraction = useViewerInteraction;
 exports.useViewerNavigation = useViewerNavigation;
+exports.useVisitor = useVisitor;
+exports.useVisitorContext = useVisitorContext;
 exports.withGoogleApiClient = withGoogleApiClient;
 exports.withGoogleMapsClient = withGoogleMapsClient;
 exports.withModals = withModals;

package/lib/index.js

@@ -609,6 +609,10 @@ var authorElement = PropTypes__default["default"].shape({
     url: PropTypes__default["default"].string
   })
 });
+var visitor = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes__default["default"].string
+});
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -748,7 +752,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     paymentItem: paymentItem,
     paymentItems: paymentItems,
     pageMetadata: pageMetadata,
-    authorElement: authorElement
+    authorElement: authorElement,
+    visitor: visitor
 });
 
 var sortedColors = function sortedColors(colors) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.144",
+    "version": "0.3.147",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d0f88b972312c6f728601a828b7ab98fd396dfee"
+    "gitHead": "695a66acc54f4863dc44a98f0471e8233ca10aee"
 }