@umituz/react-native-settings 4.21.25 → 4.21.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.21.25",
+  "version": "4.21.27",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/dev/presentation/screens/EnvViewerScreen.tsx

@@ -9,12 +9,14 @@ import { View, ScrollView, StyleSheet } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
+  AtomicTouchable,
   useAppDesignTokens,
   useSafeAreaInsets,
   AppNavigation,
   AlertService,
+  NavigationHeader,
 } from "@umituz/react-native-design-system";
-import { NavigationHeader } from "@umituz/react-native-design-system";
+import * as Clipboard from "expo-clipboard";
 import type { EnvConfig } from "../../types";
 
 export interface EnvViewerScreenProps {
@@ -41,7 +43,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
 
   const copyToClipboard = async (value: string, key: string) => {
     try {
-      await navigator.clipboard.writeText(value);
+      await Clipboard.setStringAsync(value);
       AlertService.createSuccessAlert("Copied", `${key} copied to clipboard`);
     } catch {
       AlertService.createErrorAlert("Error", "Failed to copy to clipboard");
@@ -57,7 +59,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
         key={item.key}
         style={[
           styles.variableCard,
-          { backgroundColor: tokens.colors.surfaceContainer, borderRadius: tokens.borders.radiusMd },
+          { backgroundColor: tokens.colors.surfaceSecondary, borderRadius: tokens.borders.radius.md },
         ]}
       >
         <View style={styles.variableHeader}>
@@ -66,20 +68,22 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
           </AtomicText>
           <View style={styles.actions}>
             {item.sensitive && (
+              <AtomicTouchable onPress={() => toggleReveal(item.key)}>
+                <AtomicIcon
+                  name={isRevealed ? "eye-off" : "eye"}
+                  size="sm"
+                  color="textSecondary"
+                />
+              </AtomicTouchable>
+            )}
+            <AtomicTouchable onPress={() => copyToClipboard(item.value, item.key)}>
               <AtomicIcon
-                name={isRevealed ? "eye-off" : "eye"}
+                name="copy"
                 size="sm"
                 color="textSecondary"
-                onPress={() => toggleReveal(item.key)}
+                style={{ marginLeft: tokens.spacing.sm }}
               />
-            )}
-            <AtomicIcon
-              name="copy"
-              size="sm"
-              color="textSecondary"
-              onPress={() => copyToClipboard(item.value, item.key)}
-              style={{ marginLeft: tokens.spacing.sm }}
-            />
+            </AtomicTouchable>
           </View>
         </View>
         <AtomicText type="bodyMedium" color="textSecondary" style={{ marginTop: tokens.spacing.xs }}>
@@ -98,7 +102,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
         contentContainerStyle={{ paddingBottom: bottom + tokens.spacing.lg }}
       >
         {config.environmentName && (
-          <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceContainer }]}>
+          <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceSecondary }]}>
             <AtomicText type="labelSmall" color="textSecondary">
               Environment
             </AtomicText>
@@ -109,7 +113,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
         )}
 
         {config.version && (
-          <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceContainer }]}>
+          <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceSecondary }]}>
             <AtomicText type="labelSmall" color="textSecondary">
               Version
             </AtomicText>