@umituz/react-native-subscription 2.37.68 → 2.37.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.37.68",
+  "version": "2.37.69",
   "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/credits/presentation/deduct-credit/mutationConfig.ts

@@ -1,5 +1,5 @@
-import type { QueryClient } from "@umituz/react-native-design-system";
-import { timezoneService } from "@umituz/react-native-design-system";
+import type { QueryClient } from "@umituz/react-native-design-system/tanstack";
+import { timezoneService } from "@umituz/react-native-design-system/timezone";
 import type { UserCredits, DeductCreditsResult } from "../../core/Credits";
 import type { CreditsRepository } from "../../infrastructure/CreditsRepository";
 import { creditsQueryKeys } from "../creditsQueryKeys";

package/src/domains/credits/presentation/deduct-credit/useDeductCredit.ts

@@ -1,5 +1,5 @@
 import { useCallback, useRef } from "react";
-import { useMutation, useQueryClient } from "@umituz/react-native-design-system";
+import { useMutation, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import { getCreditsRepository } from "../../infrastructure/CreditsRepositoryManager";
 import type { UseDeductCreditParams, UseDeductCreditResult } from "./types";
 import type { DeductCreditsResult } from "../../core/Credits";

package/src/domains/credits/presentation/useCredits.ts

@@ -1,4 +1,4 @@
-import { useQuery, useQueryClient } from "@umituz/react-native-design-system";
+import { useQuery, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import { useCallback, useMemo, useEffect } from "react";
 import { useAuthStore, selectUserId } from "@umituz/react-native-auth";
 import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../shared/infrastructure/SubscriptionEventBus";

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { AtomicText, AtomicIcon, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { SubscriptionFeature } from "../entities/types";
 import { paywallModalStyles as styles } from "./PaywallModal.styles";
 

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { PaywallTranslations, PaywallLegalUrls } from "../entities/types";
 import { paywallModalStyles as styles } from "./PaywallModal.styles";
 

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

@@ -1,6 +1,9 @@
 import React, { useCallback, useEffect } from "react";
 import { View, TouchableOpacity, Linking } from "react-native";
-import { BaseModal, useAppDesignTokens, AtomicText, AtomicIcon, useSafeAreaInsets } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { BaseModal } from "@umituz/react-native-design-system/molecules";
+import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ScreenLayout } from "../../../shared/presentation";
 import { Image } from "expo-image";
 import { PlanCard } from "./PlanCard";

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicText, AtomicIcon, AtomicBadge, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon, AtomicBadge } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { formatPriceWithPeriod } from '../../../utils/priceUtils';
 import { PlanCardProps } from "./PlanCard.types";
 

package/src/domains/subscription/core/SubscriptionStatus.ts

@@ -1,4 +1,4 @@
-import { timezoneService } from "@umituz/react-native-design-system";
+import { timezoneService } from "@umituz/react-native-design-system/timezone";
 import {
   SUBSCRIPTION_STATUS,
   type SubscriptionStatusType

package/src/domains/subscription/infrastructure/hooks/usePurchasePackage.ts

@@ -1,6 +1,6 @@
-import { useMutation, useQueryClient } from "@umituz/react-native-design-system";
+import { useMutation, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import type { PurchasesPackage } from "react-native-purchases";
-import { useAlert } from "@umituz/react-native-design-system";
+import { useAlert } from "@umituz/react-native-design-system/molecules";
 import {
   useAuthStore,
   selectUserId,

package/src/domains/subscription/infrastructure/hooks/useRestorePurchase.ts

@@ -1,5 +1,5 @@
-import { useMutation, useQueryClient } from "@umituz/react-native-design-system";
-import { useAlert } from "@umituz/react-native-design-system";
+import { useMutation, useQueryClient } from "@umituz/react-native-design-system/tanstack";
+import { useAlert } from "@umituz/react-native-design-system/molecules";
 import {
   useAuthStore,
   selectUserId,

package/src/domains/subscription/infrastructure/hooks/useSubscriptionPackages.ts

@@ -1,4 +1,4 @@
-import { useQuery, useQueryClient } from "@umituz/react-native-design-system";
+import { useQuery, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import { useEffect, useRef, useSyncExternalStore } from "react";
 import {
   useAuthStore,

package/src/domains/subscription/presentation/components/details/CreditRow.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface CreditRowProps {
   label: string;

package/src/domains/subscription/presentation/components/details/DetailRow.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, type ViewStyle, type TextStyle } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface DetailRowProps {
   label: string;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { DetailRow } from "./DetailRow";
 import { CreditRow } from "./CreditRow";
 import { styles } from "./PremiumDetailsCard.styles";

package/src/domains/subscription/presentation/components/details/PremiumDetailsCardActions.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { styles } from "./PremiumDetailsCard.styles";
 import type { PremiumDetailsTranslations } from "./PremiumDetailsCardTypes";
 

package/src/domains/subscription/presentation/components/details/PremiumDetailsCardHeader.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { PremiumStatusBadge } from "./PremiumStatusBadge";
 import { styles } from "./PremiumDetailsCard.styles";
 import type { SubscriptionStatusType } from "../../../core/SubscriptionConstants";

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

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import {
   SUBSCRIPTION_STATUS,
   type SubscriptionStatusType

package/src/domains/subscription/presentation/components/feedback/FeedbackOption.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { FeedbackOptionProps } from "./FeedbackOption.types";
 import { feedbackOptionStyles } from "./FeedbackOption.styles";
 import { FEEDBACK_OPTION_OPACITY } from "./feedbackOptionConstants";

package/src/domains/subscription/presentation/components/feedback/FeedbackRadioButton.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { feedbackOptionStyles } from "./FeedbackOption.styles";
 
 interface FeedbackRadioButtonProps {

package/src/domains/subscription/presentation/components/feedback/FeedbackTextInput.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, TextInput } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { feedbackOptionStyles } from "./FeedbackOption.styles";
 import { FEEDBACK_INPUT_MAX_LENGTH, FEEDBACK_INPUT_MIN_HEIGHT } from "./feedbackOptionConstants";
 

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

@@ -1,6 +1,8 @@
 import React, { useMemo } from "react";
 import { View, TouchableOpacity } from "react-native";
-import { AtomicText, BaseModal, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { BaseModal } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { usePaywallFeedback } from "../../../../../presentation/hooks/feedback/usePaywallFeedback";
 import { createPaywallFeedbackStyles } from "./paywallFeedbackStyles";
 import { FeedbackOption } from "./FeedbackOption";

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

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

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

@@ -6,7 +6,8 @@
 
 import React from "react";
 import { View, Modal, StyleSheet } from "react-native";
-import { AtomicSpinner, AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicSpinner, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { usePurchaseLoadingStore, selectIsPurchasing } from "../../stores";
 
 export interface PurchaseLoadingOverlayProps {

package/src/domains/subscription/presentation/screens/SubscriptionDetailScreen.tsx

@@ -1,6 +1,8 @@
 import React, { useMemo } from "react";
 import { StyleSheet, View, Pressable } from "react-native";
-import { useAppDesignTokens, NavigationHeader, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { NavigationHeader } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ScreenLayout } from "../../../../shared/presentation";
 import { SubscriptionHeader } from "./components/SubscriptionHeader";
 import { CreditsList } from "./components/CreditsList";

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

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { CreditRow } from "../../components/details/CreditRow";
 
 interface CreditItem {

package/src/domains/subscription/presentation/screens/components/SubscriptionHeader.styles.ts

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export const createSubscriptionHeaderStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
   StyleSheet.create({

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

@@ -1,6 +1,7 @@
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { PremiumStatusBadge } from "../../components/details/PremiumStatusBadge";
 import type { SubscriptionHeaderProps } from "./SubscriptionHeader.types";
 import { createSubscriptionHeaderStyles } from "./SubscriptionHeader.styles";

package/src/domains/subscription/presentation/screens/components/UpgradePrompt.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { UpgradePromptProps } from "./UpgradePrompt.types";
 
 export const UpgradePrompt: React.FC<UpgradePromptProps> = ({ title, subtitle, benefits, upgradeButtonLabel, onUpgrade }) => {

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

@@ -1,4 +1,4 @@
-import { useQuery, useQueryClient } from "@umituz/react-native-design-system";
+import { useQuery, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import { useEffect, useSyncExternalStore } from "react";
 import { useAuthStore, selectUserId, selectIsAnonymous } from "@umituz/react-native-auth";
 import { SubscriptionManager } from "../infrastructure/managers/SubscriptionManager";

package/src/domains/wallet/presentation/components/BalanceCard.tsx

@@ -8,11 +8,8 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
 
-import {
-    useAppDesignTokens,
-    AtomicText,
-    AtomicIcon,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface BalanceCardTranslations {
   balanceLabel: string;

package/src/domains/wallet/presentation/components/TransactionItem.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { getTransactionIcon } from "../../utils/transactionIconMap";
 import { transactionItemStyles } from "./TransactionItem.styles";
 import type { TransactionItemProps } from "./TransactionItem.types";

package/src/domains/wallet/presentation/components/TransactionList.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, ScrollView } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { CreditLog } from "../../domain/types/transaction.types";
 import { TransactionItem } from "./TransactionItem";
 import type { TransactionItemTranslations } from "./TransactionItem.types";

package/src/domains/wallet/presentation/components/TransactionListStates.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { transactionListStyles } from "./TransactionList.styles";
 
 interface LoadingStateProps {

package/src/domains/wallet/presentation/components/transactionItemHelpers.ts

@@ -1,4 +1,4 @@
-import { timezoneService } from "@umituz/react-native-design-system";
+import { timezoneService } from "@umituz/react-native-design-system/timezone";
 import type { TransactionItemTranslations } from "./TransactionItem.types";
 
 export const defaultDateFormatter = (timestamp: number): string => {

package/src/domains/wallet/presentation/hooks/useTransactionHistory.ts

@@ -1,4 +1,4 @@
-import { useQuery } from "@umituz/react-native-design-system";
+import { useQuery } from "@umituz/react-native-design-system/tanstack";
 import { useMemo } from "react";
 import { useAuthStore, selectUserId, selectIsAnonymous } from "@umituz/react-native-auth";
 import { NO_CACHE_QUERY_CONFIG } from "../../../../shared/infrastructure/react-query/queryConfig";

package/src/domains/wallet/presentation/screens/WalletScreen.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ScreenLayout } from "../../../../shared/presentation";
 import { useNavigation } from "@react-navigation/native";
 import { useWallet } from "../hooks/useWallet";

package/src/shared/infrastructure/react-query/hooks/usePreviousUserCleanup.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import type { QueryClient } from "@umituz/react-native-design-system";
+import type { QueryClient } from "@umituz/react-native-design-system/tanstack";
 import { isAuthenticated } from "../../../../domains/subscription/utils/authGuards";
 
 export function usePreviousUserCleanup(

package/src/shared/presentation/layouts/ScreenLayout.tsx

@@ -5,7 +5,7 @@
 import React from "react";
 import { StyleSheet, View, ScrollView, type ViewStyle, type ColorValue } from "react-native";
 import { useSafeAreaInsets, type Edge } from "react-native-safe-area-context";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface ScreenLayoutProps {
   children: React.ReactNode;