@umituz/react-native-settings 4.17.33 → 4.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.17.33",
+  "version": "4.19.0",
   "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/index.ts

@@ -63,8 +63,6 @@ export type {
 export type {
   SettingsConfig,
   CustomSettingsSection,
-  SubscriptionConfig,
-  SubscriptionSettingsItemConfig,
 } from './presentation/screens/types';
 
 // =============================================================================
@@ -88,9 +86,6 @@ export type { StorageClearSettingProps } from './presentation/components/Storage
 export { DevSettingsSection } from './presentation/components/DevSettingsSection';
 export type { DevSettingsProps } from './presentation/components/DevSettingsSection';
 
-export { SubscriptionSettingsItem } from './presentation/screens/components/sections/SubscriptionSettingsItem';
-export type { SubscriptionSettingsItemProps } from './presentation/screens/components/sections/SubscriptionSettingsItem';
-
 // =============================================================================
 // DOMAIN EXPORTS - Consolidated Features
 // =============================================================================

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -10,7 +10,7 @@ import { createStackNavigator } from "@react-navigation/stack";
 import { useResponsiveDesignTokens } from "@umituz/react-native-design-system";
 import { SettingsScreen } from "../screens/SettingsScreen";
 import { AppearanceScreen } from "../screens/AppearanceScreen";
-import type { SettingsConfig } from "../screens/types";
+import type { SettingsConfig, CustomSettingsSection } from "../screens/types";
 import type { DevSettingsProps } from "../components/DevSettingsSection";
 
 // Default param list - can be extended by apps
@@ -64,6 +64,12 @@ export interface SettingsStackNavigatorProps {
      * Dev settings (only shown in __DEV__ mode)
      */
     devSettings?: DevSettingsProps;
+
+    /**
+     * Custom sections to render in settings list
+     * Use this to add app-specific items like subscription
+     */
+    customSections?: CustomSettingsSection[];
 }
 
 const Stack = createStackNavigator<SettingsStackParamList>();
@@ -75,6 +81,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
     userProfile,
     additionalScreens = [],
     devSettings,
+    customSections = [],
 }) => {
     const tokens = useResponsiveDesignTokens();
 
@@ -101,11 +108,12 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
                 showUserProfile={showUserProfile}
                 userProfile={userProfile}
                 devSettings={devSettings}
+                customSections={customSections}
             />
         );
         Wrapper.displayName = "SettingsScreenWrapper";
         return Wrapper;
-    }, [config, appVersion, showUserProfile, userProfile, devSettings]);
+    }, [config, appVersion, showUserProfile, userProfile, devSettings, customSections]);
 
     return (
         <Stack.Navigator screenOptions={screenOptions}>

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

@@ -26,7 +26,6 @@ interface SettingsContentProps {
     legal: boolean;
     disclaimer: boolean;
     userProfile: boolean;
-    subscription: boolean;
     feedback: boolean;
     rating: boolean;
     faqs: boolean;
@@ -65,7 +64,6 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.about ||
     features.legal ||
     features.disclaimer ||
-    features.subscription ||
     features.feedback ||
     features.rating ||
     features.faqs ||

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

@@ -3,7 +3,6 @@ import { AppearanceSection } from "../../../../domains/appearance/presentation/c
 import { LanguageSection } from "@umituz/react-native-localization";
 import { NotificationsSection } from "@umituz/react-native-notifications";
 import { useLocalization } from "@umituz/react-native-localization";
-import { SubscriptionSettingsItem } from "./SubscriptionSettingsItem";
 import type { NormalizedConfig } from "../../utils/normalizeConfig";
 
 interface FeatureSettingsSectionProps {
@@ -12,7 +11,6 @@ interface FeatureSettingsSectionProps {
     appearance: boolean;
     language: boolean;
     notifications: boolean;
-    subscription: boolean;
   };
 }
 
@@ -56,13 +54,6 @@ export const FeatureSettingsSection: React.FC<FeatureSettingsSectionProps> = ({
           }}
         />
       )}
-
-      {features.subscription && normalizedConfig.subscription.config?.settingsItem && (
-        <SubscriptionSettingsItem
-          config={normalizedConfig.subscription.config.settingsItem}
-          sectionTitle={t("settings.subscription.title")}
-        />
-      )}
     </>
   );
 };

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

@@ -55,7 +55,6 @@ export function useFeatureDetection(
       legal,
       disclaimer,
       userProfile,
-      subscription,
       feedback,
       rating,
       faqs,
@@ -108,10 +107,6 @@ export function useFeatureDetection(
               disclaimer.config?.route || "Disclaimer",
             ))),
       userProfile: userProfile.enabled,
-      subscription:
-        subscription.enabled &&
-        (subscription.config?.settingsItem !== undefined ||
-          subscription.config?.sectionConfig !== undefined),
       feedback: feedback.enabled,
       rating: rating.enabled,
       faqs: faqs.enabled,

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

@@ -149,63 +149,6 @@ export interface UserProfileConfig {
   accountSettingsRoute?: string;
 }
 
-/**
- * Subscription Settings Item Config
- * Simplified config for settings list item display
- */
-export interface SubscriptionSettingsItemConfig {
-  title: string;
-  description?: string;
-  isPremium: boolean;
-  statusLabel: string;
-  icon?: string;
-  onPress?: () => void;
-}
-
-/**
- * Subscription Settings Configuration
- * App must provide all data via props (no internal fetch)
- */
-export interface SubscriptionConfig {
-  /** Show subscription section */
-  enabled?: FeatureVisibility;
-  /** Settings item configuration (for settings list display) */
-  settingsItem?: SubscriptionSettingsItemConfig;
-  /** Detail section configuration (for detail screen) */
-  sectionConfig?: {
-    statusType: "active" | "expired" | "none" | "canceled";
-    isPremium: boolean;
-    expirationDate?: string | null;
-    purchaseDate?: string | null;
-    isLifetime?: boolean;
-    daysRemaining?: number | null;
-    willRenew?: boolean;
-    credits?: Array<{
-      id: string;
-      label: string;
-      current: number;
-      total: number;
-    }>;
-    translations: {
-      title: string;
-      statusLabel: string;
-      expiresLabel: string;
-      purchasedLabel: string;
-      creditsTitle?: string;
-      remainingLabel?: string;
-      manageButton?: string;
-      upgradeButton?: string;
-      lifetimeLabel?: string;
-      statusActive?: string;
-      statusExpired?: string;
-      statusFree?: string;
-      statusCanceled?: string;
-    };
-    onManageSubscription?: () => void;
-    onUpgrade?: () => void;
-  };
-}
-
 import type { FeedbackType } from "../../../domains/feedback/domain/entities/FeedbackEntity";
 
 /**

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

@@ -12,7 +12,6 @@ import type {
   LegalConfig,
   DisclaimerConfig,
   UserProfileConfig,
-  SubscriptionConfig,
   FeedbackConfig,
   RatingConfig,
   FAQConfig,
@@ -93,13 +92,6 @@ export interface SettingsConfig {
    */
   userProfile?: boolean | UserProfileConfig;
 
-  /**
-   * Subscription/Premium settings
-   * App must provide all data via sectionConfig
-   * @default false
-   */
-  subscription?: FeatureVisibility | SubscriptionConfig;
-
   /**
    * Feedback settings
    * @default 'auto'

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

@@ -12,8 +12,6 @@ export type {
   LegalConfig,
   DisclaimerConfig,
   UserProfileConfig,
-  SubscriptionConfig,
-  SubscriptionSettingsItemConfig,
   FeedbackConfig,
   RatingConfig,
   FAQConfig,

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

@@ -12,7 +12,6 @@ import type {
   LegalConfig,
   DisclaimerConfig,
   UserProfileConfig,
-  SubscriptionConfig,
   FeedbackConfig,
   RatingConfig,
   FAQConfig,
@@ -48,10 +47,6 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: UserProfileConfig;
   };
-  subscription: {
-    enabled: boolean;
-    config?: SubscriptionConfig;
-  };
   feedback: {
     enabled: boolean;
     config?: FeedbackConfig;
@@ -105,10 +100,8 @@ export function normalizeSettingsConfig(
     legal: normalizeConfigValue(config?.legal, "auto"),
     disclaimer: normalizeConfigValue(config?.disclaimer, false),
     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/screens/components/sections/SubscriptionSettingsItem.tsx

@@ -1,157 +0,0 @@
-/**
- * Subscription Settings Item
- * Settings-style item for subscription/premium status display
- * Follows same visual pattern as other settings items
- */
-
-import React from "react";
-import { View, Pressable, StyleSheet } from "react-native";
-import {
-  useResponsiveDesignTokens,
-  AtomicIcon,
-  AtomicText,
-} from "@umituz/react-native-design-system";
-
-export interface SubscriptionSettingsItemConfig {
-  title: string;
-  description?: string;
-  isPremium: boolean;
-  statusLabel: string;
-  icon?: string;
-  onPress?: () => void;
-}
-
-export interface SubscriptionSettingsItemProps {
-  config: SubscriptionSettingsItemConfig;
-  sectionTitle?: string;
-}
-
-export const SubscriptionSettingsItem: React.FC<SubscriptionSettingsItemProps> = ({
-  config,
-  sectionTitle,
-}) => {
-  const tokens = useResponsiveDesignTokens();
-  const colors = tokens.colors;
-
-  const { title, description, isPremium, statusLabel, icon, onPress } = config;
-  const displaySectionTitle = sectionTitle || title;
-
-  if (!title) return null;
-
-  return (
-    <View style={[styles.sectionContainer, { backgroundColor: colors.surface }]}>
-      {!!displaySectionTitle && (
-        <View style={styles.headerContainer}>
-          <AtomicText type="titleMedium" color="primary">
-            {displaySectionTitle}
-          </AtomicText>
-        </View>
-      )}
-      <Pressable
-        style={({ pressed }) => [
-          styles.itemContainer,
-          { backgroundColor: pressed ? `${colors.primary}08` : "transparent" },
-        ]}
-        onPress={onPress}
-      >
-        <View style={styles.content}>
-          <View
-            style={[
-              styles.iconContainer,
-              { backgroundColor: isPremium ? `${colors.primary}15` : `${colors.textTertiary}15` },
-            ]}
-          >
-            <AtomicIcon
-              name={icon || "diamond"}
-              size="lg"
-              color={isPremium ? "primary" : "secondary"}
-            />
-          </View>
-          <View style={styles.textContainer}>
-            <View style={styles.titleRow}>
-              <AtomicText
-                type="bodyLarge"
-                color="primary"
-                numberOfLines={1}
-                style={styles.title}
-              >
-                {title}
-              </AtomicText>
-              <View
-                style={[
-                  styles.statusBadge,
-                  { backgroundColor: isPremium ? colors.success : colors.textTertiary },
-                ]}
-              >
-                <AtomicText type="labelSmall" style={styles.statusText}>
-                  {statusLabel}
-                </AtomicText>
-              </View>
-            </View>
-            {!!description && (
-              <AtomicText type="bodyMedium" color="secondary" numberOfLines={2}>
-                {description}
-              </AtomicText>
-            )}
-          </View>
-          <AtomicIcon name="chevron-forward" size="md" color="secondary" />
-        </View>
-      </Pressable>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  sectionContainer: {
-    marginBottom: 16,
-    borderRadius: 12,
-    overflow: "hidden",
-  },
-  headerContainer: {
-    paddingHorizontal: 16,
-    paddingTop: 16,
-    paddingBottom: 8,
-  },
-  itemContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 16,
-    minHeight: 72,
-  },
-  content: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  iconContainer: {
-    width: 48,
-    height: 48,
-    borderRadius: 12,
-    justifyContent: "center",
-    alignItems: "center",
-    marginRight: 16,
-  },
-  textContainer: {
-    flex: 1,
-    marginRight: 8,
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 4,
-  },
-  title: {
-    flex: 1,
-  },
-  statusBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 4,
-    marginLeft: 8,
-  },
-  statusText: {
-    color: "#FFFFFF",
-    fontWeight: "600",
-  },
-});