react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/HeadersSection.js

@@ -1,133 +1,54 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const i18n_1 = require("../i18n");
-const react_native_1 = require("react-native");
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const helpers_1 = require("../helpers");
-const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const AppColors_1 = require("../styles/AppColors");
-const styles_1 = __importDefault(require("../styles"));
-const HeaderRow = react_1.default.memo(function HeaderRow({ headerKey, value, isLast, index, }) {
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    const isLong = value.length > 35;
-    return (<react_native_1.View style={[styles_1.default.htRow, !isLast && styles_1.default.htRowBorder]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,n){n===void 0&&(n=r);var o=Object.getOwnPropertyDescriptor(e,r);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,o)}):(function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(r){var n=[];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[n.length]=o);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),o=0;o<n.length;o++)n[o]!=="default"&&__createBinding(r,e,n[o]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),CopyButton_1=__importDefault(require("./CopyButton")),TouchableScale_1=__importDefault(require("./TouchableScale")),helpers_1=require("../helpers"),useAccordion_1=__importDefault(require("../customHooks/useAccordion")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),HeaderRow=react_1.default.memo(function({headerKey:e,value:r,isLast:n,index:o}){const[a,f]=(0,react_1.useState)(!1),s=r.length>35;return<react_native_1.View style={[styles_1.default.htRow,!n&&styles_1.default.htRowBorder]}>
       <react_native_1.View style={styles_1.default.htKeyCell}>
-        <react_native_1.Text style={styles_1.default.htKey} numberOfLines={2}>
-          {headerKey}
+        <react_native_1.Text style={styles_1.default.htKey}numberOfLines={2}>
+          {e}
         </react_native_1.Text>
       </react_native_1.View>
       <react_native_1.View style={styles_1.default.htCellDivider}/>
-      <react_native_1.Pressable style={styles_1.default.htValueCell} onPress={() => isLong && setExpanded(v => !v)} hitSlop={8}>
-        <react_native_1.Text style={styles_1.default.htValue} selectable numberOfLines={expanded ? undefined : 3}>
-          {value}
+      <react_native_1.Pressable style={styles_1.default.htValueCell}onPress={()=>s&&f(_=>!_)}hitSlop={8}>
+        <react_native_1.Text style={styles_1.default.htValue}selectable numberOfLines={a?void 0:3}>
+          {r}
         </react_native_1.Text>
-        {isLong && (<react_native_1.View style={[styles_1.default.htExpandRow, { flexDirection: 'row', alignItems: 'center', gap: 4 }]}>
+        {s&&<react_native_1.View style={[styles_1.default.htExpandRow,{flexDirection:"row",alignItems:"center",gap:4}]}>
             <react_native_1.Text style={styles_1.default.htExpandText}>
-              {expanded ? 'less' : 'more'}
+              {a?"less":"more"}
             </react_native_1.Text>
-            <NetworkIcons_1.ChevronIcon direction={expanded ? 'up' : 'down'} color={AppColors_1.AppColors.purple} size={10}/>
-          </react_native_1.View>)}
+            <NetworkIcons_1.ChevronIcon direction={a?"up":"down"}color={AppColors_1.AppColors.purple}size={10}/>
+          </react_native_1.View>}
       </react_native_1.Pressable>
-      <TouchableScale_1.default onPress={() => (0, helpers_1.copyToClipboard)(value, headerKey)} hitSlop={8} style={styles_1.default.htCopyBtn}>
-        <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
+      <TouchableScale_1.default onPress={()=>(0,helpers_1.copyToClipboard)(r,e)}hitSlop={8}style={styles_1.default.htCopyBtn}>
+        <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
       </TouchableScale_1.default>
-    </react_native_1.View>);
-});
-const HeadersSection = ({ title, headers, search, resetKey, }) => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { isOpen, toggleOpen, forceOpen, chevronStyle } = (0, useAccordion_1.default)(false);
-    (0, react_1.useEffect)(() => {
-        forceOpen(false);
-    }, [resetKey]);
-    const entries = (0, react_1.useMemo)(() => (headers ? Object.entries(headers) : []), [headers]);
-    const filtered = (0, react_1.useMemo)(() => {
-        if (!search)
-            return entries;
-        const q = search.toLowerCase();
-        return entries.filter(([k, v]) => k.toLowerCase().includes(q) || v.toLowerCase().includes(q));
-    }, [entries, search]);
-    if (entries.length === 0)
-        return null;
-    const isRequest = title.toLowerCase().includes('request') ||
-        title.toLowerCase().includes('api');
-    const accentColor = isRequest ? AppColors_1.AppColors.offerPurple : AppColors_1.AppColors.greenColor;
-    const accentBg = isRequest
-        ? `${AppColors_1.AppColors.offerPurple}10`
-        : `${AppColors_1.AppColors.greenColor}10`;
-    return (<react_native_1.View style={[styles_1.default.htCard, { borderLeftColor: accentColor }]}>
-      <react_native_1.Pressable onPress={toggleOpen} hitSlop={10}>
+    </react_native_1.View>}),HeadersSection=({title:t,headers:e,search:r,resetKey:n})=>{const{t:o}=(0,i18n_1.useTranslation)(),{isOpen:a,toggleOpen:f,forceOpen:s,chevronStyle:_}=(0,useAccordion_1.default)(!1);(0,react_1.useEffect)(()=>{s(!1)},[n]);const l=(0,react_1.useMemo)(()=>e?Object.entries(e):[],[e]),d=(0,react_1.useMemo)(()=>{if(!r)return l;const i=r.toLowerCase();return l.filter(([p,c])=>p.toLowerCase().includes(i)||c.toLowerCase().includes(i))},[l,r]);if(l.length===0)return null;const w=t.toLowerCase().includes("request")||t.toLowerCase().includes("api"),u=w?AppColors_1.AppColors.offerPurple:AppColors_1.AppColors.greenColor,h=w?`${AppColors_1.AppColors.offerPurple}10`:`${AppColors_1.AppColors.greenColor}10`;return<react_native_1.View style={[styles_1.default.htCard,{borderLeftColor:u}]}>
+      <react_native_1.Pressable onPress={f}hitSlop={10}>
         <react_native_1.View style={styles_1.default.htCardHeader}>
-          <react_native_1.View style={[styles_1.default.htIconWrap, { backgroundColor: accentBg }]}>
-            <NetworkIcons_1.HeadersIcon color={accentColor}/>
+          <react_native_1.View style={[styles_1.default.htIconWrap,{backgroundColor:h}]}>
+            <NetworkIcons_1.HeadersIcon color={u}/>
           </react_native_1.View>
-          <react_native_1.Text style={styles_1.default.htTitle}>{title}</react_native_1.Text>
-          <react_native_1.View style={[
-            styles_1.default.htBadge,
-            { backgroundColor: accentBg, borderColor: accentColor },
-        ]}>
-            <react_native_1.Text style={[styles_1.default.htBadgeText, { color: accentColor }]}>
-              {entries.length}
+          <react_native_1.Text style={styles_1.default.htTitle}>{t}</react_native_1.Text>
+          <react_native_1.View style={[styles_1.default.htBadge,{backgroundColor:h,borderColor:u}]}>
+            <react_native_1.Text style={[styles_1.default.htBadgeText,{color:u}]}>
+              {l.length}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles_1.default.htHeaderSpacer}/>
-          <CopyButton_1.default value={headers} label={title}/>
+          <CopyButton_1.default value={e}label={t}/>
           <react_native_1.View style={styles_1.default.htChevronBtn}>
-            <react_native_1.View style={chevronStyle}>
-              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+            <react_native_1.View style={_}>
+              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong}size={14}/>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Pressable>
 
-      {isOpen && (<react_native_1.View>
+      {a&&<react_native_1.View>
           <react_native_1.View style={styles_1.default.htColHeadRow}>
-            <react_native_1.Text style={[styles_1.default.htColHead, { width: '30%' }]}>{t('network.jsonViewer.key')}</react_native_1.Text>
-            <react_native_1.Text style={[styles_1.default.htColHead, { flex: 1 }]}>{t('network.jsonViewer.value')}</react_native_1.Text>
+            <react_native_1.Text style={[styles_1.default.htColHead,{width:"30%"}]}>{o("network.jsonViewer.key")}</react_native_1.Text>
+            <react_native_1.Text style={[styles_1.default.htColHead,{flex:1}]}>{o("network.jsonViewer.value")}</react_native_1.Text>
           </react_native_1.View>
 
-          {filtered.length > 0 ? (filtered.map(([k, v], i) => (<HeaderRow key={k} headerKey={k} value={v} isLast={i === filtered.length - 1} index={i}/>))) : (<react_native_1.View style={styles_1.default.htEmpty}>
-              <react_native_1.Text style={styles_1.default.htEmptyText}>{t('network.noMatchingHeaders')}</react_native_1.Text>
-            </react_native_1.View>)}
-        </react_native_1.View>)}
-    </react_native_1.View>);
-};
-exports.default = HeadersSection;
+          {d.length>0?d.map(([i,p],c)=><HeaderRow key={i}headerKey={i}value={p}isLast={c===d.length-1}index={c}/>):<react_native_1.View style={styles_1.default.htEmpty}>
+              <react_native_1.Text style={styles_1.default.htEmptyText}>{o("network.noMatchingHeaders")}</react_native_1.Text>
+            </react_native_1.View>}
+        </react_native_1.View>}
+    </react_native_1.View>};exports.default=HeadersSection;

package/dist/commonjs/components/HighlightText.js

@@ -1,58 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const helpers_1 = require("../helpers");
-const HighlightText = react_1.default.memo(function HighlightText({ text, search, style, highlightStyle, detectLinks, numberOfLines, ...rest }) {
-    if (!text || (text.length > 20000 && !search && !detectLinks)) {
-        return (<react_native_1.Text style={style} numberOfLines={numberOfLines} {...rest}>
-        {text}
-      </react_native_1.Text>);
-    }
-    const URL_REGEX = /(https?:\/\/[^\s]+)/g;
-    const renderNormalOrHighlighted = (subText, keyPrefix) => {
-        if (!search) {
-            return <react_native_1.Text key={keyPrefix}>{subText}</react_native_1.Text>;
-        }
-        const regex = new RegExp(`(${(0, helpers_1.escapeRegex)(search)})`, 'gi');
-        const parts = subText.split(regex);
-        return (<react_native_1.Text key={keyPrefix}>
-        {parts.map((part, i) => part.toLowerCase() === search.toLowerCase() ? (<react_native_1.Text key={i} style={highlightStyle}>
-              {part}
-            </react_native_1.Text>) : (<react_native_1.Text key={i}>{part}</react_native_1.Text>))}
-      </react_native_1.Text>);
-    };
-    if (detectLinks && text && text.length < 20000) {
-        const parts = text.split(URL_REGEX);
-        return (<react_native_1.Text style={style} numberOfLines={numberOfLines} {...rest}>
-        {parts.map((part, i) => {
-                if (part.match(URL_REGEX)) {
-                    return (<react_native_1.Text key={`link-${i}`} style={{
-                            color: '#007AFF',
-                            textDecorationLine: 'underline',
-                        }} onPress={() => {
-                            (0, helpers_1.handleOpenExternalLink)(part);
-                        }}>
-                {part}
-              </react_native_1.Text>);
-                }
-                return renderNormalOrHighlighted(part, `text-${i}`);
-            })}
-      </react_native_1.Text>);
-    }
-    if (!search)
-        return (<react_native_1.Text style={style} numberOfLines={numberOfLines} {...rest}>
-        {text}
-      </react_native_1.Text>);
-    const regex = new RegExp(`(${(0, helpers_1.escapeRegex)(search)})`, 'gi');
-    const parts = text.split(regex);
-    return (<react_native_1.Text style={style} numberOfLines={numberOfLines} {...rest}>
-      {parts.map((part, i) => part.toLowerCase() === search.toLowerCase() ? (<react_native_1.Text key={i} style={highlightStyle}>
-            {part}
-          </react_native_1.Text>) : (<react_native_1.Text key={i}>{part}</react_native_1.Text>))}
-    </react_native_1.Text>);
-});
-exports.default = HighlightText;
+"use strict";var __importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),helpers_1=require("../helpers"),HighlightText=react_1.default.memo(function({text:t,search:r,style:i,highlightStyle:l,detectLinks:x,numberOfLines:_,...o}){if(!t||t.length>2e4&&!r&&!x)return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+        {t}
+      </react_native_1.Text>;const u=/(https?:\/\/[^\s]+)/g,g=(n,e)=>{if(!r)return<react_native_1.Text key={e}>{n}</react_native_1.Text>;const s=new RegExp(`(${(0,helpers_1.escapeRegex)(r)})`,"gi"),f=n.split(s);return<react_native_1.Text key={e}>
+        {f.map((c,T)=>c.toLowerCase()===r.toLowerCase()?<react_native_1.Text key={T}style={l}>
+              {c}
+            </react_native_1.Text>:<react_native_1.Text key={T}>{c}</react_native_1.Text>)}
+      </react_native_1.Text>};if(x&&t&&t.length<2e4){const n=t.split(u);return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+        {n.map((e,s)=>e.match(u)?<react_native_1.Text key={`link-${s}`}style={{color:"#007AFF",textDecorationLine:"underline"}}onPress={()=>{(0,helpers_1.handleOpenExternalLink)(e)}}>
+                {e}
+              </react_native_1.Text>:g(e,`text-${s}`))}
+      </react_native_1.Text>}if(!r)return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+        {t}
+      </react_native_1.Text>;const p=new RegExp(`(${(0,helpers_1.escapeRegex)(r)})`,"gi"),v=t.split(p);return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+      {v.map((n,e)=>n.toLowerCase()===r.toLowerCase()?<react_native_1.Text key={e}style={l}>
+            {n}
+          </react_native_1.Text>:<react_native_1.Text key={e}>{n}</react_native_1.Text>)}
+    </react_native_1.Text>});exports.default=HighlightText;

package/dist/commonjs/components/Inspector/AboutModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface AboutModalProps {
+    onClose?: () => void;
+}
+export declare const AboutModal: React.FC<AboutModalProps>;
+export default AboutModal;

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

@@ -0,0 +1,351 @@
+"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}>
+      <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}/>
+              </react_native_1.View>
+              <react_native_1.View style={{flex:1}}>
+                <react_native_1.View style={styles.heroTitleRow}>
+                  <react_native_1.Text style={styles.heroTitle}>In-App Inspector</react_native_1.Text>
+                  <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}>
+                      <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.heroPackageName}>
+                  react-native-inapp-inspector
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+          </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.
+          </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}>
+              <NetworkIcons_1.BoltIcon size={12}color={AppColors_1.AppColors.white}/>
+              <react_native_1.Text style={styles.upgradeBtnText}>
+                Copy Upgrade Command (v{t})
+              </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.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.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.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.View>
+
+            <react_native_1.View style={styles.row}>
+              <react_native_1.Text style={styles.rowLabel}>Build Variant</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}]}>
+                  {__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>
+            </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}>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.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.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>
+
+            <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>
+
+            <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>
+
+            <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>
+
+            <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>
+          </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>
+            </react_native_1.View>
+
+            <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>
+            </react_native_1.View>
+
+            <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>
+            </react_native_1.View>
+
+            <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>
+            </react_native_1.View>
+
+            <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>
+            </react_native_1.View>
+
+            <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>
+            </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}>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>
+
+        <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}});