@brightlayer-ui/react-native-template-authentication-typescript 3.0.0-alpha.1 → 3.0.0

package/template/ios/{blankTemplate.xcodeproj/xcshareddata/xcschemes/blankTemplate.xcscheme → example.xcodeproj/xcshareddata/xcschemes/example.xcscheme}

@@ -15,9 +15,9 @@
             <BuildableReference
                BuildableIdentifier = "primary"
                BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-               BuildableName = "blankTemplate.app"
-               BlueprintName = "blankTemplate"
-               ReferencedContainer = "container:blankTemplate.xcodeproj">
+               BuildableName = "example.app"
+               BlueprintName = "example"
+               ReferencedContainer = "container:example.xcodeproj">
             </BuildableReference>
          </BuildActionEntry>
       </BuildActionEntries>
@@ -33,9 +33,9 @@
             <BuildableReference
                BuildableIdentifier = "primary"
                BlueprintIdentifier = "00E356ED1AD99517003FC87E"
-               BuildableName = "blankTemplateTests.xctest"
-               BlueprintName = "blankTemplateTests"
-               ReferencedContainer = "container:blankTemplate.xcodeproj">
+               BuildableName = "exampleTests.xctest"
+               BlueprintName = "exampleTests"
+               ReferencedContainer = "container:example.xcodeproj">
             </BuildableReference>
          </TestableReference>
       </Testables>
@@ -55,9 +55,9 @@
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "blankTemplate.app"
-            BlueprintName = "blankTemplate"
-            ReferencedContainer = "container:blankTemplate.xcodeproj">
+            BuildableName = "example.app"
+            BlueprintName = "example"
+            ReferencedContainer = "container:example.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
    </LaunchAction>
@@ -72,9 +72,9 @@
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "blankTemplate.app"
-            BlueprintName = "blankTemplate"
-            ReferencedContainer = "container:blankTemplate.xcodeproj">
+            BuildableName = "example.app"
+            BlueprintName = "example"
+            ReferencedContainer = "container:example.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
    </ProfileAction>

package/template/ios/{blankTemplate.xcworkspace → example.xcworkspace}/contents.xcworkspacedata

@@ -2,7 +2,7 @@
 <Workspace
    version = "1.0">
    <FileRef
-      location = "group:blankTemplate.xcodeproj">
+      location = "group:example.xcodeproj">
    </FileRef>
    <FileRef
       location = "group:Pods/Pods.xcodeproj">

package/template/ios/{blankTemplateTests/blankTemplateTests.m → exampleTests/exampleTests.m}

@@ -7,11 +7,11 @@
 #define TIMEOUT_SECONDS 600
 #define TEXT_TO_LOOK_FOR @"Welcome to React"
 
-@interface blankTemplateTests : XCTestCase
+@interface exampleTests : XCTestCase
 
 @end
 
-@implementation blankTemplateTests
+@implementation exampleTests
 
 - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test
 {

package/template/ios/link-assets-manifest.json

@@ -1,25 +1,25 @@
 {
-    "migIndex": 1,
-    "data": [
-        {
-            "path": "assets/fonts/OpenSans-Bold.ttf",
-            "sha1": "1e3704ee48b5ff7e582488ead87b05249f14dc1c"
-        },
-        {
-            "path": "assets/fonts/OpenSans-ExtraBold.ttf",
-            "sha1": "5acb1de2513aca9ce4fcf5d1e1e49aad86f1888c"
-        },
-        {
-            "path": "assets/fonts/OpenSans-Light.ttf",
-            "sha1": "bf0d133b628259eca01049d30fa6316094d00bcf"
-        },
-        {
-            "path": "assets/fonts/OpenSans-Regular.ttf",
-            "sha1": "babe8dce93a3e48b6c3c79720a0c048e88dd1fe7"
-        },
-        {
-            "path": "assets/fonts/OpenSans-SemiBold.ttf",
-            "sha1": "e256f8391718ef61f253dfb4e95bbeb3c5857afc"
-        }
-    ]
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/OpenSans-Bold.ttf",
+      "sha1": "1e3704ee48b5ff7e582488ead87b05249f14dc1c"
+    },
+    {
+      "path": "assets/fonts/OpenSans-ExtraBold.ttf",
+      "sha1": "5acb1de2513aca9ce4fcf5d1e1e49aad86f1888c"
+    },
+    {
+      "path": "assets/fonts/OpenSans-Light.ttf",
+      "sha1": "bf0d133b628259eca01049d30fa6316094d00bcf"
+    },
+    {
+      "path": "assets/fonts/OpenSans-Regular.ttf",
+      "sha1": "babe8dce93a3e48b6c3c79720a0c048e88dd1fe7"
+    },
+    {
+      "path": "assets/fonts/OpenSans-SemiBold.ttf",
+      "sha1": "e256f8391718ef61f253dfb4e95bbeb3c5857afc"
+    }
+  ]
 }

package/template/metro.config.js

@@ -1,11 +1,16 @@
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
-/**
- * Metro configuration
- * https://reactnative.dev/docs/metro
- *
- * @type {import('metro-config').MetroConfig}
- */
-const config = {};
+const defaultConfig = getDefaultConfig(__dirname);
 
-module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+const config = {
+    transformer: {
+        getTransformOptions: async () => ({
+            transform: {
+                experimentalImportSupport: false,
+                inlineRequires: true,
+            },
+        }),
+    },
+};
+
+module.exports = mergeConfig(defaultConfig, config);

package/template/package.json

@@ -1,40 +1,52 @@
 {
-    "name": "blank-template",
+    "name": "example",
     "version": "0.0.1",
     "private": true,
     "scripts": {
         "android": "react-native run-android",
         "ios": "react-native run-ios",
-        "lint": "eslint ",
-        "lint:fix": "eslint \"src/**/**.ts\" --fix",
-        "prettier": "prettier \"**/**.{tsx,ts,js,json}\" --write",
+        "ipad": "react-native run-ios --simulator='iPad Pro (12.9-inch) (6th generation)'",
         "start": "react-native start",
-        "test": "jest"
+        "test": "jest",
+        "lint": "eslint \"**/**.{ts,tsx}\"",
+        "lint:fix": "eslint \"**/**.{ts,tsx}\" --fix",
+        "prettier": "prettier \"**/**.{ts,tsx,js,jsx,json,css,scss,html}\" --write",
+        "prettier:check": "prettier \"**/**.{ts,tsx,js,jsx,json,css,scss,html}\" --check",
+        "rnlink": "npm_config_yes=true npx react-native link"
     },
     "dependencies": {
-        "@brightlayer-ui/react-native-auth-workflow": "^6.0.0",
+        "@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.23.1",
-        "@react-navigation/drawer": "^6.6.15",
-        "@react-navigation/native": "^6.1.17",
+        "@react-native-async-storage/async-storage": "^1.22.3",
+        "@react-navigation/drawer": "^6.6.6",
+        "@react-navigation/native": "^6.1.9",
         "@react-navigation/native-stack": "^6.9.26",
-        "i18next": "^23.11.3",
+        "@react-navigation/stack": "^6.3.20",
+        "i18next": "^23.7.16",
         "intl-pluralrules": "^2.0.1",
         "react": "18.2.0",
-        "react-i18next": "^14.1.1",
-        "react-native": "0.74.1",
-        "react-native-gesture-handler": "^2.16.2",
-        "react-native-pager-view": "^6.3.1",
-        "react-native-paper": "^5.0.0",
-        "react-native-reanimated": "^3.11.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-native-restart": "^0.0.27",
-        "react-native-safe-area-context": "^4.0.0",
-        "react-native-screens": "^3.31.1",
+        "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.10.0"
+        "react-native-webview": "^13.8.1"
     },
     "devDependencies": {
         "@babel/core": "^7.20.0",
@@ -42,30 +54,25 @@
         "@babel/runtime": "^7.20.0",
         "@brightlayer-ui/eslint-config": "^3.0.1",
         "@brightlayer-ui/prettier-config": "^1.0.3",
-        "@eslint/js": "^9.2.0",
-        "@react-native/babel-preset": "0.74.83",
-        "@react-native/eslint-config": "0.74.83",
-        "@react-native/metro-config": "0.74.83",
-        "@react-native/typescript-config": "0.74.83",
+        "@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",
+        "@types/react-native-vector-icons": "^6.4.18",
         "@types/react-test-renderer": "^18.0.0",
-        "@typescript-eslint/eslint-plugin": "^7.8.0",
-        "@typescript-eslint/parser": "^7.8.0",
+        "@typescript-eslint/eslint-plugin": "^6.19.0",
+        "@typescript-eslint/parser": "^6.19.0",
         "babel-jest": "^29.6.3",
-        "eslint": "8.56.0",
+        "eslint": "^8.56.0",
         "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-react": "^7.34.1",
-        "eslint-plugin-react-hooks": "^4.6.2",
-        "globals": "^15.1.0",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "jest": "^29.6.3",
         "jest-transform-stub": "^2.0.0",
         "prettier": "2.8.8",
         "react-test-renderer": "18.2.0",
-        "typescript": "5.0.4",
-        "typescript-eslint": "^7.8.0"
-    },
-    "engines": {
-        "node": ">=18"
+        "typescript": "5.0.4"
     },
     "prettier": "@brightlayer-ui/prettier-config"
 }

package/template/react-native.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    assets: ['./assets/fonts/'],
+};

package/template/src/components/DebugComponent.tsx

@@ -33,7 +33,6 @@ export const DebugComponent = (): JSX.Element => {
                     >
                         [Test Invite Register]
                     </Button>
-
                     <Button
                         mode={'text'}
                         labelStyle={{ fontSize: 16 }}

package/template/src/components/{UserMenuExample.tsx → UserMenuComponent.tsx}

@@ -38,7 +38,7 @@ type UserMenuExampleProps = {
     onToggleTheme: () => void;
 };
 
-export const UserMenuExample: React.FC<UserMenuExampleProps> = (props) => {
+export const UserMenuComponent: React.FC<UserMenuExampleProps> = (props) => {
     const { onToggleRTL, onToggleTheme } = props;
     const theme = useExtendedTheme();
     const { i18n, t } = useTranslation();

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

@@ -45,7 +45,7 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
                 icon: Notifications,
             },
         ], // eslint-disable-next-line react-hooks/exhaustive-deps
-        []
+        [t]
     );
 
     useEffect(() => {

package/template/src/screens/Dashboard.tsx

@@ -14,7 +14,7 @@ import RNRestart from 'react-native-restart';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { RootStackParamList } from '../navigation';
 import { ExtendedTheme, useExtendedTheme } from '@brightlayer-ui/react-native-themes';
-import { UserMenuExample } from '../components/UserMenuExample';
+import { UserMenuComponent } from '../components/UserMenuComponent';
 import { useThemeContext } from '../contexts/ThemeContext';
 import { useTranslation } from 'react-i18next';
 import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
@@ -107,7 +107,7 @@ const Dashboard: React.FC<AppProps> = ({ navigation }): JSX.Element => {
                         icon: { name: 'more' },
                         onPress: (): void => {},
                         component: (
-                            <UserMenuExample
+                            <UserMenuComponent
                                 onToggleRTL={toggleRTL}
                                 onToggleTheme={(): void => setTheme(themeType === 'light' ? 'dark' : 'light')}
                             />

package/template/src/screens/Homepage.tsx

@@ -14,7 +14,7 @@ import RNRestart from 'react-native-restart';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { RootStackParamList } from '../navigation';
 import { ExtendedTheme, useExtendedTheme } from '@brightlayer-ui/react-native-themes';
-import { UserMenuExample } from '../components/UserMenuExample';
+import { UserMenuComponent } from '../components/UserMenuComponent';
 import { useThemeContext } from '../contexts/ThemeContext';
 import { useTranslation } from 'react-i18next';
 import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
@@ -107,7 +107,7 @@ export const Homepage: React.FC<AppProps> = ({ navigation }): JSX.Element => {
                         icon: { name: 'more' },
                         onPress: (): void => {},
                         component: (
-                            <UserMenuExample
+                            <UserMenuComponent
                                 onToggleRTL={toggleRTL}
                                 onToggleTheme={(): void => setTheme(themeType === 'light' ? 'dark' : 'light')}
                             />

package/template/src/screens/Locations.tsx

@@ -14,7 +14,7 @@ import RNRestart from 'react-native-restart';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { RootStackParamList } from '../navigation';
 import { ExtendedTheme, useExtendedTheme } from '@brightlayer-ui/react-native-themes';
-import { UserMenuExample } from '../components/UserMenuExample';
+import { UserMenuComponent } from '../components/UserMenuComponent';
 import { useThemeContext } from '../contexts/ThemeContext';
 import { useTranslation } from 'react-i18next';
 import { IconFamily } from '@brightlayer-ui/react-native-components/core/__types__';
@@ -107,7 +107,7 @@ const Locations: React.FC<AppProps> = ({ navigation }): JSX.Element => {
                         icon: { name: 'more' },
                         onPress: (): void => {},
                         component: (
-                            <UserMenuExample
+                            <UserMenuComponent
                                 onToggleRTL={toggleRTL}
                                 onToggleTheme={(): void => setTheme(themeType === 'light' ? 'dark' : 'light')}
                             />

package/template/translations/dictionary/french.ts

@@ -15,10 +15,10 @@ const resources: AppTranslationsFile = {
         },
         USER_MENU: {
             LOG_OUT: 'Se déconnecter',
-            CHANGE_PASSWORD: 'changer le mot de passe',
+            CHANGE_PASSWORD: 'Changer le mot de passe',
             MY_ACCOUNT: 'Mon compte',
-            TOGGLE_RTL: 'basculer RTL',
-            TOGGLE_THEME: 'basculer le thème',
+            TOGGLE_RTL: 'Basculer RTL',
+            TOGGLE_THEME: 'Basculer le thème',
             LANGUAGE: 'Langue',
         },
         ORGANAIZATION_DETAILS: {

package/template/translations/dictionary/portuguese.ts

@@ -15,7 +15,7 @@ const resources: AppTranslationsFile = {
         },
         USER_MENU: {
             LOG_OUT: 'Sair',
-            CHANGE_PASSWORD: 'alterar a senha',
+            CHANGE_PASSWORD: 'Alterar a senha',
             MY_ACCOUNT: 'Minha conta',
             TOGGLE_RTL: 'Alternar RTL',
             TOGGLE_THEME: 'Alternar tema',

package/template/translations/dictionary/spanish.ts

@@ -15,7 +15,7 @@ const resources: AppTranslationsFile = {
         },
         USER_MENU: {
             LOG_OUT: 'Cerrar sesión',
-            CHANGE_PASSWORD: 'cambiar la contraseña',
+            CHANGE_PASSWORD: 'Cambiar la contraseña',
             MY_ACCOUNT: 'Mi cuenta',
             TOGGLE_RTL: 'Alternar RTL',
             TOGGLE_THEME: 'Alternar tema',

package/template/tsconfig.json

@@ -3,7 +3,7 @@
         /* Basic Options */
         "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
         "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
-        "lib": ["es6"] /* Specify library files to be included in the compilation. */,
+        "lib": ["es2017"] /* Specify library files to be included in the compilation. */,
         "allowJs": true /* Allow javascript files to be compiled. */,
         // "checkJs": true,                       /* Report errors in .js files. */
         "jsx": "react-native" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
@@ -36,7 +36,7 @@
 
         /* Module Resolution Options */
         "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
-        // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
+        "baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
         // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
         // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
         // "typeRoots": [],                       /* List of folders to include type definitions from. */
@@ -44,7 +44,7 @@
         "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
         "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
         // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
-        "skipLibCheck": true /* Skip type checking of declaration files. */
+        "skipLibCheck": false /* Skip type checking of declaration files. */
 
         /* Source Map Options */
         // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */