@momo-kits/foundation 0.81.41-beta.5 → 0.81.41

package/Application/Components.tsx

@@ -173,53 +173,57 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
   useEffect(() => {
     const backHandler = BackHandler.addEventListener(
       'hardwareBackPress',
-      goBack,
+      goBackSafe,
     );
 
     return () => backHandler.remove();
   }, []);
 
-  const goBack = () => {
-    const canGoBack = navigator?.ref.current?.canGoBack();
-    if (!canGoBack && navigator?.trackingInfo) {
-      const currentRoute = navigator?.ref?.current.getCurrentRoute();
-      navigator?.maxApi?.trackEvent('service_icon_clicked', {
-        feature_code: navigator.trackingInfo.code,
-        app_id: navigator.trackingInfo.appId,
-        miniapp_version: navigator.trackingInfo.buildNumber,
-        flow_partner_id: navigator.trackingInfo.flowPartnerId,
-        screen_name: currentRoute?.params?.screen?.name ?? currentRoute?.name,
-        trigger_id: '111154000000000000',
-        icon_name: 'back',
-      });
-    }
-    if (canGoBack) {
-      if (preventBack) {
-        navigator?.showModal({
-          screen: () => (
-            <PopupNotify
-              {...preventBack}
-              primary={{
-                title: preventBack.primary.title,
-                onPress: () => {
-                  preventBack?.primary.onPress();
-                  navigator?.ref.current?.goBack();
-                },
-              }}
-            />
-          ),
+  const goBackSafe = () => {
+    const goBack = () => {
+      const canGoBack = navigator?.ref.current?.canGoBack();
+      if (!canGoBack && navigator?.trackingInfo) {
+        const currentRoute = navigator?.ref?.current.getCurrentRoute();
+        navigator?.maxApi?.trackEvent?.('service_icon_clicked', {
+          feature_code: navigator.trackingInfo.code,
+          app_id: navigator.trackingInfo.appId,
+          miniapp_version: navigator.trackingInfo.buildNumber,
+          flow_partner_id: navigator.trackingInfo.flowPartnerId,
+          screen_name: currentRoute?.params?.screen?.name ?? currentRoute?.name,
+          trigger_id: '111154000000000000',
+          icon_name: 'back',
         });
-      } else {
+      }
+      if (canGoBack) {
         navigator?.ref.current?.goBack();
+      } else if (navigator?.maxApi) {
+        navigator?.maxApi?.dismiss(navigator.dismissData);
+      } else {
+        const currentTime = new Date().getTime();
+        const requestId = `navigationBackPress#${currentTime}`;
+        DeviceEventEmitter.emit('dismiss', {requestId});
       }
-    } else if (navigator?.maxApi) {
-      navigator?.maxApi?.dismiss(navigator.dismissData);
+      onPressLeftHeader?.();
+    };
+
+    if (preventBack) {
+      navigator?.showModal({
+        screen: () => (
+          <PopupNotify
+            {...preventBack}
+            primary={{
+              title: preventBack.primary.title,
+              onPress: () => {
+                preventBack?.primary.onPress();
+                goBack();
+              },
+            }}
+          />
+        ),
+      });
     } else {
-      const currentTime = new Date().getTime();
-      const requestId = `navigationBackPress#${currentTime}`;
-      DeviceEventEmitter.emit('dismiss', {requestId});
+      goBack();
     }
-    onPressLeftHeader?.();
     return true;
   };
 
@@ -228,7 +232,7 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
       <NavigationButton
         icon="ic_back"
         tintColor={tintColor}
-        onPress={goBack}
+        onPress={goBackSafe}
         accessibilityLabel={`${accessibilityLabel}Back`}
         useBorder={useBorder}
       />
@@ -345,8 +349,8 @@ const HeaderRightAction: React.FC<any> = ({children, ...restProps}) => {
 
 const HeaderToolkitAction: React.FC<any> = ({tintColor}) => {
   const {theme, navigator} = useContext(ApplicationContext);
-  const [toolConfig, setToolConfig] = useState<any>();
-  const {appCode, onAction} = toolConfig ?? {};
+  const [toolConfig, setToolConfig] = useState<HeaderToolkitProps>();
+  const {appCode, hidden, type, onAction} = toolConfig ?? {};
 
   let backgroundColor;
   if (tintColor != Colors.black_01) {
@@ -364,19 +368,10 @@ const HeaderToolkitAction: React.FC<any> = ({tintColor}) => {
             [undefined],
             (config: any) => {
               navigator.toolkitConfig = {
-                configs: [
-                  ...config?.toolkitConfig?.customTools,
-                  ...config?.toolkitFeatureConfig,
-                ],
+                ...config?.utilityToolConfig,
                 appCode: config?.appCode,
               };
-              setToolConfig({
-                configs: [
-                  ...config?.toolkitConfig?.customTools,
-                  ...config?.toolkitFeatureConfig,
-                ],
-                appCode: config?.appCode,
-              });
+              setToolConfig(navigator?.toolkitConfig);
             },
           );
         }
@@ -422,16 +417,14 @@ const HeaderToolkitAction: React.FC<any> = ({tintColor}) => {
     };
   }, [appCode]);
 
+  const onUtilityTool = () => {
+    onAction?.('onUtilityTool');
+    navigator?.requestApi(type, undefined, undefined);
+  };
+
   const onMore = () => {
     onAction?.('onMore');
-    navigator?.requestApi(
-      'showTools',
-      [toolConfig],
-      (res: {item: {action?: string; key: string}}) => {
-        const {item} = res;
-        navigator?.toolkitCallback?.(item);
-      },
-    );
+    navigator?.requestApi('showToolkit', [toolConfig], undefined);
   };
 
   const onClose = () => {
@@ -439,28 +432,24 @@ const HeaderToolkitAction: React.FC<any> = ({tintColor}) => {
     navigator?.requestApi('dismiss', undefined, undefined);
   };
 
-  const renderPinnedTool = () => {
-    const pinTool = toolConfig?.configs?.find(
-      (i: any) => i.key === navigator?.pinnedTool,
-    );
-    const {icon} = pinTool || '';
-    if (pinTool && navigator?.pinnedTool)
+  const renderUtilityTool = () => {
+    if (hidden === false) {
       return (
         <NavigationButton
           accessibilityLabel={'UtilityTool'}
-          icon={icon as string}
+          icon={type as string}
           tintColor={tintColor}
-          onPress={() => {
-            navigator?.toolkitCallback?.(navigator?.pinnedTool);
-          }}
+          onPress={onUtilityTool}
         />
       );
+    }
+    return null;
   };
 
   if (toolConfig) {
     return (
       <View style={styles.headerRightButton}>
-        {renderPinnedTool()}
+        {renderUtilityTool()}
         <View
           style={[
             styles.toolkitContainer,

package/Application/Navigator.ts

@@ -13,8 +13,6 @@ class Navigator {
   maxApi?: any;
   trackingInfo?: TrackingInfo;
   dismissData?: any;
-  pinnedTool?: string;
-  toolkitCallback?: (item: any) => void;
 
   constructor(navigation: any) {
     this.ref = navigation;
@@ -79,6 +77,20 @@ class Navigator {
     this.ref.current.dispatch(StackActions.popToTop());
   };
 
+  /**
+   * navigate
+   * @param name
+   * @param params
+   */
+  navigate = (name: string, params: any) => {
+    this.ref.current.dispatch(
+      CommonActions.navigate({
+        name,
+        params,
+      }),
+    );
+  };
+
   /**
    * reset a navigation flow with new screen
    * @param params
@@ -109,16 +121,6 @@ class Navigator {
       this.maxApi[func]?.(...args, callback);
     }
   };
-
-  setPinnedTool = (key: string) => {
-    this.pinnedTool = key;
-  };
-
-  setToolkitCallback = (
-    callback: (item: {key: string; action: string}) => void,
-  ) => {
-    this.toolkitCallback = callback;
-  };
 }
 
 export default Navigator;

package/Application/types.ts

@@ -166,7 +166,9 @@ export type TitleCustomProps = {
 export type HeaderToolkitProps = {
   [key: string]: any;
   appCode: string;
-  configs: any[];
+  hidden: boolean;
+  type: string;
+  onAction?: (action: string) => void;
 };
 
 export type HeaderAnimatedProps = {

package/Input/InputMoney.tsx

@@ -45,7 +45,9 @@ const InputMoney = forwardRef(
       return formatNumberToMoney(valueFormat, 'đ');
     };
 
-    const [value, setValue] = useState(validateText(defaultValue));
+    const [value, setValue] = useState(
+      defaultValue ? validateText(defaultValue) : '',
+    );
 
     const onClearText = () => {
       inputRef?.current?.clear();

package/package.json

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