@umituz/react-native-settings 4.16.5 → 4.16.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.16.5",
+  "version": "4.16.6",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -39,11 +39,14 @@
     "@umituz/react-native-design-system-responsive": "*",
     "@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-legal": "*",
     "@umituz/react-native-localization": "*",
     "@umituz/react-native-notifications": "*",
     "@umituz/react-native-onboarding": "*",
     "@umituz/react-native-storage": "*",
+    "lucide-react-native": "*",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
     "react-native-safe-area-context": "~5.6.0",
@@ -73,6 +76,7 @@
     "@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-legal": "^2.0.3",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",

package/src/presentation/components/FeedbackSupportSection.tsx

@@ -0,0 +1,59 @@
+/**
+ * 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.
+            />
+        </>
+    );
+};

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

@@ -17,6 +17,7 @@ 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 type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
 
@@ -56,6 +57,7 @@ interface SettingsContentProps {
     disclaimer: boolean;
     userProfile: boolean;
     subscription: boolean;
+    feedback: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: {
@@ -102,6 +104,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.legal ||
     features.disclaimer ||
     features.subscription ||
+    features.feedback ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -215,6 +218,20 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         />
       )}
 
+      {features.feedback && (
+        <FeedbackSupportSection
+          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",
+          }}
+        />
+      )}
+
       {features.disclaimer && DisclaimerSetting && (
         <DisclaimerSetting />
       )}

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

@@ -70,6 +70,7 @@ export function useFeatureDetection(
       disclaimer,
       userProfile,
       subscription,
+      feedback,
     } = normalizedConfig;
 
     const notificationServiceAvailable =
@@ -123,6 +124,7 @@ export function useFeatureDetection(
       subscription:
         subscription.enabled &&
         subscription.config?.sectionConfig !== undefined,
+      feedback: feedback.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

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

@@ -168,3 +168,19 @@ export interface SubscriptionConfig {
     onUpgrade?: () => void;
   };
 }
+
+/**
+ * Feedback Settings Configuration
+ */
+export interface FeedbackConfig {
+  /** Show feedback section */
+  enabled?: FeatureVisibility;
+  /** Custom feedback title */
+  title?: string;
+  /** Custom feedback description */
+  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>;
+}

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

@@ -13,6 +13,7 @@ import type {
   DisclaimerConfig,
   UserProfileConfig,
   SubscriptionConfig,
+  FeedbackConfig,
 } from "./FeatureConfig";
 
 /**
@@ -96,6 +97,12 @@ export interface SettingsConfig {
    */
   subscription?: FeatureVisibility | SubscriptionConfig;
 
+  /**
+   * Feedback settings
+   * @default 'auto'
+   */
+  feedback?: FeatureVisibility | FeedbackConfig;
+
   /**
    * Custom empty state text when no settings are available
    */

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

@@ -13,6 +13,7 @@ export type {
   DisclaimerConfig,
   UserProfileConfig,
   SubscriptionConfig,
+  FeedbackConfig,
 } from "./FeatureConfig";
 export type { SettingsConfig } from "./SettingsConfig";
 export type { CustomSettingsSection } from "./CustomSection";

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

@@ -13,6 +13,7 @@ import type {
   DisclaimerConfig,
   UserProfileConfig,
   SubscriptionConfig,
+  FeedbackConfig,
   SettingsConfig,
 } from "../types";
 
@@ -49,6 +50,10 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: SubscriptionConfig;
   };
+  feedback: {
+    enabled: boolean;
+    config?: FeedbackConfig;
+  };
 }
 
 /**
@@ -91,6 +96,7 @@ export function normalizeSettingsConfig(
     disclaimer: normalizeConfigValue(config?.disclaimer, false),
     userProfile: normalizeConfigValue(config?.userProfile, false),
     subscription: normalizeConfigValue(config?.subscription, false),
+    feedback: normalizeConfigValue(config?.feedback, false),
   };
 }