@momo-kits/foundation 0.92.29-optimize.12 → 0.92.29-optimize.15

package/Application/StackScreen.tsx

@@ -95,6 +95,8 @@ const StackScreen: React.FC<ScreenParams> = props => {
   const timeInteraction = useRef(0);
   const timeoutLoad = useRef<any>();
   const tracked = useRef<any>({
+    traceIdLoad: undefined,
+    traceIdInteraction: undefined,
     releaseLoad: undefined,
     releaseInteraction: undefined,
     timeoutLoad: undefined,
@@ -125,6 +127,15 @@ const StackScreen: React.FC<ScreenParams> = props => {
     if (options) {
       navigation.setOptions(options);
     }
+    navigator?.maxApi?.startTraceScreenLoad?.(screenName, (data: any) => {
+      tracked.current.traceIdLoad = data?.traceId;
+    });
+    navigator?.maxApi?.startTraceScreenInteraction?.(
+      screenName,
+      (data: any) => {
+        tracked.current.traceIdInteraction = data?.traceId;
+      }
+    );
   }, [options]);
 
   /**
@@ -170,6 +181,11 @@ const StackScreen: React.FC<ScreenParams> = props => {
         state: 'load',
         duration: timeLoad.current,
       });
+      navigator?.maxApi?.stopTrace?.(
+        tracked.current.traceIdLoad,
+        {value: timeLoad.current},
+        null
+      );
       navigator?.maxApi?.showToastDebug?.({
         appId: `auto - ${context.appId}`,
         message: `${screenName} screen_load_time ${timeLoad.current}`,
@@ -189,6 +205,13 @@ const StackScreen: React.FC<ScreenParams> = props => {
       if (timeLoad.current === 0) {
         timeLoad.current = endTime.current - startTime.current;
       }
+      if (timeInteraction.current === 0 && context.enableAutoId) {
+        if (context.enableAutoId) {
+          Alert.alert(screenName, "Can't get screen interaction time");
+        }
+        timeInteraction.current = timeLoad.current;
+      }
+
       context.autoTracking?.({
         appId: context.appId,
         code: context.code,
@@ -198,17 +221,15 @@ const StackScreen: React.FC<ScreenParams> = props => {
         state: 'interaction',
         duration: timeInteraction.current - timeLoad.current,
       });
-
+      navigator?.maxApi?.stopTrace?.(
+        tracked.current.traceIdInteraction,
+        {value: timeInteraction.current},
+        null
+      );
       navigator?.maxApi?.showToastDebug?.({
         appId: `auto - ${context.appId}`,
         message: `${screenName} screen_interaction_time ${timeInteraction.current}`,
       });
-      if (
-        timeInteraction.current - timeLoad.current <= 0 &&
-        context.enableAutoId
-      ) {
-        Alert.alert(screenName, "Can't get screen interaction time");
-      }
       tracked.current.releaseInteraction = true;
     }
   };

package/Input/styles.ts

@@ -140,13 +140,13 @@ export default StyleSheet.create({
     marginTop: Spacing.M,
   },
   otpInput: {
-    height: scaleSize(56),
+    height: 56,
     borderRadius: Radius.S,
     borderWidth: 1,
   },
   otpFloatingView: {
     position: 'absolute',
-    top: scaleSize(-Spacing.M + 2),
+    top: -Spacing.M + 2,
     alignSelf: 'center',
     paddingHorizontal: Spacing.S,
   },

package/Pagination/PaginationScroll.tsx

@@ -1,5 +1,5 @@
 import React, {FC, useContext, useRef, useState} from 'react';
-import {Animated, View} from 'react-native';
+import {Animated, Dimensions, View} from 'react-native';
 import {ScrollIndicatorProps} from './types';
 import styles from './styles';
 import {ApplicationContext} from '../Application';
@@ -42,7 +42,7 @@ const PaginationScroll: FC<ScrollIndicatorProps> = ({
               },
             },
           ],
-          {useNativeDriver: true},
+          {useNativeDriver: true}
         )}
         alwaysBounceHorizontal={false}
         showsHorizontalScrollIndicator={false}
@@ -80,7 +80,7 @@ const PaginationScroll: FC<ScrollIndicatorProps> = ({
   return (
     <View style={[style, styles.scrollContainer]}>
       {renderScrollView()}
-      {renderIndicator()}
+      {scrollContentWidth > scrollViewWidth && renderIndicator()}
     </View>
   );
 };

package/Pagination/styles.ts

@@ -29,7 +29,6 @@ export default StyleSheet.create({
     justifyContent: 'center',
   },
   scrollContainer: {
-    alignItems: 'center',
     width: '100%',
   },
   scrollView: {
@@ -42,6 +41,7 @@ export default StyleSheet.create({
     borderRadius: Radius.XS,
   },
   indicatorContainer: {
+    alignSelf: 'center',
     width: 72,
     height: 4,
     borderRadius: Radius.XS,

package/Popup/PopupNotify.tsx

@@ -195,7 +195,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
       ]}>
       {!!image && <Image source={{uri: image}} style={styles.image} />}
       <View style={styles.content}>
-        <Text typography={'header_default_bold'} numberOfLines={1}>
+        <Text typography={'header_default_bold'} numberOfLines={3}>
           {title}
         </Text>
         <Description style={[styles.description, descriptionStyle]}>

package/Tag/styles.ts

@@ -1,19 +1,20 @@
 import {StyleSheet} from 'react-native';
 import {Radius, Spacing} from '../Consts';
+import {scaleSize} from '../Text';
 
 export default StyleSheet.create({
   container: {
     paddingHorizontal: Spacing.S,
     borderRadius: Radius.S,
     flexDirection: 'row',
-    height: 24,
+    height: scaleSize(24),
     alignItems: 'center',
     justifyContent: 'center',
   },
   mediumContainer: {
     paddingHorizontal: Spacing.S,
     borderRadius: Radius.S,
-    height: 18,
+    height: scaleSize(18),
     alignItems: 'center',
     flexDirection: 'row',
     justifyContent: 'center',

package/package.json

@@ -1,46 +1,46 @@
 {
-    "name": "@momo-kits/foundation",
-    "version": "0.92.29-optimize.12",
-    "description": "React Native Component Kits",
-    "main": "index.ts",
-    "scripts": {},
-    "keywords": [
-        "@momo-kits/foundation"
-    ],
-    "dependencies": {
-        "@gorhom/bottom-sheet": "2.4.1",
-        "react-native-safe-area-context": "3.1.4",
-        "react-native-linear-gradient": "2.8.3",
-        "react-native-gesture-handler": "1.10.3",
-        "react-native-modalize": "2.1.1",
-        "react-native-fast-image": "8.1.5",
-        "@react-navigation/bottom-tabs": "https://oauth2:5WXQLHPMxxCyvGt_Py4D@gitlab.mservice.com.vn/momo-platform/react-native-bottom-tabs.git",
-        "@react-navigation/core": "5.16.1",
-        "@react-navigation/native": "5.9.8",
-        "@react-navigation/routers": "5.7.4",
-        "lottie-react-native": "git+https://gitlab.mservice.com.vn/momo-platform/momo-lottie-react-native.git",
-        "@react-navigation/stack": "https://oauth2:eX-jVhzQdLc343AjD3Sc@gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
-    },
-    "peerDependencies": {
-        "react-native": "*"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.12.9",
-        "@babel/runtime": "^7.12.5",
-        "@react-native-community/eslint-config": "^2.0.0",
-        "@types/jest": "26.0.23",
-        "@types/react-native": "0.64.4",
-        "@types/react-test-renderer": "16.9.2",
-        "@types/d3-shape": "1.3.7",
-        "babel-jest": "^26.6.3",
-        "eslint": "^7.14.0",
-        "jest": "^26.6.3",
-        "metro-react-native-babel-preset": "^0.64.0",
-        "react-test-renderer": "17.0.1",
-        "typescript": "^4.0.3",
-        "@momo-platform/versions": "4.1.11",
-        "react-scanner": "^1.1.0"
-    },
-    "author": "@momo-kits/foundation",
-    "license": "ISC"
+  "name": "@momo-kits/foundation",
+  "version": "0.92.29-optimize.15",
+  "description": "React Native Component Kits",
+  "main": "index.ts",
+  "scripts": {},
+  "keywords": [
+    "@momo-kits/foundation"
+  ],
+  "dependencies": {
+    "@gorhom/bottom-sheet": "2.4.1",
+    "react-native-safe-area-context": "3.1.4",
+    "react-native-linear-gradient": "2.8.3",
+    "react-native-gesture-handler": "1.10.3",
+    "react-native-modalize": "2.1.1",
+    "react-native-fast-image": "8.1.5",
+    "@react-navigation/bottom-tabs": "https://oauth2:5WXQLHPMxxCyvGt_Py4D@gitlab.mservice.com.vn/momo-platform/react-native-bottom-tabs.git",
+    "@react-navigation/core": "5.16.1",
+    "@react-navigation/native": "5.9.8",
+    "@react-navigation/routers": "5.7.4",
+    "lottie-react-native": "git+https://gitlab.mservice.com.vn/momo-platform/momo-lottie-react-native.git",
+    "@react-navigation/stack": "https://oauth2:eX-jVhzQdLc343AjD3Sc@gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
+  },
+  "peerDependencies": {
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.9",
+    "@babel/runtime": "^7.12.5",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@types/jest": "26.0.23",
+    "@types/react-native": "0.64.4",
+    "@types/react-test-renderer": "16.9.2",
+    "@types/d3-shape": "1.3.7",
+    "babel-jest": "^26.6.3",
+    "eslint": "^7.14.0",
+    "jest": "^26.6.3",
+    "metro-react-native-babel-preset": "^0.64.0",
+    "react-test-renderer": "17.0.1",
+    "typescript": "^4.0.3",
+    "@momo-platform/versions": "4.1.11",
+    "react-scanner": "^1.1.0"
+  },
+  "author": "@momo-kits/foundation",
+  "license": "ISC"
 }

package/publish.sh

@@ -1,28 +1,18 @@
 #!/bin/bash
 
-# Prepare dist files
-rm -rf dist
-mkdir dist
-rsync -r --exclude=/dist ./* dist
-cd dist
-
 if [ "$1" == "stable" ]; then
-  #npm version $(npm view @momo-kits/foundation@stable version)
-  #npm version patch
+  npm version $(npm view @momo-kits/foundation@stable version)
+  npm version patch
   npm publish --tag stable --access=public
 elif [ "$1" == "latest" ]; then
-  #npm version $(npm view @momo-kits/foundation@latest version)
-  #npm version prerelease --preid=rc
+  npm version $(npm view @momo-kits/foundation@latest version)
+  npm version prerelease --preid=rc
   npm publish --tag latest --access=public
 else
-  #npm version $(npm view @momo-kits/foundation@beta version)
-  #npm version prerelease --preid=beta
+#  npm version $(npm view @momo-kits/foundation@beta version)
+#  npm version prerelease --preid=beta
   npm publish --tag beta --access=public
 fi
 
 PACKAGE_NAME=$(npm pkg get name)
 NEW_PACKAGE_VERSION=$(npm pkg get version)
-
-# Clean up
-cd ..
-rm -rf dist