react-native-inapp-inspector 2.3.19 → 2.3.21

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

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