@momo-kits/foundation 0.89.4-tracking.14 → 0.89.4-tracking.16

package/Application/Components.tsx

@@ -6,7 +6,6 @@ import React, {
   useState,
 } from 'react';
 import {
-  Alert,
   Animated,
   BackHandler,
   DeviceEventEmitter,
@@ -121,23 +120,18 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
     const goBack = () => {
       const canGoBack = navigator?.ref.current?.canGoBack();
       if (!canGoBack) {
-        const currentRoute = navigator?.ref?.current.getCurrentRoute();
-        Alert.alert(
-          'service_icon_clicked',
-          JSON.stringify({
-            ...context,
-            screen_name:
-              currentRoute?.params?.screen?.name ?? currentRoute?.name,
-            trigger_id: '111154000000000000',
-            icon_name: 'back',
-          }),
-        );
-        navigator?.maxApi?.trackEvent?.('service_icon_clicked', {
+        const currentRoute = navigator?.ref?.current?.getCurrentRoute?.();
+        const params = {
           ...context,
           screen_name: currentRoute?.params?.screen?.name ?? currentRoute?.name,
           trigger_id: '111154000000000000',
           icon_name: 'back',
+        };
+        navigator?.maxApi?.showToastDebug?.({
+          title: 'service_icon_clicked',
+          params,
         });
+        navigator?.maxApi?.trackEvent?.('service_icon_clicked', params);
       }
       if (canGoBack) {
         navigator?.ref.current?.goBack();

package/Application/StackScreen.tsx

@@ -4,7 +4,7 @@ import Navigation from './Navigation';
 import {ApplicationContext, MiniAppContext} from './index';
 import {GridSystem} from '../Layout';
 import {useHeaderHeight} from '@react-navigation/stack';
-import {Alert} from 'react-native';
+import {Alert, InteractionManager} from 'react-native';
 
 const {
   ScreenContext,
@@ -37,12 +37,24 @@ const StackScreen: React.FC<ScreenParams> = props => {
     if (options) {
       navigation.setOptions(options);
     }
+    InteractionManager.runAfterInteractions(() => {
+      navigator?.maxApi?.showToastDebug?.({
+        title: 'screen_interaction_time',
+        message: Date.now() - startTime.current,
+      });
+    });
   }, [options]);
 
   /**
    * tracking for screen
    */
   useEffect(() => {
+    if (__DEV__) {
+      if (!Component.name || Component.name === 'screen')  {
+        Alert.alert('Design system', `Unvalidated screen name "${Component.name}" !`)
+      }
+    }
+
     const tracking = {
       ...context,
       screen_name: Component.name,
@@ -55,34 +67,28 @@ const StackScreen: React.FC<ScreenParams> = props => {
       pre_screen_name = routes[routesLength - 2]?.params?.screen?.name;
     }
 
-    navigator?.maxApi?.trackEvent?.('service_frame_displayed', {
+    const params = {
       ...tracking,
       pre_screen_name,
       trigger_id: '111378000000000000',
+    };
+    navigator?.maxApi?.trackEvent?.('service_frame_displayed', params);
+    navigator?.maxApi?.showToastDebug?.({
+      title: 'service_frame_displayed',
+      params,
     });
 
-    Alert.alert(
-      'service_frame_displayed',
-      JSON.stringify({
-        ...tracking,
-        pre_screen_name,
-        trigger_id: '111378000000000000',
-      }),
-    );
     return props.navigation.addListener('beforeRemove', () => {
-      navigator?.maxApi?.trackEvent?.('service_icon_clicked', {
+      const params = {
         ...tracking,
         trigger_id: '111154000000000000',
         icon_name: 'back',
+      };
+      navigator?.maxApi?.trackEvent?.('service_icon_clicked', params);
+      navigator?.maxApi?.showToastDebug?.({
+        title: 'service_icon_clicked',
+        params,
       });
-      Alert.alert(
-        'service_icon_clicked',
-        JSON.stringify({
-          ...tracking,
-          trigger_id: '111154000000000000',
-          icon_name: 'back',
-        }),
-      );
     });
   }, []);
 
@@ -100,6 +106,10 @@ const StackScreen: React.FC<ScreenParams> = props => {
           clearTimeout(timeout.current);
           timeout.current = setTimeout(() => {
             timeLoad.current = endTime.current - startTime.current;
+            navigator?.maxApi?.showToastDebug?.({
+              title: 'screen_load_time',
+              message: timeLoad.current,
+            });
           }, 1000);
         },
       }}>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.89.4-tracking.14",
+    "version": "0.89.4-tracking.16",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {