@umituz/react-native-subscription 2.44.1 → 2.45.1

package/src/domains/subscription/application/sync/StatusChangeSyncHandler.ts

@@ -0,0 +1,57 @@
+/**
+ * Status Change Sync Handler
+ * Handles premium status changes (expire, sync metadata, recovery)
+ */
+
+import { getCreditsRepository } from "../../../credits/infrastructure/CreditsRepositoryManager";
+import type { PremiumStatusChangedEvent } from "../../core/SubscriptionEvents";
+import { UserIdResolver } from "./UserIdResolver";
+import { CreditDocumentOperations } from "./CreditDocumentOperations";
+import { PurchaseSyncHandler } from "./PurchaseSyncHandler";
+
+export class StatusChangeSyncHandler {
+  constructor(
+    private userIdResolver: UserIdResolver,
+    private creditOps: CreditDocumentOperations,
+    private purchaseHandler: PurchaseSyncHandler
+  ) {}
+
+  async processStatusChange(event: PremiumStatusChangedEvent): Promise<void> {
+    // If purchase is in progress, only do recovery sync
+    if (this.purchaseHandler.isProcessing()) {
+      if (__DEV__) {
+        console.log("[StatusChangeSyncHandler] Purchase in progress - running recovery only");
+      }
+      if (event.isPremium && event.productId) {
+        const creditsUserId = await this.userIdResolver.resolveCreditsUserId(event.userId);
+        await this.creditOps.syncPremiumStatus(creditsUserId, event);
+      }
+      return;
+    }
+
+    const creditsUserId = await this.userIdResolver.resolveCreditsUserId(event.userId);
+
+    // Expired subscription
+    if (!event.isPremium && event.productId) {
+      await this.creditOps.expireSubscription(creditsUserId);
+      return;
+    }
+
+    // No product ID - check if credits doc exists and expire if needed
+    if (!event.isPremium && !event.productId) {
+      const hasDoc = await getCreditsRepository().creditsDocumentExists(creditsUserId);
+      if (hasDoc) {
+        await this.creditOps.expireSubscription(creditsUserId);
+      }
+      return;
+    }
+
+    // No product ID and is premium - nothing to do
+    if (!event.productId) {
+      return;
+    }
+
+    // Sync premium status (with recovery if needed)
+    await this.creditOps.syncPremiumStatus(creditsUserId, event);
+  }
+}

package/src/domains/subscription/application/sync/SyncProcessorLogger.ts

@@ -0,0 +1,120 @@
+/**
+ * Sync Processor Logger
+ * Centralized logging for subscription sync operations
+ */
+
+import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../../shared/infrastructure/SubscriptionEventBus";
+import type { PurchaseCompletedEvent, RenewalDetectedEvent, PremiumStatusChangedEvent } from "../../core/SubscriptionEvents";
+
+export type SyncPhase = 'purchase' | 'renewal' | 'status_change';
+
+export class SyncProcessorLogger {
+  emitSyncStatus(phase: SyncPhase, status: 'syncing' | 'success' | 'error', data: {
+    userId: string;
+    productId: string;
+    error?: string;
+  }) {
+    subscriptionEventBus.emit(SUBSCRIPTION_EVENTS.SYNC_STATUS_CHANGED, {
+      status,
+      phase,
+      userId: data.userId,
+      productId: data.productId,
+      error: data.error,
+    });
+  }
+
+  logPurchaseStart(event: PurchaseCompletedEvent) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🔵 PURCHASE START', {
+        userId: event.userId,
+        productId: event.productId,
+        source: event.source,
+        packageType: event.packageType,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logPurchaseSuccess(userId: string, productId: string) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🟢 PURCHASE SUCCESS', {
+        userId,
+        productId,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logPurchaseError(userId: string, productId: string, error: string) {
+    console.error('[SubscriptionSyncProcessor] 🔴 PURCHASE FAILED', {
+      userId,
+      productId,
+      error,
+      timestamp: new Date().toISOString(),
+    });
+  }
+
+  logRenewalStart(event: RenewalDetectedEvent) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🔵 RENEWAL START', {
+        userId: event.userId,
+        productId: event.productId,
+        newExpirationDate: event.newExpirationDate,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logRenewalSuccess(userId: string, productId: string) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🟢 RENEWAL SUCCESS', {
+        userId,
+        productId,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logRenewalError(userId: string, productId: string, error: string) {
+    console.error('[SubscriptionSyncProcessor] 🔴 RENEWAL FAILED', {
+      userId,
+      productId,
+      error,
+      timestamp: new Date().toISOString(),
+    });
+  }
+
+  logStatusChangeStart(event: PremiumStatusChangedEvent) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🔵 STATUS CHANGE START', {
+        userId: event.userId,
+        isPremium: event.isPremium,
+        productId: event.productId,
+        willRenew: event.willRenew,
+        expirationDate: event.expirationDate,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logStatusChangeSuccess(userId: string, isPremium: boolean, productId?: string) {
+    if (__DEV__) {
+      console.log('[SubscriptionSyncProcessor] 🟢 STATUS CHANGE SUCCESS', {
+        userId,
+        isPremium,
+        productId,
+        timestamp: new Date().toISOString(),
+      });
+    }
+  }
+
+  logStatusChangeError(userId: string, isPremium: boolean, productId: string | undefined, error: string) {
+    console.error('[SubscriptionSyncProcessor] 🔴 STATUS CHANGE FAILED', {
+      userId,
+      isPremium,
+      productId,
+      error,
+      timestamp: new Date().toISOString(),
+    });
+  }
+}

package/src/domains/subscription/application/sync/UserIdResolver.ts

@@ -0,0 +1,31 @@
+/**
+ * User ID Resolver
+ * Handles resolution of RevenueCat user ID to credits user ID
+ */
+
+export class UserIdResolver {
+  constructor(private getAnonymousUserId: () => Promise<string>) {}
+
+  async resolveCreditsUserId(revenueCatUserId: string | null | undefined): Promise<string> {
+    // Try revenueCatUserId first
+    const trimmed = revenueCatUserId?.trim();
+    if (this.isValidUserId(trimmed)) {
+      return trimmed;
+    }
+
+    // Fallback to anonymous user ID
+    console.warn("[UserIdResolver] revenueCatUserId is empty/null, falling back to anonymousUserId");
+    const anonymousId = await this.getAnonymousUserId();
+    const trimmedAnonymous = anonymousId?.trim();
+
+    if (!this.isValidUserId(trimmedAnonymous)) {
+      throw new Error("[UserIdResolver] Cannot resolve credits userId: both revenueCatUserId and anonymousUserId are empty");
+    }
+
+    return trimmedAnonymous;
+  }
+
+  private isValidUserId(userId: string | undefined): boolean {
+    return !!userId && userId.length > 0 && userId !== 'undefined' && userId !== 'null';
+  }
+}

package/src/domains/subscription/presentation/components/feedback/PaywallFeedbackScreen.parts.tsx

@@ -0,0 +1,201 @@
+/**
+ * Paywall Feedback Screen Parts
+ * Sub-components extracted for better maintainability
+ */
+
+import React from "react";
+import { View, TouchableOpacity, ScrollView } from "react-native";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area";
+import { FeedbackOption } from "./FeedbackOption";
+import type { PaywallFeedbackTranslations } from "./PaywallFeedbackScreen.types";
+
+// ============================================================================
+// CLOSE BUTTON
+// ============================================================================
+
+interface FeedbackCloseButtonProps {
+  onPress: () => void;
+  topInset: number;
+  backgroundColor: string;
+  iconColor: string;
+}
+
+export const FeedbackCloseButton: React.FC<FeedbackCloseButtonProps> = ({
+  onPress,
+  topInset,
+  backgroundColor,
+  iconColor,
+}) => (
+  <TouchableOpacity
+    onPress={onPress}
+    style={[{
+      position: 'absolute',
+      top: Math.max(topInset, 12),
+      right: 12,
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      zIndex: 1000,
+      justifyContent: 'center',
+      alignItems: 'center',
+    }, { backgroundColor }]}
+    hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
+  >
+    <AtomicIcon name="close-outline" size="md" customColor={iconColor} />
+  </TouchableOpacity>
+);
+
+// ============================================================================
+// HEADER
+// ============================================================================
+
+interface FeedbackHeaderProps {
+  title: string;
+  subtitle?: string;
+  titleColor: string;
+  subtitleColor: string;
+  style: any;
+}
+
+export const FeedbackHeader: React.FC<FeedbackHeaderProps> = ({
+  title,
+  subtitle,
+  titleColor,
+  subtitleColor,
+  style,
+}) => (
+  <View style={style}>
+    <AtomicText
+      type="headlineMedium"
+      style={[{
+        marginBottom: 12,
+      }, { color: titleColor }]}
+    >
+      {title}
+    </AtomicText>
+    {subtitle && (
+      <AtomicText
+        type="bodyMedium"
+        style={[{
+          lineHeight: 24,
+        }, { color: subtitleColor }]}
+      >
+        {subtitle}
+      </AtomicText>
+    )}
+  </View>
+);
+
+// ============================================================================
+// OPTIONS LIST
+// ============================================================================
+
+const FEEDBACK_OPTION_IDS = [
+  "too_expensive",
+  "no_need",
+  "trying_out",
+  "technical_issues",
+  "other",
+] as const;
+
+interface FeedbackOptionsListProps {
+  translations: PaywallFeedbackTranslations;
+  selectedReason: string | null;
+  otherText: string;
+  onSelectReason: (reason: string) => void;
+  onSetOtherText: (text: string) => void;
+}
+
+export const FeedbackOptionsList: React.FC<FeedbackOptionsListProps> = ({
+  translations,
+  selectedReason,
+  otherText,
+  onSelectReason,
+  onSetOtherText,
+}) => (
+  <View style={{ gap: 12 }}>
+    {FEEDBACK_OPTION_IDS.map((optionId) => {
+      const isSelected = selectedReason === optionId;
+      const isOther = optionId === "other";
+      const showInput = isSelected && isOther;
+
+      return (
+        <FeedbackOption
+          key={optionId}
+          isSelected={isSelected}
+          text={translations.reasons[optionId]}
+          showInput={showInput}
+          placeholder={translations.otherPlaceholder}
+          inputValue={otherText}
+          onSelect={() => onSelectReason(optionId)}
+          onChangeText={onSetOtherText}
+        />
+      );
+    })}
+  </View>
+);
+
+// ============================================================================
+// SUBMIT BUTTON
+// ============================================================================
+
+interface FeedbackSubmitButtonProps {
+  title: string;
+  canSubmit: boolean;
+  backgroundColor: string;
+  textColor: string;
+  onPress: () => void;
+  bottomInset: number;
+}
+
+export const FeedbackSubmitButton: React.FC<FeedbackSubmitButtonProps> = ({
+  title,
+  canSubmit,
+  backgroundColor,
+  textColor,
+  onPress,
+  bottomInset,
+}) => (
+  <View style={[{
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    paddingHorizontal: 24,
+    paddingTop: 18,
+    paddingBottom: Math.max(bottomInset, 18),
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0,0,0,0.1)',
+  }, { backgroundColor: 'rgba(255,255,255,0.98)' }]}>
+    <TouchableOpacity
+      style={[{
+        borderRadius: 16,
+        paddingVertical: 18,
+        alignItems: 'center',
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 3,
+      }, {
+        backgroundColor: canSubmit ? backgroundColor : 'rgba(0,0,0,0.1)',
+        opacity: canSubmit ? 1 : 0.6,
+      }]}
+      onPress={onPress}
+      disabled={!canSubmit}
+      activeOpacity={0.8}
+    >
+      <AtomicText
+        type="titleLarge"
+        style={[{
+          fontWeight: "700",
+          fontSize: 17,
+          letterSpacing: 0.3,
+        }, { color: canSubmit ? textColor : 'rgba(0,0,0,0.3)' }]}
+      >
+        {title}
+      </AtomicText>
+    </TouchableOpacity>
+  </View>
+);