react-native-inapp-inspector 2.3.20 → 2.3.22

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

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,i,n,r){r===void 0&&(r=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(t,r,s)}):(function(t,i,n,r){r===void 0&&(r=n),t[r]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,i){Object.defineProperty(t,"default",{enumerable:!0,value:i})}):function(t,i){t.default=i}),__importStar=this&&this.__importStar||(function(){var t=function(i){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[r.length]=s);return r},t(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var r=t(i),s=0;s<r.length;s++)r[s]!=="default"&&__createBinding(n,i,r[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:i,switchActiveTab:n}=(0,InspectorContext_1.useInspector)(),[r,s]=(0,react_1.useState)([]),[v,C]=(0,react_1.useState)(!1),[g,S]=(0,react_1.useState)("all"),[f,b]=(0,react_1.useState)(null),[c,y]=(0,react_1.useState)(new Set),[d,w]=(0,react_1.useState)("grid"),u=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();s(e),i?.().catch(()=>{})}catch{s([])}},[i]);(0,react_1.useEffect)(()=>{u()},[u]);const x=async()=>{C(!0),await u(),C(!1)},p=(0,react_1.useMemo)(()=>g==="all"?r:r.filter(e=>e.type===g),[r,g]),m=(0,react_1.useMemo)(()=>r.reduce((e,o)=>e+(o.sizeBytes||0),0),[r]),_=(0,react_1.useCallback)(e=>{y(o=>{const l=new Set(o);return l.has(e)?l.delete(e):l.add(e),l})},[]),A=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),y(l=>{const a=new Set(l);return a.delete(e.id),a}),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},T=e=>{e?.uri&&((0,helpers_1.copyToClipboard)(e.uri,e.filename||"File URI"),(0,toast_1.showToast)(t("mediaGallery.uriCopied","File URI copied to clipboard")))},I=()=>{const e=r.filter(l=>c.has(l.id));if(e.length===0)return;const o=e.map(l=>l.uri).join(`
-`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},z=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},B=async()=>{const e=r.filter(o=>c.has(o.id));if(e.length!==0)try{const o=e[0],l=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:l,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},k=()=>{const e=c.size;e!==0&&react_native_1.Alert.alert(t("mediaGallery.deleteSelectedTitle"),t("mediaGallery.deleteSelectedMessage",{count:e}),[{text:t("common.cancel"),style:"cancel"},{text:t("mediaGallery.delete"),style:"destructive",onPress:async()=>{const o=r.filter(a=>c.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);y(new Set),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}}])},V=()=>{react_native_1.Alert.alert(t("mediaGallery.purgeTitle"),t("mediaGallery.purgeMessage",{count:r.length,size:(0,helpers_1.formatBytes)(m)}),[{text:t("common.cancel"),style:"cancel"},{text:t("common.clearAll"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),y(new Set),await u(),await i?.(),n("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}}])},M=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await u(),i?.().catch(()=>{}))},G=(e,o)=>{const l=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={l}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={l}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={l}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={l}/>}},R=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,i,n,r){r===void 0&&(r=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(t,r,s)}):(function(t,i,n,r){r===void 0&&(r=n),t[r]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,i){Object.defineProperty(t,"default",{enumerable:!0,value:i})}):function(t,i){t.default=i}),__importStar=this&&this.__importStar||(function(){var t=function(i){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[r.length]=s);return r},t(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var r=t(i),s=0;s<r.length;s++)r[s]!=="default"&&__createBinding(n,i,r[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:i,switchActiveTab:n}=(0,InspectorContext_1.useInspector)(),[r,s]=(0,react_1.useState)([]),[v,C]=(0,react_1.useState)(!1),[g,S]=(0,react_1.useState)("all"),[f,b]=(0,react_1.useState)(null),[c,y]=(0,react_1.useState)(new Set),[d,w]=(0,react_1.useState)("grid"),u=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();s(e),i?.().catch(()=>{})}catch{s([])}},[i]);(0,react_1.useEffect)(()=>{u()},[u]);const x=async()=>{C(!0),await u(),C(!1)},p=(0,react_1.useMemo)(()=>g==="all"?r:r.filter(e=>e.type===g),[r,g]),m=(0,react_1.useMemo)(()=>r.reduce((e,o)=>e+(o.sizeBytes||0),0),[r]),_=(0,react_1.useCallback)(e=>{y(o=>{const l=new Set(o);return l.has(e)?l.delete(e):l.add(e),l})},[]),A=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),y(l=>{const a=new Set(l);return a.delete(e.id),a}),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},T=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},I=()=>{const e=r.filter(l=>c.has(l.id));if(e.length===0)return;const o=e.map(l=>l.uri).join(`
+`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},z=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},B=async()=>{const e=r.filter(o=>c.has(o.id));if(e.length!==0)try{const o=e[0],l=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:l,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},k=()=>{const e=c.size;e!==0&&react_native_1.Alert.alert(t("mediaGallery.deleteSelectedTitle"),t("mediaGallery.deleteSelectedMessage",{count:e}),[{text:t("common.cancel"),style:"cancel"},{text:t("mediaGallery.delete"),style:"destructive",onPress:async()=>{const o=r.filter(a=>c.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);y(new Set),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}}])},V=()=>{react_native_1.Alert.alert(t("mediaGallery.purgeTitle"),t("mediaGallery.purgeMessage",{count:r.length,size:(0,helpers_1.formatBytes)(m)}),[{text:t("common.cancel"),style:"cancel"},{text:t("common.clearAll"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),y(new Set),await u(),await i?.(),n("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}}])},M=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await u(),i?.().catch(()=>{}))},G=(e,o)=>{const l=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={l}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={l}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={l}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={l}/>}},D=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
         <react_native_1.View style={galleryStyles.thumbnailContainer}>
           {a?<react_native_1.Image source={{uri:a}}style={galleryStyles.thumbnail}resizeMode="cover"/>:<react_native_1.View style={galleryStyles.thumbnailFallback}>
               {o?<NetworkIcons_1.FilmIcon size={26}color={AppColors_1.AppColors.sky400}/>:<NetworkIcons_1.ImageIcon size={26}color={AppColors_1.AppColors.slate400}/>}
@@ -40,7 +40,7 @@
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.View>
-      </TouchableScale_1.default>},D=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.listRow,h&&galleryStyles.listRowSelected]}>
+      </TouchableScale_1.default>},O=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.listRow,h&&galleryStyles.listRowSelected]}>
         
         <react_native_1.TouchableOpacity onPress={()=>_(e.id)}style={[galleryStyles.listCheckbox,h&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
           {h&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
@@ -158,7 +158,7 @@
         </react_native_1.View>}
 
       
-      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?R:D}numColumns={d==="grid"?2:1}columnWrapperStyle={d==="grid"?galleryStyles.columnWrapper:void 0}contentContainerStyle={galleryStyles.listContent}refreshControl={<react_native_1.RefreshControl refreshing={v}onRefresh={x}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<EmptyState_1.default customTitle={t("mediaGallery.noMediaTitle")}customSub={t("mediaGallery.noMediaDesc")}showReload={!1}/>}/>
+      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?D:O}numColumns={d==="grid"?2:1}columnWrapperStyle={d==="grid"?galleryStyles.columnWrapper:void 0}contentContainerStyle={galleryStyles.listContent}refreshControl={<react_native_1.RefreshControl refreshing={v}onRefresh={x}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<EmptyState_1.default customTitle={t("mediaGallery.noMediaTitle")}customSub={t("mediaGallery.noMediaDesc")}showReload={!1}/>}/>
 
       
       <MediaPreviewModal_1.MediaPreviewModal item={f}visible={!!f}onClose={()=>b(null)}onDelete={A}onConvertToGif={M}/>

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,i){i===void 0&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}):(function(e,t,a,i){i===void 0&&(i=a),e[i]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var i=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(i[i.length]=r);return i},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var i=e(t),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(a,t,i[r]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),MediaPreviewModal=({item:e,visible:t,onClose:a,onDelete:i,onConvertToGif:r})=>{const{t:o}=(0,i18n_1.useTranslation)(),[y,b]=(0,react_1.useState)(!1),[v,g]=(0,react_1.useState)(!1),[n,T]=(0,react_1.useState)(!1),[C,f]=(0,react_1.useState)(!1),[A,x]=(0,react_1.useState)("1.0x"),[c,S]=(0,react_1.useState)(!0),[h,k]=(0,react_1.useState)(.4);if(!e)return null;const u=()=>{e?.uri&&((0,helpers_1.copyToClipboard)(e.uri,e.filename||"File URI"),(0,toast_1.showToast)(o("mediaGallery.uriCopied","File URI copied to clipboard")))},w=async()=>{try{f(!0),await capture_1.ScreenCapture.playVideo(e.uri)}catch{(0,toast_1.showToast)(o("mediaGallery.playError","Unable to play video"))}finally{f(!1)}},I=()=>{react_native_1.Alert.alert(o("mediaGallery.deleteTitle"),o("mediaGallery.deleteMessage",{filename:e.filename}),[{text:o("common.cancel"),style:"cancel"},{text:o("mediaGallery.delete"),style:"destructive",onPress:()=>{i(e),a()}}])},P=async()=>{if(r){b(!0);try{await r(e),(0,toast_1.showToast)(o("mediaGallery.convertedSuccess"))}catch{(0,toast_1.showToast)(o("mediaGallery.convertFailed"))}finally{b(!1)}}},_=async()=>{try{const l=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`,V=react_native_1.Platform.select({ios:{url:l,title:e.filename},default:{title:e.filename,message:e.filename,url:l}});(await react_native_1.Share.share(V)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(o("mediaGallery.shareSuccess","Shared successfully"))}catch(l){l?.message!=="User did not share"&&(0,toast_1.showToast)(o("mediaGallery.shareUnavailable","Sharing not available on this device"))}},s=e.type==="video",d=e.type==="gif",p=e.durationMs?(e.durationMs/1e3).toFixed(1):null,F=p?`00:${Number(p)<10?"0":""}${p}`:"00:05.0",m=!0;return<react_native_1.Modal visible={t}transparent={!0}animationType="fade"onRequestClose={a}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,i){i===void 0&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}):(function(e,t,a,i){i===void 0&&(i=a),e[i]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var i=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(i[i.length]=r);return i},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var i=e(t),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(a,t,i[r]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),MediaPreviewModal=({item:e,visible:t,onClose:a,onDelete:i,onConvertToGif:r})=>{const{t:o}=(0,i18n_1.useTranslation)(),[y,b]=(0,react_1.useState)(!1),[v,g]=(0,react_1.useState)(!1),[n,T]=(0,react_1.useState)(!1),[C,f]=(0,react_1.useState)(!1),[A,x]=(0,react_1.useState)("1.0x"),[c,S]=(0,react_1.useState)(!0),[h,k]=(0,react_1.useState)(.4);if(!e)return null;const u=()=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},w=async()=>{try{f(!0),await capture_1.ScreenCapture.playVideo(e.uri)}catch{(0,toast_1.showToast)(o("mediaGallery.playError","Unable to play video"))}finally{f(!1)}},I=()=>{react_native_1.Alert.alert(o("mediaGallery.deleteTitle"),o("mediaGallery.deleteMessage",{filename:e.filename}),[{text:o("common.cancel"),style:"cancel"},{text:o("mediaGallery.delete"),style:"destructive",onPress:()=>{i(e),a()}}])},P=async()=>{if(r){b(!0);try{await r(e),(0,toast_1.showToast)(o("mediaGallery.convertedSuccess"))}catch{(0,toast_1.showToast)(o("mediaGallery.convertFailed"))}finally{b(!1)}}},_=async()=>{try{const l=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`,V=react_native_1.Platform.select({ios:{url:l,title:e.filename},default:{title:e.filename,message:e.filename,url:l}});(await react_native_1.Share.share(V)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(o("mediaGallery.shareSuccess","Shared successfully"))}catch(l){l?.message!=="User did not share"&&(0,toast_1.showToast)(o("mediaGallery.shareUnavailable","Sharing not available on this device"))}},s=e.type==="video",d=e.type==="gif",p=e.durationMs?(e.durationMs/1e3).toFixed(1):null,F=p?`00:${Number(p)<10?"0":""}${p}`:"00:05.0",m=!0;return<react_native_1.Modal visible={t}transparent={!0}animationType="fade"onRequestClose={a}>
       <react_native_1.View style={previewStyles.overlay}>
         
         <react_native_1.View style={previewStyles.header}>

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

@@ -49,7 +49,7 @@
           <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Star on GitHub"onPress={u}style={styles.primaryButton}>
             <react_native_1.View style={styles.primaryButtonContent}>
               <NetworkIcons_1.StarIcon size={16}color={AppColors_1.AppColors.white}/>
-              <react_native_1.Text style={styles.primaryButtonText}>⭐ Star on GitHub & npm</react_native_1.Text>
+              <react_native_1.Text style={styles.primaryButtonText}>Star on GitHub & npm</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
 

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

@@ -1,14 +1,14 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(o,r);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(t,n,i)}):(function(t,o,r,n){n===void 0&&(n=r),t[n]=o[r]})),__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(r){var n=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[n.length]=i);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var r={};if(o!=null)for(var n=t(o),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(r,o,n[i]);return __setModuleDefault(r,o),r}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),TabBar=react_1.default.memo(()=>{const{activeTab:t,switchActiveTab:o,tabVisibility:r,logs:n,consoleLogs:i,analyticsEvents:w,crashRecords:h,lastReadApisCount:A,lastReadLogsCount:m,lastReadCrashesCount:x,mediaCount:y}=(0,InspectorContext_1.useInspector)(),I=(0,reduxLogger_1.isReduxConnected)(),T=(0,analyticsLogger_1.isAnalyticsConnected)(),s=t==="media",p=(r?.media??!0)&&y>0,C=(0,react_1.useRef)(null),[g,S]=(0,react_1.useState)(!1),[_,R]=(0,react_1.useState)(!0),b=(0,react_1.useRef)(0),k=e=>{const{contentOffset:c,layoutMeasurement:l,contentSize:f}=e.nativeEvent,a=c.x;b.current=a;const u=a>8,d=a<f.width-l.width-8;g!==u&&S(u),_!==d&&R(d)},v=e=>{C.current?.scrollTo({x:Math.max(0,b.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(o,n);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(t,r,i)}):(function(t,o,n,r){r===void 0&&(r=n),t[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=t(o),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,o,r[i]);return __setModuleDefault(n,o),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),TabBar=react_1.default.memo(()=>{const{activeTab:t,switchActiveTab:o,tabVisibility:n,logs:r,consoleLogs:i,analyticsEvents:w,crashRecords:f,lastReadApisCount:A,lastReadLogsCount:m,lastReadCrashesCount:S,mediaCount:y}=(0,InspectorContext_1.useInspector)(),x=(0,reduxLogger_1.isReduxConnected)(),I=(0,analyticsLogger_1.isAnalyticsConnected)(),s=t==="media",p=(n?.media??!0)&&y>0,C=(0,react_1.useRef)(null),[g,T]=(0,react_1.useState)(!1),[_,R]=(0,react_1.useState)(!0),b=(0,react_1.useRef)(0),k=e=>{const{contentOffset:c,layoutMeasurement:l,contentSize:h}=e.nativeEvent,a=c.x;b.current=a;const u=a>8,d=a<h.width-l.width-8;g!==u&&T(u),_!==d&&R(d)},v=e=>{C.current?.scrollTo({x:Math.max(0,b.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
       
       {g&&<react_native_1.TouchableOpacity onPress={()=>v(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
-          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:"#E5E7EB",alignItems:"center",justifyContent:"center"}}>
+          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="left"size={13}color={AppColors_1.AppColors.purple}/>
           </react_native_1.View>
         </react_native_1.TouchableOpacity>}
 
       
       <react_native_1.ScrollView ref={C}horizontal showsHorizontalScrollIndicator={!1}onScroll={k}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:g?4:12,paddingRight:p?6:12}}>
-        {[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:i.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:w.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:h?.length||0,icon:"crash"},{id:8,key:"bundle",label:"Bundle",count:0,icon:"bundle"},{id:9,key:"performance",label:"Performance",count:0,icon:"performance"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!r?.debugging:!(!r?.[e.key]||e.key==="redux"&&!I||e.key==="analytics"&&!T)).map(e=>{const c=t===e.key,l=c?AppColors_1.AppColors.white:e.key==="crash"&&e.count>0?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.grayText,f=e.count>9?"9+":String(e.count),a=t!=="apis"&&n.length>A,u=t!=="logs"&&i.length>m,d=t!=="crash"&&(h?.length||0)>(x||0);return<TouchableScale_1.default key={e.key}onPress={()=>{o(e.key)}}style={[styles_1.default.contentTabButton,c&&styles_1.default.contentTabButtonActive]}>
+        {[{id:1,key:"apis",label:"APIs",count:r.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:i.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:w.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:f?.length||0,icon:"crash"},{id:8,key:"bundle",label:"Bundle",count:0,icon:"bundle"},{id:9,key:"performance",label:"Performance",count:0,icon:"performance"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!n?.debugging:!(!n?.[e.key]||e.key==="redux"&&!x||e.key==="analytics"&&!I)).map(e=>{const c=t===e.key,l=c?AppColors_1.AppColors.white:e.key==="crash"&&e.count>0?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.grayText,h=e.count>9?"9+":String(e.count),a=t!=="apis"&&r.length>A,u=t!=="logs"&&i.length>m,d=t!=="crash"&&(f?.length||0)>(S||0);return<TouchableScale_1.default key={e.key}onPress={()=>{o(e.key)}}style={[styles_1.default.contentTabButton,c&&styles_1.default.contentTabButtonActive]}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                   {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l}size={14}/>}
                   {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l}size={14}/>}
@@ -26,7 +26,7 @@
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,c&&styles_1.default.contentTabButtonTextActive]}>
-                    {e.label} {e.count>0?`(${f})`:""}
+                    {e.label} {e.count>0?`(${h})`:""}
                   </react_native_1.Text>
                   {(e.key==="apis"&&a||e.key==="logs"&&u||e.key==="crash"&&d)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
                 </react_native_1.View>
@@ -35,14 +35,14 @@
 
       
       {_&&<react_native_1.TouchableOpacity onPress={()=>v(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:p?4:8,justifyContent:"center",alignItems:"center"}}>
-          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:"#E5E7EB",alignItems:"center",justifyContent:"center"}}>
+          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="right"size={13}color={AppColors_1.AppColors.purple}/>
           </react_native_1.View>
         </react_native_1.TouchableOpacity>}
 
       
-      {p&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:"#E5E7EB",backgroundColor:"#ffffff",justifyContent:"center",shadowColor:"#000000",shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
-          <TouchableScale_1.default key="media"onPress={()=>{o("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:s?AppColors_1.AppColors.purple:"#eeeeee",borderColor:s?AppColors_1.AppColors.purple:"#E5E7EB",borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},s&&styles_1.default.contentTabButtonActive]}>
+      {p&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
+          <TouchableScale_1.default key="media"onPress={()=>{o("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.graySurface,borderColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.dividerColor,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},s&&styles_1.default.contentTabButtonActive]}>
             <react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
               <NetworkIcons_1.ScreencastIcon color={s?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={15}/>
               {y>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:s?AppColors_1.AppColors.emerald400:AppColors_1.AppColors.purple,borderWidth:1.2,borderColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.white}}/>}

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

@@ -1,38 +1,37 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,n,o){o===void 0&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}):(function(t,e,n,o){o===void 0&&(o=n),t[o]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var o=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(o[o.length]=i);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o=t(e),i=0;i<o.length;i++)o[i]!=="default"&&__createBinding(n,e,o[i]);return __setModuleDefault(n,e),n}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAvailableModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),BrandSquareIcon_1=require("../BrandSquareIcon"),NetworkIcons_1=require("../NetworkIcons"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),AppFonts_1=require("../../styles/AppFonts"),CopySvg=({size:t=14,color:e="#64748B"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,o){o===void 0&&(o=a);var r=Object.getOwnPropertyDescriptor(e,a);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,o,r)}):(function(t,e,a,o){o===void 0&&(o=a),t[o]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var o=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(o[o.length]=r);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=t(e),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(a,e,o[r]);return __setModuleDefault(a,e),a}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAvailableModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),BrandSquareIcon_1=require("../BrandSquareIcon"),NetworkIcons_1=require("../NetworkIcons"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),AppFonts_1=require("../../styles/AppFonts"),AppColors_1=require("../../styles/AppColors"),CopySvg=({size:t=14,color:e=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
     <react_native_svg_1.Path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,CheckSvg=({size:t=14,color:e="#10B981"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+  </react_native_svg_1.default>,CheckSvg=({size:t=14,color:e=AppColors_1.AppColors.emerald500})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={e}strokeWidth="2.4"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,ExternalLinkSvg=({size:t=13,color:e="#FFFFFF"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+  </react_native_svg_1.default>,ExternalLinkSvg=({size:t=13,color:e=AppColors_1.AppColors.white})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
     <react_native_svg_1.Path d="M15 3h6v6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
     <react_native_svg_1.Path d="M10 14L21 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,CloseSvg=({size:t=13,color:e="#64748B"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+  </react_native_svg_1.default>,CloseSvg=({size:t=13,color:e=AppColors_1.AppColors.grayTextWeak})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M18 6L6 18M6 6l12 12"stroke={e}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,SparkleSvg=({size:t=14,color:e="#F59E0B"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+  </react_native_svg_1.default>,SparkleSvg=({size:t=14,color:e=AppColors_1.AppColors.amber500})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4L12 2z"fill={e}/>
-  </react_native_svg_1.default>,ArrowRightSvg=({size:t=14,color:e="#94A3B8"})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+  </react_native_svg_1.default>,ArrowRightSvg=({size:t=14,color:e=AppColors_1.AppColors.slate400})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M5 12h14M12 5l7 7-7 7"stroke={e}strokeWidth="2.2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,UpdateAvailableModal=({visible:t,latestVersion:e,onClose:n})=>{const[o,i]=(0,react_1.useState)(!1),a=(0,react_1.useState)(new react_native_1.Animated.Value(0))[0],r=(0,react_1.useState)(new react_native_1.Animated.Value(.92))[0],s="npm install react-native-inapp-inspector@latest";if(typeof __DEV__>"u"||!__DEV__)return null;(0,react_1.useEffect)(()=>{t&&(i(!1),react_native_1.Animated.parallel([react_native_1.Animated.timing(a,{toValue:1,duration:220,useNativeDriver:!0}),react_native_1.Animated.spring(r,{toValue:1,friction:8,tension:50,useNativeDriver:!0})]).start())},[t,a,r]);const l=()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(a,{toValue:0,duration:160,useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:.92,duration:160,useNativeDriver:!0})]).start(()=>{n()})},d=()=>{(0,helpers_1.copyToClipboard)(s,"Install Command"),i(!0),(0,toast_1.showToast)("Copied npm install command to clipboard!"),setTimeout(()=>{i(!1)},2500)},c=()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{}),l()};return t?<react_native_1.Modal transparent visible={t}animationType="none"statusBarTranslucent onRequestClose={l}>
+  </react_native_svg_1.default>,UpdateAvailableModal=({visible:t,latestVersion:e,onClose:a})=>{const[o,r]=(0,react_1.useState)(!1),i=(0,react_1.useState)(new react_native_1.Animated.Value(0))[0],n=(0,react_1.useState)(new react_native_1.Animated.Value(.92))[0],s="npm install react-native-inapp-inspector@latest";if(typeof __DEV__>"u"||!__DEV__)return null;(0,react_1.useEffect)(()=>{t&&(r(!1),react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:1,duration:220,useNativeDriver:!0}),react_native_1.Animated.spring(n,{toValue:1,friction:8,tension:50,useNativeDriver:!0})]).start())},[t,i,n]);const l=()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(i,{toValue:0,duration:160,useNativeDriver:!0}),react_native_1.Animated.timing(n,{toValue:.92,duration:160,useNativeDriver:!0})]).start(()=>{a()})},d=()=>{(0,helpers_1.copyToClipboard)(s,"Install Command"),r(!0),(0,toast_1.showToast)("Copied npm install command to clipboard!"),setTimeout(()=>{r(!1)},2500)},p=()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{}),l()};return t?<react_native_1.Modal transparent visible={t}animationType="none"statusBarTranslucent onRequestClose={l}>
       <react_native_1.View style={styles.overlay}>
-        <react_native_1.Animated.View style={[styles.card,{opacity:a,transform:[{scale:r}]}]}>
+        <react_native_1.Animated.View style={[styles.card,{opacity:i,transform:[{scale:n}]}]}>
           
           <react_native_1.TouchableOpacity style={styles.topCloseButton}onPress={l}hitSlop={10}activeOpacity={.7}>
-            <CloseSvg size={13}color="#64748B"/>
+            <CloseSvg size={13}color={AppColors_1.AppColors.grayTextWeak}/>
           </react_native_1.TouchableOpacity>
 
           
           <react_native_1.View style={styles.headerSection}>
             <react_native_1.View style={styles.iconHaloRing}>
-              <BrandSquareIcon_1.BrandSquareIcon size={52}/>
+              <BrandSquareIcon_1.BrandSquareIcon size={38}/>
               <react_native_1.View style={styles.sparkleBadge}>
-                <SparkleSvg size={13}color="#F59E0B"/>
+                <SparkleSvg size={13}color={AppColors_1.AppColors.amber500}/>
               </react_native_1.View>
             </react_native_1.View>
-
             <react_native_1.Text style={styles.title}>Update Available</react_native_1.Text>
             <react_native_1.Text style={styles.subtitle}>
-              A newer release of react-native-inapp-inspector is ready
+              A new version of react-native-inapp-inspector is ready to install
             </react_native_1.Text>
           </react_native_1.View>
 
@@ -46,14 +45,14 @@
             </react_native_1.View>
 
             <react_native_1.View style={styles.arrowContainer}>
-              <ArrowRightSvg size={14}color="#94A3B8"/>
+              <ArrowRightSvg size={14}color={AppColors_1.AppColors.slate400}/>
             </react_native_1.View>
 
             <react_native_1.View style={styles.versionColumn}>
-              <react_native_1.Text style={styles.versionLabel}>LATEST ON NPM</react_native_1.Text>
+              <react_native_1.Text style={styles.versionLabel}>LATEST</react_native_1.Text>
               <react_native_1.View style={styles.latestChip}>
-                <NetworkIcons_1.NpmIcon size={12}color="#CB3837"/>
-                <react_native_1.Text style={styles.latestText}>v{e||"latest"}</react_native_1.Text>
+                <NetworkIcons_1.NpmIcon size={12}color={AppColors_1.AppColors.npmRed}/>
+                <react_native_1.Text style={styles.latestText}>v{e}</react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
@@ -63,32 +62,32 @@
             <react_native_1.View style={styles.codeSnippetHeader}>
               <react_native_1.Text style={styles.codeSnippetLabel}>UPGRADE COMMAND</react_native_1.Text>
               {o&&<react_native_1.View style={styles.copiedIndicator}>
-                  <CheckSvg size={11}color="#10B981"/>
+                  <CheckSvg size={11}color={AppColors_1.AppColors.emerald500}/>
                   <react_native_1.Text style={styles.copiedText}>Copied</react_native_1.Text>
                 </react_native_1.View>}
             </react_native_1.View>
 
-            <react_native_1.TouchableOpacity style={styles.commandRow}onPress={d}activeOpacity={.75}>
+            <react_native_1.TouchableOpacity activeOpacity={.75}onPress={d}style={styles.commandRow}>
               <react_native_1.Text style={styles.commandText}numberOfLines={1}>
                 {s}
               </react_native_1.Text>
               <react_native_1.View style={styles.copyIconWrapper}>
-                {o?<CheckSvg size={14}color="#10B981"/>:<CopySvg size={14}color="#64748B"/>}
+                {o?<CheckSvg size={14}color={AppColors_1.AppColors.emerald500}/>:<CopySvg size={14}color={AppColors_1.AppColors.grayTextWeak}/>}
               </react_native_1.View>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
 
           
           <react_native_1.View style={styles.buttonRow}>
-            <react_native_1.TouchableOpacity style={styles.secondaryButton}onPress={l}activeOpacity={.7}>
+            <react_native_1.TouchableOpacity activeOpacity={.7}onPress={l}style={styles.secondaryButton}>
               <react_native_1.Text style={styles.secondaryButtonText}>Later</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
-            <react_native_1.TouchableOpacity style={styles.primaryButton}onPress={c}activeOpacity={.85}>
+            <react_native_1.TouchableOpacity activeOpacity={.8}onPress={p}style={styles.primaryButton}>
               <react_native_1.Text style={styles.primaryButtonText}>View on NPM</react_native_1.Text>
-              <ExternalLinkSvg size={12}color="#FFFFFF"/>
+              <ExternalLinkSvg size={12}color={AppColors_1.AppColors.white}/>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.Animated.View>
       </react_native_1.View>
-    </react_native_1.Modal>:null};exports.UpdateAvailableModal=UpdateAvailableModal;const fontStack={fontFamily:AppFonts_1.AppFonts.interRegular},styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"rgba(15, 23, 42, 0.62)",justifyContent:"center",alignItems:"center",paddingHorizontal:20,zIndex:999999},card:{width:"100%",maxWidth:360,backgroundColor:"#FFFFFF",borderRadius:24,borderWidth:1,borderColor:"#E2E8F0",paddingHorizontal:20,paddingTop:22,paddingBottom:20,alignItems:"center",shadowColor:"#0F172A",shadowOffset:{width:0,height:18},shadowOpacity:.24,shadowRadius:36,elevation:24},topCloseButton:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:"#F8FAFC",justifyContent:"center",alignItems:"center",borderWidth:1,borderColor:"#E2E8F0",zIndex:10},headerSection:{alignItems:"center",width:"100%",marginBottom:12},iconHaloRing:{width:66,height:66,borderRadius:20,backgroundColor:"#FAF5FF",justifyContent:"center",alignItems:"center",borderWidth:1.5,borderColor:"#F3E8FF",marginBottom:8,shadowColor:"#7C3AED",shadowOffset:{width:0,height:4},shadowOpacity:.16,shadowRadius:10,elevation:4},sparkleBadge:{position:"absolute",top:-4,right:-4,width:22,height:22,borderRadius:11,backgroundColor:"#FEF3C7",justifyContent:"center",alignItems:"center",borderWidth:1.5,borderColor:"#FFFFFF"},title:{fontSize:17.5,fontWeight:"800",color:"#0F172A",letterSpacing:-.4,textAlign:"center",lineHeight:22,marginBottom:2,...fontStack},subtitle:{fontSize:12,fontWeight:"500",color:"#64748B",textAlign:"center",lineHeight:16,paddingHorizontal:8,...fontStack},versionComparisonCard:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:"#F8FAFC",borderRadius:14,borderWidth:1,borderColor:"#E2E8F0",paddingVertical:10,paddingHorizontal:14,marginBottom:12,width:"100%"},versionColumn:{alignItems:"center",gap:4},versionLabel:{fontSize:9.5,fontWeight:"700",color:"#94A3B8",letterSpacing:.6,...fontStack},installedChip:{backgroundColor:"#E2E8F0",paddingHorizontal:8,paddingVertical:3,borderRadius:6},installedText:{fontSize:12,fontWeight:"700",color:"#475569",...fontStack},arrowContainer:{paddingHorizontal:6},arrowText:{fontSize:14,color:"#94A3B8",fontWeight:"700"},latestChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"#EDE9FE",paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:"#DDD6FE"},latestText:{fontSize:12,fontWeight:"800",color:"#6D28D9",...fontStack},codeSnippetBox:{backgroundColor:"#0F172A",borderRadius:12,padding:10,width:"100%",marginBottom:14,borderWidth:1,borderColor:"#1E293B"},codeSnippetHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:6},codeSnippetLabel:{fontSize:9.5,fontWeight:"700",color:"#64748B",letterSpacing:.6,...fontStack},copiedIndicator:{flexDirection:"row",alignItems:"center",gap:3},copiedText:{fontSize:9.5,fontWeight:"600",color:"#10B981",...fontStack},commandRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:"#1E293B",borderRadius:8,paddingVertical:7,paddingHorizontal:9,gap:8},commandText:{flex:1,fontSize:11,fontFamily:AppFonts_1.AppFonts.interRegular,color:"#38BDF8"},copyIconWrapper:{width:22,height:22,borderRadius:6,backgroundColor:"#334155",justifyContent:"center",alignItems:"center"},buttonRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",gap:10,width:"100%"},secondaryButton:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:11,borderRadius:12,backgroundColor:"#F1F5F9",borderWidth:1,borderColor:"#E2E8F0"},secondaryButtonText:{fontSize:13,fontWeight:"600",color:"#475569",...fontStack},primaryButton:{flex:1.3,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:11,borderRadius:12,backgroundColor:"#7C3AED",shadowColor:"#7C3AED",shadowOffset:{width:0,height:3},shadowOpacity:.28,shadowRadius:6,elevation:4},primaryButtonText:{fontSize:13,fontWeight:"700",color:"#FFFFFF",...fontStack}});exports.default=exports.UpdateAvailableModal;
+    </react_native_1.Modal>:null};exports.UpdateAvailableModal=UpdateAvailableModal;const fontStack={fontFamily:AppFonts_1.AppFonts.interRegular},styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:AppColors_1.AppColors.overlayDark,justifyContent:"center",alignItems:"center",paddingHorizontal:20,zIndex:999999},card:{width:"100%",maxWidth:360,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:24,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:20,paddingTop:22,paddingBottom:20,alignItems:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:18},shadowOpacity:.24,shadowRadius:36,elevation:24},topCloseButton:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:AppColors_1.AppColors.grayBackground,justifyContent:"center",alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,zIndex:10},headerSection:{alignItems:"center",width:"100%",marginBottom:12},iconHaloRing:{width:66,height:66,borderRadius:20,backgroundColor:AppColors_1.AppColors.purple50,justifyContent:"center",alignItems:"center",borderWidth:1.5,borderColor:AppColors_1.AppColors.purple100,marginBottom:8,shadowColor:AppColors_1.AppColors.offerPurple,shadowOffset:{width:0,height:4},shadowOpacity:.16,shadowRadius:10,elevation:4},sparkleBadge:{position:"absolute",top:-4,right:-4,width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.paleYellow,justifyContent:"center",alignItems:"center",borderWidth:1.5,borderColor:AppColors_1.AppColors.white},title:{fontSize:17.5,fontWeight:"800",color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.4,textAlign:"center",lineHeight:22,marginBottom:2,...fontStack},subtitle:{fontSize:12,fontWeight:"500",color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",lineHeight:16,paddingHorizontal:8,...fontStack},versionComparisonCard:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingVertical:10,paddingHorizontal:14,marginBottom:12,width:"100%"},versionColumn:{alignItems:"center",gap:4},versionLabel:{fontSize:9.5,fontWeight:"700",color:AppColors_1.AppColors.slate400,letterSpacing:.6,...fontStack},installedChip:{backgroundColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:8,paddingVertical:3,borderRadius:6},installedText:{fontSize:12,fontWeight:"700",color:AppColors_1.AppColors.grayText,...fontStack},arrowContainer:{paddingHorizontal:6},arrowText:{fontSize:14,color:AppColors_1.AppColors.slate400,fontWeight:"700"},latestChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.violetSoftBg,paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.violetSoftBorder},latestText:{fontSize:12,fontWeight:"800",color:AppColors_1.AppColors.offerPurple,...fontStack},codeSnippetBox:{backgroundColor:AppColors_1.AppColors.slate900,borderRadius:12,padding:10,width:"100%",marginBottom:14,borderWidth:1,borderColor:AppColors_1.AppColors.slate800},codeSnippetHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:6},codeSnippetLabel:{fontSize:9.5,fontWeight:"700",color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.6,...fontStack},copiedIndicator:{flexDirection:"row",alignItems:"center",gap:3},copiedText:{fontSize:9.5,fontWeight:"600",color:AppColors_1.AppColors.emerald500,...fontStack},commandRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,paddingVertical:7,paddingHorizontal:9,gap:8},commandText:{flex:1,fontSize:11,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.sky400},copyIconWrapper:{width:22,height:22,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate700,justifyContent:"center",alignItems:"center"},buttonRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",gap:10,width:"100%"},secondaryButton:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:11,borderRadius:12,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},secondaryButtonText:{fontSize:13,fontWeight:"600",color:AppColors_1.AppColors.grayText,...fontStack},primaryButton:{flex:1.3,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:11,borderRadius:12,backgroundColor:AppColors_1.AppColors.offerPurple,shadowColor:AppColors_1.AppColors.offerPurple,shadowOffset:{width:0,height:3},shadowOpacity:.28,shadowRadius:6,elevation:4},primaryButtonText:{fontSize:13,fontWeight:"700",color:AppColors_1.AppColors.white,...fontStack}});exports.default=exports.UpdateAvailableModal;

package/dist/commonjs/components/LogCard.js

@@ -1,20 +1,20 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,a,o){o===void 0&&(o=a);var n=Object.getOwnPropertyDescriptor(e,a);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(r,o,n)}):(function(r,e,a,o){o===void 0&&(o=a),r[o]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(a){var o=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(o[o.length]=n);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=r(e),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(a,e,o[n]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),constants_1=require("../constants"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),AppFonts_1=require("../styles/AppFonts"),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),i18n_1=require("../i18n"),LogCard=react_1.default.memo(function({item:e,onPress:a,timelineMinStart:o,timelineTotalRange:n,isNew:u,isSelected:h,onToggleSelect:b,searchStr:x}){const{t:c}=(0,i18n_1.useTranslation)(),C=constants_1.METHOD_COLORS[e.method]??constants_1.METHOD_COLORS.ALL,l=(0,react_1.useMemo)(()=>{try{const t=new URL(e.url),p=t.host,w=t.pathname+(t.search?t.search:""),k=t.protocol==="https:";return{host:p,path:w||"/",isHttps:k}}catch{const t=e.url.toLowerCase().startsWith("https:"),p=(0,helpers_1.getPath)(e.url);return{host:(0,helpers_1.getBaseUrl)(e.url).replace(/^https?:\/\//,""),path:p||e.url,isHttps:t}}},[e.url]),f=(0,react_1.useMemo)(()=>{if(!e.caller||e.caller==="Unknown")return null;const t=e.caller.split(/[\/\\]/);return(t[t.length-1]||e.caller).replace(/\?.*$/,"").replace(/^[a-zA-Z0-9_$]+@/,"")},[e.caller]),y=t=>{t?.stopPropagation?.(),react_native_1.Alert.alert(c("common.openInBrowser")||"Open in Browser",`${c("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,o){o===void 0&&(o=a);var l=Object.getOwnPropertyDescriptor(e,a);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,o,l)}):(function(t,e,a,o){o===void 0&&(o=a),t[o]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var o=[];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(o[o.length]=l);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=t(e),l=0;l<o.length;l++)o[l]!=="default"&&__createBinding(a,e,o[l]);return __setModuleDefault(a,e),a}})(),__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"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),constants_1=require("../constants"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),AppFonts_1=require("../styles/AppFonts"),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),i18n_1=require("../i18n"),LogCard=react_1.default.memo(function({item:e,onPress:a,timelineMinStart:o,timelineTotalRange:l,isNew:u,isSelected:C,onToggleSelect:b,searchStr:x}){const{t:c}=(0,i18n_1.useTranslation)(),h=constants_1.METHOD_COLORS[e.method]??constants_1.METHOD_COLORS.ALL,n=(0,react_1.useMemo)(()=>{try{const r=new URL(e.url),p=r.host,w=r.pathname+(r.search?r.search:""),B=r.protocol==="https:";return{host:p,path:w||"/",isHttps:B}}catch{const r=e.url.toLowerCase().startsWith("https:"),p=(0,helpers_1.getPath)(e.url);return{host:(0,helpers_1.getBaseUrl)(e.url).replace(/^https?:\/\//,""),path:p||e.url,isHttps:r}}},[e.url]),f=(0,react_1.useMemo)(()=>{if(!e.caller||e.caller==="Unknown")return null;const r=e.caller.split(/[\/\\]/);return(r[r.length-1]||e.caller).replace(/\?.*$/,"").replace(/^[a-zA-Z0-9_$]+@/,"")},[e.caller]),y=r=>{r?.stopPropagation?.(),react_native_1.Alert.alert(c("common.openInBrowser")||"Open in Browser",`${c("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
 
-${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(e.url).then(p=>{p?react_native_1.Linking.openURL(e.url):react_native_1.Linking.openURL(e.url).catch(()=>{})}).catch(()=>{})}}])},i=e.status===0||e.status!=null&&e.status>=400,s=e.status==null,g=(0,helpers_1.getStatusColor)(e.status),d=(0,helpers_1.getDurationColor)(e.duration),A=s?AppColors_1.AppColors.darkOrange:i?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.greenColor,_=(0,react_1.useRef)(new react_native_1.Animated.Value(u?.35:0)).current;(0,react_1.useEffect)(()=>{u&&react_native_1.Animated.timing(_,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[u]);const T=()=>{if(s)return"...";if(e.status===0||e.status==null)return c("network.statusFailed")||"FAILED";const t=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return t===200?"200 OK":t===201?"201 Created":t===204?"204 No Content":t===304?"304 Not Modified":t===400?"400 Bad Req":t===401?"401 Unauth":t===403?"403 Forbidden":t===404?"404 Not Found":t===500?"500 Error":String(e.status)},v=()=>{if(s)return<NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.darkOrange}size={10}/>;const t=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return t>=200&&t<300?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor}size={10}/>:t>=300&&t<400?<NetworkIcons_1.RepeatIcon color={AppColors_1.AppColors.amber700}size={10}/>:t>=400&&t<500?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.darkOrange}size={10}/>:<NetworkIcons_1.CircleXIcon color={AppColors_1.AppColors.errorColor}size={10}/>},V=(0,helpers_1.formatDateTime)(e.startTime),F=e.url.split("?")[0].toLowerCase().endsWith(".json");return<react_native_1.View style={styles.container}>
-      <TouchableScale_1.default onPress={a}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:A,backgroundColor:i?"#FFF8F8":AppColors_1.AppColors.white}]}>
+${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(e.url).then(p=>{p?react_native_1.Linking.openURL(e.url):react_native_1.Linking.openURL(e.url).catch(()=>{})}).catch(()=>{})}}])},i=e.status===0||e.status!=null&&e.status>=400,s=e.status==null,g=(0,helpers_1.getStatusColor)(e.status),d=(0,helpers_1.getDurationColor)(e.duration),A=s?AppColors_1.AppColors.darkOrange:i?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.greenColor,_=(0,react_1.useRef)(new react_native_1.Animated.Value(u?.35:0)).current;(0,react_1.useEffect)(()=>{u&&react_native_1.Animated.timing(_,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[u]);const T=()=>{if(s)return"...";if(e.status===0||e.status==null)return c("network.statusFailed")||"FAILED";const r=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return r===200?"200 OK":r===201?"201 Created":r===204?"204 No Content":r===304?"304 Not Modified":r===400?"400 Bad Req":r===401?"401 Unauth":r===403?"403 Forbidden":r===404?"404 Not Found":r===500?"500 Error":String(e.status)},v=()=>{if(s)return<NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.darkOrange}size={10}/>;const r=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return r>=200&&r<300?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor}size={10}/>:r>=300&&r<400?<NetworkIcons_1.RepeatIcon color={AppColors_1.AppColors.amber700}size={10}/>:r>=400&&r<500?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.darkOrange}size={10}/>:<NetworkIcons_1.CircleXIcon color={AppColors_1.AppColors.errorColor}size={10}/>},k=(0,helpers_1.formatDateTime)(e.startTime),V=e.url.split("?")[0].toLowerCase().endsWith(".json");return<react_native_1.View style={styles.container}>
+      <TouchableScale_1.default onPress={a}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:A,backgroundColor:i?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white}]}>
         <react_native_1.View style={styles.cardBody}>
           
           <react_native_1.View style={styles.cardHeaderRow}>
             <react_native_1.View style={styles.cardHeaderLeft}>
-              <react_native_1.Pressable onPress={()=>b(e.id)}hitSlop={12}style={[styles.smallCheckbox,h&&styles.smallCheckboxChecked]}>
-                {h&&<react_native_svg_1.default width={9}height={9}viewBox="0 0 24 24"fill="none">
+              <react_native_1.Pressable onPress={()=>b(e.id)}hitSlop={12}style={[styles.smallCheckbox,C&&styles.smallCheckboxChecked]}>
+                {C&&<react_native_svg_1.default width={9}height={9}viewBox="0 0 24 24"fill="none">
                     <react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={AppColors_1.AppColors.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
                   </react_native_svg_1.default>}
               </react_native_1.Pressable>
 
               <react_native_1.Text style={styles.serialNumber}>#{e.id+1}</react_native_1.Text>
 
-              <react_native_1.View style={[styles.methodBadge,{backgroundColor:C}]}>
+              <react_native_1.View style={[styles.methodBadge,{backgroundColor:h}]}>
                 <react_native_1.Text style={styles.methodBadgeText}>
                   {e.method}
                 </react_native_1.Text>
@@ -45,9 +45,9 @@ ${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.op
           
           <react_native_1.Pressable onPress={y}hitSlop={6}style={styles.urlBox}>
             <react_native_1.View style={styles.urlMainRow}>
-              <HighlightText_1.default text={l.path}search={x}style={styles.pathText}highlightStyle={styles.highlight}numberOfLines={2}ellipsizeMode="middle"/>
+              <HighlightText_1.default text={n.path}search={x}style={styles.pathText}highlightStyle={styles.highlight}numberOfLines={2}ellipsizeMode="middle"/>
               <react_native_1.View style={styles.urlBadgeRow}>
-                {F&&<react_native_1.View style={styles.jsonBadge}>
+                {V&&<react_native_1.View style={styles.jsonBadge}>
                     <react_native_1.Text style={styles.jsonBadgeText}>.json</react_native_1.Text>
                   </react_native_1.View>}
                 {e.duplicateCount!=null&&e.duplicateCount>1&&<react_native_1.View style={styles.dupBadge}>
@@ -56,14 +56,14 @@ ${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.op
               </react_native_1.View>
             </react_native_1.View>
 
-            {l.host?<react_native_1.View style={styles.hostRow}>
-                <react_native_1.View style={[styles.protoBadge,{backgroundColor:l.isHttps?`${AppColors_1.AppColors.emerald600}12`:`${AppColors_1.AppColors.amber600}12`,borderColor:l.isHttps?`${AppColors_1.AppColors.emerald600}2B`:`${AppColors_1.AppColors.amber600}2B`}]}>
-                  <react_native_1.Text style={[styles.protoBadgeText,{color:l.isHttps?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.amber700}]}>
-                    {l.isHttps?"HTTPS":"HTTP"}
+            {n.host?<react_native_1.View style={styles.hostRow}>
+                <react_native_1.View style={[styles.protoBadge,{backgroundColor:n.isHttps?`${AppColors_1.AppColors.emerald600}12`:`${AppColors_1.AppColors.amber600}12`,borderColor:n.isHttps?`${AppColors_1.AppColors.emerald600}2B`:`${AppColors_1.AppColors.amber600}2B`}]}>
+                  <react_native_1.Text style={[styles.protoBadgeText,{color:n.isHttps?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.amber700}]}>
+                    {n.isHttps?"HTTPS":"HTTP"}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Text style={styles.hostText}numberOfLines={1}ellipsizeMode="tail">
-                  {l.host}
+                  {n.host}
                 </react_native_1.Text>
               </react_native_1.View>:null}
           </react_native_1.Pressable>
@@ -73,7 +73,7 @@ ${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.op
             <react_native_1.View style={styles.footerLeft}>
               <react_native_1.View style={styles.cardDateRow}>
                 <NetworkIcons_1.CalendarIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
-                <react_native_1.Text style={styles.cardDateText}>{V}</react_native_1.Text>
+                <react_native_1.Text style={styles.cardDateText}>{k}</react_native_1.Text>
               </react_native_1.View>
 
               {f&&<react_native_1.View style={styles.callerChip}>
@@ -107,6 +107,6 @@ ${e.url}`,[{text:c("common.cancel")||"Cancel",style:"cancel"},{text:c("common.op
             </react_native_1.View>}
         </react_native_1.View>
 
-        {u&&<react_native_1.Animated.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:C,opacity:_}]}/>}
+        {u&&<react_native_1.Animated.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:h,opacity:_}]}/>}
       </TouchableScale_1.default>
-    </react_native_1.View>}),styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:3},card:{alignSelf:"stretch",borderRadius:10,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:3,elevation:1,borderWidth:1,borderColor:"#E2E8F0",backgroundColor:AppColors_1.AppColors.white},cardBody:{paddingHorizontal:11,paddingTop:8,paddingBottom:7},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5,minHeight:20},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:6,gap:5,minWidth:0,flexWrap:"wrap"},smallCheckbox:{width:14,height:14,borderRadius:3.5,borderWidth:1.5,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:9.5},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:11,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6.5,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},urlBox:{backgroundColor:"#F8FAFC",borderRadius:7,borderWidth:1,borderColor:"#E2E8F0",paddingHorizontal:8,paddingVertical:5,marginVertical:3,gap:3},urlMainRow:{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",gap:6},pathText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:16,color:"#0F172A",flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}2E`,borderWidth:1,paddingHorizontal:4,paddingVertical:1,borderRadius:3},jsonBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.darkOrange},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4,paddingVertical:1,borderRadius:3},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},hostRow:{flexDirection:"row",alignItems:"center",gap:4.5},protoBadge:{paddingHorizontal:4,paddingVertical:1,borderRadius:3,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,lineHeight:9},hostText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,lineHeight:13,color:"#64748B",flex:1},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:3,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,lineHeight:12,color:"#94A3B8"},callerChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:"#F0F9FF",borderColor:"#BAE6FD",borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,flexShrink:1,minWidth:0},callerChipText:{color:"#0284C7",fontSize:8.5,lineHeight:11,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:"#F5F3FF",borderColor:"#DDD6FE",borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:"#7C3AED",fontSize:9,lineHeight:11},waterfallContainer:{height:2,width:"100%",backgroundColor:"#F1F5F9",borderRadius:1,overflow:"hidden",marginTop:5},waterfallBar:{height:"100%",borderRadius:1}});exports.default=LogCard;
+    </react_native_1.View>}),styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:3},card:{alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{paddingHorizontal:11,paddingTop:8,paddingBottom:7},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5,minHeight:20},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:6,gap:5,minWidth:0,flexWrap:"wrap"},smallCheckbox:{width:14,height:14,borderRadius:3.5,borderWidth:1.5,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:9.5},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:11,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6.5,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},urlBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:8,paddingVertical:5,marginVertical:3,gap:3},urlMainRow:{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",gap:6},pathText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.primaryBlack,flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}2E`,borderWidth:1,paddingHorizontal:4,paddingVertical:1,borderRadius:3},jsonBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.darkOrange},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4,paddingVertical:1,borderRadius:3},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},hostRow:{flexDirection:"row",alignItems:"center",gap:4.5},protoBadge:{paddingHorizontal:4,paddingVertical:1,borderRadius:3,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,lineHeight:9},hostText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak,flex:1},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:3,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,lineHeight:12,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,flexShrink:1,minWidth:0},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:8.5,lineHeight:11,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:11},waterfallContainer:{height:2,width:"100%",backgroundColor:AppColors_1.AppColors.graySurface,borderRadius:1,overflow:"hidden",marginTop:5},waterfallBar:{height:"100%",borderRadius:1}});exports.default=LogCard;

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

@@ -158,3 +158,13 @@ export declare const ScreencastIcon: ({ color, size, }: IconProps) => React.JSX.
 export declare const ListIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const GridIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const MinimizeWindowIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BookOpenIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const WrenchIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ChevronUpIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const MessageSquareIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SparklesIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const AngryFaceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const NeutralFaceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SmileFaceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const StarFaceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const HeartFaceIcon: ({ color, size, }: IconProps) => React.JSX.Element;

package/dist/commonjs/components/NetworkIcons.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,o,r){r===void 0&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}):(function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[r.length]=n);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var o={};if(t!=null)for(var r=e(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(o,t,r[n]);return __setModuleDefault(o,t),o}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserIcon=exports.LayersIcon=exports.WipeIcon=exports.FolderIcon=exports.SettingsIcon=exports.EyeIcon=exports.JsIcon=exports.CssIcon=exports.HtmlIcon=exports.BrandSquareIcon=exports.BrandCircleIcon=exports.MoonIcon=exports.SunIcon=exports.DebugIcon=exports.InsightsIcon=exports.AnalyticsIcon=exports.WhiteBackNavigation=exports.CloseWhite=exports.DownloadIcon=exports.FilterIcon=exports.ChevronIcon=exports.SortArrowIcon=exports.GlobeIcon=exports.DiffIcon=exports.SignalIcon=exports.ShareIcon=exports.ExportIcon=exports.HeaderPauseIcon=exports.TrashIcon=exports.FailIcon=exports.CircleAlertIcon=exports.CircleXIcon=exports.CircleCheckIcon=exports.CheckIcon=exports.TerminalIcon=exports.FetchIcon=exports.CopyIcon=exports.HeadersIcon=exports.ResponseIcon=exports.RequestIcon=exports.SizeIcon=exports.StatusIcon=exports.CalendarIcon=exports.ClockIcon=exports.ClearIcon=exports.SearchIcon=exports.ExpandCollapseIcon=exports.ScreenIcon=exports.MapPinIcon=exports.EmptyRadarIcon=void 0,exports.LayoutIcon=exports.ChipIcon=exports.SkullIcon=exports.ShieldAlertIcon=exports.CrashIcon=exports.UserCheckIcon=exports.TargetGoalIcon=exports.RepeatIcon=exports.PinIcon=exports.HourglassIcon=exports.FlameIcon=exports.CodeBracketsIcon=exports.AndroidIcon=exports.AppleIcon=exports.LinkChainIcon=exports.GitHubIcon=exports.StarIcon=exports.PackageBoxIcon=exports.ExternalLinkIcon=exports.MoneyIcon=exports.CartIcon=exports.TextAaIcon=exports.BrainIcon=exports.AtomIcon=exports.MapIcon=exports.SparkleIcon=exports.LightbulbIcon=exports.DocIcon=exports.FolderOpenIcon=exports.BanIcon=exports.BoltIcon=exports.PerformanceIcon=exports.ReduxIcon=exports.MetadataIcon=exports.StorageIcon=exports.RefreshCcwIcon=exports.TimelineIcon=exports.LiveStateIcon=exports.BundleIcon=exports.ForwardChevronIcon=exports.PackageIcon=exports.TableIcon=exports.RawIcon=exports.PrettyIcon=exports.SortIcon=exports.MotionIcon=exports.TrendingUpIcon=exports.ErrorCircleIcon=exports.WarningTriangleIcon=exports.InfoCircleIcon=void 0,exports.MinimizeWindowIcon=exports.GridIcon=exports.ListIcon=exports.ScreencastIcon=exports.FilmIcon=exports.ImageIcon=exports.PauseIcon=exports.PlayIcon=exports.GifIcon=exports.MicrophoneIcon=exports.VideoCameraIcon=exports.CameraIcon=exports.LifeBuoyIcon=exports.SendIcon=exports.HelpCircleIcon=exports.HeadphonesIcon=exports.TurtleIcon=exports.RocketIcon=exports.UnlockIcon=exports.QrCodeIcon=exports.LockIcon=exports.PlusIcon=exports.PencilIcon=exports.DatabaseIcon=exports.ShieldCheckIcon=exports.WifiIcon=exports.CpuIcon=exports.MinimizeIcon=exports.MaximizeIcon=exports.ChevronDownIcon=exports.ResetIcon=exports.NpmIcon=exports.TagIcon=exports.BugIcon=exports.AlertTriangleIcon=exports.SmartphoneIcon=exports.KeyIcon=exports.BarChartIcon=exports.DiceIcon=exports.ZapIcon=exports.FlaskIcon=exports.LoadingSpinnerIcon=exports.ListenerIcon=exports.AllFramesIcon=exports.AppFramesIcon=exports.RawJsonIcon=exports.TrailIcon=exports.DiagnosticsIcon=exports.StackTraceIcon=void 0;const react_1=__importDefault(require("react")),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),EmptyRadarIcon=({color:e=AppColors_1.AppColors.purple,size:t=32})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,o,r){r===void 0&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}):(function(e,t,o,r){r===void 0&&(r=o),e[r]=t[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[r.length]=n);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var o={};if(t!=null)for(var r=e(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(o,t,r[n]);return __setModuleDefault(o,t),o}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserIcon=exports.LayersIcon=exports.WipeIcon=exports.FolderIcon=exports.SettingsIcon=exports.EyeIcon=exports.JsIcon=exports.CssIcon=exports.HtmlIcon=exports.BrandSquareIcon=exports.BrandCircleIcon=exports.MoonIcon=exports.SunIcon=exports.DebugIcon=exports.InsightsIcon=exports.AnalyticsIcon=exports.WhiteBackNavigation=exports.CloseWhite=exports.DownloadIcon=exports.FilterIcon=exports.ChevronIcon=exports.SortArrowIcon=exports.GlobeIcon=exports.DiffIcon=exports.SignalIcon=exports.ShareIcon=exports.ExportIcon=exports.HeaderPauseIcon=exports.TrashIcon=exports.FailIcon=exports.CircleAlertIcon=exports.CircleXIcon=exports.CircleCheckIcon=exports.CheckIcon=exports.TerminalIcon=exports.FetchIcon=exports.CopyIcon=exports.HeadersIcon=exports.ResponseIcon=exports.RequestIcon=exports.SizeIcon=exports.StatusIcon=exports.CalendarIcon=exports.ClockIcon=exports.ClearIcon=exports.SearchIcon=exports.ExpandCollapseIcon=exports.ScreenIcon=exports.MapPinIcon=exports.EmptyRadarIcon=void 0,exports.LayoutIcon=exports.ChipIcon=exports.SkullIcon=exports.ShieldAlertIcon=exports.CrashIcon=exports.UserCheckIcon=exports.TargetGoalIcon=exports.RepeatIcon=exports.PinIcon=exports.HourglassIcon=exports.FlameIcon=exports.CodeBracketsIcon=exports.AndroidIcon=exports.AppleIcon=exports.LinkChainIcon=exports.GitHubIcon=exports.StarIcon=exports.PackageBoxIcon=exports.ExternalLinkIcon=exports.MoneyIcon=exports.CartIcon=exports.TextAaIcon=exports.BrainIcon=exports.AtomIcon=exports.MapIcon=exports.SparkleIcon=exports.LightbulbIcon=exports.DocIcon=exports.FolderOpenIcon=exports.BanIcon=exports.BoltIcon=exports.PerformanceIcon=exports.ReduxIcon=exports.MetadataIcon=exports.StorageIcon=exports.RefreshCcwIcon=exports.TimelineIcon=exports.LiveStateIcon=exports.BundleIcon=exports.ForwardChevronIcon=exports.PackageIcon=exports.TableIcon=exports.RawIcon=exports.PrettyIcon=exports.SortIcon=exports.MotionIcon=exports.TrendingUpIcon=exports.ErrorCircleIcon=exports.WarningTriangleIcon=exports.InfoCircleIcon=void 0,exports.BookOpenIcon=exports.MinimizeWindowIcon=exports.GridIcon=exports.ListIcon=exports.ScreencastIcon=exports.FilmIcon=exports.ImageIcon=exports.PauseIcon=exports.PlayIcon=exports.GifIcon=exports.MicrophoneIcon=exports.VideoCameraIcon=exports.CameraIcon=exports.LifeBuoyIcon=exports.SendIcon=exports.HelpCircleIcon=exports.HeadphonesIcon=exports.TurtleIcon=exports.RocketIcon=exports.UnlockIcon=exports.QrCodeIcon=exports.LockIcon=exports.PlusIcon=exports.PencilIcon=exports.DatabaseIcon=exports.ShieldCheckIcon=exports.WifiIcon=exports.CpuIcon=exports.MinimizeIcon=exports.MaximizeIcon=exports.ChevronDownIcon=exports.ResetIcon=exports.NpmIcon=exports.TagIcon=exports.BugIcon=exports.AlertTriangleIcon=exports.SmartphoneIcon=exports.KeyIcon=exports.BarChartIcon=exports.DiceIcon=exports.ZapIcon=exports.FlaskIcon=exports.LoadingSpinnerIcon=exports.ListenerIcon=exports.AllFramesIcon=exports.AppFramesIcon=exports.RawJsonIcon=exports.TrailIcon=exports.DiagnosticsIcon=exports.StackTraceIcon=void 0,exports.HeartFaceIcon=exports.StarFaceIcon=exports.SmileFaceIcon=exports.NeutralFaceIcon=exports.AngryFaceIcon=exports.SparklesIcon=exports.MessageSquareIcon=exports.ChevronUpIcon=exports.WrenchIcon=void 0;const react_1=__importDefault(require("react")),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),EmptyRadarIcon=({color:e=AppColors_1.AppColors.purple,size:t=32})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
       <react_native_svg_1.Path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"stroke={e}strokeWidth="1.5"strokeLinecap="round"strokeLinejoin="round"/>
       <react_native_svg_1.Circle cx="12"cy="11"r="3"stroke={e}strokeWidth="1.5"/>
       <react_native_svg_1.Path d="M12 14v3"stroke={e}strokeWidth="1.5"strokeLinecap="round"/>
@@ -376,9 +376,9 @@
   </react_native_svg_1.default>;exports.BugIcon=BugIcon;const TagIcon=({color:e=AppColors_1.AppColors.grayTextWeak,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8 8a2 2 0 0 0 2.828 0l7.172-7.172a2 2 0 0 0 0-2.828l-8-8z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
     <react_native_svg_1.Circle cx="7.5"cy="7.5"r="1.5"fill={e}/>
-  </react_native_svg_1.default>;exports.TagIcon=TagIcon;const NpmIcon=({color:e="#CB3837",size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 256 256"fill="none">
+  </react_native_svg_1.default>;exports.TagIcon=TagIcon;const NpmIcon=({color:e=AppColors_1.AppColors.npmRed,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 256 256"fill="none">
     <react_native_svg_1.Rect width="256"height="256"rx="32"fill={e}/>
-    <react_native_svg_1.Path d="M48 48h160v160h-32V96h-32v112H48V48z"fill="#FFFFFF"/>
+    <react_native_svg_1.Path d="M48 48h160v160h-32V96h-32v112H48V48z"fill={AppColors_1.AppColors.white}/>
   </react_native_svg_1.default>;exports.NpmIcon=NpmIcon;const ResetIcon=({color:e=AppColors_1.AppColors.white,size:t=16})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
     <react_native_svg_1.Path d="M3 3v5h5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
@@ -491,4 +491,46 @@
     <react_native_svg_1.Rect x="3"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
   </react_native_svg_1.default>;exports.GridIcon=GridIcon;const MinimizeWindowIcon=({color:e=AppColors_1.AppColors.white,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
     <react_native_svg_1.Path d="M4 14h6v6M20 10h-6V4M14 10l7-7M10 14l-7 7"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>;exports.MinimizeWindowIcon=MinimizeWindowIcon;
+  </react_native_svg_1.default>;exports.MinimizeWindowIcon=MinimizeWindowIcon;const BookOpenIcon=({color:e=AppColors_1.AppColors.purple,size:t=18})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>;exports.BookOpenIcon=BookOpenIcon;const WrenchIcon=({color:e=AppColors_1.AppColors.grayTextWeak,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>;exports.WrenchIcon=WrenchIcon;const ChevronUpIcon=({color:e=AppColors_1.AppColors.grayTextWeak,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M18 15l-6-6-6 6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>;exports.ChevronUpIcon=ChevronUpIcon;const MessageSquareIcon=({color:e=AppColors_1.AppColors.grayTextWeak,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>;exports.MessageSquareIcon=MessageSquareIcon;const SparklesIcon=({color:e=AppColors_1.AppColors.amber500,size:t=14})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M12 2L14.4 7.6L20 10L14.4 12.4L12 18L9.6 12.4L4 10L9.6 7.6L12 2Z"fill={e}stroke={e}strokeWidth="1"strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M19 15L20.2 17.8L23 19L20.2 20.2L19 23L17.8 20.2L15 19L17.8 17.8L19 15Z"fill={e}/>
+    <react_native_svg_1.Path d="M5 16L5.9 18.1L8 19L5.9 19.9L5 22L4.1 19.9L2 19L4.1 18.1L5 16Z"fill={e}/>
+  </react_native_svg_1.default>;exports.SparklesIcon=SparklesIcon;const AngryFaceIcon=({color:e=AppColors_1.AppColors.red500,size:t=20})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Circle cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
+    <react_native_svg_1.Path d="M7.5 8.5L10.5 10M16.5 8.5L13.5 10"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
+    <react_native_svg_1.Circle cx="9"cy="11.5"r="1"fill={e}/>
+    <react_native_svg_1.Circle cx="15"cy="11.5"r="1"fill={e}/>
+    <react_native_svg_1.Path d="M8.5 16.5C9.5 15.3 10.7 14.7 12 14.7C13.3 14.7 14.5 15.3 15.5 16.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
+  </react_native_svg_1.default>;exports.AngryFaceIcon=AngryFaceIcon;const NeutralFaceIcon=({color:e=AppColors_1.AppColors.amber500,size:t=20})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Circle cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
+    <react_native_svg_1.Circle cx="9"cy="10"r="1.2"fill={e}/>
+    <react_native_svg_1.Circle cx="15"cy="10"r="1.2"fill={e}/>
+    <react_native_svg_1.Path d="M8 15.5H16"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
+  </react_native_svg_1.default>;exports.NeutralFaceIcon=NeutralFaceIcon;const SmileFaceIcon=({color:e=AppColors_1.AppColors.emerald500,size:t=20})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Circle cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
+    <react_native_svg_1.Circle cx="9"cy="9.5"r="1.2"fill={e}/>
+    <react_native_svg_1.Circle cx="15"cy="9.5"r="1.2"fill={e}/>
+    <react_native_svg_1.Path d="M8 14C8 14 9.5 17 12 17C14.5 17 16 14 16 14"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
+  </react_native_svg_1.default>;exports.SmileFaceIcon=SmileFaceIcon;const StarFaceIcon=({color:e=AppColors_1.AppColors.purple500,size:t=20})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Circle cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
+    
+    <react_native_svg_1.Path d="M9 7.8L9.6 9.4L11.2 9.5L10 10.5L10.4 12.1L9 11.1L7.6 12.1L8 10.5L6.8 9.5L8.4 9.4L9 7.8Z"fill={e}/>
+    
+    <react_native_svg_1.Path d="M15 7.8L15.6 9.4L17.2 9.5L16 10.5L16.4 12.1L15 11.1L13.6 12.1L14 10.5L12.8 9.5L14.4 9.4L15 7.8Z"fill={e}/>
+    <react_native_svg_1.Path d="M8 14.2C8.5 16.5 10.1 17.5 12 17.5C13.9 17.5 15.5 16.5 16 14.2H8Z"fill={e}/>
+  </react_native_svg_1.default>;exports.StarFaceIcon=StarFaceIcon;const HeartFaceIcon=({color:e=AppColors_1.AppColors.pink500,size:t=20})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Circle cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
+    
+    <react_native_svg_1.Path d="M9 8.2C8.3 7.4 7.2 7.5 6.7 8.2C6.1 9 6.4 10.1 9 11.6C11.6 10.1 11.9 9 11.3 8.2C10.8 7.5 9.7 7.4 9 8.2Z"fill={e}/>
+    
+    <react_native_svg_1.Path d="M15 8.2C14.3 7.4 13.2 7.5 12.7 8.2C12.1 9 12.4 10.1 15 11.6C17.6 10.1 17.9 9 17.3 8.2C16.8 7.5 15.7 7.4 15 8.2Z"fill={e}/>
+    <react_native_svg_1.Path d="M8 14.5C8 14.5 9.5 17.5 12 17.5C14.5 17.5 16 14.5 16 14.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
+  </react_native_svg_1.default>;exports.HeartFaceIcon=HeartFaceIcon;

package/dist/commonjs/components/QRCodeView.js

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}):(function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),__importStar=this&&this.__importStar||(function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.QRCodeView=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),qrGenerator_1=require("../helpers/qrGenerator"),AppColors_1=require("../styles/AppColors"),QRCodeView=({value:i,size:e=200,color:n="#000000",backgroundColor:t="#FFFFFF"})=>{const r=(0,react_1.useMemo)(()=>(0,qrGenerator_1.generateQRMatrix)(i||"http://localhost:8081"),[i]),u=r.length||21,o=4,l=u+o*2,a=e/l;return<react_native_1.View style={[styles.container,{width:e+20,height:e+20,backgroundColor:t}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}):(function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),__importStar=this&&this.__importStar||(function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.QRCodeView=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),qrGenerator_1=require("../helpers/qrGenerator"),AppColors_1=require("../styles/AppColors"),QRCodeView=({value:i,size:e=200,color:n=AppColors_1.AppColors.black,backgroundColor:t=AppColors_1.AppColors.white})=>{const r=(0,react_1.useMemo)(()=>(0,qrGenerator_1.generateQRMatrix)(i||"http://localhost:8081"),[i]),l=r.length||21,o=4,u=l+o*2,a=e/u;return<react_native_1.View style={[styles.container,{width:e+20,height:e+20,backgroundColor:t}]}>
       <react_native_svg_1.default width={e}height={e}viewBox={`0 0 ${e} ${e}`}>
         <react_native_svg_1.Rect width={e}height={e}fill={t}/>
         <react_native_svg_1.G>
-          {r.map((f,c)=>f.map((_,s)=>_?<react_native_svg_1.Rect key={`${c}-${s}`}x={(s+o)*a}y={(c+o)*a}width={a+.3}height={a+.3}fill={n}/>:null))}
+          {r.map((f,c)=>f.map((h,s)=>h?<react_native_svg_1.Rect key={`${c}-${s}`}x={(s+o)*a}y={(c+o)*a}width={a+.3}height={a+.3}fill={n}/>:null))}
         </react_native_svg_1.G>
       </react_native_svg_1.default>
     </react_native_1.View>};exports.QRCodeView=QRCodeView;const styles=react_native_1.StyleSheet.create({container:{padding:10,borderRadius:14,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:3},shadowOpacity:.15,shadowRadius:8,elevation:4}});exports.default=exports.QRCodeView;