@umituz/react-native-settings 4.10.0 → 4.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/DevSettingsSection.tsx

@@ -2,12 +2,14 @@
  * Dev Settings Section Component
  * Only visible in __DEV__ mode
  * Provides development utilities like clearing storage
+ *
+ * NOTE: This component uses hardcoded English text since it's DEV-only
+ * and doesn't need localization support.
  */
 
 import React from "react";
 import { Alert } from "react-native";
 import { Feather } from "@expo/vector-icons";
-import { useLocalization } from "@umituz/react-native-localization";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 import { storageRepository } from "@umituz/react-native-storage";
 import { SettingsSection } from "./SettingsSection";
@@ -18,29 +20,40 @@ const TrashIcon: React.FC<{ size?: number; color?: string }> = ({ size = 24, col
   <Feather name="trash-2" size={size} color={color} />
 );
 
+// Default texts (English only - DEV feature)
+const DEFAULT_TEXTS = {
+  sectionTitle: "Developer",
+  clearTitle: "Clear All Data",
+  clearDescription: "Reset app to initial state (DEV only)",
+  confirmTitle: "Clear All Data?",
+  confirmMessage: "This will clear all app data and reset to initial state. This action cannot be undone.",
+  cancelButton: "Cancel",
+  confirmButton: "Clear",
+  successTitle: "Success",
+  successMessage: "All data cleared. Restarting app...",
+  errorTitle: "Error",
+  errorMessage: "Failed to clear data",
+};
+
 export interface DevSettingsProps {
   /** Enable dev settings section (default: true in __DEV__ mode) */
   enabled?: boolean;
-  /** Optional callback after storage is cleared (e.g., reload app) */
+  /** Callback after storage is cleared - use this to reload the app */
   onAfterClear?: () => Promise<void>;
-  /** Custom title for the section */
-  sectionTitle?: string;
-  /** Custom title for clear data button */
-  clearDataTitle?: string;
-  /** Custom description for clear data button */
-  clearDataDescription?: string;
+  /** Custom texts (optional - defaults to English) */
+  texts?: Partial<typeof DEFAULT_TEXTS>;
 }
 
 export const DevSettingsSection: React.FC<DevSettingsProps> = ({
   enabled = true,
   onAfterClear,
-  sectionTitle,
-  clearDataTitle,
-  clearDataDescription,
+  texts = {},
 }) => {
-  const { t } = useLocalization();
   const tokens = useAppDesignTokens();
 
+  // Merge custom texts with defaults
+  const t = { ...DEFAULT_TEXTS, ...texts };
+
   // Only render in development mode and when enabled
   if (!__DEV__ || !enabled) {
     return null;
@@ -48,35 +61,33 @@ export const DevSettingsSection: React.FC<DevSettingsProps> = ({
 
   const handleClearData = () => {
     Alert.alert(
-      t("settings.devSettings.clearData.confirmTitle") || "Clear All Data?",
-      t("settings.devSettings.clearData.confirmMessage") || "This will clear all app data and reset to initial state. This action cannot be undone.",
+      t.confirmTitle,
+      t.confirmMessage,
       [
         {
-          text: t("common.cancel") || "Cancel",
+          text: t.cancelButton,
           style: "cancel",
         },
         {
-          text: t("common.confirm") || "Confirm",
+          text: t.confirmButton,
           style: "destructive",
           onPress: async () => {
             try {
-              // Clear all storage using the package's storageRepository
+              // Clear all storage
               await storageRepository.clearAll();
 
-              // Call optional after-clear callback (e.g., reload app)
+              // If callback provided, call it (e.g., reload app)
               if (onAfterClear) {
-                await onAfterClear();
+                Alert.alert(t.successTitle, t.successMessage);
+                // Small delay to show the alert before reload
+                setTimeout(async () => {
+                  await onAfterClear();
+                }, 500);
+              } else {
+                Alert.alert(t.successTitle, "All data cleared successfully");
               }
-
-              Alert.alert(
-                t("common.success") || "Success",
-                t("settings.devSettings.clearData.success") || "All data cleared successfully"
-              );
             } catch {
-              Alert.alert(
-                t("common.error") || "Error",
-                t("settings.devSettings.clearData.error") || "Failed to clear data"
-              );
+              Alert.alert(t.errorTitle, t.errorMessage);
             }
           },
         },
@@ -85,16 +96,11 @@ export const DevSettingsSection: React.FC<DevSettingsProps> = ({
   };
 
   return (
-    <SettingsSection
-      title={sectionTitle || t("settings.devSettings.title") || "Developer"}
-    >
+    <SettingsSection title={t.sectionTitle}>
       <SettingItem
         icon={TrashIcon}
-        title={clearDataTitle || t("settings.devSettings.clearData.title") || "Clear All Data"}
-        value={
-          clearDataDescription ||
-          t("settings.devSettings.clearData.description") || "Reset app to initial state (DEV only)"
-        }
+        title={t.clearTitle}
+        value={t.clearDescription}
         onPress={handleClearData}
         iconColor={tokens.colors.error}
         titleColor={tokens.colors.error}

package/src/presentation/components/UserProfileHeader.tsx

@@ -111,6 +111,15 @@ export const UserProfileHeader: React.FC<UserProfileHeaderProps> = ({
           >
             {finalDisplayName}
           </AtomicText>
+          {userId && (
+            <AtomicText
+              type="bodySmall"
+              style={[styles.id, { color: colors.textSecondary }]}
+              numberOfLines={1}
+            >
+              {userId}
+            </AtomicText>
+          )}
         </View>
       </View>
       {shouldShowChevron && (

package/src/presentation/screens/components/SettingsContent.tsx

@@ -224,9 +224,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         <DevSettingsSection
           enabled={devSettings.enabled}
           onAfterClear={devSettings.onAfterClear}
-          sectionTitle={devSettings.sectionTitle}
-          clearDataTitle={devSettings.clearDataTitle}
-          clearDataDescription={devSettings.clearDataDescription}
+          texts={devSettings.texts}
         />
       )}
 

package/LICENSE

@@ -1,22 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Ümit UZ
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-

package/src/domain/repositories/ISettingsRepository.ts

@@ -1,58 +0,0 @@
-/**
- * Settings Repository Interface
- *
- * Defines contracts for settings persistence and retrieval
- * Pure business logic - no dependencies on external frameworks
- */
-
-export interface UserSettings {
-  userId: string;
-  theme: 'light' | 'dark' | 'auto';
-  language: string;
-  notificationsEnabled: boolean;
-  emailNotifications: boolean;
-  pushNotifications: boolean;
-  soundEnabled: boolean;
-  vibrationEnabled: boolean;
-  privacyMode: boolean;
-  updatedAt: Date;
-}
-
-export interface SettingsError extends Error {
-  code: 'LOAD_FAILED' | 'SAVE_FAILED' | 'NOT_FOUND' | 'INVALID_DATA';
-}
-
-export type SettingsResult<T> = {
-  success: true;
-  data: T;
-} | {
-  success: false;
-  error: SettingsError;
-};
-
-/**
- * Settings Repository Interface
- * Repository pattern for settings management
- */
-export interface ISettingsRepository {
-  /**
-   * Load user settings from persistent storage
-   */
-  loadSettings(userId: string): Promise<SettingsResult<UserSettings>>;
-
-  /**
-   * Save user settings to persistent storage
-   */
-  saveSettings(settings: Partial<UserSettings>): Promise<SettingsResult<UserSettings>>;
-
-  /**
-   * Reset settings to default values
-   */
-  resetSettings(userId: string): Promise<SettingsResult<UserSettings>>;
-
-  /**
-   * Get default settings for a user
-   */
-  getDefaultSettings(userId: string): UserSettings;
-}
-