react-native-inapp-inspector 2.3.20 → 2.3.22

package/dist/commonjs/components/Inspector/AboutModal.js

@@ -1,11 +1,11 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,r,a)}):(function(o,e,t,r){r===void 0&&(r=t),o[r]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(t){var r=[];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[r.length]=a);return r},o(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=o(e),a=0;a<r.length;a++)r[a]!=="default"&&__createBinding(t,e,r[a]);return __setModuleDefault(t,e),t}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),version_1=require("../../constants/version"),helpers_1=require("../../helpers"),settingsStore_1=require("../../helpers/settingsStore"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:o})=>{const{updateAvailable:e,latestNpmVersion:t}=(0,InspectorContext_1.useInspector)(),[r,a]=(0,react_1.useState)(!1),s=()=>{const n=react_native_1.Dimensions.get("window"),l=react_native_1.Dimensions.get("screen"),i=react_native_1.Platform.constants?.reactNativeVersion,c={package:{name:"react-native-inapp-inspector",version:`v${version_1.LIB_VERSION}`,latestNpmVersion:t?`v${t}`:"Checking...",license:"MIT",repository:"https://github.com/vengatmacuser/react-native-inapp-inspector"},hostApp:{name:(0,helpers_1.getAppName)(),bundleId:(0,helpers_1.getBundleIdentifier)(),versionAndBuild:(0,helpers_1.getAppVersionAndBuild)().formatted,buildVariant:__DEV__?"Development (Debug)":"Production (Release)",metroConnected:(0,helpers_1.isLocalDebugEnvironment)()},runtime:{reactNativeVersion:i?`${i.major}.${i.minor}.${i.patch}`:"0.74+",reactVersion:react_1.default.version,jsEngine:global?.HermesInternal?"Hermes":"JavaScriptCore (JSC)",architecture:global?.nativeFabricUIManager?"Fabric (New Architecture)":"Paper (Legacy Bridge)",turboModules:!!(global?.__turboModuleProxy||global?.TurboModuleRegistry)},device:{platform:react_native_1.Platform.OS,osVersion:react_native_1.Platform.Version,deviceModel:react_native_1.Platform.constants?.Model||"Unknown Device",windowDimensions:`${Math.round(n.width)}x${Math.round(n.height)} pt`,screenDimensions:`${Math.round(l.width)}x${Math.round(l.height)} pt`,pixelRatio:react_native_1.PixelRatio.get(),fontScale:react_native_1.PixelRatio.getFontScale(),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone||"Unknown",locale:Intl.DateTimeFormat().resolvedOptions().locale||"en"},storageAndCapabilities:{storageEngine:(0,settingsStore_1.isPersistentStorageAvailable)()?"MMKV (Fast Native Storage)":"In-Memory State",hasNativeModule:!!(global?.NativeInspectorModule||global?.__IN_APP_INSPECTOR_NATIVE__),reduxConnected:(0,reduxLogger_1.isReduxConnected)(),analyticsConnected:(0,analyticsLogger_1.isAnalyticsConnected)()}};(0,helpers_1.copyToClipboard)(JSON.stringify(c,null,2),"Diagnostic Specifications"),a(!0),(0,helpers_1.showToast)("Copied full diagnostic specs to clipboard!"),setTimeout(()=>a(!1),2e3)};return<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),version_1=require("../../constants/version"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:r}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
       <react_native_1.ScrollView style={styles.scrollView}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={styles.heroCard}>
           <react_native_1.View style={styles.heroHeaderRow}>
             <react_native_1.View style={styles.heroBrandRow}>
               <react_native_1.View style={styles.heroIconBox}>
-                <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple}size={22}/>
+                <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={24}/>
               </react_native_1.View>
               <react_native_1.View style={{flex:1}}>
                 <react_native_1.View style={styles.heroTitleRow}>
@@ -13,11 +13,11 @@
                   <react_native_1.View style={styles.versionBadge}>
                     <react_native_1.Text style={styles.versionBadgeText}>v{version_1.LIB_VERSION}</react_native_1.Text>
                   </react_native_1.View>
-                  {e?<react_native_1.View style={styles.updateBadge}>
+                  {t?<react_native_1.View style={styles.updateBadge}>
                       <react_native_1.Text style={styles.updateBadgeText}>
-                        v{t} Available
+                        v{r} Available
                       </react_native_1.Text>
-                      <NetworkIcons_1.BoltIcon size={9}color="#D97706"/>
+                      <NetworkIcons_1.BoltIcon size={9}color={AppColors_1.AppColors.amber600}/>
                     </react_native_1.View>:<react_native_1.View style={styles.upToDateBadge}>
                       <react_native_1.Text style={styles.upToDateBadgeText}>Up to date</react_native_1.Text>
                     </react_native_1.View>}
@@ -30,141 +30,55 @@
           </react_native_1.View>
 
           <react_native_1.Text style={styles.heroDescription}>
-            High-performance in-app debugging, network logging, console
-            inspection, performance profiling, storage viewer & telemetry
-            diagnostics for React Native.
+            The all-in-one on-device debugging, logging, and QA companion for
+            React Native & Expo applications. Designed for developers, QA
+            testers, and product teams.
           </react_native_1.Text>
 
-          {e&&<TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),(0,helpers_1.showToast)("Copied npm upgrade command!")}}style={styles.upgradeBtn}>
+          {t&&<TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),(0,helpers_1.showToast)("Copied npm upgrade command!")}}style={styles.upgradeBtn}>
               <NetworkIcons_1.BoltIcon size={12}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={styles.upgradeBtnText}>
-                Copy Upgrade Command (v{t})
+                Copy Upgrade Command (v{r})
               </react_native_1.Text>
             </TouchableScale_1.default>}
         </react_native_1.View>
 
         
-        <react_native_1.View style={styles.gridContainer}>
-          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector").catch(()=>{})}}style={[styles.gridCard,{backgroundColor:`${AppColors_1.AppColors.purple}0F`,borderColor:`${AppColors_1.AppColors.purple}30`}]}>
-            <NetworkIcons_1.GitHubIcon color={AppColors_1.AppColors.purple}size={18}/>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>⭐ Star on GitHub</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Support open source</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-
-          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={styles.gridCard}>
-            <NetworkIcons_1.NpmIcon color="#CB3837"size={18}/>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>NPM Registry</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Package repository</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-
-          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector#readme").catch(()=>{})}}style={styles.gridCard}>
-            <react_native_1.Text style={{fontSize:16}}>📖</react_native_1.Text>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Documentation</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Setup & API guide</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-
-          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/issues").catch(()=>{})}}style={styles.gridCard}>
-            <react_native_1.Text style={{fontSize:16}}>🐞</react_native_1.Text>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Report Issue</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Bugs & feature requests</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-
-          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/releases").catch(()=>{})}}style={styles.gridCard}>
-            <react_native_1.Text style={{fontSize:16}}>🏷️</react_native_1.Text>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Release Notes</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Version changelog</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-
-          <TouchableScale_1.default onPress={s}style={styles.gridCard}>
-            {r?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.emerald600}size={16}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple}size={16}/>}
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>
-                {r?"Specs Copied!":"Copy Specs JSON"}
-              </react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Diagnostics payload</react_native_1.Text>
-            </react_native_1.View>
-          </TouchableScale_1.default>
-        </react_native_1.View>
-
-        
-        <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>PACKAGE VERSION & UPGRADES</react_native_1.Text>
-
-          <react_native_1.View style={styles.versionRow}>
-            <react_native_1.View style={styles.versionLeft}>
-              <react_native_1.View style={styles.npmIconBox}>
-                <NetworkIcons_1.NpmIcon color="#CB3837"size={17}/>
-              </react_native_1.View>
-              <react_native_1.View style={{flex:1}}>
-                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                  <react_native_1.Text style={styles.versionTitle}>v{version_1.LIB_VERSION}</react_native_1.Text>
-                  {e?<react_native_1.View style={styles.updateBadge}>
-                      <react_native_1.Text style={styles.updateBadgeText}>
-                        v{t} Available
-                      </react_native_1.Text>
-                      <NetworkIcons_1.BoltIcon size={9}color="#D97706"/>
-                    </react_native_1.View>:<react_native_1.View style={styles.upToDateBadge}>
-                      <react_native_1.Text style={styles.upToDateBadgeText}>Up to date</react_native_1.Text>
-                    </react_native_1.View>}
-                </react_native_1.View>
-                <react_native_1.Text style={styles.versionSubtitle}>
-                  {e?`A newer release (v${t}) is available on npm registry.`:"You are running the latest version from npm registry."}
-                </react_native_1.Text>
-              </react_native_1.View>
-            </react_native_1.View>
-
-            <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),(0,helpers_1.showToast)("Copied npm install command!")}}style={[styles.copyActionBtn,{backgroundColor:e?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}18`}]}>
-              <NetworkIcons_1.CopyIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>
-              <react_native_1.Text style={[styles.copyActionText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}]}>
-                {e?"Copy Upgrade":"Copy Install"}
-              </react_native_1.Text>
-            </TouchableScale_1.default>
-          </react_native_1.View>
-        </react_native_1.View>
-
-        
         <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>HOST APPLICATION & BUILD</react_native_1.Text>
+          <react_native_1.Text style={styles.sectionHeader}>APP INFORMATION</react_native_1.Text>
 
           <react_native_1.View style={{gap:8}}>
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Application Name</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>App Name</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueBold}>{(0,helpers_1.getAppName)()}</react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Bundle ID / Package</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>Package Identifier</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueRegular}>{(0,helpers_1.getBundleIdentifier)()}</react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Version & Build Number</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>{(0,helpers_1.getAppVersionAndBuild)().formatted}</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>App Version</react_native_1.Text>
+              <react_native_1.Text style={styles.rowValueBold}>
+                {(0,helpers_1.getAppVersionAndBuild)().formatted}
+              </react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Build Variant</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>Environment</react_native_1.Text>
               <react_native_1.View style={[styles.statusTag,{backgroundColor:__DEV__?`${AppColors_1.AppColors.amber500}20`:`${AppColors_1.AppColors.emerald500}20`,borderColor:__DEV__?`${AppColors_1.AppColors.amber500}50`:`${AppColors_1.AppColors.emerald500}50`}]}>
-                <react_native_1.Text style={[styles.statusTagText,{color:__DEV__?AppColors_1.AppColors.amber500:AppColors_1.AppColors.emerald600}]}>
+                <react_native_1.Text style={[styles.statusTagText,{color:__DEV__?AppColors_1.AppColors.amber600:AppColors_1.AppColors.emerald600}]}>
                   {__DEV__?"Development (Debug)":"Production (Release)"}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Metro Bundler Connection</react_native_1.Text>
-              <react_native_1.Text style={[styles.rowValueBold,{color:(0,helpers_1.isLocalDebugEnvironment)()?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.grayText}]}>
-                {(0,helpers_1.isLocalDebugEnvironment)()?"Connected (Hot Reload Active)":"Offline / Standalone"}
+              <react_native_1.Text style={styles.rowLabel}>Platform</react_native_1.Text>
+              <react_native_1.Text style={styles.rowValueRegular}>
+                {react_native_1.Platform.OS==="ios"?"Apple iOS":"Google Android"}{" "}
+                (v{react_native_1.Platform.Version})
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
@@ -172,180 +86,158 @@
 
         
         <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>FRAMEWORK & RUNTIME ENGINE</react_native_1.Text>
-
-          <react_native_1.View style={{gap:8}}>
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>React Native Version</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                v
-                {react_native_1.Platform.constants?.reactNativeVersion?.major!=null?`${react_native_1.Platform.constants.reactNativeVersion.major}.${react_native_1.Platform.constants.reactNativeVersion.minor}.${react_native_1.Platform.constants.reactNativeVersion.patch}`:"0.74+"}
-              </react_native_1.Text>
-            </react_native_1.View>
+          <react_native_1.Text style={styles.sectionHeader}>WHAT IN-APP INSPECTOR DOES</react_native_1.Text>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>React Core Version</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>v{react_1.default.version}</react_native_1.Text>
-            </react_native_1.View>
-
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>JavaScript Engine</react_native_1.Text>
-              <react_native_1.View style={[styles.statusTag,{backgroundColor:`${AppColors_1.AppColors.purple}15`,borderColor:`${AppColors_1.AppColors.purple}40`}]}>
-                <react_native_1.Text style={[styles.statusTagText,{color:AppColors_1.AppColors.purple,fontSize:10.5}]}>
-                  {global?.HermesInternal?"Hermes Engine (Active)":"JavaScriptCore (JSC)"}
+          <react_native_1.View style={styles.featuresList}>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.brandPurple}15`}]}>
+                <NetworkIcons_1.WifiIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>Network Traffic Monitor</react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  Inspect HTTP and HTTPS API requests, responses, headers, and
+                  server latency with waterfall timing charts.
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Rendering Architecture</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {global?.nativeFabricUIManager?"Fabric (New Architecture)":"Paper (Legacy Bridge)"}
-              </react_native_1.Text>
-            </react_native_1.View>
-
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>TurboModules Support</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {global?.__turboModuleProxy||global?.TurboModuleRegistry?"Enabled (C++ JSI)":"Standard Bridge"}
-              </react_native_1.Text>
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>
-
-        
-        <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>DEVICE & DISPLAY METRICS</react_native_1.Text>
-
-          <react_native_1.View style={{gap:8}}>
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Operating System</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {react_native_1.Platform.OS==="ios"?"Apple iOS":react_native_1.Platform.OS==="android"?"Google Android":react_native_1.Platform.OS}{" "}
-                {react_native_1.Platform.Version}
-              </react_native_1.Text>
-            </react_native_1.View>
-
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Device Hardware Model</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {react_native_1.Platform.constants?.Model||(react_native_1.Platform.OS==="ios"?"Apple Device":"Android Device")}
-              </react_native_1.Text>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.blue500}15`}]}>
+                <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.blue500}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>Console Logger</react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  View real-time console logs, warnings, and errors with source
+                  file origins and formatted stack traces.
+                </react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Window Viewport (Points)</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {Math.round(react_native_1.Dimensions.get("window").width)} ×{" "}
-                {Math.round(react_native_1.Dimensions.get("window").height)} pt
-              </react_native_1.Text>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.firebaseOrange}15`}]}>
+                <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.firebaseOrange}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>Analytics Telemetry</react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  Track Firebase and custom analytics events, screen views, and
+                  user properties live on the device.
+                </react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Native Physical Resolution</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {Math.round(react_native_1.Dimensions.get("screen").width*react_native_1.PixelRatio.get())}{" "}
-                ×{" "}
-                {Math.round(react_native_1.Dimensions.get("screen").height*react_native_1.PixelRatio.get())}{" "}
-                px
-              </react_native_1.Text>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.violet600}15`}]}>
+                <NetworkIcons_1.DatabaseIcon color={AppColors_1.AppColors.violet600}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>Redux State & Actions</react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  Inspect dispatched actions, payloads, and state tree diffs
+                  without connecting desktop companion tools.
+                </react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Pixel Density & Font Scale</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {react_native_1.PixelRatio.get().toFixed(1)}x (
-                {react_native_1.PixelRatio.get()>=3?"@3x":react_native_1.PixelRatio.get()>=2?"@2x":"@1x"}
-                ) • Font: {react_native_1.PixelRatio.getFontScale().toFixed(2)}x
-              </react_native_1.Text>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.teal600}15`}]}>
+                <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.teal600}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>Screen & Video Capture</react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  Take screenshots and record test sessions to share with QA and
+                  engineering teams instantly.
+                </react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Timezone & Locale</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                {Intl.DateTimeFormat().resolvedOptions().timeZone||"System"}{" "}
-                ({Intl.DateTimeFormat().resolvedOptions().locale||"en"})
-              </react_native_1.Text>
+            <react_native_1.View style={styles.featureItem}>
+              <react_native_1.View style={[styles.featureIconBox,{backgroundColor:`${AppColors_1.AppColors.emerald600}15`}]}>
+                <NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.emerald600}size={18}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.featureTextBox}>
+                <react_native_1.Text style={styles.featureTitle}>
+                  Crash Catcher & Diagnostics
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.featureDesc}>
+                  Protects against native crashes and provides device health
+                  metrics including RAM, battery, and storage.
+                </react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
 
         
-        <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>INSPECTOR STORAGE & CAPABILITIES</react_native_1.Text>
-
-          <react_native_1.View style={{gap:8}}>
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Storage Persistence Engine</react_native_1.Text>
-              <react_native_1.View style={[styles.statusTag,{backgroundColor:(0,settingsStore_1.isPersistentStorageAvailable)()?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.amber500}18`,borderColor:(0,settingsStore_1.isPersistentStorageAvailable)()?`${AppColors_1.AppColors.emerald500}50`:`${AppColors_1.AppColors.amber500}50`}]}>
-                <react_native_1.Text style={[styles.statusTagText,{color:(0,settingsStore_1.isPersistentStorageAvailable)()?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.amber500}]}>
-                  {(0,settingsStore_1.isPersistentStorageAvailable)()?"MMKV Fast Native Storage":"In-Memory State"}
-                </react_native_1.Text>
+        <react_native_1.View style={styles.gridContainer}>
+          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector").catch(()=>{})}}style={[styles.gridCard,{backgroundColor:`${AppColors_1.AppColors.brandPurple}0F`,borderColor:`${AppColors_1.AppColors.brandPurple}30`}]}>
+            <NetworkIcons_1.GitHubIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                <NetworkIcons_1.StarIcon color={AppColors_1.AppColors.amber500}size={13}/>
+                <react_native_1.Text style={styles.gridCardTitle}>GitHub</react_native_1.Text>
               </react_native_1.View>
+              <react_native_1.Text style={styles.gridCardSub}>Star & source code</react_native_1.Text>
             </react_native_1.View>
+            <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Native Module Status</react_native_1.Text>
-              <react_native_1.Text style={[styles.rowValueBold,{color:global?.NativeInspectorModule?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.grayText}]}>
-                {global?.NativeInspectorModule?"Linked & Active":"JavaScript Only"}
-              </react_native_1.Text>
+          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={styles.gridCard}>
+            <NetworkIcons_1.NpmIcon color={AppColors_1.AppColors.npmRed}size={18}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={styles.gridCardTitle}>NPM Registry</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>Package updates</react_native_1.Text>
             </react_native_1.View>
+            <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Network Logger Interceptor</react_native_1.Text>
-              <react_native_1.Text style={[styles.rowValueBold,{color:AppColors_1.AppColors.emerald600}]}>
-                Active (XMLHttpRequest & Fetch Hooked)
-              </react_native_1.Text>
+          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector#readme").catch(()=>{})}}style={styles.gridCard}>
+            <NetworkIcons_1.BookOpenIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={styles.gridCardTitle}>Documentation</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>Integration guide</react_native_1.Text>
             </react_native_1.View>
+            <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Redux & Analytics Watchers</react_native_1.Text>
-              <react_native_1.Text style={styles.rowValueBold}>
-                Redux: {(0,reduxLogger_1.isReduxConnected)()?"Connected":"Listening"} •
-                Analytics: {(0,analyticsLogger_1.isAnalyticsConnected)()?"Connected":"Listening"}
-              </react_native_1.Text>
+          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/issues").catch(()=>{})}}style={styles.gridCard}>
+            <NetworkIcons_1.BugIcon color={AppColors_1.AppColors.errorColor}size={18}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={styles.gridCardTitle}>Report Issue</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>Help & support</react_native_1.Text>
             </react_native_1.View>
+            <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Crash & Exception Boundary</react_native_1.Text>
-              <react_native_1.Text style={[styles.rowValueBold,{color:AppColors_1.AppColors.emerald600}]}>
-                Global JS Exception Handler Active
-              </react_native_1.Text>
+          <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/releases").catch(()=>{})}}style={styles.gridCard}>
+            <NetworkIcons_1.TagIcon color={AppColors_1.AppColors.successGreen}size={18}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={styles.gridCardTitle}>Release Notes</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>What's new</react_native_1.Text>
             </react_native_1.View>
+            <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
 
-            <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Memory Management</react_native_1.Text>
-              <react_native_1.Text style={[styles.rowValueBold,{color:AppColors_1.AppColors.emerald600}]}>
-                Dynamic Auto RAM Tiering Active
-              </react_native_1.Text>
+          <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector","NPM Command"),(0,helpers_1.showToast)("Copied package install command!")}}style={styles.gridCard}>
+            <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.brandPurple}size={16}/>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={styles.gridCardTitle}>Copy Install</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>npm / yarn command</react_native_1.Text>
             </react_native_1.View>
-          </react_native_1.View>
+          </TouchableScale_1.default>
         </react_native_1.View>
 
         
-        <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>LICENSE & CREDITS</react_native_1.Text>
-
-          <react_native_1.View style={styles.row}>
-            <react_native_1.Text style={styles.rowLabel}>License</react_native_1.Text>
-            <react_native_1.Text style={[styles.rowValueBold,{color:AppColors_1.AppColors.emerald600}]}>
-              MIT Permissive Open Source
-            </react_native_1.Text>
-          </react_native_1.View>
-
-          <react_native_1.View style={styles.row}>
-            <react_native_1.Text style={styles.rowLabel}>Created & Maintained By</react_native_1.Text>
-            <react_native_1.Text style={styles.rowValueBold}>Vengateswaran</react_native_1.Text>
-          </react_native_1.View>
-
-          <react_native_1.View style={styles.row}>
-            <react_native_1.Text style={styles.rowLabel}>Repository</react_native_1.Text>
-            <react_native_1.Text style={[styles.rowValueRegular,{color:AppColors_1.AppColors.purple}]}>
-              github.com/vengatmacuser/react-native-inapp-inspector
-            </react_native_1.Text>
-          </react_native_1.View>
+        <react_native_1.View style={styles.footer}>
+          <react_native_1.Text style={styles.footerText}>
+            React Native In-App Inspector · MIT License
+          </react_native_1.Text>
+          <react_native_1.Text style={styles.footerSubText}>
+            Zero-config on-device debugging tool
+          </react_native_1.Text>
         </react_native_1.View>
-
-        <react_native_1.View style={{height:48}}/>
       </react_native_1.ScrollView>
-    </react_native_1.View>};exports.AboutModal=AboutModal,exports.default=exports.AboutModal;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},scrollView:{flex:1},scrollContent:{padding:16,gap:14},heroCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16,gap:12},heroHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},heroBrandRow:{flexDirection:"row",alignItems:"center",gap:12,flex:1},heroIconBox:{width:44,height:44,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.purple}1A`,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}33`},heroTitleRow:{flexDirection:"row",alignItems:"center",gap:8,flexWrap:"wrap"},heroTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,lineHeight:20,color:AppColors_1.AppColors.primaryBlack},versionBadge:{backgroundColor:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}33`},versionBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.purple},updateBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:"#F59E0B20",paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:"#F59E0B60"},updateBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:"#D97706"},upToDateBadge:{backgroundColor:`${AppColors_1.AppColors.emerald500}20`,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.emerald500}50`},upToDateBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.emerald600},heroPackageName:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:2},heroDescription:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,lineHeight:16,color:AppColors_1.AppColors.grayText},upgradeBtn:{backgroundColor:AppColors_1.AppColors.purple,paddingVertical:8,paddingHorizontal:12,borderRadius:8,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6},upgradeBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},gridContainer:{flexDirection:"row",flexWrap:"wrap",gap:8},gridCard:{flex:1,minWidth:"47%",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:10,paddingHorizontal:12,flexDirection:"row",alignItems:"center",gap:8},gridCardTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},gridCardSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayText},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10},sectionHeader:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8},versionRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},versionLeft:{flexDirection:"row",alignItems:"center",gap:10,flex:1,marginRight:8},npmIconBox:{width:34,height:34,borderRadius:9,backgroundColor:"#CB383715",alignItems:"center",justifyContent:"center"},versionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack},versionSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1},copyActionBtn:{paddingVertical:7,paddingHorizontal:11,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5},copyActionText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11},row:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},rowLabel:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayText},rowValueBold:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},rowValueRegular:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack},statusTag:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:5,borderWidth:1},statusTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10}});
+    </react_native_1.View>};exports.AboutModal=AboutModal;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},scrollView:{flex:1},scrollContent:{padding:14,paddingBottom:32,gap:12},heroCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,padding:16,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.05,shadowRadius:8,elevation:2,gap:12},heroHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},heroBrandRow:{flexDirection:"row",alignItems:"center",gap:12,flex:1},heroIconBox:{width:44,height:44,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}30`},heroTitleRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},heroTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:17,lineHeight:22,color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.3},versionBadge:{backgroundColor:`${AppColors_1.AppColors.brandPurple}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}30`},versionBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.brandPurple},updateBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.amber500}20`,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}50`},updateBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:AppColors_1.AppColors.amber600},upToDateBadge:{backgroundColor:`${AppColors_1.AppColors.emerald500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.emerald500}35`},upToDateBadgeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,lineHeight:12,color:AppColors_1.AppColors.emerald600},heroPackageName:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},heroDescription:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,lineHeight:18,color:AppColors_1.AppColors.grayText},upgradeBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.brandPurple,paddingVertical:9,paddingHorizontal:12,borderRadius:8},upgradeBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:10},sectionHeader:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.6},row:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:3},rowLabel:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,lineHeight:17,color:AppColors_1.AppColors.grayTextWeak},rowValueBold:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:17,color:AppColors_1.AppColors.primaryBlack},rowValueRegular:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,lineHeight:17,color:AppColors_1.AppColors.grayTextStrong},statusTag:{paddingHorizontal:7,paddingVertical:2,borderRadius:6,borderWidth:1},statusTagText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,lineHeight:14},featuresList:{gap:10},featureItem:{flexDirection:"row",alignItems:"flex-start",gap:12,paddingVertical:4},featureIconBox:{width:36,height:36,borderRadius:10,alignItems:"center",justifyContent:"center"},featureTextBox:{flex:1,gap:2},featureTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack},featureDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,lineHeight:16,color:AppColors_1.AppColors.grayTextWeak},gridContainer:{flexDirection:"row",flexWrap:"wrap",gap:8},gridCard:{width:"48.5%",flexGrow:1,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,flexDirection:"row",alignItems:"center",gap:9,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},gridCardTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.primaryBlack},gridCardSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak},footer:{alignItems:"center",justifyContent:"center",paddingVertical:14,gap:3},footerText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak},footerSubText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:14,color:AppColors_1.AppColors.slate400}});exports.default=exports.AboutModal;