@umituz/react-native-subscription 2.2.37 → 2.2.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.2.37",
+  "version": "2.2.39",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -28,8 +28,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
-    "@umituz/react-native-design-system-atoms": "*",
-    "@umituz/react-native-design-system-theme": "*",
+    "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firestore": "*",
     "@umituz/react-native-legal": "*",
     "expo-constants": ">=18.0.0",
@@ -43,8 +42,6 @@
     "@tanstack/react-query": "^5.0.0",
     "@types/node": "^25.0.3",
     "@types/react": "~19.1.0",
-    "@umituz/react-native-design-system-atoms": "^1.19.0",
-    "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-firestore": "latest",
     "@umituz/react-native-legal": "^2.1.2",
     "@umituz/react-native-localization": "^3.5.8",

package/src/application/ports/ISubscriptionRepository.ts

@@ -0,0 +1,11 @@
+/**
+ * ISubscriptionRepository Interface
+ */
+
+import { SubscriptionStatus } from '../../domain/entities/SubscriptionStatus';
+
+export interface ISubscriptionRepository {
+    getSubscriptionStatus(userId: string): Promise<SubscriptionStatus>;
+    saveSubscriptionStatus(userId: string, status: SubscriptionStatus): Promise<void>;
+    syncSubscription(userId: string): Promise<SubscriptionStatus>;
+}

package/src/domain/entities/SubscriptionStatus.ts

@@ -0,0 +1,38 @@
+/**
+ * Subscription Status Entity
+ */
+
+export type SubscriptionStatusType = 'active' | 'expired' | 'canceled' | 'none';
+
+export interface SubscriptionStatus {
+    isPremium: boolean;
+    expiresAt: string | null;
+    productId: string | null;
+    purchasedAt?: string | null;
+    customerId?: string | null;
+    syncedAt?: string | null;
+    status?: SubscriptionStatusType;
+}
+
+export const createDefaultSubscriptionStatus = (): SubscriptionStatus => ({
+    isPremium: false,
+    expiresAt: null,
+    productId: null,
+    purchasedAt: null,
+    customerId: null,
+    syncedAt: null,
+    status: 'none',
+});
+
+export const isSubscriptionValid = (status: SubscriptionStatus | null): boolean => {
+    if (!status || !status.isPremium) return false;
+
+    if (!status.expiresAt) return true; // Lifetime
+
+    const expirationDate = new Date(status.expiresAt);
+    const now = new Date();
+
+    // Add 24-hour grace period buffer
+    const buffer = 24 * 60 * 60 * 1000;
+    return expirationDate.getTime() + buffer > now.getTime();
+};

package/src/domain/value-objects/SubscriptionConfig.ts

@@ -0,0 +1,9 @@
+/**
+ * Subscription Config Value Object
+ */
+
+export interface SubscriptionConfig {
+    revenueCatApiKey?: string;
+    entitlements?: string[];
+    debugMode?: boolean;
+}

package/src/index.ts

@@ -13,30 +13,19 @@
 // BROKEN EXPORTS - Files missing
 // =============================================================================
 
-/*
-export {
-  SubscriptionError,
-  SubscriptionRepositoryError,
-  SubscriptionValidationError,
-  SubscriptionConfigurationError,
-} from "./domain/errors/SubscriptionError";
-
 export {
   createDefaultSubscriptionStatus,
   isSubscriptionValid,
 } from "./domain/entities/SubscriptionStatus";
-export type { SubscriptionStatus } from "./domain/entities/SubscriptionStatus";
+export type { SubscriptionStatus, SubscriptionStatusType } from "./domain/entities/SubscriptionStatus";
 
 export type { SubscriptionConfig } from "./domain/value-objects/SubscriptionConfig";
 
 export type { ISubscriptionRepository } from "./application/ports/ISubscriptionRepository";
-export type { ISubscriptionService } from "./application/ports/ISubscriptionService";
 
 export {
   SubscriptionService,
   initializeSubscriptionService,
-  getSubscriptionService,
-  resetSubscriptionService,
 } from "./infrastructure/services/SubscriptionService";
 
 export { useSubscription } from "./presentation/hooks/useSubscription";
@@ -47,32 +36,6 @@ export {
   type SubscriptionDetails,
 } from "./presentation/hooks/useSubscriptionDetails";
 
-export {
-  usePremiumGate,
-  type UsePremiumGateParams,
-  type UsePremiumGateResult,
-} from "./presentation/hooks/usePremiumGate";
-
-export {
-  useFeatureGate,
-  type UseFeatureGateParams,
-  type UseFeatureGateResult,
-} from "./presentation/hooks/useFeatureGate";
-
-export {
-  useUserTier,
-  type UseUserTierParams,
-  type UseUserTierResult,
-} from "./presentation/hooks/useUserTier";
-
-export {
-  useUserTierWithRepository,
-  type UseUserTierWithRepositoryParams,
-  type UseUserTierWithRepositoryResult,
-  type AuthProvider,
-} from "./presentation/hooks/useUserTierWithRepository";
-*/
-
 // Feedback
 export * from "./presentation/components/feedback/PaywallFeedbackModal";
 export * from "./presentation/hooks/feedback/usePaywallFeedback";
@@ -136,7 +99,6 @@ export {
 export {
   PremiumStatusBadge,
   type PremiumStatusBadgeProps,
-  type SubscriptionStatusType,
 } from "./presentation/components/details/PremiumStatusBadge";
 
 // =============================================================================

package/src/presentation/components/details/PremiumDetailsCard.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import {
   PremiumStatusBadge,
   type SubscriptionStatusType,

package/src/presentation/components/details/PremiumStatusBadge.tsx

@@ -5,15 +5,15 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
-
-export type SubscriptionStatusType = "active" | "expired" | "none";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { SubscriptionStatusType } from "../../../domain/entities/SubscriptionStatus";
 
 export interface PremiumStatusBadgeProps {
   status: SubscriptionStatusType;
   activeLabel?: string;
   expiredLabel?: string;
   noneLabel?: string;
+  canceledLabel?: string;
 }
 
 /**
@@ -24,6 +24,7 @@ export const PremiumStatusBadge: React.FC<PremiumStatusBadgeProps> = ({
   activeLabel = "Active",
   expiredLabel = "Expired",
   noneLabel = "Free",
+  canceledLabel = "Canceled",
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -31,12 +32,14 @@ export const PremiumStatusBadge: React.FC<PremiumStatusBadgeProps> = ({
     active: activeLabel,
     expired: expiredLabel,
     none: noneLabel,
+    canceled: canceledLabel,
   };
 
   const colors: Record<SubscriptionStatusType, string> = {
     active: tokens.colors.success,
     expired: tokens.colors.error,
     none: tokens.colors.textTertiary,
+    canceled: tokens.colors.warning,
   };
 
   const backgroundColor = colors[status];

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

@@ -13,8 +13,8 @@ import {
     KeyboardAvoidingView,
     Platform,
 } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { usePaywallFeedback } from "../../hooks/feedback/usePaywallFeedback";
 import { createPaywallFeedbackStyles } from "./paywallFeedbackStyles";

package/src/presentation/components/feedback/paywallFeedbackStyles.ts

@@ -4,7 +4,7 @@
  */
 
 import { StyleSheet } from "react-native";
-import type { DesignTokens } from "@umituz/react-native-design-system-theme";
+import type { DesignTokens } from "@umituz/react-native-design-system";
 
 export const createPaywallFeedbackStyles = (
     tokens: DesignTokens,

package/src/presentation/components/paywall/CreditsPackageCard.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { CreditsPackage } from "../../../domain/entities/paywall/CreditsPackage";
 
 interface CreditsPackageCardProps {

package/src/presentation/components/paywall/CreditsTabContent.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, ScrollView } from "react-native";
-import { AtomicText, AtomicButton } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { CreditsPackageCard } from "./CreditsPackageCard";
 import { PaywallLegalFooter } from "./PaywallLegalFooter";

package/src/presentation/components/paywall/PaywallFeatureItem.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface PaywallFeatureItemProps {
   icon: string;

package/src/presentation/components/paywall/PaywallHeader.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface PaywallHeaderProps {
   title: string;

package/src/presentation/components/paywall/PaywallLegalFooter.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, TouchableOpacity, Linking } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface PaywallLegalFooterProps {
   termsText?: string;

package/src/presentation/components/paywall/PaywallModal.tsx

@@ -5,7 +5,7 @@
 
 import React, { useEffect } from "react";
 import { View, Modal, StyleSheet, TouchableOpacity, Dimensions } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { PurchasesPackage } from "react-native-purchases";
 import { usePaywall } from "../../hooks/usePaywall";

package/src/presentation/components/paywall/PaywallTabBar.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { PaywallTabType } from "../../../domain/entities/paywall/PaywallTab";
 
 interface PaywallTabBarProps {

package/src/presentation/components/paywall/SubscriptionFooter.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { AtomicButton, AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicButton, AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PaywallLegalFooter } from "./PaywallLegalFooter";
 
 interface SubscriptionFooterProps {

package/src/presentation/components/paywall/SubscriptionModal.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet, ScrollView } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { PurchasesPackage } from "react-native-purchases";
 
 import { SubscriptionModalHeader } from "./SubscriptionModalHeader";

package/src/presentation/components/paywall/SubscriptionModalHeader.tsx

@@ -4,8 +4,8 @@
 
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface SubscriptionModalHeaderProps {
     title: string;

package/src/presentation/components/paywall/SubscriptionModalOverlay.tsx

@@ -13,7 +13,7 @@ import {
     Platform,
     ViewStyle,
 } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 const { height: SCREEN_HEIGHT, width: SCREEN_WIDTH } = Dimensions.get("window");
 

package/src/presentation/components/paywall/SubscriptionPackageList.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { View, StyleSheet, ActivityIndicator } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { PurchasesPackage } from "react-native-purchases";
 import { SubscriptionPlanCard } from "./SubscriptionPlanCard";
 

package/src/presentation/components/paywall/SubscriptionPlanCard.tsx

@@ -6,8 +6,8 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import type { PurchasesPackage } from "react-native-purchases";
-import { AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { formatPrice } from "../../../utils/priceUtils";
 import { useLocalization } from "@umituz/react-native-localization";
 

package/src/presentation/components/paywall/SubscriptionTabContent.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, ScrollView } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { PurchasesPackage } from "react-native-purchases";
 import { PaywallFeaturesList } from "./PaywallFeaturesList";

package/src/presentation/screens/SubscriptionDetailScreen.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { ScrollView, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { SubscriptionHeader } from "./components/SubscriptionHeader";
 import { CreditsList } from "./components/CreditsList";
 import { SubscriptionActions } from "./components/SubscriptionActions";

package/src/presentation/screens/components/CreditItem.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface CreditItemProps {
     label: string;

package/src/presentation/screens/components/CreditsList.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { CreditItem } from "./CreditItem";
 import type { CreditInfo } from "../../components/details/PremiumDetailsCard";
 

package/src/presentation/screens/components/SubscriptionActions.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface SubscriptionActionsProps {
     isPremium: boolean;

package/src/presentation/screens/components/SubscriptionHeader.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import {
     PremiumStatusBadge,
     type SubscriptionStatusType,