react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,l,t){t===void 0&&(t=l);var o=Object.getOwnPropertyDescriptor(e,l);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(r,t,o)}):(function(r,e,l,t){t===void 0&&(t=l),r[t]=e[l]})),__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(l){var t=[];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(t[t.length]=o);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var t=r(e),o=0;o<t.length;o++)t[o]!=="default"&&__createBinding(l,e,t[o]);return __setModuleDefault(l,e),l}})(),__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"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),HighlightText_1=__importDefault(require("../HighlightText")),TouchableScale_1=__importDefault(require("../TouchableScale")),getSourceColors=r=>{const e=(r||"").toLowerCase();return e.includes("salesforce")||e==="sfmc"?{badgeColor:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky600,cardBg:`${AppColors_1.AppColors.sky600}04`,label:"SALESFORCE"}:e.includes("fcm")||e.includes("firebase")?{badgeColor:AppColors_1.AppColors.firebaseOrange,border:AppColors_1.AppColors.firebaseOrange,cardBg:`${AppColors_1.AppColors.firebaseOrange}04`,label:"FCM"}:e.includes("apns")||e.includes("apple")?{badgeColor:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate700,cardBg:`${AppColors_1.AppColors.slate700}04`,label:"APNS"}:e.includes("expo")?{badgeColor:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.brandPurple,cardBg:`${AppColors_1.AppColors.brandPurple}04`,label:"EXPO"}:e.includes("notifee")?{badgeColor:AppColors_1.AppColors.pink500,border:AppColors_1.AppColors.pink500,cardBg:`${AppColors_1.AppColors.pink500}04`,label:"NOTIFEE"}:e.includes("onesignal")?{badgeColor:AppColors_1.AppColors.errorColor,border:AppColors_1.AppColors.errorColor,cardBg:`${AppColors_1.AppColors.errorColor}04`,label:"ONESIGNAL"}:{badgeColor:AppColors_1.AppColors.purple,border:AppColors_1.AppColors.purple,cardBg:`${AppColors_1.AppColors.purple}04`,label:(r||"PUSH").toUpperCase()}},getAppStatePill=(r,e)=>{if(e==="opened")return{label:"OPENED",text:AppColors_1.AppColors.brandPurple,bg:`${AppColors_1.AppColors.brandPurple}14`,border:`${AppColors_1.AppColors.brandPurple}30`,Icon:NetworkIcons_1.ExternalLinkIcon};const l=(r||"").toLowerCase();return l==="foreground"?{label:"FOREGROUND",text:AppColors_1.AppColors.greenColor,bg:`${AppColors_1.AppColors.greenColor}14`,border:`${AppColors_1.AppColors.greenColor}30`,Icon:NetworkIcons_1.SunIcon}:l==="background"?{label:"BACKGROUND",text:AppColors_1.AppColors.amber600,bg:`${AppColors_1.AppColors.amber600}14`,border:`${AppColors_1.AppColors.amber600}30`,Icon:NetworkIcons_1.MoonIcon}:{label:(r||"RECEIVED").toUpperCase(),text:AppColors_1.AppColors.grayTextWeak,bg:`${AppColors_1.AppColors.grayTextWeak}14`,border:`${AppColors_1.AppColors.grayTextWeak}30`,Icon:NetworkIcons_1.CloudPushIcon}},PushCard=react_1.default.memo(function({item:e,onPress:l,searchStr:t=""}){const o=(0,react_1.useMemo)(()=>getSourceColors(e.source),[e.source]),a=(0,react_1.useMemo)(()=>getAppStatePill(e.appState,e.action),[e.appState,e.action]),i=(0,react_1.useMemo)(()=>e.data?Object.keys(e.data).length:0,[e.data]),n=(0,react_1.useMemo)(()=>!!(e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl),[e.data,e.customDomainAttributes]),C=a.Icon;return<TouchableScale_1.default onPress={l}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:o.border,backgroundColor:o.cardBg}]}accessibilityRole="button"accessibilityLabel={`Push Notification: ${e.title||"Notification"}`}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,r,t,l){l===void 0&&(l=t);var o=Object.getOwnPropertyDescriptor(r,t);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,l,o)}):(function(e,r,t,l){l===void 0&&(l=t),e[l]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}):function(e,r){e.default=r}),__importStar=this&&this.__importStar||(function(){var e=function(r){return e=Object.getOwnPropertyNames||function(t){var l=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(l[l.length]=o);return l},e(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var l=e(r),o=0;o<l.length;o++)l[o]!=="default"&&__createBinding(t,r,l[o]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),HighlightText_1=__importDefault(require("../HighlightText")),TouchableScale_1=__importDefault(require("../TouchableScale")),getSourceColors=e=>{const r=(e||"").toLowerCase();return r.includes("salesforce")||r==="sfmc"?{badgeColor:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky600,cardBg:`${AppColors_1.AppColors.sky600}04`,label:"SALESFORCE"}:r.includes("fcm")||r.includes("firebase")?{badgeColor:AppColors_1.AppColors.firebaseOrange,border:AppColors_1.AppColors.firebaseOrange,cardBg:`${AppColors_1.AppColors.firebaseOrange}04`,label:"FCM"}:r.includes("apns")||r.includes("apple")?{badgeColor:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate700,cardBg:`${AppColors_1.AppColors.slate700}04`,label:"APNS"}:r.includes("expo")?{badgeColor:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.brandPurple,cardBg:`${AppColors_1.AppColors.brandPurple}04`,label:"EXPO"}:r.includes("notifee")?{badgeColor:AppColors_1.AppColors.pink500,border:AppColors_1.AppColors.pink500,cardBg:`${AppColors_1.AppColors.pink500}04`,label:"NOTIFEE"}:r.includes("onesignal")?{badgeColor:AppColors_1.AppColors.errorColor,border:AppColors_1.AppColors.errorColor,cardBg:`${AppColors_1.AppColors.errorColor}04`,label:"ONESIGNAL"}:{badgeColor:AppColors_1.AppColors.purple,border:AppColors_1.AppColors.purple,cardBg:`${AppColors_1.AppColors.purple}04`,label:(e||"PUSH").toUpperCase()}},getAppStatePill=(e,r)=>{if(r==="opened")return{label:"OPENED",text:AppColors_1.AppColors.brandPurple,bg:`${AppColors_1.AppColors.brandPurple}14`,border:`${AppColors_1.AppColors.brandPurple}30`,Icon:NetworkIcons_1.ExternalLinkIcon};const t=(e||"").toLowerCase();return t==="foreground"?{label:"FOREGROUND",text:AppColors_1.AppColors.greenColor,bg:`${AppColors_1.AppColors.greenColor}14`,border:`${AppColors_1.AppColors.greenColor}30`,Icon:NetworkIcons_1.SunIcon}:t==="background"?{label:"BACKGROUND",text:AppColors_1.AppColors.amber600,bg:`${AppColors_1.AppColors.amber600}14`,border:`${AppColors_1.AppColors.amber600}30`,Icon:NetworkIcons_1.MoonIcon}:{label:(e||"RECEIVED").toUpperCase(),text:AppColors_1.AppColors.grayTextWeak,bg:`${AppColors_1.AppColors.grayTextWeak}14`,border:`${AppColors_1.AppColors.grayTextWeak}30`,Icon:NetworkIcons_1.CloudPushIcon}};function PushCard({item:e,onPress:r,searchStr:t=""}){const{t:l}=(0,i18n_1.useTranslation)(),o=(0,react_1.useMemo)(()=>getSourceColors(e.source),[e.source]),a=(0,react_1.useMemo)(()=>getAppStatePill(e.appState,e.action),[e.appState,e.action]),i=(0,react_1.useMemo)(()=>e.data?Object.keys(e.data).length:0,[e.data]),n=(0,react_1.useMemo)(()=>!!(e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl),[e.data,e.customDomainAttributes]),C=a.Icon;return<TouchableScale_1.default onPress={r}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:o.border,backgroundColor:o.cardBg}]}accessibilityRole="button"accessibilityLabel={`Push Notification: ${e.title||"Notification"}`}>
       <react_native_1.View style={styles.cardBody}>
         
         <react_native_1.View style={styles.cardHeaderRow}>
@@ -27,9 +27,10 @@
               </react_native_1.View>}
 
             
-            {n&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`}]}>
+            {n&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,flexDirection:"row",alignItems:"center",gap:3}]}>
+                <NetworkIcons_1.LinkChainIcon size={10}color={AppColors_1.AppColors.brandPurple}/>
                 <react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.brandPurple}]}>
-                  🔗 Link
+                  {l("push.link","Link")}
                 </react_native_1.Text>
               </react_native_1.View>}
           </react_native_1.View>
@@ -86,4 +87,4 @@
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.View>
-    </TouchableScale_1.default>}),styles=react_native_1.StyleSheet.create({card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,marginBottom:6},cardBody:{height:"100%",paddingHorizontal:12,paddingTop:10,paddingBottom:8,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:8,gap:6,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13},messageBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:10,paddingVertical:6,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:16},messageBody:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:15},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2B`,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},metaStatText:{color:AppColors_1.AppColors.purple,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold}});PushCard.displayName="PushCard",exports.default=PushCard;
+    </TouchableScale_1.default>}const styles=react_native_1.StyleSheet.create({card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,marginBottom:6},cardBody:{height:"100%",paddingHorizontal:12,paddingTop:10,paddingBottom:8,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:8,gap:6,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13},messageBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:10,paddingVertical:6,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:16},messageBody:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:15},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2B`,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},metaStatText:{color:AppColors_1.AppColors.purple,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold}});function arePushPropsEqual(e,r){return e.item===r.item&&e.searchStr===r.searchStr&&e.onPress===r.onPress}exports.default=react_1.default.memo(PushCard,arePushPropsEqual);

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,r,a)}):(function(o,e,t,r){r===void 0&&(r=t),o[r]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(t){var r=[];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[r.length]=a);return r},o(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=o(e),a=0;a<r.length;a++)r[a]!=="default"&&__createBinding(t,e,r[a]);return __setModuleDefault(t,e),t}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),ShareButton_1=__importDefault(require("../ShareButton")),CopyButton_1=__importDefault(require("../CopyButton")),JsonViewer_1=__importDefault(require("../JsonViewer")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),NetworkIcons_1=require("../NetworkIcons"),PushDetail=react_1.default.memo(function({item:e}){const[t,r]=(0,react_1.useState)("preview"),a=(0,react_1.useMemo)(()=>e?(0,helpers_1.formatDateTime)(e.timestamp):"",[e]);if(!e)return null;const n=async()=>{await(0,shareFormatter_1.sharePushReport)(e)},p=[{key:"preview",label:"Preview",themeColor:AppColors_1.AppColors.brandPurple,icon:l=><NetworkIcons_1.EyeIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"payload",label:"Custom Payload",themeColor:AppColors_1.AppColors.violet600,icon:l=><NetworkIcons_1.LayersIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"headers",label:"Delivery Metadata",themeColor:AppColors_1.AppColors.teal600,icon:l=><NetworkIcons_1.MetadataIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"raw",label:"Raw Payload",themeColor:AppColors_1.AppColors.sky600,icon:l=><NetworkIcons_1.RawJsonIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}],s=(e.source||"PUSH").toUpperCase(),c=(e.appState||"STATE").toUpperCase(),d=!!(e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl),u=e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl||"";return<react_native_1.View style={{flex:1}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,t,o){o===void 0&&(o=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(r,o,a)}):(function(r,e,t,o){o===void 0&&(o=t),r[o]=e[t]})),__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(t){var o=[];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(o[o.length]=a);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o=r(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(t,e,o[a]);return __setModuleDefault(t,e),t}})(),__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"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),ShareButton_1=__importDefault(require("../ShareButton")),CopyButton_1=__importDefault(require("../CopyButton")),JsonViewer_1=__importDefault(require("../JsonViewer")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),NetworkIcons_1=require("../NetworkIcons"),PushDetail=react_1.default.memo(function({item:e}){const{t}=(0,i18n_1.useTranslation)(),[o,a]=(0,react_1.useState)("preview"),n=(0,react_1.useMemo)(()=>e?(0,helpers_1.formatDateTime)(e.timestamp):"",[e]);if(!e)return null;const p=async()=>{await(0,shareFormatter_1.sharePushReport)(e)},s=[{key:"preview",label:t("push.preview","Preview"),themeColor:AppColors_1.AppColors.brandPurple,icon:l=><NetworkIcons_1.EyeIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"payload",label:t("push.payload","Custom Payload"),themeColor:AppColors_1.AppColors.violet600,icon:l=><NetworkIcons_1.LayersIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"headers",label:t("push.deliveryMetadata","Delivery Metadata"),themeColor:AppColors_1.AppColors.teal600,icon:l=><NetworkIcons_1.MetadataIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"raw",label:t("push.rawPayload","Raw Payload"),themeColor:AppColors_1.AppColors.sky600,icon:l=><NetworkIcons_1.RawJsonIcon size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}],c=(e.source||"PUSH").toUpperCase(),d=(e.appState||"STATE").toUpperCase(),u=!!(e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl),y=e.data?.deepLink||e.data?.openDirectUrl||e.data?._od||e.customDomainAttributes?.openDirectUrl||"";return<react_native_1.View style={{flex:1}}>
       
       <react_native_1.View style={{paddingHorizontal:8,paddingTop:4}}>
         <react_native_1.View style={styles_1.default.detailInfoBar}>
@@ -9,14 +9,14 @@
               <react_native_1.View style={[styles_1.default.methodBadge,{backgroundColor:AppColors_1.AppColors.brandPurple,paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,flexDirection:"row",alignItems:"center",gap:4}]}>
                 <NetworkIcons_1.CloudPushIcon size={10}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={[styles_1.default.methodBadgeText,{color:AppColors_1.AppColors.white,fontSize:10.5,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                  {s}
+                  {c}
                 </react_native_1.Text>
               </react_native_1.View>
 
               
               <react_native_1.View style={[styles_1.default.chip,{backgroundColor:e.appState==="foreground"?`${AppColors_1.AppColors.greenColor}18`:`${AppColors_1.AppColors.amber600}18`,borderColor:e.appState==="foreground"?`${AppColors_1.AppColors.greenColor}40`:`${AppColors_1.AppColors.amber600}40`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
                 <react_native_1.Text style={[styles_1.default.chipText,{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:e.appState==="foreground"?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.amber700}]}>
-                  {c}
+                  {d}
                 </react_native_1.Text>
               </react_native_1.View>
 
@@ -31,7 +31,7 @@
               <react_native_1.View style={[styles_1.default.chip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}10`,borderColor:`${AppColors_1.AppColors.brandPurple}25`,paddingHorizontal:7,paddingVertical:3,borderRadius:6,gap:4}]}>
                 <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.brandPurple}size={10}/>
                 <react_native_1.Text style={[styles_1.default.chipText,{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5}]}>
-                  {a}
+                  {n}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -49,7 +49,7 @@
 
               
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0}}>
-                <ShareButton_1.default onShare={n}/>
+                <ShareButton_1.default onShare={p}/>
                 <CopyButton_1.default value={typeof e.rawPayload=="object"?JSON.stringify(e.rawPayload,null,2):JSON.stringify(e.data,null,2)}label="JSON"iconType="copy"/>
                 <CopyButton_1.default value={e.id||""}label="ID"iconType="copy"/>
               </react_native_1.View>
@@ -63,12 +63,13 @@
               {e.body?<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayText,lineHeight:16}}numberOfLines={2}selectable>
                   {e.body}
                 </react_native_1.Text>:null}
-              {d?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginTop:2}}>
+              {u?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginTop:2}}>
+                  <NetworkIcons_1.LinkChainIcon size={11}color={AppColors_1.AppColors.brandPurple}/>
                   <react_native_1.Text style={{fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.brandPurple}}>
-                    🔗 LINK:
+                    {t("push.link","LINK")}:
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontSize:10.5,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.sky600}}numberOfLines={1}>
-                    {u}
+                    {y}
                   </react_native_1.Text>
                 </react_native_1.View>:null}
             </react_native_1.View>
@@ -78,12 +79,12 @@
 
       
       <react_native_1.View style={{paddingHorizontal:8,paddingVertical:6}}>
-        <SegmentedTabs_1.default tabs={p}activeKey={t}onChange={l=>r(l)}scrollable={!0}/>
+        <SegmentedTabs_1.default tabs={s}activeKey={o}onChange={l=>a(l)}scrollable={!0}/>
       </react_native_1.View>
 
       
       <react_native_1.View style={{flex:1,paddingHorizontal:8,paddingBottom:10}}>
-        {t==="preview"&&<react_native_1.ScrollView contentContainerStyle={detailStyles.scrollContent}>
+        {o==="preview"&&<react_native_1.ScrollView contentContainerStyle={detailStyles.scrollContent}>
             
             <react_native_1.View style={detailStyles.mockupCard}>
               <react_native_1.View style={detailStyles.mockupHeader}>
@@ -91,9 +92,9 @@
                   <NetworkIcons_1.BellIcon size={12}color={AppColors_1.AppColors.white}/>
                 </react_native_1.View>
                 <react_native_1.Text style={detailStyles.mockupAppName}>
-                  {e.domain||"App Notification"}
+                  {e.domain||t("push.appNotification","App Notification")}
                 </react_native_1.Text>
-                <react_native_1.Text style={detailStyles.mockupTime}>• now</react_native_1.Text>
+                <react_native_1.Text style={detailStyles.mockupTime}>• {t("push.now","now")}</react_native_1.Text>
               </react_native_1.View>
 
               
@@ -117,21 +118,26 @@
                 {e.channelId?<react_native_1.View style={detailStyles.tagPill}>
                     <react_native_1.Text style={detailStyles.tagPillText}>Channel: {e.channelId}</react_native_1.Text>
                   </react_native_1.View>:null}
-                {e.sound?<react_native_1.View style={detailStyles.tagPill}>
-                    <react_native_1.Text style={detailStyles.tagPillText}>🔊 {e.sound}</react_native_1.Text>
+                {e.sound?<react_native_1.View style={[detailStyles.tagPill,{flexDirection:"row",alignItems:"center",gap:4}]}>
+                    <NetworkIcons_1.VolumeIcon size={11}color={AppColors_1.AppColors.violet600}/>
+                    <react_native_1.Text style={detailStyles.tagPillText}>{e.sound}</react_native_1.Text>
                   </react_native_1.View>:null}
                 {e.badge!=null?<react_native_1.View style={detailStyles.tagPill}>
                     <react_native_1.Text style={detailStyles.tagPillText}>Badge: {e.badge}</react_native_1.Text>
                   </react_native_1.View>:null}
-                {e.priority?<react_native_1.View style={detailStyles.tagPill}>
-                    <react_native_1.Text style={detailStyles.tagPillText}>⚡ {e.priority}</react_native_1.Text>
+                {e.priority?<react_native_1.View style={[detailStyles.tagPill,{flexDirection:"row",alignItems:"center",gap:4}]}>
+                    <NetworkIcons_1.BoltIcon size={11}color={AppColors_1.AppColors.amber600}/>
+                    <react_native_1.Text style={detailStyles.tagPillText}>{e.priority}</react_native_1.Text>
                   </react_native_1.View>:null}
               </react_native_1.View>
             </react_native_1.View>
 
             
             {e.customDomainAttributes&&Object.keys(e.customDomainAttributes).length>0&&<react_native_1.View style={detailStyles.sectionCard}>
-                <react_native_1.Text style={detailStyles.sectionTitle}>🏢 Domain Specific Fields</react_native_1.Text>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8}}>
+                  <NetworkIcons_1.BuildingIcon size={13}color={AppColors_1.AppColors.blue600}/>
+                  <react_native_1.Text style={detailStyles.sectionTitle}>{t("push.domainFields","Domain Specific Fields")}</react_native_1.Text>
+                </react_native_1.View>
                 {Object.entries(e.customDomainAttributes).map(([l,i])=><react_native_1.View key={l}style={detailStyles.keyValRow}>
                     <react_native_1.Text style={detailStyles.keyText}>{l}:</react_native_1.Text>
                     <react_native_1.Text style={detailStyles.valText}numberOfLines={2}>
@@ -141,11 +147,14 @@
               </react_native_1.View>}
           </react_native_1.ScrollView>}
 
-        {t==="payload"&&<JsonViewer_1.default data={e.data&&Object.keys(e.data).length>0?e.data:{message:"No custom key-value data found in payload"}}fullHeight={!0}/>}
+        {o==="payload"&&<JsonViewer_1.default data={e.data&&Object.keys(e.data).length>0?e.data:{message:"No custom key-value data found in payload"}}fullHeight={!0}/>}
 
-        {t==="headers"&&<react_native_1.ScrollView contentContainerStyle={detailStyles.scrollContent}>
+        {o==="headers"&&<react_native_1.ScrollView contentContainerStyle={detailStyles.scrollContent}>
             <react_native_1.View style={detailStyles.sectionCard}>
-              <react_native_1.Text style={detailStyles.sectionTitle}>⚙️ Delivery & Message Metadata</react_native_1.Text>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8}}>
+                <NetworkIcons_1.SettingsIcon size={13}color={AppColors_1.AppColors.slate600}/>
+                <react_native_1.Text style={detailStyles.sectionTitle}>{t("push.deliveryMetadata","Delivery & Message Metadata")}</react_native_1.Text>
+              </react_native_1.View>
               <react_native_1.View style={detailStyles.keyValRow}>
                 <react_native_1.Text style={detailStyles.keyText}>Message ID:</react_native_1.Text>
                 <react_native_1.Text style={detailStyles.valText}selectable>{e.id||"N/A"}</react_native_1.Text>
@@ -164,7 +173,7 @@
               </react_native_1.View>
               <react_native_1.View style={detailStyles.keyValRow}>
                 <react_native_1.Text style={detailStyles.keyText}>Timestamp:</react_native_1.Text>
-                <react_native_1.Text style={detailStyles.valText}>{a}</react_native_1.Text>
+                <react_native_1.Text style={detailStyles.valText}>{n}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={detailStyles.keyValRow}>
                 <react_native_1.Text style={detailStyles.keyText}>Channel ID:</react_native_1.Text>
@@ -185,6 +194,6 @@
             </react_native_1.View>
           </react_native_1.ScrollView>}
 
-        {t==="raw"&&<JsonViewer_1.default data={e.rawPayload||e}fullHeight={!0}/>}
+        {o==="raw"&&<JsonViewer_1.default data={e.rawPayload||e}fullHeight={!0}/>}
       </react_native_1.View>
-    </react_native_1.View>}),detailStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.white},headerBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.white},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},backBtn:{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},titleWrap:{flex:1,gap:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:5},sourceBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}30`},sourceBadgeText:{fontSize:9,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.brandPurple},stateBadge:{backgroundColor:`${AppColors_1.AppColors.greenColor}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.greenColor}30`},stateBadgeText:{fontSize:9,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.greenColor},headerTitle:{fontSize:13,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack},headerActions:{flexDirection:"row",alignItems:"center",gap:6},tabsContainer:{paddingHorizontal:10,paddingVertical:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},bodyContainer:{flex:1},scrollContent:{padding:12,gap:12},mockupCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:14,gap:8,shadowColor:"#000",shadowOpacity:.05,shadowOffset:{width:0,height:2},shadowRadius:6,elevation:2},mockupHeader:{flexDirection:"row",alignItems:"center",gap:6},mockupAppIcon:{width:20,height:20,borderRadius:5,backgroundColor:AppColors_1.AppColors.brandPurple,alignItems:"center",justifyContent:"center"},mockupAppName:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack,textTransform:"uppercase"},mockupTime:{fontSize:10,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.grayTextWeak},mockupImage:{width:"100%",height:140,borderRadius:8,marginVertical:4},mockupTitle:{fontSize:14,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack},mockupSubtitle:{fontSize:12,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayText},mockupBody:{fontSize:12.5,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.grayText,lineHeight:18},mockupFooterTags:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},tagPill:{backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:6,paddingVertical:3,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},tagPillText:{fontSize:10,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayText},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:12,gap:8},sectionTitle:{fontSize:12,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack,marginBottom:4},keyValRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:3,borderBottomWidth:.5,borderBottomColor:`${AppColors_1.AppColors.dividerColor}40`,gap:8},keyText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayTextWeak},valText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack,textAlign:"right",flexShrink:1}});PushDetail.displayName="PushDetail",exports.default=PushDetail;
+    </react_native_1.View>}),detailStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.white},headerBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.white},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},backBtn:{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},titleWrap:{flex:1,gap:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:5},sourceBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}30`},sourceBadgeText:{fontSize:9,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.brandPurple},stateBadge:{backgroundColor:`${AppColors_1.AppColors.greenColor}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.greenColor}30`},stateBadgeText:{fontSize:9,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.greenColor},headerTitle:{fontSize:13,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack},headerActions:{flexDirection:"row",alignItems:"center",gap:6},tabsContainer:{paddingHorizontal:10,paddingVertical:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},bodyContainer:{flex:1},scrollContent:{padding:12,gap:12},mockupCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:14,gap:8,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.05,shadowOffset:{width:0,height:2},shadowRadius:6,elevation:2},mockupHeader:{flexDirection:"row",alignItems:"center",gap:6},mockupAppIcon:{width:20,height:20,borderRadius:5,backgroundColor:AppColors_1.AppColors.brandPurple,alignItems:"center",justifyContent:"center"},mockupAppName:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack,textTransform:"uppercase"},mockupTime:{fontSize:10,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.grayTextWeak},mockupImage:{width:"100%",height:140,borderRadius:8,marginVertical:4},mockupTitle:{fontSize:14,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack},mockupSubtitle:{fontSize:12,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayText},mockupBody:{fontSize:12.5,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.grayText,lineHeight:18},mockupFooterTags:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},tagPill:{backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:6,paddingVertical:3,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},tagPillText:{fontSize:10,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayText},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:12,gap:8},sectionTitle:{fontSize:12,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack,marginBottom:4},keyValRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:3,borderBottomWidth:.5,borderBottomColor:`${AppColors_1.AppColors.dividerColor}40`,gap:8},keyText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.grayTextWeak},valText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack,textAlign:"right",flexShrink:1}});PushDetail.displayName="PushDetail",exports.default=PushDetail;

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

@@ -1,6 +1,6 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,e,r,n){n===void 0&&(n=r);var a=Object.getOwnPropertyDescriptor(e,r);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(l,n,a)}):(function(l,e,r,n){n===void 0&&(n=r),l[n]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,e){Object.defineProperty(l,"default",{enumerable:!0,value:e})}):function(l,e){l.default=e}),__importStar=this&&this.__importStar||(function(){var l=function(e){return l=Object.getOwnPropertyNames||function(r){var n=[];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(n[n.length]=a);return n},l(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=l(e),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(r,e,n[a]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),PushCard_1=__importDefault(require("./PushCard")),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),PushTab=react_1.default.memo(()=>{const{pushRecords:l,filteredPushRecords:e,pushSearch:r,setPushSearch:n,pushQuickFilter:a,setPushQuickFilter:u,setSelectedPush:d,clearAllPushLogs:g,simulatePush:p}=(0,InspectorContext_1.useInspector)(),y=(0,react_1.useRef)(null),[f,m]=(0,react_1.useState)(0),h=["salesforce","fcm","apns","deeplink","rich_media"],S=(0,react_1.useCallback)(()=>{const o=h[f%h.length];p(o),m(t=>t+1)},[f,p]),C=(0,react_1.useMemo)(()=>{let o=0,t=0,s=0;const i={};return l.forEach(c=>{const b=(c.appState||"").toLowerCase();b==="foreground"&&o++,b==="background"&&t++,c.action==="opened"&&s++;const _=(c.source||"other").toLowerCase();i[_]=(i[_]||0)+1}),{all:l.length,foreground:o,background:t,opened:s,sources:i}},[l]),w=(0,react_1.useMemo)(()=>{const o=[{id:"all",label:"All",color:AppColors_1.AppColors.purple,icon:t=><NetworkIcons_1.BellIcon size={12}color={t}/>},{id:"foreground",label:"Foreground",color:AppColors_1.AppColors.greenColor,icon:t=><NetworkIcons_1.SunIcon size={12}color={t}/>},{id:"background",label:"Background",color:AppColors_1.AppColors.darkOrange,icon:t=><NetworkIcons_1.MoonIcon size={12}color={t}/>},{id:"opened",label:"Opened",color:AppColors_1.AppColors.brandPurple,icon:t=><NetworkIcons_1.ExternalLinkIcon size={12}color={t}/>}];return Object.entries(C.sources).forEach(([t,s])=>{s>0&&t!=="all"&&o.push({id:`source:${t}`,label:t.toUpperCase(),color:t==="salesforce"?AppColors_1.AppColors.sky600:AppColors_1.AppColors.brandPurple,icon:i=><NetworkIcons_1.CloudPushIcon size={12}color={i}/>})}),o},[C]),P=(0,react_1.useCallback)(({item:o,index:t})=><AnimatedEntrance_1.default index={t}distance={8}>
-        <PushCard_1.default item={o}searchStr={r}onPress={()=>d(o)}/>
-      </AnimatedEntrance_1.default>,[r,d]),A=(0,react_1.useCallback)(o=>o.id||`push_${o.timestamp}`,[]);return<react_native_1.View style={{flex:1}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,o,n,t){t===void 0&&(t=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(l,t,a)}):(function(l,o,n,t){t===void 0&&(t=n),l[t]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,o){Object.defineProperty(l,"default",{enumerable:!0,value:o})}):function(l,o){l.default=o}),__importStar=this&&this.__importStar||(function(){var l=function(o){return l=Object.getOwnPropertyNames||function(n){var t=[];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[t.length]=a);return t},l(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var t=l(o),a=0;a<t.length;a++)t[a]!=="default"&&__createBinding(n,o,t[a]);return __setModuleDefault(n,o),n}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),PushCard_1=__importDefault(require("./PushCard")),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,PushTab=react_1.default.memo(()=>{const{t:l}=(0,i18n_1.useTranslation)(),{pushRecords:o,filteredPushRecords:n,pushSearch:t,setPushSearch:a,pushQuickFilter:s,setPushQuickFilter:f,setSelectedPush:h,clearAllPushLogs:v,simulatePush:C,maxPushLogs:u}=(0,InspectorContext_1.useInspector)(),T=u||50,b=(0,react_1.useRef)(null),[g,x]=(0,react_1.useState)(0),[_,y]=(0,react_1.useState)(T);react_1.default.useEffect(()=>{y(u||50),b.current?.scrollToOffset({offset:0,animated:!1})},[t,s,u]);const d=(0,react_1.useMemo)(()=>n.slice(0,_),[n,_]),m=["salesforce","fcm","apns","deeplink","rich_media"],I=(0,react_1.useCallback)(()=>{const e=m[g%m.length];C(e),x(r=>r+1)},[g,C]),S=(0,react_1.useMemo)(()=>{let e=0,r=0,c=0;const i={};return o.forEach(p=>{const w=(p.appState||"").toLowerCase();w==="foreground"&&e++,w==="background"&&r++,p.action==="opened"&&c++;const A=(p.source||"other").toLowerCase();i[A]=(i[A]||0)+1}),{all:o.length,foreground:e,background:r,opened:c,sources:i}},[o]),V=(0,react_1.useMemo)(()=>{const e=[{id:"all",label:"All",color:AppColors_1.AppColors.purple,icon:r=><NetworkIcons_1.BellIcon size={12}color={r}/>},{id:"foreground",label:"Foreground",color:AppColors_1.AppColors.greenColor,icon:r=><NetworkIcons_1.SunIcon size={12}color={r}/>},{id:"background",label:"Background",color:AppColors_1.AppColors.darkOrange,icon:r=><NetworkIcons_1.MoonIcon size={12}color={r}/>},{id:"opened",label:"Opened",color:AppColors_1.AppColors.brandPurple,icon:r=><NetworkIcons_1.ExternalLinkIcon size={12}color={r}/>}];return Object.entries(S.sources).forEach(([r,c])=>{c>0&&r!=="all"&&e.push({id:`source:${r}`,label:r.toUpperCase(),color:r==="salesforce"?AppColors_1.AppColors.sky600:AppColors_1.AppColors.brandPurple,icon:i=><NetworkIcons_1.CloudPushIcon size={12}color={i}/>})}),e},[S]),P=(0,react_1.useCallback)(e=>{h(e)},[h]),k=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
+        <PushCard_1.default item={e}searchStr={t}onPress={()=>P(e)}/>
+      </AnimatedEntrance_1.default>,[t,P]),B=(0,react_1.useCallback)(e=>e.id||`push_${e.timestamp}`,[]);return<react_native_1.View style={{flex:1}}>
       
       <react_native_1.View style={{marginTop:6}}>
         <react_native_1.View style={styles_1.default.toolbarRow}>
@@ -8,20 +8,20 @@
             <react_native_1.View style={styles_1.default.searchIcon}>
               <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
             </react_native_1.View>
-            <react_native_1.TextInput style={[styles_1.default.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={r}onChangeText={n}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
-            {r.length>0&&react_native_1.Platform.OS==="android"&&<react_native_1.View style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
-                <react_native_1.Pressable onPress={()=>n("")}hitSlop={10}style={styles_1.default.clearBtn}>
+            <react_native_1.TextInput style={[styles_1.default.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
+            {t.length>0&&react_native_1.Platform.OS==="android"&&<react_native_1.View style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
+                <react_native_1.Pressable onPress={()=>a("")}hitSlop={10}style={styles_1.default.clearBtn}>
                   <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
                 </react_native_1.Pressable>
               </react_native_1.View>}
           </react_native_1.View>
 
           <react_native_1.View style={styles_1.default.toolbarRight}>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}30`}]}onPress={S}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}30`}]}onPress={I}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
               <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={15}/>
             </TouchableScale_1.default>
 
-            {l.length>0&&<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={g}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
+            {o.length>0&&<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={v}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
                 <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
               </TouchableScale_1.default>}
           </react_native_1.View>
@@ -31,15 +31,15 @@
       
       <react_native_1.View style={pushTabStyles.carouselWrapper}>
         <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={pushTabStyles.carouselContent}>
-          {w.map(o=>{const t=a===o.id;return<TouchableScale_1.default key={o.id}onPress={()=>u(o.id)}style={[pushTabStyles.filterPill,t&&{backgroundColor:o.color,borderColor:o.color}]}>
-                {o.icon?o.icon(t?AppColors_1.AppColors.white:o.color):null}
-                <react_native_1.Text style={[pushTabStyles.filterPillText,t&&{color:AppColors_1.AppColors.white}]}>
-                  {o.label}
+          {V.map(e=>{const r=s===e.id;return<TouchableScale_1.default key={e.id}onPress={()=>f(e.id)}style={[pushTabStyles.filterPill,r&&{backgroundColor:e.color,borderColor:e.color}]}>
+                {e.icon?e.icon(r?AppColors_1.AppColors.white:e.color):null}
+                <react_native_1.Text style={[pushTabStyles.filterPillText,r&&{color:AppColors_1.AppColors.white}]}>
+                  {e.label}
                 </react_native_1.Text>
               </TouchableScale_1.default>})}
         </react_native_1.ScrollView>
       </react_native_1.View>
 
       
-      <react_native_1.FlatList ref={y}data={e}renderItem={P}keyExtractor={A}contentContainerStyle={pushTabStyles.listContent}initialNumToRender={15}maxToRenderPerBatch={20}windowSize={11}removeClippedSubviews={react_native_1.Platform.OS==="android"}ListEmptyComponent={<EmptyState_1.default isSearch={!!(r||a!=="all")}searchQuery={r}customTitle={r||a!=="all"?"No matching push notifications":"No push notifications captured yet"}customSub={r||a!=="all"?"Try adjusting your search query or filter chips.":"Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically."}onClearSearch={()=>{n(""),u("all")}}showReload={!1}/>}ListFooterComponent={e.length>0?<EndOfListFooter_1.default totalCount={e.length}label="End of push notification history"/>:null}/>
+      <react_native_1.FlatList ref={b}data={d}renderItem={k}keyExtractor={B}contentContainerStyle={pushTabStyles.listContent}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<EmptyState_1.default isSearch={!!(t||s!=="all")}searchQuery={t}customTitle={t||s!=="all"?l("push.noMatching","No matching push notifications"):l("push.noNotifications","No push notifications captured yet")}customSub={t||s!=="all"?l("push.adjustSearchFilter","Try adjusting your search query or filter chips."):l("push.noNotificationsDesc","Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically.")}onClearSearch={()=>{a(""),f("all")}}showReload={!1}/>}ListFooterComponent={n.length>0?<EndOfListFooter_1.default count={d.length}totalCount={n.length}label="push notifications"loadMoreStep={LOAD_MORE_STEP}hasMore={d.length<n.length}onLoadMore={()=>y(e=>e+LOAD_MORE_STEP)}/>:null}/>
     </react_native_1.View>}),pushTabStyles=react_native_1.StyleSheet.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},filterPillText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold},listContent:{padding:8,paddingBottom:24}});PushTab.displayName="PushTab",exports.default=PushTab;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,i,l,r){r===void 0&&(r=l);var t=Object.getOwnPropertyDescriptor(i,l);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[l]}}),Object.defineProperty(e,r,t)}):(function(e,i,l,r){r===void 0&&(r=l),e[r]=i[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,i){Object.defineProperty(e,"default",{enumerable:!0,value:i})}):function(e,i){e.default=i}),__importStar=this&&this.__importStar||(function(){var e=function(i){return e=Object.getOwnPropertyNames||function(l){var r=[];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(r[r.length]=t);return r},e(i)};return function(i){if(i&&i.__esModule)return i;var l={};if(i!=null)for(var r=e(i),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(l,i,r[t]);return __setModuleDefault(l,i),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),JsonViewer_1=__importDefault(require("../JsonViewer")),DiffViewer_1=__importDefault(require("../DiffViewer")),CopyButton_1=__importDefault(require("../CopyButton")),ShareButton_1=__importDefault(require("../ShareButton")),TouchableScale_1=__importDefault(require("../TouchableScale")),HighlightText_1=__importDefault(require("../HighlightText")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),reduxLogger_1=require("../../customHooks/reduxLogger"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),settingsStore_1=require("../../helpers/settingsStore"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=e=>{switch(e){case"saga":return{label:"SAGA",renderIcon:(i,l=9)=><NetworkIcons_1.AtomIcon color={i}size={l}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"epic":return{label:"EPIC",renderIcon:(i,l=9)=><NetworkIcons_1.TerminalIcon color={i}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(i,l=9)=><NetworkIcons_1.ListenerIcon color={i}size={l}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};case"component":return{label:"UI DISPATCH",renderIcon:(i,l=9)=><NetworkIcons_1.ScreenIcon color={i}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};default:return{label:"DISPATCH",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},ReduxDetail=react_1.default.memo(()=>{const{t:e}=(0,i18n_1.useTranslation)(),{reduxState:i,reduxLastActionMap:l,selectedReduxSlice:r,selectedReduxAction:t}=(0,InspectorContext_1.useInspector)(),[d,S]=(0,react_1.useState)(""),[y,V]=(0,react_1.useState)("live"),[b,F]=(0,react_1.useState)("payload"),[k,B]=(0,react_1.useState)("raw"),[P,W]=(0,react_1.useState)(null),[_,A]=(0,react_1.useState)(!1),[T,g]=(0,react_1.useState)(null),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),f=(0,react_1.useMemo)(()=>r?h.filter(a=>!a.affectedSlices||a.affectedSlices.length===0?!0:a.affectedSlices.includes(r)):h,[h,r]),I=(0,react_1.useMemo)(()=>{if(!d.trim())return f;const a=d.toLowerCase();return f.filter(p=>p.type.toLowerCase().includes(a)||p.callerFile&&p.callerFile.toLowerCase().includes(a)||p.payload&&JSON.stringify(p.payload).toLowerCase().includes(a))},[f,d]);(0,react_1.useEffect)(()=>{if(!r)return;async function a(){try{const p=(0,settingsStore_1.getCustomStorage)();if(!p){A(!1),g(null);return}let c=await p.getItem(`persist:${r}`);if(c){try{g(JSON.parse(c))}catch{g(c)}A(!0);return}let n=await p.getItem("persist:root");if(n){const o=JSON.parse(n);if(o&&o[r]!==void 0){const s=o[r];try{g(typeof s=="string"?JSON.parse(s):s)}catch{g(s)}A(!0);return}}}catch{}A(!1),g(null)}a()},[r]);const z=()=>{r&&react_native_1.Alert.alert("Clear Persisted State",`Are you sure you want to delete persisted storage for slice "${r}"?`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{const a=(0,settingsStore_1.getCustomStorage)();if(!a)return;typeof a.removeItem=="function"?await a.removeItem(`persist:${r}`):await a.setItem(`persist:${r}`,""),A(!1),g(null),V("live"),react_native_1.Platform.OS==="android"?react_native_1.ToastAndroid.show("Persisted state cleared",react_native_1.ToastAndroid.SHORT):react_native_1.Alert.alert("Cleared","Persisted state has been cleared.")}catch{react_native_1.Alert.alert("Error","Failed to clear persisted state.")}}}])};if(r!=null){const a=i?.[r],p=a&&typeof a=="object"?Object.keys(a).length:typeof a<"u"?1:0,c=l[r],n=[{key:"live",label:e("redux.liveState","Live State"),icon:o=><NetworkIcons_1.LiveStateIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"timeline",label:`${e("redux.timeline","Timeline")} (${f.length})`,icon:o=><NetworkIcons_1.TimelineIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"persisted",label:_?e("redux.persisted","Persisted"):e("redux.storage","Storage"),icon:o=><NetworkIcons_1.StorageIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"metadata",label:e("redux.metadata","Metadata"),icon:o=><NetworkIcons_1.MetadataIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,i,l,o){o===void 0&&(o=l);var t=Object.getOwnPropertyDescriptor(i,l);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[l]}}),Object.defineProperty(e,o,t)}):(function(e,i,l,o){o===void 0&&(o=l),e[o]=i[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,i){Object.defineProperty(e,"default",{enumerable:!0,value:i})}):function(e,i){e.default=i}),__importStar=this&&this.__importStar||(function(){var e=function(i){return e=Object.getOwnPropertyNames||function(l){var o=[];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(o[o.length]=t);return o},e(i)};return function(i){if(i&&i.__esModule)return i;var l={};if(i!=null)for(var o=e(i),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(l,i,o[t]);return __setModuleDefault(l,i),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),JsonViewer_1=__importDefault(require("../JsonViewer")),DiffViewer_1=__importDefault(require("../DiffViewer")),CopyButton_1=__importDefault(require("../CopyButton")),ShareButton_1=__importDefault(require("../ShareButton")),TouchableScale_1=__importDefault(require("../TouchableScale")),HighlightText_1=__importDefault(require("../HighlightText")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),reduxLogger_1=require("../../customHooks/reduxLogger"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),settingsStore_1=require("../../helpers/settingsStore"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=e=>{switch(e){case"saga":return{label:"SAGA",renderIcon:(i,l=9)=><NetworkIcons_1.AtomIcon color={i}size={l}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"epic":return{label:"EPIC",renderIcon:(i,l=9)=><NetworkIcons_1.TerminalIcon color={i}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(i,l=9)=><NetworkIcons_1.ListenerIcon color={i}size={l}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};case"component":return{label:"UI DISPATCH",renderIcon:(i,l=9)=><NetworkIcons_1.ScreenIcon color={i}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};default:return{label:"DISPATCH",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},ReduxDetail=react_1.default.memo(()=>{const{t:e}=(0,i18n_1.useTranslation)(),{reduxState:i,reduxLastActionMap:l,selectedReduxSlice:o,selectedReduxAction:t}=(0,InspectorContext_1.useInspector)(),[d,S]=(0,react_1.useState)(""),[y,V]=(0,react_1.useState)("live"),[T,F]=(0,react_1.useState)("payload"),[k,B]=(0,react_1.useState)("raw"),[P,W]=(0,react_1.useState)(null),[_,A]=(0,react_1.useState)(!1),[b,g]=(0,react_1.useState)(null),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),x=(0,react_1.useMemo)(()=>o?h.filter(a=>!a.affectedSlices||a.affectedSlices.length===0?!0:a.affectedSlices.includes(o)):h,[h,o]),I=(0,react_1.useMemo)(()=>{if(!d.trim())return x;const a=d.toLowerCase();return x.filter(p=>p.type.toLowerCase().includes(a)||p.callerFile&&p.callerFile.toLowerCase().includes(a)||p.payload&&JSON.stringify(p.payload).toLowerCase().includes(a))},[x,d]);(0,react_1.useEffect)(()=>{if(!o)return;async function a(){try{const p=(0,settingsStore_1.getCustomStorage)();if(!p){A(!1),g(null);return}let c=await p.getItem(`persist:${o}`);if(c){try{g(JSON.parse(c))}catch{g(c)}A(!0);return}let n=await p.getItem("persist:root");if(n){const r=JSON.parse(n);if(r&&r[o]!==void 0){const s=r[o];try{g(typeof s=="string"?JSON.parse(s):s)}catch{g(s)}A(!0);return}}}catch{}A(!1),g(null)}a()},[o]);const z=()=>{o&&react_native_1.Alert.alert(e("redux.clearPersistedTitle","Clear Persisted State"),e("redux.clearPersistedMessage",'Are you sure you want to delete persisted storage for slice "{{slice}}"?').replace("{{slice}}",o||""),[{text:e("common.cancel","Cancel"),style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{const a=(0,settingsStore_1.getCustomStorage)();if(!a)return;typeof a.removeItem=="function"?await a.removeItem(`persist:${o}`):await a.setItem(`persist:${o}`,""),A(!1),g(null),V("live"),react_native_1.Platform.OS==="android"?react_native_1.ToastAndroid.show("Persisted state cleared",react_native_1.ToastAndroid.SHORT):react_native_1.Alert.alert(e("redux.clearedPersisted","Persisted state has been cleared."))}catch{react_native_1.Alert.alert(e("common.failed","Failed"),e("redux.clearPersistedError","Failed to clear persisted state."))}}}])};if(o!=null){const a=i?.[o],p=a&&typeof a=="object"?Object.keys(a).length:typeof a<"u"?1:0,c=l[o],n=[{key:"live",label:e("redux.liveState","Live State"),icon:r=><NetworkIcons_1.LiveStateIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"timeline",label:`${e("redux.timeline","Timeline")} (${x.length})`,icon:r=><NetworkIcons_1.TimelineIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"persisted",label:_?e("redux.persisted","Persisted"):e("redux.storage","Storage"),icon:r=><NetworkIcons_1.StorageIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"metadata",label:e("redux.metadata","Metadata"),icon:r=><NetworkIcons_1.MetadataIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
         
         <react_native_1.View style={reduxDetailStyles.infoBar}>
           <react_native_1.View style={reduxDetailStyles.infoTopRow}>
@@ -9,7 +9,7 @@
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.Text style={reduxDetailStyles.sliceNameText}numberOfLines={1}>
-                {r}
+                {o}
               </react_native_1.Text>
               {_?<react_native_1.View style={reduxDetailStyles.persistedChip}>
                   <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700}size={10}/>
@@ -30,7 +30,7 @@
             </react_native_1.View>
 
             
-            <CopyButton_1.default value={()=>y==="live"?a:T}label={e("redux.sliceJson","Slice JSON")}/>
+            <CopyButton_1.default value={()=>y==="live"?a:b}label={e("redux.sliceJson","Slice JSON")}/>
           </react_native_1.View>
 
           
@@ -58,7 +58,7 @@
                 {e("redux.timeline","Timeline")}:
               </react_native_1.Text>
               <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.brandPurple}]}>
-                {f.length}
+                {x.length}
               </react_native_1.Text>
             </react_native_1.View>
             {c&&<react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.amber100,borderColor:AppColors_1.AppColors.amber200,flexShrink:1,maxWidth:160}]}>
@@ -73,7 +73,7 @@
           </react_native_1.View>
 
           
-          <SegmentedTabs_1.default tabs={n}activeKey={y}onChange={o=>V(o)}style={{marginTop:10}}/>
+          <SegmentedTabs_1.default tabs={n}activeKey={y}onChange={r=>V(r)}style={{marginTop:10}}/>
         </react_native_1.View>
 
         
@@ -92,47 +92,47 @@
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
                   {d.trim()?"No actions matching your search query.":"No dispatched actions recorded for this slice yet."}
                 </react_native_1.Text>
-              </react_native_1.View>:I.map((o,s)=>{const C=P===o.id,x=getOriginBadge(o.originType),D=o.callerFile?o.callerFile.split("/").pop():null;return<AnimatedEntrance_1.default key={o.id}index={s}distance={6}>
-                    <TouchableScale_1.default onPress={()=>W(C?null:o.id)}style={reduxDetailStyles.timelineCard}>
+              </react_native_1.View>:I.map((r,s)=>{const C=P===r.id,f=getOriginBadge(r.originType),D=r.callerFile?r.callerFile.split("/").pop():null;return<AnimatedEntrance_1.default key={r.id}index={s}distance={6}>
+                    <TouchableScale_1.default onPress={()=>W(C?null:r.id)}style={reduxDetailStyles.timelineCard}>
                       <react_native_1.View style={reduxDetailStyles.timelineHeader}>
                         <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,flexWrap:"wrap"}}>
                           <react_native_1.View style={reduxDetailStyles.actionBadge}>
                             <react_native_1.Text style={reduxDetailStyles.actionBadgeText}>
-                              #{o.id}
+                              #{r.id}
                             </react_native_1.Text>
                           </react_native_1.View>
                           
-                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:x.bg,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:x.border}}>
-                            {x.renderIcon(x.text,8.5)}
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:x.text,letterSpacing:.3}}>
-                              {x.label}
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:f.bg,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:f.border}}>
+                            {f.renderIcon(f.text,8.5)}
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:f.text,letterSpacing:.3}}>
+                              {f.label}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <HighlightText_1.default text={o.type}search={d}style={reduxDetailStyles.actionTitle}highlightStyle={reduxDetailStyles.highlight}/>
+                          <HighlightText_1.default text={r.type}search={d}style={reduxDetailStyles.actionTitle}highlightStyle={reduxDetailStyles.highlight}/>
                         </react_native_1.View>
 
                         <react_native_1.View style={reduxDetailStyles.timePill}>
                           <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple}size={10}/>
                           <react_native_1.Text style={reduxDetailStyles.timeText}>
-                            {o.timestamp}
+                            {r.timestamp}
                           </react_native_1.Text>
                         </react_native_1.View>
                       </react_native_1.View>
 
                       
-                      {o.callerFile&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,marginBottom:2,paddingHorizontal:8,paddingVertical:4,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+                      {r.callerFile&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,marginBottom:2,paddingHorizontal:8,paddingVertical:4,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
                           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0}}>
                             <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600}size={10}/>
                             <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
                               {e("redux.triggeredFrom","Triggered From:")}
                             </react_native_1.Text>
                             <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.sky600}}numberOfLines={1}>
-                              {D}:{o.callerLine||1}
+                              {D}:{r.callerLine||1}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(o.callerFile,o.callerLine,o.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
+                          <react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(r.callerFile,r.callerLine,r.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
                             <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={9}/>
                             <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.sky600}}>
                               {e("redux.openInEditor","Open in Editor")}
@@ -143,12 +143,12 @@
                       
                       {C?<react_native_1.View style={reduxDetailStyles.expandedContent}>
                           
-                          {o.stack?<react_native_1.View style={{marginBottom:12}}>
+                          {r.stack?<react_native_1.View style={{marginBottom:12}}>
                               <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
                                 {e("redux.callStack","Call Stack Trace")}:
                               </react_native_1.Text>
                               <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:4}}>
-                                {o.stack.split(`
+                                {r.stack.split(`
 `).map(m=>m.trim()).filter(m=>m.length>0&&!m.includes("reduxLogger")&&!m.includes("inspectorReduxMiddleware")).slice(0,8).map((m,v)=>{const u=(0,helpers_1.parseStackLine)(m,v===0),w=u.frameType==="app";return<react_native_1.Pressable key={v}onPress={()=>{u.fileName!=="Unknown"&&(0,helpers_1.openInVSCode)(u.fullPath||u.fileName,u.lineNumber,u.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3,borderBottomWidth:v<7?.5:0,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
                                         <react_native_1.View style={{flex:1,minWidth:0}}>
                                           <react_native_1.Text style={{fontFamily:w?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:w?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
@@ -165,17 +165,17 @@
                               </react_native_1.View>
                             </react_native_1.View>:null}
 
-                          {o.payload!==void 0&&<react_native_1.View style={{marginBottom:12}}>
+                          {r.payload!==void 0&&<react_native_1.View style={{marginBottom:12}}>
                               <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
                                 {e("redux.actionPayload","Action Payload:")}
                               </react_native_1.Text>
-                              <JsonViewer_1.default data={o.payload}search={d}forceOpen={!0}wrap={!0}/>
+                              <JsonViewer_1.default data={r.payload}search={d}forceOpen={!0}wrap={!0}/>
                             </react_native_1.View>}
 
                           <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
                             {e("redux.stateChangesDiff","State Changes (Diff):")}
                           </react_native_1.Text>
-                          <DiffViewer_1.default oldData={o.prevState?.[r]||{}}newData={o.nextState?.[r]||{}}forceOpen={!0}/>
+                          <DiffViewer_1.default oldData={r.prevState?.[o]||{}}newData={r.nextState?.[o]||{}}forceOpen={!0}/>
                         </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.collapsedPrompt}>
                           <react_native_1.Text style={reduxDetailStyles.collapsedPromptText}>
                             {e("redux.tapToInspectAction","Tap to inspect action payload & diff changes")}
@@ -186,10 +186,10 @@
                   </AnimatedEntrance_1.default>})}
           </react_native_1.ScrollView>:y==="metadata"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
             <react_native_1.View style={reduxDetailStyles.metadataCard}>
-              {[{label:"Slice Name",value:r},{label:"Root Keys Count",value:`${p} keys`},{label:"In-Memory State Size",value:(0,helpers_1.getSize)(a)},{label:"Persistence Status",value:_?`Persisted (${(0,helpers_1.getSize)(T)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${f.length} recorded actions`},{label:"Last Dispatched Action",value:c?c.type:"None"},{label:"Last Action Timestamp",value:c?c.timestamp:"Initial"}].map((o,s)=><react_native_1.View key={s}style={[reduxDetailStyles.metaRow,s===6&&{borderBottomWidth:0}]}>
-                  <react_native_1.Text style={reduxDetailStyles.metaLabel}>{o.label}</react_native_1.Text>
+              {[{label:"Slice Name",value:o},{label:"Root Keys Count",value:`${p} keys`},{label:"In-Memory State Size",value:(0,helpers_1.getSize)(a)},{label:"Persistence Status",value:_?`Persisted (${(0,helpers_1.getSize)(b)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${x.length} recorded actions`},{label:"Last Dispatched Action",value:c?c.type:"None"},{label:"Last Action Timestamp",value:c?c.timestamp:"Initial"}].map((r,s)=><react_native_1.View key={s}style={[reduxDetailStyles.metaRow,s===6&&{borderBottomWidth:0}]}>
+                  <react_native_1.Text style={reduxDetailStyles.metaLabel}>{r.label}</react_native_1.Text>
                   <react_native_1.Text style={reduxDetailStyles.metaValue}selectable numberOfLines={2}>
-                    {o.value}
+                    {r.value}
                   </react_native_1.Text>
                 </react_native_1.View>)}
 
@@ -207,7 +207,7 @@
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                       <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700}size={14}/>
                       <react_native_1.Text style={reduxDetailStyles.persistedInfoTitle}>
-                        Stored in persistent storage ({(0,helpers_1.getSize)(T)})
+                        Stored in persistent storage ({(0,helpers_1.getSize)(b)})
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.TouchableOpacity style={reduxDetailStyles.clearPersistMiniBtn}onPress={z}>
@@ -219,7 +219,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.View style={{flex:1,marginTop:8}}>
-                  <JsonViewer_1.default data={T}search={d}forceOpen={d.length>0?!0:void 0}mode={k}onModeChange={B}fullHeight={!0}wrap={!0}/>
+                  <JsonViewer_1.default data={b}search={d}forceOpen={d.length>0?!0:void 0}mode={k}onModeChange={B}fullHeight={!0}wrap={!0}/>
                 </react_native_1.View>
               </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.emptyBox}>
                 <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.grayTextWeak}size={32}/>
@@ -311,25 +311,25 @@
             </react_native_1.View>}
 
           
-          <SegmentedTabs_1.default tabs={c}activeKey={b}onChange={n=>F(n)}style={{marginTop:10}}/>
+          <SegmentedTabs_1.default tabs={c}activeKey={T}onChange={n=>F(n)}style={{marginTop:10}}/>
         </react_native_1.View>
 
         
-        {b==="payload"?<react_native_1.View style={{flex:1,padding:10}}>
+        {T==="payload"?<react_native_1.View style={{flex:1,padding:10}}>
             {t.payload!==void 0?<JsonViewer_1.default data={t.payload}search={d}forceOpen={!0}fullHeight={!0}wrap={!0}/>:<react_native_1.View style={reduxDetailStyles.emptyBox}>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
                   This action has no payload dispatched.
                 </react_native_1.Text>
               </react_native_1.View>}
-          </react_native_1.View>:b==="diff"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
+          </react_native_1.View>:T==="diff"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
             <DiffViewer_1.default oldData={t.prevState||{}}newData={t.nextState||{}}forceOpen={!0}/>
-          </react_native_1.ScrollView>:b==="stack"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
+          </react_native_1.ScrollView>:T==="stack"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
             {t.stack?<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
                 <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
                   Dispatched from call stack:
                 </react_native_1.Text>
                 {t.stack.split(`
-`).map(n=>n.trim()).filter(n=>n.length>0&&!n.includes("reduxLogger")&&!n.includes("inspectorReduxMiddleware")).map((n,o)=>{const s=(0,helpers_1.parseStackLine)(n,o===0),C=s.frameType==="app";return<react_native_1.Pressable key={o}onPress={()=>{s.fileName!=="Unknown"&&(0,helpers_1.openInVSCode)(s.fullPath||s.fileName,s.lineNumber,s.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:5,borderBottomWidth:.5,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+`).map(n=>n.trim()).filter(n=>n.length>0&&!n.includes("reduxLogger")&&!n.includes("inspectorReduxMiddleware")).map((n,r)=>{const s=(0,helpers_1.parseStackLine)(n,r===0),C=s.frameType==="app";return<react_native_1.Pressable key={r}onPress={()=>{s.fileName!=="Unknown"&&(0,helpers_1.openInVSCode)(s.fullPath||s.fileName,s.lineNumber,s.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:5,borderBottomWidth:.5,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
                         <react_native_1.View style={{flex:1,minWidth:0}}>
                           <react_native_1.Text style={{fontFamily:C?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:C?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
                             {s.functionName||"anonymous"}