react-native-fpay 0.3.4 → 0.3.6

package/src/store/FPStore.ts

@@ -0,0 +1,216 @@
+// ─────────────────────────────────────────────────────────────────────────────
+// FPStore — SDK-internal Zustand store with persistence
+//
+// Stores: access token, user info, wallet/account details, bank list cache.
+// Persisted to AsyncStorage under the key '@fp_store' so it survives
+// app restarts without hitting the backend again.
+//
+// Usage (inside SDK only — never exported to host app):
+//   import { useFPStore, getFPStore, setFPStore } from '../store/FPStore';
+//   const token = getFPStore().accessToken;
+//   setFPStore({ accessToken: 'abc123' });
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import type {
+  FPUserInfo,
+  FPBankItem,
+  FPTransferRecipient,
+  FPAccount,
+} from '../core/types';
+
+// ── State shape ───────────────────────────────────────────────────────────────
+
+export interface FPStoreState {
+  // Auth
+  accessToken: string | null;
+  tokenExpiresAt: number | null; // unix ms — null means no expiry info
+
+  // User set via initializeSDK()
+  user: FPUserInfo | null;
+
+  // Account details set via setAccountDetails()
+  accountDetails: FPTransferRecipient | null;
+  balance: number | null;
+  balanceFetchedAt: number | null;
+
+  // Bank list (rarely changes — cache aggressively)
+  banks: FPBankItem[];
+  banksFetchedAt: number | null;
+
+  // Whether the API key has been verified this session
+  isAuthenticated: boolean;
+  authError: string | null;
+
+  psspId: string | null; // PSSP-assigned ID from generate-virtual-account
+  account: FPAccount | null;
+
+  lastBroadcastPosition: { latitude: number; longitude: number } | null;
+}
+
+// ── Actions shape ─────────────────────────────────────────────────────────────
+
+export interface FPStoreActions {
+  setAccessToken: (token: string, expiresInSeconds?: number) => void;
+  clearAccessToken: () => void;
+
+  setUser: (user: FPUserInfo) => void;
+  clearUser: () => void;
+
+  setAccountDetails: (account: FPTransferRecipient) => void;
+  setBalance: (balance: number) => void;
+  clearBalance: () => void;
+
+  setBanks: (banks: FPBankItem[]) => void;
+
+  setAuthenticated: (value: boolean, error?: string | null) => void;
+  setPsspId: (id: string) => void;
+  setAccount: (account: FPAccount) => void;
+  setLastBroadcastPosition: (pos: {
+    latitude: number;
+    longitude: number;
+  }) => void;
+  clearAccount: () => void;
+
+  // Full reset — call on logout
+  reset: () => void;
+}
+
+export type FPStore = FPStoreState & FPStoreActions;
+
+// ── Initial state ─────────────────────────────────────────────────────────────
+
+const initialState: FPStoreState = {
+  accessToken: null,
+  tokenExpiresAt: null,
+  user: null,
+  accountDetails: null,
+  banks: [],
+  balance: null,
+  balanceFetchedAt: null,
+  banksFetchedAt: null,
+  isAuthenticated: false,
+  authError: null,
+  psspId: null,
+  account: null,
+  lastBroadcastPosition: null,
+};
+
+// ── Store ─────────────────────────────────────────────────────────────────────
+
+export const useFPStore = create<FPStore>()(
+  persist(
+    (set, get) => ({
+      ...initialState,
+
+      setAccessToken: (token, expiresInSeconds) =>
+        set({
+          accessToken: token,
+          tokenExpiresAt: expiresInSeconds
+            ? Date.now() + expiresInSeconds * 1000
+            : null,
+        }),
+
+      clearAccessToken: () =>
+        set({
+          accessToken: null,
+          tokenExpiresAt: null,
+        }),
+
+      setUser: (user) => set({ user }),
+
+      clearUser: () => set({ user: null }),
+
+      setAccountDetails: (accountDetails) => set({ accountDetails }),
+      setBalance: (balance) => set({ balance, balanceFetchedAt: Date.now() }),
+      clearBalance: () => set({ balance: null, balanceFetchedAt: null }),
+
+      setBanks: (banks) =>
+        set({
+          banks,
+          banksFetchedAt: Date.now(),
+        }),
+
+      setAuthenticated: (value, error = null) =>
+        set({
+          isAuthenticated: value,
+          authError: error,
+        }),
+
+      setPsspId: (id: string) => set({ psspId: id }),
+      setAccount: (account: FPAccount) => set({ account }),
+      clearAccount: () =>
+        set({
+          psspId: null,
+          account: null,
+          balance: null,
+          balanceFetchedAt: null,
+        }),
+
+      setLastBroadcastPosition: (pos: {
+        latitude: number;
+        longitude: number;
+      }) => set({ lastBroadcastPosition: pos }),
+
+      reset: () => set(initialState),
+    }),
+    {
+      name: '@fp_store', // AsyncStorage key
+      storage: createJSONStorage(() => AsyncStorage),
+
+      // Only persist data that should survive app restarts.
+      // Omit runtime-only flags that should reset each session.
+      partialize: (state) => ({
+        accessToken: state.accessToken,
+        tokenExpiresAt: state.tokenExpiresAt,
+        user: state.user,
+        accountDetails: state.accountDetails,
+        banks: state.banks,
+        banksFetchedAt: state.banksFetchedAt,
+        psspId: state.psspId,
+        account: state.account,
+        balance: state.balance,
+        balanceFetchedAt: state.balanceFetchedAt,
+        lastBroadcastPosition: state.lastBroadcastPosition,
+        // isAuthenticated and authError are NOT persisted —
+        // the API key must be verified fresh each session
+      }),
+    }
+  )
+);
+
+// ── Helpers for use outside React components (e.g. FPEngine) ─────────────────
+
+/** Read current store state without subscribing */
+export const getFPStore = () => useFPStore.getState();
+
+/** Update store state without subscribing */
+export const setFPStore = (partial: Partial<FPStoreState>) =>
+  useFPStore.setState(partial);
+
+// ── Cache validity helpers ────────────────────────────────────────────────────
+
+const WALLET_CACHE_TTL = 5 * 60 * 1000; // 5 minutes
+const BANKS_CACHE_TTL = 24 * 60 * 60 * 1000; // 24 hours
+const BALANCE_CACHE_TTL = 2 * 60 * 1000; // 2 minutes
+
+export function isBanksCacheValid(): boolean {
+  const { banksFetchedAt } = getFPStore();
+  if (!banksFetchedAt) return false;
+  return Date.now() - banksFetchedAt < BANKS_CACHE_TTL;
+}
+
+export function isTokenValid(): boolean {
+  const { accessToken, tokenExpiresAt } = getFPStore();
+  if (!accessToken) return false;
+  if (!tokenExpiresAt) return true; // no expiry info — assume valid
+  return Date.now() < tokenExpiresAt - 60000; // 60s buffer before expiry
+}
+
+export function isBalanceCacheValid(): boolean {
+  const { balanceFetchedAt } = getFPStore();
+  if (!balanceFetchedAt) return false;
+  return Date.now() - balanceFetchedAt < BALANCE_CACHE_TTL;
+}

package/src/ui/components/AnimatedDots.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useRef } from "react";
-import { Animated, Easing } from "react-native";
-import styled from "styled-components/native";
+import { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import styled from 'styled-components/native';
 
 // Animated Dots Component
 const DotsContainer = styled.View`
@@ -23,7 +23,6 @@ export const AnimatedDots: React.FC = () => {
 
   const AnimatedDot = Animated.createAnimatedComponent(Dot);
 
-
   useEffect(() => {
     const animateDot = (dot: Animated.Value, delay: number) => {
       return Animated.loop(
@@ -78,4 +77,4 @@ export const AnimatedDots: React.FC = () => {
       <AnimatedDot style={dotStyle(dot3)} delay={400} />
     </DotsContainer>
   );
-};
+};