move login to common ui

apps/backoffice/src/app/providers/AppProviders.tsx

@@ -1,5 +1,6 @@
 import { Provider } from 'react-redux';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { AuthConfigProvider } from '@ema-platform/auth';
 import type { ReactNode } from 'react';
 import { store } from '../store';
 import { MantineThemeProvider } from './MantineThemeProvider';
@@ -14,7 +15,17 @@ export function AppProviders({ children }: { children: ReactNode }) {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <MantineThemeProvider>{children}</MantineThemeProvider>
+        <AuthConfigProvider
+          value={{
+            appName: 'Backoffice',
+            storagePrefix: 'ema-backoffice',
+            loginRedirectPath: '/dashboard',
+            enableSignup: false,
+            enableForgotPassword: true,
+          }}
+        >
+          <MantineThemeProvider>{children}</MantineThemeProvider>
+        </AuthConfigProvider>
       </QueryClientProvider>
     </Provider>
   );

apps/backoffice/src/app/router/index.tsx

@@ -1,23 +1,20 @@
 import { createBrowserRouter, RouterProvider, Navigate } from 'react-router-dom';
 import {
-  Login,
-  SetPasswordPage,
-} from '@tria-plc/iamui-common';
+  LoginPage,
+  ForgotPasswordPage,
+  OTPVerificationPage,
+} from '@ema-platform/auth';
 import { AuthLayout } from '../layouts/AuthLayout';
 import { AuthProviders } from '../iam/IamProviders';
 import UserManagementHostPage from '../features/user-management-host/UserManagementHostPage';
 
-
 const router = createBrowserRouter([
   {
-    element: (
-      <AuthProviders>
-        <AuthLayout />
-      </AuthProviders>
-    ),
+    element: <AuthLayout />,
     children: [
-      { path: '/login', element: <Login /> },
-      { path: '/otp-verify', element: <SetPasswordPage /> },
+      { path: '/login', element: <LoginPage /> },
+      { path: '/forgot-password', element: <ForgotPasswordPage /> },
+      { path: '/otp-verify', element: <OTPVerificationPage /> },
     ],
   },
   { path: '/um/*', element: <UserManagementHostPage /> },

apps/backoffice/src/app/store/index.ts

@@ -1,10 +1,26 @@
 import { configureStore } from '@reduxjs/toolkit';
 import { baseApi } from '@ema-platform/api';
+import { authReducer, signupReducer, configureAuthStorage, authStorage } from '@ema-platform/auth';
+import type { AuthUser } from '@ema-platform/auth';
+
+configureAuthStorage('ema-backoffice');
+
+const preloadedAuth = (() => {
+  const token = authStorage.getToken();
+  const user = authStorage.getUser<AuthUser>();
+  if (token && user) {
+    return { token, user, isAuthenticated: true };
+  }
+  return undefined;
+})();
 
 export const store = configureStore({
   reducer: {
+    auth: authReducer,
+    signup: signupReducer,
     [baseApi.reducerPath]: baseApi.reducer,
   },
+  preloadedState: preloadedAuth ? { auth: preloadedAuth } : undefined,
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware().concat(baseApi.middleware),
 });