add docs settings to admin page

apps/edr-freight-web/backoffice/src/hooks/hooks/useBookings.ts

@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { bookingsService } from "../services/bookings.service";
+
+export const useBookings = () =>
+  useQuery({
+    queryKey: ["bookings"],
+    queryFn: bookingsService.list,
+  });
+
+export const useBooking = (id: string) =>
+  useQuery({
+    queryKey: ["bookings", id],
+    queryFn: () => bookingsService.get(id),
+    enabled: Boolean(id),
+  });

apps/edr-freight-web/backoffice/src/hooks/hooks/useConsignments.ts

@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { consignmentsService } from "../services/consignments.service";
+
+export const useConsignments = () =>
+  useQuery({
+    queryKey: ["consignments"],
+    queryFn: consignmentsService.list,
+  });
+
+export const useConsignment = (id: string) =>
+  useQuery({
+    queryKey: ["consignments", id],
+    queryFn: () => consignmentsService.get(id),
+    enabled: Boolean(id),
+  });

apps/edr-freight-web/backoffice/src/hooks/hooks/useCustomers.ts

@@ -0,0 +1,50 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { customersService } from "@/services/customers.service";
+import type {
+  CreateCustomerDto,
+  UpdateCustomerDto,
+} from "@/types/customers";
+
+const KEY = ["customers"] as const;
+
+export const useCustomers = () =>
+  useQuery({
+    queryKey: KEY,
+    queryFn: customersService.list,
+  });
+
+export const useCustomer = (id: string | undefined) =>
+  useQuery({
+    queryKey: [...KEY, "id", id],
+    queryFn: () => customersService.getById(id!),
+    enabled: Boolean(id),
+  });
+
+export const useCreateCustomer = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (dto: CreateCustomerDto) => customersService.create(dto),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useUpdateCustomer = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, dto }: { id: string; dto: UpdateCustomerDto }) =>
+      customersService.update(id, dto),
+    onSuccess: (_data, { id }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", id] });
+    },
+  });
+};
+
+export const useDeleteCustomer = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id: string) => customersService.remove(id),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};

apps/edr-freight-web/backoffice/src/hooks/hooks/useTracking.ts

@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { trackingService } from "../services/tracking.service";
+
+export const useTracking = (consignmentId: string) =>
+  useQuery({
+    queryKey: ["tracking", consignmentId],
+    queryFn: () => trackingService.forConsignment(consignmentId),
+    enabled: Boolean(consignmentId),
+  });

apps/edr-freight-web/backoffice/src/hooks/useDropdownSettings.ts

@@ -0,0 +1,126 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { dropdownSettingsService } from "@/services/dropdownSettings.service";
+import type {
+  CreateDropdownOptionDto,
+  CreateDropdownSettingDto,
+  UpdateDropdownOptionDto,
+  UpdateDropdownSettingDto,
+} from "@/types/dropdownSettings";
+
+const KEY = ["dropdown-settings"] as const;
+
+/* ------------------------------ Queries ------------------------------ */
+
+export const useDropdownSettings = () =>
+  useQuery({
+    queryKey: KEY,
+    queryFn: dropdownSettingsService.list,
+  });
+
+export const useDropdownSetting = (id: string) =>
+  useQuery({
+    queryKey: [...KEY, "id", id],
+    queryFn: () => dropdownSettingsService.getById(id),
+    enabled: Boolean(id),
+  });
+
+export const useDropdownSettingByCode = (code: string) =>
+  useQuery({
+    queryKey: [...KEY, "code", code],
+    queryFn: () => dropdownSettingsService.getByCode(code),
+    enabled: Boolean(code),
+  });
+
+/* ----------------------------- Mutations ----------------------------- */
+
+export const useCreateDropdownSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (dto: CreateDropdownSettingDto) =>
+      dropdownSettingsService.create(dto),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useUpdateDropdownSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      id,
+      dto,
+    }: {
+      id: string;
+      dto: UpdateDropdownSettingDto;
+    }) => dropdownSettingsService.update(id, dto),
+    onSuccess: (_data, { id }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", id] });
+    },
+  });
+};
+
+export const useDeleteDropdownSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id: string) => dropdownSettingsService.remove(id),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useReplaceDropdownOptions = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      settingId,
+      options,
+    }: {
+      settingId: string;
+      options: CreateDropdownOptionDto[];
+    }) => dropdownSettingsService.replaceOptions(settingId, options),
+    onSuccess: (_data, { settingId }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", settingId] });
+    },
+  });
+};
+
+export const useAddDropdownOption = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      settingId,
+      dto,
+    }: {
+      settingId: string;
+      dto: CreateDropdownOptionDto;
+    }) => dropdownSettingsService.addOption(settingId, dto),
+    onSuccess: (_data, { settingId }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", settingId] });
+    },
+  });
+};
+
+export const useUpdateDropdownOption = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      optionId,
+      dto,
+    }: {
+      optionId: string;
+      dto: UpdateDropdownOptionDto;
+    }) => dropdownSettingsService.updateOption(optionId, dto),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useRemoveDropdownOption = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (optionId: string) =>
+      dropdownSettingsService.removeOption(optionId),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};

apps/edr-freight-web/backoffice/src/hooks/useFileUploadSettings.ts

@@ -0,0 +1,126 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { fileUploadSettingsService } from "@/services/fileUploadSettings.service";
+import type {
+  CreateFileUploadFieldDto,
+  CreateFileUploadSettingDto,
+  UpdateFileUploadFieldDto,
+  UpdateFileUploadSettingDto,
+} from "@/types/fileUploadSettings";
+
+const KEY = ["file-upload-settings"] as const;
+
+/* ------------------------------ Queries ------------------------------ */
+
+export const useFileUploadSettings = () =>
+  useQuery({
+    queryKey: KEY,
+    queryFn: fileUploadSettingsService.list,
+  });
+
+export const useFileUploadSetting = (id: string) =>
+  useQuery({
+    queryKey: [...KEY, "id", id],
+    queryFn: () => fileUploadSettingsService.getById(id),
+    enabled: Boolean(id),
+  });
+
+export const useFileUploadSettingByCode = (code: string) =>
+  useQuery({
+    queryKey: [...KEY, "code", code],
+    queryFn: () => fileUploadSettingsService.getByCode(code),
+    enabled: Boolean(code),
+  });
+
+/* ----------------------------- Mutations ----------------------------- */
+
+export const useCreateFileUploadSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (dto: CreateFileUploadSettingDto) =>
+      fileUploadSettingsService.create(dto),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useUpdateFileUploadSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      id,
+      dto,
+    }: {
+      id: string;
+      dto: UpdateFileUploadSettingDto;
+    }) => fileUploadSettingsService.update(id, dto),
+    onSuccess: (_data, { id }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", id] });
+    },
+  });
+};
+
+export const useDeleteFileUploadSetting = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id: string) => fileUploadSettingsService.remove(id),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useReplaceFileUploadFields = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      settingId,
+      fields,
+    }: {
+      settingId: string;
+      fields: CreateFileUploadFieldDto[];
+    }) => fileUploadSettingsService.replaceFields(settingId, fields),
+    onSuccess: (_data, { settingId }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", settingId] });
+    },
+  });
+};
+
+export const useAddFileUploadField = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      settingId,
+      dto,
+    }: {
+      settingId: string;
+      dto: CreateFileUploadFieldDto;
+    }) => fileUploadSettingsService.addField(settingId, dto),
+    onSuccess: (_data, { settingId }) => {
+      qc.invalidateQueries({ queryKey: KEY });
+      qc.invalidateQueries({ queryKey: [...KEY, "id", settingId] });
+    },
+  });
+};
+
+export const useUpdateFileUploadField = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      fieldId,
+      dto,
+    }: {
+      fieldId: string;
+      dto: UpdateFileUploadFieldDto;
+    }) => fileUploadSettingsService.updateField(fieldId, dto),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};
+
+export const useRemoveFileUploadField = () => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (fieldId: string) =>
+      fileUploadSettingsService.removeField(fieldId),
+    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
+  });
+};