react-native-inapp-inspector 2.4.2 → 2.5.0

package/dist/esm/components/BrandCircleIcon.js

@@ -1,61 +1,61 @@
-import"react";import D,{Circle as M,Path as L,G as O,Defs as U,LinearGradient as F,RadialGradient as E,Stop as C,Rect as B,Ellipse as A,Line as W}from"react-native-svg";export const BrandCircleIcon=({size:G=56})=><D width={G}height={G}viewBox="0 0 256 256"fill="none">
-      <U>
-        <F id="tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#141B33"/>
-          <C offset="1"stopColor="#0A0E1C"/>
-        </F>
-        <F id="edge"x1="14"y1="22"x2="220"y2="228"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#3A4E7A"/>
-          <C offset="1"stopColor="#1A2238"/>
-        </F>
-        <F id="beam"x1="70"y1="74"x2="194"y2="187"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#5EEAD4"/>
-          <C offset="0.5"stopColor="#38BDF8"/>
-          <C offset="1"stopColor="#A78BFA"/>
-        </F>
-        <E id="halo"cx="0.5"cy="0.45"r="0.55">
-          <C offset="0"stopColor="#38BDF8"stopOpacity={.12}/>
-          <C offset="1"stopColor="#38BDF8"stopOpacity={0}/>
-        </E>
-        <F id="owlbody"x1="78"y1="60"x2="178"y2="186"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#202E55"/>
-          <C offset="1"stopColor="#10182F"/>
-        </F>
-        <F id="beak"x1="120"y1="151"x2="136"y2="168"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#FCD34D"/>
-          <C offset="1"stopColor="#FB923C"/>
-        </F>
-        <E id="iris"cx="0.42"cy="0.38"r="0.72">
-          <C offset="0"stopColor="#FDE68A"/>
-          <C offset="0.5"stopColor="#FBBF24"/>
-          <C offset="1"stopColor="#F59E0B"/>
-        </E>
-        <E id="blush"cx="0.5"cy="0.5"r="0.5">
-          <C offset="0"stopColor="#FB7185"stopOpacity={.5}/>
-          <C offset="1"stopColor="#FB7185"stopOpacity={0}/>
-        </E>
-        <F id="wing"x1="70"y1="120"x2="190"y2="206"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#1A2545"/>
-          <C offset="1"stopColor="#0E1530"/>
-        </F>
-        <F id="faceplate"x1="70"y1="72"x2="186"y2="152"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#35497E"/>
-          <C offset="1"stopColor="#1E2D4D"/>
-        </F>
-        <E id="lensglass"cx="0.4"cy="0.32"r="0.75">
-          <C offset="0"stopColor="#7DE8FF"stopOpacity={.22}/>
-          <C offset="0.7"stopColor="#7DE8FF"stopOpacity={.05}/>
-          <C offset="1"stopColor="#7DE8FF"stopOpacity={0}/>
-        </E>
-        <F id="belly"x1="94"y1="126"x2="162"y2="212"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#33477A"/>
-          <C offset="1"stopColor="#1D2B53"/>
-        </F>
-      </U>
+import"react";import A,{Circle as M,Path as L,G,Defs as Z,LinearGradient as O,RadialGradient as W,Stop as C,Rect as E,Ellipse as Q,Line as S}from"react-native-svg";import{AppColors as x}from"../styles/AppColors";export const BrandCircleIcon=({size:U=56})=><A width={U}height={U}viewBox="0 0 256 256"fill="none">
+      <Z>
+        <O id="tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.navy900}/>
+          <C offset="1"stopColor={x.navy950}/>
+        </O>
+        <O id="edge"x1="14"y1="22"x2="220"y2="228"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.steel600}/>
+          <C offset="1"stopColor={x.navy800}/>
+        </O>
+        <O id="beam"x1="70"y1="74"x2="194"y2="187"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.teal300}/>
+          <C offset="0.5"stopColor={x.sky400}/>
+          <C offset="1"stopColor={x.purple400}/>
+        </O>
+        <W id="halo"cx="0.5"cy="0.45"r="0.55">
+          <C offset="0"stopColor={x.sky400}stopOpacity={.12}/>
+          <C offset="1"stopColor={x.sky400}stopOpacity={0}/>
+        </W>
+        <O id="owlbody"x1="78"y1="60"x2="178"y2="186"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.navy700}/>
+          <C offset="1"stopColor={x.navy900}/>
+        </O>
+        <O id="beak"x1="120"y1="151"x2="136"y2="168"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.amber300}/>
+          <C offset="1"stopColor={x.orange400}/>
+        </O>
+        <W id="iris"cx="0.42"cy="0.38"r="0.72">
+          <C offset="0"stopColor={x.amber200}/>
+          <C offset="0.5"stopColor={x.amber400}/>
+          <C offset="1"stopColor={x.amber500}/>
+        </W>
+        <W id="blush"cx="0.5"cy="0.5"r="0.5">
+          <C offset="0"stopColor={x.rose400}stopOpacity={.5}/>
+          <C offset="1"stopColor={x.rose400}stopOpacity={0}/>
+        </W>
+        <O id="wing"x1="70"y1="120"x2="190"y2="206"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.navy800}/>
+          <C offset="1"stopColor={x.navy950}/>
+        </O>
+        <O id="faceplate"x1="70"y1="72"x2="186"y2="152"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.steel500}/>
+          <C offset="1"stopColor={x.navy700}/>
+        </O>
+        <W id="lensglass"cx="0.4"cy="0.32"r="0.75">
+          <C offset="0"stopColor={x.sky300}stopOpacity={.22}/>
+          <C offset="0.7"stopColor={x.sky300}stopOpacity={.05}/>
+          <C offset="1"stopColor={x.sky300}stopOpacity={0}/>
+        </W>
+        <O id="belly"x1="94"y1="126"x2="162"y2="212"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor={x.steel600}/>
+          <C offset="1"stopColor={x.navy700}/>
+        </O>
+      </Z>
       <M cx="128"cy="128"r="122"fill="url(#tile)"/>
       <M cx="128"cy="128"r="121.4"fill="none"stroke="url(#edge)"strokeOpacity={.7}strokeWidth={1.4}/>
       <M cx="128"cy="128"r="100"fill="url(#halo)"/>
-      <O transform="translate(128 132) scale(1.05) translate(-128 -134)">
+      <G transform="translate(128 132) scale(1.05) translate(-128 -134)">
         
         <L d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z"fill="url(#wing)"stroke="url(#beam)"strokeWidth={2.5}strokeOpacity={.45}/>
         
@@ -68,18 +68,18 @@ import"react";import D,{Circle as M,Path as L,G as O,Defs as U,LinearGradient as
         <L d="M157 48 L142 62 L152 63 L158 55 Z"fill="#080F22"opacity={.5}/>
 
         
-        <O stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
+        <G stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
           <L d="M80 138 q-5 26 3 50"/>
           <L d="M90 134 q-4 26 3 48"/>
           <L d="M176 138 q5 26 -3 50"/>
           <L d="M166 134 q4 26 -3 48"/>
-        </O>
+        </G>
 
         
         <L d="M128 126 C151 126 164 148 162 174 C160 198 146 212 128 212 C110 212 96 198 94 174 C92 148 105 126 128 126 Z"fill="url(#belly)"/>
 
         
-        <O stroke="#3E588C"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.4}>
+        <G stroke="#3E588C"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.4}>
           <L d="M110 154 Q118 162 126 154"/>
           <L d="M126 154 Q134 162 142 154"/>
           <L d="M142 154 Q150 162 158 154"/>
@@ -87,15 +87,15 @@ import"react";import D,{Circle as M,Path as L,G as O,Defs as U,LinearGradient as
           <L d="M150 172 Q158 180 166 172"/>
           <L d="M112 190 Q120 198 128 190"/>
           <L d="M128 190 Q136 198 144 190"/>
-        </O>
+        </G>
 
         
-        <B x={107}y={161}width={42}height={32}rx={9}fill="#0C1426"stroke="url(#beam)"strokeWidth={2}strokeOpacity={.7}/>
-        <O stroke="#8FD0EC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
+        <E x={107}y={161}width={42}height={32}rx={9}fill="#0C1426"stroke="url(#beam)"strokeWidth={2}strokeOpacity={.7}/>
+        <G stroke="#8FD0EC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
           <L d="M122 170 L115 177 L122 184"/>
           <L d="M134 170 L141 177 L134 184"/>
           <L d="M130 168 L126 186"/>
-        </O>
+        </G>
 
         
         <L d="M128 92 C148 70 186 78 186 108 C186 134 160 152 128 152 C96 152 70 134 70 108 C70 78 108 70 128 92 Z"fill="url(#faceplate)"stroke="#52709E"strokeWidth={2.6}strokeOpacity={.7}/>
@@ -103,10 +103,10 @@ import"react";import D,{Circle as M,Path as L,G as O,Defs as U,LinearGradient as
         <L d="M128 96 L128 120"stroke="#52709E"strokeWidth={2}strokeLinecap="round"strokeOpacity={.45}/>
 
         
-        <O stroke="url(#beak)"strokeWidth={5}strokeLinecap="round"fill="none">
+        <G stroke="url(#beak)"strokeWidth={5}strokeLinecap="round"fill="none">
           <L d="M111 209 L105 224 M111 209 L111 226 M111 209 L117 224"/>
           <L d="M145 209 L139 224 M145 209 L145 226 M145 209 L151 224"/>
-        </O>
+        </G>
 
         
         <M cx={153}cy={107}r={17}fill="url(#iris)"stroke="#1A1205"strokeWidth={2.2}/>
@@ -124,12 +124,12 @@ import"react";import D,{Circle as M,Path as L,G as O,Defs as U,LinearGradient as
         <M cx={91}cy={107}r={1.8}fill="#ffffff"opacity={.7}/>
         <M cx={95}cy={103}r={28}fill="url(#lensglass)"/>
         <L d="M77 87 A28 28 0 0 1 106 79"fill="none"stroke="#ffffff"strokeWidth={4}strokeLinecap="round"strokeOpacity={.5}/>
-        <W x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
-        <W x1={75}y1={123}x2={54}y2={147}stroke="url(#beam)"strokeWidth={8.5}strokeLinecap="round"/>
+        <S x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
+        <S x1={75}y1={123}x2={54}y2={147}stroke="url(#beam)"strokeWidth={8.5}strokeLinecap="round"/>
         <M cx={95}cy={103}r={28}fill="none"stroke="url(#beam)"strokeWidth={7}/>
 
         
-        <A cx={83}cy={127}rx={9}ry={6}fill="url(#blush)"/>
-        <A cx={167}cy={122}rx={9}ry={6}fill="url(#blush)"/>
-      </O>
-    </D>;export default BrandCircleIcon;
+        <Q cx={83}cy={127}rx={9}ry={6}fill="url(#blush)"/>
+        <Q cx={167}cy={122}rx={9}ry={6}fill="url(#blush)"/>
+      </G>
+    </A>;export default BrandCircleIcon;

package/dist/esm/components/BrandSquareIcon.js

@@ -1,65 +1,65 @@
-import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as M,RadialGradient as O,Stop as C,Rect as E,Ellipse as A,Line as D}from"react-native-svg";export const BrandSquareIcon=({size:G=56})=><U width={G}height={G}viewBox="0 0 256 256"fill="none">
-      <W>
+import"react";import A,{Circle as _,Path as L,G as O,Defs as Z,LinearGradient as M,RadialGradient as G,Stop as C,Rect as U,Ellipse as S,Line as Q}from"react-native-svg";import{AppColors as o}from"../styles/AppColors";export const BrandSquareIcon=({size:W=56})=><A width={W}height={W}viewBox="0 0 256 256"fill="none">
+      <Z>
         <M id="sq_tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#141B33"/>
-          <C offset="1"stopColor="#0A0E1C"/>
+          <C offset="0"stopColor={o.navy900}/>
+          <C offset="1"stopColor={o.navy950}/>
         </M>
         <M id="sq_edge"x1="14"y1="22"x2="220"y2="228"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#3A4E7A"/>
-          <C offset="1"stopColor="#1A2238"/>
+          <C offset="0"stopColor={o.steel600}/>
+          <C offset="1"stopColor={o.navy800}/>
         </M>
         <M id="sq_beam"x1="70"y1="74"x2="194"y2="187"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#5EEAD4"/>
-          <C offset="0.5"stopColor="#38BDF8"/>
-          <C offset="1"stopColor="#A78BFA"/>
+          <C offset="0"stopColor={o.teal300}/>
+          <C offset="0.5"stopColor={o.sky400}/>
+          <C offset="1"stopColor={o.purple400}/>
         </M>
-        <O id="sq_halo"cx="0.5"cy="0.45"r="0.55">
-          <C offset="0"stopColor="#38BDF8"stopOpacity={.12}/>
-          <C offset="1"stopColor="#38BDF8"stopOpacity={0}/>
-        </O>
+        <G id="sq_halo"cx="0.5"cy="0.45"r="0.55">
+          <C offset="0"stopColor={o.sky400}stopOpacity={.12}/>
+          <C offset="1"stopColor={o.sky400}stopOpacity={0}/>
+        </G>
         <M id="sq_owlbody"x1="78"y1="60"x2="178"y2="186"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#202E55"/>
-          <C offset="1"stopColor="#10182F"/>
+          <C offset="0"stopColor={o.navy700}/>
+          <C offset="1"stopColor={o.navy900}/>
         </M>
         <M id="sq_beak"x1="120"y1="151"x2="136"y2="168"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#FCD34D"/>
-          <C offset="1"stopColor="#FB923C"/>
+          <C offset="0"stopColor={o.amber300}/>
+          <C offset="1"stopColor={o.orange400}/>
         </M>
-        <O id="sq_iris"cx="0.42"cy="0.38"r="0.72">
-          <C offset="0"stopColor="#FDE68A"/>
-          <C offset="0.5"stopColor="#FBBF24"/>
-          <C offset="1"stopColor="#F59E0B"/>
-        </O>
-        <O id="sq_blush"cx="0.5"cy="0.5"r="0.5">
-          <C offset="0"stopColor="#FB7185"stopOpacity={.5}/>
-          <C offset="1"stopColor="#FB7185"stopOpacity={0}/>
-        </O>
+        <G id="sq_iris"cx="0.42"cy="0.38"r="0.72">
+          <C offset="0"stopColor={o.amber200}/>
+          <C offset="0.5"stopColor={o.amber400}/>
+          <C offset="1"stopColor={o.amber500}/>
+        </G>
+        <G id="sq_blush"cx="0.5"cy="0.5"r="0.5">
+          <C offset="0"stopColor={o.rose400}stopOpacity={.5}/>
+          <C offset="1"stopColor={o.rose400}stopOpacity={0}/>
+        </G>
         <M id="sq_wing"x1="70"y1="120"x2="190"y2="206"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#1A2545"/>
-          <C offset="1"stopColor="#0E1530"/>
+          <C offset="0"stopColor={o.navy800}/>
+          <C offset="1"stopColor={o.navy950}/>
         </M>
         <M id="sq_faceplate"x1="70"y1="72"x2="186"y2="152"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#35497E"/>
-          <C offset="1"stopColor="#1E2D4D"/>
+          <C offset="0"stopColor={o.steel500}/>
+          <C offset="1"stopColor={o.navy700}/>
         </M>
-        <O id="sq_lensglass"cx="0.4"cy="0.32"r="0.75">
-          <C offset="0"stopColor="#7DE8FF"stopOpacity={.22}/>
-          <C offset="0.7"stopColor="#7DE8FF"stopOpacity={.05}/>
-          <C offset="1"stopColor="#7DE8FF"stopOpacity={0}/>
-        </O>
+        <G id="sq_lensglass"cx="0.4"cy="0.32"r="0.75">
+          <C offset="0"stopColor={o.sky300}stopOpacity={.22}/>
+          <C offset="0.7"stopColor={o.sky300}stopOpacity={.05}/>
+          <C offset="1"stopColor={o.sky300}stopOpacity={0}/>
+        </G>
         <M id="sq_belly"x1="94"y1="126"x2="162"y2="212"gradientUnits="userSpaceOnUse">
-          <C offset="0"stopColor="#33477A"/>
-          <C offset="1"stopColor="#1D2B53"/>
+          <C offset="0"stopColor={o.steel600}/>
+          <C offset="1"stopColor={o.navy700}/>
         </M>
-      </W>
+      </Z>
 
       
-      <E x={8}y={8}width={240}height={240}rx={58}fill="url(#sq_tile)"/>
-      <E x={8.6}y={8.6}width={238.8}height={238.8}rx={57.4}fill="none"stroke="url(#sq_edge)"strokeOpacity={.6}/>
+      <U x={8}y={8}width={240}height={240}rx={58}fill="url(#sq_tile)"/>
+      <U x={8.6}y={8.6}width={238.8}height={238.8}rx={57.4}fill="none"stroke="url(#sq_edge)"strokeOpacity={.6}/>
       <_ cx={128}cy={128}r={104}fill="url(#sq_halo)"/>
 
       
-      <F transform="translate(128 128) scale(1.16) translate(-128 -134)">
+      <O transform="translate(128 128) scale(1.16) translate(-128 -134)">
         
         <L d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z"fill="url(#sq_wing)"stroke="url(#sq_beam)"strokeWidth={2.5}strokeOpacity={.45}/>
         
@@ -72,18 +72,18 @@ import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as
         <L d="M157 48 L142 62 L152 63 L158 55 Z"fill="#080F22"opacity={.5}/>
 
         
-        <F stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
+        <O stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
           <L d="M80 138 q-5 26 3 50"/>
           <L d="M90 134 q-4 26 3 48"/>
           <L d="M176 138 q5 26 -3 50"/>
           <L d="M166 134 q4 26 -3 48"/>
-        </F>
+        </O>
 
         
         <L d="M128 126 C151 126 164 148 162 174 C160 198 146 212 128 212 C110 212 96 198 94 174 C92 148 105 126 128 126 Z"fill="url(#sq_belly)"/>
 
         
-        <F stroke="#3E588C"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.4}>
+        <O stroke="#3E588C"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.4}>
           <L d="M110 154 Q118 162 126 154"/>
           <L d="M126 154 Q134 162 142 154"/>
           <L d="M142 154 Q150 162 158 154"/>
@@ -91,15 +91,15 @@ import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as
           <L d="M150 172 Q158 180 166 172"/>
           <L d="M112 190 Q120 198 128 190"/>
           <L d="M128 190 Q136 198 144 190"/>
-        </F>
+        </O>
 
         
-        <E x={107}y={161}width={42}height={32}rx={9}fill="#0C1426"stroke="url(#sq_beam)"strokeWidth={2}strokeOpacity={.7}/>
-        <F stroke="#8FD0EC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
+        <U x={107}y={161}width={42}height={32}rx={9}fill="#0C1426"stroke="url(#sq_beam)"strokeWidth={2}strokeOpacity={.7}/>
+        <O stroke="#8FD0EC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
           <L d="M122 170 L115 177 L122 184"/>
           <L d="M134 170 L141 177 L134 184"/>
           <L d="M130 168 L126 186"/>
-        </F>
+        </O>
 
         
         <L d="M128 92 C148 70 186 78 186 108 C186 134 160 152 128 152 C96 152 70 134 70 108 C70 78 108 70 128 92 Z"fill="url(#sq_faceplate)"stroke="#52709E"strokeWidth={2.6}strokeOpacity={.7}/>
@@ -107,16 +107,16 @@ import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as
         <L d="M128 96 L128 120"stroke="#52709E"strokeWidth={2}strokeLinecap="round"strokeOpacity={.45}/>
 
         
-        <F stroke="url(#sq_beak)"strokeWidth={5}strokeLinecap="round"fill="none">
+        <O stroke="url(#sq_beak)"strokeWidth={5}strokeLinecap="round"fill="none">
           <L d="M111 209 L105 224 M111 209 L111 226 M111 209 L117 224"/>
           <L d="M145 209 L139 224 M145 209 L145 226 M145 209 L151 224"/>
-        </F>
+        </O>
 
         
         <_ cx={153}cy={107}r={17}fill="url(#sq_iris)"stroke="#1A1205"strokeWidth={2.2}/>
         <_ cx={153}cy={108}r={8.2}fill="#0A0E18"/>
-        <_ cx={156.2}cy={104}r={3.1}fill="#ffffff"opacity={.95}/>
-        <_ cx={149.6}cy={111}r={1.6}fill="#ffffff"opacity={.7}/>
+        <_ cx={156.2}cy={104}r={3.1}fill={o.white}opacity={.95}/>
+        <_ cx={149.6}cy={111}r={1.6}fill={o.white}opacity={.7}/>
 
         
         <L d="M123.5 123 Q128 121 132.5 123 Q131 132 128 134.5 Q125 132 123.5 123 Z"fill="url(#sq_beak)"/>
@@ -124,16 +124,16 @@ import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as
         
         <_ cx={95}cy={103}r={20}fill="url(#sq_iris)"stroke="#1A1205"strokeWidth={2.6}/>
         <_ cx={95}cy={104}r={10}fill="#0A0E18"/>
-        <_ cx={98.6}cy={100}r={3.4}fill="#ffffff"opacity={.95}/>
-        <_ cx={91}cy={107}r={1.8}fill="#ffffff"opacity={.7}/>
+        <_ cx={98.6}cy={100}r={3.4}fill={o.white}opacity={.95}/>
+        <_ cx={91}cy={107}r={1.8}fill={o.white}opacity={.7}/>
         <_ cx={95}cy={103}r={28}fill="url(#sq_lensglass)"/>
-        <L d="M77 87 A28 28 0 0 1 106 79"fill="none"stroke="#ffffff"strokeWidth={4}strokeLinecap="round"strokeOpacity={.5}/>
-        <D x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
-        <D x1={75}y1={123}x2={54}y2={147}stroke="url(#sq_beam)"strokeWidth={8.5}strokeLinecap="round"/>
+        <L d="M77 87 A28 28 0 0 1 106 79"fill="none"stroke={o.white}strokeWidth={4}strokeLinecap="round"strokeOpacity={.5}/>
+        <Q x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
+        <Q x1={75}y1={123}x2={54}y2={147}stroke="url(#sq_beam)"strokeWidth={8.5}strokeLinecap="round"/>
         <_ cx={95}cy={103}r={28}fill="none"stroke="url(#sq_beam)"strokeWidth={7}/>
 
         
-        <A cx={83}cy={127}rx={9}ry={6}fill="url(#sq_blush)"/>
-        <A cx={167}cy={122}rx={9}ry={6}fill="url(#sq_blush)"/>
-      </F>
-    </U>;export default BrandSquareIcon;
+        <S cx={83}cy={127}rx={9}ry={6}fill="url(#sq_blush)"/>
+        <S cx={167}cy={122}rx={9}ry={6}fill="url(#sq_blush)"/>
+      </O>
+    </A>;export default BrandSquareIcon;

package/dist/esm/components/ConsoleLogCard.js

@@ -92,4 +92,4 @@ import F from"react";import{useTranslation as v}from"../i18n";import{Pressable a
           </I>
         </I>
       </Ie>
-    </I>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:12,paddingTop:10,paddingBottom:8,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:8,gap:6,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},serialNumber:{fontFamily:S.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:10,lineHeight:13},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:10,paddingVertical:6,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:S.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:S.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:S.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:S.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:S.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});function je(R,t){return R.item===t.item&&R.searchStr===t.searchStr&&R.onPress===t.onPress}export const MemoizedConsoleLogCard=F.memo(ConsoleLogCard,je);export default MemoizedConsoleLogCard;
+    </I>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:S.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:S.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:S.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:S.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:S.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:S.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});function je(R,t){return R.item===t.item&&R.searchStr===t.searchStr&&R.onPress===t.onPress}export const MemoizedConsoleLogCard=F.memo(ConsoleLogCard,je);export default MemoizedConsoleLogCard;

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

@@ -1,40 +1,40 @@
-import X,{useCallback as F,useState as Y,useMemo as Z,useRef as Fe}from"react";import{FlatList as Pe,Pressable as Re,ScrollView as Ve,Text as N,TextInput as Be,TouchableOpacity as Ce,View as C}from"react-native";import{animateNextLayout as Me,useInspector as _e}from"./InspectorContext";import Ne from"../AnalyticsEventCard";import Oe from"./AnalyticsFilterModal";import $e from"../EndOfListFooter";import De from"../EmptyState";import I from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as O}from"../../styles/AppFonts";import{useTranslation as He}from"../../i18n";import We from"../TouchableScale";import{getEventCategory as Ge}from"../../helpers";import{LayersIcon as je,SearchIcon as Je,ClearIcon as Qe,TrashIcon as Ke,FilterIcon as Ue,CartIcon as Xe,GlobeIcon as Ye,BoltIcon as Ze,SparkleIcon as et}from"../NetworkIcons";const Se=10,tt=X.memo(()=>{const{t:$}=He(),{analyticsEvents:D,filteredAnalyticsEvents:a,analyticsSearch:S,setAnalyticsSearch:P,analyticsFilters:A,setAnalyticsFilters:H,handleDelete:we,selectedEvent:Ie,setSelectedEvent:W,newEventIds:G,logRouteMapRef:j,isAnalyticsLayoutReady:Te,setIsAnalyticsLayoutReady:ve,isAnalyticsFilterApplied:R,maxAnalyticsEventsLimit:V}=_e(),xe=V||100,J=Fe(null),[Le,Q]=Y(!1),[q,K]=Y(xe);X.useEffect(()=>{K(V||100),J.current?.scrollToOffset({offset:0,animated:!1})},[S,A,V]);const B=Z(()=>a.slice(0,q),[a,q]),v=Z(()=>{let e=0,o=0,t=0,w=0;for(const E of D){const k=Ge(E.name),T=E.count||1;k==="ecommerce"?e+=T:k==="page_view"?o+=T:k==="system"?t+=T:w+=T}const L=e+o+t+w;return{ecommerce:e,page_view:o,system:t,custom:w,totalCount:L}},[D]),ke=F(e=>{Me(),H(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}})},[H]),Ae=F((e,o)=>e?.id?.toString()??o.toString(),[]),Ee=F(({item:e,index:o})=>{const t=a[o+1],w=a[o-1],L=t?e.timestamp-t.timestamp:void 0,E=Math.floor(e.timestamp/6e4),k=w?Math.floor(w.timestamp/6e4):-1,T=o===0||E!==k;return<Ne event={e}onPress={()=>{W(e)}}isNew={G.has(e.id)}searchStr={S}isFirst={o===0}isLast={o===a.length-1}msSincePrev={L}showTimestamp={T}computedScreenName={(()=>{if(!e)return"";const z=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 M=typeof z=="string"?z:z?JSON.stringify(z):"";const _=j.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const U=_.path.split(" \u2794 ");M=U[U.length-1]}return M})()}/>},[a,S,G,W,j]),ze=F((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
+import X,{useCallback as F,useState as Y,useMemo as Z,useRef as Fe}from"react";import{FlatList as Pe,Pressable as Re,ScrollView as Ve,Text as N,TextInput as Be,TouchableOpacity as Ce,View as C}from"react-native";import{animateNextLayout as Me,useInspector as _e}from"./InspectorContext";import Ne from"../AnalyticsEventCard";import Oe from"./AnalyticsFilterModal";import $e from"../EndOfListFooter";import De from"../EmptyState";import T from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as O}from"../../styles/AppFonts";import{useTranslation as He}from"../../i18n";import We from"../TouchableScale";import{getEventCategory as Ge}from"../../helpers";import{LayersIcon as je,SearchIcon as Je,ClearIcon as Qe,TrashIcon as Ke,FilterIcon as Ue,CartIcon as Xe,GlobeIcon as Ye,BoltIcon as Ze,SparkleIcon as et}from"../NetworkIcons";const Se=10,tt=X.memo(()=>{const{t:$}=He(),{analyticsEvents:D,filteredAnalyticsEvents:S,analyticsSearch:w,setAnalyticsSearch:P,analyticsFilters:A,setAnalyticsFilters:H,handleDelete:we,selectedEvent:Ie,setSelectedEvent:W,newEventIds:G,logRouteMapRef:j,isAnalyticsLayoutReady:Te,setIsAnalyticsLayoutReady:ve,isAnalyticsFilterApplied:R,maxAnalyticsEventsLimit:V}=_e(),xe=V||100,J=Fe(null),[Le,Q]=Y(!1),[q,K]=Y(xe);X.useEffect(()=>{K(V||100),J.current?.scrollToOffset({offset:0,animated:!1})},[w,A,V]);const B=Z(()=>S.slice(0,q),[S,q]),x=Z(()=>{let e=0,o=0,t=0,I=0;for(const E of D){const k=Ge(E.name),v=E.count||1;k==="ecommerce"?e+=v:k==="page_view"?o+=v:k==="system"?t+=v:I+=v}const L=e+o+t+I;return{ecommerce:e,page_view:o,system:t,custom:I,totalCount:L}},[D]),ke=F(e=>{Me(),H(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}})},[H]),Ae=F((e,o)=>e?.id?.toString()??o.toString(),[]),Ee=F(({item:e,index:o})=>{const t=S[o+1],I=S[o-1],L=t?e.timestamp-t.timestamp:void 0,E=Math.floor(e.timestamp/6e4),k=I?Math.floor(I.timestamp/6e4):-1,v=o===0||E!==k;return<Ne event={e}onPress={()=>{W(e)}}isNew={G.has(e.id)}searchStr={w}isFirst={o===0}isLast={o===S.length-1}msSincePrev={L}showTimestamp={v}computedScreenName={(()=>{if(!e)return"";const z=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 M=typeof z=="string"?z:z?JSON.stringify(z):"";const _=j.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const U=_.path.split(" \u2794 ");M=U[U.length-1]}return M})()}/>},[S,w,G,W,j]),ze=F((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
       
       {Ie==null&&<C style={{backgroundColor:r.white,borderBottomWidth:1,borderBottomColor:r.dividerColor,paddingBottom:6}}>
-          <C style={[I.toolbarRow,{marginTop:12,marginBottom:8}]}>
-            <C style={I.searchContainer}>
+          <C style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
+            <C style={T.searchContainer}>
               <Je color={r.grayTextWeak}size={16}/>
-              <Be placeholder={$("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={S}onChangeText={P}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-              {S.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
+              <Be placeholder={$("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={w}onChangeText={P}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {w.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                   <C style={{backgroundColor:`${r.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                     <N style={{color:r.purple,fontSize:9.5,fontFamily:O.interBold}}>
-                      {a.length}
+                      {S.length}
                     </N>
                   </C>
-                  <Re onPress={()=>P("")}hitSlop={10}style={I.clearBtn}>
+                  <Re onPress={()=>P("")}hitSlop={10}style={T.clearBtn}>
                     <Qe color={r.grayTextWeak}size={13}/>
                   </Re>
                 </C>}
             </C>
-            <C style={I.toolbarRight}>
+            <C style={T.toolbarRight}>
               
-              <Ce style={[I.toolbarBtn,R&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
+              <Ce style={[T.toolbarBtn,R&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
                 <Ue color={R?r.brandPurple:r.grayTextStrong}size={15}/>
                 {R&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:r.darkOrange,borderWidth:1,borderColor:r.white}}/>}
               </Ce>
 
-              <Ce style={[I.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={we}hitSlop={6}>
+              <Ce style={[T.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={we}hitSlop={6}>
                 <Ke color={r.errorColor}size={15}/>
               </Ce>
             </C>
           </C>
 
           
-          <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+          <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
             <Ve horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-              {[{id:"all",label:$("common.all","All"),count:v.totalCount,color:r.purple,Icon:je},{id:"ecommerce",label:"Ecommerce",count:v.ecommerce,color:r.amber600,Icon:Xe},{id:"page_view",label:"Screens",count:v.page_view,color:r.sky600,Icon:Ye},{id:"system",label:"System",count:v.system,color:r.violet600,Icon:Ze},{id:"custom",label:"Custom",count:v.custom,color:r.teal600,Icon:et}].map(e=>{const o=e.id==="all"?A.categories.has("all"):!A.categories.has("all")&&A.categories.has(e.id),t=e.color||r.purple,w=o?r.white:t,L=e.Icon;return<We key={e.id}onPress={()=>ke(e.id)}>
+              {[{id:"all",label:$("common.all","All"),count:x.totalCount,color:r.purple,Icon:je},{id:"ecommerce",label:"Ecommerce",count:x.ecommerce,color:r.amber600,Icon:Xe},{id:"page_view",label:"Screens",count:x.page_view,color:r.sky600,Icon:Ye},{id:"system",label:"System",count:x.system,color:r.violet600,Icon:Ze},{id:"custom",label:"Custom",count:x.custom,color:r.teal600,Icon:et}].map(e=>{const o=e.id==="all"?A.categories.has("all"):!A.categories.has("all")&&A.categories.has(e.id),t=e.color||r.purple,I=o?r.white:t,L=e.Icon;return<We key={e.id}onPress={()=>ke(e.id)}>
                     <C 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}}>
-                      <L size={11}color={w}/>
+                      <L size={11}color={I}/>
                       <N style={{fontFamily:O.interBold,fontSize:10.5,color:o?r.white:r.primaryBlack}}>
                         {e.label}
                       </N>
@@ -54,7 +54,7 @@ import X,{useCallback as F,useState as Y,useMemo as Z,useRef as Fe}from"react";i
 
       <C style={{flex:1}}onLayout={()=>ve(!0)}>
         {Te?<>
-            <Pe ref={J}data={B}keyExtractor={Ae}renderItem={Ee}getItemLayout={ze}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<De isSearch={S.length>0}searchQuery={S}customTitle={S.length>0?"No matching analytics events":"No analytics events yet"}customSub={S.length>0?`No events matched "${S}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>P("")}/>}ListFooterComponent={a.length>0?<$e count={B.length}totalCount={a.length}label="events"loadMoreStep={Se}hasMore={B.length<a.length}onLoadMore={()=>K(e=>e+Se)}/>:null}contentContainerStyle={[I.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+            <Pe ref={J}data={B}keyExtractor={Ae}renderItem={Ee}getItemLayout={ze}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<De isSearch={w.length>0}searchQuery={w}customTitle={w.length>0?"No matching analytics events":"No analytics events yet"}customSub={w.length>0?`No events matched "${w}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>P("")}/>}ListFooterComponent={S.length>0?<$e count={B.length}totalCount={S.length}label="events"loadMoreStep={Se}hasMore={B.length<S.length}onLoadMore={()=>K(e=>e+Se)}/>:null}style={{flex:1}}contentContainerStyle={[T.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
           </>:null}
       </C>
     </>});export default tt;

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

@@ -1,32 +1,30 @@
-import"react";import{Modal as D,View as C,Text as B,StyleSheet as P,Pressable as N,Platform as S}from"react-native";import R from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as T}from"../../styles/AppFonts";import{TrashIcon as E,AlertTriangleIcon as G,ResetIcon as J,InfoCircleIcon as K,CloseWhite as Q}from"../NetworkIcons";import{triggerNativeHaptic as O}from"../../native/NativeInspector";import{useTranslation as U}from"../../i18n";export const ConfirmationModal=({visible:I,title:W,message:j,confirmText:A,cancelText:F,isDestructive:o=!0,icon:x="trash",onConfirm:H,onCancel:V})=>{const{t:z}=U();if(!I)return null;const k=A||z("common.confirm","Confirm"),v=F||z("common.cancel","Cancel"),M=()=>{O(o?"heavy":"medium"),H()},r=()=>{O("light"),V()},$=()=>{switch(x){case"trash":return<E size={24}color={e.red500}/>;case"alert":return<G size={24}color={e.amber500}/>;case"reset":return<J size={24}color={e.purple}/>;default:return<K size={24}color={e.purple}/>}},L=o?e.red100:x==="alert"?e.amber100:e.purple50,q=o?`${e.red500}4D`:x==="alert"?e.amber200:e.purple200;return<D visible={I}transparent={!0}animationType="fade"onRequestClose={r}>
-      <C style={t.overlay}>
-        <N style={t.backdrop}onPress={r}/>
+import"react";import{View as C,Text as B,StyleSheet as R,Pressable as J,Platform as I}from"react-native";import P from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as x}from"../../styles/AppFonts";import{TrashIcon as K,AlertTriangleIcon as Q,ResetIcon as U,InfoCircleIcon as X,CloseWhite as Y}from"../NetworkIcons";import{triggerNativeHaptic as j}from"../../native/NativeInspector";import{useTranslation as Z}from"../../i18n";export const ConfirmationModal=({visible:A,title:H,message:V,confirmText:$,cancelText:L,isDestructive:o=!0,icon:T="trash",onConfirm:D,onCancel:M})=>{const{t:F}=Z();if(!A)return null;const O=$||F("common.confirm","Confirm"),W=L||F("common.cancel","Cancel"),N=()=>{j(o?"heavy":"medium"),D()},S=()=>{j("light"),M()},q=()=>{switch(T){case"trash":return<K size={24}color={e.red500}/>;case"alert":return<Q size={24}color={e.amber500}/>;case"reset":return<U size={24}color={e.purple}/>;default:return<X size={24}color={e.purple}/>}},E=o?e.red100:T==="alert"?e.amber100:e.purple50,G=o?`${e.red500}4D`:T==="alert"?e.amber200:e.purple200;return<C style={[R.absoluteFill,t.overlay,{zIndex:999999,elevation:999}]}>
+      <J style={t.backdrop}onPress={S}/>
 
-        <C style={t.card}>
-          
-          <R onPress={r}hitSlop={8}style={t.cornerCloseBtn}>
-            <Q size={11}color={e.grayTextWeak}/>
-          </R>
+      <C style={t.card}>
+        
+        <P onPress={S}hitSlop={8}style={t.cornerCloseBtn}>
+          <Y size={11}color={e.grayTextWeak}/>
+        </P>
 
-          
-          <C style={[t.iconBadge,{backgroundColor:L,borderColor:q}]}>
-            {$()}
-          </C>
+        
+        <C style={[t.iconBadge,{backgroundColor:E,borderColor:G}]}>
+          {q()}
+        </C>
 
-          
-          <B style={t.title}>{W}</B>
-          <B style={t.message}>{j}</B>
+        
+        <B style={t.title}>{H}</B>
+        <B style={t.message}>{V}</B>
 
-          
-          <C style={t.buttonRow}>
-            <R accessible={!0}accessibilityRole="button"accessibilityLabel={v}onPress={r}style={t.cancelBtn}>
-              <B style={t.cancelBtnText}>{v}</B>
-            </R>
+        
+        <C style={t.buttonRow}>
+          <P accessible={!0}accessibilityRole="button"accessibilityLabel={W}onPress={S}style={t.cancelBtn}>
+            <B style={t.cancelBtnText}>{W}</B>
+          </P>
 
-            <R accessible={!0}accessibilityRole="button"accessibilityLabel={k}onPress={M}style={[t.confirmBtn,o?t.confirmBtnDestructive:t.confirmBtnPrimary]}>
-              <B style={t.confirmBtnText}>{k}</B>
-            </R>
-          </C>
+          <P accessible={!0}accessibilityRole="button"accessibilityLabel={O}onPress={N}style={[t.confirmBtn,o?t.confirmBtnDestructive:t.confirmBtnPrimary]}>
+            <B style={t.confirmBtnText}>{O}</B>
+          </P>
         </C>
       </C>
-    </D>};const t=P.create({overlay:{flex:1,backgroundColor:`${e.slate900}A6`,justifyContent:"center",alignItems:"center",paddingHorizontal:24},backdrop:{...P.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:e.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${e.white}CC`,...S.select({ios:{shadowColor:e.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:e.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:54,height:54,borderRadius:27,borderWidth:1.5,alignItems:"center",justifyContent:"center",marginBottom:14},title:{fontFamily:T.interBold,fontSize:17,color:e.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:T.interRegular,fontSize:13,color:e.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:e.graySurface,borderWidth:1,borderColor:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:T.interSemiBold,fontSize:14,color:e.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,alignItems:"center",justifyContent:"center"},confirmBtnDestructive:{backgroundColor:e.red500,...S.select({ios:{shadowColor:e.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnPrimary:{backgroundColor:e.purple,...S.select({ios:{shadowColor:e.purple,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnText:{fontFamily:T.interBold,fontSize:14,color:e.white,letterSpacing:.2}});
+    </C>};const t=R.create({overlay:{flex:1,backgroundColor:`${e.slate900}A6`,justifyContent:"center",alignItems:"center",paddingHorizontal:24},backdrop:{...R.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:e.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${e.white}CC`,...I.select({ios:{shadowColor:e.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:e.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:54,height:54,borderRadius:27,borderWidth:1.5,alignItems:"center",justifyContent:"center",marginBottom:14},title:{fontFamily:x.interBold,fontSize:17,color:e.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:x.interRegular,fontSize:13,color:e.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:e.graySurface,borderWidth:1,borderColor:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:x.interSemiBold,fontSize:14,color:e.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,alignItems:"center",justifyContent:"center"},confirmBtnDestructive:{backgroundColor:e.red500,...I.select({ios:{shadowColor:e.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnPrimary:{backgroundColor:e.purple,...I.select({ios:{shadowColor:e.purple,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnText:{fontFamily:x.interBold,fontSize:14,color:e.white,letterSpacing:.2}});