react-native-inapp-inspector 2.5.1 → 2.5.3

package/dist/esm/components/CountryFlag.js

@@ -0,0 +1,140 @@
+import"react";import{View as S,StyleSheet as $}from"react-native";import V,{Circle as C,G,Path as B,Polygon as M,Rect as F,ClipPath as I,Defs as H}from"react-native-svg";import{AppColors as J}from"../styles/AppColors";export const CountryFlag=({code:v,size:D=18,borderRadius:m=3,style:L})=>{const E=D*1.35,W=D,A=(v||"").toLowerCase().trim(),P=()=>{switch(A){case"us":case"en":return<G>
+            
+            <F width="24"height="18"fill="#FFFFFF"/>
+            
+            <F y="0"width="24"height="1.38"fill="#B22234"/>
+            <F y="2.76"width="24"height="1.38"fill="#B22234"/>
+            <F y="5.52"width="24"height="1.38"fill="#B22234"/>
+            <F y="8.28"width="24"height="1.38"fill="#B22234"/>
+            <F y="11.04"width="24"height="1.38"fill="#B22234"/>
+            <F y="13.8"width="24"height="1.38"fill="#B22234"/>
+            <F y="16.56"width="24"height="1.44"fill="#B22234"/>
+            
+            <F width="10"height="9.69"fill="#3C3B6E"/>
+            
+            <C cx="2.5"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <C cx="5.0"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <C cx="7.5"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <C cx="3.75"cy="4.85"r="0.75"fill="#FFFFFF"/>
+            <C cx="6.25"cy="4.85"r="0.75"fill="#FFFFFF"/>
+            <C cx="2.5"cy="7.2"r="0.75"fill="#FFFFFF"/>
+            <C cx="5.0"cy="7.2"r="0.75"fill="#FFFFFF"/>
+            <C cx="7.5"cy="7.2"r="0.75"fill="#FFFFFF"/>
+          </G>;case"in":case"hi":case"ta":case"te":case"kn":case"ml":case"bn":case"mr":case"gu":case"pa":return<G>
+            
+            <F y="0"width="24"height="6"fill="#FF9933"/>
+            
+            <F y="6"width="24"height="6"fill="#FFFFFF"/>
+            
+            <F y="12"width="24"height="6"fill="#138808"/>
+            
+            <C cx="12"cy="9"r="2.2"stroke="#000080"strokeWidth="0.5"fill="none"/>
+            <C cx="12"cy="9"r="0.6"fill="#000080"/>
+            <B d="M12 6.8v4.4M9.8 9h4.4M10.4 7.4l3.2 3.2M10.4 10.6l3.2-3.2"stroke="#000080"strokeWidth="0.35"/>
+          </G>;case"gb":case"uk":return<G>
+            <F width="24"height="18"fill="#012169"/>
+            
+            <B d="M0 0L24 18M24 0L0 18"stroke="#FFFFFF"strokeWidth="3.2"/>
+            
+            <B d="M0 0L24 18M24 0L0 18"stroke="#C8102E"strokeWidth="1.6"/>
+            
+            <B d="M12 0v18M0 9h24"stroke="#FFFFFF"strokeWidth="5.5"/>
+            
+            <B d="M12 0v18M0 9h24"stroke="#C8102E"strokeWidth="3.2"/>
+          </G>;case"es":return<G>
+            
+            <F y="0"width="24"height="4.5"fill="#AA151B"/>
+            
+            <F y="4.5"width="24"height="9"fill="#F1BF00"/>
+            
+            <F y="13.5"width="24"height="4.5"fill="#AA151B"/>
+            
+            <F x="5"y="7"width="2.5"height="4"rx="0.5"fill="#AA151B"/>
+            <C cx="6.25"cy="6.2"r="0.75"fill="#C8102E"/>
+          </G>;case"fr":return<G>
+            <F x="0"y="0"width="8"height="18"fill="#002395"/>
+            <F x="8"y="0"width="8"height="18"fill="#FFFFFF"/>
+            <F x="16"y="0"width="8"height="18"fill="#ED2939"/>
+          </G>;case"de":return<G>
+            <F y="0"width="24"height="6"fill="#000000"/>
+            <F y="6"width="24"height="6"fill="#DD0000"/>
+            <F y="12"width="24"height="6"fill="#FFCE00"/>
+          </G>;case"zh":case"cn":return<G>
+            <F width="24"height="18"fill="#DE2910"/>
+            
+            <M points="4.5,2 5.2,3.8 7,4 5.6,5.2 6,7 4.5,5.9 3,7 3.4,5.2 2,4 3.8,3.8"fill="#FFDE00"/>
+            
+            <C cx="8.5"cy="2.5"r="0.65"fill="#FFDE00"/>
+            <C cx="9.8"cy="4.2"r="0.65"fill="#FFDE00"/>
+            <C cx="9.8"cy="6.4"r="0.65"fill="#FFDE00"/>
+            <C cx="8.5"cy="8.2"r="0.65"fill="#FFDE00"/>
+          </G>;case"ja":case"jp":return<G>
+            <F width="24"height="18"fill="#FFFFFF"/>
+            <C cx="12"cy="9"r="4.2"fill="#BC002D"/>
+          </G>;case"ko":case"kr":return<G>
+            <F width="24"height="18"fill="#FFFFFF"/>
+            
+            <C cx="12"cy="9"r="3.6"fill="#C60C30"/>
+            <B d="M12 9a1.8 1.8 0 0 1 0 3.6 3.6 3.6 0 0 1 0-7.2 1.8 1.8 0 0 0 0 3.6z"fill="#003478"/>
+            
+            <F x="4"y="3.5"width="2"height="0.6"fill="#000000"/>
+            <F x="4"y="4.5"width="2"height="0.6"fill="#000000"/>
+            <F x="18"y="13"width="2"height="0.6"fill="#000000"/>
+            <F x="18"y="14"width="2"height="0.6"fill="#000000"/>
+          </G>;case"br":case"pt":return<G>
+            <F width="24"height="18"fill="#009739"/>
+            <M points="12,2 22,9 12,16 2,9"fill="#FEDD00"/>
+            <C cx="12"cy="9"r="3.2"fill="#012169"/>
+            <B d="M9.2 8.5a3.2 3.2 0 0 1 5.6 1"stroke="#FFFFFF"strokeWidth="0.6"fill="none"/>
+          </G>;case"ru":return<G>
+            <F y="0"width="24"height="6"fill="#FFFFFF"/>
+            <F y="6"width="24"height="6"fill="#0039A6"/>
+            <F y="12"width="24"height="6"fill="#D52B1E"/>
+          </G>;case"ar":case"sa":return<G>
+            <F width="24"height="18"fill="#006C35"/>
+            
+            <B d="M6 12h12M16 11l2 1-2 1"stroke="#FFFFFF"strokeWidth="0.8"strokeLinecap="round"/>
+            <C cx="12"cy="7.5"r="1.5"stroke="#FFFFFF"strokeWidth="0.6"fill="none"/>
+          </G>;case"it":return<G>
+            <F x="0"y="0"width="8"height="18"fill="#009246"/>
+            <F x="8"y="0"width="8"height="18"fill="#FFFFFF"/>
+            <F x="16"y="0"width="8"height="18"fill="#CE2B37"/>
+          </G>;case"id":return<G>
+            <F y="0"width="24"height="9"fill="#E70011"/>
+            <F y="9"width="24"height="9"fill="#FFFFFF"/>
+          </G>;case"tr":return<G>
+            <F width="24"height="18"fill="#E30A17"/>
+            
+            <C cx="10"cy="9"r="3.6"fill="#FFFFFF"/>
+            <C cx="11"cy="9"r="2.9"fill="#E30A17"/>
+            
+            <M points="14.5,7.8 14.8,8.8 15.8,8.8 15,9.4 15.3,10.4 14.5,9.8 13.7,10.4 14,9.4 13.2,8.8 14.2,8.8"fill="#FFFFFF"/>
+          </G>;case"vi":case"vn":return<G>
+            <F width="24"height="18"fill="#DA251D"/>
+            
+            <M points="12,3.5 13.7,8.8 19.2,8.8 14.8,12 16.5,17.3 12,14 7.5,17.3 9.2,12 4.8,8.8 10.3,8.8"fill="#FFFF00"/>
+          </G>;case"nl":return<G>
+            <F y="0"width="24"height="6"fill="#AE1C28"/>
+            <F y="6"width="24"height="6"fill="#FFFFFF"/>
+            <F y="12"width="24"height="6"fill="#21468B"/>
+          </G>;case"pl":return<G>
+            <F y="0"width="24"height="9"fill="#FFFFFF"/>
+            <F y="9"width="24"height="9"fill="#DC143C"/>
+          </G>;default:return<G>
+            <F width="24"height="18"fill="#1E293B"/>
+            <C cx="12"cy="9"r="6.5"stroke="#38BDF8"strokeWidth="1.2"fill="#0F172A"/>
+            <B d="M5.5 9h13M12 2.5a8.5 8.5 0 0 1 0 13 8.5 8.5 0 0 1 0-13z"stroke="#38BDF8"strokeWidth="1"fill="none"/>
+          </G>}};return<S style={[K.container,{width:E,height:W,borderRadius:m},L]}>
+      <V width={E}height={W}viewBox="0 0 24 18">
+        <H>
+          <I id={`clip-${A}-${D}`}>
+            <F width="24"height="18"rx={m*(24/E)}/>
+          </I>
+        </H>
+        <G clipPath={`url(#clip-${A}-${D})`}>
+          {P()}
+        </G>
+        
+        <F width="24"height="18"rx={m*(24/E)}fill="none"stroke={J.overlayWhite20||"rgba(255,255,255,0.2)"}strokeWidth="0.8"/>
+      </V>
+    </S>};const K=$.create({container:{overflow:"hidden",justifyContent:"center",alignItems:"center"}});export default CountryFlag;

package/dist/esm/components/EmptyState.js

@@ -1,17 +1,17 @@
-import N,{useEffect as B,useRef as D}from"react";import{Animated as t,DevSettings as A,Alert as P,Text as T}from"react-native";import E from"./TouchableScale";import S from"./AnimatedEntrance";import{EmptyRadarIcon as _}from"./NetworkIcons";import{AppColors as h}from"../styles/AppColors";import e from"../styles";const I=N.memo(function({isSearch:o,searchQuery:v,customTitle:R,customSub:V,onClearSearch:x,showReload:b=!0}){const r=D(new t.Value(1)).current;B(()=>{const g=t.loop(t.sequence([t.timing(r,{toValue:1.06,duration:900,useNativeDriver:!1}),t.timing(r,{toValue:1,duration:900,useNativeDriver:!1})]));return g.start(),()=>g.stop()},[r]);const w=()=>{if(__DEV__&&A&&A.reload){A.reload();return}P.alert("Reload","App reload is typically only available in development mode.")};return<S style={e.emptyContainer}distance={14}>
-      <t.View style={[e.emptyIconWrap,{transform:[{scale:r}]}]}>
-        <_ color={h.purple}size={32}/>
-      </t.View>
-      <T style={e.emptyTitle}>
-        {R||(o?"No matching results":"No network activity")}
+import D,{useEffect as N,useRef as S}from"react";import{Animated as o,DevSettings as A,Alert as k,Text as T}from"react-native";import E from"./TouchableScale";import B from"./AnimatedEntrance";import{EmptyRadarIcon as I}from"./NetworkIcons";import{AppColors as P}from"../styles/AppColors";import t from"../styles";import{useTranslation as _}from"../i18n";const F=D.memo(function({isSearch:r,searchQuery:v,customTitle:h,customSub:R,onClearSearch:g,showReload:V=!0}){const{t:e}=_(),n=S(new o.Value(1)).current;N(()=>{const x=o.loop(o.sequence([o.timing(n,{toValue:1.06,duration:900,useNativeDriver:!1}),o.timing(n,{toValue:1,duration:900,useNativeDriver:!1})]));return x.start(),()=>x.stop()},[n]);const b=()=>{if(__DEV__&&A&&A.reload){A.reload();return}k.alert(e("common.reload","Reload"),e("common.reloadDevOnly","App reload is typically only available in development mode."))};return<B style={t.emptyContainer}distance={14}>
+      <o.View style={[t.emptyIconWrap,{transform:[{scale:n}]}]}>
+        <I color={P.purple}size={32}/>
+      </o.View>
+      <T style={t.emptyTitle}>
+        {h||(r?e("common.noMatches","No matching results"):e("network.noActivity","No network activity"))}
       </T>
-      <T style={e.emptySub}>
-        {V||(o?v?`No items matched "${v}"`:"Try adjusting your filters or search keywords.":"Listening for incoming API calls...")}
+      <T style={t.emptySub}>
+        {R||(r?v?`${e("common.noItemsMatched","No items matched")} "${v}"`:e("common.adjustFilters","Try adjusting your filters or search keywords."):e("network.listening","Listening for incoming API calls..."))}
       </T>
-      {o&&x&&<E style={e.reloadBtn}onPress={x}>
-          <T style={e.reloadBtnText}>Clear Search & Filters</T>
+      {r&&g&&<E style={t.reloadBtn}onPress={g}>
+          <T style={t.reloadBtnText}>{e("common.clearSearchFilters","Clear Search & Filters")}</T>
         </E>}
-      {!o&&b&&<E style={e.reloadBtn}onPress={w}>
-          <T style={e.reloadBtnText}>Reload App</T>
+      {!r&&V&&<E style={t.reloadBtn}onPress={b}>
+          <T style={t.reloadBtnText}>{e("common.reloadApp","Reload App")}</T>
         </E>}
-    </S>});export default I;
+    </B>});export default F;