@eohjsc/react-native-smart-city 0.3.0 → 0.3.1

package/README.md

@@ -159,7 +159,7 @@ export const MyFunctionalComponent = () => {
 - sendRemoteCommand user needs to `have permission to control the device`, you pass in the `sensor and action` to it and it will run after calling render.
 - `sensor` is a device in your Unit and action is the `action` key of the device..
 - You can take out the sensor and action from your Unit when calling the `API.UNIT.UNIT_DETAIL(unitId)` it will return all devices in 1 unit.
-- Or get sensor from `API.SENSOR.DISPLAY(sensor.id)` returns all actions of 1 device.
+- Or get sensor from `API.DEVICE.DISPLAY(sensor.id)` returns all actions of 1 device.
 - Refer YourProjectPath /node_modules/@eohjsc/react-native-smart-city/src/screens/Unit/Detail.js
 
 ## Sync file to EoH source

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.0",
+  "version": "0.3.01",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -18,7 +18,7 @@
     "ios": "react-native run-ios",
     "start": "react-native start",
     "test": "yarn run lint && yarn run jest",
-    "lint": "eslint .  --ext js --ext ts --ext tsx",
+    "lint": "eslint .  --ext js --ext ts --ext tsx --max-warnings 5",
     "lint-fix": "eslint . --fix",
     "type-check": "npx tsc",
     "pod": "cd ios && pod install",
@@ -176,7 +176,7 @@
     "react-native-pager-view": "^5.4.1",
     "react-native-parallax-scroll-view": "^0.21.3",
     "react-native-parsed-text": "^0.0.22",
-    "react-native-permissions": "^2.1.5",
+    "react-native-permissions": "3.0.3",
     "react-native-popover-view": "^4.0.3",
     "react-native-progress": "^5.0.0",
     "react-native-reanimated": "1.10.1",

package/src/commons/Action/ItemQuickAction.js

@@ -3,7 +3,7 @@ import { TouchableOpacity, View } from 'react-native';
 import { TESTID } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 import { watchMultiConfigs } from '../../iot/Monitor';
-import { sendRemoteCommand } from '../../iot/RemoteControl';
+import { useRemoteControl } from '../../hooks/IoT';
 import { useConfigGlobalState } from '../../iot/states';
 import IconComponent from '../IconComponent';
 
@@ -13,6 +13,8 @@ const ItemQuickAction = memo(({ sensor, wrapperStyle, setStatus, unit }) => {
   // eslint-disable-next-line no-unused-vars
   const [configValues, _] = useConfigGlobalState('configValues');
 
+  const sendRemoteCommand = useRemoteControl();
+
   const revertActionUpdate = useCallback(
     (value, on_action, on_status, off_action, off_status) => {
       setIsSendingCommand(false);
@@ -81,7 +83,14 @@ const ItemQuickAction = memo(({ sensor, wrapperStyle, setStatus, unit }) => {
         statusCallback(action.id === sensor.quick_action.on_action.id);
       }, sensor.quick_action.interval);
     }
-  }, [sensor, action, userId, revertActionUpdate, statusCallback]);
+  }, [
+    sensor,
+    action,
+    userId,
+    revertActionUpdate,
+    statusCallback,
+    sendRemoteCommand,
+  ]);
 
   if (!action) {
     return <View />;

package/src/commons/Action/__test__/ItemQuickAction.test.js

@@ -5,7 +5,6 @@ import ItemQuickAction from '../ItemQuickAction';
 import { Colors } from '../../../configs';
 import { TESTID } from '../../../configs/Constants';
 import { factory } from 'factory-girl';
-import { sendRemoteCommand } from '../../../iot/RemoteControl';
 
 class Sensor {}
 
@@ -21,7 +20,13 @@ jest.mock('react', () => {
 
 useState.mockImplementation((init) => [init, mockSetState]);
 
-jest.mock('../../../iot/RemoteControl');
+const mockSendRemoteControl = jest.fn();
+jest.mock('../../../hooks/IoT', () => {
+  return {
+    ...jest.requireActual('../../../hooks/IoT'),
+    useRemoteControl: () => mockSendRemoteControl,
+  };
+});
 
 jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{}, null],
@@ -83,9 +88,9 @@ describe('Test ItemQuickAction', () => {
   };
 
   test('render with no action', async () => {
-    const sensor = await factory.build('Sensor');
+    const newSensor = await factory.build('Sensor');
     act(() => {
-      tree = create(<ItemQuickAction sensor={sensor} />);
+      tree = create(<ItemQuickAction sensor={newSensor} />);
     });
     const instance = tree.root;
     const buttonOnActionPress = instance.findAll(
@@ -121,7 +126,7 @@ describe('Test ItemQuickAction', () => {
     act(() => {
       buttonOnActionPress.props.onPress();
     });
-    expect(sendRemoteCommand).toBeCalled();
+    expect(mockSendRemoteControl).toBeCalled();
     expect(mockSetState).toBeCalledTimes(1);
 
     jest.runAllTimers();
@@ -154,7 +159,7 @@ describe('Test ItemQuickAction', () => {
     act(() => {
       buttonOnActionPress.props.onPress();
     });
-    expect(sendRemoteCommand).toBeCalled();
+    expect(mockSendRemoteControl).toBeCalled();
     expect(mockSetState).toBeCalledTimes(1);
 
     jest.runAllTimers();

package/src/commons/ActionGroup/NumberUpDownActionTemplate.js

@@ -7,6 +7,7 @@ import Text from '../Text';
 import { useConfigGlobalState } from '../../iot/states';
 import styles from './NumberUpDownActionTemplateStyle';
 import { watchMultiConfigs } from '../../iot/Monitor';
+import { TESTID } from '../../configs/Constants';
 
 const NumberUpDownActionTemplate = ({ actionGroup, doAction, sensor }) => {
   const { configuration, title } = actionGroup;
@@ -15,39 +16,39 @@ const NumberUpDownActionTemplate = ({ actionGroup, doAction, sensor }) => {
     max_value,
     min_value,
     text_format,
-    keep_track_config,
     config,
+    allow_config_store_value,
   } = configuration;
 
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
-  const [value, setValue] = useState((config && configValues[config]) || 28);
+  const [value, setValue] = useState();
+  const valueDefault = 28;
 
   useEffect(() => {
-    if (!keep_track_config) {
-      return;
-    }
     if (!config) {
+      setValue(valueDefault);
       return;
     }
 
     const configValue = configValues[config];
     if (configValue !== null && configValue !== undefined) {
       setValue(configValue);
+    } else {
+      setValue(valueDefault);
     }
-  }, [configValues, config, keep_track_config]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   const doActionAndWatchConfig = useCallback(
     async (actionData, actionValue, actionName) => {
-      await doAction(
-        actionData,
-        JSON.stringify({ temperature: actionValue }),
-        actionName
-      );
-      if (!sensor?.is_managed_by_backend) {
-        return;
+      const data = { temperature: actionValue };
+      if (allow_config_store_value && config) {
+        data.config_id = config;
+        data.value = actionValue;
       }
-      if (!keep_track_config) {
+      await doAction(actionData, JSON.stringify(data), actionName);
+      if (!sensor?.is_managed_by_backend) {
         return;
       }
       if (!config) {
@@ -59,11 +60,11 @@ const NumberUpDownActionTemplate = ({ actionGroup, doAction, sensor }) => {
         watchMultiConfigs([config]);
     },
     [
-      config,
       doAction,
-      keep_track_config,
-      sensor.is_managed_by_backend,
+      sensor?.is_managed_by_backend,
       sensor.device_type,
+      allow_config_store_value,
+      config,
     ]
   );
 
@@ -103,13 +104,23 @@ const NumberUpDownActionTemplate = ({ actionGroup, doAction, sensor }) => {
       )}
 
       <View style={styles.controlPannel}>
-        <TouchableOpacity style={styles.downButton} onPress={doActionDown}>
+        <TouchableOpacity
+          style={styles.downButton}
+          onPress={doActionDown}
+          testID={TESTID.NUMBER_ACTION_DOWN}
+        >
           <IconOutline name="down" size={32} color={Colors.Primary} />
         </TouchableOpacity>
 
-        <Text type="H2">{text_format.replace('{number}', value)}</Text>
+        <Text testID={'abcd'} type="H2">
+          {text_format.replace('{number}', value)}
+        </Text>
 
-        <TouchableOpacity style={styles.upButton} onPress={doActionUp}>
+        <TouchableOpacity
+          style={styles.upButton}
+          onPress={doActionUp}
+          testID={TESTID.NUMBER_ACTION_UP}
+        >
           <IconOutline name="up" size={32} color={Colors.Primary} />
         </TouchableOpacity>
       </View>

package/src/commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate.js

@@ -1,5 +1,5 @@
 import React, { memo, useCallback } from 'react';
-import { View, ScrollView, Alert } from 'react-native';
+import { View, ScrollView } from 'react-native';
 
 import styles from './SmartTiviActionTemplateStyles';
 import Text from '../../Text';
@@ -22,6 +22,7 @@ import {
   Youtube,
   Netflix,
 } from './component/Icon';
+import { notImplemented } from '../../../utils/Utils';
 
 const SmartTiviActionTemplate = memo(
   ({ actionGroup, doAction, scrollEnabled = true }) => {
@@ -68,7 +69,7 @@ const SmartTiviActionTemplate = memo(
           case SMART_TIVI_BUTTON.HOME_BUTTON:
           case SMART_TIVI_BUTTON.BACK_BUTTON:
           case SMART_TIVI_BUTTON.CHANNEL_BUTTON:
-            return Alert.alert(t('feature_under_development'));
+            return notImplemented(t);
           default:
             return <></>;
         }

package/src/commons/ActionGroup/TwoButtonTemplate/index.js

@@ -14,7 +14,6 @@ const TwoButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
   const { button1, button2 } = configuration;
   const [isOn, setIsOn] = useState(true);
   const [isStart, setIsStart] = useState(true);
-  // eslint-disable-next-line no-unused-vars
   const [configValues] = useConfigGlobalState('configValues');
   const isLight = false;
 

package/src/commons/ActionGroup/__test__/NumberUpDownTemplate.test.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import Text from '../../../commons/Text';
+import { TESTID } from '../../../configs/Constants';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import NumberUpDownActionTemplate from '../NumberUpDownActionTemplate';
 
@@ -30,7 +31,7 @@ describe('Test NumberUpDownActionTemplate', () => {
     watchMultiConfigs.mockClear();
     actionGroup = {
       configuration: {
-        keep_track_config: false,
+        allow_config_store_value: false,
         config: 5,
         action_data,
         min_value: 16,
@@ -57,28 +58,10 @@ describe('Test NumberUpDownActionTemplate', () => {
 
     const touchs = instance.findAllByType(TouchableOpacity);
     expect(touchs).toHaveLength(2);
-  });
-
-  test('do action call watchConfigs', async () => {
-    actionGroup.configuration.keep_track_config = true;
-    const mockDoAction = jest.fn();
-    await act(async () => {
-      wrapper = await create(
-        <NumberUpDownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
-    });
-    const instance = wrapper.root;
-    const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(2);
 
     await act(async () => {
       await touchs[0].props.onPress();
     });
-
     expect(watchMultiConfigs).toBeCalled();
   });
 
@@ -104,8 +87,9 @@ describe('Test NumberUpDownActionTemplate', () => {
     expect(watchMultiConfigs).not.toBeCalled();
   });
 
-  test('do action not call watchConfigs cause keep track config false', async () => {
+  test('do action watchConfigs cause allow_config_store_value true', async () => {
     const mockDoAction = jest.fn();
+    actionGroup.configuration.allow_config_store_value = true;
     await act(async () => {
       wrapper = await create(
         <NumberUpDownActionTemplate
@@ -123,11 +107,11 @@ describe('Test NumberUpDownActionTemplate', () => {
       await touchs[0].props.onPress();
     });
 
-    expect(watchMultiConfigs).not.toBeCalled();
+    expect(watchMultiConfigs).toBeCalled();
   });
 
   test('action down without config', async () => {
-    actionGroup.configuration.keep_track_config = true;
+    actionGroup.configuration.allow_config_store_value = true;
     actionGroup.configuration.config = undefined;
     const mockDoAction = jest.fn();
     await act(async () => {
@@ -150,8 +134,10 @@ describe('Test NumberUpDownActionTemplate', () => {
     expect(watchMultiConfigs).not.toBeCalled();
   });
 
-  test('action down without keep track config', async () => {
+  test('action down allow_config_store_value true', async () => {
     const mockDoAction = jest.fn();
+    actionGroup.configuration.allow_config_store_value = true;
+    actionGroup.configuration.config = null;
     await act(async () => {
       wrapper = await create(
         <NumberUpDownActionTemplate
@@ -162,19 +148,23 @@ describe('Test NumberUpDownActionTemplate', () => {
       );
     });
     const instance = wrapper.root;
-    const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(2);
-
+    const touchs = instance.find(
+      (el) =>
+        el.props.testID === TESTID.NUMBER_ACTION_DOWN &&
+        el.type === TouchableOpacity
+    );
     await act(async () => {
-      await touchs[0].props.onPress();
+      await touchs.props.onPress();
     });
 
     const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('24 *C');
+    expect(text.props.children).toEqual('27 *C');
   });
 
-  test('action up without keep track config', async () => {
+  test('action up allow_config_store_value true', async () => {
     const mockDoAction = jest.fn();
+    actionGroup.configuration.allow_config_store_value = true;
+    actionGroup.configuration.config = null;
     await act(async () => {
       wrapper = await create(
         <NumberUpDownActionTemplate
@@ -185,19 +175,21 @@ describe('Test NumberUpDownActionTemplate', () => {
       );
     });
     const instance = wrapper.root;
-    const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(2);
-
+    const touchs = instance.find(
+      (el) =>
+        el.props.testID === TESTID.NUMBER_ACTION_UP &&
+        el.type === TouchableOpacity
+    );
     await act(async () => {
-      await touchs[1].props.onPress();
+      await touchs.props.onPress();
     });
-
-    const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('26 *C');
+    const text = instance.find(
+      (el) => el.props.testID === 'abcd' && el.type === Text
+    );
+    expect(text.props.children).toEqual('29 *C');
   });
 
-  test('action down with keep track config', async () => {
-    actionGroup.configuration.keep_track_config = true;
+  test('action down with allow_config_store_value false', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = await create(
@@ -209,19 +201,21 @@ describe('Test NumberUpDownActionTemplate', () => {
       );
     });
     const instance = wrapper.root;
-    const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(2);
+    const touchs = instance.find(
+      (el) =>
+        el.props.testID === TESTID.NUMBER_ACTION_DOWN &&
+        el.type === TouchableOpacity
+    );
 
     await act(async () => {
-      await touchs[0].props.onPress();
+      await touchs.props.onPress();
     });
 
     const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('25 *C'); // TODO should 24, configValues make changes again
+    expect(text.props.children).toEqual('24 *C'); // TODO should 24, configValues make changes again
   });
 
-  test('action up with keep track config', async () => {
-    actionGroup.configuration.keep_track_config = true;
+  test('action up with allow_config_store_value false', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = await create(
@@ -233,15 +227,18 @@ describe('Test NumberUpDownActionTemplate', () => {
       );
     });
     const instance = wrapper.root;
-    const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(2);
+    const touchs = instance.find(
+      (el) =>
+        el.props.testID === TESTID.NUMBER_ACTION_UP &&
+        el.type === TouchableOpacity
+    );
 
     await act(async () => {
-      await touchs[1].props.onPress();
+      await touchs.props.onPress();
     });
 
     const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('25 *C'); // TODO should 26, configValues make changes again
+    expect(text.props.children).toEqual('26 *C'); // TODO should 26, configValues make changes again
   });
 
   test('action down limit ', async () => {

package/src/commons/ActionGroup/__test__/index.test.js

@@ -356,8 +356,8 @@ describe('Test ActionGroup', () => {
         text_format: '{number} *C',
       },
     };
-    await act(() => {
-      wrapper = renderer.create(
+    await act(async () => {
+      wrapper = await renderer.create(
         wrapComponent(actionGroup, mockDoAction, sensor)
       );
     });

package/src/commons/ConnectingProcess/index.js

@@ -12,6 +12,7 @@ import styles from './styles';
 import DeviceItem from './DeviceItem/DeviceItem';
 import Connecting from '../Connecting';
 import { useSCContextSelector } from '../../context';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 const ConnectingProcess = ({ route }) => {
   const { navigate, goBack } = useNavigation();
@@ -27,7 +28,6 @@ const ConnectingProcess = ({ route }) => {
     devicePrefixName,
     wifi_ssid,
     wifi_pass,
-    chip_id,
   } = route.params || {};
   const [isLoading, setIsLoading] = useState(true);
   const [sensor, setSensor] = useState(null);
@@ -46,6 +46,7 @@ const ConnectingProcess = ({ route }) => {
           if (success) {
             setSensor(data);
           } else {
+            ToastBottomHelper.error(JSON.stringify(data));
             goBack();
           }
         }
@@ -63,19 +64,23 @@ const ConnectingProcess = ({ route }) => {
         if (success) {
           setSensor(data);
         } else {
+          ToastBottomHelper.error(JSON.stringify(data));
           goBack();
         }
         break;
       }
       case 'LITE': {
-        const { success } = await axiosPost(API.UNIT.ADD_GATEWAY(unit_id), {
-          chip: chip_id,
-          imei: gateway?.imei,
-          chip_name: gateway?.model,
-        });
+        const { success, data } = await axiosPost(
+          API.UNIT.ADD_GATEWAY(unit_id),
+          {
+            imei: gateway?.imei,
+            chip_name: gateway?.model,
+          }
+        );
         if (success) {
           setSensor({ name: gateway?.model });
         } else {
+          ToastBottomHelper.error(JSON.stringify(data));
           goBack();
         }
         break;
@@ -95,7 +100,6 @@ const ConnectingProcess = ({ route }) => {
     wifi_pass,
     user?.phone_number,
     unit_id,
-    chip_id,
   ]);
 
   const ConnectingSuccess = useCallback(() => {

package/src/commons/Device/ConnectedViewHeader.js

@@ -29,7 +29,7 @@ const ConnectedViewHeader = memo(
     const t = useTranslations();
     const lastUpdatedStr = lastUpdated
       ? timeDifference(new Date(), lastUpdated)
-      : null;
+      : `5 ${t('seconds_ago')}`;
     return (
       <View style={styles.statusContainer}>
         <View style={styles.connectStatus}>

package/src/commons/Device/HistoryChart.js

@@ -151,12 +151,12 @@ const HistoryChart = memo(
       if (configuration.config !== 'power_consumption') {
         return null;
       }
-      const { price } = chartConfig;
-      if (price === '' || isNaN(price)) {
+      const { price: chartPrice } = chartConfig;
+      if (chartPrice === '' || isNaN(chartPrice)) {
         return null;
       }
       const sum = datas[0].data.reduce((a, b) => a + b.y, 0);
-      const roundedSum = sum * price;
+      const roundedSum = sum * chartPrice;
       return roundedSum.toFixed();
     }, [configuration, datas, chartConfig]);
 

package/src/commons/Device/ItemDevice.js

@@ -11,8 +11,9 @@ import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import ItemQuickAction from '../../commons/Action/ItemQuickAction';
 import Text from '../../commons/Text';
-import { isDeviceConnected } from '../../iot/RemoteControl/Bluetooth';
+import { isDeviceConnected as isBluetoothDeviceConnected } from '../../iot/RemoteControl/Bluetooth';
 import { useSCContextSelector } from '../../context';
+import { useGGHomeDeviceConnected } from '../../hooks/Common';
 
 import { Colors } from '../../configs';
 import { TESTID, DEVICE_TYPE, DEVICE_SIZE } from '../../configs/Constants';
@@ -26,7 +27,6 @@ const ItemDevice = memo(
     sensor,
     unit,
     station,
-    isGGHomeConnected,
     serverDown,
     status,
     wrapStyle,
@@ -39,6 +39,7 @@ const ItemDevice = memo(
     const isNetworkConnected = useSCContextSelector(
       (state) => state.app.isNetworkConnected
     );
+    const { isConnected: isGGHomeConnected } = useGGHomeDeviceConnected(sensor);
 
     const goToSensorDisplay = useCallback(() => {
       navigation.navigate(Routes.DeviceDetail, {
@@ -46,24 +47,27 @@ const ItemDevice = memo(
         station,
         sensorData: sensor,
         title,
-        isGGHomeConnected,
       });
-    }, [navigation, sensor, station, title, unit, isGGHomeConnected]);
+    }, [navigation, sensor, station, title, unit]);
 
     const isConnectedViaInternet =
       status === undefined
         ? !serverDown && isNetworkConnected && sensor.is_connected
         : !serverDown && isNetworkConnected && status.is_connected;
+
     const isConnectedViaBLE =
       isBluetoothEnabled &&
-      isDeviceConnected(sensor?.remote_control_options?.bluetooth?.address);
-    const isConnectedViaGGHome =
-      !!sensor &&
-      sensor?.is_other_device &&
-      !sensor?.device_type !== DEVICE_TYPE.LG_THINQ &&
-      isGGHomeConnected;
+      isBluetoothDeviceConnected(
+        sensor?.remote_control_options?.bluetooth?.address
+      );
+
     const isConnected =
-      isConnectedViaInternet || isConnectedViaGGHome || isConnectedViaBLE;
+      !!sensor && sensor?.is_other_device
+        ? sensor?.device_type === DEVICE_TYPE.LG_THINQ
+          ? true
+          : isGGHomeConnected
+        : isConnectedViaInternet || isConnectedViaBLE;
+
     const borderColor = isConnected ? Colors.Gray4 : Colors.Red6;
     const textConnected = isConnected ? t('connected') : t('disconnected');
 

package/src/commons/Device/SonosSpeaker/index.js

@@ -69,7 +69,7 @@ const SonosSpeaker = memo(() => {
         <View style={styles.containerSlider}>
           <Slider
             value={value}
-            onValueChange={(value) => setValue(value)}
+            onValueChange={setValue}
             step={1}
             minimumValue={0}
             maximumValue={100}

package/src/commons/FieldTemplate/ScheduleField/index.js

@@ -152,9 +152,9 @@ const ScheduleField = ({ dataItem, index, setDataForm, dataForm }) => {
     <View style={styles.wrapper}>
       <Text style={styles.textHeadLine}>{t('access_schedule')}</Text>
 
-      {listAccessSchedule.map((item, index) => (
+      {listAccessSchedule.map((item, i) => (
         <AccessScheduleItem
-          key={index}
+          key={i}
           item={item}
           isSelected={item.value === accessSchedule}
           onSelect={setAccessSchedule}

package/src/commons/Header/HeaderCustom.js

@@ -6,6 +6,7 @@ import { Icon } from '@ant-design/react-native';
 import { useNavigation } from '@react-navigation/native';
 import styles from './Styles/HeaderCustomStyles';
 import { useTranslations } from '../../hooks/Common/useTranslations';
+import { notImplemented } from '../../utils/Utils';
 
 const HeaderCustom = ({
   title = '',
@@ -33,7 +34,7 @@ const HeaderCustom = ({
   };
 
   const handleClose = useCallback(() => {
-    onClose ? onClose() : alert(t('feature_under_development'));
+    onClose ? onClose() : notImplemented(t);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 

package/src/commons/HorizontalPicker/index.js

@@ -76,8 +76,8 @@ const HorizontalPicker = ({
   }, [maximum, minimum, time]);
 
   useEffect(() => {
-    const scrollListener = scrollX.addListener(({ value }) => {
-      isCanChangeValue && onChangeValue && onChangeValue(value);
+    const scrollListener = scrollX.addListener(({ value: scrollValue }) => {
+      isCanChangeValue && onChangeValue && onChangeValue(scrollValue);
     });
     return () => scrollX.removeListener(scrollListener);
     // eslint-disable-next-line react-hooks/exhaustive-deps