@momo-kits/foundation 0.89.4-rc.3 → 0.89.4-rc.4

package/Application/StackScreen.tsx

@@ -67,7 +67,8 @@ const StackScreen: React.FC<ScreenParams> = props => {
   return (
     <ScreenContext.Provider
       value={{
-        ...context,
+        appId: context.appId,
+        code: context.code,
         screenName: Component.name,
         autoTracking: (data: any) => {
           navigator?.maxApi?.dispatchFunction?.('autoTracking', data);

package/Button/index.tsx

@@ -14,7 +14,7 @@ import {Colors, Spacing} from '../Consts';
 import styles from './styles';
 import {Icon} from '../Icon';
 import {Loader} from '../Loader';
-import {formatComponentName} from "../Application/utils";
+import {formatComponentName} from '../Application/utils';
 
 const {
   ScreenContext,
@@ -301,19 +301,20 @@ const Button: FC<ButtonProps> = ({
   };
 
   const activeOpacity = type === 'disabled' ? 0.75 : 0.5;
-  const button_name = formatComponentName(title)
 
   return (
     <ScreenContext.Provider
       value={{
         ...screenInfo,
         componentName: 'Button',
-        params: {
-          ...params,
-          button_name
-        },
-        state: loading ? "loading" :  type === 'disabled' ? 'disabled' : 'enabled',
+        params,
+        state: loading
+          ? 'loading'
+          : type === 'disabled'
+          ? 'disabled'
+          : 'enabled',
         componentId,
+        componentValue: formatComponentName(title),
         action: 'click',
       }}>
       <TouchableOpacity

package/CheckBox/index.tsx

@@ -42,21 +42,17 @@ const CheckBox: FC<CheckBoxProps> = ({
     }
   }
 
-  const component_name = formatNameLength(label || '');
-
   return (
     <ScreenContext.Provider
       value={{
         ...screenInfo,
         componentName: 'Button',
-        params: {
-          ...params,
-          component_name,
-        },
+        params,
         state: disabled ? 'disabled' : 'filled',
         componentId,
-        componentValue: indeterminate ? 'indetermine' : value,
         action: 'click',
+        componentLabel: formatNameLength(label || ''),
+        componentValue: indeterminate ? 'indetermine' : value,
       }}>
       <TouchableOpacity
         activeOpacity={0.8}

package/IconButton/index.tsx

@@ -9,7 +9,7 @@ import {ApplicationContext} from '../Application';
 import {Colors} from '../Consts';
 import {Icon} from '../Icon';
 import styles from './styles';
-import {formatComponentName} from "../Application/utils";
+import {formatComponentName} from '../Application/utils';
 
 const {
   ScreenContext,
@@ -131,19 +131,16 @@ const IconButton: React.FC<IconButtonProps> = ({
   const activeOpacity = type === 'disabled' ? 0.75 : 0.5;
   const buttonStyle = StyleSheet.flatten([getTypeStyle(), getSizeStyle()]);
   const iconSize = size === 'small' ? 16 : 24;
-  const icon_name = formatComponentName(icon)
 
   return (
     <ScreenContext.Provider
       value={{
         ...screenInfo,
         componentName: 'IconButton',
-        params: {
-          ...params,
-          icon_name
-        },
+        params,
         state: type === 'disabled' ? 'disabled' : 'enabled',
         componentId,
+        componentValue: formatComponentName(icon),
         action: 'click',
       }}>
       <TouchableOpacity

package/Input/Input.tsx

@@ -201,17 +201,13 @@ const Input = forwardRef(
       inputState = 'disabled';
     }
 
-    const component_name = formatComponentName(floatingValue || '');
-
     return (
       <ScreenContext.Provider
         value={{
           ...screenInfo,
           componentName: 'Input',
-          params: {
-            ...params,
-            component_name,
-          },
+          params,
+          componentLabel: formatComponentName(floatingValue || ''),
           state: inputState,
           componentId,
         }}>

package/Input/InputDropDown.tsx

@@ -111,18 +111,14 @@ const InputDropDown = ({
     );
   };
 
-  const button_name = formatComponentName(floatingValue || '');
-
   return (
     <ScreenContext.Provider
       value={{
         ...screenInfo,
         componentName: 'InputOTP',
-        params: {
-          ...params,
-          button_name,
-        },
+        params,
         state: 'enabled',
+        componentLabel: formatComponentName(floatingValue || ''),
         componentId,
       }}>
       <TouchableOpacity

package/Input/InputMoney.tsx

@@ -171,17 +171,14 @@ const InputMoney = forwardRef(
     if (disabled) {
       inputState = 'disabled';
     }
-    const component_name = formatComponentName(floatingValue || '');
 
     return (
       <ScreenContext.Provider
         value={{
           ...screenInfo,
           componentName: 'InputMoney',
-          params: {
-            ...params,
-            component_name,
-          },
+          params,
+          componentLabel: formatComponentName(floatingValue || ''),
           state: inputState,
           componentId,
         }}>

package/Input/InputOTP.tsx

@@ -227,17 +227,14 @@ const InputOTP = forwardRef(
         </View>
       );
     };
-    const component_name = formatComponentName(floatingValue || '');
 
     return (
       <ScreenContext.Provider
         value={{
           ...screenInfo,
           componentName: 'InputOTP',
-          params: {
-            ...params,
-            component_name,
-          },
+          params,
+          componentLabel: formatComponentName(floatingValue || ''),
           state: 'enabled',
           componentId,
         }}>

package/Radio/index.tsx

@@ -7,6 +7,7 @@ import styles from './styles';
 import {ApplicationContext} from '../Application';
 import {Spacing} from '../Consts';
 import {formatNameLength} from '../Application/utils';
+
 const {
   ScreenContext,
 } = require('react-native/Libraries/Components/ScreenContext');
@@ -44,19 +45,15 @@ const Radio: FC<RadioProps> = ({
     };
   }
 
-  const component_name = formatNameLength(label || '');
-
   return (
     <ScreenContext.Provider
       value={{
         ...screenInfo,
         componentName: 'Button',
-        params: {
-          ...params,
-          component_name,
-        },
+        params,
         state: disabled ? 'disabled' : 'enabled',
         componentId,
+        componentLabel: formatNameLength(label || ''),
         componentValue: value,
         action: 'click',
       }}>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.89.4-rc.3",
+    "version": "0.89.4-rc.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {