@umituz/react-native-settings 5.2.18 → 5.2.20

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

@@ -1,55 +0,0 @@
-import React from "react";
-import type { IconName } from "@umituz/react-native-design-system";
-import { SettingsItemCard } from "../../components/SettingsItemCard";
-import { useGamification } from "../../../domains/gamification";
-import type { GamificationItemConfig } from "../types/UserFeatureConfig";
-import type { GamificationSettingsConfig } from "../../../domains/gamification";
-import { compareGamificationProps } from "../../../infrastructure/utils/memoComparisonUtils";
-import { useSettingsNavigation } from "../../navigation/hooks/useSettingsNavigation";
-
-export interface GamificationSettingsItemProps {
-  config: GamificationItemConfig;
-  gamificationConfig?: GamificationSettingsConfig;
-  t?: (key: string) => string;
-  noBackground?: boolean;
-  hideMargin?: boolean;
-}
-
-const GamificationSettingsItemComponent: React.FC<GamificationSettingsItemProps> = ({
-  config,
-  gamificationConfig,
-  noBackground,
-  hideMargin,
-}) => {
-  const navigation = useSettingsNavigation();
-  const { level } = useGamification(gamificationConfig);
-
-  const handlePress = React.useCallback(() => {
-    const route = config.route || "Gamification";
-    navigation.navigate(route as 'Gamification');
-  }, [navigation, config.route]);
-
-  const icon = (config.icon || "trophy-outline") as IconName;
-  const title = config.title;
-
-  const description = config.description || 
-    `${level.currentLevel} • ${level.currentPoints}`;
-
-  return (
-    <SettingsItemCard
-      title={title}
-      description={description}
-      icon={icon}
-      onPress={handlePress}
-      sectionTitle={config.sectionTitle}
-      noBackground={noBackground}
-      hideMargin={hideMargin}
-    />
-  );
-};
-
-export const GamificationSettingsItem = React.memo(
-  GamificationSettingsItemComponent,
-  compareGamificationProps
-);
-GamificationSettingsItem.displayName = "GamificationSettingsItem";

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

@@ -1,38 +0,0 @@
-import React from "react";
-import { SettingsItemCard } from "../../components/SettingsItemCard";
-import type { IconName } from "@umituz/react-native-design-system";
-import type { SubscriptionConfig } from "../types/UserFeatureConfig";
-import { compareConfigAndTranslate } from "../../../infrastructure/utils/memoComparisonUtils";
-import { useSettingsNavigation } from "../../navigation/hooks/useSettingsNavigation";
-
-export interface SubscriptionSettingsItemProps {
-  config: SubscriptionConfig;
-}
-
-const SubscriptionSettingsItemComponent: React.FC<SubscriptionSettingsItemProps> = ({ config }) => {
-  const navigation = useSettingsNavigation();
-
-  const handlePress = React.useCallback(() => {
-    if (config.route) {
-      navigation.navigate(config.route as any);
-    } else if (config.onPress) {
-      config.onPress();
-    }
-  }, [navigation, config.route, config.onPress]);
-
-  return (
-    <SettingsItemCard
-      title={config.title}
-      description={config.description}
-      icon={(config.icon || "star") as IconName}
-      onPress={handlePress}
-      sectionTitle={config.sectionTitle}
-    />
-  );
-};
-
-export const SubscriptionSettingsItem = React.memo(
-  SubscriptionSettingsItemComponent,
-  compareConfigAndTranslate
-);
-SubscriptionSettingsItem.displayName = "SubscriptionSettingsItem";

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

@@ -1,51 +0,0 @@
-import React from "react";
-import type { IconName } from "@umituz/react-native-design-system";
-import { SettingsItemCard } from "../../components/SettingsItemCard";
-import type { VideoTutorialConfig } from "../types/UserFeatureConfig";
-import { compareConfigAndTranslate } from "../../../infrastructure/utils/memoComparisonUtils";
-import { useSettingsNavigation } from "../../navigation/hooks/useSettingsNavigation";
-
-export interface VideoTutorialSettingsItemProps {
-  config: VideoTutorialConfig;
-  noBackground?: boolean;
-  hideMargin?: boolean;
-}
-
-const VideoTutorialSettingsItemComponent: React.FC<VideoTutorialSettingsItemProps> = ({
-  config,
-  noBackground,
-  hideMargin,
-}) => {
-  const navigation = useSettingsNavigation();
-
-  const handlePress = React.useCallback(() => {
-    if (config.onPress) {
-      config.onPress();
-    } else {
-      const route = config.route || "VideoTutorial";
-      navigation.navigate(route as 'VideoTutorial');
-    }
-  }, [navigation, config.onPress, config.route]);
-
-  const icon = (config.icon || "play-circle-outline") as IconName;
-  const title = config.title;
-  const description = config.description;
-
-  return (
-    <SettingsItemCard
-      title={title}
-      description={description}
-      icon={icon}
-      onPress={handlePress}
-      sectionTitle={config.sectionTitle}
-      noBackground={noBackground}
-      hideMargin={hideMargin}
-    />
-  );
-};
-
-export const VideoTutorialSettingsItem = React.memo(
-  VideoTutorialSettingsItemComponent,
-  compareConfigAndTranslate
-);
-VideoTutorialSettingsItem.displayName = "VideoTutorialSettingsItem";

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

@@ -1,36 +0,0 @@
-import React from "react";
-import { SettingsItemCard } from "../../components/SettingsItemCard";
-import type { IconName } from "@umituz/react-native-design-system";
-import type { WalletConfig } from "../types/UserFeatureConfig";
-import { compareConfigAndTranslate } from "../../../infrastructure/utils/memoComparisonUtils";
-import { useSettingsNavigation } from "../../navigation/hooks/useSettingsNavigation";
-
-export interface WalletSettingsItemProps {
-  config: WalletConfig;
-}
-
-const WalletSettingsItemComponent: React.FC<WalletSettingsItemProps> = ({ config }) => {
-  const navigation = useSettingsNavigation();
-
-  const handlePress = React.useCallback(() => {
-    if (config.route) {
-      navigation.navigate(config.route as any);
-    }
-  }, [navigation, config.route]);
-
-  return (
-    <SettingsItemCard
-      title={config.title}
-      description={config.description}
-      icon={(config.icon || "wallet") as IconName}
-      onPress={handlePress}
-      sectionTitle={config.sectionTitle}
-    />
-  );
-};
-
-export const WalletSettingsItem = React.memo(
-  WalletSettingsItemComponent,
-  compareConfigAndTranslate
-);
-WalletSettingsItem.displayName = "WalletSettingsItem";