@umituz/react-native-settings 4.20.5 → 4.20.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.20.5",
+  "version": "4.20.6",
   "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",

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

@@ -11,6 +11,7 @@ import { ProfileSectionLoader } from "./sections/ProfileSectionLoader";
 import { FeatureSettingsSection } from "./sections/FeatureSettingsSection";
 import { IdentitySettingsSection } from "./sections/IdentitySettingsSection";
 import { SupportSettingsSection } from "./sections/SupportSettingsSection";
+import { SubscriptionSettingsSection } from "./sections/SubscriptionSettingsSection";
 import { CustomSettingsList } from "./sections/CustomSettingsList";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
@@ -29,6 +30,7 @@ interface SettingsContentProps {
     feedback: boolean;
     rating: boolean;
     faqs: boolean;
+    subscription: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: any;
@@ -67,6 +69,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.feedback ||
     features.rating ||
     features.faqs ||
+    features.subscription ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -88,6 +91,10 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       <CustomSettingsList customSections={customSections} />
 
+      {features.subscription && (
+        <SubscriptionSettingsSection config={normalizedConfig.subscription.config} />
+      )}
+
       <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
 
       <IdentitySettingsSection normalizedConfig={normalizedConfig} features={features} />

package/src/presentation/screens/components/sections/SubscriptionSettingsSection.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+import { View } from "react-native";
+import {
+  ListItem,
+  AtomicBadge,
+  useAppDesignTokens,
+} from "@umituz/react-native-design-system";
+import { useLocalization } from "@umituz/react-native-localization";
+import { SettingsSection } from "../../../components/SettingsSection";
+import type { SubscriptionConfig } from "../../types";
+
+interface SubscriptionSettingsSectionProps {
+  config?: SubscriptionConfig;
+}
+
+export const SubscriptionSettingsSection: React.FC<SubscriptionSettingsSectionProps> = ({
+  config,
+}) => {
+  const { t } = useLocalization();
+  const tokens = useAppDesignTokens();
+
+  if (!config) return null;
+
+  return (
+    <SettingsSection title={config.sectionTitle || t("settings.sections.subscription")}>
+      <ListItem
+        title={config.title || t("settings.subscription.title")}
+        description={config.description || t("settings.subscription.description")}
+        leftIcon={config.icon || "star"}
+        onPress={config.onPress}
+        rightElement={
+          config.isPremium ? (
+            <AtomicBadge
+              label={t("common.premium")}
+              variant="success"
+              size="small"
+            />
+          ) : (
+            <AtomicBadge
+              label={t("common.free")}
+              variant="warning"
+              size="small"
+            />
+          )
+        }
+      />
+    </SettingsSection>
+  );
+};

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

@@ -58,6 +58,7 @@ export function useFeatureDetection(
       feedback,
       rating,
       faqs,
+      subscription,
     } = normalizedConfig;
 
     const notificationServiceAvailable = !!options?.notificationServiceAvailable;
@@ -110,6 +111,7 @@ export function useFeatureDetection(
       feedback: feedback.enabled,
       rating: rating.enabled,
       faqs: faqs.enabled,
+      subscription: subscription.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

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

@@ -218,3 +218,22 @@ export interface CloudSyncConfig {
   /** 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;
+}

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

@@ -16,6 +16,7 @@ import type {
   RatingConfig,
   FAQConfig,
   CloudSyncConfig,
+  SubscriptionConfig,
 } from "./FeatureConfig";
 
 /**
@@ -113,6 +114,12 @@ export interface SettingsConfig {
    * @default false
    */
   cloudSync?: FeatureVisibility | CloudSyncConfig;
+  
+  /**
+   * Subscription settings configuration
+   * @default false
+   */
+  subscription?: FeatureVisibility | SubscriptionConfig;
 
   /**
    * Custom empty state text when no settings are available

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

@@ -15,6 +15,7 @@ import type {
   FeedbackConfig,
   RatingConfig,
   FAQConfig,
+  SubscriptionConfig,
   SettingsConfig,
 } from "../types";
 
@@ -59,6 +60,10 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: FAQConfig;
   };
+  subscription: {
+    enabled: boolean;
+    config?: SubscriptionConfig;
+  };
 }
 
 /**
@@ -103,5 +108,6 @@ export function normalizeSettingsConfig(
     feedback: normalizeConfigValue(config?.feedback, false),
     rating: normalizeConfigValue(config?.rating, false),
     faqs: normalizeConfigValue(config?.faqs, false),
+    subscription: normalizeConfigValue(config?.subscription, false),
   };
 }