react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -1,25 +1,23 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),version_1=require("../../constants/version"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:r}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
       <react_native_1.ScrollView style={styles.scrollView}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={styles.heroCard}>
           <react_native_1.View style={styles.heroHeaderRow}>
             <react_native_1.View style={styles.heroBrandRow}>
-              <react_native_1.View style={styles.heroIconBox}>
-                <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={24}/>
-              </react_native_1.View>
+              <AppHeaderLogo_1.default size={46}shape="circle"/>
               <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.Text style={styles.heroTitle}>{(0,i18n_1.t)("about.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>
                   {t?<react_native_1.View style={styles.updateBadge}>
                       <react_native_1.Text style={styles.updateBadgeText}>
-                        v{r} Available
+                        {(0,i18n_1.t)("about.versionAvailable","v{{version}} Available").replace("{{version}}",o||"")}
                       </react_native_1.Text>
                       <NetworkIcons_1.BoltIcon size={9}color={AppColors_1.AppColors.amber600}/>
                     </react_native_1.View>:<react_native_1.View style={styles.upToDateBadge}>
-                      <react_native_1.Text style={styles.upToDateBadgeText}>Up to date</react_native_1.Text>
+                      <react_native_1.Text style={styles.upToDateBadgeText}>{(0,i18n_1.t)("about.upToDate","Up to date")}</react_native_1.Text>
                     </react_native_1.View>}
                 </react_native_1.View>
                 <react_native_1.Text style={styles.heroPackageName}>
@@ -30,54 +28,52 @@
           </react_native_1.View>
 
           <react_native_1.Text style={styles.heroDescription}>
-            The all-in-one on-device debugging, logging, and QA companion for
-            React Native & Expo applications. Designed for developers, QA
-            testers, and product teams.
+            {(0,i18n_1.t)("about.heroDescription","The all-in-one on-device debugging, logging, and QA companion for React Native & Expo applications. Designed for developers, QA testers, and product teams.")}
           </react_native_1.Text>
 
-          {t&&<TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),(0,helpers_1.showToast)("Copied npm upgrade command!")}}style={styles.upgradeBtn}>
+          {t&&<TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),(0,helpers_1.showToast)((0,i18n_1.t)("about.copiedUpgradeCommand","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{r})
+                {(0,i18n_1.t)("about.copyUpgradeCommand","Copy Upgrade Command (v{{version}})").replace("{{version}}",o||"")}
               </react_native_1.Text>
             </TouchableScale_1.default>}
         </react_native_1.View>
 
         
         <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>APP INFORMATION</react_native_1.Text>
+          <react_native_1.Text style={styles.sectionHeader}>{(0,i18n_1.t)("about.appInformation","APP INFORMATION")}</react_native_1.Text>
 
           <react_native_1.View style={{gap:8}}>
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>App Name</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>{(0,i18n_1.t)("about.appName","App Name")}</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueBold}>{(0,helpers_1.getAppName)()}</react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Package Identifier</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>{(0,i18n_1.t)("about.packageIdentifier","Package Identifier")}</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueRegular}>{(0,helpers_1.getBundleIdentifier)()}</react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>App Version</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>{(0,i18n_1.t)("about.appVersion","App Version")}</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueBold}>
                 {(0,helpers_1.getAppVersionAndBuild)().formatted}
               </react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.View style={styles.row}>
-              <react_native_1.Text style={styles.rowLabel}>Environment</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>{(0,i18n_1.t)("about.environment","Environment")}</react_native_1.Text>
               <react_native_1.View style={[styles.statusTag,{backgroundColor:__DEV__?`${AppColors_1.AppColors.amber500}20`:`${AppColors_1.AppColors.emerald500}20`,borderColor:__DEV__?`${AppColors_1.AppColors.amber500}50`:`${AppColors_1.AppColors.emerald500}50`}]}>
                 <react_native_1.Text style={[styles.statusTagText,{color:__DEV__?AppColors_1.AppColors.amber600:AppColors_1.AppColors.emerald600}]}>
-                  {__DEV__?"Development (Debug)":"Production (Release)"}
+                  {__DEV__?(0,i18n_1.t)("about.developmentDebug","Development (Debug)"):(0,i18n_1.t)("about.productionRelease","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}>Platform</react_native_1.Text>
+              <react_native_1.Text style={styles.rowLabel}>{(0,i18n_1.t)("about.platform","Platform")}</react_native_1.Text>
               <react_native_1.Text style={styles.rowValueRegular}>
-                {react_native_1.Platform.OS==="ios"?"Apple iOS":"Google Android"}{" "}
+                {react_native_1.Platform.OS==="ios"?(0,i18n_1.t)("about.appleIos","Apple iOS"):(0,i18n_1.t)("about.googleAndroid","Google Android")}{" "}
                 (v{react_native_1.Platform.Version})
               </react_native_1.Text>
             </react_native_1.View>
@@ -86,7 +82,7 @@
 
         
         <react_native_1.View style={styles.sectionCard}>
-          <react_native_1.Text style={styles.sectionHeader}>WHAT IN-APP INSPECTOR DOES</react_native_1.Text>
+          <react_native_1.Text style={styles.sectionHeader}>{(0,i18n_1.t)("about.features","WHAT IN-APP INSPECTOR DOES")}</react_native_1.Text>
 
           <react_native_1.View style={styles.featuresList}>
             <react_native_1.View style={styles.featureItem}>
@@ -94,10 +90,9 @@
                 <NetworkIcons_1.WifiIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
-                <react_native_1.Text style={styles.featureTitle}>Network Traffic Monitor</react_native_1.Text>
+                <react_native_1.Text style={styles.featureTitle}>{(0,i18n_1.t)("about.featureNetwork","Network Traffic Monitor")}</react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  Inspect HTTP and HTTPS API requests, responses, headers, and
-                  server latency with waterfall timing charts.
+                  {(0,i18n_1.t)("about.featureNetworkDesc","Inspect HTTP and HTTPS API requests, responses, headers, and server latency with waterfall timing charts.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -107,10 +102,9 @@
                 <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.blue500}size={18}/>
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
-                <react_native_1.Text style={styles.featureTitle}>Console Logger</react_native_1.Text>
+                <react_native_1.Text style={styles.featureTitle}>{(0,i18n_1.t)("about.featureConsole","Console Logger")}</react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  View real-time console logs, warnings, and errors with source
-                  file origins and formatted stack traces.
+                  {(0,i18n_1.t)("about.featureConsoleDesc","View real-time console logs, warnings, and errors with source file origins and formatted stack traces.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -120,10 +114,9 @@
                 <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.firebaseOrange}size={18}/>
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
-                <react_native_1.Text style={styles.featureTitle}>Analytics Telemetry</react_native_1.Text>
+                <react_native_1.Text style={styles.featureTitle}>{(0,i18n_1.t)("about.featureAnalytics","Analytics Telemetry")}</react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  Track Firebase and custom analytics events, screen views, and
-                  user properties live on the device.
+                  {(0,i18n_1.t)("about.featureAnalyticsDesc","Track Firebase and custom analytics events, screen views, and user properties live on the device.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -133,10 +126,9 @@
                 <NetworkIcons_1.DatabaseIcon color={AppColors_1.AppColors.violet600}size={18}/>
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
-                <react_native_1.Text style={styles.featureTitle}>Redux State & Actions</react_native_1.Text>
+                <react_native_1.Text style={styles.featureTitle}>{(0,i18n_1.t)("about.featureRedux","Redux State & Actions")}</react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  Inspect dispatched actions, payloads, and state tree diffs
-                  without connecting desktop companion tools.
+                  {(0,i18n_1.t)("about.featureReduxDesc","Inspect dispatched actions, payloads, and state tree diffs without connecting desktop companion tools.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -146,10 +138,9 @@
                 <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.teal600}size={18}/>
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
-                <react_native_1.Text style={styles.featureTitle}>Screen & Video Capture</react_native_1.Text>
+                <react_native_1.Text style={styles.featureTitle}>{(0,i18n_1.t)("about.featureCapture","Screen & Video Capture")}</react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  Take screenshots and record test sessions to share with QA and
-                  engineering teams instantly.
+                  {(0,i18n_1.t)("about.featureCaptureDesc","Take screenshots and record test sessions to share with QA and engineering teams instantly.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -160,11 +151,10 @@
               </react_native_1.View>
               <react_native_1.View style={styles.featureTextBox}>
                 <react_native_1.Text style={styles.featureTitle}>
-                  Crash Catcher & Diagnostics
+                  {(0,i18n_1.t)("about.featureCrash","Crash Catcher & Diagnostics")}
                 </react_native_1.Text>
                 <react_native_1.Text style={styles.featureDesc}>
-                  Protects against native crashes and provides device health
-                  metrics including RAM, battery, and storage.
+                  {(0,i18n_1.t)("about.featureCrashDesc","Protects against native crashes and provides device health metrics including RAM, battery, and storage.")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -178,9 +168,9 @@
             <react_native_1.View style={{flex:1}}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
                 <NetworkIcons_1.StarIcon color={AppColors_1.AppColors.amber500}size={13}/>
-                <react_native_1.Text style={styles.gridCardTitle}>GitHub</react_native_1.Text>
+                <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.github","GitHub")}</react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.Text style={styles.gridCardSub}>Star & source code</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.githubSub","Star & source code")}</react_native_1.Text>
             </react_native_1.View>
             <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
           </TouchableScale_1.default>
@@ -188,8 +178,8 @@
           <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={styles.gridCard}>
             <NetworkIcons_1.NpmIcon color={AppColors_1.AppColors.npmRed}size={18}/>
             <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>NPM Registry</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Package updates</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.npmRegistry","NPM Registry")}</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.npmRegistrySub","Package updates")}</react_native_1.Text>
             </react_native_1.View>
             <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
           </TouchableScale_1.default>
@@ -197,8 +187,8 @@
           <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector#readme").catch(()=>{})}}style={styles.gridCard}>
             <NetworkIcons_1.BookOpenIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
             <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Documentation</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Integration guide</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.documentation","Documentation")}</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.documentationSub","Integration guide")}</react_native_1.Text>
             </react_native_1.View>
             <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
           </TouchableScale_1.default>
@@ -206,8 +196,8 @@
           <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/issues").catch(()=>{})}}style={styles.gridCard}>
             <NetworkIcons_1.BugIcon color={AppColors_1.AppColors.errorColor}size={18}/>
             <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Report Issue</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>Help & support</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.reportIssue","Report Issue")}</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.reportIssueSub","Help & support")}</react_native_1.Text>
             </react_native_1.View>
             <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
           </TouchableScale_1.default>
@@ -215,17 +205,17 @@
           <TouchableScale_1.default onPress={()=>{react_native_1.Linking.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/releases").catch(()=>{})}}style={styles.gridCard}>
             <NetworkIcons_1.TagIcon color={AppColors_1.AppColors.successGreen}size={18}/>
             <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Release Notes</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>What's new</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.releaseNotes","Release Notes")}</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.releaseNotesSub","What's new")}</react_native_1.Text>
             </react_native_1.View>
             <NetworkIcons_1.ExternalLinkIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
           </TouchableScale_1.default>
 
-          <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector","NPM Command"),(0,helpers_1.showToast)("Copied package install command!")}}style={styles.gridCard}>
+          <TouchableScale_1.default onPress={()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector","NPM Command"),(0,helpers_1.showToast)((0,i18n_1.t)("about.copiedInstallCommand","Copied package install command!"))}}style={styles.gridCard}>
             <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.brandPurple}size={16}/>
             <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={styles.gridCardTitle}>Copy Install</react_native_1.Text>
-              <react_native_1.Text style={styles.gridCardSub}>npm / yarn command</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardTitle}>{(0,i18n_1.t)("about.copyInstall","Copy Install")}</react_native_1.Text>
+              <react_native_1.Text style={styles.gridCardSub}>{(0,i18n_1.t)("about.copyInstallSub","npm / yarn command")}</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>
@@ -233,10 +223,10 @@
         
         <react_native_1.View style={styles.footer}>
           <react_native_1.Text style={styles.footerText}>
-            React Native In-App Inspector · MIT License
+            {(0,i18n_1.t)("about.footerLicense","React Native In-App Inspector \xB7 MIT License")}
           </react_native_1.Text>
           <react_native_1.Text style={styles.footerSubText}>
-            Zero-config on-device debugging tool
+            {(0,i18n_1.t)("about.footerTagline","Zero-config on-device debugging tool")}
           </react_native_1.Text>
         </react_native_1.View>
       </react_native_1.ScrollView>

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

@@ -1,14 +1,14 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,l,r,a){a===void 0&&(a=r);var s=Object.getOwnPropertyDescriptor(l,r);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(n,a,s)}):(function(n,l,r,a){a===void 0&&(a=r),n[a]=l[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,l){Object.defineProperty(n,"default",{enumerable:!0,value:l})}):function(n,l){n.default=l}),__importStar=this&&this.__importStar||(function(){var n=function(l){return n=Object.getOwnPropertyNames||function(r){var a=[];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(a[a.length]=s);return a},n(l)};return function(l){if(l&&l.__esModule)return l;var r={};if(l!=null)for(var a=n(l),s=0;s<a.length;s++)a[s]!=="default"&&__createBinding(r,l,a[s]);return __setModuleDefault(r,l),r}})(),__importDefault=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),AnalyticsEventCard_1=__importDefault(require("../AnalyticsEventCard")),AnalyticsFilterModal_1=__importDefault(require("./AnalyticsFilterModal")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),EmptyState_1=__importDefault(require("../EmptyState")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AnalyticsTab=react_1.default.memo(()=>{const{t:n}=(0,i18n_1.useTranslation)(),{analyticsEvents:l,filteredAnalyticsEvents:r,analyticsSearch:a,setAnalyticsSearch:s,analyticsFilters:w,setAnalyticsFilters:T,handleDelete:L,selectedEvent:z,setSelectedEvent:x,newEventIds:V,logRouteMapRef:F,isAnalyticsLayoutReady:E,setIsAnalyticsLayoutReady:B,isAnalyticsFilterApplied:v}=(0,InspectorContext_1.useInspector)(),N=(0,react_1.useRef)(null),[R,O]=(0,react_1.useState)(!1),[P,k]=(0,react_1.useState)(100),A=(0,react_1.useMemo)(()=>r.slice(0,P),[r,P]),u=(0,react_1.useMemo)(()=>{let e=0,o=0,t=0,i=0;for(const m of l){const C=(0,helpers_1.getEventCategory)(m.name),c=m.count||1;C==="ecommerce"?e+=c:C==="page_view"?o+=c:C==="system"?t+=c:i+=c}const _=e+o+t+i;return{ecommerce:e,page_view:o,system:t,custom:i,totalCount:_}},[l]),q=(0,react_1.useCallback)(e=>{(0,InspectorContext_1.animateNextLayout)(),T(o=>{if(e==="all")return{...o,categories:new Set(["all"])};const t=new Set(o.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...o,categories:new Set(["all"])};return{...o,categories:t}})},[T]),D=(0,react_1.useCallback)((e,o)=>e?.id?.toString()??o.toString(),[]),j=(0,react_1.useCallback)(({item:e,index:o})=>{const t=r[o+1],i=r[o-1],_=t?e.timestamp-t.timestamp:void 0,m=Math.floor(e.timestamp/6e4),C=i?Math.floor(i.timestamp/6e4):-1,c=o===0||m!==C;return<AnalyticsEventCard_1.default event={e}onPress={()=>{x(e)}}isNew={V.has(e.id)}searchStr={a}isFirst={o===0}isLast={o===r.length-1}msSincePrev={_}showTimestamp={c}computedScreenName={(()=>{if(!e)return"";const b=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let S=typeof b=="string"?b:b?JSON.stringify(b):"";const I=F.current.get(e.id+1e6);if(!S&&I&&I.path!=="Navigators"){const M=I.path.split(" \u2794 ");S=M[M.length-1]}return S})()}/>},[r,a,V,x,F]),$=(0,react_1.useCallback)((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,l,a,o){o===void 0&&(o=a);var s=Object.getOwnPropertyDescriptor(l,a);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[a]}}),Object.defineProperty(n,o,s)}):(function(n,l,a,o){o===void 0&&(o=a),n[o]=l[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,l){Object.defineProperty(n,"default",{enumerable:!0,value:l})}):function(n,l){n.default=l}),__importStar=this&&this.__importStar||(function(){var n=function(l){return n=Object.getOwnPropertyNames||function(a){var o=[];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(o[o.length]=s);return o},n(l)};return function(l){if(l&&l.__esModule)return l;var a={};if(l!=null)for(var o=n(l),s=0;s<o.length;s++)o[s]!=="default"&&__createBinding(a,l,o[s]);return __setModuleDefault(a,l),a}})(),__importDefault=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),AnalyticsEventCard_1=__importDefault(require("../AnalyticsEventCard")),AnalyticsFilterModal_1=__importDefault(require("./AnalyticsFilterModal")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),EmptyState_1=__importDefault(require("../EmptyState")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,AnalyticsTab=react_1.default.memo(()=>{const{t:n}=(0,i18n_1.useTranslation)(),{analyticsEvents:l,filteredAnalyticsEvents:a,analyticsSearch:o,setAnalyticsSearch:s,analyticsFilters:m,setAnalyticsFilters:x,handleDelete:B,selectedEvent:R,setSelectedEvent:V,newEventIds:O,logRouteMapRef:F,isAnalyticsLayoutReady:N,setIsAnalyticsLayoutReady:k,isAnalyticsFilterApplied:v,maxAnalyticsEventsLimit:A}=(0,InspectorContext_1.useInspector)(),q=A||100,P=(0,react_1.useRef)(null),[D,E]=(0,react_1.useState)(!1),[L,M]=(0,react_1.useState)(q);react_1.default.useEffect(()=>{M(A||100),P.current?.scrollToOffset({offset:0,animated:!1})},[o,m,A]);const S=(0,react_1.useMemo)(()=>a.slice(0,L),[a,L]),u=(0,react_1.useMemo)(()=>{let e=0,r=0,t=0,i=0;for(const b of l){const C=(0,helpers_1.getEventCategory)(b.name),c=b.count||1;C==="ecommerce"?e+=c:C==="page_view"?r+=c:C==="system"?t+=c:i+=c}const _=e+r+t+i;return{ecommerce:e,page_view:r,system:t,custom:i,totalCount:_}},[l]),j=(0,react_1.useCallback)(e=>{(0,InspectorContext_1.animateNextLayout)(),x(r=>{if(e==="all")return{...r,categories:new Set(["all"])};const t=new Set(r.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...r,categories:new Set(["all"])};return{...r,categories:t}})},[x]),$=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),H=(0,react_1.useCallback)(({item:e,index:r})=>{const t=a[r+1],i=a[r-1],_=t?e.timestamp-t.timestamp:void 0,b=Math.floor(e.timestamp/6e4),C=i?Math.floor(i.timestamp/6e4):-1,c=r===0||b!==C;return<AnalyticsEventCard_1.default event={e}onPress={()=>{V(e)}}isNew={O.has(e.id)}searchStr={o}isFirst={r===0}isLast={r===a.length-1}msSincePrev={_}showTimestamp={c}computedScreenName={(()=>{if(!e)return"";const w=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let I=typeof w=="string"?w:w?JSON.stringify(w):"";const T=F.current.get(e.id+1e6);if(!I&&T&&T.path!=="Navigators"){const z=T.path.split(" \u2794 ");I=z[z.length-1]}return I})()}/>},[a,o,O,V,F]),W=(0,react_1.useCallback)((e,r)=>({length:86,offset:86*r,index:r}),[]);return<>
       
-      {z==null&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
+      {R==null&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
           <react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
             <react_native_1.View style={styles_1.default.searchContainer}>
               <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={16}/>
-              <react_native_1.TextInput placeholder={n("analytics.searchPlaceholder","Search events...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={s}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-              {a.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+              <react_native_1.TextInput placeholder={n("analytics.searchPlaceholder","Search events...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={s}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                   <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                     <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                      {r.length}
+                      {a.length}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Pressable onPress={()=>s("")}hitSlop={10}style={styles_1.default.clearBtn}>
@@ -18,12 +18,12 @@
             </react_native_1.View>
             <react_native_1.View style={styles_1.default.toolbarRight}>
               
-              <react_native_1.TouchableOpacity style={[styles_1.default.toolbarBtn,v&&{borderColor:`${AppColors_1.AppColors.brandPurple}60`,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`}]}onPress={()=>O(!0)}hitSlop={6}>
+              <react_native_1.TouchableOpacity style={[styles_1.default.toolbarBtn,v&&{borderColor:`${AppColors_1.AppColors.brandPurple}60`,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`}]}onPress={()=>E(!0)}hitSlop={6}>
                 <NetworkIcons_1.FilterIcon color={v?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextStrong}size={15}/>
                 {v&&<react_native_1.View style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:AppColors_1.AppColors.darkOrange,borderWidth:1,borderColor:AppColors_1.AppColors.white}}/>}
               </react_native_1.TouchableOpacity>
 
-              <react_native_1.TouchableOpacity style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={L}hitSlop={6}>
+              <react_native_1.TouchableOpacity style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={B}hitSlop={6}>
                 <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
@@ -32,14 +32,14 @@
           
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-              {[{id:"all",label:n("common.all","All"),count:u.totalCount,color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:"ecommerce",label:"Ecommerce",count:u.ecommerce,color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.CartIcon},{id:"page_view",label:"Screens",count:u.page_view,color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon},{id:"system",label:"System",count:u.system,color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.BoltIcon},{id:"custom",label:"Custom",count:u.custom,color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.SparkleIcon}].map(e=>{const o=e.id==="all"?w.categories.has("all"):!w.categories.has("all")&&w.categories.has(e.id),t=e.color||AppColors_1.AppColors.purple,i=o?AppColors_1.AppColors.white:t,_=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>q(e.id)}>
-                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?t:`${t}12`,borderWidth:1,borderColor:o?t:`${t}30`,gap:5}}>
+              {[{id:"all",label:n("common.all","All"),count:u.totalCount,color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:"ecommerce",label:"Ecommerce",count:u.ecommerce,color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.CartIcon},{id:"page_view",label:"Screens",count:u.page_view,color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon},{id:"system",label:"System",count:u.system,color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.BoltIcon},{id:"custom",label:"Custom",count:u.custom,color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.SparkleIcon}].map(e=>{const r=e.id==="all"?m.categories.has("all"):!m.categories.has("all")&&m.categories.has(e.id),t=e.color||AppColors_1.AppColors.purple,i=r?AppColors_1.AppColors.white:t,_=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>j(e.id)}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?t:`${t}12`,borderWidth:1,borderColor:r?t:`${t}30`,gap:5}}>
                       <_ size={11}color={i}/>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:o?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
                         {e.label}
                       </react_native_1.Text>
-                      <react_native_1.View style={{backgroundColor:o?"rgba(255,255,255,0.25)":`${t}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:o?AppColors_1.AppColors.white:t}}>
+                      <react_native_1.View style={{backgroundColor:r?"rgba(255,255,255,0.25)":`${t}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:r?AppColors_1.AppColors.white:t}}>
                           {e.count}
                         </react_native_1.Text>
                       </react_native_1.View>
@@ -50,11 +50,11 @@
         </react_native_1.View>}
 
       
-      <AnalyticsFilterModal_1.default visible={R}onClose={()=>O(!1)}/>
+      <AnalyticsFilterModal_1.default visible={D}onClose={()=>E(!1)}/>
 
-      <react_native_1.View style={{flex:1}}onLayout={()=>B(!0)}>
-        {E?<>
-            <react_native_1.FlatList ref={N}data={A}keyExtractor={D}renderItem={j}getItemLayout={$}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={a.length>0}searchQuery={a}customTitle={a.length>0?"No matching analytics events":"No analytics events yet"}customSub={a.length>0?`No events matched "${a}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>s("")}/>}ListFooterComponent={r.length>0?<EndOfListFooter_1.default count={A.length}totalCount={r.length}label="events"hasMore={A.length<r.length}onLoadMore={()=>k(e=>e+10)}/>:null}contentContainerStyle={[styles_1.default.listContent,r.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <react_native_1.View style={{flex:1}}onLayout={()=>k(!0)}>
+        {N?<>
+            <react_native_1.FlatList ref={P}data={S}keyExtractor={$}renderItem={H}getItemLayout={W}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0}searchQuery={o}customTitle={o.length>0?"No matching analytics events":"No analytics events yet"}customSub={o.length>0?`No events matched "${o}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>s("")}/>}ListFooterComponent={a.length>0?<EndOfListFooter_1.default count={S.length}totalCount={a.length}label="events"loadMoreStep={LOAD_MORE_STEP}hasMore={S.length<a.length}onLoadMore={()=>M(e=>e+LOAD_MORE_STEP)}/>:null}contentContainerStyle={[styles_1.default.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
           </>:null}
       </react_native_1.View>
     </>});exports.default=AnalyticsTab;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ConfirmationModalProps {
+    visible: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    isDestructive?: boolean;
+    icon?: 'trash' | 'alert' | 'reset' | 'info';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const ConfirmationModal: React.FC<ConfirmationModalProps>;

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

@@ -0,0 +1,32 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConfirmationModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),i18n_1=require("../../i18n"),ConfirmationModal=({visible:e,title:i,message:s,confirmText:c,cancelText:p,isDestructive:t=!0,icon:r="trash",onConfirm:d,onCancel:u})=>{const{t:a}=(0,i18n_1.useTranslation)();if(!e)return null;const n=c||a("common.confirm","Confirm"),l=p||a("common.cancel","Cancel"),C=()=>{(0,NativeInspector_1.triggerNativeHaptic)(t?"heavy":"medium"),d()},o=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),u()},h=()=>{switch(r){case"trash":return<NetworkIcons_1.TrashIcon size={24}color={AppColors_1.AppColors.red500}/>;case"alert":return<NetworkIcons_1.AlertTriangleIcon size={24}color={AppColors_1.AppColors.amber500}/>;case"reset":return<NetworkIcons_1.ResetIcon size={24}color={AppColors_1.AppColors.purple}/>;default:return<NetworkIcons_1.InfoCircleIcon size={24}color={AppColors_1.AppColors.purple}/>}},f=t?AppColors_1.AppColors.red100:r==="alert"?AppColors_1.AppColors.amber100:AppColors_1.AppColors.purple50,g=t?`${AppColors_1.AppColors.red500}4D`:r==="alert"?AppColors_1.AppColors.amber200:AppColors_1.AppColors.purple200;return<react_native_1.Modal visible={e}transparent={!0}animationType="fade"onRequestClose={o}>
+      <react_native_1.View style={styles.overlay}>
+        <react_native_1.Pressable style={styles.backdrop}onPress={o}/>
+
+        <react_native_1.View style={styles.card}>
+          
+          <TouchableScale_1.default onPress={o}hitSlop={8}style={styles.cornerCloseBtn}>
+            <NetworkIcons_1.CloseWhite size={11}color={AppColors_1.AppColors.grayTextWeak}/>
+          </TouchableScale_1.default>
+
+          
+          <react_native_1.View style={[styles.iconBadge,{backgroundColor:f,borderColor:g}]}>
+            {h()}
+          </react_native_1.View>
+
+          
+          <react_native_1.Text style={styles.title}>{i}</react_native_1.Text>
+          <react_native_1.Text style={styles.message}>{s}</react_native_1.Text>
+
+          
+          <react_native_1.View style={styles.buttonRow}>
+            <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={l}onPress={o}style={styles.cancelBtn}>
+              <react_native_1.Text style={styles.cancelBtnText}>{l}</react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={n}onPress={C}style={[styles.confirmBtn,t?styles.confirmBtnDestructive:styles.confirmBtnPrimary]}>
+              <react_native_1.Text style={styles.confirmBtnText}>{n}</react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>};exports.ConfirmationModal=ConfirmationModal;const styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:`${AppColors_1.AppColors.slate900}A6`,justifyContent:"center",alignItems:"center",paddingHorizontal:24},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:AppColors_1.AppColors.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.white}CC`,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.slate900,shadowOffset:{width:0,height:12},shadowOpacity:.28,shadowRadius:24},android:{elevation:12}})},cornerCloseBtn:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:AppColors_1.AppColors.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:54,height:54,borderRadius:27,borderWidth:1.5,alignItems:"center",justifyContent:"center",marginBottom:14},title:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:17,color:AppColors_1.AppColors.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",lineHeight:19,paddingHorizontal:8,marginBottom:22},buttonRow:{flexDirection:"row",alignItems:"center",gap:10,width:"100%"},cancelBtn:{flex:1,height:44,borderRadius:12,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:14,color:AppColors_1.AppColors.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,alignItems:"center",justifyContent:"center"},confirmBtnDestructive:{backgroundColor:AppColors_1.AppColors.red500,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnPrimary:{backgroundColor:AppColors_1.AppColors.purple,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.white,letterSpacing:.2}});

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

@@ -1,23 +1,23 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__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(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__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"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),ConsoleTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:I,logFilters:c,setLogFilters:A,logCounts:_,filteredConsoleLogs:s,visibleConsoleLogs:m}=(0,InspectorContext_1.useInspector)(),v=(0,react_1.useRef)(null),[b,x]=react_1.default.useState(100),S=(0,react_1.useMemo)(()=>s.slice(0,b),[s,b]),L=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
-        <ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={o}/>
-      </AnimatedEntrance_1.default>,[o]),V=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),F=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),z=(0,react_1.useMemo)(()=>{const e=m.length,r=s.length;if(c.has("all")||!Array.from(c).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,n,a)}):(function(o,t,l,n){n===void 0&&(n=l),o[n]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var n=o(t),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,t,n[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};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"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:F,logFilters:s,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:A,setSelectedLog:T}=(0,InspectorContext_1.useInspector)(),z=A||100,I=(0,react_1.useRef)(null),[v,x]=react_1.default.useState(z);react_1.default.useEffect(()=>{x(A||100),I.current?.scrollToOffset({offset:0,animated:!1})},[t,s,A]);const w=(0,react_1.useMemo)(()=>c.slice(0,v),[c,v]),L=(0,react_1.useCallback)(e=>{T(e)},[T]),P=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
+        <ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={t}onPress={L}/>
+      </AnimatedEntrance_1.default>,[t,L]),E=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),O=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),B=(0,react_1.useMemo)(()=>{const e=b.length,r=c.length;if(s.has("all")||!Array.from(s).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
             {r===e?`Showing ${e} logs`:`Showing ${r} of ${e} logs`}
           </react_native_1.Text>
-        </react_native_1.View>;{const h=Array.from(c).filter(C=>C!=="all").map(C=>C==="user-log"?"Log":C==="analytics"?"Analytics":C.charAt(0).toUpperCase()+C.slice(1));return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+        </react_native_1.View>;{const h=Array.from(s).filter(C=>C!=="all").map(C=>C==="user-log"?"Log":C==="analytics"?"Analytics":C.charAt(0).toUpperCase()+C.slice(1));return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
             Filtered by {h.join(", ")} ({r} of {e} logs)
           </react_native_1.Text>
-        </react_native_1.View>}},[m.length,s.length,c]),[w,T]=react_1.default.useState(!1),P=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),B=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:t("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:t("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:t("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:t("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:t("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:t("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,t]);return<react_native_1.View style={{flex:1}}>
+        </react_native_1.View>}},[b.length,c.length,s]),[m,V]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),M=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:o("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:o("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:o("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:o("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:o("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:o("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,o]);return<react_native_1.View style={{flex:1}}>
       <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
         <react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <react_native_1.View style={[styles_1.default.searchContainer,w&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
-            <NetworkIcons_1.SearchIcon color={w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
-            <react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>T(!0)}onBlur={()=>T(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+          <react_native_1.View style={[styles_1.default.searchContainer,m&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+            <NetworkIcons_1.SearchIcon color={m?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
+            <react_native_1.TextInput placeholder={o("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={l}onFocus={()=>V(!0)}onBlur={()=>V(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                    {s.length}
+                    {c.length}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Pressable onPress={()=>l("")}hitSlop={10}style={styles_1.default.clearBtn}>
@@ -30,15 +30,15 @@
             <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>a(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
               <NetworkIcons_1.SortArrowIcon color={AppColors_1.AppColors.grayTextStrong}size={18}direction={n==="newest"?"down":"up"}/>
             </TouchableScale_1.default>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={I}hitSlop={6}>
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={F}hitSlop={6}>
               <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
 
         
-        {(w||o.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {P.map(e=>{const r=o.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?i=>i.replace(e,"").trim():i=>i?`${i} ${e}`.trim():e)}}>
+        {(m||t.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
+            {H.map(e=>{const r=t.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?i=>i.replace(e,"").trim():i=>i?`${i} ${e}`.trim():e)}}>
                   <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}30`}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                       {e}
@@ -50,7 +50,7 @@
         
         <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {B.map(e=>{const r=e.id==="all"?c.has("all"):c.has(e.id)&&!c.has("all"),i=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:i,C=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>{e.id==="all"?A(new Set(["all"])):A(O=>{const y=new Set(O);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
+            {M.map(e=>{const r=e.id==="all"?s.has("all"):s.has(e.id)&&!s.has("all"),i=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:i,C=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>{e.id==="all"?S(new Set(["all"])):S(R=>{const y=new Set(R);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?i:`${i}12`,borderWidth:1,borderColor:r?i:`${i}30`,gap:5}}>
                     <C size={11}color={h}/>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
@@ -67,5 +67,5 @@
         </react_native_1.View>
       </react_native_1.View>
 
-      <react_native_1.FlatList ref={v}data={S}keyExtractor={F}ListHeaderComponent={z}renderItem={L}getItemLayout={V}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||!c.has("all")}searchQuery={o}customTitle={o.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),A(new Set(["all"]))}}/>}ListFooterComponent={s.length>0?<EndOfListFooter_1.default count={S.length}totalCount={s.length}label="logs"hasMore={S.length<s.length}onLoadMore={()=>x(e=>e+10)}/>:null}contentContainerStyle={[styles_1.default.listContent,s.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <react_native_1.FlatList ref={I}data={w}keyExtractor={O}ListHeaderComponent={B}renderItem={P}getItemLayout={E}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||!s.has("all")}searchQuery={t}customTitle={t.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),S(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={w.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={w.length<c.length}onLoadMore={()=>x(e=>e+LOAD_MORE_STEP)}/>:null}contentContainerStyle={[styles_1.default.listContent,c.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
     </react_native_1.View>});exports.default=ConsoleTab;