@eohjsc/react-native-smart-city 0.3.33 → 0.3.36

package/src/screens/SmartAccount/__test__/SmartAccount.test.js

@@ -0,0 +1,249 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import Toast from 'react-native-toast-message';
+import { ScrollView, TouchableOpacity } from 'react-native';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import SmartAccount from '../index';
+import AccessibilityLabel from '../../../configs/AccessibilityLabel';
+import TextInput from '../../../commons/Form/TextInput';
+import _TextInputPassword from '../../../commons/Form/TextInputPassword';
+import Routes from '../../../utils/Route';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SmartAccount route={route} />
+  </SCProvider>
+);
+const mockedNavigate = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+    }),
+  };
+});
+
+describe('Test SmartAccount', () => {
+  let tree;
+  afterEach(() => {
+    mockedNavigate.mockClear();
+  });
+  test('render SmartAccount', () => {
+    const route = {
+      params: {
+        unit_id: 1,
+      },
+    };
+    act(() => {
+      tree = renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const scrollView = instance.findAllByType(ScrollView);
+    const touchDienQuang = instance.findAllByType(TouchableOpacity);
+    act(async () => {
+      touchDienQuang[1].props.onPress();
+    });
+    expect(scrollView[0]).toBeDefined();
+    expect(touchDienQuang[1]).toBeDefined();
+    expect(touchDienQuang).toBeDefined();
+  });
+
+  test('render login SmartAccount', () => {
+    const route = {
+      params: {
+        unit_id: 1,
+      },
+    };
+    act(() => {
+      tree = renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const touchableOpacity = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.LOGIN_SMART_ACCOUNT && el.type === TouchableOpacity
+    );
+    act(async () => {
+      touchableOpacity.props.onPress();
+    });
+    expect(touchableOpacity).toBeDefined();
+  });
+
+  test('render handle onpress save but not select supplier item ', async () => {
+    const route = {
+      params: {
+        unitId: 1,
+      },
+    };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const textInput = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_SMART_ACCOUNT &&
+        el.type === TextInput
+    );
+    await act(async () => {
+      await textInput.props.onChange('eoh.dienquang@gmail.com');
+    });
+    const textInputPassWord = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT &&
+        el.type === _TextInputPassword
+    );
+    await act(async () => {
+      await textInputPassWord.props.onChange('1234567');
+    });
+    const touchableOpacity = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.LOGIN_SMART_ACCOUNT && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchableOpacity.props.onPress();
+    });
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: 'Please select a supplier',
+      text2: undefined,
+      visibilityTime: 1000,
+    });
+  });
+
+  test('render handle sync item DienQuang from screen unitDetail', async () => {
+    const route = {
+      params: {
+        unitId: 1,
+      },
+    };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const textInput = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_SMART_ACCOUNT &&
+        el.type === TextInput
+    );
+    await act(async () => {
+      await textInput.props.onChange('eoh.dienquang@gmail.com');
+    });
+    const textInputPassWord = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT &&
+        el.type === _TextInputPassword
+    );
+    await act(async () => {
+      await textInputPassWord.props.onChange('1234567');
+    });
+    const touchSupplierItem = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.TOUCH_SUPPLIER_ITEM && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchSupplierItem[0].props.onPress();
+    });
+    const touchableOpacity = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.LOGIN_SMART_ACCOUNT && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchableOpacity.props.onPress();
+    });
+    expect(mockedNavigate).toBeCalledWith(Routes.SmartAccountConnecting, {
+      brand: 'google_home',
+      password: '1234567',
+      unit_id: 1,
+      username: 'eoh.dienquang@gmail.com',
+    });
+  });
+
+  test('render handle sync item DienQuang from screen dashboard', async () => {
+    const route = {
+      params: {},
+    };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const textInput = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_SMART_ACCOUNT &&
+        el.type === TextInput
+    );
+    await act(async () => {
+      await textInput.props.onChange('eoh.dienquang@gmail.com');
+    });
+    const textInputPassWord = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT &&
+        el.type === _TextInputPassword
+    );
+    await act(async () => {
+      await textInputPassWord.props.onChange('1234567');
+    });
+    const touchSupplierItem = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.TOUCH_SUPPLIER_ITEM && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchSupplierItem[0].props.onPress();
+    });
+    const touchableOpacity = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.LOGIN_SMART_ACCOUNT && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchableOpacity.props.onPress();
+    });
+    expect(mockedNavigate).toBeCalledWith(Routes.AddDeviceStack, {
+      screen: 'AddCommonSelectUnit',
+      params: {
+        addType: 'AddHassioDevice',
+        brand: 'google_home',
+        password: '1234567',
+        username: 'eoh.dienquang@gmail.com',
+      },
+    });
+  });
+
+  test('render handle sync Lg', () => {
+    const route = {
+      params: {
+        unit_id: 1,
+      },
+    };
+    act(() => {
+      tree = renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const touchSupplierItem = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.TOUCH_SUPPLIER_ITEM && el.type === TouchableOpacity
+    );
+    act(async () => {
+      await touchSupplierItem[1].props.onPress();
+    });
+    expect(touchSupplierItem).toBeDefined();
+    expect(mockedNavigate).toBeCalledWith(Routes.Browser, {
+      // eslint-disable-next-line max-len
+      link: 'https://qt-vn.m.lgaccount.com/emp/v2/authorize?client_id=2b85aee334f046848341547894bb7c4e&redirect_uri=app://eoh/sync-lg-device&response_type=code&state=1',
+    });
+  });
+});

package/src/screens/SmartAccount/index.js

@@ -0,0 +1,172 @@
+import React, { useState, useCallback, useMemo } from 'react';
+import {
+  Image,
+  View,
+  ScrollView,
+  TouchableOpacity,
+  Keyboard,
+} from 'react-native';
+
+import { HeaderCustom } from '../../commons/Header';
+import Text from '../../commons/Text';
+import TextInput from '../../commons/Form/TextInput';
+import _TextInputPassword from '../../commons/Form/TextInputPassword';
+import { useTranslations } from '../../hooks/Common/useTranslations';
+import { useNavigation } from '@react-navigation/native';
+import { Button } from '../../commons';
+import { isValidPhoneNumberOrEmailAddress } from '../../utils/Validation';
+import { ToastBottomHelper } from '../../utils/Utils';
+import Routes from '../../utils/Route';
+import { API, Images, SCConfig, Colors } from '../../configs';
+import AccessibilityLabel from '../../configs/AccessibilityLabel';
+import styles from './style';
+
+const SmartAccount = ({ route }) => {
+  const t = useTranslations();
+  const { navigate } = useNavigation();
+  const [username, setUsername] = useState('');
+  const [usernameError, setUsernameErrorState] = useState();
+  const [password, setPassword] = useState('');
+  const [passwordError, setPasswordlErrorState] = useState();
+  const [selectItemActive, setSelectItemActive] = useState(null);
+
+  const supplierItems = useMemo(() => {
+    return [
+      {
+        name: t('dien_quang_smart'),
+        logo: Images.dienquang,
+      },
+      {
+        name: t('lg_smart'),
+        logo: Images.lg,
+      },
+    ];
+  }, [t]);
+
+  const handleSyncItemDienQuang = useCallback(() => {
+    if (route?.params?.unitId) {
+      navigate(Routes.SmartAccountConnecting, {
+        username: username,
+        password: password,
+        brand: 'google_home',
+        unit_id: route?.params?.unitId,
+      });
+    } else {
+      navigate(Routes.AddDeviceStack, {
+        screen: Routes.AddCommonSelectUnit,
+        params: {
+          username: username,
+          password: password,
+          brand: 'google_home',
+          addType: 'AddHassioDevice',
+        },
+      });
+    }
+  }, [navigate, password, route?.params, username]);
+
+  const validate = useCallback(() => {
+    Keyboard.dismiss();
+    let hasError = false;
+    if (!isValidPhoneNumberOrEmailAddress(username)) {
+      setUsernameErrorState(t('please_enter_your_email_or_your_phone'));
+      hasError = true;
+    } else {
+      setUsernameErrorState('');
+    }
+    if (!password) {
+      setPasswordlErrorState(t('please_enter_your_password'));
+      hasError = true;
+    } else {
+      setPasswordlErrorState('');
+    }
+
+    if (!hasError) {
+      if (selectItemActive !== null) {
+        selectItemActive === 0 && handleSyncItemDienQuang();
+      }
+      if (selectItemActive === null) {
+        ToastBottomHelper.error(t('please_select_a_supplier'));
+      }
+    }
+  }, [handleSyncItemDienQuang, password, selectItemActive, t, username]);
+
+  const handleSelectSupplier = useCallback(
+    (index) => {
+      setSelectItemActive(index);
+      if (index === 1) {
+        navigate(Routes.Browser, {
+          link: API.IOT.LG.AUTHORIZE(
+            SCConfig.LG_CLIENT_ID,
+            SCConfig.LG_REDIRECT_URI_APP
+          ),
+        });
+      }
+    },
+    [navigate]
+  );
+
+  return (
+    <View style={styles.container}>
+      <HeaderCustom
+        title={t('add_new_smart_account')}
+        titleStyle={styles.title}
+      />
+      <ScrollView contentContainerStyle={styles.scroll}>
+        <Text bold type="H4" color={Colors.Gray9} style={styles.text}>
+          {t('smart_supplier')}
+        </Text>
+        <View style={styles.logocontainer}>
+          {supplierItems.map((item, index) => (
+            <TouchableOpacity
+              style={[styles.logo]}
+              onPress={() => handleSelectSupplier(index)}
+              accessibilityLabel={AccessibilityLabel.TOUCH_SUPPLIER_ITEM}
+            >
+              <View
+                style={selectItemActive === index ? styles.borderLogo : styles}
+              >
+                <Image source={item.logo} />
+              </View>
+              <Text type="H4" color={Colors.Gray9} style={styles.logoName}>
+                {item.name}
+              </Text>
+            </TouchableOpacity>
+          ))}
+        </View>
+        <TextInput
+          placeholder={t('text_email_or_phone_number')}
+          onChange={(value) => setUsername(value)}
+          errorText={usernameError}
+          value={username}
+          textInputStyle={styles.textInputStyle}
+          accessibilityLabel={AccessibilityLabel.ON_CHANGE_SEARCH_SMART_ACCOUNT}
+        />
+        <_TextInputPassword
+          secureTextEntry={true}
+          placeholder={t('enter_password')}
+          onChange={(value) => setPassword(value)}
+          value={password}
+          errorText={passwordError}
+          returnKeyType={'done'}
+          eyeColor={true}
+          textInputStyle={styles.textInputStyle}
+          wrapInputStyle={styles.borderInputStyle}
+          errorStyle={passwordError && styles.borderErrorStyle}
+          accessibilityLabel={
+            AccessibilityLabel.ON_CHANGE_SEARCH_PASSWORD_SMART_ACCOUNT
+          }
+        />
+      </ScrollView>
+      <View style={[styles.buttonWrap]}>
+        <Button
+          type="primary"
+          title={t('save')}
+          onPress={validate}
+          accessibilityLabel={AccessibilityLabel.LOGIN_SMART_ACCOUNT}
+        />
+      </View>
+    </View>
+  );
+};
+
+export default SmartAccount;

package/src/screens/SmartAccount/style.js

@@ -0,0 +1,70 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../configs';
+
+const borderCommonStyle = {
+  borderColor: Colors.White,
+  borderWidth: 0,
+  borderBottomWidth: 0.8,
+};
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  title: {
+    color: Colors.Gray9,
+  },
+  scroll: {
+    padding: 16,
+    paddingBottom: 60,
+  },
+  text: {
+    lineHeight: 24,
+  },
+  logocontainer: {
+    flexDirection: 'row',
+    marginVertical: 16,
+  },
+  logo: {
+    marginRight: 16,
+  },
+  touchLogo: {
+    marginRight: 16,
+    borderColor: Colors.Green7,
+  },
+  logoName: {
+    width: 74,
+    height: 44,
+    textAlign: 'center',
+    lineHeight: 22,
+    marginTop: 4,
+  },
+  textInputStyle: {
+    borderTopWidth: 0,
+    borderRightWidth: 0,
+    borderLeftWidth: 0,
+    paddingHorizontal: 0,
+    paddingLeft: 0,
+  },
+  buttonWrap: {
+    marginHorizontal: 20,
+    flexDirection: 'row',
+    marginTop: 40,
+    position: 'absolute',
+    bottom: 32,
+  },
+  borderLogo: {
+    borderColor: Colors.Primary,
+    borderWidth: 1,
+    borderRadius: 5,
+  },
+  borderInputStyle: {
+    ...borderCommonStyle,
+    borderBottomColor: Colors.Gray5,
+  },
+  borderErrorStyle: {
+    ...borderCommonStyle,
+    borderBottomColor: Colors.Red,
+  },
+});

package/src/screens/SyncLGDevice/__test__/AddLGDevice.test.js

@@ -12,6 +12,8 @@ import Routes from '../../../utils/Route';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
+import Toast from 'react-native-toast-message';
+import { SCConfig } from '../../../configs';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -174,9 +176,18 @@ describe('Test Add LG Device', () => {
         access_token: 'ACCESS_TOKEN',
       },
     };
-    mock.onPost(API.IOT.LG.GET_TOKEN()).reply(200, responseToken.data);
+    mock
+      .onPost(
+        API.IOT.LG.GET_TOKEN(
+          SCConfig.LG_CLIENT_ID,
+          'CODE',
+          SCConfig.LG_REDIRECT_URI_APP,
+          'https://doamin.com'
+        )
+      )
+      .reply(200, responseToken.data);
     mock.onPost(API.IOT.LG.SYNC_DEVICE()).reply(200, {});
-    const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
+    // const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -190,10 +201,14 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
 
-    spyToastSuccess.mockReset();
-    spyToastSuccess.mockRestore();
+    expect(Toast.show).toBeCalledWith({
+      type: 'success',
+      position: 'bottom',
+      text1: getTranslate('en', 'lg_sync_success'),
+      visibilityTime: 1000,
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
   test('ViewButtonBottom onRightClick with stationId but sync failed', async () => {
@@ -206,9 +221,17 @@ describe('Test Add LG Device', () => {
       },
     };
     mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
-    mock.onPost(API.IOT.LG.GET_TOKEN()).reply(200, response.data);
+    mock
+      .onPost(
+        API.IOT.LG.GET_TOKEN(
+          SCConfig.LG_CLIENT_ID,
+          'CODE',
+          SCConfig.LG_REDIRECT_URI_APP,
+          'https://doamin.com'
+        )
+      )
+      .reply(200, response.data);
     const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
-    const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -224,10 +247,14 @@ describe('Test Add LG Device', () => {
       viewButtonBottom.props.onRightClick();
     });
     expect(spyToastSuccess).not.toBeCalled();
-    expect(spyToastError).toBeCalled();
+
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'lg_sync_failed'),
+      visibilityTime: 1000,
+    });
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
-    spyToastSuccess.mockReset();
-    spyToastSuccess.mockRestore();
   });
 
   test('ViewButtonBottom onRightClick with stationId but get token failed, wrong data', async () => {

package/src/screens/Unit/AddMenu.js

@@ -49,14 +49,13 @@ const AddMenu = memo(({ unit, afterItemClick, showAdd, setHideAdd }) => {
       },
       {
         id: 'add_smart_account',
-        route: Routes.SmartAccount,
+        route: Routes.SmartAccountStack,
         text: t('name_smart_account'),
-        image: <SmartAccount width={43} height={43} />, // TODO change icon
+        image: <SmartAccount width={43} height={43} />,
         data: {
-          unit_id: unit?.id,
-          unit_name: unit?.name,
+          screen: Routes.SmartAccount,
+          params: { unitId: unit?.id, unitName: unit?.name },
         },
-        type: Routes.SmartAccount,
       },
     ];
   }, [t, unit]);

package/src/screens/Unit/SmartAccount.js

@@ -94,11 +94,14 @@ const ListSmartAccount = ({ route }) => {
 
   const gotoSmartAccountDetail = useCallback(
     (item) => {
-      navigate(Routes.ListDeviceSmartAccount, {
-        username: item.username,
-        brand: item.brand,
-        smart_account_id: item.id,
-        unit_id: unitId,
+      navigate(Routes.SmartAccountStack, {
+        screen: Routes.ListDeviceSmartAccount,
+        params: {
+          username: item.username,
+          brand: item.brand,
+          smart_account_id: item.id,
+          unit_id: unitId,
+        },
       });
     },
     [navigate, unitId]

package/src/screens/Unit/__test__/SmartAccount.test.js

@@ -92,11 +92,14 @@ describe('Test SmartAccount', () => {
       .onDelete(API.SMART_ACCOUNT.REMOVE_SMART_ACCOUNT(response.data[0].id))
       .reply(200);
     await alertAction[0].props.leftButtonClick();
-    expect(mockNavigate).toBeCalledWith(Routes.ListDeviceSmartAccount, {
-      username: response.data[0].username,
-      brand: response.data[0].brand,
-      smart_account_id: response.data[0].id,
-      unit_id: route.params.unitId,
+    expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartAccountStack, {
+      screen: Routes.ListDeviceSmartAccount,
+      params: {
+        username: response.data[0].username,
+        brand: response.data[0].brand,
+        smart_account_id: response.data[0].id,
+        unit_id: route.params.unitId,
+      },
     });
     const menuActionMore = instance.findByType(MenuActionMore);
     await act(async () => {

package/src/utils/I18n/translations/en.json

@@ -267,7 +267,7 @@
   "notify_new_version_content": "A new version of this application is available. Please update now for the best experience.",
   "text_update": "Update",
   "not_available": "Not available",
-  "add_new_sub_unit": "Add new sub-unit",
+  "add_new_sub_unit": "Add new Sub-unit",
   "add_sub_unit_room_name": "Name your sub-unit",
   "add_sub_unit_wallpaper": "Wallpaper",
   "text_create_sub_unit_success": "Create new sub-unit success!",
@@ -1007,5 +1007,38 @@
   "no_widgets": "No Widgets",
   "add_your_widget": "Add your widget in dashboard template",
   "label": "Label",
-  "hold_and_hover_description": "Hold and hover to rearrange the module"
+  "choose_type_of_device": "Choose type of device",
+  "central_controller": "Central controller",
+  "wifi_device": "Wifi device",
+  "device_connect_without_gateway": "Connecting device without gateway",
+  "modbus": "Modbus",
+  "device_connect_directly_to_the_gateway": "Device connected directly to the gateway",
+  "zigbee": "Zigbee",
+  "device_connect_remotely_to_the_gateway": "Device connected remotely to the gateway",
+  "connect_wifi_asking": "By continuing, EoH needs to connect to the device's Wifi. A message will appear asking you to connect.",
+  "previous": "Previous",
+  "invalid_qr_code": "Invalid QR Code",
+  "invalid_qr_code_warning": "This device can't be added using a QR code",
+  "retry": "Retry",
+  "hold_and_hover_description": "Hold and hover to rearrange the module",
+  "dien_quang_smart": "Điện Quang",
+  "add_new_smart_account": "Add new smart account",
+  "lg_smart": "LG",
+  "please_enter_your_email_or_your_phone": "Please enter your email or your phone",
+  "please_select_a_supplier": "Please select a supplier",
+  "smart_supplier": "Smart Supplier",
+  "text_email_or_phone_number": "Email or Phone number",
+  "connecting_smart_account": "Connecting your account",
+  "warning_connecting_smart_account": "Don't turn off the device or close this app during the setup process. Setup may take few minutes to complete.",
+  "unidentified": "Unidentified",
+  "select_all": "Select All",
+  "turn_off_device": "Turn off device",
+  "turn_off_device_when_scan_qr_guide": "Turn off the device you want to add new before scanning the QR code. Press ‘’OK’’ to continue.",
+  "connect_to_router": "Connect to the Router",
+  "connect_router_content": "Please plug in the gatewayand connect it to the router, making sure your phone and the gatewayare under the same network. Then, comfirm that the light is on and press “Next”",
+  "turn_on_zigbee_device": "Turn on zigbee device",
+  "turn_on_device_to_connect": "Turn on device to connect",
+  "turn_on_zigbee_device_content": "Power ON the device and keep the device connected to the router. Make sure the end device still ON",
+  "read_device_manual_guide": "Read Device's manual guide for more details.",
+  "click_here_to_setup_device": "Click here to setup device"
 }