@umituz/react-native-subscription 2.27.122 → 2.27.124

package/src/domains/wallet/presentation/screens/WalletScreen.tsx

@@ -1,65 +1,20 @@
-/**
- * Wallet Screen
- *
- * Generic wallet screen composition.
- * Props-driven for full customization across apps.
- * No business logic - pure presentation.
- */
-
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import {
-    useAppDesignTokens,
-    AtomicText,
-    AtomicIcon,
-    AtomicSpinner,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system";
 import { ScreenLayout } from "../../../../shared/presentation";
 import { useNavigation } from "@react-navigation/native";
 import { useWallet } from "../hooks/useWallet";
 import { getWalletConfig } from "../../infrastructure/config/walletConfig";
-import {
-    BalanceCard,
-    type BalanceCardTranslations,
-} from "../components/BalanceCard";
-import {
-    TransactionList,
-    type TransactionListTranslations,
-} from "../components/TransactionList";
-
-export interface WalletScreenTranslations
-  extends BalanceCardTranslations,
-    TransactionListTranslations {
-  screenTitle: string;
-}
-
-export interface WalletScreenProps {
-  /** Translations (overrides global config) */
-  translations?: WalletScreenTranslations;
-  /** Override onBack handler (default: navigation.goBack) */
-  onBack?: () => void;
-  /** Custom date formatter */
-  dateFormatter?: (timestamp: number) => string;
-  /** Footer component */
-  footer?: React.ReactNode;
-}
+import { BalanceCard } from "../components/BalanceCard";
+import { TransactionList } from "../components/TransactionList";
+import { WalletScreenProps } from "./WalletScreen.types";
 
-export const WalletScreen: React.FC<WalletScreenProps> = ({ 
-  translations,
-  onBack,
-  dateFormatter,
-  footer,
-}) => {
+export const WalletScreen: React.FC<WalletScreenProps> = ({ translations, onBack, dateFormatter, footer }) => {
   const tokens = useAppDesignTokens();
   const navigation = useNavigation();
   const config = getWalletConfig();
 
-  const {
-    balance,
-    balanceLoading,
-    transactions,
-    transactionsLoading,
-  } = useWallet({
+  const { balance, balanceLoading, transactions, transactionsLoading } = useWallet({
     transactionConfig: {
       collectionName: config.transactionCollection,
       useUserSubcollection: config.useUserSubcollection,
@@ -70,50 +25,6 @@ export const WalletScreen: React.FC<WalletScreenProps> = ({
   const activeTranslations = translations ?? config.translations;
   const handleBack = onBack ?? (() => navigation.goBack());
 
-  const renderHeader = () => (
-    <View style={[styles.header, { paddingTop: 12 }]}>
-      <TouchableOpacity
-        onPress={handleBack}
-        style={styles.backButton}
-        hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-      >
-        <AtomicIcon
-          name="arrow-left"
-          size="lg"
-          customColor={tokens.colors.textPrimary}
-        />
-      </TouchableOpacity>
-      <AtomicText
-        type="titleLarge"
-        style={{ color: tokens.colors.textPrimary, fontWeight: "700" }}
-      >
-        {activeTranslations.screenTitle}
-      </AtomicText>
-    </View>
-  );
-
-  const renderBalance = () => {
-    if (balanceLoading) {
-      return (
-        <AtomicSpinner
-          size="xl"
-          color="primary"
-          text={activeTranslations.loading}
-          fullContainer
-          style={styles.loadingContainer}
-        />
-      );
-    }
-
-    return (
-      <BalanceCard
-        balance={balance}
-        translations={activeTranslations}
-        iconName={config.balanceIconName}
-      />
-    );
-  };
-
   return (
     <ScreenLayout
       scrollable={true}
@@ -122,8 +33,21 @@ export const WalletScreen: React.FC<WalletScreenProps> = ({
       contentContainerStyle={styles.content}
       footer={footer}
     >
-      {renderHeader()}
-      {renderBalance()}
+      <View style={[styles.header, { paddingTop: 12 }]}>
+        <TouchableOpacity onPress={handleBack} style={styles.backButton} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
+          <AtomicIcon name="arrow-left" size="lg" customColor={tokens.colors.textPrimary} />
+        </TouchableOpacity>
+        <AtomicText type="titleLarge" style={{ color: tokens.colors.textPrimary, fontWeight: "700" }}>
+          {activeTranslations.screenTitle}
+        </AtomicText>
+      </View>
+
+      {balanceLoading ? (
+        <AtomicSpinner size="xl" color="primary" text={activeTranslations.loading} fullContainer style={styles.loadingContainer} />
+      ) : (
+        <BalanceCard balance={balance} translations={activeTranslations} iconName={config.balanceIconName} />
+      )}
+
       <TransactionList
         transactions={transactions}
         loading={transactionsLoading}
@@ -135,19 +59,8 @@ export const WalletScreen: React.FC<WalletScreenProps> = ({
 };
 
 const styles = StyleSheet.create({
-  content: {
-    paddingBottom: 24,
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingBottom: 12,
-  },
-  backButton: {
-    marginRight: 16,
-  },
-  loadingContainer: {
-    minHeight: 200,
-  },
+  content: { paddingBottom: 24 },
+  header: { flexDirection: "row", alignItems: "center", paddingHorizontal: 16, paddingBottom: 12 },
+  backButton: { marginRight: 16 },
+  loadingContainer: { minHeight: 200 },
 });

package/src/domains/wallet/presentation/screens/WalletScreen.types.ts

@@ -0,0 +1,15 @@
+import type { BalanceCardTranslations } from "../components/BalanceCard";
+import type { TransactionListTranslations } from "../components/TransactionList";
+
+export interface WalletScreenTranslations
+  extends BalanceCardTranslations,
+    TransactionListTranslations {
+  screenTitle: string;
+}
+
+export interface WalletScreenProps {
+  translations?: WalletScreenTranslations;
+  onBack?: () => void;
+  dateFormatter?: (timestamp: number) => string;
+  footer?: React.ReactNode;
+}

package/src/shared/utils/appValidators.ts

@@ -0,0 +1,38 @@
+import {
+  isNonEmptyString,
+  isValidNumber,
+  isPositiveNumber,
+  isNonNegativeNumber,
+  isInteger,
+} from "./validators";
+
+export function isValidCreditAmount(value: unknown): value is number {
+  return isInteger(value) && isNonNegativeNumber(value);
+}
+
+export function isValidPrice(value: unknown): value is number {
+  if (!isPositiveNumber(value)) return false;
+  const decimalPlaces = (value.toString().split(".")[1] || "").length;
+  return decimalPlaces <= 2;
+}
+
+export function isValidProductId(value: unknown): value is string {
+  return isNonEmptyString(value) && /^[a-zA-Z0-9._-]+$/.test(value);
+}
+
+export function isValidUserId(value: unknown): value is string {
+  return isNonEmptyString(value);
+}
+
+export function sanitizeString(value: unknown): string | null {
+  if (value === null || value === undefined) return null;
+  return String(value).trim().replace(/\s+/g, " ");
+}
+
+export function sanitizeNumber(value: unknown, defaultValue: number = 0): number {
+  return isValidNumber(value) ? value : defaultValue;
+}
+
+export function isOneOf<T>(value: unknown, allowedValues: readonly T[]): value is T {
+  return allowedValues.includes(value as T);
+}

package/src/shared/utils/validators.ts

@@ -1,46 +1,23 @@
-/**
- * Shared Validation Utilities
- * Common validation functions and type guards
- */
-
-/**
- * Check if value is a non-empty string
- */
 export function isNonEmptyString(value: unknown): value is string {
   return typeof value === "string" && value.trim().length > 0;
 }
 
-/**
- * Check if value is a valid number (not NaN or Infinity)
- */
 export function isValidNumber(value: unknown): value is number {
   return typeof value === "number" && !isNaN(value) && isFinite(value);
 }
 
-/**
- * Check if value is a positive number
- */
 export function isPositiveNumber(value: unknown): value is number {
   return isValidNumber(value) && value > 0;
 }
 
-/**
- * Check if value is a non-negative number
- */
 export function isNonNegativeNumber(value: unknown): value is number {
   return isValidNumber(value) && value >= 0;
 }
 
-/**
- * Check if value is a valid integer
- */
 export function isInteger(value: unknown): value is number {
   return isValidNumber(value) && Number.isInteger(value);
 }
 
-/**
- * Check if value is a valid date
- */
 export function isValidDate(value: unknown): boolean {
   if (value instanceof Date) {
     return !isNaN(value.getTime());
@@ -52,24 +29,14 @@ export function isValidDate(value: unknown): boolean {
   return false;
 }
 
-/**
- * Check if value is a valid email (basic validation)
- */
 export function isValidEmail(value: unknown): value is string {
-  if (!isNonEmptyString(value)) {
-    return false;
-  }
+  if (!isNonEmptyString(value)) return false;
   const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return emailRegex.test(value);
 }
 
-/**
- * Check if value is a valid URL (basic validation)
- */
 export function isValidUrl(value: unknown): value is string {
-  if (!isNonEmptyString(value)) {
-    return false;
-  }
+  if (!isNonEmptyString(value)) return false;
   try {
     new URL(value);
     return true;
@@ -78,110 +45,25 @@ export function isValidUrl(value: unknown): value is string {
   }
 }
 
-/**
- * Check if value is within a numeric range (type guard version)
- */
 export function isValueInRange(
   value: unknown,
   min: number,
   max: number,
   inclusive: boolean = true
 ): value is number {
-  if (!isValidNumber(value)) {
-    return false;
-  }
-  if (inclusive) {
-    return value >= min && value <= max;
-  }
+  if (!isValidNumber(value)) return false;
+  if (inclusive) return value >= min && value <= max;
   return value > min && value < max;
 }
 
-/**
- * Check if array has at least one element
- */
 export function isNonEmptyArray<T>(value: unknown): value is [T, ...T[]] {
   return Array.isArray(value) && value.length > 0;
 }
 
-/**
- * Check if value is a plain object (not null, not array)
- */
 export function isPlainObject(value: unknown): value is Record<string, unknown> {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
-/**
- * Check if value is defined (not null or undefined)
- */
 export function isDefined<T>(value: T | null | undefined): value is T {
   return value !== null && value !== undefined;
 }
-
-/**
- * Validate that a number is within credit limits
- */
-export function isValidCreditAmount(value: unknown): value is number {
-  return isInteger(value) && isNonNegativeNumber(value);
-}
-
-/**
- * Validate that a price is valid (positive number with max 2 decimal places)
- */
-export function isValidPrice(value: unknown): value is number {
-  if (!isPositiveNumber(value)) {
-    return false;
-  }
-  // Check for max 2 decimal places
-  const decimalPlaces = (value.toString().split(".")[1] || "").length;
-  return decimalPlaces <= 2;
-}
-
-/**
- * Check if a string is a valid product identifier
- */
-export function isValidProductId(value: unknown): value is string {
-  return isNonEmptyString(value) && /^[a-zA-Z0-9._-]+$/.test(value);
-}
-
-/**
- * Check if value is a valid user ID
- */
-export function isValidUserId(value: unknown): value is string {
-  return isNonEmptyString(value) && value.length > 0;
-}
-
-/**
- * Sanitize string input (trim and remove extra whitespace)
- */
-export function sanitizeString(value: unknown): string | null {
-  if (value === null || value === undefined) {
-    return null;
-  }
-  if (typeof value === "string") {
-    return value.trim().replace(/\s+/g, " ");
-  }
-  return String(value).trim().replace(/\s+/g, " ");
-}
-
-/**
- * Validate and sanitize a number input
- */
-export function sanitizeNumber(
-  value: unknown,
-  defaultValue: number = 0
-): number {
-  if (isValidNumber(value)) {
-    return value;
-  }
-  return defaultValue;
-}
-
-/**
- * Check if a value is within an allowed set of values
- */
-export function isOneOf<T>(
-  value: unknown,
-  allowedValues: readonly T[]
-): value is T {
-  return allowedValues.includes(value as T);
-}

package/src/domains/paywall/components/README.md

@@ -1,41 +0,0 @@
-# Paywall Components
-
-## Location
-UI components for displaying paywalls and upgrade prompts.
-
-## Strategy
-This directory contains React Native components for rendering paywall screens and upgrade prompts with clear value communication and smooth purchase flow.
-
-## Restrictions
-
-### REQUIRED
-- Must communicate premium benefits clearly
-- Must highlight recommended package
-- Must allow dismissal when appropriate
-- Must show appropriate loading indicators
-
-### PROHIBITED
-- DO NOT obscure purchase flow
-- DO NOT hide pricing information
-- DO NOT prevent appropriate dismissal
-- DO NOT show technical errors to users
-
-### CRITICAL SAFETY
-- Pricing information MUST be clear and accurate
-- Purchase flow MUST be simple and straightforward
-- Loading states MUST be visible during operations
-- Purchase failures MUST be handled gracefully
-
-## AI Agent Guidelines
-1. Communicate premium benefits clearly to users
-2. Highlight recommended package with visual hierarchy
-3. Show social proof (user counts, testimonials) when available
-4. Allow users to dismiss paywall when appropriate
-5. Make purchase flow simple and straightforward
-6. Show loading indicators during async operations
-7. Handle purchase failures with user-friendly messages
-
-## Related Documentation
-- [Paywall README](../README.md)
-- [PaywallVisibility Hook](../../hooks/usePaywallVisibility.md)
-- [Premium Components](../../components/details/README.md)

package/src/domains/subscription/presentation/screens/README.md

@@ -1,52 +0,0 @@
-# Screens
-
-Tam ekran UI bileşenleri ve ekranlar.
-
-## Location
-
-`src/presentation/screens/`
-
-## Strategy
-
-Tam ekran kullanıcı arayüzü bileşenleri ve navigasyon akışlarını içerir. Abonelik detaylarını gösterir ve yönetim işlevleri sağlar.
-
-## Restrictions
-
-### REQUIRED
-
-- MUST integrate properly with React Navigation
-- MUST provide appropriate headers and navigation
-- MUST handle loading states gracefully
-- MUST handle error states gracefully
-- MUST support back navigation
-- MUST be responsive across different screen sizes
-
-### PROHIBITED
-
-- MUST NOT bypass navigation stack
-- MUST NOT create navigation dead-ends
-- MUST NOT block user from navigating away
-- MUST NOT hardcode navigation routes
-
-### CRITICAL
-
-- Always provide clear navigation paths
-- Handle all loading and error states
-- Ensure proper back button functionality
-- Support deep linking when applicable
-- Maintain consistent styling with rest of app
-
-## AI Agent Guidelines
-
-When working with screens:
-1. Navigation - screen'i doğru navigation stack'e ekleyin
-2. Header - uygun başlık ve stiller kullanın
-3. Back Button - kullanıcının geri dönmesini sağlayın
-4. Loading - yükleme durumlarını gösterin
-5. Error - hata durumlarını graceful handle edin
-
-## Related Documentation
-
-- [Presentation Layer](../README.md)
-- [Components](../components/README.md)
-- [Hooks](../hooks/README.md)