@bifold/core 1.0.0

package/lib/module/screens/Developer.js

@@ -0,0 +1,295 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { View, Pressable, Switch, StyleSheet, ScrollView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { DispatchAction } from '../contexts/reducers/store';
+import { useStore } from '../contexts/store';
+import { useTheme } from '../contexts/theme';
+import { testIdWithKey } from '../utils/testable';
+import { ThemedText } from '../components/texts/ThemedText';
+const Developer = () => {
+  const [store, dispatch] = useStore();
+  const {
+    t
+  } = useTranslation();
+  const {
+    ColorPallet
+  } = useTheme();
+  const [useVerifierCapability, setUseVerifierCapability] = useState(!!store.preferences.useVerifierCapability);
+  const [useConnectionInviterCapability, setConnectionInviterCapability] = useState(!!store.preferences.useConnectionInviterCapability);
+  const [acceptDevCredentials, setAcceptDevCredentials] = useState(!!store.preferences.acceptDevCredentials);
+  const [useDevVerifierTemplates, setDevVerifierTemplates] = useState(!!store.preferences.useDevVerifierTemplates);
+  const [enableWalletNaming, setEnableWalletNaming] = useState(!!store.preferences.enableWalletNaming);
+  const [enableShareableLink, setEnableShareableLink] = useState(!!store.preferences.enableShareableLink);
+  const [preventAutoLock, setPreventAutoLock] = useState(!!store.preferences.preventAutoLock);
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      paddingTop: 10,
+      paddingHorizontal: 10
+    },
+    settingContainer: {
+      flexDirection: 'row',
+      marginVertical: 10,
+      marginHorizontal: 10,
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    settingLabelText: {
+      marginRight: 10,
+      textAlign: 'left'
+    },
+    settingSwitchContainer: {
+      justifyContent: 'center'
+    }
+  });
+  const toggleVerifierCapabilitySwitch = () => {
+    // if verifier feature is switched off then also turn off the dev templates
+    if (useVerifierCapability) {
+      dispatch({
+        type: DispatchAction.USE_DEV_VERIFIER_TEMPLATES,
+        payload: [false]
+      });
+      setDevVerifierTemplates(false);
+    }
+    dispatch({
+      type: DispatchAction.USE_VERIFIER_CAPABILITY,
+      payload: [!useVerifierCapability]
+    });
+    setUseVerifierCapability(previousState => !previousState);
+  };
+  const toggleAcceptDevCredentialsSwitch = () => {
+    dispatch({
+      type: DispatchAction.ACCEPT_DEV_CREDENTIALS,
+      payload: [!acceptDevCredentials]
+    });
+    setAcceptDevCredentials(previousState => !previousState);
+  };
+  const toggleConnectionInviterCapabilitySwitch = () => {
+    dispatch({
+      type: DispatchAction.USE_CONNECTION_INVITER_CAPABILITY,
+      payload: [!useConnectionInviterCapability]
+    });
+    setConnectionInviterCapability(previousState => !previousState);
+  };
+  const toggleDevVerifierTemplatesSwitch = () => {
+    // if we switch on dev templates we can assume the user also wants to enable the verifier capability
+    if (!useDevVerifierTemplates) {
+      dispatch({
+        type: DispatchAction.USE_VERIFIER_CAPABILITY,
+        payload: [true]
+      });
+      setUseVerifierCapability(true);
+    }
+    dispatch({
+      type: DispatchAction.USE_DEV_VERIFIER_TEMPLATES,
+      payload: [!useDevVerifierTemplates]
+    });
+    setDevVerifierTemplates(previousState => !previousState);
+  };
+  const toggleWalletNamingSwitch = () => {
+    dispatch({
+      type: DispatchAction.ENABLE_WALLET_NAMING,
+      payload: [!enableWalletNaming]
+    });
+    setEnableWalletNaming(previousState => !previousState);
+  };
+  const togglePreventAutoLockSwitch = () => {
+    dispatch({
+      type: DispatchAction.PREVENT_AUTO_LOCK,
+      payload: [!preventAutoLock]
+    });
+    setPreventAutoLock(previousState => !previousState);
+  };
+  const toggleShareableLinkSwitch = () => {
+    dispatch({
+      type: DispatchAction.USE_SHAREABLE_LINK,
+      payload: [!enableShareableLink]
+    });
+    setEnableShareableLink(previousState => !previousState);
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      flex: 1
+    },
+    edges: ['bottom', 'left', 'right']
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    style: {
+      margin: 10
+    }
+  }, "Place content here you would like to make available to developers when developer mode is enabled."), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    accessible: false,
+    style: styles.settingLabelText
+  }, t('Verifier.UseVerifierCapability'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('Verifier.Toggle'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleVerifierCapability')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: useVerifierCapability ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleVerifierCapabilitySwitch,
+    testID: testIdWithKey('VerifierCapabilitySwitchElement'),
+    value: useVerifierCapability
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    accessible: false,
+    style: styles.settingLabelText
+  }, t('Verifier.AcceptDevCredentials'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('Verifier.Toggle'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleAcceptDevCredentials')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: acceptDevCredentials ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleAcceptDevCredentialsSwitch,
+    testID: testIdWithKey('AcceptDevCredentialsSwitchElement'),
+    value: acceptDevCredentials
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.settingLabelText
+  }, t('Connection.UseConnectionInviterCapability'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('Connection.Toggle'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleConnectionInviterCapabilitySwitch')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: useConnectionInviterCapability ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleConnectionInviterCapabilitySwitch,
+    testID: testIdWithKey('ConnectionInviterCapabilitySwitchElement'),
+    value: useConnectionInviterCapability
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.settingLabelText
+  }, t('Verifier.UseDevVerifierTemplates'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('Verifier.ToggleDevTemplates'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleDevVerifierTemplatesSwitch')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: useDevVerifierTemplates ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleDevVerifierTemplatesSwitch,
+    testID: testIdWithKey('DevVerifierTemplatesSwitchElement'),
+    value: useDevVerifierTemplates
+  }))), !store.onboarding.didCreatePIN && /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.settingLabelText
+  }, t('NameWallet.EnableWalletNaming'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('NameWallet.ToggleWalletNaming'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleEnableWalletNamingSwitch')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: enableWalletNaming ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleWalletNamingSwitch,
+    testID: testIdWithKey('EnableWalletNamingSwitchElement'),
+    value: enableWalletNaming
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.settingLabelText
+  }, t('Settings.PreventAutoLock'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('Settings.TogglePreventAutoLock'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('TogglePreventAutoLockSwitch')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: preventAutoLock ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: togglePreventAutoLockSwitch,
+    testID: testIdWithKey('PreventAutoLockSwitchElement'),
+    value: preventAutoLock
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.settingContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.settingLabelText
+  }, t('PasteUrl.UseShareableLink'))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.settingSwitchContainer,
+    accessibilityLabel: t('PasteUrl.UseShareableLink'),
+    accessibilityRole: 'switch',
+    testID: testIdWithKey('ToggleUseShareableLink')
+  }, /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: ColorPallet.grayscale.lightGrey,
+      true: ColorPallet.brand.primaryDisabled
+    },
+    thumbColor: enableShareableLink ? ColorPallet.brand.primary : ColorPallet.grayscale.mediumGrey,
+    ios_backgroundColor: ColorPallet.grayscale.lightGrey,
+    onValueChange: toggleShareableLinkSwitch,
+    testID: testIdWithKey('ShareableLinkSwitchElement'),
+    value: enableShareableLink
+  })))));
+};
+export default Developer;
+//# sourceMappingURL=Developer.js.map

package/lib/module/screens/Developer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useTranslation","View","Pressable","Switch","StyleSheet","ScrollView","SafeAreaView","DispatchAction","useStore","useTheme","testIdWithKey","ThemedText","Developer","store","dispatch","t","ColorPallet","useVerifierCapability","setUseVerifierCapability","preferences","useConnectionInviterCapability","setConnectionInviterCapability","acceptDevCredentials","setAcceptDevCredentials","useDevVerifierTemplates","setDevVerifierTemplates","enableWalletNaming","setEnableWalletNaming","enableShareableLink","setEnableShareableLink","preventAutoLock","setPreventAutoLock","styles","create","container","flex","paddingTop","paddingHorizontal","settingContainer","flexDirection","marginVertical","marginHorizontal","justifyContent","alignItems","settingLabelText","marginRight","textAlign","settingSwitchContainer","toggleVerifierCapabilitySwitch","type","USE_DEV_VERIFIER_TEMPLATES","payload","USE_VERIFIER_CAPABILITY","previousState","toggleAcceptDevCredentialsSwitch","ACCEPT_DEV_CREDENTIALS","toggleConnectionInviterCapabilitySwitch","USE_CONNECTION_INVITER_CAPABILITY","toggleDevVerifierTemplatesSwitch","toggleWalletNamingSwitch","ENABLE_WALLET_NAMING","togglePreventAutoLockSwitch","PREVENT_AUTO_LOCK","toggleShareableLinkSwitch","USE_SHAREABLE_LINK","createElement","style","edges","margin","variant","accessible","accessibilityLabel","accessibilityRole","testID","trackColor","false","grayscale","lightGrey","true","brand","primaryDisabled","thumbColor","primary","mediumGrey","ios_backgroundColor","onValueChange","value","onboarding","didCreatePIN"],"sourceRoot":"../../../src","sources":["screens/Developer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/Home.js

@@ -0,0 +1,147 @@
+import { useIsFocused } from '@react-navigation/native';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FlatList, View, StyleSheet } from 'react-native';
+import { NotificationType } from '../components/listItems/NotificationListItem';
+import AppGuideModal from '../components/modals/AppGuideModal';
+import { TOKENS, useServices } from '../container-api';
+import { DispatchAction } from '../contexts/reducers/store';
+import { useStore } from '../contexts/store';
+import { useTheme } from '../contexts/theme';
+import { useTour } from '../contexts/tour/tour-context';
+import { BaseTourID } from '../types/tour';
+const Home = () => {
+  const [HomeHeaderView, NoNewUpdates, HomeFooterView, {
+    enableTours: enableToursConfig
+  }, {
+    customNotificationConfig: customNotification,
+    useNotifications
+  }, NotificationListItem] = useServices([TOKENS.COMPONENT_HOME_HEADER, TOKENS.COMPONENT_HOME_NOTIFICATIONS_EMPTY_LIST, TOKENS.COMPONENT_HOME_FOOTER, TOKENS.CONFIG, TOKENS.NOTIFICATIONS, TOKENS.NOTIFICATIONS_LIST_ITEM]);
+  const notifications = useNotifications({});
+  const {
+    t
+  } = useTranslation();
+  const {
+    ColorPallet
+  } = useTheme();
+  const [store, dispatch] = useStore();
+  const {
+    start,
+    stop
+  } = useTour();
+  const [showTourPopup, setShowTourPopup] = useState(false);
+  const screenIsFocused = useIsFocused();
+  const styles = StyleSheet.create({
+    flatlist: {
+      marginBottom: 35
+    }
+  });
+  const DisplayListItemType = useCallback(item => {
+    let component;
+    if (item.type === 'BasicMessageRecord') {
+      component = /*#__PURE__*/React.createElement(NotificationListItem, {
+        notificationType: NotificationType.BasicMessage,
+        notification: item
+      });
+    } else if (item.type === 'CredentialRecord') {
+      let notificationType = NotificationType.CredentialOffer;
+      if (item.revocationNotification) {
+        notificationType = NotificationType.Revocation;
+      }
+      component = /*#__PURE__*/React.createElement(NotificationListItem, {
+        notificationType: notificationType,
+        notification: item
+      });
+    } else if (item.type === 'CustomNotification' && customNotification) {
+      component = /*#__PURE__*/React.createElement(NotificationListItem, {
+        notificationType: NotificationType.Custom,
+        notification: item,
+        customNotification: customNotification
+      });
+    } else {
+      component = /*#__PURE__*/React.createElement(NotificationListItem, {
+        notificationType: NotificationType.ProofRequest,
+        notification: item
+      });
+    }
+    return component;
+  }, [customNotification, NotificationListItem]);
+  useEffect(() => {
+    const shouldShowTour = enableToursConfig && store.tours.enableTours && !store.tours.seenHomeTour;
+    if (shouldShowTour && screenIsFocused) {
+      if (store.tours.seenToursPrompt) {
+        dispatch({
+          type: DispatchAction.UPDATE_SEEN_HOME_TOUR,
+          payload: [true]
+        });
+        start(BaseTourID.HomeTour);
+      } else {
+        setShowTourPopup(true);
+      }
+    }
+  }, [enableToursConfig, store.tours.enableTours, store.tours.seenHomeTour, screenIsFocused, store.tours.seenToursPrompt, dispatch, start]);
+  const onCTAPressed = useCallback(() => {
+    setShowTourPopup(false);
+    dispatch({
+      type: DispatchAction.UPDATE_SEEN_HOME_TOUR,
+      payload: [true]
+    });
+    dispatch({
+      type: DispatchAction.ENABLE_TOURS,
+      payload: [true]
+    });
+    dispatch({
+      type: DispatchAction.UPDATE_SEEN_TOUR_PROMPT,
+      payload: [true]
+    });
+    start(BaseTourID.HomeTour);
+  }, [dispatch, start]);
+  const onDismissPressed = useCallback(() => {
+    setShowTourPopup(false);
+    dispatch({
+      type: DispatchAction.ENABLE_TOURS,
+      payload: [false]
+    });
+    dispatch({
+      type: DispatchAction.UPDATE_SEEN_TOUR_PROMPT,
+      payload: [true]
+    });
+  }, [dispatch]);
+
+  // stop the tour when the screen unmounts
+  useEffect(() => {
+    return stop;
+  }, [stop]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlatList, {
+    style: styles.flatlist,
+    showsVerticalScrollIndicator: false,
+    scrollEnabled: (notifications === null || notifications === void 0 ? void 0 : notifications.length) > 0 ? true : false,
+    decelerationRate: "fast",
+    ListEmptyComponent: NoNewUpdates,
+    ListHeaderComponent: () => /*#__PURE__*/React.createElement(HomeHeaderView, null),
+    ListFooterComponent: () => /*#__PURE__*/React.createElement(HomeFooterView, null),
+    data: notifications,
+    keyExtractor: (_, i) => i.toString(),
+    renderItem: ({
+      item,
+      index
+    }) => /*#__PURE__*/React.createElement(View, {
+      style: {
+        paddingHorizontal: 20,
+        paddingTop: index === 0 ? 20 : 0,
+        paddingBottom: index === notifications.length - 1 ? 20 : 10,
+        backgroundColor: ColorPallet.brand.secondaryBackground
+      }
+    }, DisplayListItemType(item))
+  }), showTourPopup && /*#__PURE__*/React.createElement(AppGuideModal, {
+    title: t('Tour.GuideTitle'),
+    description: t('Tour.WouldYouLike'),
+    onCallToActionPressed: onCTAPressed,
+    onCallToActionLabel: t('Tour.UseAppGuides'),
+    onSecondCallToActionPressed: onDismissPressed,
+    onSecondCallToActionLabel: t('Tour.DoNotUseAppGuides'),
+    onDismissPressed: onDismissPressed
+  }));
+};
+export default Home;
+//# sourceMappingURL=Home.js.map

package/lib/module/screens/Home.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsFocused","React","useCallback","useEffect","useState","useTranslation","FlatList","View","StyleSheet","NotificationType","AppGuideModal","TOKENS","useServices","DispatchAction","useStore","useTheme","useTour","BaseTourID","Home","HomeHeaderView","NoNewUpdates","HomeFooterView","enableTours","enableToursConfig","customNotificationConfig","customNotification","useNotifications","NotificationListItem","COMPONENT_HOME_HEADER","COMPONENT_HOME_NOTIFICATIONS_EMPTY_LIST","COMPONENT_HOME_FOOTER","CONFIG","NOTIFICATIONS","NOTIFICATIONS_LIST_ITEM","notifications","t","ColorPallet","store","dispatch","start","stop","showTourPopup","setShowTourPopup","screenIsFocused","styles","create","flatlist","marginBottom","DisplayListItemType","item","component","type","createElement","notificationType","BasicMessage","notification","CredentialOffer","revocationNotification","Revocation","Custom","ProofRequest","shouldShowTour","tours","seenHomeTour","seenToursPrompt","UPDATE_SEEN_HOME_TOUR","payload","HomeTour","onCTAPressed","ENABLE_TOURS","UPDATE_SEEN_TOUR_PROMPT","onDismissPressed","Fragment","style","showsVerticalScrollIndicator","scrollEnabled","length","decelerationRate","ListEmptyComponent","ListHeaderComponent","ListFooterComponent","data","keyExtractor","_","i","toString","renderItem","index","paddingHorizontal","paddingTop","paddingBottom","backgroundColor","brand","secondaryBackground","title","description","onCallToActionPressed","onCallToActionLabel","onSecondCallToActionPressed","onSecondCallToActionLabel"],"sourceRoot":"../../../src","sources":["screens/Home.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/Language.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { FlatList, StyleSheet, View } from 'react-native';
+import BouncyCheckbox from 'react-native-bouncy-checkbox';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { useTheme } from '../contexts/theme';
+import { storeLanguage } from '../localization';
+import { testIdWithKey } from '../utils/testable';
+import { TOKENS, useServices } from '../container-api';
+import { ThemedText } from '../components/texts/ThemedText';
+const Language = () => {
+  const {
+    t,
+    i18n
+  } = useTranslation();
+  const {
+    ColorPallet,
+    SettingsTheme
+  } = useTheme();
+  const [{
+    supportedLanguages
+  }] = useServices([TOKENS.CONFIG]);
+  const languages = supportedLanguages.map(lang => ({
+    id: lang,
+    value: i18n.t(`Language.code`, {
+      context: lang
+    })
+  }));
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: ColorPallet.brand.primaryBackground,
+      width: '100%'
+    },
+    section: {
+      backgroundColor: SettingsTheme.groupBackground,
+      paddingHorizontal: 25,
+      paddingVertical: 16
+    },
+    sectionRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    itemSeparator: {
+      borderBottomWidth: 1,
+      borderBottomColor: ColorPallet.brand.primaryBackground,
+      marginHorizontal: 25
+    }
+  });
+
+  /**
+   * Once user select the particular language from the list,
+   * store user preference into the AsyncStorage
+   *
+   * @param {BlockSelection} language
+   */
+  const handleLanguageChange = async language => {
+    await i18n.changeLanguage(language.id);
+    await storeLanguage(language.id);
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: languages,
+    renderItem: ({
+      item: language
+    }) => {
+      const {
+        id,
+        value
+      } = language;
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.section, styles.sectionRow]
+      }, /*#__PURE__*/React.createElement(ThemedText, {
+        variant: "title"
+      }, value), /*#__PURE__*/React.createElement(BouncyCheckbox, {
+        accessibilityLabel: `${id === i18n.language ? t('Language.Checked') : t('Language.NotChecked')}` // add on voice over the text checked / not checked after the text from value above
+        ,
+        accessibilityRole: "radio",
+        disableText: true,
+        fillColor: ColorPallet.brand.secondaryBackground,
+        unfillColor: ColorPallet.brand.secondaryBackground,
+        size: 36,
+        innerIconStyle: {
+          borderColor: ColorPallet.brand.primary,
+          borderWidth: 2
+        },
+        ImageComponent: () => /*#__PURE__*/React.createElement(Icon, {
+          name: "circle",
+          size: 18,
+          color: ColorPallet.brand.primary
+        }),
+        onPress: async () => await handleLanguageChange(language),
+        isChecked: id === i18n.language,
+        disableBuiltInState: true,
+        testID: testIdWithKey(id.toLocaleLowerCase())
+      }));
+    },
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: SettingsTheme.groupBackground
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.itemSeparator
+    }))
+  }));
+};
+export default Language;
+//# sourceMappingURL=Language.js.map

package/lib/module/screens/Language.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslation","FlatList","StyleSheet","View","BouncyCheckbox","SafeAreaView","Icon","useTheme","storeLanguage","testIdWithKey","TOKENS","useServices","ThemedText","Language","t","i18n","ColorPallet","SettingsTheme","supportedLanguages","CONFIG","languages","map","lang","id","value","context","styles","create","container","backgroundColor","brand","primaryBackground","width","section","groupBackground","paddingHorizontal","paddingVertical","sectionRow","flexDirection","alignItems","justifyContent","itemSeparator","borderBottomWidth","borderBottomColor","marginHorizontal","handleLanguageChange","language","changeLanguage","createElement","style","data","renderItem","item","variant","accessibilityLabel","accessibilityRole","disableText","fillColor","secondaryBackground","unfillColor","size","innerIconStyle","borderColor","primary","borderWidth","ImageComponent","name","color","onPress","isChecked","disableBuiltInState","testID","toLocaleLowerCase","ItemSeparatorComponent"],"sourceRoot":"../../../src","sources":["screens/Language.tsx"],"mappings":"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","ignoreList":[]}