@umituz/react-native-subscription 2.37.111 → 2.37.112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.37.111",
+  "version": "2.37.112",
   "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/subscription/presentation/components/details/PremiumDetailsCardTypes.ts

@@ -1,4 +1,4 @@
-import type { SubscriptionStatusType } from "./PremiumStatusBadge";
+import type { SubscriptionStatusType } from "./PremiumStatusBadge.types";
 import type { CreditInfo } from "../../../core/types";
 
 export type { CreditInfo };

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

@@ -7,20 +7,11 @@ import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system/atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
-import {
-  SUBSCRIPTION_STATUS,
-  type SubscriptionStatusType
-} from "../../../core/SubscriptionConstants";
+import { SUBSCRIPTION_STATUS } from "../../../core/SubscriptionConstants";
+import type { PremiumStatusBadgeProps } from "./PremiumStatusBadge.types";
+import type { SubscriptionStatusType } from "../../../core/SubscriptionConstants";
 
-export type { SubscriptionStatusType };
-
-export interface PremiumStatusBadgeProps {
-  status: SubscriptionStatusType;
-  activeLabel: string;
-  expiredLabel: string;
-  noneLabel: string;
-  canceledLabel: string;
-}
+export type { PremiumStatusBadgeProps };
 
 export const PremiumStatusBadge: React.FC<PremiumStatusBadgeProps> = ({
   status,

package/src/domains/subscription/presentation/components/details/PremiumStatusBadge.types.ts

@@ -0,0 +1,11 @@
+import type { SubscriptionStatusType } from "../../../../core/SubscriptionConstants";
+
+export type { SubscriptionStatusType };
+
+export interface PremiumStatusBadgeProps {
+  status: SubscriptionStatusType;
+  activeLabel: string;
+  expiredLabel: string;
+  noneLabel: string;
+  canceledLabel: string;
+}

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

@@ -6,6 +6,9 @@ import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { usePaywallFeedback } from "../../../../../presentation/hooks/feedback/usePaywallFeedback";
 import { createPaywallFeedbackStyles } from "./paywallFeedbackStyles";
 import { FeedbackOption } from "./FeedbackOption";
+import type { PaywallFeedbackTranslations, PaywallFeedbackModalProps } from "./PaywallFeedbackModal.types";
+
+export type { PaywallFeedbackTranslations, PaywallFeedbackModalProps };
 
 const FEEDBACK_OPTION_IDS = [
     "too_expensive",
@@ -15,27 +18,6 @@ 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;
-}
-
 export const PaywallFeedbackModal: React.FC<PaywallFeedbackModalProps> = React.memo(({
     translations,
     visible,

package/src/domains/subscription/presentation/components/feedback/PaywallFeedbackModal.types.ts

@@ -0,0 +1,20 @@
+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;
+}

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

@@ -9,11 +9,9 @@ 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 { usePurchaseLoadingStore, selectIsPurchasing } from "../../stores/purchaseLoadingStore";
+import type { PurchaseLoadingOverlayProps } from "./PurchaseLoadingOverlay.types";
 
-export interface PurchaseLoadingOverlayProps {
-  /** Loading message to display */
-  loadingText?: string;
-}
+export type { PurchaseLoadingOverlayProps };
 
 export const PurchaseLoadingOverlay: React.FC<PurchaseLoadingOverlayProps> = React.memo(
   ({ loadingText }) => {

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

@@ -0,0 +1,4 @@
+export interface PurchaseLoadingOverlayProps {
+  /** Loading message to display */
+  loadingText?: string;
+}

package/src/domains/subscription/presentation/components/sections/SubscriptionSection.tsx

@@ -6,41 +6,10 @@
 
 import React from "react";
 import { View, TouchableOpacity } from "react-native";
-import type { StyleProp, ViewStyle } from "react-native";
-import {
-    PremiumDetailsCard,
-    type CreditInfo,
-    type PremiumDetailsTranslations,
-} from "../details/PremiumDetailsCard";
-import type { SubscriptionStatusType } from "../details/PremiumStatusBadge";
+import { PremiumDetailsCard } from "../details/PremiumDetailsCard";
+import type { SubscriptionSectionConfig, SubscriptionSectionProps } from "./SubscriptionSection.types";
 
-export interface SubscriptionSectionConfig {
-  /** Subscription status type */
-  statusType: SubscriptionStatusType;
-  /** Whether user has premium */
-  isPremium: boolean;
-  /** Formatted expiration date string */
-  expirationDate?: string | null;
-  /** Formatted purchase date string */
-  purchaseDate?: string | null;
-  /** Days remaining until expiration */
-  daysRemaining?: number | null;
-  /** Credit info array (app-specific, passed from app) */
-  credits?: CreditInfo[];
-  /** All translations (app must provide these) */
-  translations: PremiumDetailsTranslations;
-  /** Handler for manage subscription button */
-  onManageSubscription?: () => void;
-  /** Handler for upgrade button */
-  onUpgrade?: () => void;
-  /** Handler for when section is tapped (navigate to detail screen) */
-  onPress?: () => void;
-}
-
-export interface SubscriptionSectionProps {
-  config: SubscriptionSectionConfig;
-  containerStyle?: StyleProp<ViewStyle>;
-}
+export type { SubscriptionSectionConfig, SubscriptionSectionProps };
 
 export const SubscriptionSection: React.FC<SubscriptionSectionProps> = ({
   config,

package/src/domains/subscription/presentation/components/sections/SubscriptionSection.types.ts

@@ -0,0 +1,22 @@
+import type { StyleProp, ViewStyle } from "react-native";
+import type { SubscriptionStatusType } from "../../../../core/SubscriptionConstants";
+import type { CreditInfo } from "../../../../core/types";
+import type { PremiumDetailsTranslations } from "../details/PremiumDetailsCardTypes";
+
+export interface SubscriptionSectionConfig {
+  statusType: SubscriptionStatusType;
+  isPremium: boolean;
+  expirationDate?: string | null;
+  purchaseDate?: string | null;
+  daysRemaining?: number | null;
+  credits?: CreditInfo[];
+  translations: PremiumDetailsTranslations;
+  onManageSubscription?: () => void;
+  onUpgrade?: () => void;
+  onPress?: () => void;
+}
+
+export interface SubscriptionSectionProps {
+  config: SubscriptionSectionConfig;
+  containerStyle?: StyleProp<ViewStyle>;
+}

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

@@ -10,17 +10,9 @@ 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 type { BalanceCardTranslations, BalanceCardProps } from "./BalanceCard.types";
 
-export interface BalanceCardTranslations {
-  balanceLabel: string;
-  availableCredits: string;
-}
-
-interface BalanceCardProps {
-  balance: number;
-  translations: BalanceCardTranslations;
-  iconName?: string;
-}
+export type { BalanceCardTranslations };
 
 export const BalanceCard: React.FC<BalanceCardProps> = ({
   balance,

package/src/domains/wallet/presentation/components/BalanceCard.types.ts

@@ -0,0 +1,10 @@
+export interface BalanceCardTranslations {
+  balanceLabel: string;
+  availableCredits: string;
+}
+
+export interface BalanceCardProps {
+  balance: number;
+  translations: BalanceCardTranslations;
+  iconName?: string;
+}

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

@@ -2,26 +2,13 @@ import React from "react";
 import { View, ScrollView } from "react-native";
 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";
 import { transactionListStyles } from "./TransactionList.styles";
 import { LoadingState, EmptyState } from "./TransactionListStates";
 import { DEFAULT_TRANSACTION_LIST_MAX_HEIGHT } from "./TransactionList.constants";
+import type { TransactionListTranslations, TransactionListProps } from "./TransactionList.types";
 
-export interface TransactionListTranslations extends TransactionItemTranslations {
-  title: string;
-  empty: string;
-  loading: string;
-}
-
-interface TransactionListProps {
-  transactions: CreditLog[];
-  loading: boolean;
-  translations: TransactionListTranslations;
-  maxHeight?: number;
-  dateFormatter?: (timestamp: number) => string;
-}
+export type { TransactionListTranslations };
 
 export const TransactionList: React.FC<TransactionListProps> = ({
   transactions,

package/src/domains/wallet/presentation/components/TransactionList.types.ts

@@ -0,0 +1,16 @@
+import type { CreditLog } from "../../domain/types/transaction.types";
+import type { TransactionItemTranslations } from "./TransactionItem.types";
+
+export interface TransactionListTranslations extends TransactionItemTranslations {
+  title: string;
+  empty: string;
+  loading: string;
+}
+
+export interface TransactionListProps {
+  transactions: CreditLog[];
+  loading: boolean;
+  translations: TransactionListTranslations;
+  maxHeight?: number;
+  dateFormatter?: (timestamp: number) => string;
+}

package/src/index.ts

@@ -49,7 +49,8 @@ export * from "./presentation/hooks/feedback/useFeedbackSubmit";
 
 // Presentation Layer - Components
 export * from "./domains/subscription/presentation/components/details/PremiumDetailsCard";
-export * from "./domains/subscription/presentation/components/details/PremiumStatusBadge";
+export { PremiumStatusBadge } from "./domains/subscription/presentation/components/details/PremiumStatusBadge";
+export type { PremiumStatusBadgeProps } from "./domains/subscription/presentation/components/details/PremiumStatusBadge.types";
 export * from "./domains/subscription/presentation/components/sections/SubscriptionSection";
 export * from "./domains/subscription/presentation/components/feedback/PaywallFeedbackModal";
 export * from "./domains/subscription/presentation/screens/SubscriptionDetailScreen";