@umituz/react-native-settings 4.16.6 → 4.16.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.16.6",
+  "version": "4.16.8",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -30,8 +30,8 @@
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/stack": ">=6.0.0",
     "@umituz/react-native-about": "^1.11.3",
-    "@umituz/react-native-avatar": "*",
     "@umituz/react-native-appearance": "*",
+    "@umituz/react-native-avatar": "*",
     "@umituz/react-native-design-system": "*",
     "@umituz/react-native-design-system-atoms": "*",
     "@umituz/react-native-design-system-molecules": "*",
@@ -40,11 +40,13 @@
     "@umituz/react-native-design-system-theme": "*",
     "@umituz/react-native-design-system-typography": "*",
     "@umituz/react-native-exception": "latest",
-    "@umituz/react-native-feedback": "latest",
+    "@umituz/react-native-faqs": "^1.0.1",
+    "@umituz/react-native-feedback": "^1.3.0",
     "@umituz/react-native-legal": "*",
     "@umituz/react-native-localization": "*",
     "@umituz/react-native-notifications": "*",
     "@umituz/react-native-onboarding": "*",
+    "@umituz/react-native-rating": "*",
     "@umituz/react-native-storage": "*",
     "lucide-react-native": "*",
     "react": ">=18.2.0",
@@ -76,11 +78,13 @@
     "@umituz/react-native-design-system-responsive": "latest",
     "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-design-system-typography": "latest",
-    "@umituz/react-native-feedback": "latest",
+    "@umituz/react-native-faqs": "latest",
+    "@umituz/react-native-feedback": "^1.3.0",
     "@umituz/react-native-legal": "^2.0.3",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "^3.3.0",
+    "@umituz/react-native-rating": "^1.4.0",
     "@umituz/react-native-storage": "latest",
     "babel-plugin-module-resolver": "^5.0.2",
     "expo-constants": "^18.0.12",
@@ -100,4 +104,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

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

@@ -17,7 +17,9 @@ import { AboutSection } from "@umituz/react-native-about";
 import { LegalSection } from "@umituz/react-native-legal";
 import { AppearanceSection } from "@umituz/react-native-appearance";
 import { LanguageSection } from "@umituz/react-native-localization";
-import { FeedbackSupportSection } from "../../components/FeedbackSupportSection";
+import { SupportSection } from "@umituz/react-native-feedback";
+import { FAQSection } from "@umituz/react-native-faqs";
+import { SettingItem } from "../../components/SettingItem";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
 
@@ -58,6 +60,8 @@ interface SettingsContentProps {
     userProfile: boolean;
     subscription: boolean;
     feedback: boolean;
+    rating: boolean;
+    faqs: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: {
@@ -105,6 +109,8 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.disclaimer ||
     features.subscription ||
     features.feedback ||
+    features.rating ||
+    features.faqs ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -218,16 +224,38 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         />
       )}
 
-      {features.feedback && (
-        <FeedbackSupportSection
+      {(features.feedback || features.rating) && (
+        <SupportSection
+          renderSection={(props: any) => <SettingsSection {...props} />}
+          renderItem={(props: any) => <SettingItem {...props} />}
+          feedbackConfig={{
+            enabled: features.feedback,
+            config: {
+              ...normalizedConfig.feedback.config,
+              title: normalizedConfig.feedback.config?.title || t("settings.support.title") || "Support",
+              description: normalizedConfig.feedback.config?.description || t("settings.feedback.description") || "Send Feedback",
+            }
+          }}
+          ratingConfig={{
+            enabled: features.rating,
+            config: {
+              ...normalizedConfig.rating.config,
+              title: normalizedConfig.rating.config?.title || t("settings.support.title") || "Support",
+              description: normalizedConfig.rating.config?.description || t("settings.rating.description") || "Rate Us",
+            }
+          }}
+        />
+      )}
+
+      {features.faqs && (
+        <FAQSection
+          renderSection={(props: any) => <SettingsSection {...props} />}
+          renderItem={(props: any) => <SettingItem {...props} />}
           config={{
-            ...normalizedConfig.feedback.config,
-            title:
-              normalizedConfig.feedback.config?.title ||
-              t("settings.feedback.title") || "Support",
-            description:
-              normalizedConfig.feedback.config?.description ||
-              t("settings.feedback.description") || "Send Feedback",
+            enabled: features.faqs,
+            ...normalizedConfig.faqs.config,
+            title: normalizedConfig.faqs.config?.title || t("settings.support.title") || "Support",
+            description: normalizedConfig.faqs.config?.description || t("settings.faqs.description") || "FAQs",
           }}
         />
       )}

package/src/presentation/screens/hooks/useFeatureDetection.ts

@@ -71,6 +71,8 @@ export function useFeatureDetection(
       userProfile,
       subscription,
       feedback,
+      rating,
+      faqs,
     } = normalizedConfig;
 
     const notificationServiceAvailable =
@@ -125,6 +127,8 @@ export function useFeatureDetection(
         subscription.enabled &&
         subscription.config?.sectionConfig !== undefined,
       feedback: feedback.enabled,
+      rating: rating.enabled,
+      faqs: faqs.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

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

@@ -169,18 +169,46 @@ export interface SubscriptionConfig {
   };
 }
 
+import type { FeedbackType } from "@umituz/react-native-feedback";
+
 /**
  * Feedback Settings Configuration
  */
 export interface FeedbackConfig {
-  /** Show feedback section */
-  enabled?: FeatureVisibility;
-  /** Custom feedback title */
+  /** Enable feedback feature */
+  enabled?: boolean;
+  /** Custom title for the feedback section */
   title?: string;
-  /** Custom feedback description */
+  /** Custom label for the feedback item */
   description?: string;
   /** Initial feedback type */
-  initialType?: "general" | "bug_report" | "feature_request" | "improvement" | "other";
-  /** Submit handler */
-  onSubmit?: (data: { type: string; rating: number; description: string; title: string }) => Promise<void>;
+  initialType?: FeedbackType;
+  /** Feedback submission handler */
+  onSubmit?: (data: { type: any; rating: number; description: string; title: string }) => Promise<void>;
+}
+
+export interface FAQConfig {
+  /** Enable FAQ feature */
+  enabled?: boolean;
+  /** Custom title for the FAQ section */
+  title?: string;
+  /** Custom label for the FAQ button */
+  description?: string;
+  /** FAQ items passed from app */
+  items?: any[];
+  /** Handler to open FAQ screen */
+  onPress?: () => void;
+}
+
+export interface RatingConfig {
+  /** Enable rating feature */
+  enabled?: boolean;
+  /** 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;
 }

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

@@ -14,6 +14,8 @@ import type {
   UserProfileConfig,
   SubscriptionConfig,
   FeedbackConfig,
+  RatingConfig,
+  FAQConfig,
 } from "./FeatureConfig";
 
 /**
@@ -103,6 +105,16 @@ export interface SettingsConfig {
    */
   feedback?: FeatureVisibility | FeedbackConfig;
 
+  /**
+   * Rating settings configuration
+   */
+  rating?: FeatureVisibility | RatingConfig;
+
+  /**
+   * FAQ settings configuration
+   */
+  faqs?: FeatureVisibility | FAQConfig;
+
   /**
    * Custom empty state text when no settings are available
    */

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

@@ -14,6 +14,8 @@ export type {
   UserProfileConfig,
   SubscriptionConfig,
   FeedbackConfig,
+  RatingConfig,
+  FAQConfig,
 } from "./FeatureConfig";
 export type { SettingsConfig } from "./SettingsConfig";
 export type { CustomSettingsSection } from "./CustomSection";

package/src/presentation/screens/utils/normalizeConfig.ts

@@ -14,6 +14,8 @@ import type {
   UserProfileConfig,
   SubscriptionConfig,
   FeedbackConfig,
+  RatingConfig,
+  FAQConfig,
   SettingsConfig,
 } from "../types";
 
@@ -54,6 +56,14 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: FeedbackConfig;
   };
+  rating: {
+    enabled: boolean;
+    config?: RatingConfig;
+  };
+  faqs: {
+    enabled: boolean;
+    config?: FAQConfig;
+  };
 }
 
 /**
@@ -97,6 +107,8 @@ export function normalizeSettingsConfig(
     userProfile: normalizeConfigValue(config?.userProfile, false),
     subscription: normalizeConfigValue(config?.subscription, false),
     feedback: normalizeConfigValue(config?.feedback, false),
+    rating: normalizeConfigValue(config?.rating, false),
+    faqs: normalizeConfigValue(config?.faqs, false),
   };
 }
 

package/src/presentation/components/FeedbackSupportSection.tsx

@@ -1,59 +0,0 @@
-/**
- * Feedback Support Section Component
- * Renders a Feedback Item and Modal
- */
-
-import React, { useState } from "react";
-import { SettingsSection } from "./SettingsSection";
-import { SettingItem } from "./SettingItem";
-import { FeedbackModal } from "@umituz/react-native-feedback";
-import { MessageSquare } from "lucide-react-native";
-import type { FeedbackConfig } from "../screens/types/FeatureConfig";
-
-export interface FeedbackSupportSectionProps {
-    config: FeedbackConfig;
-}
-
-export const FeedbackSupportSection: React.FC<FeedbackSupportSectionProps> = ({ config }) => {
-    const [modalVisible, setModalVisible] = useState(false);
-    const [isSubmitting, setIsSubmitting] = useState(false);
-
-    const handleSubmit = async (data: { type: any; rating: number; description: string; title: string }) => {
-        if (config.onSubmit) {
-            setIsSubmitting(true);
-            try {
-                await config.onSubmit(data);
-                setModalVisible(false);
-            } catch (error) {
-                console.error("Feedback submission error:", error);
-                // Ideally show toast or alert here
-            } finally {
-                setIsSubmitting(false);
-            }
-        } else {
-            console.warn("No onSubmit handler provided for Feedback");
-            setModalVisible(false);
-        }
-    };
-
-    return (
-        <>
-            <SettingsSection title={config.title || "Support"}>
-                <SettingItem
-                    title={config.description || "Send Feedback"}
-                    icon={MessageSquare as any}
-                    onPress={() => setModalVisible(true)}
-                />
-            </SettingsSection>
-
-            <FeedbackModal
-                visible={modalVisible}
-                onClose={() => setModalVisible(false)}
-                onSubmit={handleSubmit}
-                initialType={config.initialType}
-                isSubmitting={isSubmitting}
-                title={config.title ? undefined : "Send Feedback"} // Use config title if passed? No, modal title usually fixed or different.
-            />
-        </>
-    );
-};