@admin-layout/gluestack-ui-mobile 9.0.2-alpha.4 → 9.0.4-alpha.102

package/lib/utils/generateMobileNavigations.js

@@ -9,7 +9,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _GenerateMobileNavigations_instances, _GenerateMobileNavigations_layoutSettings, _GenerateMobileNavigations_appDirPath, _GenerateMobileNavigations_modules, _GenerateMobileNavigations_initialRouteName, _GenerateMobileNavigations_unauthenticatedComponentPath, _GenerateMobileNavigations_customTabBarPath, _GenerateMobileNavigations_customDrawerPath, _GenerateMobileNavigations_customHeaderPath, _GenerateMobileNavigations_readJsonFile, _GenerateMobileNavigations_getLayoutConfig, _GenerateMobileNavigations_execPromise, _GenerateMobileNavigations_renameFile, _GenerateMobileNavigations_writeFile, _GenerateMobileNavigations_makeDir, _GenerateMobileNavigations_getModulesRouteConfig, _GenerateMobileNavigations_resolveImportPath, _GenerateMobileNavigations_generateAppRoutesJson, _GenerateMobileNavigations_generateImportStatements, _GenerateMobileNavigations_generateModulesTsFile, _GenerateMobileNavigations_generateStackNavigations, _GenerateMobileNavigations_generateDrawerNavigationsFile, _GenerateMobileNavigations_generateDrawerNavigations, _GenerateMobileNavigations_generateBottomTabNavigationsFile, _GenerateMobileNavigations_generateBottomTabNavigations, _GenerateMobileNavigations_generateBottomTabDrawerNavigations, _GenerateMobileNavigations_generateAppNavigationFile, _GenerateMobileNavigations_setLayoutAndGenerateNavigation;
+var _GenerateMobileNavigations_instances, _GenerateMobileNavigations_configFileData, _GenerateMobileNavigations_configFilePath, _GenerateMobileNavigations_appPath, _GenerateMobileNavigations_isDefaultPackagePathMobileRoot, _GenerateMobileNavigations_mobileStackPath, _GenerateMobileNavigations_appDirPath, _GenerateMobileNavigations_modules, _GenerateMobileNavigations_initialRouteNameRootStack, _GenerateMobileNavigations_initialRouteName, _GenerateMobileNavigations_unauthenticatedComponentPath, _GenerateMobileNavigations_customTabBarPath, _GenerateMobileNavigations_customDrawerPath, _GenerateMobileNavigations_customHeaderPath, _GenerateMobileNavigations_i18Options, _GenerateMobileNavigations_iconsRepository, _GenerateMobileNavigations_readConfigFile, _GenerateMobileNavigations_readJsonFile, _GenerateMobileNavigations_getLayoutConfig, _GenerateMobileNavigations_execPromise, _GenerateMobileNavigations_renameFile, _GenerateMobileNavigations_writeFile, _GenerateMobileNavigations_makeDir, _GenerateMobileNavigations_getModulesRouteConfig, _GenerateMobileNavigations_resolveImportPath, _GenerateMobileNavigations_generateAppRoutesJson, _GenerateMobileNavigations_generateImportStatements, _GenerateMobileNavigations_generateModulesTsFile, _GenerateMobileNavigations_generateMainRoutesFile, _GenerateMobileNavigations_generateMainRoutes, _GenerateMobileNavigations_generateAppFile, _GenerateMobileNavigations_generateApp, _GenerateMobileNavigations_generateStackNavigations, _GenerateMobileNavigations_generateDrawerNavigationsFile, _GenerateMobileNavigations_generateDrawerNavigations, _GenerateMobileNavigations_generateBottomTabNavigationsFile, _GenerateMobileNavigations_generateBottomTabNavigations, _GenerateMobileNavigations_generateBottomTabDrawerNavigations, _GenerateMobileNavigations_generateAppNavigationFile, _GenerateMobileNavigations_generateSelectiveIconsFile, _GenerateMobileNavigations_setLayoutAndGenerateNavigation, _GenerateMobileNavigations_performCopyOperations, _GenerateMobileNavigations_deleteDirectoryRecursive, _GenerateMobileNavigations_createAppDirectory;
 import * as fs from 'fs';
 import path from 'path';
 import prettier from 'prettier';
@@ -17,19 +17,22 @@ import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
 import { exec as execCallback } from 'child_process';
 import { getSortedNavigations } from '@common-stack/client-react/lib/route/react-navigation/get-navigation-utils.js';
+import { performCopyOperations } from '@common-stack/rollup-vite-utils/lib/preStartup/configLoader/configLoader.js';
 import { getReplacedRouteConfig } from './getReplacedRouteConfig.js';
 const require = createRequire(import.meta.url);
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const configFilePath = path.join(__dirname, '../layout.json');
-const appNavigationFileName = 'navigation.tsx';
+const appNavigationFileName = 'navigation.js';
 const mainRoutesFileName = 'main_routes.json';
 const modulesFileName = 'modules.ts';
-const stacksDirPath = 'stack/index.tsx';
-const drawerFilePath = 'drawer/index.tsx';
-const hostDrawerFilePath = 'host_drawer/index.tsx';
-const bottomFilePath = 'bottom/index.tsx';
-const hostBottomFilePath = 'host_bottom/index.tsx';
+const stacksDirPath = 'stack/index.js';
+const drawerFilePath = 'drawer/index.js';
+const hostDrawerFilePath = 'host_drawer/index.js';
+const bottomFilePath = 'bottom/index.js';
+const hostBottomFilePath = 'host_bottom/index.js';
+const mainRoutesJsFileName = 'mainRoutes.js';
+const mainAppFileName = 'index.js';
 export const readJsonFile = (filePath) => {
     return new Promise((resolve, reject) => {
         fs.readFile(filePath, 'utf8', (err, data) => {
@@ -66,30 +69,50 @@ export const getLayoutConfig = async () => {
     return layoutConfigFileData;
 };
 export class GenerateMobileNavigations {
-    constructor({ appDirPath, modules, initialRouteName = '', unauthenticatedComponentPath = null, customTabBarPath = null, customDrawerPath = null, customHeaderPath = null, }) {
+    constructor({ configFilePath }) {
         _GenerateMobileNavigations_instances.add(this);
-        _GenerateMobileNavigations_layoutSettings.set(this, process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null);
+        _GenerateMobileNavigations_configFileData.set(this, {});
+        _GenerateMobileNavigations_configFilePath.set(this, void 0);
+        _GenerateMobileNavigations_appPath.set(this, 'app');
+        _GenerateMobileNavigations_isDefaultPackagePathMobileRoot.set(this, void 0);
+        _GenerateMobileNavigations_mobileStackPath.set(this, 'mobile-stack-react');
+        //#layoutSettings: any = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         _GenerateMobileNavigations_appDirPath.set(this, void 0);
         _GenerateMobileNavigations_modules.set(this, void 0);
+        _GenerateMobileNavigations_initialRouteNameRootStack.set(this, void 0);
         _GenerateMobileNavigations_initialRouteName.set(this, void 0);
         _GenerateMobileNavigations_unauthenticatedComponentPath.set(this, void 0);
         _GenerateMobileNavigations_customTabBarPath.set(this, void 0);
         _GenerateMobileNavigations_customDrawerPath.set(this, void 0);
         _GenerateMobileNavigations_customHeaderPath.set(this, void 0);
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_layoutSettings, process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_appDirPath, appDirPath, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_modules, modules, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_initialRouteName, initialRouteName, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_unauthenticatedComponentPath, unauthenticatedComponentPath, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_customTabBarPath, customTabBarPath, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_customDrawerPath, customDrawerPath, "f");
-        __classPrivateFieldSet(this, _GenerateMobileNavigations_customHeaderPath, customHeaderPath, "f");
+        _GenerateMobileNavigations_i18Options.set(this, void 0);
+        _GenerateMobileNavigations_iconsRepository.set(this, void 0);
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_configFilePath, configFilePath, "f");
+        const config = __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_readConfigFile).call(this, configFilePath);
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_configFileData, config, "f");
+        // this.#layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_appPath, config?.commonPaths?.appPath ?? 'app', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_isDefaultPackagePathMobileRoot, config?.mobileConfig?.isDefaultPackagePathMobileRoot ?? false, "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_iconsRepository, config?.iconsRepository ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_mobileStackPath, config?.mobileStackPath ?? 'mobile-stack-react', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_appDirPath, path.join(path.dirname(configFilePath), __classPrivateFieldGet(this, _GenerateMobileNavigations_appPath, "f")), "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_modules, config?.modules ?? [], "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_initialRouteName, config?.mobileConfig?.initialRouteName ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_initialRouteNameRootStack, config?.mobileConfig?.initialRouteNameRootStack ?? 'MainStack', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_unauthenticatedComponentPath, config?.mobileConfig?.unauthenticatedComponentPath ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_customTabBarPath, config?.mobileConfig?.customTabBarPath ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_customDrawerPath, config?.mobileConfig?.customDrawerPath ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_customHeaderPath, config?.mobileConfig?.customHeaderPath ?? '', "f");
+        __classPrivateFieldSet(this, _GenerateMobileNavigations_i18Options, config?.i18n ?? {}, "f");
     }
     async generateAppNavigations() {
-        return __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_setLayoutAndGenerateNavigation).call(this);
+        return __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_createAppDirectory).call(this);
     }
 }
-_GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNavigations_appDirPath = new WeakMap(), _GenerateMobileNavigations_modules = new WeakMap(), _GenerateMobileNavigations_initialRouteName = new WeakMap(), _GenerateMobileNavigations_unauthenticatedComponentPath = new WeakMap(), _GenerateMobileNavigations_customTabBarPath = new WeakMap(), _GenerateMobileNavigations_customDrawerPath = new WeakMap(), _GenerateMobileNavigations_customHeaderPath = new WeakMap(), _GenerateMobileNavigations_instances = new WeakSet(), _GenerateMobileNavigations_readJsonFile = async function _GenerateMobileNavigations_readJsonFile(filePath) {
+_GenerateMobileNavigations_configFileData = new WeakMap(), _GenerateMobileNavigations_configFilePath = new WeakMap(), _GenerateMobileNavigations_appPath = new WeakMap(), _GenerateMobileNavigations_isDefaultPackagePathMobileRoot = new WeakMap(), _GenerateMobileNavigations_mobileStackPath = new WeakMap(), _GenerateMobileNavigations_appDirPath = new WeakMap(), _GenerateMobileNavigations_modules = new WeakMap(), _GenerateMobileNavigations_initialRouteNameRootStack = new WeakMap(), _GenerateMobileNavigations_initialRouteName = new WeakMap(), _GenerateMobileNavigations_unauthenticatedComponentPath = new WeakMap(), _GenerateMobileNavigations_customTabBarPath = new WeakMap(), _GenerateMobileNavigations_customDrawerPath = new WeakMap(), _GenerateMobileNavigations_customHeaderPath = new WeakMap(), _GenerateMobileNavigations_i18Options = new WeakMap(), _GenerateMobileNavigations_iconsRepository = new WeakMap(), _GenerateMobileNavigations_instances = new WeakSet(), _GenerateMobileNavigations_readConfigFile = function _GenerateMobileNavigations_readConfigFile(configFilePath) {
+    const jsonData = fs.readFileSync(configFilePath, 'utf-8');
+    return JSON.parse(jsonData);
+}, _GenerateMobileNavigations_readJsonFile = async function _GenerateMobileNavigations_readJsonFile(filePath) {
     return readJsonFile(filePath);
 }, _GenerateMobileNavigations_getLayoutConfig = async function _GenerateMobileNavigations_getLayoutConfig() {
     return getLayoutConfig();
@@ -133,10 +156,17 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     });
 }, _GenerateMobileNavigations_getModulesRouteConfig = async function _GenerateMobileNavigations_getModulesRouteConfig({ modules }) {
     const allFilteredRoutes = [];
+    let pkgFile;
     for (const pkg of modules) {
-        const pkgPath = require.resolve(pkg);
-        const pkgDirPath = path.dirname(pkgPath);
-        const pkgFile = path.join(pkgDirPath, 'routes.json');
+        if (__classPrivateFieldGet(this, _GenerateMobileNavigations_isDefaultPackagePathMobileRoot, "f")) {
+            const pkgRootFilePath = path.join(path.join(path.dirname(__classPrivateFieldGet(this, _GenerateMobileNavigations_configFilePath, "f")), 'node_modules/lib'), pkg);
+            pkgFile = path.join(pkgRootFilePath, 'routes.json');
+        }
+        else {
+            const pkgPath = require.resolve(pkg);
+            const pkgDirPath = path.dirname(pkgPath);
+            pkgFile = path.join(pkgDirPath, 'routes.json');
+        }
         if (fs.existsSync(pkgFile)) {
             const fileModuleJSON = await readJsonFile(pkgFile);
             if (fileModuleJSON) {
@@ -166,14 +196,16 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
         }
     }
     return value;
-}, _GenerateMobileNavigations_generateAppRoutesJson = async function _GenerateMobileNavigations_generateAppRoutesJson({ appDirPath }) {
-    const parentDirPath = path.dirname(appDirPath);
+}, _GenerateMobileNavigations_generateAppRoutesJson = async function _GenerateMobileNavigations_generateAppRoutesJson() {
+    const appDirPath = __classPrivateFieldGet(this, _GenerateMobileNavigations_appDirPath, "f");
+    const parentDirPath = path.dirname(__classPrivateFieldGet(this, _GenerateMobileNavigations_configFileData, "f")?.mobileConfig?.computeFilePath ?? __classPrivateFieldGet(this, _GenerateMobileNavigations_configFilePath, "f"));
     const parentDirName = path.basename(parentDirPath);
     const appDirName = path.basename(appDirPath);
     // const tsFile = 'src/compute.ts';
     // const outputDir = 'src/app';
     const tsFile = `${parentDirName}/compute.ts`;
-    const outputDir = `${parentDirName}/${appDirName}`;
+    // const outputDir = `${parentDirName}/${appDirName}`;
+    const outputDir = `${appDirName}`;
     const tscCommand = `tsc ${tsFile} --outDir ${outputDir} --target es6 --module esnext --jsx react  --allowSyntheticDefaultImports true --moduleResolution node --esModuleInterop true --forceConsistentCasingInFileNames true  --skipLibCheck true`;
     const mainRoutesJsFile = path.join(appDirPath, '/compute.js');
     const mainRoutesMjsFile = path.join(appDirPath, '/compute.mjs');
@@ -189,17 +221,13 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             const noWhitespaceJsData = noCommentsData.replace(/\s+/g, '');
             if (noWhitespaceJsData?.length == 0) {
                 const outPutDirName = path.dirname(outputFile);
-                const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
-                if (isDirCreated) {
-                    const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
-                    if (writeFileResponse) {
-                        return true;
-                    }
-                    else
-                        return false;
+                try {
+                    await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
+                    await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
+                }
+                catch (error) {
+                    console.log('Error directory/file create', error);
                 }
-                else
-                    return false;
             }
             else {
                 const newFilePath = mainRoutesJsFile.replace('.js', '.mjs');
@@ -219,56 +247,45 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                                 return { [routConfig.path]: routConfig };
                             }) ?? [];
                             allFilteredRoutes.push(...newRoutes);
-                            const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes, null, 2));
-                            if (writeFileResponse) {
-                                fs.unlinkSync(mainRoutesMjsFile);
-                                return true;
+                            try {
+                                const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes, null, 2));
+                                if (writeFileResponse)
+                                    fs.unlinkSync(mainRoutesMjsFile);
+                            }
+                            catch (error) {
+                                console.log('Error creating main routes file', error);
                             }
-                            else
-                                return false;
                         }
                     }
-                    else
-                        return false;
                 }
-                else
-                    return false;
             }
         }
         else {
             const outPutDirName = path.dirname(outputFile);
-            const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
-            if (isDirCreated) {
-                const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
-                if (writeFileResponse) {
-                    return true;
-                }
-                else
-                    return false;
+            try {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
+            }
+            catch (error) {
+                console.log('Error creating main routes file', error);
             }
-            else
-                return false;
         }
         // return true;
     }
     catch (error) {
         console.error(`exec error: ${error.message}`);
         const outPutDirName = path.dirname(outputFile);
-        const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
-        if (isDirCreated) {
-            const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
-            if (writeFileResponse) {
-                return true;
-            }
-            else
-                return false;
+        try {
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, outPutDirName);
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, outputFile, JSON.stringify(allFilteredRoutes));
+        }
+        catch (error) {
+            console.log('Error creating main routes file', error);
         }
-        else
-            return false;
     }
 }, _GenerateMobileNavigations_generateImportStatements = async function _GenerateMobileNavigations_generateImportStatements({ modules, initialRouteName }) {
     try {
-        const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
         const hostRouteConfig = layoutConfigFileData['host-bottom'];
         const hostRouteKey = Object.keys(hostRouteConfig)[1];
@@ -378,10 +395,215 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             return false;
     }
     return false;
+}, _GenerateMobileNavigations_generateMainRoutesFile = async function _GenerateMobileNavigations_generateMainRoutesFile({ initialRouteName, i18Options }) {
+    try {
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
+        const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
+        const hostRouteConfig = layoutConfigFileData['host-bottom'];
+        const hostRouteKey = Object.keys(hostRouteConfig)[1];
+        const hostLayout = hostRouteConfig[hostRouteKey];
+        let importStatements = '';
+        importStatements += `import  React from 'react';\n`;
+        importStatements += `import { InversifyProvider, PluginArea } from '@common-stack/client-react';\n`;
+        importStatements += `import { useSelector, useDispatch } from 'react-redux';\n`;
+        importStatements += `import { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';\n`;
+        importStatements += `import {layoutRouteConfig,getReplacedRouteConfig,ErrorBoundary,NavigationContainerComponent,ApplicationErrorHandler,Box,Spinner,} from '@admin-layout/gluestack-ui-mobile';\n`;
+        importStatements += `import mainRouteConfig from './main_routes.json';\n`;
+        importStatements += `import features from './mobile-stack-react/modules.js';\n`;
+        importStatements += `import AppNavigations from './navigation';\n`;
+        importStatements += `import {loadContext} from './mobile-stack-react/load-context.mobile.js';\n`;
+        let classStructure = `
+
+            const mainAppRoutes = mainRouteConfig || [];
+
+            const appRoutes = [...[mainAppRoutes],features?.routeConfig];
+
+            const featureRouteConfig = appRoutes?.flat(1)??features?.routeConfig;
+            features.routeConfig = featureRouteConfig;
+            let appConfiguredRoutes = features?.getConfiguredRoutes2("/");
+
+            const DefaultProvider = ({children}) => <>{children}</>
+
+            export  function MainRoute({ container,externalProvider: ExternalProvider = DefaultProvider,externalProviderProps={},linking = {} }){
+            const dispatch = useDispatch();
+            const defaultSettings = useSelector((state) => state.settings);
+            const initialRouteName = '${initialRouteName}';
+            const layoutSettings = ${JSON.stringify({ ...layoutSettings, hostLayout: hostLayout.key })}
+            const [mainFeatures, setMainFeatures] = React.useState(null);
+
+                React.useEffect(() => {
+                        setDefalutSettings();
+                }, []);
+
+
+            const setDefalutSettings = React.useCallback(()=>{
+                const config = {
+                    ...defaultSettings,
+                    ...layoutSettings,
+                };
+                dispatch({
+                    type: CHANGE_SETTINGS_ACTION,
+                    payload: config,
+                });
+                },[]);
+
+            React.useEffect(() => {
+                if (defaultSettings) {
+                    const settingObj = { ...defaultSettings };
+                    const layoutType = settingObj.layout;
+                    const {replacedConfiguredRouteConfig} = getReplacedRouteConfig({
+                        layoutType: layoutType,
+                        routeConfig: appRoutes,
+                        layoutConfigData: layoutRouteConfig,
+                        initialRouteName,
+                    });
+                    if(replacedConfiguredRouteConfig){
+                        const moduleRouteConfigObject = Object.assign({}, ...replacedConfiguredRouteConfig?.flat(1)??[]);        
+                        const replacedRouteConfig = Object.fromEntries(Object.entries(moduleRouteConfigObject));
+                        const appReplacedRouteConfig = replacedRouteConfig ? Object.keys(replacedRouteConfig)?.map((k)=>({[k]:replacedRouteConfig[k]})) : [];
+
+                        if (appReplacedRouteConfig) {
+                                  const hostRouteConfig = appReplacedRouteConfig.filter(item => {
+                                        return Object.keys(item).some(key =>
+                                        key === "/" ||
+                                        (key.startsWith("//" + layoutSettings.hostLayout) || key.startsWith("//:orgName/" + layoutSettings.hostLayout))
+                                        );
+                                    })?.filter((value) => Object.keys(value).length !== 0) ?? [];
+
+
+                                    const layoutRouteConfig = appReplacedRouteConfig.filter(item => {
+                                        return Object.keys(item).some(key =>
+                                        key === "/" ||
+                                        (!key.startsWith("//" + layoutSettings.hostLayout) && !key.startsWith("//:orgName/" + layoutSettings.hostLayout))
+                                        );
+                                    })?.filter((value) => Object.keys(value).length !== 0) ?? [];
+
+
+                        // const hostRouteConfig = appReplacedRouteConfig?.map((obj)=> Object.fromEntries(Object.entries(obj)?.filter(([key,val])=>key === '/' || key.startsWith('//'+layoutSettings.hostLayout))))?.filter(value => Object.keys(value).length !== 0)??[];
+                        // const layoutRouteConfig = appReplacedRouteConfig?.map((obj)=> Object.fromEntries(Object.entries(obj)?.filter(([key,val])=>key === '/' || !key.startsWith('//'+layoutSettings.hostLayout))))?.filter(value => Object.keys(value).length !== 0)??[];
+                        const featureRouteConfig = defaultSettings?.layout == 'host-bottom' ? hostRouteConfig:layoutRouteConfig;
+                        features.routeConfig = featureRouteConfig;
+                        setMainFeatures(features);
+                        }
+                    }
+                }
+                }, [defaultSettings]);
+
+                    const loadingComponent = () => <Box flex={1}>{<Spinner />}</Box>;
+
+                    if (!mainFeatures || mainFeatures?.routeConfig?.length == 0) return loadingComponent();
+
+                    const plugins = mainFeatures?.getComponentFillPlugins();
+                    const configuredRoutes = mainFeatures?.getConfiguredRoutes2('/');
+                    appConfiguredRoutes = configuredRoutes;
+
+                        return (
+                            <InversifyProvider container={container} modules={mainFeatures}>
+                                {mainFeatures?.getWrappedRoot(
+                                    <ErrorBoundary>
+                                        <NavigationContainerComponent configurableRoutes={configuredRoutes} independent={true} linking={linking}>
+                                        <ExternalProvider {...externalProviderProps}>
+                                        <AppNavigations />
+                                        </ExternalProvider>
+                                        <PluginArea />
+                                        <ApplicationErrorHandler plugins={plugins} />
+                                        </NavigationContainerComponent>
+                                    </ErrorBoundary>,
+                                )}
+                            </InversifyProvider>
+                        );
+            }
+
+            export { loadContext,appConfiguredRoutes };
+
+            export default features;
+    `.replace(/,(\s*)$/, ''); // Removes trailing comma
+        // Use Prettier to format the code
+        classStructure = prettier.format(classStructure, { parser: 'babel' });
+        const appFeatures = importStatements + '\n' + classStructure;
+        return { appFeatures };
+    }
+    catch (err) {
+        console.error('Error:', err);
+    }
+}, _GenerateMobileNavigations_generateMainRoutes = async function _GenerateMobileNavigations_generateMainRoutes({ appDirPath, i18Options, initialRouteName }) {
+    const mainRoutesFile = path.join(appDirPath, `/${mainRoutesJsFileName}`);
+    const imports = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateMainRoutesFile).call(this, { initialRouteName, i18Options });
+    const { appFeatures } = imports;
+    try {
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, mainRoutesFile, appFeatures);
+    }
+    catch (err) {
+        console.error('Error generating main routes:', err);
+    }
+}, _GenerateMobileNavigations_generateAppFile = async function _GenerateMobileNavigations_generateAppFile({ initialRouteName, i18Options }) {
+    try {
+        let importStatements = '';
+        importStatements += `import 'reflect-metadata';\n`;
+        importStatements += `import  React from 'react';\n`;
+        importStatements += `import { SlotFillProvider } from '@common-stack/components-pro';\n`;
+        importStatements += `import { ApolloProvider } from '@apollo/client';\n`;
+        importStatements += `import { Provider } from 'react-redux';\n`;
+        importStatements += `import { PersistGate } from 'redux-persist/integration/react';\n`;
+        importStatements += `import { SafeAreaProvider } from 'react-native-safe-area-context';\n`;
+        importStatements += `import {GluestackUIProvider,config,i18next,reactI18Next} from '@admin-layout/gluestack-ui-mobile';\n`;
+        importStatements += `import { enableScreens } from 'react-native-screens';\n`;
+        importStatements += `import {MainRoute,loadContext,appConfiguredRoutes} from './mainRoutes.js'\n`;
+        let classStructure = `
+            enableScreens(true);
+            const { I18nextProvider } = reactI18Next;
+            i18next.options ={...i18next?.options??{},...${JSON.stringify(i18Options)}};
+
+             const DefaultProvider = ({children}) => <>{children}</>
+
+           function App({externalProvider = DefaultProvider,externalProviderProps={},linking = {}}){
+            const {store,persistor,container,apolloClient: client} = loadContext();
+            
+
+                return (
+                  <SlotFillProvider>
+                   <ApolloProvider client={client}>
+                    <Provider store={store}>
+                     <PersistGate persistor={persistor}>
+                     <I18nextProvider i18n={i18next}>
+                     <SafeAreaProvider>
+                     <GluestackUIProvider config={config}>
+                      <MainRoute container={container} externalProvider={externalProvider} linking={linking} externalProviderProps={externalProviderProps}  />
+                     </GluestackUIProvider>
+                     </SafeAreaProvider>
+                    </I18nextProvider>
+                     </PersistGate>
+                    </Provider>
+                    </ApolloProvider>
+                   </SlotFillProvider>
+                );
+      }
+
+      export const configuredRoutes = appConfiguredRoutes;
+      export default App;
+    `.replace(/,(\s*)$/, ''); // Removes trailing comma
+        // Use Prettier to format the code
+        classStructure = prettier.format(classStructure, { parser: 'babel' });
+        const appFeatures = importStatements + '\n' + classStructure;
+        return { appFeatures };
+    }
+    catch (err) {
+        console.error('Error:', err);
+    }
+}, _GenerateMobileNavigations_generateApp = async function _GenerateMobileNavigations_generateApp({ appDirPath, i18Options, initialRouteName }) {
+    const mainRoutesFile = path.join(appDirPath, `/${mainAppFileName}`);
+    const imports = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppFile).call(this, { initialRouteName, i18Options });
+    const { appFeatures } = imports;
+    try {
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, mainRoutesFile, appFeatures);
+    }
+    catch (err) {
+        console.error('Error generating app:', err);
+    }
 }, _GenerateMobileNavigations_generateStackNavigations = async function _GenerateMobileNavigations_generateStackNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
     const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
     const stackDirPath = path.join(appDirPath, `/${stacksDirPath}`);
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = layoutSettings?.layout || 'bottom';
     const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -422,7 +644,7 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     let customUnauthenticatedComponentNames = '';
     const regex = /\.(tsx|ts|jsx|js)$/i;
     importStatements += `import * as React from 'react';\n`;
-    importStatements += `import {AuthWrapper} from '@admin-layout/gluestack-ui-mobile';\n`;
+    importStatements += `import AuthWrapper from '@admin-layout/gluestack-ui-mobile/lib/components/AuthWrapper.js';\n`;
     if (unauthenticatedComponentPath)
         importStatements += `import UnauthenticatedComponent from '${unauthenticatedComponentPath}';\n`;
     for (const pkg of stackRouteConfig) {
@@ -456,11 +678,16 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                 options={{...${options},...{${pkgRouteConfig?.customHeader &&
                 Object.keys(pkgRouteConfig.customHeader)?.length &&
                 customHeaderComponentPath
-                ? `header: (props: any) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
+                ? `header: (props) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
                 : ''}}}}
-             >{(props:any) => <AuthWrapper 
+             >{(props) => <AuthWrapper 
                        auth={${pkgRouteConfig?.props?.initialParams?.auth ?? false}}
-                       component={<Component${moduleNumber} {...props}   />}
+                       authority={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                       extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                       component={<Component${moduleNumber} {...props} 
+                           permissions={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                           extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                          />}
                        ${pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
                 ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
                 : unauthenticatedComponentPath
@@ -498,26 +725,21 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             });
         }
         moduleContent += `</Stack.Group>`;
-        moduleRender = `export default ({Stack,...rest}:any) => { return (<>${moduleContent}</>)}`;
+        moduleRender = `export default ({Stack,...rest}) => { return (<>${moduleContent}</>)}`;
     }
     stackNavigator = importStatements + '\n' + moduleRender;
-    if (stackNavigator) {
-        let stackNavigation = stackNavigator;
-        stackNavigation = prettier.format(stackNavigation, { parser: 'babel' });
-        const stackDirName = path.dirname(stackDirPath);
+    let stackNavigation = stackNavigator;
+    stackNavigation = prettier.format(stackNavigation, { parser: 'babel' });
+    const stackDirName = path.dirname(stackDirPath);
+    try {
         const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, stackDirName);
         if (isDirCreated) {
-            const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, stackDirPath, stackNavigation);
-            if (writeFileResponse)
-                return true;
-            else
-                return false;
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, stackDirPath, stackNavigation);
         }
-        else
-            return false;
     }
-    else
-        return false;
+    catch (error) {
+        console.log('Error generating stack navigation', error);
+    }
 }, _GenerateMobileNavigations_generateDrawerNavigationsFile = async function _GenerateMobileNavigations_generateDrawerNavigationsFile({ drawerConfig, unauthenticatedComponentPath, drawerDirPath }) {
     let moduleNumber = 0;
     let importStatements = '';
@@ -531,7 +753,8 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     let customUnauthenticatedComponentNames = '';
     const regex = /\.(tsx|ts|jsx|js)$/i;
     importStatements += `import * as React from 'react';\n`;
-    importStatements += `import {AuthWrapper} from '@admin-layout/gluestack-ui-mobile';\n`;
+    importStatements += `import AuthWrapper from '@admin-layout/gluestack-ui-mobile/lib/components/AuthWrapper.js';\n`;
+    importStatements += `import DynamicIcons from '@app/selectiveIcons';\n`;
     if (unauthenticatedComponentPath)
         importStatements += `import UnauthenticatedComponent from '${unauthenticatedComponentPath}';\n`;
     for (const pkgRouteConfig of drawerConfig) {
@@ -565,16 +788,38 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                   //component={Component${moduleNumber}}
                   initialParams={${JSON.stringify(pkgRouteConfig?.props?.initialParams || {})}}
                   options={{...${options},...{${pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
-            ? `drawerIcon: ({ color, size }: { color: any,size:any }) => <${pkgRouteConfig?.icon?.name} name="${pkgRouteConfig?.icon?.props?.name ?? 'home'}" size={${pkgRouteConfig?.icon?.props?.size ?? `size`}} color={${pkgRouteConfig?.icon?.props?.color ?? 'color'}} />`
+            ? `drawerIcon: ({ color }) => { 
+                    const focused = color === '${pkgRouteConfig?.props?.options?.tabBarActiveTintColor}' ? true : false;
+                     const SelectedIcon = DynamicIcons('${pkgRouteConfig?.icon?.name}');
+                     return (<SelectedIcon 
+                      {...{
+                        ...${JSON.stringify({ ...(pkgRouteConfig?.icon?.props || {}) })},
+                        ...{
+                          color:focused ? ${JSON.stringify(pkgRouteConfig?.icon?.props?.color ??
+                pkgRouteConfig?.props?.options?.tabBarActiveTintColor) ?? 'black'}
+                                        :${JSON.stringify(pkgRouteConfig?.props?.options?.tabBarInactiveTintColor) ??
+                'grey'},
+                          stroke:focused ? ${JSON.stringify(pkgRouteConfig?.icon?.props?.color ??
+                pkgRouteConfig?.props?.options?.tabBarActiveTintColor) ?? 'black'}
+                                        :${JSON.stringify(pkgRouteConfig?.props?.options?.tabBarInactiveTintColor) ??
+                'grey'}
+                        }
+                     }}
+                     />)},`
             : ''}
                   ${pkgRouteConfig?.customHeader &&
             Object.keys(pkgRouteConfig.customHeader)?.length &&
             customHeaderComponentPath
-            ? `header: (props: any) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
+            ? `header: (props) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
             : ''}}}}
-                >{(props:any) => <AuthWrapper 
+                >{(props) => <AuthWrapper 
                            auth={${pkgRouteConfig?.props?.initialParams?.auth ?? false}}
-                           component={<Component${moduleNumber} {...props}   />}
+                           authority={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                           extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                           component={<Component${moduleNumber} {...props}
+                             permissions={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                             extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                              />}
                            ${pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
             ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
             : unauthenticatedComponentPath
@@ -591,10 +836,10 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             : ''}
                             />}</Drawer.Screen>`;
     }
-    if (icons && icons?.length) {
-        const uniqueIcons = [...new Set(icons.split(','))].join(',');
-        importStatements += `import { ${uniqueIcons} } from '@expo/vector-icons';\n`;
-    }
+    // if (icons && icons?.length) {
+    //     const uniqueIcons = [...new Set(icons.split(','))].join(',');
+    //     importStatements += `import Icons from '@expo/vector-icons';\n`;
+    // }
     if (customHeaderPaths && customHeaderPaths?.length) {
         const uniqueHeaderNames = [...new Set(customHeaderNames.split(','))]?.filter((str) => str?.length);
         const uniqueHeaderPaths = [...new Set(customHeaderPaths.split(','))]?.filter((str) => str?.length);
@@ -615,30 +860,26 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             importStatements += `import ${impUnauthenticatedName} from '${unCompPath}';\n`;
         });
     }
-    moduleRender = `export default ({Drawer,...rest}:any) => { return (<>${moduleContent}</>)}`;
+    moduleRender = `export default ({Drawer,...rest}) => { return (<>${moduleContent}</>)}`;
     moduleNavigation = importStatements + '\n' + moduleRender;
     const drawerNavigator = moduleNavigation;
-    if (drawerNavigator) {
-        let drawerNavigation = drawerNavigator;
-        drawerNavigation = prettier.format(drawerNavigation, { parser: 'babel' });
-        const drawerDirName = path.dirname(drawerDirPath);
+    let drawerNavigation = drawerNavigator;
+    drawerNavigation = prettier.format(drawerNavigation, { parser: 'babel' });
+    const drawerDirName = path.dirname(drawerDirPath);
+    try {
         const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, drawerDirName);
         if (isDirCreated) {
-            const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, drawerDirPath, drawerNavigation);
-            if (writeFileResponse)
-                return true;
-            else
-                return false;
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, drawerDirPath, drawerNavigation);
         }
-        else
-            return false;
     }
-    return false;
+    catch (error) {
+        console.log('Error generating drawer navigation file', error);
+    }
 }, _GenerateMobileNavigations_generateDrawerNavigations = async function _GenerateMobileNavigations_generateDrawerNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
     const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
     const drawerDirPath = path.join(appDirPath, `/${drawerFilePath}`);
     const hostDirPath = path.join(appDirPath, `/${hostDrawerFilePath}`);
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = 'side';
     const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -676,36 +917,34 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             return -1;
         return a?.props?.options?.priority - b?.props?.options?.priority;
     }) ?? [];
-    if (layoutSettings?.layout == 'side') {
-        if (drawerConfig) {
-            const drawerNavigation = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
-                drawerConfig: drawerConfig,
-                unauthenticatedComponentPath,
-                drawerDirPath: drawerDirPath,
-            });
-            if (drawerNavigation)
+    try {
+        if (layoutSettings?.layout == 'side') {
+            if (drawerConfig) {
                 await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
-                    drawerConfig: hostDrawerConfig,
+                    drawerConfig: drawerConfig,
                     unauthenticatedComponentPath,
-                    drawerDirPath: hostDirPath,
+                    drawerDirPath: drawerDirPath,
                 });
-            return true;
-        }
-        else {
-            if (hostDrawerConfig) {
-                const isDrawerGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
                     drawerConfig: hostDrawerConfig,
                     unauthenticatedComponentPath,
                     drawerDirPath: hostDirPath,
                 });
-                return isDrawerGenerated;
             }
-            else
-                return false;
+            else {
+                if (hostDrawerConfig) {
+                    await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
+                        drawerConfig: hostDrawerConfig,
+                        unauthenticatedComponentPath,
+                        drawerDirPath: hostDirPath,
+                    });
+                }
+            }
         }
     }
-    else
-        return false;
+    catch (error) {
+        console.log('Error generating drawer navigation', error);
+    }
 }, _GenerateMobileNavigations_generateBottomTabNavigationsFile = async function _GenerateMobileNavigations_generateBottomTabNavigationsFile({ bottomTabConfig, unauthenticatedComponentPath, bottomDirPath, mixLayout = null, }) {
     let moduleNumber = 0;
     let importStatements = '';
@@ -719,7 +958,8 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     let customUnauthenticatedComponentNames = '';
     const regex = /\.(tsx|ts|jsx|js)$/i;
     importStatements += `import * as React from 'react';\n`;
-    importStatements += `import {AuthWrapper} from '@admin-layout/gluestack-ui-mobile';\n`;
+    importStatements += `import AuthWrapper from '@admin-layout/gluestack-ui-mobile/lib/components/AuthWrapper.js';\n`;
+    importStatements += `import DynamicIcons from '@app/selectiveIcons';\n`;
     if (unauthenticatedComponentPath)
         importStatements += `import UnauthenticatedComponent from '${unauthenticatedComponentPath}';\n`;
     for (const pkgRouteConfig of bottomTabConfig) {
@@ -745,10 +985,12 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             customUnauthenticatedComponentName = `UnauthenticatedComponent${moduleNumber}`;
             customUnauthenticatedComponentNames += `${customUnauthenticatedComponentName},`;
         }
-        const options = JSON.stringify({
-            ...pkgRouteConfig?.props?.options,
-            headerShown: mixLayout ? false : pkgRouteConfig?.props?.options?.headerShown,
-        } || { headerShown: mixLayout ? false : true });
+        const options = JSON.stringify(pkgRouteConfig?.props?.options
+            ? {
+                ...pkgRouteConfig.props.options,
+                headerShown: mixLayout ? false : pkgRouteConfig.props.options.headerShown,
+            }
+            : { headerShown: mixLayout ? false : true });
         importStatements += `import Component${moduleNumber} from '${pkgRouteConfig.componentPath}';\n`;
         moduleContent += `<Tab.Screen
           key="${pkgRouteConfig.key}"
@@ -756,17 +998,40 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
           //component={Component${moduleNumber}}
           initialParams={${JSON.stringify(pkgRouteConfig?.props?.initialParams || {})}}
           options={{...${options},...{${pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
-            ? `tabBarIcon: ({ color }: { color: any }) => <${pkgRouteConfig?.icon?.name} name="${pkgRouteConfig?.icon?.props?.name ?? 'home'}" size={${pkgRouteConfig?.icon?.props?.size ?? 24}} color={${pkgRouteConfig?.icon?.props?.color ?? 'color'}} />`
+            ? `tabBarIcon: ({ color }) => { 
+                    const focused = color === '${pkgRouteConfig?.props?.options?.tabBarActiveTintColor}' ? true : false;
+                     const SelectedIcon = DynamicIcons('${pkgRouteConfig?.icon?.name}');
+                     return (<SelectedIcon 
+                     {...{
+                        ...${JSON.stringify({ ...(pkgRouteConfig?.icon?.props || {}) })},
+                        ...{
+                          color:focused ? ${JSON.stringify(pkgRouteConfig?.icon?.props?.color ??
+                pkgRouteConfig?.props?.options?.tabBarActiveTintColor) ?? 'black'}
+                                        :${JSON.stringify(pkgRouteConfig?.props?.options?.tabBarInactiveTintColor) ??
+                'grey'},
+                          stroke:focused ? ${JSON.stringify(pkgRouteConfig?.icon?.props?.color ??
+                pkgRouteConfig?.props?.options?.tabBarActiveTintColor) ?? 'black'}
+                                        :${JSON.stringify(pkgRouteConfig?.props?.options?.tabBarInactiveTintColor) ??
+                'grey'}
+                        }
+                     }}
+                     
+                     />)}`
             : ''}
            ${pkgRouteConfig?.customHeader &&
             Object.keys(pkgRouteConfig.customHeader)?.length &&
             customHeaderComponentPath
-            ? `,header: (props: any) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
+            ? `,header: (props) => <${customHeaderName} {...props} {...${JSON.stringify(pkgRouteConfig?.customHeader?.props ?? '')}}  />`
             : ''}
            }}}
-        >{(props:any) => <AuthWrapper 
+        >{(props) => <AuthWrapper 
                        auth={${pkgRouteConfig?.props?.initialParams?.auth ?? false}}
-                       component={<Component${moduleNumber} {...props}   />}
+                       authority={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                       extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                       component={<Component${moduleNumber} {...props}
+                           permissions={${JSON.stringify(pkgRouteConfig?.authority) ?? null}}
+                           extraPermissions={${JSON.stringify(pkgRouteConfig?.extraPermissions) ?? null}}
+                       />}
                        ${pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
             ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
             : unauthenticatedComponentPath
@@ -784,10 +1049,10 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                         />}
         </Tab.Screen>`;
     }
-    if (icons && icons?.length) {
-        const uniqueIcons = [...new Set(icons.split(','))].join(',');
-        importStatements += `import { ${uniqueIcons} } from '@expo/vector-icons';\n`;
-    }
+    // if (icons && icons?.length) {
+    //     const uniqueIcons = [...new Set(icons.split(','))].join(',');
+    //     importStatements += `import { ${uniqueIcons} } from '@expo/vector-icons';\n`;
+    // }
     if (customHeaderPaths && customHeaderPaths?.length) {
         const uniqueHeaderNames = [...new Set(customHeaderNames.split(','))]?.filter((str) => str?.length);
         const uniqueHeaderPaths = [...new Set(customHeaderPaths.split(','))]?.filter((str) => str?.length);
@@ -808,30 +1073,26 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             importStatements += `import ${impUnauthenticatedName} from '${unCompPath}';\n`;
         });
     }
-    moduleRender = `export default ({Tab,...rest}:any) => { return (<>${moduleContent}</>)}`;
+    moduleRender = `export default ({Tab,...rest}) => { return (<>${moduleContent}</>)}`;
     moduleNavigation = importStatements + '\n' + moduleRender;
     const bottomTabNavigator = moduleNavigation;
-    if (bottomTabNavigator) {
-        let bottomTabNavigation = bottomTabNavigator;
-        bottomTabNavigation = prettier.format(bottomTabNavigation, { parser: 'babel' });
-        const bottomDirName = path.dirname(bottomDirPath);
+    let bottomTabNavigation = bottomTabNavigator;
+    bottomTabNavigation = prettier.format(bottomTabNavigation, { parser: 'babel' });
+    const bottomDirName = path.dirname(bottomDirPath);
+    try {
         const isDirCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_makeDir).call(this, bottomDirName);
         if (isDirCreated) {
-            const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, bottomDirPath, bottomTabNavigation);
-            if (writeFileResponse)
-                return true;
-            else
-                return false;
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, bottomDirPath, bottomTabNavigation);
         }
-        else
-            return false;
     }
-    return false;
+    catch (error) {
+        console.log('Error generating bottom tab navigation file', error);
+    }
 }, _GenerateMobileNavigations_generateBottomTabNavigations = async function _GenerateMobileNavigations_generateBottomTabNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
     const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
     const bottomDirPath = path.join(appDirPath, `/${bottomFilePath}`);
     const hostBottomDirPath = path.join(appDirPath, `/${hostBottomFilePath}`);
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = layoutSettings?.layout ?? 'bottom';
     const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -871,46 +1132,44 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
             return -1;
         return a?.props?.options?.priority - b?.props?.options?.priority;
     }) ?? [];
-    if (layoutType == 'bottom' || layoutType == 'mixSide') {
-        if (bottomTabConfig) {
-            const drawerNavigation = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
-                bottomTabConfig: bottomTabConfig,
-                unauthenticatedComponentPath,
-                bottomDirPath: bottomDirPath,
-                mixLayout,
-            });
-            if (drawerNavigation)
+    try {
+        if (layoutType == 'bottom' || layoutType == 'mixSide') {
+            if (bottomTabConfig) {
                 await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
-                    bottomTabConfig: hostBottomTabConfig,
+                    bottomTabConfig: bottomTabConfig,
                     unauthenticatedComponentPath,
-                    bottomDirPath: hostBottomDirPath,
+                    bottomDirPath: bottomDirPath,
                     mixLayout,
                 });
-            return true;
-        }
-        else {
-            if (hostBottomTabConfig) {
-                const isHostGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
                     bottomTabConfig: hostBottomTabConfig,
                     unauthenticatedComponentPath,
                     bottomDirPath: hostBottomDirPath,
                     mixLayout,
                 });
-                return isHostGenerated;
             }
-            else
-                return false;
+            else {
+                if (hostBottomTabConfig) {
+                    await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
+                        bottomTabConfig: hostBottomTabConfig,
+                        unauthenticatedComponentPath,
+                        bottomDirPath: hostBottomDirPath,
+                        mixLayout,
+                    });
+                }
+            }
         }
     }
-    else
-        return false;
+    catch (error) {
+        console.log('Error generating bottom tab navigation', error);
+    }
 }, _GenerateMobileNavigations_generateBottomTabDrawerNavigations = async function _GenerateMobileNavigations_generateBottomTabDrawerNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
     const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
     const bottomDirPath = path.join(appDirPath, `/${bottomFilePath}`);
     const hostBottomDirPath = path.join(appDirPath, `/${hostBottomFilePath}`);
     const drawerDirPath = path.join(appDirPath, `/${drawerFilePath}`);
     const hostDirPath = path.join(appDirPath, `/${hostDrawerFilePath}`);
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = layoutSettings?.layout ?? 'bottom';
     const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -973,52 +1232,55 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
         return a?.props?.options?.priority - b?.props?.options?.priority;
     }) ?? [];
     if (bottomTabConfig) {
-        const drawerNavigation = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
-            bottomTabConfig: bottomTabConfig,
-            unauthenticatedComponentPath,
-            bottomDirPath: bottomDirPath,
-            mixLayout,
-        });
-        if (drawerNavigation)
+        try {
             await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
-                bottomTabConfig: hostBottomTabConfig,
+                bottomTabConfig: bottomTabConfig,
                 unauthenticatedComponentPath,
-                bottomDirPath: hostBottomDirPath,
+                bottomDirPath: bottomDirPath,
                 mixLayout,
             });
-        if (drawerConfig) {
-            const drawerNavigation = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
-                drawerConfig: drawerConfig,
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigationsFile).call(this, {
+                bottomTabConfig: hostBottomTabConfig,
                 unauthenticatedComponentPath,
-                drawerDirPath: drawerDirPath,
+                bottomDirPath: hostBottomDirPath,
+                mixLayout,
             });
-            if (drawerNavigation)
+            if (drawerConfig) {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
+                    drawerConfig: drawerConfig,
+                    unauthenticatedComponentPath,
+                    drawerDirPath: drawerDirPath,
+                });
                 await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigationsFile).call(this, {
                     drawerConfig: hostDrawerConfig,
                     unauthenticatedComponentPath,
                     drawerDirPath: hostDirPath,
                 });
-            return true;
+            }
+        }
+        catch (error) {
+            console.log('Error in generating drawer bottom tab navigation', error);
         }
-        else
-            return true;
     }
-    else
-        return false;
 }, _GenerateMobileNavigations_generateAppNavigationFile = async function _GenerateMobileNavigations_generateAppNavigationFile({ appDirPath, customTabBarPath, customDrawerPath, customHeaderPath }) {
     const navigationDirPath = path.join(appDirPath, `/${appNavigationFileName}`);
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = layoutSettings?.layout || 'bottom';
     const layoutRouteConfig = layoutConfigFileData[layoutType];
     const layoutRouteKey = Object.keys(layoutRouteConfig)[1];
     const appLayout = layoutRouteConfig[layoutRouteKey];
-    const initialRouteName = layoutType === 'mixSide'
-        ? appLayout?.[appLayout?.key]?.props?.initialRouteName ?? 'MainStack.Layout.Home'
-        : appLayout?.props?.initialRouteName || 'MainStack.Home';
+    const initialRouteNameRootStack = __classPrivateFieldGet(this, _GenerateMobileNavigations_initialRouteNameRootStack, "f");
+    const layoutInitialRouteName = __classPrivateFieldGet(this, _GenerateMobileNavigations_initialRouteName, "f");
+    const initialRouteName = layoutInitialRouteName
+        ? layoutInitialRouteName
+        : layoutType === 'mixSide'
+            ? appLayout?.[appLayout?.key]?.props?.initialRouteName ?? 'MainStack.Layout.Home'
+            : appLayout?.props?.initialRouteName || 'MainStack.Home';
     const isShowTabs = layoutType === 'mixSide' || layoutType === 'bottom' ? true : false;
     const isShowDefalutHeader = layoutType === 'mixSide' ? true : false;
     const defaultHeaderProps = {
+        ...(layoutSettings || {}),
         showToggle: layoutSettings?.topLeftToggle || false,
         right: layoutSettings?.topRightSettingToggle || false,
     };
@@ -1052,8 +1314,8 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
          const Drawer = createDrawerNavigator();
       `;
         rootComponent += `
-             const RootComponent = (props:any) => { 
-                const settings = useSelector((state: any) => state.settings);
+             const RootComponent = (props) => { 
+                const settings = useSelector((state) => state.settings);
                 const defaultHeaderProps = ${JSON.stringify(defaultHeaderProps || {})};
                  return (
                        <Drawer.Navigator
@@ -1061,13 +1323,15 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                        //screenOptions={${JSON.stringify(screenOptions)}}
                        screenOptions={({ route }) => ({ ...${JSON.stringify(screenOptions)} ,...{
                          ${customHeaderPath
-            ? `header: (props:any) => {
+            ? `header: (props) => {
                           const title = getHeaderTitle(props.options, props.route.name);
                           return <CustomHeader  {...defaultHeaderProps} {...props} title={title} style={props.options.headerStyle} />;
                         }`
             : ''}
                          }})}
-                       ${customDrawerPath ? 'drawerContent={(props:any) => <CustomDrawerContent {...props} />}' : ''}
+                       ${customDrawerPath
+            ? 'drawerContent={(props) => <CustomDrawerContent {...props} {...defaultHeaderProps || {}} />}'
+            : ''}
                        >
                       {settings?.layout == 'host-bottom' ? hostDrawerNavigations({ Drawer }) : drawerNavigations({ Drawer })}
                      </Drawer.Navigator>
@@ -1091,23 +1355,23 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
              const Tab = createBottomTabNavigator();
          `;
         rootComponent += `
-                const RootComponent = (props:any) => { 
-                    const settings = useSelector((state: any) => state.settings);
+                const RootComponent = (props) => { 
+                    const settings = useSelector((state) => state.settings);
                      const initialRouteName = ${JSON.stringify(initialRouteName)};
                      let defaultScreenOptions = ${JSON.stringify(screenOptionsTab)};
                      const defaultHeaderProps = ${JSON.stringify(defaultHeaderProps || {})};
-                     const defaultHeader = {${isShowDefalutHeader ? `header:(props:any)=><Header {...defaultHeaderProps} {...props} />` : ''}};
+                     const defaultHeader = {${isShowDefalutHeader ? `header:(props)=><Header {...defaultHeaderProps} {...props} />` : ''}};
                     return (
                      <Tab.Navigator 
                        initialRouteName={initialRouteName}
-                       screenOptions={(props:any)=>({...props,...defaultScreenOptions,...{${customHeaderPath
-            ? `header: (props:any) => {
+                       screenOptions={(props)=>({...props,...defaultScreenOptions,...{${customHeaderPath
+            ? `header: (props) => {
                           const title = getHeaderTitle(props.options, props.route.name);
                           return <CustomHeader  {...defaultHeaderProps} {...props} title={title} style={props.options.headerStyle} />;
                         }`
             : ''}}})}
                        ${customTabBarPath
-            ? 'tabBar={(props:any) => <CustomTabBar key={props?.key??"customTabBarKey"}  {...props} />}'
+            ? 'tabBar={(props) => <CustomTabBar key={props?.key??"customTabBarKey"}  {...props} />}'
             : ''}
                      >
                       {settings?.layout == 'host-bottom' ? hostBottomNavigations({ Tab }) : bottomNavigations({Tab})}
@@ -1140,30 +1404,30 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
        `;
         rootComponent += `
                  const TabNavigator = () => {
-                   const settings = useSelector((state: any) => state.settings);
+                   const settings = useSelector((state) => state.settings);
                    const initialRouteName = ${JSON.stringify(initialRouteName)};
                    let defaultScreenOptions = ${JSON.stringify(screenOptionsTab)};
                    const defaultHeaderProps = ${JSON.stringify(defaultHeaderProps || {})};
-                   const defaultHeader = {${isShowDefalutHeader ? `header:(props:any)=><Header {...defaultHeaderProps} {...props} />` : ''}};
+                   const defaultHeader = {${isShowDefalutHeader ? `header:(props)=><Header {...defaultHeaderProps} {...props} />` : ''}};
                
                  return (
                  <Tab.Navigator 
                        initialRouteName={initialRouteName}
-                       screenOptions={(props:any)=>({...props,...defaultScreenOptions,...{headerShown: false,header:()=>null},})}
+                       screenOptions={(props)=>({...props,...defaultScreenOptions,...{headerShown: false,header:()=>null},})}
                        ${customTabBarPath
-            ? 'tabBar={(props:any) => <CustomTabBar key={props?.key??"customTabBarKey"}  {...props} />}'
+            ? 'tabBar={(props) => <CustomTabBar key={props?.key??"customTabBarKey"}  {...props} />}'
             : ''}
                      >
                      {settings?.layout == 'host-bottom' ? hostBottomNavigations({ Tab }) : bottomNavigations({Tab})}
                      </Tab.Navigator>
                  )
                }
-              const RootComponent = (props:any) => { 
+              const RootComponent = (props) => { 
                     const initialRouteName = ${JSON.stringify(initialRouteName)};
-                     const settings = useSelector((state: any) => state.settings);
+                     const settings = useSelector((state) => state.settings);
                    let defaultScreenOptions = ${JSON.stringify(screenOptionsTab)};
                    const defaultHeaderProps = ${JSON.stringify(defaultHeaderProps || {})};
-                   const defaultHeader = {${isShowDefalutHeader ? `header:(props:any)=><Header {...defaultHeaderProps} {...props} />` : ''}};
+                   const defaultHeader = {${isShowDefalutHeader ? `header:(props)=><Header {...defaultHeaderProps} {...props} />` : ''}};
                   return (
                     <Drawer.Navigator
                        initialRouteName={${JSON.stringify(initialRouteName)}}
@@ -1174,7 +1438,7 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                          : navigationRef?.getCurrentRoute()?.route?.name 
                          : "Home",
                          ${customHeaderPath
-            ? `header: (props:any) => {
+            ? `header: (props) => {
                           const title = getHeaderTitle(props.options, props.route.name);
                           return <CustomHeader  {...defaultHeaderProps} {...props} title={title} isMixedLayout={true} style={props.options.headerStyle} />;
                         }`
@@ -1182,10 +1446,10 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
                          
                          }})}
                          ${customDrawerPath
-            ? 'drawerContent={((props:any)) => <CustomDrawerContent {...props} showDefaultRoutes={true} />}'
+            ? 'drawerContent={((props)) => <CustomDrawerContent {...props} showDefaultRoutes={true} />}'
             : ''}
                        >
-                         <Drawer.Screen name="Layout" options={{title:"Home", drawerIcon: ({ color, size }: { color: any, size: any }) => (
+                         <Drawer.Screen name="Layout" options={{title:"Home", drawerIcon: ({ color, size }) => (
                           <MaterialIcons name="home" size={24} color={color} />
                         ),}}
                         component={TabNavigator} />
@@ -1198,7 +1462,7 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     appComponent += `
          const AppNavigations = () => {
              return (
-                 <Stack.Navigator initialRouteName="${initialRouteName}">
+                 <Stack.Navigator initialRouteName="${initialRouteNameRootStack}">
                      <Stack.Screen
                          name="MainStack"
                          options={{ headerShown: false }}
@@ -1213,11 +1477,108 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
      `;
     appNavigation = importStatements + '\n' + rootComponent + '\n' + appComponent;
     appNavigation = prettier.format(appNavigation, { parser: 'babel' });
-    const writeFileResponse = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, navigationDirPath, appNavigation);
-    if (writeFileResponse)
-        return true;
-    else
-        return false;
+    try {
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_writeFile).call(this, navigationDirPath, appNavigation);
+    }
+    catch (error) {
+        console.log('Error in generating app navigationfile', error);
+    }
+}, _GenerateMobileNavigations_generateSelectiveIconsFile = async function _GenerateMobileNavigations_generateSelectiveIconsFile({ appDirPath, modules }) {
+    const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
+    const modulesRouteConfig = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getModulesRouteConfig).call(this, { modules: modules });
+    const mainRouteConfig = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_readJsonFile).call(this, mainRoutes);
+    const allRoutes = [...[mainRouteConfig ?? []], ...(modulesRouteConfig ?? [])];
+    let iconNames = [];
+    allRoutes?.flat(1)?.forEach((route) => {
+        const key = Object.keys(route)[0];
+        const value = route[key];
+        if (value?.icon && typeof value.icon === 'object') {
+            if (typeof value.icon.name === 'string') {
+                if (!iconNames.includes(value.icon.name))
+                    iconNames.push(value.icon.name);
+            }
+        }
+        else if (value?.icon && typeof value.icon === 'string') {
+            if (!iconNames.includes(value.icon))
+                iconNames.push(value.icon);
+        }
+        if (value?.extraIcons && Array.isArray(value.extraIcons) && value?.extraIcons?.length > 0) {
+            value?.extraIcons?.map((icon) => {
+                if (typeof icon === 'string') {
+                    if (!iconNames.includes(icon))
+                        iconNames.push(icon);
+                }
+                else {
+                    console.warn(`Invalid icon type: ${typeof icon}`);
+                }
+            });
+        }
+        else if (value?.extraIcons && typeof value.extraIcons === 'string') {
+            if (!iconNames.includes(value.extraIcons))
+                iconNames.push(value.extraIcons);
+        }
+    });
+    const iconsRepository = __classPrivateFieldGet(this, _GenerateMobileNavigations_iconsRepository, "f");
+    const expoIcons = [
+        'AntDesign',
+        'Entypo',
+        'EvilIcons',
+        'Feather',
+        'FontAwesome',
+        'FontAwesome5',
+        'Fontisto',
+        'Foundation',
+        'Ionicons',
+        'MaterialCommunityIcons',
+        'MaterialIcons',
+        'Octicons',
+        'SimpleLineIcons',
+        'Zocial',
+    ];
+    let content = `
+        function __variableDynamicIcon(icon) {
+        switch (icon) {
+      `;
+    iconNames.forEach((name) => {
+        let prefix, iconName;
+        if (name.includes('.')) {
+            [prefix, iconName] = name.split('.');
+        }
+        if (prefix && iconsRepository[prefix]) {
+            const importPath = iconsRepository[prefix].replace('{iconName}', prefix === 'expo' ? iconName : iconName + '.native');
+            // prefix = prefix.charAt(0).toUpperCase() + prefix.slice(1).toLowerCase();
+            content += `
+                    case '${prefix + '.' + iconName}':
+                        return require('${importPath}')?.default;
+                    `;
+        }
+        else {
+            content += `
+                    case '${name}':
+                        return ${expoIcons.includes(name)
+                ? `require('@expo/vector-icons/${name}.js')?.default`
+                : `require('@expo/vector-icons/FontAwesome.js')?.default;`};
+                    `;
+        }
+    });
+    content += `
+        default:
+          console.warn('Sorry, the icon named "', icon, '" could not be found in "@react-icon/all-files" and "@app/icons". Please check again.');
+          return require('@expo/vector-icons/FontAwesome.js')?.default;
+        }
+        }
+        export default function(icon) {
+        return __variableDynamicIcon(icon);
+        }
+      `;
+    const rootPath = process.cwd();
+    const fileName = `selectiveIcons.js`;
+    const newFilePath = path.join(rootPath, 'app', fileName);
+    // Ensure the directory exists
+    if (!fs.existsSync(path.dirname(newFilePath))) {
+        fs.mkdirSync(path.dirname(newFilePath), { recursive: true });
+    }
+    fs.writeFileSync(newFilePath, content, 'utf8');
 }, _GenerateMobileNavigations_setLayoutAndGenerateNavigation = async function _GenerateMobileNavigations_setLayoutAndGenerateNavigation() {
     const appDirPath = __classPrivateFieldGet(this, _GenerateMobileNavigations_appDirPath, "f");
     const modules = __classPrivateFieldGet(this, _GenerateMobileNavigations_modules, "f");
@@ -1226,98 +1587,147 @@ _GenerateMobileNavigations_layoutSettings = new WeakMap(), _GenerateMobileNaviga
     const customTabBarPath = __classPrivateFieldGet(this, _GenerateMobileNavigations_customTabBarPath, "f");
     const customDrawerPath = __classPrivateFieldGet(this, _GenerateMobileNavigations_customDrawerPath, "f");
     const customHeaderPath = __classPrivateFieldGet(this, _GenerateMobileNavigations_customHeaderPath, "f");
-    const layoutSettings = __classPrivateFieldGet(this, _GenerateMobileNavigations_layoutSettings, "f");
+    const i18Options = __classPrivateFieldGet(this, _GenerateMobileNavigations_i18Options, "f");
+    const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
     const layoutConfigFileData = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_getLayoutConfig).call(this);
     const layoutType = layoutSettings?.layout || 'bottom';
-    const isAppRoutesGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppRoutesJson).call(this, { appDirPath });
-    if (isAppRoutesGenerated) {
-        const isModuleTsFileGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateModulesTsFile).call(this, {
+    try {
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppRoutesJson).call(this);
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateSelectiveIconsFile).call(this, { appDirPath, modules });
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateMainRoutes).call(this, {
+            appDirPath,
+            i18Options,
+            initialRouteName,
+        });
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateApp).call(this, {
+            appDirPath,
+            i18Options,
+            initialRouteName,
+        });
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateStackNavigations).call(this, {
             appDirPath,
             modules,
             initialRouteName,
+            unauthenticatedComponentPath,
         });
-        if (isModuleTsFileGenerated) {
-            const isStackCreated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateStackNavigations).call(this, {
-                appDirPath,
-                modules,
-                initialRouteName,
-                unauthenticatedComponentPath,
-            });
-            if (isStackCreated) {
-                if (layoutType == 'side') {
-                    const isDrawerGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigations).call(this, {
-                        appDirPath,
-                        modules,
-                        initialRouteName,
-                        unauthenticatedComponentPath,
-                    });
-                    if (isDrawerGenerated) {
-                        const appNavigationGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
-                            appDirPath,
-                            customTabBarPath,
-                            customDrawerPath,
-                            customHeaderPath,
-                        });
-                        if (appNavigationGenerated)
-                            return appNavigationGenerated;
-                        else
-                            return true;
-                    }
-                    else
-                        return false;
-                }
-                else if (layoutType == 'bottom' || layoutType == 'host-bottom') {
-                    const isBottomTabGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigations).call(this, {
-                        appDirPath,
-                        modules,
-                        initialRouteName,
-                        unauthenticatedComponentPath,
-                    });
-                    if (isBottomTabGenerated) {
-                        const appNavigationGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
-                            appDirPath,
-                            customTabBarPath,
-                            customDrawerPath,
-                            customHeaderPath,
-                        });
-                        if (appNavigationGenerated)
-                            return appNavigationGenerated;
-                        else
-                            return true;
-                    }
-                    else
-                        return false;
-                }
-                else {
-                    const isBottomTabDrawerGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabDrawerNavigations).call(this, {
-                        appDirPath,
-                        modules,
-                        initialRouteName,
-                        unauthenticatedComponentPath,
-                    });
-                    if (isBottomTabDrawerGenerated) {
-                        const appNavigationGenerated = await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
-                            appDirPath,
-                            customTabBarPath,
-                            customDrawerPath,
-                            customHeaderPath,
-                        });
-                        if (appNavigationGenerated)
-                            return appNavigationGenerated;
-                        else
-                            return true;
-                    }
-                    else
-                        return false;
-                }
+        if (layoutType == 'side') {
+            try {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateDrawerNavigations).call(this, {
+                    appDirPath,
+                    modules,
+                    initialRouteName,
+                    unauthenticatedComponentPath,
+                });
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
+                    appDirPath,
+                    customTabBarPath,
+                    customDrawerPath,
+                    customHeaderPath,
+                });
+            }
+            catch (error) {
+                console.log('Error in generating side navigation', error);
+            }
+        }
+        else if (layoutType == 'bottom' || layoutType == 'host-bottom') {
+            try {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabNavigations).call(this, {
+                    appDirPath,
+                    modules,
+                    initialRouteName,
+                    unauthenticatedComponentPath,
+                });
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
+                    appDirPath,
+                    customTabBarPath,
+                    customDrawerPath,
+                    customHeaderPath,
+                });
+            }
+            catch (error) {
+                console.log('Error in generating bottom navigation', error);
+            }
+        }
+        else {
+            try {
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateBottomTabDrawerNavigations).call(this, {
+                    appDirPath,
+                    modules,
+                    initialRouteName,
+                    unauthenticatedComponentPath,
+                });
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_generateAppNavigationFile).call(this, {
+                    appDirPath,
+                    customTabBarPath,
+                    customDrawerPath,
+                    customHeaderPath,
+                });
+            }
+            catch (error) {
+                console.log('Error in generating drawer bottom navigation', error);
             }
-            else
-                return false;
         }
-        else
-            return false;
     }
-    else
-        return false;
+    catch (error) {
+        console.log('Error generating app navigations', error);
+    }
+}, _GenerateMobileNavigations_performCopyOperations = async function _GenerateMobileNavigations_performCopyOperations() {
+    const config = __classPrivateFieldGet(this, _GenerateMobileNavigations_configFileData, "f");
+    try {
+        await performCopyOperations(config);
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_setLayoutAndGenerateNavigation).call(this);
+    }
+    catch (error) {
+        console.error('PerformCopyOperations error:', error);
+    }
+}, _GenerateMobileNavigations_deleteDirectoryRecursive = async function _GenerateMobileNavigations_deleteDirectoryRecursive(dirPath) {
+    if (fs.existsSync(dirPath)) {
+        const files = fs.readdirSync(dirPath);
+        for (const file of files) {
+            const curPath = path.join(dirPath, file);
+            if (fs.lstatSync(curPath).isDirectory()) {
+                // Recursively delete subdirectories
+                await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_deleteDirectoryRecursive).call(this, curPath);
+            }
+            else {
+                // Delete files
+                fs.unlinkSync(curPath);
+            }
+        }
+        // Delete the directory itself
+        fs.rmdirSync(dirPath);
+    }
+}, _GenerateMobileNavigations_createAppDirectory = async function _GenerateMobileNavigations_createAppDirectory() {
+    const appDir = __classPrivateFieldGet(this, _GenerateMobileNavigations_appDirPath, "f");
+    try {
+        // Check if the directory exists
+        if (fs.existsSync(appDir)) {
+            console.log('Directory exists. Recreating it...');
+            // Delete the directory and its contents
+            await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_deleteDirectoryRecursive).call(this, appDir);
+        }
+        // Create the directory
+        fs.mkdirSync(appDir);
+        console.log('Directory created');
+        // Add 'app' to .gitignore if not already present
+        const gitignorePath = path.resolve(appDir, '.gitignore');
+        let gitignoreContent = '';
+        if (fs.existsSync(gitignorePath)) {
+            gitignoreContent = fs.readFileSync(gitignorePath, 'utf8');
+        }
+        else {
+            fs.writeFileSync(gitignorePath, '');
+            console.log('Created .gitignore file');
+        }
+        if (!gitignoreContent.includes('*')) {
+            fs.appendFileSync(gitignorePath, '*\n');
+            console.log('Added "*" to .gitignore');
+        }
+        await __classPrivateFieldGet(this, _GenerateMobileNavigations_instances, "m", _GenerateMobileNavigations_performCopyOperations).call(this);
+    }
+    catch (error) {
+        console.error('Error creating app directory:', error);
+    }
 };
+export default GenerateMobileNavigations;
 //# sourceMappingURL=generateMobileNavigations.js.map