@brightlayer-ui/react-native-template-authentication-typescript 3.0.1-alpha.0 → 4.0.0

package/template/ios/exampleTests/Info.plist

@@ -2,23 +2,36 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>en</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>$(PRODUCT_NAME)</string>
-	<key>CFBundlePackageType</key>
-	<string>BNDL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>1.0</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleVersion</key>
-	<string>1</string>
+	<key>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
 </dict>
 </plist>

package/template/okta.config.js

@@ -0,0 +1,10 @@
+export default {
+    oidc: {
+        clientId: process.env.OKTA_CLIENT_ID,
+        redirectUri: process.env.OKTA_REDIRECT_URI,
+        endSessionRedirectUri: process.env.OKTA_LOGOUT_REDIRECT_URI,
+        discoveryUri: process.env.OKTA_ISSUER,
+        scopes: ['openid', 'profile', 'offline_access', 'groups'],
+        requireHardwareBackedKeyStore: false,
+    },
+};

package/template/package.json

@@ -16,63 +16,72 @@
     },
     "dependencies": {
         "@brightlayer-ui/colors": "^4.0.0",
-        "@brightlayer-ui/react-native-components": "^8.0.2",
-        "@brightlayer-ui/react-native-themes": "^7.0.0",
-        "@brightlayer-ui/react-native-vector-icons": "^2.2.0",
-        "@react-native-async-storage/async-storage": "^1.22.3",
+        "@brightlayer-ui/icons-svg": "^1.15.0",
+        "@brightlayer-ui/react-native-auth-workflow": "^8.0.0",
+        "@brightlayer-ui/react-native-components": "^9.0.0",
+        "@brightlayer-ui/react-native-themes": "^8.0.0",
+        "@brightlayer-ui/react-native-vector-icons": "^3.0.0",
+        "@okta/okta-react-native": "^2.17.0",
+        "@react-native-async-storage/async-storage": "^2.2.0",
+        "@react-native-community/masked-view": "^0.1.11",
+        "@react-native-vector-icons/material-design-icons": "^12.2.0",
+        "@react-native-vector-icons/material-icons": "^12.2.0",
+        "@react-native/new-app-screen": "0.80.0",
         "@react-navigation/drawer": "^6.6.6",
         "@react-navigation/native": "^6.1.9",
         "@react-navigation/native-stack": "^6.9.26",
         "@react-navigation/stack": "^6.3.20",
-        "i18next": "^23.7.16",
+        "date-fns": "^4.1.0",
+        "i18next": "^25.2.1",
         "intl-pluralrules": "^2.0.1",
-        "react": "18.2.0",
-        "react-i18next": "^14.0.0",
-        "react-native": "0.73.2",
-        "react-native-gesture-handler": "^2.14.1",
-        "react-native-pager-view": "^6.2.3",
-        "react-native-paper": "^5.12.1",
-        "react-native-reanimated": "^3.6.1",
+        "react": "^19.1.0",
+        "react-i18next": "^15.5.3",
+        "react-native": "^0.80.0",
+        "react-native-dotenv": "^3.4.11",
+        "react-native-gesture-handler": "^2.26.0",
+        "react-native-keyboard-aware-scroll-view": "^0.9.5",
+        "react-native-modal": "^13.0.2",
+        "react-native-pager-view": "^6.8.1",
+        "react-native-paper": "^5.14.5",
+        "react-native-reanimated": "^3.18.0",
         "react-native-restart": "^0.0.27",
-        "react-native-safe-area-context": "^4.8.2",
-        "react-native-screens": "^3.29.0",
-        "react-native-select-dropdown": "^3.4.0",
-        "@brightlayer-ui/icons-svg": "^1.14.0",
-        "@brightlayer-ui/react-native-auth-workflow": "^6.0.0",
-        "@react-native-community/masked-view": "^0.1.10",
-        "date-fns": "^2.19.0",
-        "react-native-keyboard-aware-scroll-view": "^0.9.3",
-        "react-native-modal": "^12.0.2",
-        "react-native-svg": "^12.1.0",
-        "react-native-svg-transformer": "^1.3.0",
-        "react-native-vector-icons": "^9.2.0",
-        "react-native-webview": "^13.8.1"
+        "react-native-safe-area-context": "^5.5.0",
+        "react-native-screens": "^4.11.1",
+        "react-native-select-dropdown": "^4.0.1",
+        "react-native-svg": "^15.12.0",
+        "react-native-svg-transformer": "^1.5.1",
+        "react-native-vector-icons": "^10.2.0",
+        "react-native-webview": "^13.15.0"
     },
     "devDependencies": {
-        "@babel/core": "^7.20.0",
-        "@babel/preset-env": "^7.20.0",
-        "@babel/runtime": "^7.20.0",
-        "@brightlayer-ui/eslint-config": "^3.0.1",
+        "@babel/core": "^7.27.7",
+        "@babel/preset-env": "^7.27.2",
+        "@babel/runtime": "^7.27.6",
+        "@brightlayer-ui/eslint-config": "^4.0.0",
         "@brightlayer-ui/prettier-config": "^1.0.3",
-        "@react-native/babel-preset": "0.74.0",
-        "@react-native/eslint-config": "0.74.0",
-        "@react-native/metro-config": "0.74.0",
-        "@react-native/typescript-config": "0.74.0",
-        "@types/react": "^18.2.6",
+        "@react-native-community/cli": "19.0.0",
+        "@react-native-community/cli-platform-android": "19.0.0",
+        "@react-native-community/cli-platform-ios": "19.0.0",
+        "@react-native/babel-preset": "0.80.0",
+        "@react-native/eslint-config": "0.80.0",
+        "@react-native/metro-config": "0.80.0",
+        "@react-native/typescript-config": "0.80.0",
+        "@types/jest": "^30.0.0",
+        "@types/react": "^19.1.8",
         "@types/react-native-vector-icons": "^6.4.18",
-        "@types/react-test-renderer": "^18.0.0",
-        "@typescript-eslint/eslint-plugin": "^6.19.0",
-        "@typescript-eslint/parser": "^6.19.0",
-        "babel-jest": "^29.6.3",
-        "eslint": "^8.56.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "jest": "^29.6.3",
+        "@types/react-test-renderer": "^19.1.0",
+        "@typescript-eslint/eslint-plugin": "^8.35.0",
+        "@typescript-eslint/parser": "^8.35.0",
+        "babel-jest": "^30.0.2",
+        "eslint": "^9.29.0",
+        "eslint-config-prettier": "^10.1.5",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "jest": "^30.0.3",
         "jest-transform-stub": "^2.0.0",
-        "prettier": "2.8.8",
-        "react-test-renderer": "18.2.0",
-        "typescript": "5.0.4"
+        "prettier": "3.6.2",
+        "react-test-renderer": "19.1.0",
+        "typescript": "5.8.3"
     },
     "prettier": "@brightlayer-ui/prettier-config"
 }

package/template/src/components/UserMenuComponent.tsx

@@ -2,7 +2,6 @@ import { InfoListItemProps, UserMenu } from '@brightlayer-ui/react-native-compon
 import React from 'react';
 import { Avatar } from 'react-native-paper';
 import * as BLUIColors from '@brightlayer-ui/colors';
-import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
 import SelectDropdown from 'react-native-select-dropdown';
 import { useTranslation } from 'react-i18next';
 import { useExtendedTheme } from '@brightlayer-ui/react-native-themes';
@@ -11,6 +10,8 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
 import { LocalStorage } from '../store/local-storage';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import { revokeAccessToken, clearTokens, signOut } from '@okta/okta-react-native';
+import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
 
 const SwapIcon: IconFamily = {
     family: 'material',
@@ -53,10 +54,43 @@ export const UserMenuComponent: React.FC<UserMenuExampleProps> = (props) => {
             console.error('Error setting new language:', error);
         }
     };
-    const logout = (): void => {
+    const logout = async (): Promise<void> => {
+        // Clear local credentials first
         LocalStorage.clearAuthCredentials();
+
+        // Try to sign out from Okta, but continue with local logout even if it fails
+        try {
+            await signOut();
+        } catch (signOutError) {
+            // eslint-disable-next-line no-console
+            console.error('Sign out from Okta failed:', signOutError);
+        }
+
+        try {
+            await revokeAccessToken();
+        } catch (revokeError) {
+            // eslint-disable-next-line no-console
+            console.error('Token revocation failed:', revokeError);
+        }
+
+        try {
+            await clearTokens();
+        } catch (clearError) {
+            // eslint-disable-next-line no-console
+            console.error('Clear tokens failed:', clearError);
+        }
+
+        // Always proceed with local logout regardless of Okta errors
         app.onUserNotAuthenticated();
     };
+    const handleLogout = (): void => {
+        logout().catch((error) => {
+            // Handle any errors here if needed
+            console.error('Logout process failed:', error);
+            // Even if logout fails, ensure user is logged out locally
+            app.onUserNotAuthenticated();
+        });
+    };
     const changePassword = (): void => {
         navigation.navigate('ChangePassword');
     };
@@ -81,8 +115,9 @@ export const UserMenuComponent: React.FC<UserMenuExampleProps> = (props) => {
             rightComponent: (
                 <SelectDropdown
                     defaultValue={languageOptions.find((option) => option.value === i18n.language)}
-                    // eslint-disable-next-line
-                    onSelect={(item) => handleLanguageChange(item.value)}
+                    onSelect={(item) => {
+                        void handleLanguageChange(item.value);
+                    }}
                     data={languageOptions}
                     buttonStyle={{ backgroundColor: theme.colors.background }}
                     buttonTextStyle={{ color: theme.colors.primary }}
@@ -95,7 +130,7 @@ export const UserMenuComponent: React.FC<UserMenuExampleProps> = (props) => {
             ),
         },
         { title: t('USER_MENU.CHANGE_PASSWORD'), icon: LockIcon, onPress: (): void => changePassword() },
-        { title: t('USER_MENU.LOG_OUT'), icon: ExitToAppIcon, onPress: (): void => logout() },
+        { title: t('USER_MENU.LOG_OUT'), icon: ExitToAppIcon, onPress: handleLogout },
     ];
 
     return (

package/template/src/contexts/RegistrationContext.tsx

@@ -0,0 +1,26 @@
+import React, { createContext, useState, useContext, ReactNode } from 'react';
+
+type RegistrationContextType = {
+    isRequestingCode: number;
+    setIsRequestingCode: (value: number) => void;
+};
+
+const RegistrationContext = createContext<RegistrationContextType | undefined>(undefined);
+
+export const RegistrationProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+    const [isRequestingCode, setIsRequestingCode] = useState(0);
+
+    return (
+        <RegistrationContext.Provider value={{ isRequestingCode, setIsRequestingCode }}>
+            {children}
+        </RegistrationContext.Provider>
+    );
+};
+
+export const useRegistrationContext = (): RegistrationContextType => {
+    const context = useContext(RegistrationContext);
+    if (!context) {
+        throw new Error('useRegistrationContext must be used within a RegistrationProvider');
+    }
+    return context;
+};

package/template/src/navigation/index.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, useCallback } from 'react';
 import { NavigationContainer, createNavigationContainerRef, useNavigation } from '@react-navigation/native';
 import { useApp } from '../contexts/AppContextProvider';
 import {
@@ -16,7 +16,6 @@ import { Dimensions, View } from 'react-native';
 import { ProjectAuthUIActions } from '../actions/AuthUIActions';
 import { ProjectRegistrationUIActions } from '../actions/RegistrationUIActions';
 
-import { Login } from '../screens/Login';
 import { ChangePassword } from '../screens/ChangePassword';
 import { Registration } from '../screens/Registration';
 import { RegistrationInvite } from '../screens/RegistrationInvite';
@@ -25,9 +24,11 @@ import { Homepage } from '../screens/Homepage';
 import Locations from '../screens/Locations';
 import Dashboard from '../screens/Dashboard';
 import { NativeStackNavigationProp, createNativeStackNavigator } from '@react-navigation/native-stack';
+import { OktaLogin } from '../screens/OktaLogin';
 
 const Stack = createNativeStackNavigator();
 const Drawer = createDrawerNavigator();
+const LoginStack = createNativeStackNavigator();
 const navigationRef = createNavigationContainerRef();
 
 export type RootStackParamList = {
@@ -48,6 +49,57 @@ const AuthRouter = (): any => {
     const { email, rememberMe } = app.loginData;
     const navigation = useNavigation<NativeStackNavigationProp<any>>();
 
+    const LoginNavigatorComponent = useCallback(
+        () => (
+            <LoginStack.Navigator screenOptions={{ headerShown: false }}>
+                <LoginStack.Screen name="Login" component={OktaLogin} />
+                <LoginStack.Screen name="ForgotPassword" component={ForgotPasswordScreen} />
+                <LoginStack.Screen name="ResetPassword" component={ResetPasswordScreen} />
+                <LoginStack.Screen name="ContactSupport" component={ContactSupportScreen} />
+            </LoginStack.Navigator>
+        ),
+        []
+    );
+
+    const DrawerNavigatorComponent = (): any => (
+        <Drawer.Navigator
+            screenOptions={{
+                headerShown: false,
+                drawerType: 'front',
+                drawerStyle: { backgroundColor: 'transparent' },
+            }}
+            drawerContent={(props: any): ReactNode => <CustomDrawerContent {...props} />}
+            backBehavior="history"
+            initialRouteName="LoginScreen"
+        >
+            {!app.isAuthenticated && <Drawer.Screen name="LoginScreen" component={LoginNavigatorComponent} />}
+
+            {app.isAuthenticated && (
+                <>
+                    <Drawer.Screen name="Homepage" component={Homepage} />
+                    <Drawer.Screen name="Dashboard" component={Dashboard} />
+                    <Drawer.Screen name="Locations" component={Locations} />
+
+                    <Drawer.Screen
+                        name="ContactSupport"
+                        options={{
+                            swipeEnabled: false,
+                        }}
+                        component={ContactSupportScreen}
+                    />
+
+                    <Drawer.Screen
+                        name="ChangePassword"
+                        options={{
+                            swipeEnabled: false,
+                        }}
+                        component={ChangePassword}
+                    />
+                </>
+            )}
+        </Drawer.Navigator>
+    );
+
     return (
         <>
             <AuthContextProvider
@@ -79,65 +131,7 @@ const AuthRouter = (): any => {
                 }}
                 rememberMeDetails={{ email: rememberMe ? email : '', rememberMe: rememberMe }}
             >
-                <Drawer.Navigator
-                    screenOptions={{
-                        headerShown: false,
-                        drawerType: 'front',
-                        drawerStyle: { backgroundColor: 'transparent' },
-                    }}
-                    drawerContent={(props: any): ReactNode => <CustomDrawerContent {...props} />}
-                    backBehavior="history"
-                    initialRouteName="Login"
-                >
-                    {!app.isAuthenticated && (
-                        <Drawer.Screen
-                            options={{
-                                swipeEnabled: false,
-                            }}
-                            name="Login"
-                            component={Login}
-                        />
-                    )}
-                    {!app.isAuthenticated && (
-                        <Drawer.Screen
-                            options={{
-                                swipeEnabled: false,
-                            }}
-                            name="ForgotPassword"
-                            component={ForgotPasswordScreen}
-                        />
-                    )}
-                    {!app.isAuthenticated && (
-                        <Drawer.Screen
-                            options={{
-                                swipeEnabled: false,
-                            }}
-                            name="ResetPassword"
-                            component={ResetPasswordScreen}
-                        />
-                    )}
-
-                    {app.isAuthenticated && <Drawer.Screen name="Homepage" component={Homepage} />}
-                    {app.isAuthenticated && <Drawer.Screen name="Dashboard" component={Dashboard} />}
-                    {app.isAuthenticated && <Drawer.Screen name="Locations" component={Locations} />}
-
-                    <Drawer.Screen
-                        name="ContactSupport"
-                        options={{
-                            swipeEnabled: false,
-                        }}
-                        component={ContactSupportScreen}
-                    />
-                    {app.isAuthenticated && (
-                        <Drawer.Screen
-                            name="ChangePassword"
-                            options={{
-                                swipeEnabled: false,
-                            }}
-                            component={ChangePassword}
-                        />
-                    )}
-                </Drawer.Navigator>
+                {DrawerNavigatorComponent()}
             </AuthContextProvider>
         </>
     );
@@ -201,6 +195,7 @@ const RegistrationRouter = (): any => {
         </>
     );
 };
+
 export const MainRouter = (): any => {
     const { height, width } = Dimensions.get('screen');
     return (

package/template/src/navigation/navigation-drawer.tsx

@@ -1,24 +1,22 @@
-import { Drawer, DrawerBody, DrawerHeader, DrawerNavGroup } from '@brightlayer-ui/react-native-components';
-import React, { useState, useCallback, useEffect } from 'react';
+import { Drawer, DrawerBody, DrawerHeader, DrawerNavGroup, NavItem } from '@brightlayer-ui/react-native-components';
+import React, { useState, useCallback, useEffect, useMemo } from 'react';
+import { StackNavigationProp } from '@react-navigation/stack';
 import { RootStackParamList } from './index';
 import { DrawerActions } from '@react-navigation/native';
 import { useTranslation } from 'react-i18next';
 import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 
 export type NavDrawerProps = {
-    navigation: NativeStackNavigationProp<RootStackParamList, 'NavigationDrawer'>;
+    navigation: StackNavigationProp<RootStackParamList, 'NavigationDrawer'>;
 };
 
 export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
     const [selected, setSelected] = useState('Home');
     const { t } = useTranslation();
     const navigationState = navigation.getState();
-
     const Homepage: IconFamily = { family: 'material', name: 'home', direction: 'ltr' };
     const Dashboard: IconFamily = { family: 'material', name: 'dashboard', direction: 'ltr' };
     const Notifications: IconFamily = { family: 'material', name: 'notifications', direction: 'ltr' };
-
     const selectItem = useCallback(
         (id: any) => {
             navigation.navigate(id);
@@ -27,8 +25,8 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
         [navigation]
     );
 
-    const navGroupItems = React.useMemo(
-        () => [
+    const navGroupItems = useMemo(
+        (): NavItem[] => [
             {
                 title: `${t('TOOLBAR_MENU.HOME_PAGE')}`,
                 itemID: 'Homepage',
@@ -45,7 +43,8 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
                 icon: Notifications,
             },
         ],
-        [t]
+
+        []
     );
 
     useEffect(() => {

package/template/src/screens/ChangePassword.tsx

@@ -2,14 +2,30 @@ import React from 'react';
 import { ChangePasswordScreen } from '@brightlayer-ui/react-native-auth-workflow';
 import { useApp } from '../contexts/AppContextProvider';
 import { LocalStorage } from '../store/local-storage';
+import { clearTokens, revokeAccessToken } from '@okta/okta-react-native';
 
-export const ChangePassword = (): JSX.Element => {
+export const ChangePassword = (): React.JSX.Element => {
     const app = useApp();
-    const logOut = (): void => {
+    const logOut = async (): Promise<void> => {
         LocalStorage.clearAuthCredentials();
+        try {
+            await revokeAccessToken();
+            await clearTokens();
+        } catch (_error) {
+            // eslint-disable-next-line no-console
+            console.log(_error as Error);
+        }
         app.onUserNotAuthenticated();
-        app.setLoginData({ email: '', rememberMe: false });
+        // below line is not need for okta workflow
+        // app.setLoginData({ email: '', rememberMe: false });
     };
 
-    return <ChangePasswordScreen onFinish={(): void => logOut()} showSuccessScreen />;
+    const handleLogout = (): void => {
+        logOut().catch((error) => {
+            // Handle any errors here if needed
+            console.error(error);
+        });
+    };
+
+    return <ChangePasswordScreen onFinish={handleLogout} showSuccessScreen />;
 };

package/template/src/screens/OktaLogin.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Image } from 'react-native';
+import {
+    OktaAuthContextProvider,
+    OktaLoginScreenProps,
+    OktaRedirectLoginScreen,
+} from '@brightlayer-ui/react-native-auth-workflow';
+import { useApp } from '../contexts/AppContextProvider';
+import { useNavigation } from '@react-navigation/native';
+import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import i18nAppInstance from '../../translations/i18n';
+import oktaConfig from '../../okta.config';
+
+export const OktaLogin: React.FC<React.PropsWithChildren<OktaLoginScreenProps>> = () => {
+    const app = useApp();
+    const navigation = useNavigation<NativeStackNavigationProp<any>>();
+
+    return (
+        <OktaAuthContextProvider
+            language={app.language}
+            i18n={i18nAppInstance}
+            navigate={(destination: -1 | string) => {
+                if (typeof destination === 'string') {
+                    switch (destination) {
+                        case 'SelfRegister':
+                        case 'RegisterInvite':
+                            navigation.navigate('RegistrationProviderExample', { screen: destination });
+                            break;
+                        default:
+                            navigation.navigate(destination);
+                            break;
+                    }
+                } else if (destination === -1) {
+                    navigation.goBack();
+                }
+            }}
+            routeConfig={{
+                LOGIN: 'Login',
+                FORGOT_PASSWORD: 'ForgotPassword',
+                RESET_PASSWORD: 'ResetPassword',
+                REGISTER_INVITE: 'RegisterInvite',
+                REGISTER_SELF: 'SelfRegister',
+                SUPPORT: 'ContactSupport',
+            }}
+        >
+            <OktaRedirectLoginScreen
+                projectImage={
+                    <Image
+                        style={{ width: '100%' }}
+                        resizeMode="contain"
+                        source={require('../assets/images/eaton_stacked_logo.png')}
+                    />
+                }
+                oktaConfigObject={oktaConfig.oidc}
+            />
+        </OktaAuthContextProvider>
+    );
+};

package/template/translations/i18n.ts

@@ -1,12 +1,12 @@
 import i18next from 'i18next';
 import { AppDictionaries } from './dictionary';
 import { initReactI18next } from 'react-i18next';
-import { NativeModules, Platform } from 'react-native';
+// import { NativeModules, Platform } from 'react-native';
 
-const locale =
-    Platform.OS === 'ios'
-        ? NativeModules.SettingsManager.settings.AppleLocale
-        : NativeModules.I18nManager.localeIdentifier;
+const locale = 'en';
+// Platform.OS === 'ios'
+//     ? NativeModules.SettingsManager.settings.AppleLocale
+//     : NativeModules.I18nManager.localeIdentifier;
 void i18next
     .use(initReactI18next) // passes i18n down to react-i18next
     .init(