@momo-kits/foundation 0.157.3-beta.23 → 0.157.5-beta.1

package/Application/BottomSheet.tsx

@@ -29,7 +29,6 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 import layoutStyles from '../Layout/styles';
-import { version } from '../package.json';
 
 const BottomSheet: React.FC<BottomSheetParams> = props => {
   const { theme, navigator } = useContext(ApplicationContext);
@@ -55,40 +54,10 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
     useDivider = true,
     footerComponent,
     leftOptions,
-    screen_name,
-    componentName,
-    componentLabel,
-    description,
-    title,
-  } = props as BottomSheetParams;
+  }: BottomSheetParams = props.route.params;
 
   const translateY = useSharedValue(heightDevice);
 
-  /**
-   * Fire auto_popup_displayed tracking event on mount
-   */
-  useEffect(() => {
-    if (typeof context?.autoTracking !== 'function') {
-      return;
-    }
-
-    context.autoTracking({
-      ...context,
-      eventName: 'auto_popup_displayed',
-      screen_name: screen_name ?? context.screenName,
-      miniapp_version: context.miniapp_version,
-      tracking_source: 1,
-      app_id: context.appId,
-      feature_code: context.feature_code,
-      kits_version: version,
-      component_name: componentName,
-      component_label: componentLabel,
-      description,
-      title,
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   const openAnimation = useCallback(() => {
     translateY.value = withTiming(0, {
       duration: 350,

package/Application/ModalScreen.tsx

@@ -11,13 +11,12 @@ import {
   View,
 } from 'react-native';
 
-import { ApplicationContext, MiniAppContext } from '../Context';
+import { ApplicationContext } from '../Context';
 import { Styles } from '../Consts';
 import Navigation from './Navigation';
 import { ModalParams } from './types';
 import BottomSheet from './BottomSheet';
 import { runOnJS } from 'react-native-reanimated';
-import { version } from '../package.json';
 
 const ModalScreen: React.FC<any> = props => {
   if (props.route?.params?.isBottomSheet) {
@@ -28,36 +27,13 @@ const ModalScreen: React.FC<any> = props => {
 
 const Modal: React.FC<ModalParams> = props => {
   const { navigator } = useContext(ApplicationContext);
-  const context = useContext<any>(MiniAppContext);
   const {
     screen,
     barrierDismissible,
     modalStyle,
     useNativeModal = false,
-    description,
-    title,
   } = props.route.params;
   const Component = useRef(screen).current;
-
-  /**
-   * Fire auto_popup_displayed tracking event on mount
-   */
-  useEffect(() => {
-    context.autoTracking({
-      eventName: 'auto_popup_displayed',
-      screen_name: context.screenName,
-      miniapp_version: context.miniapp_version,
-      tracking_source: 1,
-      app_id: context.appId,
-      feature_code: context.feature_code,
-      kits_version: version,
-      componentName: 'Modal',
-      description,
-      title,
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   const opacity = useRef(new Animated.Value(0)).current;
   const scale = useRef(new Animated.Value(0.8)).current;
 

package/Application/types.ts

@@ -185,35 +185,7 @@ export type ScreenTrackingParams = {
   value2?: any;
 };
 
-export type ModalTrackingProps = {
-  /**
-   * Optional. Screen name for auto_popup_displayed tracking event.
-   * Falls back to the current screen's name from context if not provided.
-   */
-  screen_name?: string;
-
-  /**
-   * Optional. Component name for auto_popup_displayed tracking event.
-   */
-  componentName?: string;
-
-  /**
-   * Optional. Component label for auto_popup_displayed tracking event.
-   */
-  componentLabel?: string;
-
-  /**
-   * Optional. Description for auto_popup_displayed tracking event.
-   */
-  description?: string;
-
-  /**
-   * Optional. Title for auto_popup_displayed tracking event.
-   */
-  title?: string;
-};
-
-export type ModalParams = ModalTrackingProps & {
+export type ModalParams = {
   [key: string]: any;
   screen: React.ComponentType;
   onDismiss?: () => void;
@@ -222,7 +194,7 @@ export type ModalParams = ModalTrackingProps & {
   useNativeModal?: boolean;
 };
 
-export type BottomSheetParams = ModalTrackingProps & {
+export type BottomSheetParams = {
   [key: string]: any;
   screen: React.ComponentType;
   options: {

package/Popup/PopupPromotion.tsx

@@ -92,7 +92,7 @@ const PopupPromotion: React.FC<PopupPromotionProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    aspectRatio: 0.5625, // 9:16
+    aspectRatio: 0.72, // 9:16
     width: '100%',
   },
   debugBaseLine: { borderWidth: 1, borderColor: Colors.green_06 },

package/package.json

@@ -1,35 +1,35 @@
 {
-  "name": "@momo-kits/foundation",
-  "version": "0.157.3-beta.23",
-  "description": "React Native Component Kits",
-  "main": "index.ts",
-  "scripts": {},
-  "keywords": [
-    "@momo-kits/foundation"
-  ],
-  "dependencies": {
-    "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
-    "@react-navigation/bottom-tabs": "7.4.2",
-    "@react-navigation/core": "7.12.1",
-    "@react-navigation/elements": "2.5.2",
-    "@react-navigation/native": "7.1.14",
-    "@react-navigation/routers": "7.4.1",
-    "@react-navigation/stack": "7.4.2",
-    "react-native-gesture-handler": "2.27.1",
-    "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
-    "react-native-reanimated": "4.1.0",
-    "react-native-safe-area-context": "5.5.2",
-    "@shopify/flash-list": "2.1.0",
-    "lottie-react-native": "7.2.4"
-  },
-  "peerDependencies": {
-    "react-native": "*"
-  },
-  "devDependencies": {
-    "@types/color": "3.0.6"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "license": "MoMo"
-}
+    "name": "@momo-kits/foundation",
+    "version": "0.157.5-beta.1",
+    "description": "React Native Component Kits",
+    "main": "index.ts",
+    "scripts": {},
+    "keywords": [
+        "@momo-kits/foundation"
+    ],
+    "dependencies": {
+        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
+        "@react-navigation/bottom-tabs": "7.4.2",
+        "@react-navigation/core": "7.12.1",
+        "@react-navigation/elements": "2.5.2",
+        "@react-navigation/native": "7.1.14",
+        "@react-navigation/routers": "7.4.1",
+        "@react-navigation/stack": "7.4.2",
+        "react-native-gesture-handler": "2.27.1",
+        "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
+        "react-native-reanimated": "4.1.0",
+        "react-native-safe-area-context": "5.5.2",
+        "@shopify/flash-list": "2.1.0",
+        "lottie-react-native": "7.2.4"
+    },
+    "peerDependencies": {
+        "react-native": "*"
+    },
+    "devDependencies": {
+        "@types/color": "3.0.6"
+    },
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "license": "MoMo"
+}