feat: add multipleEvents prop for useAnalytics

README.md

@@ -222,7 +222,7 @@ You can define environment variables for dev-mode in .env.development file withi
 
 To start using any analytics, pass a handler to the constructor. The handler must be created on a project side. The handler will receive the `default` and `custom` event objects. The passed handler will be fired on a button, link, navigation, and control clicks. As one handler is used for all events treatment, pay attention to how to treat different events while creating the handler. There are predefined fields that serve to help you to build complex logic.
 
-Pass `autoEvents: true` to constructor to fire automatically configured events.
+Pass `autoEvents: true` to constructor to fire automatically configured events. Pass `multipleEvents: true` to constructor to fire events multiple times.
 
 ```ts
 function sendEvents(events: MyEventType []) {
@@ -232,7 +232,7 @@ function sendEvents(events: MyEventType []) {
 <PageConstructorProvider
     ...
 
-    analytics={{sendEvents, autoEvents: true}}
+    analytics={{sendEvents, autoEvents: true, multipleEvents: true}}
 
     ...
 />

src/context/analyticsContext/analyticsContext.tsx

@@ -5,6 +5,7 @@ import {AnalyticsEvent} from '../../models';
 export interface AnalyticsContextProps {
     sendEvents?: (events: AnalyticsEvent[]) => void;
     autoEvents?: boolean;
+    multipleEvents?: boolean;
 }
 
 export const AnalyticsContext = React.createContext<AnalyticsContextProps>({});

src/hooks/useAnalytics.ts

@@ -7,7 +7,7 @@ import {BlockIdContext} from '../context/blockIdContext';
 import {AnalyticsEvent, PredefinedEventTypes} from '../models';
 
 export const useAnalytics = (name = '', target?: string) => {
-    const {sendEvents, autoEvents} = useContext(AnalyticsContext);
+    const {sendEvents, autoEvents, multipleEvents} = useContext(AnalyticsContext);
     const context = useContext(BlockIdContext);
     const defaultEvent = useMemo(
         () =>
@@ -28,29 +28,29 @@ export const useAnalytics = (name = '', target?: string) => {
 
     const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];
 
-    return memoize(
-        (
-            e?: AnalyticsEvent | AnalyticsEvent[] | null,
-            additionalContext?: Record<string, string>,
-        ) => {
-            let events: AnalyticsEvent[] = defaultEvents;
-
-            if (e) {
-                events = Array.isArray(e) ? [...events, ...e] : [...events, e];
-            }
-
-            if (!events) {
-                return;
-            }
-
-            const preparedEvents = additionalContext
-                ? events.map((event) => ({
-                      ...event,
-                      ...additionalContext,
-                  }))
-                : events;
-
-            sendEvents(preparedEvents);
-        },
-    );
+    const handler = (
+        e?: AnalyticsEvent | AnalyticsEvent[] | null,
+        additionalContext?: Record<string, string>,
+    ) => {
+        let events: AnalyticsEvent[] = defaultEvents;
+
+        if (e) {
+            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
+        }
+
+        if (!events) {
+            return;
+        }
+
+        const preparedEvents = additionalContext
+            ? events.map((event) => ({
+                  ...event,
+                  ...additionalContext,
+              }))
+            : events;
+
+        sendEvents(preparedEvents);
+    };
+
+    return multipleEvents ? handler : memoize(handler);
 };