Fix form keyboard issues and sticky footers in agent screens

src/modules/auth/services/authApi.ts

@@ -0,0 +1,96 @@
+import type { AuthTokens, UserProfile } from '../../../types/app';
+import { demoUser } from '../../../constants/mockData';
+import { endpoints } from '../../../services/api/endpoints';
+import { apiClient } from '../../../services/api/apiClient';
+import { baseApi } from '../../../services/api/baseApi';
+import { resolveWithMock } from '../../../services/api/serviceHelpers';
+
+interface LoginRequest {
+  phone: string;
+  password: string;
+}
+
+interface LoginResponse {
+  challengeId: string;
+  phone: string;
+}
+
+interface VerifyOtpRequest {
+  challengeId: string;
+  otp: string;
+  phone: string;
+}
+
+interface VerifyOtpResponse {
+  verified: true;
+  phone: string;
+}
+
+interface SetupMpinRequest {
+  phone: string;
+  mpin: string;
+}
+
+interface SetupMpinResponse {
+  tokens: AuthTokens;
+  user: UserProfile;
+}
+
+const createDemoTokens = (): AuthTokens => ({
+  accessToken: 'demo-access-token',
+  refreshToken: 'demo-refresh-token',
+  expiresAt: new Date(Date.now() + 1000 * 60 * 60 * 24).toISOString(),
+});
+
+export const authApi = baseApi.injectEndpoints({
+  endpoints: (builder) => ({
+    login: builder.mutation<LoginResponse, LoginRequest>({
+      queryFn: ({ phone }) =>
+        resolveWithMock({
+          mockData: {
+            challengeId: 'otp_challenge_001',
+            phone,
+          },
+          request: async () => {
+            const response = await apiClient.post<LoginResponse>(endpoints.auth.login, { phone });
+            return response.data;
+          },
+        }),
+    }),
+    verifyOtp: builder.mutation<VerifyOtpResponse, VerifyOtpRequest>({
+      queryFn: ({ phone }) =>
+        resolveWithMock({
+          mockData: {
+            verified: true,
+            phone,
+          },
+          request: async () => {
+            const response = await apiClient.post<VerifyOtpResponse>(endpoints.auth.verifyOtp, {
+              phone,
+            });
+            return response.data;
+          },
+        }),
+    }),
+    setupMpin: builder.mutation<SetupMpinResponse, SetupMpinRequest>({
+      queryFn: () =>
+        resolveWithMock({
+          mockData: () => ({
+            tokens: createDemoTokens(),
+            user: demoUser,
+          }),
+          request: async () => {
+            const response = await apiClient.post<SetupMpinResponse>(endpoints.auth.setupMpin);
+            return response.data;
+          },
+        }),
+      invalidatesTags: ['Auth', 'User'],
+    }),
+  }),
+});
+
+export const {
+  useLoginMutation,
+  useVerifyOtpMutation,
+  useSetupMpinMutation,
+} = authApi;