@umituz/react-native-settings 4.20.53 → 4.20.54

package/src/presentation/navigation/components/wrappers/LegalScreenWrapper.tsx

@@ -0,0 +1,50 @@
+/**
+ * Legal Screen Wrapper Component
+ */
+import React from "react";
+import { LegalScreen } from "../../../../domains/legal";
+
+export interface LegalScreenWrapperProps {
+  title: string;
+  description: string;
+  documentsHeader: string;
+  privacyTitle: string;
+  privacyDescription: string;
+  termsTitle: string;
+  termsDescription: string;
+  eulaTitle: string;
+  eulaDescription: string;
+  onPrivacyPress: () => void;
+  onTermsPress: () => void;
+  onEulaPress: () => void;
+}
+
+export const LegalScreenWrapper: React.FC<LegalScreenWrapperProps> = ({
+  title,
+  description,
+  documentsHeader,
+  privacyTitle,
+  privacyDescription,
+  termsTitle,
+  termsDescription,
+  eulaTitle,
+  eulaDescription,
+  onPrivacyPress,
+  onTermsPress,
+  onEulaPress,
+}) => (
+  <LegalScreen
+    title={title}
+    description={description}
+    documentsHeader={documentsHeader}
+    privacyTitle={privacyTitle}
+    privacyDescription={privacyDescription}
+    termsTitle={termsTitle}
+    termsDescription={termsDescription}
+    eulaTitle={eulaTitle}
+    eulaDescription={eulaDescription}
+    onPrivacyPress={onPrivacyPress}
+    onTermsPress={onTermsPress}
+    onEulaPress={onEulaPress}
+  />
+);

package/src/presentation/navigation/components/wrappers/SettingsScreenWrapper.tsx

@@ -0,0 +1,32 @@
+/**
+ * Settings Screen Wrapper Component
+ */
+import React from "react";
+import { SettingsScreen } from "../../../screens/SettingsScreen";
+
+export interface SettingsScreenWrapperProps {
+  config: any;
+  appVersion: string;
+  showUserProfile: boolean;
+  userProfile: any;
+  devSettings: any;
+  customSections: any[];
+}
+
+export const SettingsScreenWrapper: React.FC<SettingsScreenWrapperProps> = ({
+  config,
+  appVersion,
+  showUserProfile,
+  userProfile,
+  devSettings,
+  customSections,
+}) => (
+  <SettingsScreen
+    config={config}
+    appVersion={appVersion}
+    showUserProfile={showUserProfile}
+    userProfile={userProfile}
+    devSettings={devSettings}
+    customSections={customSections}
+  />
+);

package/src/presentation/navigation/components/wrappers/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Wrapper Components
+ */
+export { SettingsScreenWrapper } from './SettingsScreenWrapper';
+export type { SettingsScreenWrapperProps } from './SettingsScreenWrapper';
+export { LegalScreenWrapper } from './LegalScreenWrapper';
+export type { LegalScreenWrapperProps } from './LegalScreenWrapper';
+export { AboutScreenWrapper } from './AboutScreenWrapper';
+export type { AboutScreenWrapperProps } from './AboutScreenWrapper';

package/src/presentation/navigation/utils/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Navigation Utilities
+ */
+export * from './navigationTranslations';
+export * from './navigationScreenOptions';

package/src/presentation/navigation/utils/navigationScreenOptions.ts

@@ -0,0 +1,56 @@
+/**
+ * Navigation Screen Options Utility
+ * Creates screen options for settings navigation
+ */
+
+import type { DesignTokens } from "@umituz/react-native-design-system";
+
+export const createScreenOptions = (tokens: DesignTokens) => ({
+  headerStyle: {
+    backgroundColor: tokens.colors.surface,
+    borderBottomColor: tokens.colors.borderLight,
+    borderBottomWidth: 1,
+  },
+  headerTitleStyle: {
+    fontSize: 18,
+    fontWeight: "600" as const,
+    color: tokens.colors.textPrimary,
+  },
+  headerTintColor: tokens.colors.textPrimary,
+});
+
+export const createAppearanceScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.appearance.title"),
+  headerTitleAlign: "center" as const,
+});
+
+export const createAboutScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.about.title"),
+  headerTitleAlign: "center" as const,
+});
+
+export const createLegalScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.legal.title"),
+  headerTitleAlign: "center" as const,
+});
+
+export const createNotificationsScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.notifications.title"),
+  headerTitleAlign: "center" as const,
+});
+
+export const createFAQScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.faqs.title"),
+  headerTitleAlign: "center" as const,
+});
+
+export const createLanguageSelectionScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.language.title"),
+  headerTitleAlign: "center" as const,
+});

package/src/presentation/navigation/utils/navigationTranslations.ts

@@ -0,0 +1,46 @@
+/**
+ * Navigation Translations Utility
+ * Creates translation objects for navigation screens
+ */
+
+export const createNotificationTranslations = (t: any) => ({
+  screenTitle: t("settings.notifications.title"),
+  masterToggleTitle: t("settings.notifications.masterToggleTitle"),
+  masterToggleDescription: t("settings.notifications.masterToggleDescription"),
+  soundTitle: t("settings.notifications.soundTitle"),
+  soundDescription: t("settings.notifications.soundDescription"),
+  vibrationTitle: t("settings.notifications.vibrationTitle"),
+  vibrationDescription: t("settings.notifications.vibrationDescription"),
+  remindersTitle: t("settings.notifications.remindersTitle"),
+  remindersDescription: t("settings.notifications.remindersDescription"),
+  quietHoursTitle: t("settings.notifications.quietHoursTitle"),
+  quietHoursDescription: t("settings.notifications.quietHoursDescription"),
+});
+
+export const createQuietHoursTranslations = (t: any) => ({
+  title: t("settings.notifications.quietHours.title"),
+  description: t("settings.notifications.quietHours.description"),
+  startTimeLabel: t("settings.notifications.quietHours.startTimeLabel"),
+  endTimeLabel: t("settings.notifications.quietHours.endTimeLabel"),
+  enabledLabel: t("settings.notifications.quietHours.enabledLabel"),
+});
+
+export const createLegalScreenProps = (
+  t: any,
+  handlePrivacyPress: () => void,
+  handleTermsPress: () => void,
+  handleEulaPress: () => void
+) => ({
+  title: t("settings.legal.title"),
+  description: t("settings.legal.description"),
+  documentsHeader: t("settings.legal.documentsHeader"),
+  privacyTitle: t("settings.legal.privacyTitle"),
+  privacyDescription: t("settings.legal.privacyDescription"),
+  termsTitle: t("settings.legal.termsTitle"),
+  termsDescription: t("settings.legal.termsDescription"),
+  eulaTitle: t("settings.legal.eulaTitle"),
+  eulaDescription: t("settings.legal.eulaDescription"),
+  onPrivacyPress: handlePrivacyPress,
+  onTermsPress: handleTermsPress,
+  onEulaPress: handleEulaPress,
+});

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

@@ -43,7 +43,7 @@ export const SettingsHeader: React.FC<SettingsHeaderProps> = ({
             styles.closeButton,
             {
               backgroundColor: pressed ? tokens.colors.surfaceVariant : tokens.colors.surface,
-              borderRadius: tokens.radius.full,
+              borderRadius: tokens.borderRadius.full,
             },
           ]}
           hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}

package/src/presentation/screens/types/BaseTypes.ts

@@ -0,0 +1,12 @@
+/**
+ * Base Feature Types
+ * Core types for feature visibility and configuration
+ */
+
+/**
+ * Feature visibility configuration
+ * - true: Always show (if navigation screen exists)
+ * - false: Never show
+ * - 'auto': Automatically detect (check if navigation screen exists and package is available)
+ */
+export type FeatureVisibility = boolean | "auto";

package/src/presentation/screens/types/ContentConfig.ts

@@ -0,0 +1,82 @@
+/**
+ * Content Feature Configuration Types
+ * Types for content-related features (About, Legal, Disclaimer)
+ */
+
+import type { FeatureVisibility } from "./BaseTypes";
+import type { AppearanceTexts } from "../../../domains/appearance/types";
+
+/**
+ * Base configuration interface for content features
+ */
+interface BaseContentConfig {
+  /** Show section */
+  enabled?: FeatureVisibility;
+  /** Custom navigation route */
+  route?: string;
+  /** Custom title */
+  title?: string;
+  /** Custom description */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+}
+
+/**
+ * About Settings Configuration
+ */
+export interface AboutConfig extends BaseContentConfig {
+  /** Default route name when no custom route provided */
+  defaultRoute?: string;
+}
+
+/**
+ * Legal Settings Configuration
+ */
+export interface LegalConfig extends BaseContentConfig {
+  /** Default route name when no custom route provided */
+  defaultRoute?: string;
+}
+
+/**
+ * Disclaimer Settings Configuration
+ */
+export interface DisclaimerConfig extends BaseContentConfig {
+  // Disclaimer-specific properties can be added here if needed
+}
+
+/**
+ * Appearance Settings Configuration
+ */
+export interface AppearanceConfig extends BaseContentConfig {
+  /** Show theme toggle */
+  showTheme?: boolean;
+  /** Default route name when no custom route provided */
+  defaultRoute?: string;
+  /** Appearance screen texts (theme mode labels, descriptions, etc.) */
+  texts?: AppearanceTexts;
+}
+
+/**
+ * Language Settings Configuration
+ */
+export interface LanguageConfig extends BaseContentConfig {
+  /** Default language display when no language is detected */
+  defaultLanguageDisplay?: string;
+}
+
+/**
+ * Notifications Settings Configuration
+ */
+export interface NotificationsConfig extends BaseContentConfig {
+  /** Show notification toggle switch */
+  showToggle?: boolean;
+  /** Initial toggle value */
+  initialValue?: boolean;
+  /** Toggle change handler */
+  onToggleChange?: (value: boolean) => void;
+  /** Default route name when no custom route provided */
+  defaultRoute?: string;
+}

package/src/presentation/screens/types/SettingsConfig.ts

@@ -3,7 +3,7 @@
  * Combines all feature configurations
  */
 
-import type { FeatureVisibility } from "./FeatureConfig";
+import type { FeatureVisibility } from "./BaseTypes";
 import type {
   AppearanceConfig,
   LanguageConfig,
@@ -11,6 +11,8 @@ import type {
   AboutConfig,
   LegalConfig,
   DisclaimerConfig,
+} from "./ContentConfig";
+import type {
   UserProfileConfig,
   FeedbackConfig,
   RatingConfig,
@@ -18,7 +20,7 @@ import type {
   CloudSyncConfig,
   SubscriptionConfig,
   WalletConfig,
-} from "./FeatureConfig";
+} from "./UserFeatureConfig";
 
 /**
  * Main Settings Configuration
@@ -115,7 +117,7 @@ export interface SettingsConfig {
    * @default false
    */
   cloudSync?: FeatureVisibility | CloudSyncConfig;
-  
+
   /**
    * Subscription settings configuration
    * @default false
@@ -132,4 +134,4 @@ export interface SettingsConfig {
    * Custom empty state text when no settings are available
    */
   emptyStateText?: string;
-}
+}

package/src/presentation/screens/types/UserFeatureConfig.ts

@@ -0,0 +1,137 @@
+/**
+ * User Feature Configuration Types
+ * Types for user-related features (Profile, Feedback, FAQ, etc.)
+ */
+
+import type { FeatureVisibility } from "./BaseTypes";
+import type { FeedbackType } from "../../../domains/feedback/domain/entities/FeedbackEntity";
+
+/**
+ * User Profile Settings Configuration
+ */
+export interface UserProfileConfig {
+  /** Show user profile header */
+  enabled?: boolean;
+  /** Custom display name for anonymous users */
+  anonymousDisplayName?: string;
+  /** Custom avatar service URL */
+  avatarServiceUrl?: string;
+  /** Navigation route for account settings (shows chevron if set) */
+  accountSettingsRoute?: string;
+}
+
+/**
+ * Feedback Settings Configuration
+ */
+export interface FeedbackConfig {
+  /** Enable feedback feature */
+  enabled?: FeatureVisibility;
+  /** Custom title for the feedback section */
+  title?: string;
+  /** Custom label for the feedback item */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Initial feedback type */
+  initialType?: FeedbackType;
+  /** Feedback submission handler */
+  onSubmit?: (data: { type: any; rating: number; description: string; title: string }) => Promise<void>;
+  /** Custom handler to open feedback screen (overrides default modal) */
+  onPress?: () => void;
+}
+
+/**
+ * FAQ Settings Configuration
+ */
+export interface FAQConfig {
+  /** Enable FAQ feature */
+  enabled?: FeatureVisibility;
+  /** Custom title for the FAQ section */
+  title?: string;
+  /** Custom label for the FAQ button */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** FAQ items passed from app */
+  items?: any[];
+  /** Handler to open FAQ screen */
+  onPress?: () => void;
+}
+
+/**
+ * Rating Settings Configuration
+ */
+export interface RatingConfig {
+  /** Enable rating feature */
+  enabled?: FeatureVisibility;
+  /** Custom title for the rating section */
+  title?: string;
+  /** Custom label for the rate app button */
+  description?: string;
+  /** Store URL for direct linking (optional) */
+  storeUrl?: string;
+  /** Custom handler for rating action (e.g. open store review) */
+  onRate?: () => void;
+}
+
+/**
+ * Cloud Sync Settings Configuration
+ */
+export interface CloudSyncConfig {
+  /** Enable cloud sync feature */
+  enabled?: FeatureVisibility;
+  /** Custom title for the sync section */
+  title?: string;
+  /** Custom description for the sync toggle */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Firestore collection name */
+  collectionName?: string;
+}
+
+/**
+ * Subscription Settings Configuration
+ */
+export interface SubscriptionConfig {
+  /** Show subscription section */
+  enabled?: FeatureVisibility;
+  /** Custom title for the subscription section */
+  title?: string;
+  /** Custom label for the subscription item */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Handler to open subscription screen */
+  onPress?: () => void;
+  /** Whether user is premium (to show active status) */
+  isPremium?: boolean;
+}
+
+/**
+ * Wallet Settings Configuration
+ */
+export interface WalletConfig {
+  /** Show wallet section */
+  enabled?: FeatureVisibility;
+  /** Custom title for the wallet section */
+  title?: string;
+  /** Custom label for the wallet item */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Navigation route for wallet screen */
+  route?: string;
+  /** Current balance to display */
+  balance?: number;
+}

package/src/presentation/screens/types/index.ts

@@ -3,21 +3,23 @@
  * Exports all settings-related types
  */
 
-export type { FeatureVisibility } from "./FeatureConfig";
+export type { FeatureVisibility } from "./BaseTypes";
 export type {
-  AppearanceConfig,
-  LanguageConfig,
-  NotificationsConfig,
   AboutConfig,
   LegalConfig,
   DisclaimerConfig,
+  AppearanceConfig,
+  LanguageConfig,
+  NotificationsConfig,
+} from "./ContentConfig";
+export type {
   UserProfileConfig,
   FeedbackConfig,
-  RatingConfig,
   FAQConfig,
-  SubscriptionConfig,
+  RatingConfig,
   CloudSyncConfig,
+  SubscriptionConfig,
   WalletConfig,
-} from "./FeatureConfig";
+} from "./UserFeatureConfig";
 export type { SettingsConfig } from "./SettingsConfig";
-export type { CustomSettingsSection } from "./CustomSection";
+export type { CustomSettingsSection } from "./CustomSection";