@umituz/react-native-subscription 2.27.15 → 2.27.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.27.15",
+  "version": "2.27.17",
   "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/wallet/index.ts

@@ -4,6 +4,14 @@
  * Public API for wallet functionality.
  */
 
+// Config
+export {
+  configureWallet,
+  getWalletConfig,
+  resetWalletConfig,
+  type WalletConfiguration,
+} from "./infrastructure/config/walletConfig";
+
 // Types
 export type {
   TransactionReason,
@@ -114,3 +122,8 @@ export {
   type WalletScreenConfig,
   type WalletScreenTranslations,
 } from "./presentation/screens/WalletScreen";
+
+export {
+  WalletScreenContainer,
+  type WalletScreenContainerProps,
+} from "./presentation/screens/WalletScreenContainer";

package/src/domains/wallet/infrastructure/config/walletConfig.ts

@@ -0,0 +1,70 @@
+/**
+ * Wallet Configuration
+ *
+ * Global configuration for wallet feature.
+ * Set once at app init, used by WalletScreen automatically.
+ */
+
+import type { WalletScreenTranslations } from "../../presentation/screens/WalletScreen";
+
+export interface WalletConfiguration {
+  translations: WalletScreenTranslations;
+  transactionCollection: string;
+  useUserSubcollection: boolean;
+  transactionLimit: number;
+  balanceIconName: string;
+}
+
+const DEFAULT_CONFIG: WalletConfiguration = {
+  translations: {
+    screenTitle: "Wallet",
+    balanceLabel: "Your Balance",
+    availableCredits: "Available Credits",
+    title: "Transaction History",
+    empty: "No transactions yet",
+    loading: "Loading...",
+    purchase: "Purchase",
+    usage: "Usage",
+    refund: "Refund",
+    bonus: "Bonus",
+    subscription: "Subscription",
+    admin: "Admin",
+    reward: "Reward",
+    expired: "Expired",
+  },
+  transactionCollection: "credit_logs",
+  useUserSubcollection: true,
+  transactionLimit: 50,
+  balanceIconName: "wallet",
+};
+
+let walletConfig: WalletConfiguration = { ...DEFAULT_CONFIG };
+
+/**
+ * Configure wallet settings globally
+ * Call this once during app initialization
+ */
+export function configureWallet(config: Partial<WalletConfiguration>): void {
+  walletConfig = {
+    ...DEFAULT_CONFIG,
+    ...config,
+    translations: {
+      ...DEFAULT_CONFIG.translations,
+      ...config.translations,
+    },
+  };
+}
+
+/**
+ * Get current wallet configuration
+ */
+export function getWalletConfig(): WalletConfiguration {
+  return walletConfig;
+}
+
+/**
+ * Reset wallet configuration to defaults
+ */
+export function resetWalletConfig(): void {
+  walletConfig = { ...DEFAULT_CONFIG };
+}

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

@@ -0,0 +1,88 @@
+/**
+ * Wallet Screen Container
+ *
+ * Self-contained wallet screen.
+ * Uses global config from configureWallet() - no props needed!
+ *
+ * Usage:
+ * 1. Call configureWallet() during app init
+ * 2. Use WalletScreenContainer directly in navigation
+ *
+ * ```tsx
+ * // In init
+ * configureWallet({ translations: myTranslations });
+ *
+ * // In navigation
+ * <Stack.Screen name="Wallet" component={WalletScreenContainer} />
+ * ```
+ */
+
+import React, { useMemo } from "react";
+import { useNavigation } from "@react-navigation/native";
+import { WalletScreen, type WalletScreenTranslations } from "./WalletScreen";
+import { useWallet } from "../hooks/useWallet";
+import { getWalletConfig } from "../../infrastructure/config/walletConfig";
+
+export interface WalletScreenContainerProps {
+  /** Translations (overrides global config) */
+  translations?: WalletScreenTranslations;
+  /** Override onBack handler (default: navigation.goBack) */
+  onBack?: () => void;
+  /** Custom date formatter */
+  dateFormatter?: (timestamp: number) => string;
+  /** Footer component */
+  footer?: React.ReactNode;
+}
+
+export const WalletScreenContainer: React.FC<WalletScreenContainerProps> = ({
+  translations,
+  onBack,
+  dateFormatter,
+  footer,
+}) => {
+  const navigation = useNavigation();
+  const config = getWalletConfig();
+
+  const {
+    balance,
+    balanceLoading,
+    transactions,
+    transactionsLoading,
+  } = useWallet({
+    transactionConfig: {
+      collectionName: config.transactionCollection,
+      useUserSubcollection: config.useUserSubcollection,
+    },
+    transactionLimit: config.transactionLimit,
+  });
+
+  const screenConfig = useMemo(
+    () => ({
+      balance,
+      balanceLoading,
+      transactions,
+      transactionsLoading,
+      translations: translations ?? config.translations,
+      onBack: onBack ?? (() => navigation.goBack()),
+      dateFormatter,
+      balanceIconName: config.balanceIconName,
+      footer,
+    }),
+    [
+      balance,
+      balanceLoading,
+      transactions,
+      transactionsLoading,
+      translations,
+      config,
+      onBack,
+      navigation,
+      dateFormatter,
+      footer,
+    ],
+  );
+
+  return <WalletScreen config={screenConfig} />;
+};
+
+export default WalletScreenContainer;