@momo-kits/foundation 0.109.1-tracking.7 → 0.109.2-beta.1

package/Application/BottomTab/index.tsx

@@ -101,7 +101,7 @@ const BottomTab: React.FC<BottomTabProps> = ({
         <BottomTabBar
           {...props}
           floatingButton={floatingButton}
-          inactiveTintColor={theme.colors.text.secondary}
+          inactiveTintColor={theme.colors.text.hint}
         />
       )}
       tabBarOptions={{

package/Application/Components/BottomSheetHelpCenter.tsx

@@ -68,7 +68,7 @@ const BottomSheetHelpCenter: React.FC<any> = ({onRequestClose}) => {
         application: {
           appId: context?.appId,
           appCode: context?.code,
-          appName: context?.name,
+          appName: context?.name?.['en'],
           buildNumber: context?.buildNumber,
         },
       });

package/Application/Components/HeaderExtendHeader.tsx

@@ -34,7 +34,7 @@ const HeaderExtendHeader: React.FC<{
   headerType = 'default',
   animatedValue,
   heightHeader,
-  headerRightWidth = 0,
+  headerRightWidth = 73,
   inputSearchProps,
   inputSearchRef,
   useShadowHeader = true,

package/Application/Components/HeaderRight.tsx

@@ -207,7 +207,7 @@ const HeaderToolkitAction: React.FC<any> = ({
   const showIconMore = tools && totalTools > 1;
   const isHaveOneTool = tools && totalTools === 1;
 
-  if (showIconMore || (useMore && isHaveOneTool)) {
+  if (showIconMore || useMore) {
     iconShortcut = 'navigation_more_icon';
     shortcutOnPress = onPressIconMore;
   } else if (isHaveOneTool) {

package/Application/Components/HeaderTitle.tsx

@@ -96,7 +96,7 @@ const TitleUser: React.FC<TitleUserProps> = ({
       style={styles.headerTitleContainer}
       onPress={onPress}
       disabled={onPress === undefined}>
-      <View style={Styles.row}>
+      <View style={[Styles.row, Styles.flex]}>
         <View>
           <View
             style={[
@@ -109,7 +109,7 @@ const TitleUser: React.FC<TitleUserProps> = ({
             <View style={[styles.dotAvatar, {backgroundColor: dotColor}]} />
           )}
         </View>
-        <View style={[Styles.flex, {paddingHorizontal: 6}]}>
+        <View style={[Styles.flex, {marginLeft: 6}]}>
           <View style={Styles.row}>
             <Text
               typography="action_xs_bold"
@@ -192,7 +192,9 @@ const TitleJourney: React.FC<TitleJourneyProps> = ({
   onPress,
 }) => {
   return (
-    <TouchableOpacity style={styles.headerTitleContainer} onPress={onPress}>
+    <TouchableOpacity
+      style={[styles.headerTitleContainer, {overflow: 'hidden'}]}
+      onPress={onPress}>
       <View style={styles.rowJourney}>
         <View style={Styles.row}>
           <Text typography="action_xs_bold" color={tintColor} numberOfLines={1}>
@@ -260,8 +262,7 @@ const styles = StyleSheet.create({
   },
   headerTitleContainer: {
     justifyContent: 'center',
-    maxWidth: Dimensions.get('window').width - 178,
-    overflow: 'hidden',
+    maxWidth: Dimensions.get('window').width - 190,
   },
   circle: {
     width: 32,
@@ -287,7 +288,7 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderColor: Colors.black_01,
   },
-  verifiedIcon: {marginHorizontal: Spacing.XS, width: 12, height: 12},
+  verifiedIcon: {width: 12, height: 12, marginLeft: Spacing.XS},
 });
 
 export {HeaderTitle, TitleCustom};

package/Application/Components/SearchHeader.tsx

@@ -7,7 +7,16 @@ import {ApplicationContext, MiniAppContext} from '../index';
 import {Text} from '../../Text';
 
 const SearchHeader = React.forwardRef<InputRef, SearchHeaderProps>(
-  ({animatedValue, buttonText = 'Huỷ', onPressButtonText, ...props}, ref) => {
+  (
+    {
+      animatedValue,
+      buttonText = 'Huỷ',
+      onPressButtonText,
+      showButtonText = true,
+      ...props
+    },
+    ref
+  ) => {
     const {theme, navigator} = useContext(ApplicationContext);
     const context = useContext<any>(MiniAppContext);
 
@@ -63,6 +72,9 @@ const SearchHeader = React.forwardRef<InputRef, SearchHeaderProps>(
       return true;
     };
 
+    const isShowButton =
+      context?.appId === 'vn.momo.transactionhistory' ? showButtonText : true;
+
     return (
       <View style={styles.container}>
         <View style={Styles.flex}>
@@ -75,9 +87,11 @@ const SearchHeader = React.forwardRef<InputRef, SearchHeaderProps>(
             />
           </Animated.View>
         </View>
-        <TouchableOpacity onPress={goBackSafe} style={styles.searchAction}>
-          <Text typography={'action_default_bold'}>{buttonText}</Text>
-        </TouchableOpacity>
+        {isShowButton && (
+          <TouchableOpacity onPress={goBackSafe} style={styles.searchAction}>
+            <Text typography={'action_default_bold'}>{buttonText}</Text>
+          </TouchableOpacity>
+        )}
       </View>
     );
   }

package/Application/StackScreen.tsx

@@ -137,7 +137,10 @@ const StackScreen: React.FC<ScreenParams> = props => {
         message: `${screenName} screen_load_time ${timeLoad}`,
         type: 'ERROR',
       });
-      if (lastElement.current?.children?.current?.length > 0) {
+      if (
+        context.debugLastElement &&
+        lastElement.current?.children?.current?.length > 0
+      ) {
         Alert.alert(
           `${screenName}- load ${timeLoad}ms`,
           JSON.stringify(lastElement.current?.children?.current)

package/Application/types.ts

@@ -84,13 +84,13 @@ export type LocalizationObject = {
 };
 
 export type ToolGroup = {
-  title: LocalizationObject;
+  title: {vi: string; en: string};
   items: Tool[];
 };
 
 export type Tool = {
   icon: string;
-  name: LocalizationObject;
+  name: {vi: string; en: string};
   key: string;
   showBadge?: boolean;
   onPress: () => void;

package/Input/InputTextArea.tsx

@@ -50,7 +50,6 @@ const InputTextArea = forwardRef(
     ref
   ) => {
     const {theme} = useContext(ApplicationContext);
-
     const [focused, setFocused] = useState(false);
     const [inputValue, setInputValue] = useState(defaultValue ?? '');
     const inputRef = useRef<TextInput | null>(null);

package/Layout/Screen.tsx

@@ -162,7 +162,7 @@ const Screen = forwardRef(
       headerComponent: Header,
       footerComponent: Footer,
       layoutOffset = -56,
-      headerRightWidth = 110,
+      headerRightWidth = 73,
       backgroundColor,
       headerType = 'default',
       floatingButtonProps,

package/package.json

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