@eohjsc/react-native-smart-city 0.3.71 → 0.3.73

package/src/utils/Utils.js

@@ -1,8 +1,24 @@
 import { PixelRatio, Linking, Alert } from 'react-native';
 import Toast from 'react-native-toast-message';
 import validator from 'validator';
-import { Constants } from '../configs';
 import api from './Apis/axios';
+import {
+  ESP32_DIGITAL,
+  ESP32_ANALOG_READ,
+  ESP32_ANALOG_WRITE,
+  RASPBERRY_PI_DIGITAL,
+  RASPBERRY_PI_ANALOG_WRITE,
+  RASPBERRY_PI_ANALOG_READ,
+  STM32_DIGITAL_READ,
+  STM32_ANALOG_READ,
+  STM32_DIGITAL_WRITE,
+  STM32_ANALOG_WRITE,
+  READ_DIGITAL_PIN_MODE,
+  READ_ANALOG_PIN_MODE,
+  WRITE_DIGITAL_PIN_MODE,
+  WRITE_ANALOG_PIN_MODE,
+  LANGUAGE,
+} from '../configs/IOPinConstants';
 
 export const setAxiosDefaultAuthToken = (token) => {
   api.setHeaders({ Authorization: `Token ${token}` });
@@ -10,7 +26,7 @@ export const setAxiosDefaultAuthToken = (token) => {
 
 export const setAxiosDefaultLanguage = (language) => {
   api.setHeaders({
-    'Accept-Language': language || Constants.LANGUAGE.DEFAULT,
+    'Accept-Language': language || LANGUAGE.DEFAULT,
   });
 };
 
@@ -140,6 +156,50 @@ export const roundNumber = (value, round = 2) => {
   return value;
 };
 
+export const PIN_MODE_MAPPING = {
+  read: {
+    boolean: READ_DIGITAL_PIN_MODE,
+    integer: READ_ANALOG_PIN_MODE,
+  },
+  write: {
+    boolean: WRITE_DIGITAL_PIN_MODE,
+    integer: WRITE_ANALOG_PIN_MODE,
+  },
+};
+
+export const PIN_MAPPING = {
+  esp32: {
+    read: {
+      boolean: ESP32_DIGITAL,
+      integer: ESP32_ANALOG_READ,
+    },
+    write: {
+      boolean: ESP32_DIGITAL,
+      integer: ESP32_ANALOG_WRITE,
+    },
+  },
+  stm32: {
+    read: {
+      boolean: STM32_DIGITAL_READ,
+      integer: STM32_ANALOG_READ,
+    },
+    write: {
+      boolean: STM32_DIGITAL_WRITE,
+      integer: STM32_ANALOG_WRITE,
+    },
+  },
+  raspberry_pi: {
+    read: {
+      boolean: RASPBERRY_PI_DIGITAL,
+      integer: RASPBERRY_PI_ANALOG_READ,
+    },
+    write: {
+      boolean: RASPBERRY_PI_DIGITAL,
+      integer: RASPBERRY_PI_ANALOG_WRITE,
+    },
+  },
+};
+
 export default {
   validateEmail,
   isObjectEmpty,

package/src/commons/Explore/ActivityIndicator/index.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { Easing, Animated } from 'react-native';
-import { useEffect, useMemo, useRef } from 'react';
-import { AccessibilityLabel } from '../../../configs/Constants';
-
-function SvgComponent(props) {
-  const rotateValue = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    Animated.loop(
-      Animated.timing(rotateValue, {
-        toValue: 1,
-        duration: 2000,
-        easing: Easing.linear,
-        useNativeDriver: true,
-      }),
-      { iterations: -1 }
-    ).start();
-  }, [rotateValue]);
-
-  const rotate = useMemo(
-    () =>
-      rotateValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '360deg'],
-      }),
-    [rotateValue]
-  );
-  const style = {
-    height: 16,
-    width: 16,
-    transform: [
-      {
-        rotate: rotate,
-      },
-    ],
-  };
-
-  return (
-    <Animated.View
-      style={style}
-      accessibilityLabel={AccessibilityLabel.COMMON_LOADING_ANIMATION}
-    >
-      {props.icon}
-    </Animated.View>
-  );
-}
-
-const SvgActivityIndicator = React.memo(SvgComponent);
-export default SvgActivityIndicator;

package/src/commons/Explore/CityItem/index.js

@@ -1,116 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import { View, Image, StyleSheet, TouchableOpacity } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-import { API } from '../../../configs';
-import Pin from '../../../../assets/images/Explore/Pin.svg';
-import Follower from '../../../../assets/images/Explore/Follower.svg';
-import PinOutline from '../../../../assets/images/Explore/PinOutline.svg';
-import { formatNumberCompact } from '../../../utils/Utils';
-import { axiosPost } from '../../../utils/Apis/axios';
-
-const CityItem = memo(({ item, onSelect }) => {
-  const t = useTranslations();
-  const { id, name, icon, is_pin, count_pin } = item;
-
-  const onPressPinPublicUnit = useCallback(async () => {
-    const { success } = await axiosPost(API.UNIT.PIN_UNIT(id));
-    if (success) {
-      //TODO remove redux
-      //dispatch(pinPublicUnitSuccess(id));
-    }
-  }, [id]);
-
-  const onPressUnPinPublicUnit = useCallback(async () => {
-    const { success } = await axiosPost(API.UNIT.UNPIN_UNIT(id));
-    if (success) {
-      //TODO remove redux
-      //dispatch(unpinPublicUnitSuccess(id));
-    }
-  }, [id]);
-
-  return (
-    <TouchableOpacity
-      style={styles.container}
-      onPress={onSelect}
-      activeOpacity={0.4}
-    >
-      <View>
-        <Image source={{ uri: icon || '' }} style={styles.image} />
-      </View>
-      <View style={styles.info}>
-        <Text size={16} style={styles.textName}>
-          {name}
-        </Text>
-        <View style={styles.pinView}>
-          <Follower width={16} height={16} />
-          <Text size={12} color={Colors.Gray8}>
-            {`${formatNumberCompact(count_pin)}` + ` ${t('text_pins')}`}
-          </Text>
-        </View>
-      </View>
-      <TouchableOpacity activeOpacity={0.7} style={styles.pin}>
-        {is_pin ? (
-          <Pin onPress={onPressUnPinPublicUnit} width={24} height={24} />
-        ) : (
-          <PinOutline onPress={onPressPinPublicUnit} width={24} height={24} />
-        )}
-      </TouchableOpacity>
-    </TouchableOpacity>
-  );
-});
-export default CityItem;
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    paddingBottom: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Gray4,
-    marginBottom: 17,
-    marginHorizontal: 16,
-  },
-  image: {
-    width: 54,
-    height: 54,
-    borderRadius: 5,
-  },
-  info: {
-    flex: 1,
-    marginLeft: 16,
-  },
-  textName: {
-    color: Colors.Black,
-    lineHeight: 24,
-    marginBottom: 2,
-  },
-  pinView: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 6,
-  },
-  weatherInfo: {
-    flexDirection: 'row',
-  },
-  rowInfo: {
-    marginRight: 24,
-  },
-  value: {
-    color: Colors.Black,
-    lineHeight: 24,
-  },
-  weatherAttribute: {
-    lineHeight: 20,
-  },
-  qualityEvaluate: {
-    lineHeight: 24,
-  },
-  pin: {
-    padding: 4,
-    height: 32,
-    marginTop: -4,
-    marginRight: -4,
-  },
-});

package/src/commons/Explore/HeaderExplore/index.js

@@ -1,44 +0,0 @@
-import React, { memo } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-import Theme from '../../../configs/Theme';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-import { useSCContextSelector } from '../../../context';
-
-const HeaderExplore = memo(() => {
-  const t = useTranslations();
-  useSCContextSelector((state) => state.language);
-  return (
-    <View style={styles.container}>
-      <Text size={20} semibold={true} style={styles.textTitle}>
-        {t('text_explore')}
-      </Text>
-      {/* <SearchBox onFocusInput={onFocusTextInput} /> */}
-    </View>
-  );
-});
-
-export default HeaderExplore;
-
-const styles = StyleSheet.create({
-  container: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16,
-  },
-  textTitle: {
-    lineHeight: 28,
-  },
-  searchBox: {
-    ...Theme.flexRow,
-    paddingHorizontal: 16,
-    backgroundColor: Colors.White,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    borderRadius: 5,
-    marginTop: 8,
-    height: 48,
-  },
-});

package/src/commons/Explore/HeaderLabel/index.js

@@ -1,46 +0,0 @@
-import React, { memo } from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-
-const HeaderLabel = memo(({ title, style, onPress, seeMore }) => {
-  const t = useTranslations();
-  return (
-    <View style={[styles.labelHeader, style]}>
-      <Text fontSize={14} color={Colors.Gray8} style={styles.textLineHeight}>
-        {title}
-      </Text>
-      {seeMore && (
-        <TouchableOpacity onPress={onPress} style={styles.btnStyle}>
-          <Text
-            fontSize={14}
-            color={Colors.Primary}
-            style={styles.textLineHeight}
-          >
-            {t('see_more')}
-          </Text>
-        </TouchableOpacity>
-      )}
-    </View>
-  );
-});
-
-const styles = StyleSheet.create({
-  labelHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  textLineHeight: {
-    lineHeight: 20,
-  },
-  btnStyle: {
-    marginTop: -8,
-    marginBottom: -8,
-    paddingTop: 8,
-    paddingBottom: 8,
-  },
-});
-
-export default HeaderLabel;

package/src/commons/Explore/LocationItem/index.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { View, Image, StyleSheet, TouchableOpacity } from 'react-native';
-
-import Text from '../../../commons/Text';
-import { Colors } from '../../../configs';
-
-const LocationItem = ({ item, onPress, margin }) => {
-  return (
-    <TouchableOpacity
-      style={[styles.container, { marginTop: margin, marginLeft: margin }]}
-      onPress={onPress}
-    >
-      <Image source={{ uri: item.background || '' }} style={styles.image} />
-      <View style={styles.contentView}>
-        <Text
-          size={14}
-          semibold={true}
-          style={styles.textMargin}
-          numberOfLines={1}
-        >
-          {item.name || ''}
-        </Text>
-        <Text
-          numberOfLines={2}
-          size={12}
-          color={Colors.Gray8}
-          style={styles.textAddress}
-        >
-          {item.address || ''}
-        </Text>
-        <Text color={Colors.Orange} size={14} style={styles.textMargin}>
-          {item.distance || ''}
-        </Text>
-      </View>
-    </TouchableOpacity>
-  );
-};
-
-export default LocationItem;
-
-const styles = StyleSheet.create({
-  container: {
-    width: 167,
-    height: 200,
-    paddingBottom: 8,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    marginRight: 8,
-    backgroundColor: Colors.White,
-  },
-  textMargin: {
-    lineHeight: 22,
-    marginTop: 8,
-  },
-  image: {
-    width: 167,
-    height: 80,
-    borderTopLeftRadius: 10,
-    borderTopRightRadius: 10,
-  },
-  contentView: {
-    paddingHorizontal: 12,
-    justifyContent: 'space-between',
-    flexDirection: 'column',
-    flex: 1,
-  },
-  textAddress: {
-    lineHeight: 20,
-  },
-});

package/src/commons/Explore/SearchBox/__test__/SearchBox.test.js

@@ -1,58 +0,0 @@
-import SearchBox from '../index';
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import renderer, { act } from 'react-test-renderer';
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import { TextInput } from 'react-native';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-
-const mockedNavigate = jest.fn();
-
-const wrapComponent = () => (
-  <SCProvider initState={mockSCStore({})}>
-    <SearchBox isBack={true} />
-  </SCProvider>
-);
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: mockedNavigate,
-    }),
-  };
-});
-
-describe('Test SearchBox', () => {
-  let wrapper;
-  it('SearchBox render', async () => {
-    await act(async () => {
-      wrapper = renderer.create(wrapComponent());
-    });
-    const instance = wrapper.root;
-    const button = instance.findByType(TouchableOpacity);
-
-    await act(async () => {
-      button.props.onPress();
-    });
-    expect(mockedNavigate.mock.calls.length).toBe(1);
-  });
-
-  it('Onfocus searchBox', async () => {
-    await act(async () => {
-      wrapper = renderer.create(wrapComponent());
-    });
-    const instance = wrapper.root;
-    const textInput = instance.find(
-      (item) =>
-        item.props.accessibilityLabel ===
-          AccessibilityLabel.ON_FOCUS_SEARCH_B0X && item.type === TextInput
-    );
-
-    await act(async () => {
-      textInput.props.onFocus();
-    });
-    expect(textInput).toBeDefined();
-  });
-});

package/src/commons/Explore/SearchBox/index.js

@@ -1,59 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import { TextInput, View, StyleSheet, TouchableOpacity } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors } from '../../../configs';
-import Theme from '../../../configs/Theme';
-import Search from '../../../../assets/images/Explore/Search.svg';
-import ArrowBack from '../../../../assets/images/Explore/ArrowBack.svg';
-import { AccessibilityLabel } from '../../../configs/Constants';
-
-const SearchBox = memo(({ isBack, style, onFocus }) => {
-  const t = useTranslations();
-  const { goBack } = useNavigation();
-  const onBack = useCallback(() => {
-    goBack();
-  }, [goBack]);
-  const onFocusInput = useCallback(() => {
-    onFocus && onFocus();
-  }, [onFocus]);
-  return (
-    <View style={[styles.searchBox, style]}>
-      {isBack ? (
-        <TouchableOpacity style={styles.backBtn} onPress={onBack}>
-          <ArrowBack />
-        </TouchableOpacity>
-      ) : (
-        <View>
-          <Search />
-        </View>
-      )}
-      <TextInput
-        placeholder={t('text_search_location_placeholder')}
-        placeholderTextColor={Colors.Gray7}
-        style={Theme.textSearchInput}
-        onFocus={onFocusInput}
-        accessibilityLabel={AccessibilityLabel.ON_FOCUS_SEARCH_B0X}
-      />
-    </View>
-  );
-});
-
-export default SearchBox;
-const styles = StyleSheet.create({
-  searchBox: {
-    ...Theme.flexRow,
-    paddingHorizontal: 16,
-    backgroundColor: Colors.White,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    borderRadius: 5,
-    marginTop: 8,
-    height: 48,
-  },
-  backBtn: {
-    padding: 12,
-    marginHorizontal: -12,
-  },
-});

package/src/commons/Explore/__test__/CityItem.test.js

@@ -1,156 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import CityItem from '../CityItem';
-import { TouchableOpacity } from 'react-native';
-import { API } from '../../../configs';
-import Pin from '../../../../assets/images/Explore/Pin.svg';
-import PinOutline from '../../../../assets/images/Explore/PinOutline.svg';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import MockAdapter from 'axios-mock-adapter';
-import api from '../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const mockedDispatch = jest.fn();
-
-const wrapComponent = (item, mockeSelect) => (
-  <SCProvider initState={mockSCStore({})}>
-    <CityItem item={item} onSelect={mockeSelect} />
-  </SCProvider>
-);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: () => mockedDispatch,
-}));
-
-describe('Test CityItem', () => {
-  let tree;
-
-  it('render CityItem is_pin: true', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: 'icon',
-      is_pin: true,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-    mock.onPost(API.UNIT.PIN_UNIT()).reply(200);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const buttons = instance.findAllByType(TouchableOpacity);
-    expect(buttons.length).toBe(2);
-    await buttons[0].props.onPress();
-    expect(mockeSelect).toHaveBeenCalledTimes(1);
-    const pin = instance.findAllByType(Pin);
-    expect(pin.length).toBe(2);
-    mock.onPost(API.UNIT.PIN_UNIT()).reply(200);
-    await pin[1].props.onPress();
-    const unpin = instance.findAllByType(PinOutline);
-    mock.onPost(API.UNIT.UNPIN_UNIT(1)).reply(200);
-    await unpin[1].props.onPress();
-    expect(unpin.length).toBe(2);
-  });
-
-  it('render CityItem is_pin: false', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: 'icon',
-      is_pin: false,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const unpin = instance.findAllByType(PinOutline);
-    mock.onPost(API.UNIT.PIN_UNIT(1)).reply(200);
-    await unpin[1].props.onPress();
-    expect(unpin.length).toBe(2);
-  });
-
-  it('render CityItem is_pin: false and call api false', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: 'icon',
-      is_pin: false,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const unpin = instance.findAllByType(PinOutline);
-    mock.onPost(API.UNIT.PIN_UNIT(1)).reply(400);
-    await unpin[1].props.onPress();
-    expect(unpin.length).toBe(2);
-  });
-
-  it('render CityItem PinOutline axios.post response false', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: 'icon',
-      is_pin: false,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-    mock.onPost(API.UNIT.PIN_UNIT()).reply(200, {});
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const unpin = instance.findAllByType(PinOutline);
-    await unpin[1].props.onPress();
-    expect(unpin.length).toBe(2);
-  });
-
-  it('render CityItem Pin axios.post response false', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: 'icon',
-      is_pin: true,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-    mock.onPost(API.UNIT.UNPIN_UNIT(1)).reply(400, {});
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const pin = instance.findAllByType(Pin);
-    await pin[1].props.onPress();
-    expect(pin.length).toBe(2);
-  });
-
-  it('render CityItem icon null', async () => {
-    const item = {
-      id: 1,
-      name: 'name',
-      icon: '',
-      is_pin: false,
-      count_pin: 1,
-    };
-    const mockeSelect = jest.fn();
-
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, mockeSelect));
-    });
-    const instance = tree.root;
-    const buttons = instance.findAllByType(TouchableOpacity);
-    expect(buttons.length).toBe(2);
-    await act(async () => {
-      await buttons[0].props.onPress();
-    });
-    expect(mockeSelect).toHaveBeenCalledTimes(1);
-  });
-});