@momo-kits/foundation 0.92.28 → 0.92.29-optimize.2

package/Input/Input.tsx

@@ -1,5 +1,6 @@
 import React, {
   forwardRef,
+  ReactNode,
   useContext,
   useImperativeHandle,
   useRef,
@@ -16,11 +17,15 @@ import {
 import {ApplicationContext, ComponentContext} from '../Application';
 import {Icon} from '../Icon';
 import {Loader} from '../Loader';
+import {Text} from '../Text';
 import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputProps} from './index';
 import styles from './styles';
 import {checkTyping} from './utils';
 
+/**
+ * Input default component
+ */
 const Input = forwardRef(
   (
     {
@@ -34,16 +39,19 @@ const Input = forwardRef(
       onFocus,
       errorMessage,
       icon,
+      iconColor,
+      onPressIcon,
+      trailing,
+      trailingColor,
+      onPressTrailing,
       disabled = false,
       floatingIconColor,
-      iconColor,
       required = false,
       errorSpacing,
       loading = false,
       leadingIcon,
       leadingIconColor,
       fontWeight = 'Regular',
-      onPressIcon,
       secureTextEntry,
       keyboardType,
       style,
@@ -53,7 +61,7 @@ const Input = forwardRef(
       editable = true,
       ...props
     }: InputProps,
-    ref,
+    ref
   ) => {
     const {theme} = useContext(ApplicationContext);
     const [focused, setFocused] = useState(false);
@@ -90,7 +98,11 @@ const Input = forwardRef(
       };
     });
 
-    const renderIcon = (color: string | undefined) => {
+    /**
+     * Render trailing icon or text
+     * @param color
+     */
+    const renderTrailing = (color?: string) => {
       if (loading) {
         return <Loader type={'spinner'} color={color} style={styles.icon} />;
       }
@@ -109,24 +121,46 @@ const Input = forwardRef(
           </TouchableOpacity>
         );
       }
-      if (icon) {
-        return (
-          <TouchableOpacity
-            onPress={onPressIcon}
-            disabled={!onPressIcon}
-            style={styles.icon}>
-            <Icon color={color} source={icon} size={24} />
-          </TouchableOpacity>
+      if (icon || trailing) {
+        const renderIconTouchable = (icon: ReactNode) => {
+          return (
+            <TouchableOpacity
+              onPress={onPressTrailing ?? onPressIcon}
+              style={styles.icon}>
+              {icon}
+            </TouchableOpacity>
+          );
+        };
+        const trailingValue = icon || trailing;
+        if (trailingValue?.includes('_') || trailingValue?.includes('http')) {
+          return renderIconTouchable(
+            <Icon
+              color={color}
+              source={(icon || trailing) as string}
+              size={24}
+            />
+          );
+        }
+        return renderIconTouchable(
+          <Text
+            typography="action_xs_bold"
+            color={color ?? theme.colors.primary}
+            numberOfLines={1}>
+            {trailingValue!.substring(0, 15)}
+          </Text>
         );
       }
     };
 
+    /**
+     * Render input view
+     */
     const renderInputView = () => {
       const disabledColor = theme.colors.text.disable;
       const secure = secureTextInput && secureTextEntry;
       let textColor = theme.colors.text.default;
       let placeholderColor = theme.colors.text.hint;
-      let iconTintColor = iconColor;
+      let iconTintColor = trailingColor ?? iconColor;
 
       if (disabled) {
         textColor = disabledColor;
@@ -204,21 +238,19 @@ const Input = forwardRef(
                 />
               </TouchableOpacity>
             )}
-            {renderIcon(iconTintColor)}
+            {renderTrailing(iconTintColor)}
           </View>
         </View>
       );
     };
 
     let inputState = 'active';
-
     if (value && value?.length > 0) {
       inputState = 'filled';
     }
     if (errorMessage && errorMessage?.length > 0) {
       inputState = 'error';
     }
-
     if (disabled) {
       inputState = 'disabled';
     }
@@ -242,7 +274,7 @@ const Input = forwardRef(
         </View>
       </ComponentContext.Provider>
     );
-  },
+  }
 );
 
 export default Input;

package/Input/InputDropDown.tsx

@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import React, {ReactNode, useContext} from 'react';
 import {TextInput, TouchableOpacity, View} from 'react-native';
 import {ApplicationContext, ComponentContext} from '../Application';
 import {Styles} from '../Consts';
@@ -6,6 +6,7 @@ import {Icon} from '../Icon';
 import {Loader} from '../Loader';
 import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputDropDownProps} from './index';
+import {Text} from '../Text';
 import styles from './styles';
 
 const InputDropDown = ({
@@ -17,9 +18,13 @@ const InputDropDown = ({
   placeholder,
   errorMessage,
   icon = 'arrow_chevron_down_small',
+  iconColor,
+  onPressIcon,
+  trailing,
+  trailingColor,
+  onPressTrailing,
   disabled = false,
   floatingIconColor,
-  iconColor,
   required = false,
   errorSpacing,
   loading = false,
@@ -32,22 +37,50 @@ const InputDropDown = ({
   ...props
 }: InputDropDownProps) => {
   const {theme} = useContext(ApplicationContext);
-  const full = !!value || !!placeholder;
 
-  const renderIcon = (color: string | undefined) => {
+  /**
+   * Render trailing icon or text
+   * @param color
+   */
+  const renderTrailing = (color?: string) => {
     if (loading) {
-      return <Loader type={'spinner'} color={color} />;
+      return <Loader type={'spinner'} color={color} style={styles.icon} />;
     }
-    if (icon) {
-      return <Icon color={color} source={icon} size={24} />;
+    if (icon || trailing) {
+      const renderIconTouchable = (icon: ReactNode) => {
+        return (
+          <TouchableOpacity
+            onPress={onPressTrailing ?? onPressIcon}
+            style={styles.icon}>
+            {icon}
+          </TouchableOpacity>
+        );
+      };
+      const trailingValue = icon || trailing;
+      if (trailingValue?.includes('_') || trailingValue?.includes('http')) {
+        return renderIconTouchable(
+          <Icon color={color} source={(icon || trailing) as string} size={24} />
+        );
+      }
+      return renderIconTouchable(
+        <Text
+          typography="action_xs_bold"
+          color={color ?? theme.colors.primary}
+          numberOfLines={1}>
+          {trailingValue!.substring(0, 15)}
+        </Text>
+      );
     }
   };
 
+  /**
+   * Render the input view
+   */
   const renderInputView = () => {
     const disabledColor = theme.colors.text.disable;
     let textColor = theme.colors.text.default;
     let placeholderColor = theme.colors.text.hint;
-    let iconTintColor = iconColor;
+    let iconTintColor = trailingColor ?? iconColor;
 
     if (disabled) {
       textColor = disabledColor;
@@ -70,7 +103,7 @@ const InputDropDown = ({
           required={required}
           floatingIcon={floatingIcon}
         />
-        <View style={full ? styles.inputView : Styles.row}>
+        <View style={Styles.row}>
           {!!leadingIcon && (
             <View style={styles.leadingIconContainer}>
               <Icon
@@ -80,28 +113,26 @@ const InputDropDown = ({
               />
             </View>
           )}
-          {full && (
-            <TextInput
-              {...props}
-              accessibilityLabel={accessibilityLabel}
-              onPressIn={onPress}
-              editable={false}
-              style={[
-                styles.input,
-                {
-                  color: textColor,
-                  fontFamily: `${theme.font}-Regular`,
-                },
-              ]}
-              textBreakStrategy="highQuality"
-              value={value}
-              placeholder={placeholder}
-              selectionColor={theme.colors.primary}
-              placeholderTextColor={placeholderColor}
-            />
-          )}
+          <TextInput
+            {...props}
+            accessibilityLabel={accessibilityLabel}
+            onPressOut={onPress}
+            editable={false}
+            style={[
+              styles.input,
+              {
+                color: textColor,
+                fontFamily: `${theme.font}-Regular`,
+              },
+            ]}
+            textBreakStrategy="highQuality"
+            value={value}
+            placeholder={placeholder}
+            selectionColor={theme.colors.primary}
+            placeholderTextColor={placeholderColor}
+          />
         </View>
-        <View style={styles.iconView}>{renderIcon(iconTintColor)}</View>
+        <View style={styles.iconView}>{renderTrailing(iconTintColor)}</View>
       </View>
     );
   };
@@ -115,9 +146,7 @@ const InputDropDown = ({
         componentLabel: floatingValue,
         componentId: accessibilityLabel,
       }}>
-      <TouchableOpacity
-        onPress={onPress}
-        style={[style, full && styles.wrapper]}>
+      <TouchableOpacity onPress={onPress} style={[style, styles.wrapper]}>
         {renderInputView()}
         <ErrorView
           errorMessage={errorMessage}

package/Input/InputMoney.tsx

@@ -1,5 +1,6 @@
 import React, {
   forwardRef,
+  ReactNode,
   useContext,
   useEffect,
   useImperativeHandle,
@@ -19,6 +20,8 @@ import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputMoneyProps} from './index';
 import styles from './styles';
 import {formatMoneyToNumber, formatNumberToMoney} from './utils';
+import {Text} from '../Text';
+import {Loader} from '../Loader';
 
 const InputMoney = forwardRef(
   (
@@ -27,13 +30,18 @@ const InputMoney = forwardRef(
       floatingValue,
       floatingIcon,
       size = 'small',
+      loading,
       onBlur,
       onFocus,
       errorMessage,
       icon,
+      iconColor,
+      onPressIcon,
+      trailing,
+      trailingColor,
+      onPressTrailing,
       disabled = false,
       floatingIconColor,
-      iconColor,
       required = false,
       errorSpacing,
       style,
@@ -44,7 +52,7 @@ const InputMoney = forwardRef(
       value: _value,
       ...props
     }: InputMoneyProps,
-    ref,
+    ref
   ) => {
     const {theme} = useContext(ApplicationContext);
     const [focused, setFocused] = useState(false);
@@ -63,7 +71,7 @@ const InputMoney = forwardRef(
     };
 
     const [value, setValue] = useState(
-      defaultValue ? validateText(defaultValue) : '',
+      defaultValue ? validateText(defaultValue) : ''
     );
 
     const onClearText = () => {
@@ -99,11 +107,51 @@ const InputMoney = forwardRef(
       onBlur?.(e);
     };
 
+    /**
+     * Render trailing icon or text
+     * @param color
+     */
+    const renderTrailing = (color?: string) => {
+      if (loading) {
+        return <Loader type={'spinner'} color={color} style={styles.icon} />;
+      }
+
+      if (icon || trailing) {
+        const renderIconTouchable = (icon: ReactNode) => {
+          return (
+            <TouchableOpacity
+              onPress={onPressTrailing ?? onPressIcon}
+              style={styles.icon}>
+              {icon}
+            </TouchableOpacity>
+          );
+        };
+        const trailingValue = icon || trailing;
+        if (trailingValue?.includes('_') || trailingValue?.includes('http')) {
+          return renderIconTouchable(
+            <Icon
+              color={color}
+              source={(icon || trailing) as string}
+              size={24}
+            />
+          );
+        }
+        return renderIconTouchable(
+          <Text
+            typography="action_xs_bold"
+            color={color ?? theme.colors.primary}
+            numberOfLines={1}>
+            {trailingValue!.substring(0, 15)}
+          </Text>
+        );
+      }
+    };
+
     const renderInputView = () => {
       const disabledColor = theme.colors.text.disable;
       let textColor = theme.colors.text.default;
       let placeholderColor = theme.colors.text.hint;
-      let iconTintColor = iconColor;
+      let iconTintColor = trailingColor ?? iconColor;
 
       if (disabled) {
         textColor = disabledColor;
@@ -160,7 +208,7 @@ const InputMoney = forwardRef(
                 />
               </TouchableOpacity>
             )}
-            {!!icon && <Icon color={iconTintColor} source={icon} />}
+            {renderTrailing(iconTintColor)}
           </View>
         </View>
       );
@@ -198,7 +246,7 @@ const InputMoney = forwardRef(
         </View>
       </ComponentContext.Provider>
     );
-  },
+  }
 );
 
 export default InputMoney;

package/Input/InputOTP.tsx

@@ -74,6 +74,7 @@ const InputOTP = forwardRef(
       placeholder,
       onChangeText,
       onBlur,
+      onFocus,
       dataType = 'number',
       params,
       style,
@@ -215,7 +216,7 @@ const InputOTP = forwardRef(
               value={value}
               onChangeText={_onChangeText}
               keyboardType={dataType === 'number' ? 'number-pad' : 'default'}
-              onFocus={onFocusInput}
+              onFocus={onFocus}
               onBlur={onBlurInput}
               style={{opacity: 0}}
               selectionColor={theme.colors.primary}

package/Input/InputSearch.tsx

@@ -18,6 +18,7 @@ import {Text} from '../Text';
 import {InputSearchProps} from './index';
 import styles from './styles';
 import {checkTyping} from './utils';
+import {Styles} from '../Consts';
 
 const InputSearch = forwardRef(
   (
@@ -25,10 +26,14 @@ const InputSearch = forwardRef(
       placeholder,
       onFocus,
       onBlur,
-      iconColor,
       value,
-      onChangeText,
       icon,
+      iconColor,
+      onPressIcon,
+      trailing,
+      trailingColor,
+      onPressTrailing,
+      onChangeText,
       buttonText = 'Hủy',
       showButtonText = true,
       style,
@@ -39,7 +44,7 @@ const InputSearch = forwardRef(
       accessibilityLabel,
       ...props
     }: InputSearchProps,
-    ref,
+    ref
   ) => {
     const {theme} = useContext(ApplicationContext);
     const [focused, setFocused] = useState(false);
@@ -75,6 +80,9 @@ const InputSearch = forwardRef(
       };
     });
 
+    /**
+     * Render the input view
+     */
     const renderInputView = () => {
       return (
         <TextInput
@@ -99,12 +107,12 @@ const InputSearch = forwardRef(
       );
     };
 
-    const renderIconView = () => {
+    /**
+     * Render trailing icon or text
+     */
+    const renderTrailing = () => {
       return (
-        <View
-          style={{
-            flexDirection: 'row',
-          }}>
+        <View style={Styles.row}>
           {focused && haveValue && (
             <TouchableOpacity style={styles.iconWrapper} onPress={onClearText}>
               <Icon
@@ -114,8 +122,10 @@ const InputSearch = forwardRef(
               />
             </TouchableOpacity>
           )}
-          {!!icon && (
-            <View style={{flexDirection: 'row'}}>
+          {!!(icon || trailing) && (
+            <TouchableOpacity
+              style={Styles.row}
+              onPress={onPressTrailing ?? onPressIcon}>
               <View
                 style={[
                   styles.divider,
@@ -125,22 +135,20 @@ const InputSearch = forwardRef(
                 ]}
               />
               <Icon
-                color={iconColor}
-                source={icon}
+                color={iconColor || trailingColor}
+                source={(icon || trailing) as string}
                 style={styles.iconSearchInput}
               />
-            </View>
+            </TouchableOpacity>
           )}
         </View>
       );
     };
 
     let inputState = 'empty';
-
     if (focused) {
       inputState = 'focus';
     }
-
     if (value && value?.length > 0) {
       inputState = 'filled';
     }
@@ -171,7 +179,7 @@ const InputSearch = forwardRef(
               color={theme.colors.text.hint}
             />
             {renderInputView()}
-            {renderIconView()}
+            {renderTrailing()}
           </View>
           {showButtonText && (
             <TouchableOpacity onPress={onPressButtonText}>
@@ -185,7 +193,7 @@ const InputSearch = forwardRef(
         </View>
       </ComponentContext.Provider>
     );
-  },
+  }
 );
 
 export default InputSearch;

package/Input/index.tsx

@@ -6,6 +6,8 @@ import InputOTP from './InputOTP';
 import InputSearch from './InputSearch';
 import InputTextArea from './InputTextArea';
 
+export type OTPInputLength = 2 | 4 | 6 | 8 | 10;
+
 export interface InputProps extends TextInputProps {
   /**
    *  Optional. Defines the size of the Input component.
@@ -28,15 +30,38 @@ export interface InputProps extends TextInputProps {
   errorMessage?: string;
 
   /**
+   * @deprecated Use `trailing` instead.
    * Optional. Represents the name or key of the icon to be displayed in the Input component.
    */
   icon?: string;
 
   /**
+   * @deprecated Use `trailingColor` instead.
    * Optional. Represents the color of the icon in the Input component.
    */
   iconColor?: string;
 
+  /**
+   * @deprecated Use `onPressTrailing` instead.
+   * Optional. callback function to be called when the icon is pressed.
+   */
+  onPressIcon?: () => void;
+
+  /**
+   * Optional. Represents the name or key of the icon to be displayed in the Input component.
+   */
+  trailing?: string;
+
+  /**
+   * Optional. Represents the color of the icon in the Input component.
+   */
+  trailingColor?: string;
+
+  /**
+   * Optional. callback function to be called when the icon is pressed.
+   */
+  onPressTrailing?: () => void;
+
   /**
    * Optional. If `true`, the user won't be able to interact with the Input component.
    * Defaults to `false` if not provided.
@@ -82,11 +107,6 @@ export interface InputProps extends TextInputProps {
    */
   fontWeight?: 'Regular' | 'Bold';
 
-  /**
-   * Optional. callback function to be called when the icon is pressed.
-   */
-  onPressIcon?: () => void;
-
   /**
    * Optional. params for element tracking.
    */
@@ -98,8 +118,7 @@ export interface InputProps extends TextInputProps {
   hintText?: string;
 }
 
-export interface InputTextAreaProps
-  extends Omit<InputProps, 'size' | 'icon' | 'iconColor'> {
+export interface InputTextAreaProps extends Omit<InputProps, 'size'> {
   /**
    * Optional. Defines the height of the InputTextArea component.
    * It can be used to set a specific height for the text area.
@@ -125,14 +144,37 @@ export interface InputSearchProps extends TextInputProps {
   onPressButtonText?: () => void;
 
   /**
+   * @deprecated Use `trailing` instead.
+   * Optional. Represents the name or key of the icon to be displayed in the Input component.
+   */
+  icon?: string;
+
+  /**
+   * @deprecated Use `trailingColor` instead.
    * Optional. Represents the color of the icon in the Input component.
    */
   iconColor?: string;
 
+  /**
+   * @deprecated Use `onPressTrailing` instead.
+   * Optional. callback function to be called when the icon is pressed.
+   */
+  onPressIcon?: () => void;
+
   /**
    * Optional. Represents the name or key of the icon to be displayed in the Input component.
    */
-  icon?: string;
+  trailing?: string;
+
+  /**
+   * Optional. Represents the color of the icon in the Input component.
+   */
+  trailingColor?: string;
+
+  /**
+   * Optional. callback function to be called when the icon is pressed.
+   */
+  onPressTrailing?: () => void;
 
   /**
    * Optional. If `true`, the user won't be able to interact with the Input component.
@@ -147,8 +189,6 @@ export interface InputSearchProps extends TextInputProps {
 
 export interface InputMoneyProps extends Omit<InputProps, 'placeholder'> {}
 
-export type OTPInputLength = 2 | 4 | 6 | 8 | 10;
-
 export interface InputOTPProps
   extends Omit<InputProps, 'size' | 'icon' | 'iconColor'> {
   /**
@@ -189,57 +229,17 @@ export interface InputDropDownProps extends InputProps {
    */
   size?: 'small' | 'large';
 
-  /**
-   * Optional. The current value of the InputDropDown.
-   */
-  value?: string;
-
-  /**
-   * Optional. Text that is displayed when there is no value set in the InputDropDown.
-   */
-  placeholder?: string;
-
   /**
    * Optional. Function to be called when the InputDropDown is pressed.
    */
   onPress?: () => void;
 
-  /**
-   * Optional. Represents the value for the floating title in the InputDropDown component.
-   */
-  floatingValue?: string;
-
-  /**
-   * Optional. Represents the name or key of the floating icon to be displayed in the InputDropDown component.
-   */
-  floatingIcon?: string;
-
-  /**
-   * Optional. Represents the error message to be displayed below the InputDropDown component when there is an error.
-   */
-  errorMessage?: string;
-
-  /**
-   * Optional. Represents the name or key of the icon to be displayed in the InputDropDown component.
-   */
-  icon?: string;
-
-  /**
-   * Optional. Represents the color of the icon in the InputDropDown component.
-   */
-  iconColor?: string;
-
   /**
    * Optional. If `true`, the user won't be able to interact with the InputDropDown component.
    * Defaults to `false` if not provided.
    */
   disabled?: boolean;
 
-  /**
-   * Optional. Represents the color of the floating icon in the InputDropDown component.
-   */
-  floatingIconColor?: string;
-
   /**
    * Optional. If `true`, the InputDropDown component is marked as required,
    * indicating that the user must provide a value before submitting a form.
@@ -247,28 +247,6 @@ export interface InputDropDownProps extends InputProps {
    */
   required?: boolean;
 
-  /**
-   * Optional. If `true`,
-   * includes spacing when InputDropDown does not have an error message.
-   * Defaults to `false` if not provided.
-   */
-  errorSpacing?: boolean;
-
-  /**
-   * If `true`, the icon of the input will show an indicator for loading.
-   */
-  loading?: boolean;
-
-  /**
-   * Optional. Represents the leading icon in the InputDropDown component.
-   */
-  leadingIcon?: string;
-
-  /**
-   * Optional. Represents the color of the leading icon in the InputDropDown component.
-   */
-  leadingIconColor?: string;
-
   /**
    * Optional. params for element tracking.
    */

package/code-scanner.js

@@ -15,7 +15,7 @@ const calculateAdoptionRate = async (
   kitJsonPath,
   miniappJsonPath,
   reactNativeJsonPath,
-  fsJsonPath,
+  fsJsonPath
 ) => {
   const kitJson = require(kitJsonPath);
   const miniAppJson = require(miniappJsonPath);
@@ -98,8 +98,8 @@ const main = async () => {
 
   const allKitsReg = /@momo-kits/;
   const fsReg =
-    /^(?:@fs-mobile-platform\/(components|investment|screens)|@miniapp-platform\/(components|foundation))$/;
-  const RNReg = 'react-native';
+    /^(?:@fs-mobile-platform\/(components(\/.*)?|investment(\/.*)?|screens(\/.*)?|foundation(\/.*)?)|@miniapp-platform\/(components(\/.*)?|foundation(\/.*)?))$/;
+  const RNReg = /react-native|react-native-svg/;
 
   const config1 = {
     crawlFrom: scanPath,
@@ -148,7 +148,7 @@ const main = async () => {
       kitJsonPath,
       miniappJsonPath,
       reactNativeJsonPath,
-      fsJsonPath,
+      fsJsonPath
     );
     sendMessage(result);
     console.log(result);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.28",
+    "version": "0.92.29-optimize.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -43,4 +43,4 @@
     },
     "author": "@momo-kits/foundation",
     "license": "ISC"
-}
+}

package/publish.sh

@@ -7,16 +7,16 @@ 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/verify.js

@@ -1,47 +1,41 @@
 const fs = require('fs');
 const path = require('path');
 
-try {
-  const packageInfo = JSON.parse(
-    fs.readFileSync(path.join(`${__dirname}`, 'package.json'), 'utf8'),
+const packageInfo = JSON.parse(
+  fs.readFileSync(path.join(`${__dirname}`, 'package.json'), 'utf8')
+);
+const packageVersion = parseInt(packageInfo?.version.split('.')?.[1]);
+
+const app = path.join(`${__dirname}/../../../`, 'app.json');
+const miniJson = path.join(`${__dirname}/../../../`, 'package.json');
+
+if (!fs.existsSync(app) || !fs.existsSync(miniJson)) {
+  return;
+}
+
+const appInfo = JSON.parse(fs.readFileSync(app, 'utf8'));
+const miniInfo = JSON.parse(fs.readFileSync(miniJson, 'utf8'));
+
+const iOSAppTarget = appInfo?.client?.ios.deploymentTarget;
+const androidAppTarget = appInfo?.client?.android.deploymentTarget;
+
+if (
+  miniInfo?.dependencies?.['@momo-platform/momo-core']?.includes('optimize')
+) {
+  return;
+}
+
+if (packageVersion > iOSAppTarget || packageVersion > androidAppTarget) {
+  throw new Error(
+    `\x1b[41m Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`
+  );
+}
+
+if (
+  miniInfo?.dependencies?.['@momo-platform/momo-core'] &&
+  miniInfo?.dependencies?.['@momo-platform/momo-core'] !== packageInfo?.version
+) {
+  throw new Error(
+    `\x1b[41m Package ${packageInfo.name} version: ${packageInfo.version} require install resolutions @momo-platform/momo-core ${packageInfo.version}`
   );
-  const packageVersion = parseInt(packageInfo?.version.split('.')?.[1]);
-
-  const app = path.join(`${__dirname}/../../../`, 'app.json');
-  const miniJson = path.join(`${__dirname}/../../../`, 'package.json');
-
-  if (!fs.existsSync(app) || fs.existsSync(miniJson)) {
-    return;
-  }
-
-  const appInfo = JSON.parse(fs.readFileSync(app, 'utf8'));
-  const miniInfo = JSON.parse(fs.readFileSync(miniJson, 'utf8'));
-
-  const iOSAppTarget = appInfo?.client?.ios.deploymentTarget;
-  const androidAppTarget = appInfo?.client?.android.deploymentTarget;
-
-  if (packageVersion > iOSAppTarget || packageVersion > androidAppTarget) {
-    console.error(
-      `Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`,
-    );
-    throw new Error(
-      `Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`,
-    );
-  }
-
-  if (
-    miniInfo?.dependencies?.['@momo-platform/momo-core'] &&
-    miniInfo?.dependencies?.['@momo-platform/momo-core'] !==
-      packageInfo?.version
-  ) {
-    console.error(
-      `Package ${packageInfo.name} version: ${packageInfo.version} require install resolutions @momo-platform/momo-core ${packageInfo.version}`,
-    );
-    throw new Error(
-      `Package ${packageInfo.name} version: ${packageInfo.version} require install resolutions @momo-platform/momo-core ${packageInfo.version}`,
-    );
-  }
-} catch (error) {
-  console.error(`Installation failed: ${error.message}`);
-  process.exit(1);
 }