3 files changed, 75 insertions, 0 deletions

diff --git a/jb-ui/src/models/app.ts b/jb-ui/src/models/app.ts
index 4c3e69e..db54e0d 100644
--- a/jb-ui/src/models/app.ts
+++ b/jb-ui/src/models/app.ts
@@ -5,6 +5,8 @@ import {
   UserLedgerTransactionTypesSummary,
   UserLedgerTransactionsResponseTransactionsInner,
   OfferwallReason,
+  UserLedgerWallet,
+  UserDisplayedWalletBalance,
 } from "@/api_fsb";
 import { PaginationState } from "@tanstack/react-table";
 
@@ -33,6 +35,12 @@ export interface App {
   userLedgerTxCount?: number;
   userLedgerTxs: UserLedgerTransactionsResponseTransactionsInner[];
 
+  // --- new approach
+  userDisplayedWalletBalance?: UserDisplayedWalletBalance;
+  userWallet?: UserLedgerWallet;
+  userAttemptCreditWallet?: UserLedgerWallet;
+  // ---
+
   txPagination: PaginationState;
   txTotalItems?: number;
   txTotalPages?: number;
diff --git a/jb-ui/src/models/appSlice.ts b/jb-ui/src/models/appSlice.ts
index 46c6a2f..42a776e 100644
--- a/jb-ui/src/models/appSlice.ts
+++ b/jb-ui/src/models/appSlice.ts
@@ -4,6 +4,8 @@ import {
   UserLedgerTransactionsResponseTransactionsInner,
   UserLedgerTransactionTypesSummary,
   UserWalletBalance,
+  UserDisplayedWalletBalance,
+  UserLedgerWallet,
   OfferwallReason,
 } from "@/api_fsb";
 import { App } from "@/models/app";
@@ -26,6 +28,12 @@ const initialState: App = {
   userLedgerTxCount: undefined,
   userLedgerTxs: [],
 
+  // --- new approach
+  userDisplayedWalletBalance: undefined,
+  userWallet: undefined,
+  userAttemptCreditWallet: undefined,
+  // ---
+
   txPagination: { pageIndex: 0, pageSize: 10 },
   txTotalItems: undefined,
   txTotalPages: undefined,
@@ -91,6 +99,24 @@ const appSlice = createSlice({
       state.userWalletBalance = action.payload;
     },
 
+    // --- New approach ---
+    setUserDisplayedWalletBalance(
+      state,
+      action: PayloadAction<UserDisplayedWalletBalance>,
+    ) {
+      state.userDisplayedWalletBalance = action.payload;
+    },
+
+    setUserWallet(state, action: PayloadAction<UserLedgerWallet>) {
+      state.userWallet = action.payload;
+    },
+
+    setUserAttemptCreditWallet(state, action: PayloadAction<UserLedgerWallet>) {
+      state.userAttemptCreditWallet = action.payload;
+    },
+
+    // ---  ---
+
     setUserLedgerSummary(
       state,
       action: PayloadAction<UserLedgerTransactionTypesSummary>,
@@ -138,6 +164,10 @@ export const {
   setUserLedgerSummary,
   setUserLedgerTxs,
 
+  setUserDisplayedWalletBalance,
+  setUserWallet,
+  setUserAttemptCreditWallet,
+
   setTxPagination,
   setTxTotalItems,
   setTxTotalPages,
diff --git a/jb-ui/src/models/cashoutMethodsSlice.ts b/jb-ui/src/models/cashoutMethodsSlice.ts
new file mode 100644
index 0000000..92c03da
--- /dev/null
+++ b/jb-ui/src/models/cashoutMethodsSlice.ts
@@ -0,0 +1,37 @@
+import { CashoutMethodOut } from "@/api_fsb";
+import type { RootState } from "@/store";
+import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";
+
+// Entity adapter for normalized storage
+const cashoutMethodsAdapter = createEntityAdapter({
+  selectId: (model: CashoutMethodOut) => model.id!,
+  sortComparer: (a, b) => {
+    return (b.min_value ?? 0) - (a.min_value ?? 0);
+  },
+});
+
+const cashoutMethodsSlice = createSlice({
+  name: "cashoutMethods",
+  initialState: cashoutMethodsAdapter.getInitialState(),
+
+  reducers: {
+    addCashoutMethod: cashoutMethodsAdapter.addOne,
+    addCashoutMethods: cashoutMethodsAdapter.addMany,
+    upsertCashoutMethod: cashoutMethodsAdapter.upsertOne, // Add or Update
+  },
+});
+
+export const { addCashoutMethod, addCashoutMethods, upsertCashoutMethod } =
+  cashoutMethodsSlice.actions;
+
+export const cashoutMethodsSelectors = cashoutMethodsAdapter.getSelectors(
+  (state: RootState) => state.cashoutMethods,
+);
+
+export const selectAllCashoutMethods = (
+  state: RootState,
+): CashoutMethodOut[] => {
+  return cashoutMethodsSelectors.selectAll(state) ?? [];
+};
+
+export default cashoutMethodsSlice.reducer;