react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/Slider.js

@@ -1,261 +1,33 @@
-"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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-exports.Slider = react_1.default.memo(({ value, onValueChange, min = 50, max = 90, step = 5, formatLabel = val => `${Math.round(val)}%`, quickPresets = [50, 60, 70, 80, 90], disabled = false, }) => {
-    const trackWidthRef = (0, react_1.useRef)(0);
-    const [trackWidth, setTrackWidth] = (0, react_1.useState)(0);
-    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
-    const clampedValue = Math.max(min, Math.min(max, value));
-    const percentage = (clampedValue - min) / (max - min || 1);
-    const updateValueFromPosition = (0, react_1.useCallback)((pageX, trackPageX) => {
-        if (trackWidthRef.current <= 0)
-            return;
-        const relativeX = Math.max(0, Math.min(trackWidthRef.current, pageX - trackPageX));
-        const rawRatio = relativeX / trackWidthRef.current;
-        let newValue = min + rawRatio * (max - min);
-        if (step > 0) {
-            newValue = Math.round(newValue / step) * step;
-        }
-        newValue = Math.max(min, Math.min(max, newValue));
-        onValueChange(newValue);
-    }, [min, max, step, onValueChange]);
-    const trackContainerRef = (0, react_1.useRef)(null);
-    const trackPageXRef = (0, react_1.useRef)(0);
-    const measureTrack = (0, react_1.useCallback)(() => {
-        if (trackContainerRef.current) {
-            trackContainerRef.current.measure((_x, _y, _width, _height, pageX) => {
-                trackPageXRef.current = pageX;
-            });
-        }
-    }, []);
-    const panResponder = (0, react_1.useMemo)(() => react_native_1.PanResponder.create({
-        onStartShouldSetPanResponder: () => !disabled,
-        onMoveShouldSetPanResponder: () => !disabled,
-        onPanResponderGrant: (evt) => {
-            setIsDragging(true);
-            measureTrack();
-            updateValueFromPosition(evt.nativeEvent.pageX, trackPageXRef.current);
-        },
-        onPanResponderMove: (evt, _gestureState) => {
-            updateValueFromPosition(evt.nativeEvent.pageX, trackPageXRef.current);
-        },
-        onPanResponderRelease: () => {
-            setIsDragging(false);
-        },
-        onPanResponderTerminate: () => {
-            setIsDragging(false);
-        },
-    }), [disabled, measureTrack, updateValueFromPosition]);
-    const handleLayout = (e) => {
-        const w = e.nativeEvent.layout.width;
-        trackWidthRef.current = w;
-        setTrackWidth(w);
-        measureTrack();
-    };
-    const thumbPosition = percentage * (trackWidth || 0);
-    return (<react_native_1.View style={styles.container}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,e,t,r){r===void 0&&(r=t);var o=Object.getOwnPropertyDescriptor(e,t);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(a,r,o)}):(function(a,e,t,r){r===void 0&&(r=t),a[r]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}):function(a,e){a.default=e}),__importStar=this&&this.__importStar||(function(){var a=function(e){return a=Object.getOwnPropertyNames||function(t){var r=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[r.length]=o);return r},a(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=a(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(t,e,r[o]);return __setModuleDefault(t,e),t}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Slider=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),TouchableScale_1=__importDefault(require("./TouchableScale"));exports.Slider=react_1.default.memo(({value:a,onValueChange:e,min:t=50,max:r=90,step:o=5,formatLabel:C=s=>`${Math.round(s)}%`,quickPresets:u=[50,60,70,80,90],disabled:c=!1})=>{const s=(0,react_1.useRef)(0),[v,A]=(0,react_1.useState)(0),[b,p]=(0,react_1.useState)(!1),d=Math.max(t,Math.min(r,a)),w=(d-t)/(r-t||1),f=(0,react_1.useCallback)((n,i)=>{if(s.current<=0)return;const y=Math.max(0,Math.min(s.current,n-i))/s.current;let l=t+y*(r-t);o>0&&(l=Math.round(l/o)*o),l=Math.max(t,Math.min(r,l)),e(l)},[t,r,o,e]),h=(0,react_1.useRef)(null),g=(0,react_1.useRef)(0),_=(0,react_1.useCallback)(()=>{h.current&&h.current.measure((n,i,V,y,l)=>{g.current=l})},[]),x=(0,react_1.useMemo)(()=>react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!c,onMoveShouldSetPanResponder:()=>!c,onPanResponderGrant:n=>{p(!0),_(),f(n.nativeEvent.pageX,g.current)},onPanResponderMove:(n,i)=>{f(n.nativeEvent.pageX,g.current)},onPanResponderRelease:()=>{p(!1)},onPanResponderTerminate:()=>{p(!1)}}),[c,_,f]),R=n=>{const i=n.nativeEvent.layout.width;s.current=i,A(i),_()},T=w*(v||0);return<react_native_1.View style={styles.container}>
         
         <react_native_1.View style={styles.valueRow}>
-          <react_native_1.Text style={styles.rangeText}>{min}%</react_native_1.Text>
-          <react_native_1.View style={[
-            styles.currentValueBadge,
-            isDragging && styles.currentValueBadgeActive,
-        ]}>
-            <react_native_1.Text style={styles.currentValueText}>{formatLabel(clampedValue)}</react_native_1.Text>
+          <react_native_1.Text style={styles.rangeText}>{t}%</react_native_1.Text>
+          <react_native_1.View style={[styles.currentValueBadge,b&&styles.currentValueBadgeActive]}>
+            <react_native_1.Text style={styles.currentValueText}>{C(d)}</react_native_1.Text>
           </react_native_1.View>
-          <react_native_1.Text style={styles.rangeText}>{max}%</react_native_1.Text>
+          <react_native_1.Text style={styles.rangeText}>{r}%</react_native_1.Text>
         </react_native_1.View>
 
         
-        <react_native_1.View ref={trackContainerRef} onLayout={handleLayout} {...panResponder.panHandlers} style={styles.touchArea}>
+        <react_native_1.View ref={h}onLayout={R}{...x.panHandlers}style={styles.touchArea}>
           
           <react_native_1.View style={styles.rail}>
             
-            <react_native_1.View style={[
-            styles.fillBar,
-            { width: `${Math.round(percentage * 100)}%` },
-        ]}/>
+            <react_native_1.View style={[styles.fillBar,{width:`${Math.round(w*100)}%`}]}/>
           </react_native_1.View>
 
           
-          <react_native_1.View style={[
-            styles.thumb,
-            {
-                left: Math.max(0, Math.min((trackWidth || 0) - 24, thumbPosition - 12)),
-            },
-            isDragging && styles.thumbActive,
-        ]}>
+          <react_native_1.View style={[styles.thumb,{left:Math.max(0,Math.min((v||0)-24,T-12))},b&&styles.thumbActive]}>
             <react_native_1.View style={styles.thumbCenterDot}/>
           </react_native_1.View>
         </react_native_1.View>
 
         
-        {quickPresets && quickPresets.length > 0 && (<react_native_1.View style={styles.presetRow}>
-            {quickPresets.map(preset => {
-                const isSelected = Math.round(clampedValue) === preset;
-                return (<TouchableScale_1.default key={preset} onPress={() => onValueChange(preset)} style={[
-                        styles.presetButton,
-                        isSelected && styles.presetButtonActive,
-                    ]}>
-                  <react_native_1.Text style={[
-                        styles.presetText,
-                        isSelected && styles.presetTextActive,
-                    ]}>
-                    {preset}%
+        {u&&u.length>0&&<react_native_1.View style={styles.presetRow}>
+            {u.map(n=>{const i=Math.round(d)===n;return<TouchableScale_1.default key={n}onPress={()=>e(n)}style={[styles.presetButton,i&&styles.presetButtonActive]}>
+                  <react_native_1.Text style={[styles.presetText,i&&styles.presetTextActive]}>
+                    {n}%
                   </react_native_1.Text>
-                </TouchableScale_1.default>);
-            })}
-          </react_native_1.View>)}
-      </react_native_1.View>);
-});
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        paddingVertical: 4,
-        gap: 8,
-    },
-    valueRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingHorizontal: 2,
-    },
-    rangeText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-    },
-    currentValueBadge: {
-        backgroundColor: `${AppColors_1.AppColors.purple}1A`,
-        borderColor: `${AppColors_1.AppColors.purple}33`,
-        borderWidth: 1,
-        borderRadius: 8,
-        paddingHorizontal: 10,
-        paddingVertical: 2.5,
-    },
-    currentValueBadgeActive: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderColor: AppColors_1.AppColors.purple,
-        transform: [{ scale: 1.05 }],
-    },
-    currentValueText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.purple,
-    },
-    touchArea: {
-        height: 36,
-        justifyContent: 'center',
-        position: 'relative',
-    },
-    rail: {
-        height: 8,
-        backgroundColor: `${AppColors_1.AppColors.grayTextWeak}2B`,
-        borderRadius: 4,
-        overflow: 'hidden',
-        position: 'relative',
-    },
-    fillBar: {
-        height: '100%',
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderRadius: 4,
-    },
-    thumb: {
-        position: 'absolute',
-        width: 24,
-        height: 24,
-        borderRadius: 12,
-        backgroundColor: AppColors_1.AppColors.white,
-        borderWidth: 2.5,
-        borderColor: AppColors_1.AppColors.purple,
-        alignItems: 'center',
-        justifyContent: 'center',
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.18,
-        shadowRadius: 3.5,
-        elevation: 4,
-    },
-    thumbActive: {
-        transform: [{ scale: 1.15 }],
-        shadowOpacity: 0.28,
-        shadowRadius: 5,
-        elevation: 6,
-        borderColor: AppColors_1.AppColors.purple,
-    },
-    thumbCenterDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: AppColors_1.AppColors.purple,
-    },
-    presetRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        gap: 8,
-        marginTop: 2,
-    },
-    presetButton: {
-        flex: 1,
-        paddingVertical: 5,
-        borderRadius: 7,
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    presetButtonActive: {
-        backgroundColor: `${AppColors_1.AppColors.purple}20`,
-        borderColor: AppColors_1.AppColors.purple,
-    },
-    presetText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayText,
-    },
-    presetTextActive: {
-        color: AppColors_1.AppColors.purple,
-    },
-});
-exports.default = exports.Slider;
+                </TouchableScale_1.default>})}
+          </react_native_1.View>}
+      </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingVertical:4,gap:8},valueRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:2},rangeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},currentValueBadge:{backgroundColor:`${AppColors_1.AppColors.purple}1A`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,borderRadius:8,paddingHorizontal:10,paddingVertical:2.5},currentValueBadgeActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple,transform:[{scale:1.05}]},currentValueText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.purple},touchArea:{height:36,justifyContent:"center",position:"relative"},rail:{height:8,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}2B`,borderRadius:4,overflow:"hidden",position:"relative"},fillBar:{height:"100%",backgroundColor:AppColors_1.AppColors.purple,borderRadius:4},thumb:{position:"absolute",width:24,height:24,borderRadius:12,backgroundColor:AppColors_1.AppColors.white,borderWidth:2.5,borderColor:AppColors_1.AppColors.purple,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.18,shadowRadius:3.5,elevation:4},thumbActive:{transform:[{scale:1.15}],shadowOpacity:.28,shadowRadius:5,elevation:6,borderColor:AppColors_1.AppColors.purple},thumbCenterDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.purple},presetRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8,marginTop:2},presetButton:{flex:1,paddingVertical:5,borderRadius:7,alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},presetButtonActive:{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderColor:AppColors_1.AppColors.purple},presetText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},presetTextActive:{color:AppColors_1.AppColors.purple}});exports.default=exports.Slider;

package/dist/commonjs/components/SourcePageCard.js

@@ -1,126 +1,67 @@
-"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;
-    };
-})();
-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 react_native_svg_1 = __importStar(require("react-native-svg"));
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const AppColors_1 = require("../styles/AppColors");
-const styles_1 = __importDefault(require("../styles"));
-const SourcePageCard = ({ routeInfo }) => {
-    const main = (0, useAccordion_1.default)(true);
-    const params = (0, useAccordion_1.default)(false);
-    const hasParams = routeInfo.params && Object.keys(routeInfo.params).length > 0;
-    return (<react_native_1.View style={styles_1.default.sourcePageCard}>
-      <react_native_1.Pressable onPress={main.toggleOpen} hitSlop={12}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,r,i){i===void 0&&(i=r);var a=Object.getOwnPropertyDescriptor(t,r);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,a)}):(function(e,t,r,i){i===void 0&&(i=r),e[i]=t[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(r){var i=[];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(i[i.length]=a);return i},e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null)for(var i=e(t),a=0;a<i.length;a++)i[a]!=="default"&&__createBinding(r,t,i[a]);return __setModuleDefault(r,t),r}})(),__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"),react_native_svg_1=__importStar(require("react-native-svg")),CopyButton_1=__importDefault(require("./CopyButton")),useAccordion_1=__importDefault(require("../customHooks/useAccordion")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),SourcePageCard=({routeInfo:e})=>{const t=(0,useAccordion_1.default)(!0),r=(0,useAccordion_1.default)(!1),i=e.params&&Object.keys(e.params).length>0;return<react_native_1.View style={styles_1.default.sourcePageCard}>
+      <react_native_1.Pressable onPress={t.toggleOpen}hitSlop={12}>
         <react_native_1.View style={styles_1.default.sourcePageAccordionHeader}>
           <react_native_1.View style={styles_1.default.sourcePageTop}>
             <react_native_1.View style={styles_1.default.sourcePageIcon}>
-              <react_native_svg_1.default width={14} height={14} viewBox="0 0 24 24" fill="none">
-                <react_native_svg_1.Rect x="3" y="3" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
-                <react_native_svg_1.Rect x="14" y="3" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
-                <react_native_svg_1.Rect x="3" y="14" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
-                <react_native_svg_1.Path d="M14 17.5h7M17.5 14v7" stroke={AppColors_1.AppColors.purple} strokeWidth="2" strokeLinecap="round"/>
+              <react_native_svg_1.default width={14}height={14}viewBox="0 0 24 24"fill="none">
+                <react_native_svg_1.Rect x="3"y="3"width="7"height="7"rx="1.5"stroke={AppColors_1.AppColors.purple}strokeWidth="2"/>
+                <react_native_svg_1.Rect x="14"y="3"width="7"height="7"rx="1.5"stroke={AppColors_1.AppColors.purple}strokeWidth="2"/>
+                <react_native_svg_1.Rect x="3"y="14"width="7"height="7"rx="1.5"stroke={AppColors_1.AppColors.purple}strokeWidth="2"/>
+                <react_native_svg_1.Path d="M14 17.5h7M17.5 14v7"stroke={AppColors_1.AppColors.purple}strokeWidth="2"strokeLinecap="round"/>
               </react_native_svg_1.default>
             </react_native_1.View>
-            <react_native_1.View style={{ flex: 1 }}>
+            <react_native_1.View style={{flex:1}}>
               <react_native_1.Text style={styles_1.default.sourcePageLabel}>Source Page</react_native_1.Text>
-              <react_native_1.Text style={styles_1.default.sourcePageValue} numberOfLines={1}>
-                {routeInfo.path}
+              <react_native_1.Text style={styles_1.default.sourcePageValue}numberOfLines={1}>
+                {e.path}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
           <react_native_1.View style={styles_1.default.sourcePageHeaderRight}>
-            <CopyButton_1.default value={routeInfo.path} label="Source Path"/>
+            <CopyButton_1.default value={e.path}label="Source Path"/>
             <react_native_1.View style={styles_1.default.iconSquareBtn}>
-              <react_native_1.View style={main.chevronStyle}>
-                <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+              <react_native_1.View style={t.chevronStyle}>
+                <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong}size={14}/>
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Pressable>
 
-      {main.isOpen && (<react_native_1.View>
-          {hasParams && (<react_native_1.View style={styles_1.default.sourceParamsBox}>
-              <react_native_1.Pressable onPress={params.toggleOpen} hitSlop={10}>
+      {t.isOpen&&<react_native_1.View>
+          {i&&<react_native_1.View style={styles_1.default.sourceParamsBox}>
+              <react_native_1.Pressable onPress={r.toggleOpen}hitSlop={10}>
                 <react_native_1.View style={styles_1.default.paramsAccordionHeader}>
                   <react_native_1.View style={styles_1.default.paramsAccordionLeft}>
                     <react_native_1.Text style={styles_1.default.sourceParamsLabel}>Parameters</react_native_1.Text>
                     <react_native_1.View style={styles_1.default.headerCountBadge}>
                       <react_native_1.Text style={styles_1.default.headerCountText}>
-                        {Object.keys(routeInfo.params).length}
+                        {Object.keys(e.params).length}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
                   <react_native_1.View style={styles_1.default.paramsAccordionRight}>
-                    <CopyButton_1.default value={routeInfo.params} label="Parameters"/>
+                    <CopyButton_1.default value={e.params}label="Parameters"/>
                     <react_native_1.View style={styles_1.default.iconSquareBtn}>
-                      <react_native_1.View style={params.chevronStyle}>
-                        <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+                      <react_native_1.View style={r.chevronStyle}>
+                        <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong}size={14}/>
                       </react_native_1.View>
                     </react_native_1.View>
                   </react_native_1.View>
                 </react_native_1.View>
               </react_native_1.Pressable>
 
-              {params.isOpen && (<react_native_1.View style={styles_1.default.paramsBody}>
-                  {Object.entries(routeInfo.params).map(([key, val], i, arr) => (<react_native_1.View key={key} style={[
-                            styles_1.default.paramRow,
-                            i < arr.length - 1 ? styles_1.default.paramRowBorder : null,
-                        ]}>
-                      <react_native_1.Text style={styles_1.default.paramKey}>{key}</react_native_1.Text>
+              {r.isOpen&&<react_native_1.View style={styles_1.default.paramsBody}>
+                  {Object.entries(e.params).map(([a,s],n,l)=><react_native_1.View key={a}style={[styles_1.default.paramRow,n<l.length-1?styles_1.default.paramRowBorder:null]}>
+                      <react_native_1.Text style={styles_1.default.paramKey}>{a}</react_native_1.Text>
                       <react_native_1.View style={styles_1.default.paramValueRow}>
                         <react_native_1.Text selectable style={styles_1.default.paramValue}>
-                          {typeof val === 'object'
-                            ? JSON.stringify(val)
-                            : String(val)}
+                          {typeof s=="object"?JSON.stringify(s):String(s)}
                         </react_native_1.Text>
-                        <CopyButton_1.default value={typeof val === 'object'
-                            ? JSON.stringify(val)
-                            : String(val)} label={key}/>
+                        <CopyButton_1.default value={typeof s=="object"?JSON.stringify(s):String(s)}label={a}/>
                       </react_native_1.View>
-                    </react_native_1.View>))}
-                </react_native_1.View>)}
-            </react_native_1.View>)}
-        </react_native_1.View>)}
-    </react_native_1.View>);
-};
-exports.default = SourcePageCard;
+                    </react_native_1.View>)}
+                </react_native_1.View>}
+            </react_native_1.View>}
+        </react_native_1.View>}
+    </react_native_1.View>};exports.default=SourcePageCard;

package/dist/commonjs/components/Toast.js

@@ -1,152 +1,10 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const toast_1 = require("../helpers/toast");
-const NetworkIcons_1 = require("./NetworkIcons");
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const Toast = react_1.default.memo(() => {
-    const [toastMessage, setToastMessage] = (0, react_1.useState)(null);
-    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    const translateYAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(20)).current;
-    const hideTimerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const unsubscribe = (0, toast_1.subscribeToast)((message) => {
-            if (hideTimerRef.current) {
-                clearTimeout(hideTimerRef.current);
-            }
-            setToastMessage(message);
-            react_native_1.Animated.parallel([
-                react_native_1.Animated.timing(opacityAnim, {
-                    toValue: 1,
-                    duration: 180,
-                    useNativeDriver: false,
-                }),
-                react_native_1.Animated.spring(translateYAnim, {
-                    toValue: 0,
-                    tension: 80,
-                    friction: 8,
-                    useNativeDriver: false,
-                }),
-            ]).start();
-            hideTimerRef.current = setTimeout(() => {
-                react_native_1.Animated.parallel([
-                    react_native_1.Animated.timing(opacityAnim, {
-                        toValue: 0,
-                        duration: 200,
-                        useNativeDriver: false,
-                    }),
-                    react_native_1.Animated.timing(translateYAnim, {
-                        toValue: 20,
-                        duration: 200,
-                        useNativeDriver: false,
-                    }),
-                ]).start(() => {
-                    setToastMessage(null);
-                });
-            }, 2000);
-        });
-        return () => {
-            unsubscribe();
-            if (hideTimerRef.current) {
-                clearTimeout(hideTimerRef.current);
-            }
-        };
-    }, [opacityAnim, translateYAnim]);
-    if (!toastMessage) {
-        return null;
-    }
-    return (<react_native_1.Animated.View pointerEvents="none" style={[
-            styles.toastContainer,
-            {
-                opacity: opacityAnim,
-                transform: [{ translateY: translateYAnim }],
-            },
-        ]}>
+"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});const react_1=__importStar(require("react")),react_native_1=require("react-native"),toast_1=require("../helpers/toast"),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),Toast=react_1.default.memo(()=>{const[i,e]=(0,react_1.useState)(null),n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(20)).current,r=(0,react_1.useRef)(null);return(0,react_1.useEffect)(()=>{const o=(0,toast_1.subscribeToast)(a=>{r.current&&clearTimeout(r.current),e(a),react_native_1.Animated.parallel([react_native_1.Animated.timing(n,{toValue:1,duration:180,useNativeDriver:!1}),react_native_1.Animated.spring(t,{toValue:0,tension:80,friction:8,useNativeDriver:!1})]).start(),r.current=setTimeout(()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(n,{toValue:0,duration:200,useNativeDriver:!1}),react_native_1.Animated.timing(t,{toValue:20,duration:200,useNativeDriver:!1})]).start(()=>{e(null)})},2e3)});return()=>{o(),r.current&&clearTimeout(r.current)}},[n,t]),i?<react_native_1.Animated.View pointerEvents="none"style={[styles.toastContainer,{opacity:n,transform:[{translateY:t}]}]}>
       <react_native_1.View style={styles.toastCard}>
         <react_native_1.View style={styles.iconCircle}>
-          <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={11}/>
+          <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={11}/>
         </react_native_1.View>
-        <react_native_1.Text style={styles.toastText} numberOfLines={2}>
-          {toastMessage}
+        <react_native_1.Text style={styles.toastText}numberOfLines={2}>
+          {i}
         </react_native_1.Text>
       </react_native_1.View>
-    </react_native_1.Animated.View>);
-});
-const styles = react_native_1.StyleSheet.create({
-    toastContainer: {
-        position: 'absolute',
-        bottom: react_native_1.Platform.OS === 'ios' ? 44 : 28,
-        left: 20,
-        right: 20,
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 999999,
-    },
-    toastCard: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.toastBg,
-        paddingVertical: 10,
-        paddingHorizontal: 16,
-        borderRadius: 24,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOffset: { width: 0, height: 6 },
-        shadowOpacity: 0.28,
-        shadowRadius: 10,
-        elevation: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.toastBorder,
-        maxWidth: '90%',
-        gap: 9,
-    },
-    iconCircle: {
-        width: 18,
-        height: 18,
-        borderRadius: 9,
-        backgroundColor: AppColors_1.AppColors.greenColor,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    toastText: {
-        color: AppColors_1.AppColors.white,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        letterSpacing: -0.1,
-    },
-});
-exports.default = Toast;
+    </react_native_1.Animated.View>:null}),styles=react_native_1.StyleSheet.create({toastContainer:{position:"absolute",bottom:react_native_1.Platform.OS==="ios"?44:28,left:20,right:20,alignItems:"center",justifyContent:"center",zIndex:999999},toastCard:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.toastBg,paddingVertical:10,paddingHorizontal:16,borderRadius:24,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:6},shadowOpacity:.28,shadowRadius:10,elevation:8,borderWidth:1,borderColor:AppColors_1.AppColors.toastBorder,maxWidth:"90%",gap:9},iconCircle:{width:18,height:18,borderRadius:9,backgroundColor:AppColors_1.AppColors.greenColor,alignItems:"center",justifyContent:"center"},toastText:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,letterSpacing:-.1}});exports.default=Toast;

package/dist/commonjs/components/TouchableScale.js

@@ -1,24 +1,3 @@
-"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 NativeInspector_1 = require("../native/NativeInspector");
-const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, enableHaptics = true, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
-    const handlePressIn = () => {
-        if (disabled)
-            return;
-        if (enableHaptics) {
-            (0, NativeInspector_1.triggerNativeHaptic)('light');
-        }
-    };
-    return (<react_native_1.Pressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={({ pressed }) => [
-            typeof style === 'function' ? style({ pressed }) : style,
-            pressed && !disabled && { opacity: 0.82, transform: [{ scale: 0.96 }] },
-        ]} onPressIn={handlePressIn} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
-      {children}
-    </react_native_1.Pressable>);
-});
-exports.default = TouchableScale;
+"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"),NativeInspector_1=require("../native/NativeInspector"),TouchableScale=react_1.default.memo(function({onPress:r,onLongPress:s,style:t,children:c,hitSlop:n,disabled:i,enableHaptics:o=!0,accessible:l,accessibilityRole:u,accessibilityLabel:_,accessibilityHint:f,accessibilityState:b,accessibilityValue:p,...v}){const h=()=>{i||o&&(0,NativeInspector_1.triggerNativeHaptic)("light")};return<react_native_1.Pressable accessible={l}accessibilityRole={u}accessibilityLabel={_}accessibilityHint={f}accessibilityState={b}accessibilityValue={p}disabled={i}style={({pressed:a})=>[typeof t=="function"?t({pressed:a}):t,a&&!i&&{opacity:.82,transform:[{scale:.96}]}]}onPressIn={h}onPress={r}onLongPress={s}hitSlop={n}{...v}>
+      {c}
+    </react_native_1.Pressable>});exports.default=TouchableScale;