@umituz/react-native-subscription 2.43.1 → 2.43.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.43.1",
+  "version": "2.43.2",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/paywall/components/PaywallScreen.tsx

@@ -2,7 +2,6 @@
  * Paywall Screen Component
  *
  * Full-screen paywall with optimized FlatList for performance and modern design.
- * This is a "dumb" component that receives all data and actions via props.
  */
 
 import React, { useCallback, useEffect, useMemo } from "react";

package/src/domains/paywall/hooks/usePaywallOrchestrator.ts

@@ -22,9 +22,6 @@ export interface PaywallOrchestratorOptions {
  * High-level orchestrator for Paywall navigation.
  * Handles automatic triggers (post-onboarding) and manual triggers (showPaywall state).
  * Centralizes handlers for success, close, and feedback triggers.
- *
- * This orchestrator fetches all subscription data and passes it to PaywallScreen as props.
- * PaywallScreen is now a "dumb" component that doesn't call usePremium internally.
  */
 export function usePaywallOrchestrator({
   navigation,
@@ -86,7 +83,6 @@ export function usePaywallOrchestrator({
         packagesCount: packages.length
       });
 
-      // Pass all data and actions as props - PaywallScreen is now a dumb component
       navigation.navigate("PaywallScreen", {
         // UI Props
         translations,

package/src/domains/subscription/application/SubscriptionSyncProcessor.ts

@@ -1,9 +1,9 @@
 import { PURCHASE_SOURCE, PURCHASE_TYPE } from "../core/SubscriptionConstants";
-import type { PremiumStatusChangedEvent, PurchaseCompletedEvent, RenewalDetectedEvent } from "../core/SubscriptionEvents";
+import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../shared/infrastructure/SubscriptionEventBus";
+import type { PurchaseCompletedEvent, RenewalDetectedEvent, PremiumStatusChangedEvent } from "../core/SubscriptionEvents";
 import { getCreditsRepository } from "../../credits/infrastructure/CreditsRepositoryManager";
 import { extractRevenueCatData } from "./SubscriptionSyncUtils";
 import { generatePurchaseId, generateRenewalId } from "./syncIdGenerators";
-import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../shared/infrastructure/SubscriptionEventBus";
 
 /**
  * Central processor for all subscription sync operations.

package/src/domains/subscription/core/events/FlowEvents.ts

@@ -0,0 +1,24 @@
+/**
+ * Application flow events
+ * Events emitted during high-level application flow transitions
+ */
+
+export const FLOW_EVENTS = {
+  ONBOARDING_COMPLETED: "flow_onboarding_completed",
+  PAYWALL_SHOWN: "flow_paywall_shown",
+  PAYWALL_CLOSED: "flow_paywall_closed",
+} as const;
+
+export type FlowEventType = typeof FLOW_EVENTS[keyof typeof FLOW_EVENTS];
+
+export interface OnboardingCompletedEvent {
+  timestamp: number;
+}
+
+export interface PaywallShownEvent {
+  timestamp: number;
+}
+
+export interface PaywallClosedEvent {
+  timestamp: number;
+}

package/src/domains/subscription/core/events/SubscriptionEvents.ts

@@ -0,0 +1,22 @@
+/**
+ * Subscription-related events
+ * Events emitted during subscription lifecycle operations
+ */
+
+export const SUBSCRIPTION_EVENTS = {
+  CREDITS_UPDATED: "credits_updated",
+  PURCHASE_COMPLETED: "purchase_completed",
+  RENEWAL_DETECTED: "renewal_detected",
+  PREMIUM_STATUS_CHANGED: "premium_status_changed",
+  SYNC_STATUS_CHANGED: "sync_status_changed",
+} as const;
+
+export type SubscriptionEventType = typeof SUBSCRIPTION_EVENTS[keyof typeof SUBSCRIPTION_EVENTS];
+
+export interface SyncStatusChangedEvent {
+  status: 'syncing' | 'success' | 'error';
+  phase: 'purchase' | 'renewal';
+  userId?: string;
+  productId?: string;
+  error?: string;
+}

package/src/domains/subscription/presentation/usePremium.ts

@@ -7,11 +7,7 @@ import { UsePremiumResult } from './usePremium.types';
 /**
  * Facade hook that combines status, packages, and actions.
  *
- * This provides backward compatibility with existing code while allowing
- * components to use more focused hooks (usePremiumStatus, usePremiumPackages, usePremiumActions)
- * for better performance and testability.
- *
- * For new components, consider using the focused hooks:
+ * Consider using the focused hooks for better performance:
  * - usePremiumStatus() - when you only need premium status
  * - usePremiumPackages() - when you only need package data
  * - usePremiumActions() - when you only need actions
@@ -28,7 +24,6 @@ export const usePremium = (): UsePremiumResult => {
     ...status,
     ...packages,
     ...actions,
-    // Merge loading states for backward compatibility
     isLoading: status.isSyncing || packages.isLoading || actions.isLoading,
   }), [
     status,

package/src/index.ts

@@ -9,6 +9,13 @@ export {
   PURCHASE_TYPE,
   ANONYMOUS_CACHE_KEY,
 } from "./domains/subscription/core/SubscriptionConstants";
+
+// Domain Events
+export { SUBSCRIPTION_EVENTS } from "./domains/subscription/core/events/SubscriptionEvents";
+export type { SubscriptionEventType, SyncStatusChangedEvent } from "./domains/subscription/core/events/SubscriptionEvents";
+export type { PurchaseCompletedEvent, RenewalDetectedEvent, PremiumStatusChangedEvent } from "./domains/subscription/core/SubscriptionEvents";
+export { FLOW_EVENTS } from "./domains/subscription/core/events/FlowEvents";
+export type { FlowEventType, OnboardingCompletedEvent, PaywallShownEvent, PaywallClosedEvent } from "./domains/subscription/core/events/FlowEvents";
 export type {
   UserTierType,
   SubscriptionStatusType,
@@ -176,10 +183,6 @@ export type { ManagedSubscriptionFlowProps } from "./domains/subscription/presen
 export { SubscriptionFlowStatus } from "./domains/subscription/presentation/useSubscriptionFlow";
 export { SubscriptionFlowProvider, useSubscriptionFlowStatus } from "./domains/subscription/presentation/providers/SubscriptionFlowProvider";
 
-// Purchase Loading Overlay
-export { PurchaseLoadingOverlay } from "./domains/subscription/presentation/components/overlay/PurchaseLoadingOverlay";
-export type { PurchaseLoadingOverlayProps } from "./domains/subscription/presentation/components/overlay/PurchaseLoadingOverlay";
-
 // Init Module Factory
 export {
   createSubscriptionInitModule,

package/src/shared/infrastructure/SubscriptionEventBus.ts

@@ -17,7 +17,7 @@ class SubscriptionEventBus {
     if (!this.listeners.has(event)) {
       this.listeners.set(event, new Set());
     }
-    
+
     const eventSet = this.listeners.get(event)!;
     eventSet.add(callback as EventCallback);
 
@@ -36,8 +36,6 @@ class SubscriptionEventBus {
     const listeners = this.listeners.get(event);
     if (!listeners || listeners.size === 0) return;
 
-    // Use microtask for async execution to not block main thread
-    // but keep it fast.
     listeners.forEach(callback => {
       queueMicrotask(() => {
         try {
@@ -71,19 +69,9 @@ class SubscriptionEventBus {
 
 export const subscriptionEventBus = SubscriptionEventBus.getInstance();
 
-export const SUBSCRIPTION_EVENTS = {
-  CREDITS_UPDATED: "credits_updated",
-  PURCHASE_COMPLETED: "purchase_completed",
-  RENEWAL_DETECTED: "renewal_detected",
-  PREMIUM_STATUS_CHANGED: "premium_status_changed",
-  SYNC_STATUS_CHANGED: "sync_status_changed",
-} as const;
-
-export const FLOW_EVENTS = {
-  ONBOARDING_COMPLETED: "flow_onboarding_completed",
-  PAYWALL_SHOWN: "flow_paywall_shown",
-  PAYWALL_CLOSED: "flow_paywall_closed",
-} as const;
+// Re-export event constants for external use
+export { SUBSCRIPTION_EVENTS } from "../../domains/subscription/core/events/SubscriptionEvents";
+export { FLOW_EVENTS } from "../../domains/subscription/core/events/FlowEvents";
+export type { SubscriptionEventType } from "../../domains/subscription/core/events/SubscriptionEvents";
+export type { FlowEventType } from "../../domains/subscription/core/events/FlowEvents";
 
-export type SubscriptionEventType = typeof SUBSCRIPTION_EVENTS[keyof typeof SUBSCRIPTION_EVENTS];
-export type FlowEventType = typeof FLOW_EVENTS[keyof typeof FLOW_EVENTS];

package/src/shared/infrastructure/react-query/queryConfig.ts

@@ -36,6 +36,3 @@ export const LONG_CACHE_CONFIG = {
   refetchOnWindowFocus: false,
   refetchOnReconnect: true,
 };
-
-/** @deprecated Use SHORT_CACHE_CONFIG instead */
-export const NO_CACHE_QUERY_CONFIG = SHORT_CACHE_CONFIG;

package/src/domains/subscription/presentation/components/overlay/PurchaseLoadingOverlay.tsx

@@ -1,60 +0,0 @@
-/**
- * Purchase Loading Overlay
- * Full-screen overlay shown during purchase operations
- * Locks the UI and shows a spinner with optional message
- *
- * This is now a props-based component. Pass isLoading from parent component.
- */
-
-import React from "react";
-import { View, Modal, StyleSheet } from "react-native";
-import { AtomicSpinner, AtomicText } from "@umituz/react-native-design-system/atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
-import type { PurchaseLoadingOverlayProps } from "./PurchaseLoadingOverlay.types";
-
-export type { PurchaseLoadingOverlayProps };
-
-export const PurchaseLoadingOverlay: React.FC<PurchaseLoadingOverlayProps> = React.memo(
-  ({ loadingText, isLoading }) => {
-    const tokens = useAppDesignTokens();
-
-    return (
-      <Modal visible={isLoading} transparent animationType="none" statusBarTranslucent>
-        <View style={[styles.container, { backgroundColor: "rgba(0, 0, 0, 0.7)" }]}>
-          <View style={[styles.content, { backgroundColor: tokens.colors.surface }]}>
-            <AtomicSpinner size="lg" color="primary" />
-            {loadingText && (
-              <AtomicText
-                type="bodyLarge"
-                style={[styles.text, { color: tokens.colors.textPrimary }]}
-              >
-                {loadingText}
-              </AtomicText>
-            )}
-          </View>
-        </View>
-      </Modal>
-    );
-  }
-);
-
-PurchaseLoadingOverlay.displayName = "PurchaseLoadingOverlay";
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  content: {
-    paddingHorizontal: 32,
-    paddingVertical: 24,
-    borderRadius: 16,
-    alignItems: "center",
-    minWidth: 200,
-  },
-  text: {
-    marginTop: 16,
-    textAlign: "center",
-  },
-});

package/src/domains/subscription/presentation/components/overlay/PurchaseLoadingOverlay.types.ts

@@ -1,6 +0,0 @@
-export interface PurchaseLoadingOverlayProps {
-  /** Whether the overlay is visible */
-  isLoading: boolean;
-  /** Loading message to display */
-  loadingText?: string;
-}