@momo-kits/foundation 0.81.23-beta.2 → 0.81.23-beta.4

package/Popup/PopupNotify.tsx

@@ -9,6 +9,7 @@ import {Button} from '../Button';
 import {Icon} from '../Icon';
 
 const PopupNotify: React.FC<PopupNotifyProps> = ({
+  id,
   image,
   title = 'Title',
   description = 'Description',
@@ -47,7 +48,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
         flow_partner_id: navigator?.trackingInfo?.flowPartnerId,
         screen_name,
         component_type: 'popup',
-        component_name: 'PopupNotify',
+        component_name: id,
         error_code: error ? error : undefined,
       };
       navigator?.maxApi?.trackEvent('service_component_displayed', {
@@ -63,6 +64,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
       };
     }
   }, []);
+
   /**
    * on action popup
    * @param callback

package/Popup/PopupPromotion.tsx

@@ -7,6 +7,7 @@ import {Radius, Spacing} from '../Consts';
 import {Icon} from '../Icon';
 
 const PopupPromotion: React.FC<PopupPromotionProps> = ({
+  id,
   image,
   onIconClose,
 }) => {
@@ -17,21 +18,6 @@ const PopupPromotion: React.FC<PopupPromotionProps> = ({
    * tracking
    */
   useEffect(() => {
-    onTracking('service_component_displayed', undefined, '111012100000000000');
-    return () => {
-      onTracking(
-        'service_popup_dismissed',
-        closeAction.current,
-        '111154100000000001',
-      );
-    };
-  }, []);
-
-  const onTracking = (
-    event: string,
-    actionType: string | undefined,
-    trigger_id: string,
-  ) => {
     if (navigator?.trackingInfo) {
       const routes = navigator.ref.current?.getRootState()?.routes || [];
       const routesLength = routes.length;
@@ -39,19 +25,28 @@ const PopupPromotion: React.FC<PopupPromotionProps> = ({
       if (routesLength > 1) {
         screen_name = routes[routesLength - 2]?.params?.screen?.name;
       }
-      navigator?.maxApi?.trackEvent(event, {
+      const tracking = {
         feature_code: navigator?.trackingInfo?.code,
         app_id: navigator?.trackingInfo?.appId,
         miniapp_version: navigator?.trackingInfo?.buildNumber,
         flow_partner_id: navigator?.trackingInfo?.flowPartnerId,
         screen_name,
         component_type: 'popup',
-        component_name: 'PopupPromotion',
-        trigger_id,
-        action_type: actionType,
+        component_name: id,
+      };
+      navigator?.maxApi?.trackEvent('service_component_displayed', {
+        ...tracking,
+        trigger_id: '111012100000000000',
       });
+      return () => {
+        navigator?.maxApi?.trackEvent('service_popup_dismissed', {
+          ...tracking,
+          trigger_id: '111154100000000001',
+          action_type: closeAction.current,
+        });
+      };
     }
-  };
+  }, []);
 
   /**
    * build close action

package/Popup/types.ts

@@ -2,6 +2,10 @@ import {TextStyle} from 'react-native';
 import React from 'react';
 
 export type PopupNotifyProps = {
+  /**
+   * `id`: Optional. id component_name for tracking component.
+   */
+  id?: string;
   /**
    * `image`: Optional. Represents the URL or path of the image to be displayed in the PopupNotify component.
    */
@@ -47,6 +51,11 @@ export type PopupNotifyProps = {
 };
 
 export type PopupPromotionProps = {
+  /**
+   * `id`: Optional. id component_name for tracking component.
+   */
+  id?: string;
+
   /**
    * `image`: Represents the URL or path of the image to be displayed in the PopupPromotion component.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.23-beta.2",
+    "version": "0.81.23-beta.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {