Merge branch 'main' into DIAL-27-Add-send-message-to-user

Author: khanh1902

client/.eslintrc.cjs

@@ -23,5 +23,6 @@ module.exports = {
             caughtErrorsIgnorePattern: '^_',
          },
       ],
+      '@typescript-eslint/ban-ts-comment': 'off',
    },
 };

client/package-lock.json

@@ -50,6 +50,7 @@
       "cmdk": "^0.2.1",
       "crypto-js": "^4.2.0",
       "date-fns": "^3.3.1",
+      "dayjs": "^1.11.10",
       "embla-carousel-react": "^8.0.0-rc23",
       "firebase": "^10.8.0",
       "i18next": "^23.9.0",
@@ -65,9 +66,11 @@
       "react-hook-form": "^7.50.1",
       "react-i18next": "^14.0.5",
       "react-resizable-panels": "^2.0.9",
+      "react-router-dom": "^6.22.2",
       "sonner": "^1.4.0",
       "tailwind-merge": "^2.2.1",
       "tailwindcss-animate": "^1.0.7",
+      "usehooks-ts": "^2.15.1",
       "vaul": "^0.9.0",
       "zod": "^3.22.4",
       "zustand": "^4.5.1"

client/package.json

@@ -0,0 +1,52 @@
+import { ENDPOINTS } from '@/constants';
+import http_client from '@/lib/http-client';
+import { TChannelInput } from '@/lib/schema/channel';
+import {
+   TChannelQuery,
+   TChannelType,
+   TChannelWithChannelType,
+} from '@/types/channel';
+import { TBaseResponse, TResPagination } from '@/types/share';
+
+class ChannelApi {
+   getChannelType(id: string): Promise<TBaseResponse<TChannelType>> {
+      return http_client.get(`${ENDPOINTS.CHANNEL.TYPES}/${id}`);
+   }
+
+   getChannelTypes(): Promise<TBaseResponse<TChannelType[]>> {
+      return http_client.get(ENDPOINTS.CHANNEL.TYPES);
+   }
+
+   getChannels(
+      query?: TChannelQuery
+   ): Promise<TResPagination<TChannelWithChannelType>> {
+      return http_client.get(ENDPOINTS.CHANNEL.INDEX, {
+         params: query,
+      });
+   }
+
+   create(
+      data: TChannelInput
+   ): Promise<TBaseResponse<TChannelWithChannelType>> {
+      return http_client.post(ENDPOINTS.CHANNEL.INDEX, data);
+   }
+
+   update(
+      id: string,
+      data: TChannelInput
+   ): Promise<TBaseResponse<TChannelWithChannelType>> {
+      return http_client.put(`${ENDPOINTS.CHANNEL.INDEX}/${id}`, data);
+   }
+
+   delete(id: string): Promise<TBaseResponse<null>> {
+      return http_client.delete(`${ENDPOINTS.CHANNEL.DELETE}/${id}`);
+   }
+
+   deleteMany(ids: string[]): Promise<TBaseResponse<null>> {
+      return http_client.delete(ENDPOINTS.CHANNEL.DELETES, {
+         data: { ids },
+      });
+   }
+}
+
+export const channelApi = new ChannelApi();

client/src/apis/channel.ts

@@ -0,0 +1,158 @@
+import { createBrowserRouter, redirect } from 'react-router-dom';
+import { queryClient } from '@/lib/query-client';
+import i18n from './i18n';
+import {
+   Channels,
+   ForgotPassword,
+   Login,
+   Mail,
+   Profiles,
+   Register,
+   SetPassword,
+} from '@/pages';
+import { useAppLayoutStore, useSettingStore, useUserStore } from '@/store';
+import {
+   currentUserQueryOptions,
+   settingQueryOption,
+} from '@/lib/query-options';
+import { AppLayout, AuthLayout, SettingLayout } from '@/components/layouts';
+import { TChannelQuery } from './types/channel';
+import { queryStringToObject } from './utils';
+import { queryChannelsOption } from './lib/query-options/channel';
+
+export const router = createBrowserRouter([
+   {
+      children: [
+         {
+            loader: async ({ request }) => {
+               const redirectUrl = new URL(request.url).searchParams.get(
+                  'redirect'
+               );
+               const user = await queryClient.ensureQueryData(
+                  currentUserQueryOptions()
+               );
+
+               if (user) {
+                  return redirect(redirectUrl || '/chatbots');
+               }
+
+               return null;
+            },
+            Component: AuthLayout,
+            children: [
+               {
+                  path: '/login',
+                  Component: Login,
+                  index: true,
+               },
+               {
+                  path: '/register',
+                  Component: Register,
+               },
+               {
+                  path: '/forgot-password',
+                  Component: ForgotPassword,
+               },
+               {
+                  path: '/set-password',
+                  Component: SetPassword,
+               },
+            ],
+         },
+         {
+            Component: AppLayout,
+            loader: async () => {
+               const user = await queryClient.ensureQueryData(
+                  currentUserQueryOptions()
+               );
+
+               const url = new URLSearchParams({
+                  redirect: location.href,
+               });
+
+               if (!user) {
+                  return redirect(`/login?${url.toString()}`);
+               }
+
+               useUserStore.getState().setUser(user);
+
+               return null;
+            },
+            children: [
+               {
+                  path: '/dashboard',
+                  index: true,
+                  loader: async () => {
+                     return redirect('/chatbots');
+                  },
+               },
+               {
+                  path: '/chatbots',
+                  element: <div>a</div>,
+                  loader: () => {
+                     useAppLayoutStore
+                        .getState()
+                        .setTitle(i18n.t('common:chatbots'));
+
+                     return null;
+                  },
+               },
+               {
+                  path: '/channels',
+                  Component: Channels,
+                  loader: async ({ request }) => {
+                     const query: TChannelQuery = queryStringToObject(
+                        request.url
+                     );
+
+                     await queryClient.ensureQueryData(
+                        queryChannelsOption(query)
+                     );
+
+                     useAppLayoutStore
+                        .getState()
+                        .setTitle(i18n.t('common:channels'));
+
+                     return null;
+                  },
+               },
+               {
+                  path: '/settings',
+                  Component: SettingLayout,
+                  loader: async () => {
+                     const data =
+                        await queryClient.ensureQueryData(settingQueryOption());
+
+                     useSettingStore.getState().setSetting(data);
+                     useAppLayoutStore
+                        .getState()
+                        .setTitle(i18n.t('common:settings'));
+
+                     return null;
+                  },
+                  children: [
+                     {
+                        path: 'mail',
+                        Component: Mail,
+                     },
+                     {
+                        path: 'profiles',
+                        Component: Profiles,
+                     },
+                     {
+                        index: true,
+                        loader: async () => {
+                           return redirect('/settings/profiles');
+                        },
+                     },
+                  ],
+               },
+            ],
+         },
+         {
+            path: '/',
+            element: <div>Hi</div>,
+         },
+      ],
+   },
+]);