Merge branch 'feature/MYD-49' into 'develop'

MYD-49/Add supplier interface

See merge request mydressin/mydressin-front!39

src/app/dashboard/supplier/new/page.tsx

+import SupplierCreateView from "@/shared/sections/supplier/add supplier/create-supplier-view";
+
+// ----------------------------------------------------------------------
+
+export const metadata = {
+  title: "Dashboard: Create a new supplier",
+};
+
+export default function UserCreatePage() {
+  return <SupplierCreateView />;
+}

src/routes/paths.ts

@@ -72,6 +72,11 @@ export const paths = {
     }, payment: {
       root: `${ROOTS.DASHBOARD}/payment`,
       method: (name: string) => `${ROOTS.DASHBOARD}/payment/${name}`,
+    },
+    supplier : {
+      root:`${ROOTS.DASHBOARD}/supplier`,
+      new:`${ROOTS.DASHBOARD}/supplier/new`,
+      //edit: `${ROOTS.DASHBOARD}/supplier/${id}/edit`,
     }
   },
   promo: {
@@ -82,6 +87,7 @@ export const paths = {
     details: (id: string) => `${ROOTS.DASHBOARD}/promo/${id}`,
     edit: (id: string) => `${ROOTS.DASHBOARD}/promo/${id}/edit`,
   },
+ 
 
 };
 

src/shared/layouts/dashboard/config-navigation.tsx

@@ -97,6 +97,18 @@ export function useNavData() {
               { title: "Corbeille", path: paths.dashboard.order.trash },
             ],
           },
+          {
+            title: "Fournisseur",
+            path: paths.dashboard.supplier.root,
+            icon: ICONS.order,
+            children: [
+              {
+                title: "Tout les fournisseurs",
+                path: paths.dashboard.supplier.root,
+              },
+              { title: "Ajouter", path: paths.dashboard.supplier.new },
+            ],
+          },
         ],
       },
       {

src/shared/sections/supplier/add supplier/create-supplier-view.tsx

+"use client";
+
+import Container from "@mui/material/Container";
+
+import { paths } from "@/routes/paths";
+
+import { useSettingsContext } from "@/components/settings";
+import CustomBreadcrumbs from "@/components/custom-breadcrumbs";
+
+import SupplierNewEditForm from "./supplier-new-edit-form";
+
+// ----------------------------------------------------------------------
+
+export default function SupplierCreateView() {
+  const settings = useSettingsContext();
+
+  return (
+    <Container maxWidth={settings.themeStretch ? false : "lg"}>
+      <CustomBreadcrumbs
+        heading="Créer un nouveau Fournisseur"
+        links={[
+          {
+            name: "Dashboard",
+            href: paths.dashboard.root,
+          },
+          {
+            name: "Fournisseur",
+            href: paths.dashboard.supplier.root,
+          },
+          { name: "Nouveau Fournisseur" },
+        ]}
+        sx={{
+          mb: { xs: 3, md: 5 },
+        }}
+      />
+
+      <SupplierNewEditForm />
+    </Container>
+  );
+}

src/shared/sections/supplier/add supplier/supplier-new-edit-form.tsx

+"use client";
+import * as Yup from "yup";
+import { useMemo, useCallback } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import Stack from "@mui/material/Stack";
+import Button from "@mui/material/Button";
+import Switch from "@mui/material/Switch";
+import Grid from "@mui/material/Unstable_Grid2";
+import Typography from "@mui/material/Typography";
+import LoadingButton from "@mui/lab/LoadingButton";
+import FormControlLabel from "@mui/material/FormControlLabel";
+
+import { paths } from "@/routes/paths";
+import { useRouter } from "@/hooks";
+
+import { fData } from "@/utils/format-number";
+
+import { countries } from "@/shared/assets/data";
+
+import Label from "@/shared/components/label";
+import { useSnackbar } from "@/components/snackbar";
+import FormProvider, {
+  RHFTextField,
+  RHFUploadAvatar,
+  RHFAutocomplete,
+} from "@/shared/components/hook-form";
+
+import { IUserItem } from "@/shared/types/user";
+
+// ----------------------------------------------------------------------
+
+type Props = {
+  currentUser?: IUserItem;
+};
+
+export default function SupplierNewEditForm({ currentUser }: Props) {
+  const router = useRouter();
+
+  const { enqueueSnackbar } = useSnackbar();
+
+  const NewUserSchema = Yup.object().shape({
+    name: Yup.string().required("Nom requis"),
+    email: Yup.string()
+      .required("Email requis")
+      .email("L'email doit être une adresse email valide"),
+    phoneNumber: Yup.string().required("Numéro de téléphone requis"),
+    address: Yup.string().required("Adresse requise"),
+    country: Yup.string().required("Pays requis"),
+    state: Yup.string().required("État requis"),
+    city: Yup.string().required("Ville requise"),
+    zipCode: Yup.string().required("Code postal requis"),
+    avatarUrl: Yup.mixed<any>().nullable().required("Avatar requis"),
+
+    // not required
+    status: Yup.string(),
+    isVerified: Yup.boolean(),
+  });
+
+  const defaultValues = useMemo(
+    () => ({
+      name: currentUser?.name || "",
+      city: currentUser?.city || "",
+      email: currentUser?.email || "",
+      state: currentUser?.state || "",
+      status: currentUser?.status || "",
+      address: currentUser?.address || "",
+      country: currentUser?.country || "",
+      zipCode: currentUser?.zipCode || "",
+
+      avatarUrl: currentUser?.avatarUrl || null,
+      phoneNumber: currentUser?.phoneNumber || "",
+      isVerified: currentUser?.isVerified || true,
+    }),
+    [currentUser]
+  );
+
+  const methods = useForm({
+    resolver: yupResolver(NewUserSchema),
+    defaultValues,
+  });
+
+  const {
+    reset,
+    watch,
+    control,
+    setValue,
+    handleSubmit,
+    formState: { isSubmitting },
+  } = methods;
+
+  const values = watch();
+
+  const onSubmit = handleSubmit(async (data) => {
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      reset();
+      enqueueSnackbar(
+        currentUser ? "Mise à jour réussie !" : "Création réussie !"
+      );
+      router.push(paths.dashboard.supplier.root);
+      console.info("DONNÉES", data);
+    } catch (error) {
+      console.error(error);
+    }
+  });
+
+  const handleDrop = useCallback(
+    (acceptedFiles: File[]) => {
+      const file = acceptedFiles[0];
+
+      const newFile = Object.assign(file, {
+        preview: URL.createObjectURL(file),
+      });
+
+      if (file) {
+        setValue("avatarUrl", newFile, { shouldValidate: true });
+      }
+    },
+    [setValue]
+  );
+
+  return (
+    <FormProvider methods={methods} onSubmit={onSubmit}>
+      <Grid container spacing={3}>
+        <Grid xs={12} md={4}>
+          <Card sx={{ pt: 10, pb: 5, px: 3 }}>
+            {currentUser && (
+              <Label
+                color={
+                  (values.status === "active" && "success") ||
+                  (values.status === "banned" && "error") ||
+                  "warning"
+                }
+                sx={{ position: "absolute", top: 24, right: 24 }}
+              >
+                {values.status}
+              </Label>
+            )}
+
+            <Box sx={{ mb: 5 }}>
+              <RHFUploadAvatar
+                name="avatarUrl"
+                maxSize={3145728}
+                onDrop={handleDrop}
+                helperText={
+                  <Typography
+                    variant="caption"
+                    sx={{
+                      mt: 3,
+                      mx: "auto",
+                      display: "block",
+                      textAlign: "center",
+                      color: "text.disabled",
+                    }}
+                  >
+                    Formats autorisés : *.jpeg, *.jpg, *.png, *.gif
+                    <br /> taille maximale de {fData(3145728)}
+                  </Typography>
+                }
+              />
+            </Box>
+
+            {currentUser && (
+              <FormControlLabel
+                labelPlacement="start"
+                control={
+                  <Controller
+                    name="status"
+                    control={control}
+                    render={({ field }) => (
+                      <Switch
+                        {...field}
+                        checked={field.value !== "active"}
+                        onChange={(event) =>
+                          field.onChange(
+                            event.target.checked ? "banned" : "active"
+                          )
+                        }
+                      />
+                    )}
+                  />
+                }
+                label={
+                  <>
+                    <Typography variant="subtitle2" sx={{ mb: 0.5 }}>
+                      Banni
+                    </Typography>
+                    <Typography
+                      variant="body2"
+                      sx={{ color: "text.secondary" }}
+                    >
+                      Désactiver le compte
+                    </Typography>
+                  </>
+                }
+                sx={{ mx: 0, mb: 3, width: 1, justifyContent: "space-between" }}
+              />
+            )}
+
+            {currentUser && (
+              <Stack justifyContent="center" alignItems="center" sx={{ mt: 3 }}>
+                <Button variant="soft" color="error">
+                  Supprimer l'utilisateur
+                </Button>
+              </Stack>
+            )}
+          </Card>
+        </Grid>
+
+        <Grid xs={12} md={8}>
+          <Card sx={{ p: 3 }}>
+            <Box
+              rowGap={3}
+              columnGap={2}
+              display="grid"
+              gridTemplateColumns={{
+                xs: "repeat(1, 1fr)",
+                sm: "repeat(2, 1fr)",
+              }}
+            >
+              <RHFTextField name="name" label="Nom complet" />
+              <RHFTextField name="email" label="Adresse email" />
+              <RHFTextField name="phoneNumber" label="Numéro de téléphone" />
+
+              <RHFAutocomplete
+                name="country"
+                type="country"
+                label="Pays"
+                placeholder="Choisissez un pays"
+                fullWidth
+                options={countries.map((option) => option.label)}
+                getOptionLabel={(option) => option}
+              />
+              <RHFTextField name="secteur" label="Sécteur" />
+              <RHFTextField name="zone" label="Zone Fournisseur" />
+              <RHFTextField name="city" label="Référence Fournisseur" />
+              <RHFTextField name="state" label="État/Région" />
+              <RHFTextField name="city" label="Ville" />
+              <RHFTextField name="address" label="Adresse" />
+              <RHFTextField name="zipCode" label="Code postal" />
+            </Box>
+
+            <Stack alignItems="flex-end" sx={{ mt: 3 }}>
+              <LoadingButton
+                type="submit"
+                variant="contained"
+                loading={isSubmitting}
+              >
+                {!currentUser
+                  ? "Créer un utilisateur"
+                  : "Sauvegarder les modifications"}
+              </LoadingButton>
+            </Stack>
+          </Card>
+        </Grid>
+      </Grid>
+    </FormProvider>
+  );
+}

src/shared/types/user.ts

+import { CustomFile } from '@/shared/components/upload';
+
+// ----------------------------------------------------------------------
+
+export type IUserTableFilterValue = string | string[];
+
+export type IUserTableFilters = {
+  name: string;
+  role: string[];
+  status: string;
+};
+
+// ----------------------------------------------------------------------
+
+export type IUserSocialLink = {
+  facebook: string;
+  instagram: string;
+  linkedin: string;
+  twitter: string;
+};
+
+export type IUserProfileCover = {
+  name: string;
+  role: string;
+  coverUrl: string;
+  avatarUrl: string;
+};
+
+export type IUserProfile = {
+  id: string;
+  role: string;
+  quote: string;
+  email: string;
+  school: string;
+  country: string;
+  company: string;
+  totalFollowers: number;
+  totalFollowing: number;
+  socialLinks: IUserSocialLink;
+};
+
+export type IUserProfileFollower = {
+  id: string;
+  name: string;
+  country: string;
+  avatarUrl: string;
+};
+
+export type IUserProfileGallery = {
+  id: string;
+  title: string;
+  imageUrl: string;
+  postedAt: Date;
+};
+
+export type IUserProfileFriend = {
+  id: string;
+  name: string;
+  role: string;
+  avatarUrl: string;
+};
+
+export type IUserProfilePost = {
+  id: string;
+  media: string;
+  message: string;
+  createdAt: Date;
+  personLikes: {
+    name: string;
+    avatarUrl: string;
+  }[];
+  comments: {
+    id: string;
+    message: string;
+    createdAt: Date;
+    author: {
+      id: string;
+      name: string;
+      avatarUrl: string;
+    };
+  }[];
+};
+
+export type IUserCard = {
+  id: string;
+  name: string;
+  role: string;
+  coverUrl: string;
+  avatarUrl: string;
+  totalPosts: number;
+  totalFollowers: number;
+  totalFollowing: number;
+};
+
+export type IUserItem = {
+  id: string;
+  name: string;
+  city: string;
+  role: string;
+  email: string;
+  state: string;
+  status: string;
+  address: string;
+  country: string;
+  zipCode: string;
+  company: string;
+  avatarUrl: string;
+  phoneNumber: string;
+  isVerified: boolean;
+};
+
+export type IUserAccount = {
+  email: string;
+  isPublic: boolean;
+  displayName: string;
+  city: string | null;
+  state: string | null;
+  about: string | null;
+  country: string | null;
+  address: string | null;
+  zipCode: string | null;
+  phoneNumber: string | null;
+  photoURL: CustomFile | string | null;
+};
+
+export type IUserAccountBillingHistory = {
+  id: string;
+  price: number;
+  createdAt: Date;
+  invoiceNumber: string;
+};
+
+export type IUserAccountChangePassword = {
+  oldPassword: string;
+  newPassword: string;
+  confirmNewPassword: string;
+};