@umituz/react-native-settings 4.17.16 → 4.17.18

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.17.16",
-  "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, and FAQs",
+  "version": "4.17.18",
+  "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, and rating",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
@@ -24,6 +24,7 @@
     "appearance",
     "feedback",
     "faqs",
+    "rating",
     "consolidated"
   ],
   "author": "Ümit UZ <umit@umituz.com>",
@@ -42,7 +43,6 @@
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "latest",
-    "@umituz/react-native-rating": "latest",
     "@umituz/react-native-sentry": "latest",
     "@umituz/react-native-storage": "latest",
     "react": ">=19.0.0",
@@ -53,6 +53,8 @@
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.28.5",
     "@expo/vector-icons": "^15.0.0",
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/stack": "^6.4.1",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.1.10",
     "@umituz/react-native-auth": "latest",
@@ -61,7 +63,6 @@
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "latest",
-    "@umituz/react-native-rating": "latest",
     "@umituz/react-native-storage": "latest",
     "react": "19.1.0",
     "react-native": "0.81.5",
@@ -76,6 +77,6 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@umituz/react-native-design-system": "^2.2.0"
+    "@umituz/react-native-design-system": "latest"
   }
 }

package/src/domains/appearance/index.ts

@@ -4,4 +4,6 @@
  */
 
 export * from './presentation/screens/AppearanceScreen';
-export * from './presentation/components/ThemeSwitcher';
+export * from './presentation/components';
+export * from './hooks';
+export * from './types';

package/src/domains/appearance/presentation/screens/AppearanceScreen.tsx

@@ -14,6 +14,7 @@ import {
   ThemeModeSection,
   CustomColorsSection,
   AppearancePreview,
+  type ThemeOptionConfig,
 } from "../components";
 
 import type { AppearanceTexts } from "../../types";
@@ -101,7 +102,7 @@ export const AppearanceScreen: React.FC<AppearanceScreenProps> = ({
 
     // Construct themes from texts prop
     // This adheres to "Package Driven Design" where content is driven by the consumer (App)
-    const themes = [];
+    const themes: ThemeOptionConfig[] = [];
 
     // We only add the theme option if the corresponding text config is provided
     if (texts?.lightMode) {

package/src/domains/faqs/index.ts

@@ -3,5 +3,7 @@
  * Frequently asked questions
  */
 
-export * from './presentation/screens/FAQsScreen';
-export * from './presentation/components/FAQItem';
+export * from './presentation/screens/FAQScreen';
+export * from './presentation/components';
+export * from './presentation/hooks';
+export * from './domain/entities/FAQEntity';

package/src/domains/feedback/index.ts

@@ -3,4 +3,8 @@
  * User feedback, bug reports
  */
 
-export * from './presentation/screens/FeedbackScreen';
+export * from './presentation/components/FeedbackForm';
+export * from './presentation/components/FeedbackModal';
+export * from './presentation/components/SupportSection';
+export * from './presentation/hooks/useFeedbackForm';
+export * from './domain/entities/FeedbackEntity';

package/src/domains/legal/__tests__/setup.ts

@@ -79,4 +79,4 @@ try {
 }
 
 // Global test setup
-global.__DEV__ = true;
+(global as any).__DEV__ = true;

package/src/domains/rating/domain/entities/Rating.ts

@@ -0,0 +1,17 @@
+export type RatingValue = 0 | 1 | 2 | 3 | 4 | 5;
+
+export interface Rating {
+    id: string;
+    userId: string;
+    entityId: string;
+    entityType: string;
+    value: RatingValue;
+    createdAt: string;
+    updatedAt: string;
+}
+
+export interface RatingStats {
+    average: number;
+    count: number;
+    distribution: Record<RatingValue, number>;
+}

package/src/domains/rating/index.ts

@@ -0,0 +1,23 @@
+/**
+ * Rating Domain
+ * Star ratings, user reviews, and statistics
+ */
+
+// =============================================================================
+// DOMAIN LAYER - Entities
+// =============================================================================
+
+export type {
+  RatingValue,
+  Rating,
+  RatingStats,
+} from './domain/entities/Rating';
+
+// =============================================================================
+// PRESENTATION LAYER - Components
+// =============================================================================
+
+export { StarRating } from './presentation/components/StarRating';
+export type { StarRatingProps } from './presentation/components/StarRating';
+
+

package/src/domains/rating/presentation/components/StarRating.tsx

@@ -0,0 +1,69 @@
+import React, { useState } from "react";
+import { View, StyleSheet, TouchableOpacity, ViewStyle } from "react-native";
+import { useAppDesignTokens, AtomicIcon } from "@umituz/react-native-design-system";
+
+export interface StarRatingProps {
+    rating: number;
+    maxRating?: number;
+    onRatingChange?: (rating: number) => void;
+    size?: number;
+    activeColor?: string;
+    inactiveColor?: string;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+
+export const StarRating: React.FC<StarRatingProps> = ({
+    rating,
+    maxRating = 5,
+    onRatingChange,
+    size = 24,
+    activeColor,
+    inactiveColor,
+    disabled = false,
+    style,
+}) => {
+    const tokens = useAppDesignTokens();
+    const [internalRating, setInternalRating] = useState(rating);
+
+    const filledColor = activeColor || tokens.colors.warning || "#FFD700";
+    const emptyColor = inactiveColor || tokens.colors.border || "#E0E0E0";
+
+    const handlePress = (index: number) => {
+        if (disabled) return;
+        const newRating = index + 1;
+        setInternalRating(newRating);
+        onRatingChange?.(newRating);
+    };
+
+    return (
+        <View style={[styles.container, style]}>
+            {Array.from({ length: maxRating }).map((_, index) => (
+                <TouchableOpacity
+                    key={index}
+                    onPress={() => handlePress(index)}
+                    disabled={disabled}
+                    activeOpacity={0.7}
+                    style={styles.starContainer}
+                >
+                    <AtomicIcon
+                        name={index < (onRatingChange ? internalRating : rating) ? "star" : "star-outline"}
+                        customSize={size}
+                        customColor={index < (onRatingChange ? internalRating : rating) ? filledColor : emptyColor}
+                    />
+                </TouchableOpacity>
+            ))}
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 4,
+    },
+    starContainer: {
+        padding: 4,
+    },
+});

package/src/index.ts

@@ -99,6 +99,9 @@ export * from './domains/feedback';
 // FAQs Domain - Frequently asked questions
 export * from './domains/faqs';
 
+// Rating Domain - Star ratings, reviews, statistics
+export * from './domains/rating';
+
 // =============================================================================
 // PRESENTATION LAYER - Re-exports from Dependencies
 // =============================================================================

package/src/presentation/screens/AppearanceScreen.tsx

@@ -1,10 +1,7 @@
 /**
  * Appearance Settings Screen
  * Advanced appearance settings with theme customization and custom colors
- * Uses @umituz/react-native-appearance package
+ * Now uses consolidated appearance domain
  */
 
-import React from "react";
-import { AppearanceScreen } from "@umituz/react-native-appearance";
-
-export { AppearanceScreen };
+export { AppearanceScreen } from "@domains/appearance/presentation/screens/AppearanceScreen";

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

@@ -13,11 +13,11 @@ import { ProfileSection } from "@umituz/react-native-auth";
 import { SettingsSection } from "../../components/SettingsSection";
 import { DevSettingsSection, DevSettingsProps } from "../../components/DevSettingsSection";
 import { NotificationsSection } from "@umituz/react-native-notifications";
-import { AboutSection } from "@umituz/react-native-about";
-import { LegalSection } from "@umituz/react-native-legal";
-import { AppearanceSection } from "@umituz/react-native-appearance";
+import { AboutSection } from "@domains/about/presentation/components/AboutSection";
+import { LegalSection } from "@domains/legal/presentation/components/LegalSection";
+import { AppearanceSection } from "@domains/appearance/presentation/components/AppearanceSection";
 import { LanguageSection } from "@umituz/react-native-localization";
-import { SupportSection } from "@umituz/react-native-feedback";
+import { SupportSection } from "@domains/feedback/presentation/components/SupportSection";
 import { SettingItem } from "../../components/SettingItem";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
@@ -190,7 +190,6 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
               normalizedConfig.language.config?.description ||
               t("settings.languageSelection.description"),
           }}
-          sectionTitle={t("settings.languageSelection.title")}
         />
       )}
 

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

@@ -197,7 +197,7 @@ export interface SubscriptionConfig {
   };
 }
 
-import type { FeedbackType } from "@umituz/react-native-feedback";
+import type { FeedbackType } from "@domains/feedback/domain/entities/FeedbackEntity";
 
 /**
  * Feedback Settings Configuration

package/src/domains/feedback/presentation/hooks/useDeleteFeedback.ts

@@ -1,25 +0,0 @@
-/**
- * Delete Feedback Hook
- */
-
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import type { IFeedbackRepository } from '../../domain/repositories/IFeedbackRepository';
-
-export function useDeleteFeedback(repository: IFeedbackRepository) {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async (feedbackId: string) => {
-      const result = await repository.deleteFeedback(feedbackId);
-
-      if (!result.success) {
-        throw new Error(result.error.message);
-      }
-
-      return result.data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['feedback'] });
-    },
-  });
-}

package/src/domains/feedback/presentation/hooks/useSubmitFeedback.ts

@@ -1,55 +0,0 @@
-/**
- * Submit Feedback Hook
- */
-
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import type { IFeedbackRepository } from '../../domain/repositories/IFeedbackRepository';
-import {
-  createFeedback,
-  type FeedbackType,
-} from '../../domain/entities/FeedbackEntity';
-
-interface SubmitFeedbackParams {
-  userId: string | null;
-  userEmail?: string | null;
-  type: FeedbackType;
-  title: string;
-  description: string;
-  rating?: 1 | 2 | 3 | 4 | 5;
-  deviceInfo?: {
-    platform: string;
-    osVersion: string;
-    appVersion: string;
-  };
-  metadata?: Record<string, unknown>;
-}
-
-export function useSubmitFeedback(repository: IFeedbackRepository) {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async (params: SubmitFeedbackParams) => {
-      const feedback = createFeedback(
-        params.userId,
-        params.type,
-        params.title,
-        params.description,
-        params.userEmail,
-        params.rating,
-        params.deviceInfo,
-        params.metadata
-      );
-
-      const result = await repository.submitFeedback(feedback);
-
-      if (!result.success) {
-        throw new Error(result.error.message);
-      }
-
-      return result.data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['feedback'] });
-    },
-  });
-}

package/src/domains/feedback/presentation/hooks/useUserFeedback.ts

@@ -1,29 +0,0 @@
-/**
- * User Feedback Hook
- */
-
-import { useQuery } from '@tanstack/react-query';
-import type { IFeedbackRepository } from '../../domain/repositories/IFeedbackRepository';
-
-export function useUserFeedback(
-  repository: IFeedbackRepository,
-  userId: string | null
-) {
-  return useQuery({
-    queryKey: ['feedback', userId],
-    queryFn: async () => {
-      if (!userId) {
-        return [];
-      }
-
-      const result = await repository.getUserFeedback(userId);
-
-      if (!result.success) {
-        throw new Error(result.error.message);
-      }
-
-      return result.data;
-    },
-    enabled: !!userId,
-  });
-}