@umituz/react-native-subscription 2.27.31 → 2.27.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.27.31",
+  "version": "2.27.33",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -60,7 +60,6 @@
     "@umituz/react-native-auth": "^3.6.14",
     "@umituz/react-native-design-system": "^2.9.35",
     "@umituz/react-native-firebase": "*",
-    "@umituz/react-native-localization": "^3.6.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -85,9 +84,7 @@
     "expo-video": "~3.0.15",
     "expo-web-browser": "~15.0.10",
     "firebase": "^11.0.0",
-    "i18next": "^25.7.3",
     "react": "19.1.0",
-    "react-i18next": "^16.5.1",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "^2.30.0",
     "react-native-purchases": "^7.0.0",

package/src/presentation/components/feedback/PaywallFeedbackModal.tsx

@@ -1,13 +1,6 @@
-/**
- * Paywall Feedback Modal
- * Collects user feedback when declining paywall
- */
-
 import React, { useMemo } from "react";
 import { View, TouchableOpacity, TextInput } from "react-native";
-import { AtomicText, BaseModal } from "@umituz/react-native-design-system";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { useLocalization } from "@umituz/react-native-localization";
+import { AtomicText, BaseModal, useAppDesignTokens } from "@umituz/react-native-design-system";
 import { usePaywallFeedback } from "../../hooks/feedback/usePaywallFeedback";
 import { createPaywallFeedbackStyles } from "./paywallFeedbackStyles";
 
@@ -19,26 +12,33 @@ const FEEDBACK_OPTION_IDS = [
     "other",
 ] as const;
 
+export interface PaywallFeedbackTranslations {
+    title: string;
+    subtitle: string;
+    submit: string;
+    otherPlaceholder: string;
+    reasons: {
+        too_expensive: string;
+        no_need: string;
+        trying_out: string;
+        technical_issues: string;
+        other: string;
+    };
+}
+
 export interface PaywallFeedbackModalProps {
+    translations: PaywallFeedbackTranslations;
     visible: boolean;
     onClose: () => void;
     onSubmit: (reason: string) => void;
-    title?: string;
-    subtitle?: string;
-    submitText?: string;
-    otherPlaceholder?: string;
 }
 
 export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.memo(({
+    translations,
     visible,
     onClose,
     onSubmit,
-    title,
-    subtitle,
-    submitText,
-    otherPlaceholder,
 }) => {
-    const { t } = useLocalization();
     const tokens = useAppDesignTokens();
 
     const {
@@ -47,7 +47,7 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
         setOtherText,
         selectReason,
         handleSubmit,
-        handleSkip, // BaseModal's onClose will handle skipping
+        handleSkip,
         canSubmit,
     } = usePaywallFeedback({ onSubmit, onClose });
 
@@ -56,18 +56,12 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
         [tokens, canSubmit],
     );
 
-    const displayTitle = title || t("paywall.feedback.title");
-    const displaySubtitle = subtitle || t("paywall.feedback.subtitle");
-    const displaySubmitText = submitText || t("paywall.feedback.submit");
-    const displayOtherPlaceholder = otherPlaceholder || t("paywall.feedback.otherPlaceholder");
-
-    // BaseModal from design system handles animations, safe areas, keyboard avoiding, and overlay backdrop
     return (
         <BaseModal
             visible={visible}
             onClose={handleSkip}
-            title={displayTitle}
-            subtitle={displaySubtitle}
+            title={translations.title}
+            subtitle={translations.subtitle}
         >
             <View style={{ paddingHorizontal: tokens.spacing.md, paddingBottom: tokens.spacing.lg }}>
                 <View style={[styles.optionsContainer, { backgroundColor: 'transparent', padding: 0 }]}>
@@ -75,7 +69,7 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
                         const isSelected = selectedReason === optionId;
                         const isOther = optionId === "other";
                         const showInput = isSelected && isOther;
-                        const displayText = t(`paywall.feedback.reasons.${optionId}`);
+                        const displayText = translations.reasons[optionId];
                         
                         // Dynamic styles for the container
                         const containerStyle = {
@@ -135,7 +129,7 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
                                                     padding: tokens.spacing.sm,
                                                 }
                                             ]}
-                                            placeholder={displayOtherPlaceholder}
+                                            placeholder={translations.otherPlaceholder}
                                             placeholderTextColor={tokens.colors.textTertiary}
                                             multiline
                                             maxLength={200}
@@ -157,7 +151,7 @@ export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.m
                     activeOpacity={0.8}
                 >
                     <AtomicText type="labelLarge" style={styles.submitText}>
-                        {displaySubmitText}
+                        {translations.submit}
                     </AtomicText>
                 </TouchableOpacity>
             </View>

package/src/presentation/hooks/usePaywallVisibility.ts

@@ -48,9 +48,6 @@ export interface UsePaywallVisibilityResult {
 }
 
 export function usePaywallVisibility(): UsePaywallVisibilityResult {
-  if (typeof __DEV__ !== 'undefined' && __DEV__) {
-    console.log('[usePaywallVisibility] Hook called');
-  }
   const state = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 
   const setShowPaywall = useCallback((visible: boolean, source?: PurchaseSource) => {

package/src/presentation/hooks/usePremium.ts

@@ -33,9 +33,6 @@ export interface UsePremiumResult {
 }
 
 export const usePremium = (): UsePremiumResult => {
-  if (typeof __DEV__ !== 'undefined' && __DEV__) {
-    console.log('[usePremium] Hook called');
-  }
   const { isPremium: subscriptionActive, isLoading: statusLoading } = useSubscriptionStatus();
   const { credits, isLoading: creditsLoading } = useCredits();
 

package/src/revenuecat/infrastructure/handlers/PackageHandler.ts

@@ -30,7 +30,16 @@ export class PackageHandler {
   }
 
   async fetchPackages(): Promise<PurchasesPackage[]> {
+    if (__DEV__) {
+      console.log('[DEBUG PackageHandler] fetchPackages called', {
+        hasService: !!this.service,
+        isInitialized: this.service?.isInitialized(),
+      });
+    }
     if (!this.service?.isInitialized()) {
+      if (__DEV__) {
+        console.log('[DEBUG PackageHandler] Service not initialized, returning empty');
+      }
       return [];
     }
 

package/src/revenuecat/infrastructure/managers/SubscriptionManager.ts

@@ -95,6 +95,13 @@ class SubscriptionManagerImpl {
   }
 
   async getPackages(): Promise<PurchasesPackage[]> {
+    if (__DEV__) {
+      console.log('[DEBUG SubscriptionManager] getPackages called', {
+        isConfigured: this.isConfigured(),
+        isInitialized: this.isInitialized(),
+        hasServiceInstance: !!this.serviceInstance,
+      });
+    }
     this.ensureConfigured();
     if (!this.serviceInstance) {
       this.serviceInstance = getRevenueCatService();

package/src/revenuecat/infrastructure/services/RevenueCatInitializer.ts

@@ -57,11 +57,22 @@ function buildSuccessResult(
     return { success: true, offering: offerings.current, hasPremium };
 }
 
+declare const __DEV__: boolean;
+
 export async function initializeSDK(
     deps: InitializerDeps,
     userId: string,
     apiKey?: string
 ): Promise<InitializeResult> {
+    if (__DEV__) {
+        console.log('[DEBUG RevenueCatInitializer] initializeSDK called', {
+            userId,
+            hasApiKey: !!apiKey,
+            isInitialized: deps.isInitialized(),
+            currentUserId: deps.getCurrentUserId(),
+            isPurchasesConfigured,
+        });
+    }
     // Case 1: Already initialized with the same user ID
     if (deps.isInitialized() && deps.getCurrentUserId() === userId) {
         try {
@@ -122,6 +133,9 @@ export async function initializeSDK(
     try {
         configureLogHandler();
 
+        if (__DEV__) {
+            console.log('[DEBUG RevenueCatInitializer] Configuring Purchases SDK with userId:', userId);
+        }
         await Purchases.configure({
             apiKey: key,
             appUserID: userId,
@@ -130,11 +144,21 @@ export async function initializeSDK(
         deps.setInitialized(true);
         deps.setCurrentUserId(userId);
 
+        if (__DEV__) {
+            console.log('[DEBUG RevenueCatInitializer] Purchases configured, fetching customer info and offerings...');
+        }
         const [customerInfo, offerings] = await Promise.all([
             Purchases.getCustomerInfo(),
             Purchases.getOfferings(),
         ]);
 
+        if (__DEV__) {
+            console.log('[DEBUG RevenueCatInitializer] Init complete', {
+                hasOfferings: !!offerings.current,
+                offeringsIdentifier: offerings.current?.identifier,
+                packagesCount: offerings.current?.availablePackages?.length ?? 0,
+            });
+        }
         return buildSuccessResult(deps, customerInfo, offerings);
     } catch (error) {
         getErrorMessage(error, "RevenueCat init failed");