@umituz/react-native-settings 4.21.9 → 4.21.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.21.9",
+  "version": "4.21.10",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

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

@@ -34,6 +34,26 @@ const WalletSettingsItem: React.FC<{ config: WalletConfig; t: (key: string) => s
   );
 };
 
+const SubscriptionSettingsItem: React.FC<{ config: any; t: (key: string) => string }> = ({ config, t }) => {
+  const navigation = useNavigation();
+  const handlePress = () => {
+    if (config.route) {
+      navigation.navigate(config.route as never);
+    } else if (config.onPress) {
+      config.onPress();
+    }
+  };
+  return (
+    <SettingsItemCard
+      title={config.title || t("settings.subscription.title")}
+      description={config.description || t("settings.subscription.description")}
+      icon={(config.icon || "star") as IconName}
+      onPress={handlePress}
+      sectionTitle={config.sectionTitle}
+    />
+  );
+};
+
 interface SettingsContentProps {
   normalizedConfig: NormalizedConfig;
   config?: any;
@@ -98,14 +118,8 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       <CustomSettingsList customSections={customSections} />
 
-      {features.subscription && normalizedConfig.subscription.config?.onPress && (
-        <SettingsItemCard
-          title={normalizedConfig.subscription.config.title || t("settings.subscription.title")}
-          description={normalizedConfig.subscription.config.description || t("settings.subscription.description")}
-          icon={(normalizedConfig.subscription.config.icon || "star") as IconName}
-          onPress={normalizedConfig.subscription.config.onPress}
-          sectionTitle={normalizedConfig.subscription.config.sectionTitle}
-        />
+      {features.subscription && (normalizedConfig.subscription.config?.route || normalizedConfig.subscription.config?.onPress) && (
+        <SubscriptionSettingsItem config={normalizedConfig.subscription.config} t={t} />
       )}
 
       {features.wallet && normalizedConfig.wallet.config?.route && (

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

@@ -112,7 +112,9 @@ export interface SubscriptionConfig {
   icon?: string;
   /** Custom section title for grouping */
   sectionTitle?: string;
-  /** Handler to open subscription screen */
+  /** Navigation route for subscription screen (preferred over onPress) */
+  route?: string;
+  /** Handler to open subscription screen (use route instead for stack navigation) */
   onPress?: () => void;
   /** Whether user is premium (to show active status) */
   isPremium?: boolean;

package/src/presentation/utils/configCreators.ts

@@ -130,11 +130,13 @@ export const createFAQConfig = (
 
 /**
  * Create subscription configuration
+ * @param route - Navigation route name (preferred for stack navigation)
+ * @param onPress - Callback function (use route instead when possible)
  */
 export const createSubscriptionConfig = (
   t: TranslationFunction,
   isPremium: boolean,
-  onPress: () => void,
+  routeOrOnPress: string | (() => void),
 ): SubscriptionConfig => ({
   enabled: true,
   title: t("settings.subscription.title"),
@@ -143,6 +145,7 @@ export const createSubscriptionConfig = (
     : t("settings.subscription.description"),
   icon: "diamond",
   sectionTitle: t("settings.sections.subscription").toUpperCase(),
-  onPress,
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
   isPremium,
 });