react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -0,0 +1,227 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupportPage=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")),version_1=require("../../constants/version"),helpers_1=require("../../helpers"),i18n_1=require("../../i18n"),NativeInspector_1=require("../../native/NativeInspector"),NetworkIcons_1=require("../NetworkIcons"),SupportPage=()=>{const{t:e}=(0,i18n_1.useTranslation)(),o=async t=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light"),await react_native_1.Linking.canOpenURL(t)&&await react_native_1.Linking.openURL(t)}catch{}},r=async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("medium"),await react_native_1.Share.share({title:"React Native In-App Inspector",message:`Check out react-native-inapp-inspector \u2014 the zero-config in-app debugger for React Native & Expo:
+https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://github.com/vengatmacuser/react-native-inapp-inspector"})}catch{}};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.heroIconBox}>
+              <NetworkIcons_1.HeartIcon color={AppColors_1.AppColors.red500}size={28}/>
+            </react_native_1.View>
+            <react_native_1.View style={styles.heroTitleCol}>
+              <react_native_1.View style={styles.heroTitleRow}>
+                <react_native_1.Text style={styles.heroTitle}>
+                  {e("support.title","Support & Community")}
+                </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>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.heroSubTitle}>
+                {e("support.subtitle","React Native In-App Inspector")}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+
+          <react_native_1.Text style={styles.heroDescription}>
+            {e("support.heroDescription","Crafted with passion to provide an all-in-one on-device debugging suite for mobile teams worldwide. Your sponsorship, stars, and feedback directly fuel continuous improvements, native architecture support, and rapid releases.")}
+          </react_native_1.Text>
+
+          
+          <react_native_1.View style={styles.pillRow}>
+            <react_native_1.View style={styles.pillBadge}>
+              <react_native_1.Text style={styles.pillBadgeText}>MIT LICENSE</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.pillBadge}>
+              <react_native_1.Text style={styles.pillBadgeText}>ZERO CONFIG</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.pillBadge}>
+              <react_native_1.Text style={styles.pillBadgeText}>FABRIC & TURBO</react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        
+        <react_native_1.View style={styles.sponsorCard}>
+          <react_native_1.View style={styles.sponsorTopRow}>
+            <react_native_1.View style={styles.sponsorIconWrap}>
+              <NetworkIcons_1.HeartIcon color={AppColors_1.AppColors.red500}size={22}/>
+            </react_native_1.View>
+            <react_native_1.View style={styles.sponsorTextWrap}>
+              <react_native_1.View style={styles.sponsorTitleRow}>
+                <react_native_1.Text style={styles.sponsorTitle}>
+                  {e("support.sponsor","Sponsor on GitHub")}
+                </react_native_1.Text>
+                <react_native_1.View style={styles.sponsorPill}>
+                  <react_native_1.Text style={styles.sponsorPillText}>
+                    {e("support.sponsorBadge","SPONSOR")}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.sponsorDesc}>
+                {e("support.sponsorDesc","Support ongoing maintenance, new features and release improvements.")}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+
+          <react_native_1.View style={styles.sponsorActionsRow}>
+            <TouchableScale_1.default onPress={()=>o("https://github.com/sponsors/vengatmacuser")}style={styles.primarySponsorBtn}>
+              <NetworkIcons_1.HeartIcon color={AppColors_1.AppColors.white}size={15}/>
+              <react_native_1.Text style={styles.primarySponsorBtnText}>
+                {e("support.sponsorBtn","Become a Sponsor")}
+              </react_native_1.Text>
+              <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.white}/>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("https://github.com/sponsors/vengatmacuser","Sponsor URL"),(0,helpers_1.showToast)(e("support.copiedSponsor","Copied GitHub Sponsors link!"))}}style={styles.secondaryBtn}>
+              <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={styles.secondaryBtnText}>
+                {e("common.copy","Copy Link")}
+              </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}>
+            {e("support.waysToSupport","WAYS TO CONTRIBUTE & SUPPORT")}
+          </react_native_1.Text>
+
+          <react_native_1.View style={styles.actionsList}>
+            
+            <TouchableScale_1.default onPress={()=>o("https://github.com/vengatmacuser/react-native-inapp-inspector")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.starIconWrap]}>
+                <NetworkIcons_1.StarIcon size={18}color={AppColors_1.AppColors.amber600}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.View style={styles.itemTitleRow}>
+                  <react_native_1.Text style={styles.itemTitle}>
+                    {e("support.star","Star on GitHub")}
+                  </react_native_1.Text>
+                  <react_native_1.View style={styles.badgeAmber}>
+                    <react_native_1.Text style={styles.badgeAmberText}>RECOMMENDED</react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.starDesc","Star our repo to help more React Native developers discover this tool.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://github.com/vengatmacuser/react-native-inapp-inspector/issues")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.bugIconWrap]}>
+                <NetworkIcons_1.BugIcon size={18}color={AppColors_1.AppColors.purple}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.issues","Report Issue / Suggestion")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.issuesDesc","Found a bug or have an idea? Open an issue on GitHub.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://vengatmacuser.github.io/react-native-inapp-inspector/")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.docsIconWrap]}>
+                <NetworkIcons_1.BookOpenIcon size={18}color={AppColors_1.AppColors.sky600}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.docs","Official Documentation")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.docsDesc","Interactive feature tour, search syntax & configuration guides.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://www.npmjs.com/package/react-native-inapp-inspector")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.npmIconWrap]}>
+                <NetworkIcons_1.NpmIcon size={18}color={AppColors_1.AppColors.red500}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.npmRegistry","NPM Package Registry")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.npmRegistryDesc","Explore published version release notes, tarball sizes, and install stats.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </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}>
+            {e("support.shareTitle","SPREAD THE WORD")}
+          </react_native_1.Text>
+          <react_native_1.Text style={styles.shareSubtitle}>
+            {e("support.shareDesc","Help your engineering teammates and QA specialists debug network, console logs, and Redux faster.")}
+          </react_native_1.Text>
+          <react_native_1.View style={styles.shareButtonsRow}>
+            <TouchableScale_1.default onPress={r}style={styles.sharePrimaryBtn}>
+              <NetworkIcons_1.ShareIcon size={15}color={AppColors_1.AppColors.white}/>
+              <react_native_1.Text style={styles.sharePrimaryBtnText}>
+                {e("support.shareWithTeam","Share with Teammates")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("https://github.com/vengatmacuser/react-native-inapp-inspector","Repository Link"),(0,helpers_1.showToast)(e("support.copiedRepo","Copied repository link!"))}}style={styles.shareSecondaryBtn}>
+              <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={styles.shareSecondaryBtnText}>
+                {e("support.copyRepo","Copy Repo URL")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        
+        <react_native_1.View style={styles.authorCard}>
+          <react_native_1.Text style={styles.sectionHeader}>
+            {e("support.maintainer","PROJECT MAINTAINER")}
+          </react_native_1.Text>
+          <react_native_1.View style={styles.authorRow}>
+            <react_native_1.View style={styles.authorAvatar}>
+              <react_native_1.Text style={styles.authorAvatarText}>VB</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.authorTextCol}>
+              <react_native_1.Text style={styles.authorName}>Vengateswaran Balakrishnan</react_native_1.Text>
+              <react_native_1.Text style={styles.authorRole}>
+                Creator & Core Maintainer • @vengatmacuser
+              </react_native_1.Text>
+              <react_native_1.Text style={styles.authorEmail}>vengatmacuser@gmail.com</react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+
+          <react_native_1.View style={styles.authorActionsRow}>
+            <TouchableScale_1.default onPress={()=>o("mailto:vengatmacuser@gmail.com")}style={styles.authorActionBtn}>
+              <react_native_1.Text style={styles.authorActionEmoji}>✉️</react_native_1.Text>
+              <react_native_1.Text style={styles.authorActionText}>
+                {e("support.sendEmail","Send Email")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("vengatmacuser@gmail.com","Author Email"),(0,helpers_1.showToast)(e("support.copiedEmail","Copied email address!"))}}style={styles.authorActionBtn}>
+              <NetworkIcons_1.CopyIcon size={13}color={AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={styles.authorActionText}>
+                {e("support.copyEmail","Copy Email")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>o("https://github.com/vengatmacuser")}style={styles.authorActionBtn}>
+              <NetworkIcons_1.GitHubIcon size={14}color={AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={styles.authorActionText}>GitHub</react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.ScrollView>
+    </react_native_1.View>};exports.SupportPage=SupportPage;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.primaryLight},scrollView:{flex:1},scrollContent:{padding:16,paddingBottom:react_native_1.Platform.OS==="ios"?44:24,gap:16},heroCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:16,padding:16,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}25`,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:10},android:{elevation:3}})},heroHeaderRow:{flexDirection:"row",alignItems:"center",gap:12,marginBottom:12},heroIconBox:{width:48,height:48,borderRadius:14,backgroundColor:`${AppColors_1.AppColors.red500}15`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}30`,alignItems:"center",justifyContent:"center"},heroTitleCol:{flex:1},heroTitleRow:{flexDirection:"row",alignItems:"center",gap:8},heroTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:18,color:AppColors_1.AppColors.slate900,letterSpacing:-.3},versionBadge:{backgroundColor:AppColors_1.AppColors.primaryLight,paddingHorizontal:7,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},versionBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayText},heroSubTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},heroDescription:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,lineHeight:18,color:AppColors_1.AppColors.grayText,marginBottom:12},pillRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},pillBadge:{backgroundColor:AppColors_1.AppColors.graySurface,paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},pillBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4,color:AppColors_1.AppColors.grayTextWeak},sponsorCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:16,padding:16,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}35`,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:4},shadowOpacity:.1,shadowRadius:12},android:{elevation:3}})},sponsorTopRow:{flexDirection:"row",alignItems:"flex-start",gap:12},sponsorIconWrap:{width:42,height:42,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.red500}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}35`,alignItems:"center",justifyContent:"center"},sponsorTextWrap:{flex:1},sponsorTitleRow:{flexDirection:"row",alignItems:"center",gap:8},sponsorTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.slate900},sponsorPill:{backgroundColor:`${AppColors_1.AppColors.red500}20`,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}40`},sponsorPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.5,color:AppColors_1.AppColors.red500},sponsorDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:17,color:AppColors_1.AppColors.grayText,marginTop:4},sponsorActionsRow:{flexDirection:"row",alignItems:"center",gap:8,marginTop:14},primarySponsorBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.red500,paddingVertical:10,paddingHorizontal:12,borderRadius:10,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:3},shadowOpacity:.35,shadowRadius:6},android:{elevation:3}})},primarySponsorBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white},secondaryBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:10,paddingHorizontal:12,borderRadius:10},secondaryBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.grayText},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:16,padding:16,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.slate900,shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:6},android:{elevation:2}})},sectionHeader:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,letterSpacing:.6,color:AppColors_1.AppColors.grayTextWeak,marginBottom:12},actionsList:{gap:10},itemCard:{flexDirection:"row",alignItems:"center",gap:12,padding:12,borderRadius:12,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},itemIconWrap:{width:38,height:38,borderRadius:10,alignItems:"center",justifyContent:"center"},starIconWrap:{backgroundColor:`${AppColors_1.AppColors.amber500}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}35`},bugIconWrap:{backgroundColor:`${AppColors_1.AppColors.purple}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}35`},docsIconWrap:{backgroundColor:`${AppColors_1.AppColors.sky500}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}35`},npmIconWrap:{backgroundColor:`${AppColors_1.AppColors.red500}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}35`},itemTextCol:{flex:1},itemTitleRow:{flexDirection:"row",alignItems:"center",gap:8},itemTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.slate900},badgeAmber:{backgroundColor:`${AppColors_1.AppColors.amber500}20`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}45`},badgeAmberText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.3,color:AppColors_1.AppColors.amber600},itemDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,lineHeight:16,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},shareSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:17,color:AppColors_1.AppColors.grayText,marginBottom:12},shareButtonsRow:{flexDirection:"row",alignItems:"center",gap:8},sharePrimaryBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.indigo600,paddingVertical:10,paddingHorizontal:12,borderRadius:10},sharePrimaryBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},shareSecondaryBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:10,paddingHorizontal:12,borderRadius:10},shareSecondaryBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.grayText},authorCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:16,padding:16,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.slate900,shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:6},android:{elevation:2}})},authorRow:{flexDirection:"row",alignItems:"center",gap:12,marginBottom:14},authorAvatar:{width:44,height:44,borderRadius:22,backgroundColor:AppColors_1.AppColors.indigo600,alignItems:"center",justifyContent:"center"},authorAvatarText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.white},authorTextCol:{flex:1},authorName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.slate900},authorRole:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1},authorEmail:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.indigo600,marginTop:2},authorActionsRow:{flexDirection:"row",alignItems:"center",gap:8},authorActionBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:8,paddingHorizontal:8,borderRadius:8},authorActionEmoji:{fontSize:12},authorActionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.grayText}});

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

@@ -1,44 +1,45 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(o,n);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(t,r,i)}):(function(t,o,n,r){r===void 0&&(r=n),t[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=t(o),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,o,r[i]);return __setModuleDefault(n,o),n}})(),__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")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{activeTab:t,switchActiveTab:o,tabVisibility:n,logs:r,consoleLogs:i,analyticsEvents:A,crashRecords:f,pushRecords:y,unreadPushCount:m,lastReadApisCount:S,lastReadLogsCount:I,lastReadCrashesCount:x,mediaCount:C}=(0,InspectorContext_1.useInspector)(),T=(0,reduxLogger_1.isReduxConnected)(),B=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(n?.media??!0)&&C>0,b=(0,react_1.useRef)(null),[h,R]=(0,react_1.useState)(!1),[_,P]=(0,react_1.useState)(!0),w=(0,react_1.useRef)(0),k=e=>{const{contentOffset:a,layoutMeasurement:l,contentSize:s}=e.nativeEvent,d=a.x;w.current=d;const u=d>8,p=d<s.width-l.width-8;h!==u&&R(u),_!==p&&P(p)},v=e=>{b.current?.scrollTo({x:Math.max(0,w.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,i,o){o===void 0&&(o=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(r,o,n)}):(function(r,t,i,o){o===void 0&&(o=i),r[o]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(i){var o=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(i,t,o[n]);return __setModuleDefault(i,t),i}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:o,logs:n,consoleLogs:f,analyticsEvents:m,crashRecords:y,pushRecords:C,socketRecords:b,unreadPushCount:S,unreadSocketCount:I,lastReadApisCount:T,lastReadLogsCount:x,lastReadCrashesCount:R,lastReadSocketCount:B,mediaCount:_}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),O=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(o?.media??!0)&&_>0,w=(0,react_1.useRef)(null),[h,z]=(0,react_1.useState)(!1),[v,L]=(0,react_1.useState)(!0),A=(0,react_1.useRef)(0),V=e=>{const{contentOffset:s,layoutMeasurement:a,contentSize:l}=e.nativeEvent,d=s.x;A.current=d;const u=d>8,p=d<l.width-a.width-8;h!==u&&z(u),v!==p&&L(p)},k=e=>{w.current?.scrollTo({x:Math.max(0,A.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
       
-      {h&&<react_native_1.TouchableOpacity onPress={()=>v(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
+      {h&&<react_native_1.TouchableOpacity onPress={()=>k(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="left"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
         </react_native_1.TouchableOpacity>}
 
       
-      <react_native_1.ScrollView ref={b}horizontal showsHorizontalScrollIndicator={!1}onScroll={k}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:h?4:12,paddingRight:g?6:12}}>
-        {[{id:1,key:"apis",label:"APIs",count:r.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:i.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:A.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:f?.length||0,icon:"crash"},{id:8,key:"push",label:"Push",count:y?.length||0,icon:"push"},{id:9,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!n?.debugging:!(!n?.[e.key]||e.key==="redux"&&!T||e.key==="analytics"&&!B)).map(e=>{const a=t===e.key,l=TAB_THEMES[e.key]||TAB_THEMES.apis,s=a?AppColors_1.AppColors.white:l.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&r.length>S,p=t!=="logs"&&i.length>I,O=t!=="crash"&&(f?.length||0)>(x||0);return<TouchableScale_1.default key={e.key}onPress={()=>{o(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:a?l.themeColor:l.bgInactive,borderColor:a?l.themeColor:l.borderInactive},a&&{shadowColor:l.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+      <react_native_1.ScrollView ref={w}horizontal showsHorizontalScrollIndicator={!1}onScroll={V}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:h?4:12,paddingRight:g?6:12}}>
+        {[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:f.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:m.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:y?.length||0,icon:"crash"},{id:8,key:"push",label:"Push",count:C?.length||0,icon:"push"},{id:9,key:"socket",label:"WebSocket",count:b?.length||0,icon:"socket"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!o?.debugging:!(!o?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!O)).map(e=>{const s=t===e.key,a=TAB_THEMES[e.key]||TAB_THEMES.apis,l=s?AppColors_1.AppColors.white:a.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&n.length>T,p=t!=="logs"&&f.length>x,j=t!=="crash"&&(y?.length||0)>(R||0),D=t!=="socket"&&((b?.length||0)>(B||0)||I>0);return<TouchableScale_1.default key={e.key}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?a.themeColor:a.bgInactive,borderColor:s?a.themeColor:a.borderInactive},s&&{shadowColor:a.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                  {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={s}size={14}/>}
-                  {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={s}size={14}/>}
-                  {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={s}size={14}/>}
-                  {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={s}size={14}/>}
-                  {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={s}size={14}/>}
-                  {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={s}size={14}/>}
-                  {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={s}size={14}/>}
-                  {e.icon==="push"&&<NetworkIcons_1.BellIcon color={s}size={14}/>}
-                  {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={s}size={14}/>}
-                  <react_native_1.View style={{minWidth:20,height:20,paddingHorizontal:4,borderRadius:10,backgroundColor:a?`${AppColors_1.AppColors.white}33`:l.idBadgeBg,borderWidth:1,borderColor:a?`${AppColors_1.AppColors.white}66`:l.idBadgeBorder,alignItems:"center",justifyContent:"center"}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:a?AppColors_1.AppColors.white:l.idBadgeText}}>
+                  {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l}size={14}/>}
+                  {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l}size={14}/>}
+                  {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={l}size={14}/>}
+                  {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={l}size={14}/>}
+                  {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={l}size={14}/>}
+                  {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={l}size={14}/>}
+                  {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={l}size={14}/>}
+                  {e.icon==="push"&&<NetworkIcons_1.BellIcon color={l}size={14}/>}
+                  {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={l}size={14}/>}
+                  {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={l}size={14}/>}
+                  <react_native_1.View style={{minWidth:20,height:20,paddingHorizontal:4,borderRadius:10,backgroundColor:s?`${AppColors_1.AppColors.white}33`:a.idBadgeBg,borderWidth:1,borderColor:s?`${AppColors_1.AppColors.white}66`:a.idBadgeBorder,alignItems:"center",justifyContent:"center"}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:a.idBadgeText}}>
                       #{e.id}
                     </react_native_1.Text>
                   </react_native_1.View>
-                  <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,{color:a?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong,fontFamily:a?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interSemiBold}]}>
-                    {e.label}
+                  <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,{color:s?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong,fontFamily:s?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interSemiBold}]}>
+                    {r(`tabs.${e.key}`,e.label)}
                   </react_native_1.Text>
-                  {e.count>0&&e.key!=="push"&&<react_native_1.View style={{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:a?"rgba(255,255,255,0.25)":l.idBadgeBg,borderWidth:.5,borderColor:a?"rgba(255,255,255,0.45)":l.idBadgeBorder,marginLeft:1,alignItems:"center",justifyContent:"center"}}>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:a?AppColors_1.AppColors.white:l.themeColor}}>
+                  {e.count>0&&e.key!=="push"&&<react_native_1.View style={{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:s?"rgba(255,255,255,0.25)":a.idBadgeBg,borderWidth:.5,borderColor:s?"rgba(255,255,255,0.45)":a.idBadgeBorder,marginLeft:1,alignItems:"center",justifyContent:"center"}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:a.themeColor}}>
                         {d}
                       </react_native_1.Text>
                     </react_native_1.View>}
-                  {(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&O||e.key==="push"&&((y?.length||0)>0||m>0))&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
+                  {(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&j||e.key==="push"&&((C?.length||0)>0||S>0)||e.key==="socket"&&D)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
                 </react_native_1.View>
               </TouchableScale_1.default>})}
       </react_native_1.ScrollView>
 
       
-      {_&&<react_native_1.TouchableOpacity onPress={()=>v(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
+      {v&&<react_native_1.TouchableOpacity onPress={()=>k(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="right"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
@@ -46,10 +47,10 @@
 
       
       {g&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
-          <TouchableScale_1.default key="media"onPress={()=>{o("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+          <TouchableScale_1.default key="media"onPress={()=>{i("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
             <react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
               <NetworkIcons_1.ScreencastIcon color={c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={15}/>
-              {C>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
+              {_>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
             </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>}

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

@@ -1,19 +1,19 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,o){o===void 0&&(o=a);var r=Object.getOwnPropertyDescriptor(e,a);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,o,r)}):(function(t,e,a,o){o===void 0&&(o=a),t[o]=e[a]})),__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(a){var o=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(o[o.length]=r);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=t(e),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(a,e,o[r]);return __setModuleDefault(a,e),a}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAvailableModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),BrandCircleIcon_1=require("../BrandCircleIcon"),NetworkIcons_1=require("../NetworkIcons"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),AppFonts_1=require("../../styles/AppFonts"),AppColors_1=require("../../styles/AppColors"),CopySvg=({size:t=14,color:e=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-    <react_native_svg_1.Path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,CheckSvg=({size:t=14,color:e=AppColors_1.AppColors.emerald500})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={e}strokeWidth="2.4"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,ExternalLinkSvg=({size:t=13,color:e=AppColors_1.AppColors.white})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-    <react_native_svg_1.Path d="M15 3h6v6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-    <react_native_svg_1.Path d="M10 14L21 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,CloseSvg=({size:t=13,color:e=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M18 6L6 18M6 6l12 12"stroke={e}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,SparkleSvg=({size:t=14,color:e=AppColors_1.AppColors.amber500})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4L12 2z"fill={e}/>
-  </react_native_svg_1.default>,ArrowRightSvg=({size:t=14,color:e=AppColors_1.AppColors.slate400})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M5 12h14M12 5l7 7-7 7"stroke={e}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,UpdateAvailableModal=({visible:t,latestVersion:e,onClose:a})=>{const[o,r]=(0,react_1.useState)(!1),i=(0,react_1.useState)(new react_native_1.Animated.Value(0))[0],n=(0,react_1.useState)(new react_native_1.Animated.Value(.92))[0],s="npm install react-native-inapp-inspector@latest";if(typeof __DEV__>"u"||!__DEV__)return null;(0,react_1.useEffect)(()=>{t&&(r(!1),react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:1,duration:220,useNativeDriver:!0}),react_native_1.Animated.spring(n,{toValue:1,friction:8,tension:50,useNativeDriver:!0})]).start())},[t,i,n]);const l=()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:0,duration:160,useNativeDriver:!0}),react_native_1.Animated.timing(n,{toValue:.92,duration:160,useNativeDriver:!0})]).start(()=>{a()})},d=()=>{(0,helpers_1.copyToClipboard)(s,"Install Command"),r(!0),(0,toast_1.showToast)("Copied npm install command to clipboard!"),setTimeout(()=>{r(!1)},2500)},p=()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{}),l()};return t?<react_native_1.Modal transparent visible={t}animationType="none"statusBarTranslucent onRequestClose={l}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,o){o===void 0&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}):(function(e,t,a,o){o===void 0&&(o=a),e[o]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var o=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(o[o.length]=r);return o},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var o=e(t),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(a,t,o[r]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAvailableModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),NetworkIcons_1=require("../NetworkIcons"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),AppFonts_1=require("../../styles/AppFonts"),AppColors_1=require("../../styles/AppColors"),i18n_1=require("../../i18n"),CopySvg=({size:e=14,color:t=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2z"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,CheckSvg=({size:e=14,color:t=AppColors_1.AppColors.emerald500})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={t}strokeWidth="2.4"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,ExternalLinkSvg=({size:e=13,color:t=AppColors_1.AppColors.white})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M15 3h6v6"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M10 14L21 3"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,CloseSvg=({size:e=13,color:t=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M18 6L6 18M6 6l12 12"stroke={t}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,SparkleSvg=({size:e=14,color:t=AppColors_1.AppColors.amber500})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4L12 2z"fill={t}/>
+  </react_native_svg_1.default>,ArrowRightSvg=({size:e=14,color:t=AppColors_1.AppColors.slate400})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M5 12h14M12 5l7 7-7 7"stroke={t}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,UpdateAvailableModal=({visible:e,latestVersion:t,onClose:a})=>{const[o,r]=(0,react_1.useState)(!1),i=(0,react_1.useState)(new react_native_1.Animated.Value(0))[0],n=(0,react_1.useState)(new react_native_1.Animated.Value(.92))[0],s="npm install react-native-inapp-inspector@latest";if(typeof __DEV__>"u"||!__DEV__)return null;(0,react_1.useEffect)(()=>{e&&(r(!1),react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:1,duration:220,useNativeDriver:!0}),react_native_1.Animated.spring(n,{toValue:1,friction:8,tension:50,useNativeDriver:!0})]).start())},[e,i,n]);const l=()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:0,duration:160,useNativeDriver:!0}),react_native_1.Animated.timing(n,{toValue:.92,duration:160,useNativeDriver:!0})]).start(()=>{a()})},d=()=>{(0,helpers_1.copyToClipboard)(s,"Install Command"),r(!0),(0,toast_1.showToast)((0,i18n_1.t)("about.copiedInstallCommand","Copied npm install command to clipboard!")),setTimeout(()=>{r(!1)},2500)},p=()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{}),l()};return e?<react_native_1.Modal transparent visible={e}animationType="none"statusBarTranslucent onRequestClose={l}>
       <react_native_1.View style={styles.overlay}>
         <react_native_1.Animated.View style={[styles.card,{opacity:i,transform:[{scale:n}]}]}>
           
@@ -24,14 +24,14 @@
           
           <react_native_1.View style={styles.headerSection}>
             <react_native_1.View style={styles.iconHaloRing}>
-              <BrandCircleIcon_1.BrandCircleIcon size={38}/>
+              <AppHeaderLogo_1.default size={38}shape="circle"/>
               <react_native_1.View style={styles.sparkleBadge}>
                 <SparkleSvg size={13}color={AppColors_1.AppColors.amber500}/>
               </react_native_1.View>
             </react_native_1.View>
-            <react_native_1.Text style={styles.title}>Update Available</react_native_1.Text>
+            <react_native_1.Text style={styles.title}>{(0,i18n_1.t)("header.updateAvailableTitle","Update Available")}</react_native_1.Text>
             <react_native_1.Text style={styles.subtitle}>
-              A new version of react-native-inapp-inspector is ready to install
+              {(0,i18n_1.t)("header.updateAvailableSubtitle","A new version of react-native-inapp-inspector is ready to install")}
             </react_native_1.Text>
           </react_native_1.View>
 
@@ -52,7 +52,7 @@
               <react_native_1.Text style={styles.versionLabel}>LATEST</react_native_1.Text>
               <react_native_1.View style={styles.latestChip}>
                 <NetworkIcons_1.NpmIcon size={12}color={AppColors_1.AppColors.npmRed}/>
-                <react_native_1.Text style={styles.latestText}>v{e}</react_native_1.Text>
+                <react_native_1.Text style={styles.latestText}>v{t}</react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
@@ -60,10 +60,10 @@
           
           <react_native_1.View style={styles.codeSnippetBox}>
             <react_native_1.View style={styles.codeSnippetHeader}>
-              <react_native_1.Text style={styles.codeSnippetLabel}>UPGRADE COMMAND</react_native_1.Text>
+              <react_native_1.Text style={styles.codeSnippetLabel}>{(0,i18n_1.t)("header.upgradeCommand","UPGRADE COMMAND")}</react_native_1.Text>
               {o&&<react_native_1.View style={styles.copiedIndicator}>
                   <CheckSvg size={11}color={AppColors_1.AppColors.emerald500}/>
-                  <react_native_1.Text style={styles.copiedText}>Copied</react_native_1.Text>
+                  <react_native_1.Text style={styles.copiedText}>{(0,i18n_1.t)("common.copied","Copied")}</react_native_1.Text>
                 </react_native_1.View>}
             </react_native_1.View>
 
@@ -80,11 +80,11 @@
           
           <react_native_1.View style={styles.buttonRow}>
             <react_native_1.TouchableOpacity activeOpacity={.7}onPress={l}style={styles.secondaryButton}>
-              <react_native_1.Text style={styles.secondaryButtonText}>Later</react_native_1.Text>
+              <react_native_1.Text style={styles.secondaryButtonText}>{(0,i18n_1.t)("common.later","Later")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
             <react_native_1.TouchableOpacity activeOpacity={.8}onPress={p}style={styles.primaryButton}>
-              <react_native_1.Text style={styles.primaryButtonText}>View on NPM</react_native_1.Text>
+              <react_native_1.Text style={styles.primaryButtonText}>{(0,i18n_1.t)("common.viewOnNpm","View on NPM")}</react_native_1.Text>
               <ExternalLinkSvg size={12}color={AppColors_1.AppColors.white}/>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>

package/dist/commonjs/components/JsonViewer.js

@@ -30,9 +30,9 @@
               <NetworkIcons_1.ChevronIcon direction={r?"up":"down"}size={9}color="#4F46E5"/>
             </react_native_1.TouchableOpacity>}
         </react_native_1.View>
-      </react_native_1.View>}),JsonViewer=react_1.default.memo(({data:e,search:t,forceOpen:l,defaultExpandDepth:o=1,wrap:r,fullHeight:d=!1,maxHeight:u,mode:i,onModeChange:s,hideTabs:y=!1})=>{const{t:c}=(0,i18n_1.useTranslation)(),[P,B]=(0,react_1.useState)(i??"raw"),[F,z]=(0,react_1.useState)(!1),[f,R]=(0,react_1.useState)(r??!0),[w,N]=(0,react_1.useState)("compact"),[b,H]=(0,react_1.useState)(l),[D,M]=(0,react_1.useState)(!1),a=s&&i?i:P,m=n=>{B(n),s&&s(n)};(0,react_1.useEffect)(()=>{r!==void 0&&R(r)},[r]),(0,react_1.useEffect)(()=>{l!==void 0&&H(l)},[l]),(0,react_1.useEffect)(()=>{i&&B(i)},[i]);const g=(0,react_1.useMemo)(()=>{if(e==null)return"";if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p,null,2)}catch{return e}}try{return JSON.stringify(e,null,2)??""}catch{return String(e)||""}},[e]),S=(0,react_1.useMemo)(()=>{if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p)}catch{return e}}try{return JSON.stringify(e)??""}catch{return String(e)||""}},[e]),I=w==="formatted"?g:S,k=5e4,h=typeof I=="string"?I:"",W=h.length>k&&!D,A=W?h.slice(0,k):h,V=(0,react_1.useMemo)(()=>A?A.split(`
+      </react_native_1.View>}),JsonViewer=react_1.default.memo(({data:e,search:t,forceOpen:l,defaultExpandDepth:o=1,wrap:r,fullHeight:d=!1,maxHeight:u,mode:i,onModeChange:s,hideTabs:y=!1})=>{const{t:c}=(0,i18n_1.useTranslation)(),[P,B]=(0,react_1.useState)(i??"raw"),[z,R]=(0,react_1.useState)(!1),[f,F]=(0,react_1.useState)(r??!0),[w,N]=(0,react_1.useState)("compact"),[b,H]=(0,react_1.useState)(l),[D,M]=(0,react_1.useState)(!1),a=s&&i?i:P,m=n=>{B(n),s&&s(n)};(0,react_1.useEffect)(()=>{r!==void 0&&F(r)},[r]),(0,react_1.useEffect)(()=>{l!==void 0&&H(l)},[l]),(0,react_1.useEffect)(()=>{i&&B(i)},[i]);const g=(0,react_1.useMemo)(()=>{if(e==null)return"";if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p,null,2)}catch{return e}}try{return JSON.stringify(e,null,2)??""}catch{return String(e)||""}},[e]),S=(0,react_1.useMemo)(()=>{if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p)}catch{return e}}try{return JSON.stringify(e)??""}catch{return String(e)||""}},[e]),I=w==="formatted"?g:S,k=5e4,h=typeof I=="string"?I:"",W=h.length>k&&!D,A=W?h.slice(0,k):h,V=(0,react_1.useMemo)(()=>A?A.split(`
 `):[""],[A]),q=(0,react_1.useMemo)(()=>a==="raw"?V.length:g?g.split(`
-`).length:1,[a,V.length,g]),J=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(e),[e]),E=(0,react_1.useCallback)(()=>{(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,helpers_1.copyToClipboard)(w==="compact"?S:g,"JSON"),z(!0),setTimeout(()=>z(!1),1200)},[w,S,g]),v=typeof e=="object"&&e!==null,L=e==null||v&&Object.keys(e).length===0,j=()=>{if(!v)return<react_native_1.View style={localStyles.tableRow}>
+`).length:1,[a,V.length,g]),J=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(e),[e]),L=(0,react_1.useCallback)(()=>{(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,helpers_1.copyToClipboard)(w==="compact"?S:g,"JSON"),R(!0),setTimeout(()=>R(!1),1200)},[w,S,g]),v=typeof e=="object"&&e!==null,E=e==null||v&&Object.keys(e).length===0,j=()=>{if(!v)return<react_native_1.View style={localStyles.tableRow}>
             <react_native_1.View style={localStyles.tableColKey}>
               <react_native_1.Text style={localStyles.tableCellKey}>
                 {c("network.jsonViewer.value")}
@@ -110,7 +110,7 @@
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={()=>R(n=>!n)}style={[localStyles.toolToggleBtn,f&&localStyles.toolToggleBtnActive]}>
+                <TouchableScale_1.default onPress={()=>F(n=>!n)}style={[localStyles.toolToggleBtn,f&&localStyles.toolToggleBtnActive]}>
                   <react_native_1.Text style={[localStyles.toolToggleText,f&&localStyles.toolToggleTextActive]}>
                     {c("jsonViewer.wrap","Wrap")}
                   </react_native_1.Text>
@@ -125,8 +125,8 @@
               </TouchableScale_1.default>}
 
             
-            <TouchableScale_1.default onPress={E}hitSlop={6}style={[localStyles.copyBtn,F&&localStyles.copyBtnSuccess]}>
-              {F?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.emerald500}size={13}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText}size={13}/>}
+            <TouchableScale_1.default onPress={L}hitSlop={6}style={[localStyles.copyBtn,z&&localStyles.copyBtnSuccess]}>
+              {z?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.emerald500}size={13}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText}size={13}/>}
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
@@ -134,7 +134,7 @@
         
         <react_native_1.View style={[localStyles.editorBody,d&&{flex:1,maxHeight:void 0},!d&&u!=null&&{maxHeight:u}]}>
           
-          {a==="pretty"&&(L?<react_native_1.View style={localStyles.emptyContainer}>
+          {a==="pretty"&&(E?<react_native_1.View style={localStyles.emptyContainer}>
                 <react_native_1.Text style={localStyles.emptyText}>
                   {c("network.jsonViewer.emptyPayload")}
                 </react_native_1.Text>
@@ -174,4 +174,4 @@
                 {j()}
               </react_native_1.ScrollView>:<react_native_1.View style={localStyles.tableView}>{j()}</react_native_1.View>)}
         </react_native_1.View>
-      </react_native_1.View>}),localStyles=react_native_1.StyleSheet.create({container:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:8,paddingVertical:5,gap:6,minHeight:38},headerLeft:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:1,minWidth:0},langBadge:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.emerald500},langBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},snippetTabTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:AppColors_1.AppColors.purpleShade50,borderColor:`${AppColors_1.AppColors.brandPurple}60`},toolToggleText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},toolToggleTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:AppColors_1.AppColors.greenMintBorder,backgroundColor:AppColors_1.AppColors.greenMintBg},editorBody:{backgroundColor:"#FFFFFF",minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:"#FFFFFF"},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:"#FFFFFF",width:"100%"},rawCodeLineRow:{flexDirection:"row",alignItems:"flex-start",minHeight:20,width:"100%"},gutterCell:{width:38,paddingRight:8,paddingTop:1,alignItems:"flex-end",justifyContent:"flex-start",borderRightWidth:1,borderRightColor:"#E2E8F0",backgroundColor:"#F8FAFC",userSelect:"none"},gutterNumber:{fontFamily:monoFont,fontSize:11,lineHeight:18,color:"#94A3B8",textAlign:"right"},rawTextCell:{flex:1,paddingLeft:8,paddingRight:8,paddingTop:1,alignItems:"flex-start"},rawLineContentRow:{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap",minHeight:18},indentDots:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:"#CBD5E1",letterSpacing:.5},rawMonospaceText:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.slate900},syntaxKey:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxColon,marginRight:4},syntaxString:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxString},syntaxNumber:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNumber},syntaxBoolean:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxBoolean},syntaxNull:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:AppColors_1.AppColors.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.purple200},truncationText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.slate100,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:AppColors_1.AppColors.white},tableRowAlt:{backgroundColor:AppColors_1.AppColors.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:monoFont,fontSize:11.5,fontWeight:"700",color:AppColors_1.AppColors.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},tableCellValue:{fontFamily:monoFont,fontSize:11.5,color:AppColors_1.AppColors.slate900,lineHeight:17},tableCodeBox:{backgroundColor:AppColors_1.AppColors.slate100,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.slate500},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:monoFont,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});exports.default=JsonViewer;
+      </react_native_1.View>}),localStyles=react_native_1.StyleSheet.create({container:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:8,paddingVertical:5,gap:6,minHeight:38},headerLeft:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:1,minWidth:0},langBadge:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.emerald500},langBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},snippetTabTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:AppColors_1.AppColors.purpleShade50,borderColor:`${AppColors_1.AppColors.brandPurple}60`},toolToggleText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},toolToggleTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:AppColors_1.AppColors.greenMintBorder,backgroundColor:AppColors_1.AppColors.greenMintBg},editorBody:{backgroundColor:AppColors_1.AppColors.white,minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:AppColors_1.AppColors.white},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:AppColors_1.AppColors.white,width:"100%"},rawCodeLineRow:{flexDirection:"row",alignItems:"flex-start",minHeight:20,width:"100%"},gutterCell:{width:38,paddingRight:8,paddingTop:1,alignItems:"flex-end",justifyContent:"flex-start",borderRightWidth:1,borderRightColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.grayBackground,userSelect:"none"},gutterNumber:{fontFamily:monoFont,fontSize:11,lineHeight:18,color:AppColors_1.AppColors.slate400,textAlign:"right"},rawTextCell:{flex:1,paddingLeft:8,paddingRight:8,paddingTop:1,alignItems:"flex-start"},rawLineContentRow:{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap",minHeight:18},indentDots:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.gray300,letterSpacing:.5},rawMonospaceText:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.slate900},syntaxKey:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxColon,marginRight:4},syntaxString:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxString},syntaxNumber:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNumber},syntaxBoolean:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxBoolean},syntaxNull:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:AppColors_1.AppColors.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.purple200},truncationText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.slate100,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:AppColors_1.AppColors.white},tableRowAlt:{backgroundColor:AppColors_1.AppColors.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:monoFont,fontSize:11.5,fontWeight:"700",color:AppColors_1.AppColors.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},tableCellValue:{fontFamily:monoFont,fontSize:11.5,color:AppColors_1.AppColors.slate900,lineHeight:17},tableCodeBox:{backgroundColor:AppColors_1.AppColors.slate100,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.slate500},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:monoFont,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});exports.default=JsonViewer;

package/dist/commonjs/components/LogCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { LogCardProps } from '../types';
-declare const LogCard: React.NamedExoticComponent<LogCardProps>;
-export default LogCard;
+declare function LogCard({ item, onPress, timelineMinStart, timelineTotalRange, isNew, isSelected, onToggleSelect, searchStr, }: LogCardProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof LogCard>;
+export default _default;