react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/QRCodeView.js

@@ -1,82 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QRCodeView = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const qrGenerator_1 = require("../helpers/qrGenerator");
-const AppColors_1 = require("../styles/AppColors");
-const QRCodeView = ({ value, size = 200, color = '#000000', backgroundColor = '#FFFFFF', }) => {
-    const matrix = (0, react_1.useMemo)(() => (0, qrGenerator_1.generateQRMatrix)(value || 'http://localhost:8081'), [value]);
-    const numCells = matrix.length || 21;
-    const margin = 4;
-    const totalCells = numCells + margin * 2;
-    const cellSize = size / totalCells;
-    return (<react_native_1.View style={[
-            styles.container,
-            {
-                width: size + 20,
-                height: size + 20,
-                backgroundColor,
-            },
-        ]}>
-      <react_native_svg_1.default width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
-        <react_native_svg_1.Rect width={size} height={size} fill={backgroundColor}/>
+"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}]}>
+      <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>
-          {matrix.map((row, r) => row.map((cell, c) => {
-            if (!cell)
-                return null;
-            return (<react_native_svg_1.Rect key={`${r}-${c}`} x={(c + margin) * cellSize} y={(r + margin) * cellSize} width={cellSize + 0.3} height={cellSize + 0.3} fill={color}/>);
-        }))}
+          {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))}
         </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: 0.15,
-        shadowRadius: 8,
-        elevation: 4,
-    },
-});
-exports.default = exports.QRCodeView;
+    </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;

package/dist/commonjs/components/SectionHeader.js

@@ -1,44 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const styles_1 = __importDefault(require("../styles"));
-const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
-    const isOpen = expanded === undefined ? false : !!expanded;
-    return (<react_native_1.View style={styles_1.default.sectionHeaderGradient}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),CopyButton_1=__importDefault(require("./CopyButton")),TouchableScale_1=__importDefault(require("./TouchableScale")),NetworkIcons_1=require("./NetworkIcons"),styles_1=__importDefault(require("../styles")),SectionHeader=({title:e,value:s,expanded:t,onToggleExpand:o,showDiff:a,isDiffing:r,onToggleDiff:c,showSearch:n,isSearching:l,onToggleSearch:u})=>{const i=t===void 0?!1:!!t;return<react_native_1.View style={styles_1.default.sectionHeaderGradient}>
       <react_native_1.View style={styles_1.default.sectionHeaderRow}>
-        <react_native_1.Pressable style={styles_1.default.sectionTitleRow} onPress={onToggleExpand} hitSlop={12}>
-          {title === 'Request' || title === 'API' ? (<NetworkIcons_1.RequestIcon color={AppColors_1.AppColors.offerPurple}/>) : title === 'Response' ? (<NetworkIcons_1.ResponseIcon color={AppColors_1.AppColors.greenColor}/>) : (<NetworkIcons_1.HeadersIcon color={AppColors_1.AppColors.skyBlue}/>)}
-          <react_native_1.Text style={styles_1.default.sectionTitle}>{title}</react_native_1.Text>
+        <react_native_1.Pressable style={styles_1.default.sectionTitleRow}onPress={o}hitSlop={12}>
+          {e==="Request"||e==="API"?<NetworkIcons_1.RequestIcon color={AppColors_1.AppColors.offerPurple}/>:e==="Response"?<NetworkIcons_1.ResponseIcon color={AppColors_1.AppColors.greenColor}/>:<NetworkIcons_1.HeadersIcon color={AppColors_1.AppColors.skyBlue}/>}
+          <react_native_1.Text style={styles_1.default.sectionTitle}>{e}</react_native_1.Text>
         </react_native_1.Pressable>
         <react_native_1.View style={styles_1.default.sectionHeaderActions}>
-          {showSearch && (<TouchableScale_1.default onPress={onToggleSearch} hitSlop={12} style={[
-                styles_1.default.iconSquareBtn,
-                isSearching ? styles_1.default.iconSquareBtnActive : null,
-            ]}>
-              <NetworkIcons_1.SearchIcon color={isSearching ? AppColors_1.AppColors.skyBlue : AppColors_1.AppColors.grayTextWeak} size={14}/>
-            </TouchableScale_1.default>)}
-          {showDiff && (<TouchableScale_1.default onPress={onToggleDiff} hitSlop={12} style={[
-                styles_1.default.iconSquareBtn,
-                isDiffing ? styles_1.default.iconSquareBtnActive : null,
-            ]}>
-              <NetworkIcons_1.DiffIcon color={isDiffing ? AppColors_1.AppColors.skyBlue : AppColors_1.AppColors.grayTextWeak} size={14}/>
-            </TouchableScale_1.default>)}
-          <CopyButton_1.default value={value} label={title}/>
-          <TouchableScale_1.default onPress={onToggleExpand} hitSlop={12} style={styles_1.default.iconSquareBtn}>
-            <react_native_1.View style={{ transform: [{ rotate: isOpen ? '180deg' : '0deg' }] }}>
-              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+          {n&&<TouchableScale_1.default onPress={u}hitSlop={12}style={[styles_1.default.iconSquareBtn,l?styles_1.default.iconSquareBtnActive:null]}>
+              <NetworkIcons_1.SearchIcon color={l?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.grayTextWeak}size={14}/>
+            </TouchableScale_1.default>}
+          {a&&<TouchableScale_1.default onPress={c}hitSlop={12}style={[styles_1.default.iconSquareBtn,r?styles_1.default.iconSquareBtnActive:null]}>
+              <NetworkIcons_1.DiffIcon color={r?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.grayTextWeak}size={14}/>
+            </TouchableScale_1.default>}
+          <CopyButton_1.default value={s}label={e}/>
+          <TouchableScale_1.default onPress={o}hitSlop={12}style={styles_1.default.iconSquareBtn}>
+            <react_native_1.View style={{transform:[{rotate:i?"180deg":"0deg"}]}}>
+              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong}size={14}/>
             </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>
       </react_native_1.View>
-    </react_native_1.View>);
-};
-exports.default = SectionHeader;
+    </react_native_1.View>};exports.default=SectionHeader;

package/dist/commonjs/components/SegmentedTabs.js

@@ -1,62 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const SegmentedTabs = react_1.default.memo(({ tabs, activeKey, onChange, style }) => (<react_native_1.View style={[
-        {
-            flexDirection: 'row',
-            borderRadius: 10,
-            backgroundColor: `${AppColors_1.AppColors.slate200}80`,
-            padding: 3,
-            borderWidth: 1,
-            borderColor: AppColors_1.AppColors.dividerColor,
-            gap: 3,
-        },
-        style,
-    ]}>
-    {tabs.map((tab) => {
-        const isActive = activeKey === tab.key;
-        return (<react_native_1.Pressable key={tab.key} onPress={() => onChange(tab.key)} style={({ pressed }) => [
-                {
-                    flex: 1,
-                    paddingVertical: 7,
-                    paddingHorizontal: 6,
-                    borderRadius: 7,
-                    backgroundColor: isActive
-                        ? AppColors_1.AppColors.brandPurple
-                        : 'transparent',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: 4.5,
-                    flexDirection: 'row',
-                    opacity: pressed ? 0.8 : 1,
-                },
-                isActive && {
-                    shadowColor: AppColors_1.AppColors.brandPurple,
-                    shadowOffset: { width: 0, height: 1 },
-                    shadowOpacity: 0.25,
-                    shadowRadius: 3,
-                    elevation: 2,
-                },
-            ]}>
-          {tab.icon ? tab.icon(isActive) : null}
-          <react_native_1.Text numberOfLines={1} ellipsizeMode="tail" style={{
-                flexShrink: 1,
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10.5,
-                color: isActive
-                    ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayText,
-                letterSpacing: 0.2,
-            }}>
-            {tab.label}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),SegmentedTabs=react_1.default.memo(({tabs:e,activeKey:o,onChange:i,style:s})=><react_native_1.View style={[{flexDirection:"row",borderRadius:10,backgroundColor:`${AppColors_1.AppColors.slate200}80`,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:3,minWidth:0},s]}>
+    {e.map(r=>{const t=o===r.key;return<react_native_1.Pressable key={r.key}onPress={()=>i(r.key)}style={({pressed:l})=>[{flex:1,paddingVertical:7,paddingHorizontal:6,borderRadius:7,backgroundColor:t?AppColors_1.AppColors.brandPurple:"transparent",alignItems:"center",justifyContent:"center",gap:4.5,flexDirection:"row",opacity:l?.8:1},t&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3,elevation:2}]}>
+          {r.icon?r.icon(t):null}
+          <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={{flexShrink:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText,letterSpacing:.2}}>
+            {r.label}
           </react_native_1.Text>
-        </react_native_1.Pressable>);
-    })}
-  </react_native_1.View>));
-exports.default = SegmentedTabs;
+        </react_native_1.Pressable>})}
+  </react_native_1.View>);exports.default=SegmentedTabs;

package/dist/commonjs/components/SkeletonPlaceholder.js

@@ -1,83 +1,23 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonPlaceholder = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-exports.SkeletonPlaceholder = react_1.default.memo(function SkeletonPlaceholder({ cardCount = 4, }) {
-    const shimmerAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.35)).current;
-    (0, react_1.useEffect)(() => {
-        const animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([
-            react_native_1.Animated.timing(shimmerAnim, {
-                toValue: 0.85,
-                duration: 750,
-                useNativeDriver: false,
-            }),
-            react_native_1.Animated.timing(shimmerAnim, {
-                toValue: 0.35,
-                duration: 750,
-                useNativeDriver: false,
-            }),
-        ]));
-        animation.start();
-        return () => animation.stop();
-    }, [shimmerAnim]);
-    return (<react_native_1.View style={skeletonStyles.container}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,e,r){r===void 0&&(r=e);var o=Object.getOwnPropertyDescriptor(t,e);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,o)}):(function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(e){var r=[];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(r[r.length]=o);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var r=i(t),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(e,t,r[o]);return __setModuleDefault(e,t),e}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonPlaceholder=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors");exports.SkeletonPlaceholder=react_1.default.memo(function({cardCount:t=4}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const r=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return r.start(),()=>r.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
-        <react_native_1.Animated.View style={[
-            skeletonStyles.searchBarSkeleton,
-            { opacity: shimmerAnim },
-        ]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
         <react_native_1.View style={skeletonStyles.actionButtonsRow}>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton, { opacity: shimmerAnim }]}/>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton, { opacity: shimmerAnim }]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
         </react_native_1.View>
       </react_native_1.View>
 
       
       <react_native_1.View style={skeletonStyles.chipStripSkeleton}>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 48, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 68, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 76, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 58, opacity: shimmerAnim }]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:48,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:68,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:76,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:58,opacity:e}]}/>
       </react_native_1.View>
 
       
-      {Array.from({ length: cardCount }).map((_, i) => (<react_native_1.Animated.View key={`skeleton_card_${i}`} style={[skeletonStyles.cardSkeleton, { opacity: shimmerAnim }]}>
+      {Array.from({length:t}).map((r,o)=><react_native_1.Animated.View key={`skeleton_card_${o}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
@@ -96,114 +36,5 @@ exports.SkeletonPlaceholder = react_1.default.memo(function SkeletonPlaceholder(
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
           </react_native_1.View>
-        </react_native_1.Animated.View>))}
-    </react_native_1.View>);
-});
-const skeletonStyles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        paddingHorizontal: 12,
-        paddingTop: 8,
-    },
-    toolbarSkeleton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-        marginBottom: 8,
-    },
-    searchBarSkeleton: {
-        flex: 1,
-        height: 36,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    actionButtonsRow: {
-        flexDirection: 'row',
-        gap: 6,
-    },
-    iconButtonSkeleton: {
-        width: 36,
-        height: 36,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    chipStripSkeleton: {
-        flexDirection: 'row',
-        gap: 6,
-        marginBottom: 10,
-    },
-    chipSkeleton: {
-        height: 24,
-        borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    cardSkeleton: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 10,
-        padding: 12,
-        marginBottom: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    cardTopRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 8,
-    },
-    badgeGroup: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    statusBadgeSkeleton: {
-        width: 38,
-        height: 18,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    methodBadgeSkeleton: {
-        width: 44,
-        height: 18,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    timeSkeleton: {
-        width: 48,
-        height: 12,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    urlLineLong: {
-        height: 13,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        marginBottom: 5,
-        width: '90%',
-    },
-    urlLineShort: {
-        height: 11,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        marginBottom: 8,
-        width: '55%',
-    },
-    cardBottomRow: {
-        flexDirection: 'row',
-        gap: 8,
-        marginTop: 2,
-    },
-    metaPillSkeleton: {
-        width: 52,
-        height: 14,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-});
-exports.default = exports.SkeletonPlaceholder;
+        </react_native_1.Animated.View>)}
+    </react_native_1.View>});const skeletonStyles=react_native_1.StyleSheet.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardSkeleton:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface}});exports.default=exports.SkeletonPlaceholder;