@umituz/react-native-subscription 2.14.99 → 2.14.101

package/src/presentation/screens/README.md

@@ -2,193 +2,51 @@
 
 Tam ekran UI bileşenleri ve ekranlar.
 
-## Bileşenler
-
-- [SubscriptionDetailScreen](#subscriptiondetailscreen)
-
-## SubscriptionDetailScreen
-
-Abonelik detaylarını gösteren tam ekran bileşeni.
-
-### Kullanım
-
-```typescript
-import { SubscriptionDetailScreen } from '@umituz/react-native-subscription';
-
-function App() {
-  return (
-    <Stack.Screen
-      name="SubscriptionDetail"
-      component={SubscriptionDetailScreen}
-      options={{
-        title: 'Subscription',
-      }}
-    />
-  );
-}
-```
-
-### Props
-
-```typescript
-interface SubscriptionDetailScreenProps {
-  route: {
-    key: string;
-    name: string;
-    params?: {
-      userId?: string;
-      showUpgradeButton?: boolean;
-    };
-  };
-  navigation: any;
-}
-```
-
-### Özellikler
-
-- Abonelik durumunu gösterir
-- Paket detaylarını görüntüler
-- Yönetim butonları sağlar
-- Refresh desteği
-- Yönetilebilir stil
-
-## Ekran Akışları
-
-### 1. Settings → Subscription Detail
-
-```typescript
-function SettingsScreen({ navigation }) {
-  return (
-    <View>
-      <Button
-        onPress={() => navigation.navigate('SubscriptionDetail')}
-        title="Manage Subscription"
-      />
-    </View>
-  );
-}
-```
-
-### 2. Paywall → Subscription Detail
-
-```typescript
-function PaywallFlow() {
-  const navigation = useNavigation();
-
-  const handlePurchaseSuccess = () => {
-    navigation.navigate('SubscriptionDetail');
-  };
-
-  return (
-    <PaywallModal onPurchase={handlePurchaseSuccess} />
-  );
-}
-```
-
-## Özelleştirme
-
-### Custom Header
-
-```typescript
-<Stack.Screen
-  name="SubscriptionDetail"
-  component={SubscriptionDetailScreen}
-  options={{
-    title: 'My Subscription',
-    headerStyle: {
-      backgroundColor: '#FF6B6B',
-    },
-    headerTintColor: '#fff',
-    headerTitleStyle: {
-      fontWeight: 'bold',
-    },
-  }}
-/>
-```
-
-### Navigation Integrasyonu
-
-```typescript
-import { createStackNavigator } from '@react-navigation/stack';
-
-const Stack = createStackNavigator();
-
-function SubscriptionStack() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen
-        name="SubscriptionDetail"
-        component={SubscriptionDetailScreen}
-        options={{
-          title: 'Subscription',
-          headerRight: () => (
-            <Button onPress={handleRefresh} title="Refresh" />
-          ),
-        }}
-      />
-    </Stack.Navigator>
-  );
-}
-```
-
-## Örnek Implementasyon
-
-```typescript
-import React from 'react';
-import { createStackNavigator } from '@react-navigation/stack';
-import { SubscriptionDetailScreen } from '@umituz/react-native-subscription';
-
-const Stack = createStackNavigator();
-
-function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          headerShown: true,
-          cardStyle: { backgroundColor: '#f5f5f5' },
-        }}
-      >
-        <Stack.Screen
-          name="Home"
-          component={HomeScreen}
-          options={{ title: 'Home' }}
-        />
-        <Stack.Screen
-          name="SubscriptionDetail"
-          component={SubscriptionDetailScreen}
-          options={{
-            title: 'My Subscription',
-            headerStyle: {
-              backgroundColor: '#FF6B6B',
-            },
-            headerTintColor: '#fff',
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function HomeScreen({ navigation }) {
-  const { isPremium } = usePremium();
-
-  return (
-    <View>
-      <Text>Welcome!</Text>
-      <Button
-        onPress={() => navigation.navigate('SubscriptionDetail')}
-        title="View Subscription"
-      />
-    </View>
-  );
-}
-```
-
-## Best Practices
-
-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
+## 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)

package/src/presentation/types/README.md

@@ -16,22 +16,6 @@ This directory contains all type definitions used by presentation components and
 
 ## Key Exports
 
-```typescript
-// Subscription Settings
-export type {
-  SubscriptionSettingsConfig,
-  SubscriptionSettingsItemConfig,
-  SubscriptionSettingsTranslations,
-} from './SubscriptionSettingsTypes';
-
-// Paywall
-export type {
-  PaywallConfig,
-  PaywallTrigger,
-  PaywallPackage,
-} from './PaywallTypes';
-```
-
 ## Related
 
 - [Hooks](../hooks/README.md)

package/src/presentation/utils/README.md

@@ -17,35 +17,14 @@ This directory contains utility functions used by presentation components and ho
 
 Format ISO date string to localized date string.
 
-```typescript
-formatDate('2024-01-15T10:30:00Z'); // "January 15, 2024"
-```
-
 ### calculateDaysRemaining
 
 Calculate days between now and expiration date.
 
-```typescript
-calculateDaysRemaining('2024-02-15T10:30:00Z'); // 31
-```
-
 ### convertPurchasedAt
 
 Convert purchasedAt date to ISO string.
 
-```typescript
-convertPurchasedAt(new Date()); // "2024-01-15T10:30:00Z"
-```
-
-## Usage
-
-```typescript
-import { formatDate, calculateDaysRemaining } from '../utils/subscriptionDateUtils';
-
-const expirationDisplay = formatDate(subscription.expirationDate);
-const daysLeft = calculateDaysRemaining(subscription.expirationDate);
-```
-
 ## Related
 
 - [Hooks](../hooks/README.md)

package/src/presentation/utils/subscriptionDateUtils.ts

@@ -1,4 +1,4 @@
-import { timezoneService } from "@umituz/react-native-timezone";
+import { timezoneService } from "@umituz/react-native-design-system";
 
 /**
  * Converts Firestore timestamp or Date to ISO string