@umituz/react-native-settings 2.0.0 → 2.4.1

package/lib/infrastructure/storage/SettingsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsStore.js","sourceRoot":"","sources":["../../../src/infrastructure/storage/SettingsStore.ts"],"names":[],"mappings":"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"}

package/lib/presentation/components/CloudSyncSetting.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Cloud Sync Setting Component
+ * Single Responsibility: Display cloud sync setting item
+ */
+import React from "react";
+export interface CloudSyncSettingProps {
+    title?: string;
+    description?: string;
+    isSyncing?: boolean;
+    lastSynced?: Date | null;
+    onPress?: () => void;
+    iconColor?: string;
+    titleColor?: string;
+}
+export declare const CloudSyncSetting: React.FC<CloudSyncSettingProps>;
+//# sourceMappingURL=CloudSyncSetting.d.ts.map

package/lib/presentation/components/CloudSyncSetting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudSyncSetting.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/CloudSyncSetting.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqC5D,CAAC"}

package/lib/presentation/components/CloudSyncSetting.js

@@ -0,0 +1,30 @@
+/**
+ * Cloud Sync Setting Component
+ * Single Responsibility: Display cloud sync setting item
+ */
+import React, { useCallback } from "react";
+import { Cloud } from "lucide-react-native";
+import { SettingItem } from "./SettingItem";
+export const CloudSyncSetting = ({ title, description, isSyncing = false, lastSynced, onPress, iconColor, titleColor, }) => {
+    const formatLastSynced = useCallback((date) => {
+        if (!date)
+            return "never_synced";
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+        const minutes = Math.floor(diff / 60000);
+        const hours = Math.floor(minutes / 60);
+        const days = Math.floor(hours / 24);
+        if (minutes < 1)
+            return "just_now";
+        if (minutes < 60)
+            return `${minutes}m_ago`;
+        if (hours < 24)
+            return `${hours}h_ago`;
+        if (days < 7)
+            return `${days}d_ago`;
+        return date.toLocaleDateString();
+    }, []);
+    const displayDescription = description || (isSyncing ? "syncing" : lastSynced ? `last_synced_${formatLastSynced(lastSynced)}` : "sync_to_cloud");
+    return (<SettingItem icon={Cloud} title={title || "cloud_sync"} value={displayDescription} onPress={onPress} iconColor={iconColor} titleColor={titleColor} disabled={isSyncing}/>);
+};
+//# sourceMappingURL=CloudSyncSetting.js.map

package/lib/presentation/components/CloudSyncSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudSyncSetting.js","sourceRoot":"","sources":["../../../src/presentation/components/CloudSyncSetting.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,OAAO,EACP,SAAS,EACT,UAAU,GACX,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,IAA6B,EAAU,EAAE;QAC7E,IAAI,CAAC,IAAI;YAAE,OAAO,cAAc,CAAC;QACjC,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;QAEpC,IAAI,OAAO,GAAG,CAAC;YAAE,OAAO,UAAU,CAAC;QACnC,IAAI,OAAO,GAAG,EAAE;YAAE,OAAO,GAAG,OAAO,OAAO,CAAC;QAC3C,IAAI,KAAK,GAAG,EAAE;YAAE,OAAO,GAAG,KAAK,OAAO,CAAC;QACvC,IAAI,IAAI,GAAG,CAAC;YAAE,OAAO,GAAG,IAAI,OAAO,CAAC;QACpC,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAEjJ,OAAO,CACL,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,CAC7B,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,SAAS,CAAC,EACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/components/DisclaimerCard.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Disclaimer Card Component
+ * Extracted from DisclaimerSetting to follow single responsibility and 200-line rules
+ */
+import React from 'react';
+export interface DisclaimerCardProps {
+    title: string;
+    shortMessage: string;
+    iconName: string;
+    iconColor: string;
+    backgroundColor: string;
+    onPress: () => void;
+}
+export declare const DisclaimerCard: React.FC<DisclaimerCardProps>;
+//# sourceMappingURL=DisclaimerCard.d.ts.map

package/lib/presentation/components/DisclaimerCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerCard.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC"}

package/lib/presentation/components/DisclaimerCard.js

@@ -0,0 +1,73 @@
+/**
+ * Disclaimer Card Component
+ * Extracted from DisclaimerSetting to follow single responsibility and 200-line rules
+ */
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity, } from 'react-native';
+import { useAppDesignTokens, withAlpha } from '@umituz/react-native-design-system-theme';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system-atoms';
+export const DisclaimerCard = ({ title, shortMessage, iconName, iconColor, backgroundColor, onPress, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    return (<TouchableOpacity style={[
+            styles.container,
+            { backgroundColor },
+        ]} onPress={onPress} activeOpacity={0.7} testID="disclaimer-setting">
+      {/* Icon and Title Row */}
+      <View style={styles.headerRow}>
+        <View style={[
+            styles.iconContainer,
+            {
+                backgroundColor: withAlpha(iconColor, 0.2),
+                borderColor: withAlpha(iconColor, 0.4),
+                borderWidth: 1,
+            },
+        ]}>
+          <AtomicIcon name={iconName} color="warning"/>
+        </View>
+        <AtomicText type="bodyLarge" color="primary" style={styles.title}>
+          {title}
+        </AtomicText>
+        <AtomicIcon name="ArrowRight" color="secondary" size="sm"/>
+      </View>
+
+      {/* Short Message */}
+      <AtomicText type="bodySmall" color="secondary" style={styles.shortMessage}>
+        {shortMessage}
+      </AtomicText>
+    </TouchableOpacity>);
+};
+const getStyles = (tokens) => StyleSheet.create({
+    container: {
+        paddingHorizontal: tokens.spacing.md,
+        paddingVertical: tokens.spacing.md,
+        marginHorizontal: tokens.spacing.md,
+        marginTop: 8,
+        marginBottom: 8,
+        borderRadius: 12,
+    },
+    headerRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 12,
+    },
+    iconContainer: {
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: 12,
+    },
+    title: {
+        flex: 1,
+        fontWeight: tokens.typography.labelLarge.fontWeight,
+        fontSize: tokens.typography.labelLarge.fontSize,
+    },
+    shortMessage: {
+        lineHeight: 18,
+        paddingLeft: 52, // Align with title (40px icon + 12px margin)
+        fontSize: 13,
+    },
+});
+//# sourceMappingURL=DisclaimerCard.js.map

package/lib/presentation/components/DisclaimerCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerCard.js","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerCard.tsx"],"names":[],"mappings":"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"}

package/lib/presentation/components/DisclaimerModal.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Disclaimer Modal Component
+ * Extracted from DisclaimerSetting to follow single responsibility and 200-line rules
+ */
+import React from 'react';
+export interface DisclaimerModalProps {
+    visible: boolean;
+    title: string;
+    content: string;
+    onClose: () => void;
+}
+export declare const DisclaimerModal: React.FC<DisclaimerModalProps>;
+//# sourceMappingURL=DisclaimerModal.d.ts.map

package/lib/presentation/components/DisclaimerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerModal.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerModal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmD1D,CAAC"}

package/lib/presentation/components/DisclaimerModal.js

@@ -0,0 +1,62 @@
+/**
+ * Disclaimer Modal Component
+ * Extracted from DisclaimerSetting to follow single responsibility and 200-line rules
+ */
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity, ScrollView, } from 'react-native';
+import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system-atoms';
+export const DisclaimerModal = ({ visible, title, content, onClose, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    if (!visible)
+        return null;
+    return (<View style={[
+            styles.modalContainer,
+            { backgroundColor: tokens.colors.backgroundPrimary },
+        ]}>
+      {/* Modal Header */}
+      <View style={[
+            styles.modalHeader,
+            { borderBottomColor: tokens.colors.borderLight },
+        ]}>
+        <AtomicText type="headlineMedium" color="primary">
+          {title}
+        </AtomicText>
+        <TouchableOpacity onPress={onClose} testID="close-disclaimer-modal">
+          <AtomicIcon name="X" color="primary" size="md"/>
+        </TouchableOpacity>
+      </View>
+
+      {/* Scrollable Content */}
+      <ScrollView style={styles.modalContent} contentContainerStyle={styles.modalContentContainer}>
+        <AtomicText type="bodyMedium" color="primary" style={styles.modalText}>
+          {content}
+        </AtomicText>
+      </ScrollView>
+    </View>);
+};
+const getStyles = (tokens) => StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+    },
+    modalHeader: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 20,
+        paddingVertical: 16,
+        borderBottomWidth: 1,
+    },
+    modalContent: {
+        flex: 1,
+    },
+    modalContentContainer: {
+        padding: 20,
+    },
+    modalText: {
+        lineHeight: 24,
+        fontSize: 15,
+    },
+});
+//# sourceMappingURL=DisclaimerModal.js.map

package/lib/presentation/components/DisclaimerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerModal.js","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerModal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AASlF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,cAAc;YACrB,EAAE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;SACrD,CAAC,CAEF;MAAA,CAAC,kBAAkB,CACnB;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,WAAW;YAClB,EAAE,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;SACjD,CAAC,CAEF;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAC/C;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,wBAAwB,CAE/B;UAAA,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAChD;QAAA,EAAE,gBAAgB,CACpB;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,wBAAwB,CACzB;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,qBAAqB,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAEpD;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,SAAS,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAExB;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IAED,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,CAAC;KACrB;IAED,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;KACR;IAED,qBAAqB,EAAE;QACrB,OAAO,EAAE,EAAE;KACZ;IAED,SAAS,EAAE;QACT,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}

package/lib/presentation/components/DisclaimerSetting.d.ts

@@ -0,0 +1,39 @@
+/**
+ * DisclaimerSetting Component
+ *
+ * Displays customizable disclaimer with important legal notice
+ * Used in About screens for apps that require disclaimers
+ *
+ * Features:
+ * - Tappable card that opens full disclaimer modal
+ * - Warning icon with background color
+ * - Internationalized title and message
+ * - Full-screen modal with scrollable content
+ * - NO shadows (CLAUDE.md compliance)
+ * - Universal across iOS, Android, Web (NO Platform.OS checks)
+ *
+ * Usage:
+ * - Import and use in AboutScreen
+ * - Requires translations: settings.disclaimer.title, settings.disclaimer.message, settings.disclaimer.shortMessage
+ */
+import React from 'react';
+export interface DisclaimerSettingProps {
+    /** Custom title translation key */
+    titleKey?: string;
+    /** Custom message translation key */
+    messageKey?: string;
+    /** Custom short message translation key */
+    shortMessageKey?: string;
+    /** Custom icon name */
+    iconName?: string;
+    /** Custom icon color */
+    iconColor?: string;
+    /** Custom background color */
+    backgroundColor?: string;
+    /** Custom modal title */
+    modalTitle?: string;
+    /** Custom modal content */
+    modalContent?: string;
+}
+export declare const DisclaimerSetting: React.FC<DisclaimerSettingProps>;
+//# sourceMappingURL=DisclaimerSetting.d.ts.map

package/lib/presentation/components/DisclaimerSetting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerSetting.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerSetting.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,MAAM,WAAW,sBAAsB;IACrC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkE9D,CAAC"}

package/lib/presentation/components/DisclaimerSetting.js

@@ -0,0 +1,59 @@
+/**
+ * DisclaimerSetting Component
+ *
+ * Displays customizable disclaimer with important legal notice
+ * Used in About screens for apps that require disclaimers
+ *
+ * Features:
+ * - Tappable card that opens full disclaimer modal
+ * - Warning icon with background color
+ * - Internationalized title and message
+ * - Full-screen modal with scrollable content
+ * - NO shadows (CLAUDE.md compliance)
+ * - Universal across iOS, Android, Web (NO Platform.OS checks)
+ *
+ * Usage:
+ * - Import and use in AboutScreen
+ * - Requires translations: settings.disclaimer.title, settings.disclaimer.message, settings.disclaimer.shortMessage
+ */
+import React, { useState, useEffect, useCallback } from 'react';
+import { Modal } from 'react-native';
+import { useAppDesignTokens, withAlpha } from '@umituz/react-native-design-system-theme';
+import { useLocalization } from '@umituz/react-native-localization';
+import { DisclaimerCard } from './DisclaimerCard';
+import { DisclaimerModal } from './DisclaimerModal';
+export const DisclaimerSetting = ({ titleKey = "settings.disclaimer.title", messageKey = "settings.disclaimer.message", shortMessageKey = "settings.disclaimer.shortMessage", iconName = "AlertTriangle", iconColor, backgroundColor, modalTitle, modalContent, }) => {
+    const { t } = useLocalization();
+    const tokens = useAppDesignTokens();
+    const [modalVisible, setModalVisible] = useState(false);
+    useEffect(() => {
+        return () => {
+            setModalVisible(false);
+        };
+    }, []);
+    const title = modalTitle || t(titleKey);
+    const content = modalContent || t(messageKey);
+    const shortMessage = t(shortMessageKey);
+    const finalIconColor = iconColor || tokens.colors.warning;
+    const finalBackgroundColor = backgroundColor || withAlpha(finalIconColor, 0.1);
+    const handleOpenModal = useCallback(() => {
+        setModalVisible(true);
+        if (__DEV__) {
+            console.log('DisclaimerSetting: Modal opened');
+        }
+    }, []);
+    const handleCloseModal = useCallback(() => {
+        setModalVisible(false);
+        if (__DEV__) {
+            console.log('DisclaimerSetting: Modal closed');
+        }
+    }, []);
+    return (<>
+      <DisclaimerCard title={title} shortMessage={shortMessage} iconName={iconName} iconColor={finalIconColor} backgroundColor={finalBackgroundColor} onPress={handleOpenModal}/>
+
+      <Modal visible={modalVisible} animationType="slide" presentationStyle="pageSheet" onRequestClose={handleCloseModal}>
+        <DisclaimerModal visible={modalVisible} title={title} content={content} onClose={handleCloseModal}/>
+      </Modal>
+    </>);
+};
+//# sourceMappingURL=DisclaimerSetting.js.map

package/lib/presentation/components/DisclaimerSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerSetting.js","sourceRoot":"","sources":["../../../src/presentation/components/DisclaimerSetting.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAqBpD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,2BAA2B,EACtC,UAAU,GAAG,6BAA6B,EAC1C,eAAe,GAAG,kCAAkC,EACpD,QAAQ,GAAG,eAAe,EAC1B,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,UAAU,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,YAAY,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1D,MAAM,oBAAoB,GAAG,eAAe,IAAI,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IAE/E,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,EACE;MAAA,CAAC,cAAc,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,cAAc,CAAC,CAC1B,eAAe,CAAC,CAAC,oBAAoB,CAAC,CACtC,OAAO,CAAC,CAAC,eAAe,CAAC,EAG3B;;MAAA,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,aAAa,CAAC,OAAO,CACrB,iBAAiB,CAAC,WAAW,CAC7B,cAAc,CAAC,CAAC,gBAAgB,CAAC,CAEjC;QAAA,CAAC,eAAe,CACd,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAE9B;MAAA,EAAE,KAAK,CACT;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/components/SettingItem.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Setting Item Component
+ * Single Responsibility: Render a single settings item
+ * Material Design 3 style with hover effects and modern spacing
+ */
+import React from "react";
+import { type LucideIcon } from "lucide-react-native";
+export interface SettingItemProps {
+    /** Icon component from lucide-react-native */
+    icon: LucideIcon | React.ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    /** Main title text */
+    title: string;
+    /** Optional description/value text */
+    value?: string;
+    /** Callback when pressed */
+    onPress?: () => void;
+    /** Show switch instead of chevron */
+    showSwitch?: boolean;
+    /** Switch value */
+    switchValue?: boolean;
+    /** Switch change handler */
+    onSwitchChange?: (value: boolean) => void;
+    /** Is last item in section (no divider) */
+    isLast?: boolean;
+    /** Custom icon color */
+    iconColor?: string;
+    /** Custom title color */
+    titleColor?: string;
+    /** Test ID for E2E testing */
+    testID?: string;
+    /** Disable the item */
+    disabled?: boolean;
+    /** Custom switch thumb color */
+    switchThumbColor?: string;
+    /** Custom switch track colors */
+    switchTrackColors?: {
+        false: string;
+        true: string;
+    };
+}
+export declare const SettingItem: React.FC<SettingItemProps>;
+//# sourceMappingURL=SettingItem.d.ts.map

package/lib/presentation/components/SettingItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingItem.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/SettingItem.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGpE,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsGlD,CAAC"}

package/lib/presentation/components/SettingItem.js

@@ -0,0 +1,113 @@
+/**
+ * Setting Item Component
+ * Single Responsibility: Render a single settings item
+ * Material Design 3 style with hover effects and modern spacing
+ */
+import React from "react";
+import { View, Text, Pressable, StyleSheet, Switch } from "react-native";
+import { ChevronRight } from "lucide-react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+export const SettingItem = ({ icon: Icon, title, value, onPress, showSwitch = false, switchValue, onSwitchChange, isLast = false, iconColor, titleColor, testID, disabled = false, switchThumbColor, switchTrackColors, }) => {
+    const tokens = useAppDesignTokens();
+    const colors = tokens.colors;
+    const spacing = tokens.spacing;
+    return (<>
+      <Pressable style={({ pressed }) => [
+            styles.container,
+            {
+                backgroundColor: pressed && !disabled && !showSwitch
+                    ? `${colors.primary}08`
+                    : 'transparent',
+            },
+        ]} onPress={onPress} disabled={showSwitch || disabled} testID={testID}>
+        <View style={styles.content}>
+          <View style={[
+            styles.iconContainer,
+            {
+                backgroundColor: iconColor
+                    ? `${iconColor}15`
+                    : `${colors.primary}15`,
+            },
+        ]}>
+            <Icon size={24} color={iconColor || colors.primary}/>
+          </View>
+          <View style={styles.textContainer}>
+            <Text style={[
+            styles.title,
+            {
+                color: disabled
+                    ? colors.textSecondary
+                    : titleColor || colors.textPrimary,
+                opacity: disabled ? 0.5 : 1,
+            },
+        ]} numberOfLines={1}>
+              {title}
+            </Text>
+            {value && !showSwitch && (<Text style={[styles.value, { color: colors.textSecondary }]} numberOfLines={2}>
+                {value}
+              </Text>)}
+          </View>
+        </View>
+
+        <View style={styles.rightContainer}>
+          {showSwitch ? (<Switch value={switchValue} onValueChange={onSwitchChange} trackColor={switchTrackColors || {
+                false: `${colors.textSecondary}30`,
+                true: colors.primary,
+            }} thumbColor={switchThumbColor || "#FFFFFF"} ios_backgroundColor={`${colors.textSecondary}30`}/>) : (<ChevronRight size={20} color={colors.textSecondary}/>)}
+        </View>
+      </Pressable>
+
+      {!isLast && (<View style={[
+                styles.divider,
+                { backgroundColor: `${colors.textSecondary}20` },
+            ]}/>)}
+    </>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingHorizontal: 16,
+        paddingVertical: 16,
+        minHeight: 72,
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        flex: 1,
+    },
+    iconContainer: {
+        width: 48,
+        height: 48,
+        borderRadius: 12,
+        justifyContent: "center",
+        alignItems: "center",
+        marginRight: 16,
+    },
+    textContainer: {
+        flex: 1,
+        minWidth: 0,
+    },
+    title: {
+        fontSize: 16,
+        fontWeight: "500",
+        lineHeight: 20,
+    },
+    value: {
+        fontSize: 14,
+        fontWeight: "400",
+        marginTop: 4,
+        lineHeight: 18,
+    },
+    rightContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+    },
+    divider: {
+        height: 1,
+        marginLeft: 80,
+    },
+});
+//# sourceMappingURL=SettingItem.js.map

package/lib/presentation/components/SettingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingItem.js","sourceRoot":"","sources":["../../../src/presentation/components/SettingItem.tsx"],"names":[],"mappings":"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"}

package/lib/presentation/components/SettingsErrorBoundary.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Settings Error Boundary Component
+ * Catches and handles errors in settings components
+ */
+import React, { Component, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    fallbackTitle?: string;
+    fallbackMessage?: string;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+export declare class SettingsErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=SettingsErrorBoundary.d.ts.map

package/lib/presentation/components/SettingsErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/SettingsErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,qBAAa,qBAAsB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACpD,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAI3C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAM1D,MAAM;CAiBhB"}

package/lib/presentation/components/SettingsErrorBoundary.js

@@ -0,0 +1,73 @@
+/**
+ * Settings Error Boundary Component
+ * Catches and handles errors in settings components
+ */
+import React, { Component } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system-atoms';
+export class SettingsErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        if (__DEV__) {
+            console.error('Settings Error Boundary caught an error:', error, errorInfo);
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.fallback) {
+                return this.props.fallback;
+            }
+            return (<ErrorBoundaryFallback error={this.state.error} fallbackTitle={this.props.fallbackTitle} fallbackMessage={this.props.fallbackMessage}/>);
+        }
+        return this.props.children;
+    }
+}
+const ErrorBoundaryFallback = ({ error, fallbackTitle = "error_boundary.title", fallbackMessage = "error_boundary.message" }) => {
+    const tokens = useAppDesignTokens();
+    const title = __DEV__ && error?.message ? "error_boundary.dev_title" : fallbackTitle;
+    const message = __DEV__ && error?.message
+        ? `error_boundary.dev_message: ${error.message}`
+        : fallbackMessage;
+    return (<View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
+      <View style={[styles.content, { backgroundColor: tokens.colors.surface }]}>
+        <AtomicIcon name="AlertTriangle" color="warning" size="lg" style={styles.icon}/>
+        <AtomicText type="headlineSmall" color="primary" style={styles.title}>
+          {title}
+        </AtomicText>
+        <AtomicText type="bodyMedium" color="secondary" style={styles.message}>
+          {message}
+        </AtomicText>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 16,
+        justifyContent: 'center',
+    },
+    content: {
+        alignItems: 'center',
+        padding: 24,
+        borderRadius: 12,
+    },
+    icon: {
+        marginBottom: 16,
+    },
+    title: {
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    message: {
+        textAlign: 'center',
+        lineHeight: 20,
+    },
+});
+//# sourceMappingURL=SettingsErrorBoundary.js.map

package/lib/presentation/components/SettingsErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsErrorBoundary.js","sourceRoot":"","sources":["../../../src/presentation/components/SettingsErrorBoundary.tsx"],"names":[],"mappings":"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"}