@momo-kits/foundation 0.112.1-optimize.6-beta.7 → 0.112.1-optimize.6-beta.8

package/Application/StackScreen.tsx

@@ -28,6 +28,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
     timeLoad: 0,
     timeInteraction: 0,
     widgets: [],
+    params: undefined,
   });
   const widgets = useRef<any>([]);
   const context = useContext<any>(MiniAppContext);
@@ -117,6 +118,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
         state: 'load',
         duration: timeLoad,
         widgets: tracking.current.widgets,
+        params: tracking.current.params,
       });
       navigator?.maxApi?.stopTrace?.(
         tracking.current.traceIdLoad,
@@ -165,6 +167,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
         state: 'interaction',
         duration: tracking.current.timeInteraction - timeLoad,
         totalDuration: tracking.current.timeInteraction,
+        params: tracking.current.params,
       });
       navigator?.maxApi?.stopTrace?.(
         tracking.current.traceIdInteraction,
@@ -254,6 +257,9 @@ const StackScreen: React.FC<ScreenParams> = props => {
             onScreenInteraction();
           }, 2000);
         },
+        onSetParams: (data: any) => {
+          tracking.current.params = data;
+        },
       }}>
       <Component heightHeader={heightHeader} {...data} />
       {showGrid && <GridSystem />}

package/Layout/Screen.tsx

@@ -23,7 +23,7 @@ import {
   ViewProps,
 } from 'react-native';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ScreenContext} from '../Application';
 import Navigation from '../Application/Navigation';
 import {
   AnimatedHeader,
@@ -148,6 +148,11 @@ export interface ScreenProps extends ViewProps {
    * Optional. Custom headerBackground Image
    */
   headerBackground?: string;
+
+  /**
+   * Optional. Custom tracking params
+   */
+  trackingParams?: object;
 }
 
 const Screen = forwardRef(
@@ -174,11 +179,13 @@ const Screen = forwardRef(
       animatedValue: customAnimatedValue,
       headerBackground,
       gradientColor,
+      trackingParams,
     }: ScreenProps,
     ref: any
   ) => {
     const screenRef = useRef<View | ScrollView>();
     const {theme} = useContext(ApplicationContext);
+    const screen: any = useContext(ScreenContext);
     const insets = useSafeAreaInsets();
     const heightHeader = useHeaderHeight();
     const animatedValue = useRef<Animated.Value>(
@@ -195,6 +202,11 @@ const Screen = forwardRef(
       keyboardOffset = -Math.min(insets.bottom, 21);
     }
 
+    /**
+     * inject params for screen tracking
+     */
+    screen?.onSetParams?.(trackingParams);
+
     /**
      * export options for screen
      * @param headerType

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.112.1-optimize.6-beta.7",
+  "version": "0.112.1-optimize.6-beta.8",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},