tokenRefresh, crear y editar productos con img funcionando

2025-08-21 14:57:55 -04:00
parent 6a28e141a9
commit c45307d47d
22 changed files with 301 additions and 193 deletions
--- a/apps/api/src/common/guards/jwt-refresh.guard.ts
+++ b/apps/api/src/common/guards/jwt-refresh.guard.ts
@@ -24,7 +24,7 @@ export class JwtRefreshGuard implements CanActivate {
    const request = context.switchToHttp().getRequest();
    const token = this.extractTokenFromHeader(request);
    if (!token) {
-      throw new UnauthorizedException();
+      throw new UnauthorizedException('No Refresh Token?');
    }
    try {
      request.user = await this.jwtService.verifyAsync(token, {
@@ -43,8 +43,8 @@ export class JwtRefreshGuard implements CanActivate {
  }

  private extractTokenFromHeader(request: Request): string | undefined {
-    const token = request.body.token
-    console.log(token);
+    const token = request.body.refresh_token
+    // console.log(token);
    
    if (token) {
      return token;
--- a/apps/api/src/features/auth/auth.controller.ts
+++ b/apps/api/src/features/auth/auth.controller.ts
@@ -57,13 +57,20 @@ export class AuthController {
  @Patch('refresh')
  //@RequirePermissions('auth:refresh-token')
  async refreshToken(@Req() req: Request,@Body() refreshTokenDto: RefreshTokenDto) {
-    console.log("Pepe");
-    console.log(req['user']);
-    //console.log(refreshTokenDto);
  
-    return null
+    // console.log("Pepeeeee");
+    // console.log(req['user']);
+    // console.log("refreshTokenDto",refreshTokenDto);
+    // console.log(typeof refreshTokenDto);

-    // return await this.authService.refreshToken(refreshTokenDto);
+    const data = await this.authService.refreshToken(refreshTokenDto,req['user'].sub);
+    // console.log("data",data);
+    
+    if (!data) {
+      return null;
+    }
+
+    return {tokens: data}
  }

  // @Public()
--- a/apps/api/src/features/auth/auth.service.ts
+++ b/apps/api/src/features/auth/auth.service.ts
@@ -261,8 +261,9 @@ export class AuthService {
  }

  //Refresh User Access Token
-  async refreshToken(dto: RefreshTokenDto): Promise<RefreshTokenInterface> {
-    const { user_id } = dto;
+  async refreshToken(dto: RefreshTokenDto,user_id:number): Promise<RefreshTokenInterface> {
+    // const { user_id } = dto;
+    // const user_id = 1;

    const session = await this.drizzle
      .select()
@@ -274,16 +275,22 @@ export class AuthService {
        ),
      );

+    // console.log(session.length);
+    
    if (session.length === 0) throw new NotFoundException('session not found');
-    const user = await this.findUserById(dto.user_id);
+    const user = await this.findUserById(user_id);
    if (!user) throw new NotFoundException('User not found');
+    
+    // Genera token
    const tokens = await this.generateTokens(user);
    const decodeAccess = this.decodeToken(tokens.access_token);
    const decodeRefresh = this.decodeToken(tokens.refresh_token);
+    
+    // Actualiza session
    await this.drizzle
      .update(sessions)
      .set({ sessionToken: tokens.refresh_token, expiresAt: decodeRefresh.exp })
-      .where(eq(sessions.userId, dto.user_id));
+      .where(eq(sessions.userId, user_id));

    return {
      access_token: tokens.access_token,
--- a/apps/api/src/features/inventory/dto/create-product.dto.ts
+++ b/apps/api/src/features/inventory/dto/create-product.dto.ts
@@ -39,15 +39,10 @@ export class CreateProductDto {
  status: string;

  @ApiProperty()
-  @IsInt({
-    message: 'userID must be a number',
-  })
-  // @IsOptional()
+  @IsOptional()
  userId: number;

  @ApiProperty()
-  @IsString({
-    message: 'urlImg must be a string',
-  })
+  @IsOptional()
  urlImg: string;
 }
--- a/apps/api/src/features/inventory/inventory.controller.ts
+++ b/apps/api/src/features/inventory/inventory.controller.ts
@@ -52,43 +52,34 @@ export class UsersController {
  }

  @Post()
-  // @Roles('admin')
  @ApiOperation({ summary: 'Create a new product' })
  @ApiResponse({ status: 201, description: 'Product created successfully.' })
+  @ApiResponse({ status: 500, description: 'Internal server error.' })
+  @UseInterceptors(FilesInterceptor('urlImg'))
  async create(
+    @Req() req: Request,
    @Body() createUserDto: CreateProductDto,
+    @UploadedFiles() files: Express.Multer.File[],
    @Query('roleId') roleId?: string,
  ) {
-    const data = await this.inventoryService.create(createUserDto)
+    const id = Number(req['user'].id);
+    const data = await this.inventoryService.create(files,createUserDto,id)
    return { message: 'User created successfully', data };
  }

-  @Patch('/id/:id')
-  // @Roles('admin')
-  @ApiOperation({ summary: 'Update a product' })
-  @ApiResponse({ status: 200, description: 'Product updated successfully.' })
-  @ApiResponse({ status: 404, description: 'Product not found.' })
-  async update(@Param('id') id: string, @Body() UpdateProductDto: UpdateProductDto) {
-    const data = await this.inventoryService.update(id, UpdateProductDto);
-    return { message: 'User updated successfully', data };
-  }
-
  @Patch('/upload')
    @ApiOperation({ summary: 'Update a product' })
    @ApiResponse({ status: 200, description: 'Product uploaded successfully.'})
    @ApiResponse({ status: 404, description: 'Product not found.' })
    @ApiResponse({ status: 500, description: 'Internal server error.' })
    @UseInterceptors(FilesInterceptor('urlImg'))
-    async uploadFile(@Req() req: Request, @UploadedFiles() files: Express.Multer.File[], @Body() body: any) {
-      // Aquí puedes acceder a los campos del formulario
-      // console.log('Archivos:', files);
+    async uploadFile(
+      @Req() req: Request, 
+      @UploadedFiles() files: Express.Multer.File[], 
+      @Body() body: any
+    ) {
      const id = Number(req['user'].id);
-      // console.log(req['user'].id)
-      // console.log('Otros campos del formulario:', body);
      const result = await this.inventoryService.saveImages(files,body,id);
-      
-      // const result = ['result']
-
      return { data: result };
    }

--- a/apps/api/src/features/inventory/inventory.service.ts
+++ b/apps/api/src/features/inventory/inventory.service.ts
@@ -187,63 +187,92 @@ export class InventoryService {

  // Rest of the service remains the same
  async create(
-    createProductDto: CreateProductDto
+    file: Express.Multer.File[],
+    createProductDto: CreateProductDto,
+    userId: number,
  ): Promise<any> {

+    let gallery: string[] = [];
+
+    
+    await Promise.all(file.map(async (f, index) => {
+      const fileName = `${index + 1}-${f.originalname}`;
+      gallery.push(fileName);
+    }));
+    
+    console.log(gallery);
+

    // Start a transaction
    return await this.drizzle.transaction(async (tx) => {

-      const [newProduct] = await tx
-        .insert(products)
-        .values({
+      const productValue = {
        title: createProductDto.title,
        description: createProductDto.description,
        price: createProductDto.price,
        address: createProductDto.address,
-          urlImg: createProductDto.urlImg,
-          stock: createProductDto.stock,
        status: createProductDto.status,
-          userId: createProductDto.userId
-        })
+        urlImg: gallery[0],
+        stock: createProductDto.stock,
+        userId: userId,
+        gallery: gallery
+      }
+      console.log(productValue);
+      
+
+      const [newProduct] = await tx
+        .insert(products)
+        .values(productValue)
        .returning();
+
+        const productId = newProduct.id;
+        const picturesPath = join(__dirname, '..', '..', '..', '..', 'web', 'public', 'uploads', 'inventory',userId.toString() , productId.toString());
+        // Crea el directorio si no existe
+        await mkdir(picturesPath, { recursive: true });
+
+        await Promise.all(file.map(async (f, index) => {
+          const fileName = `${index + 1}-${f.originalname}`;
+          const filePath = join(picturesPath, fileName);
+          await writeFile(filePath, f.buffer);
+        }));
+
      return newProduct
-    });
+    })
  }

-  async update(id: string, updateProductDto: UpdateProductDto): Promise<Product> {
-    const productId = parseInt(id);
-    // console.log(updateProductDto);
+  // async update(id: string, updateProductDto: UpdateProductDto): Promise<Product> {
+  //   const productId = parseInt(id);
+  //   // console.log(updateProductDto);

-    // Check if exists
-    await this.findOne(id);
+  //   // Check if exists
+  //   await this.findOne(id);

-    // Prepare update data
-    const updateData: any = {};
-    if (updateProductDto.title) updateData.title = updateProductDto.title;
-    if (updateProductDto.description) updateData.description = updateProductDto.description;
-    if (updateProductDto.price) updateData.price = updateProductDto.price;
-    if (updateProductDto.address) updateData.address = updateProductDto.address;
-    if (updateProductDto.status) updateData.status = updateProductDto.status;
-    if (updateProductDto.stock) updateData.stock = updateProductDto.stock;
-    if (updateProductDto.urlImg) updateData.urlImg = updateProductDto.urlImg;
+  //   // Prepare update data
+  //   const updateData: any = {};
+  //   if (updateProductDto.title) updateData.title = updateProductDto.title;
+  //   if (updateProductDto.description) updateData.description = updateProductDto.description;
+  //   if (updateProductDto.price) updateData.price = updateProductDto.price;
+  //   if (updateProductDto.address) updateData.address = updateProductDto.address;
+  //   if (updateProductDto.status) updateData.status = updateProductDto.status;
+  //   if (updateProductDto.stock) updateData.stock = updateProductDto.stock;
+  //   if (updateProductDto.urlImg) updateData.urlImg = updateProductDto.urlImg;

-    const [updatedProduct] = await this.drizzle.update(products).set(updateData).where(eq(products.id, productId)).returning();
-    return updatedProduct
-    // Return updated user
-    // return this.findOne(id);
-  }
+  //   const [updatedProduct] = await this.drizzle.update(products).set(updateData).where(eq(products.id, productId)).returning();
+  //   return updatedProduct
+  //   // Return updated user
+  //   // return this.findOne(id);
+  // }

  /**
   * Guarda una imagen en el directorio de imágenes.
   * @param file - El archivo de imagen a guardar.
   * @returns La ruta de la imagen guardada.
  */
-  async saveImages(file: Express.Multer.File[], updateProductDto: UpdateProductDto, id: number): Promise<Product> {
-    const productId = parseInt(id.toString());
+  async saveImages(file: Express.Multer.File[], updateProductDto: UpdateProductDto, userId: number): Promise<Product> {
+    const productId = parseInt(updateProductDto.id);

    // Construye la ruta al directorio de imágenes.
-    const picturesPath = join(__dirname, '..', '..', '..', '..', 'web', 'public', 'uploads', 'inventory', id.toString());
+    const picturesPath = join(__dirname, '..', '..', '..', '..', 'web', 'public', 'uploads', 'inventory', userId.toString() , productId.toString());

    // --- NUEVA LÓGICA: Borrar el directorio anterior ---
    try {
@@ -278,6 +307,7 @@ export class InventoryService {
    if (updateProductDto.status) updateData.status = updateProductDto.status;
    if (updateProductDto.stock) updateData.stock = updateProductDto.stock;
    if (file && file.length > 0) updateData.gallery = gallery;
+    if (file && file.length > 0) updateData.urlImg = gallery[0];

    const [updatedProduct] = await this.drizzle.update(products).set(updateData).where(eq(products.id, productId)).returning();
    return updatedProduct;
--- a/apps/web/app/dashboard/productos/[id]/page.tsx
+++ b/apps/web/app/dashboard/productos/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
  CardHeader,
  CardTitle,
 } from '@repo/shadcn/card';
-import { Edit } from 'lucide-react';
-
+import {ProductList} from '@/feactures/inventory/components/products/see-product'

 export default async function SurveyResponsePage({
  params,
@@ -39,56 +38,57 @@ export default async function SurveyResponsePage({
  // console.log(data.data);

  return (
+    <ProductList product={product} />
    // <PageContainer>
-    <main className='px-4 lg:px-6 flex flex-col md:flex-row gap-3 lg:gap-4 md:relative'>
-      <div className='w-full flex justify-between flex-col'>
+    // <main className='px-4 lg:px-6 flex flex-col md:flex-row gap-3 lg:gap-4 md:relative'>
+    //   <div className='w-full flex justify-between flex-col'>

-        <img
-          className="border-2 object-contain w-full f-full min-h-[400px] md:h-[70vh] aspect-square rounded-2xl"
-          src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.urlImg}`}
-          alt=""
-        />
+    //     <img
+    //       className="border-2 object-contain w-full f-full min-h-[400px] md:h-[70vh] aspect-square rounded-2xl"
+    //       src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.urlImg}`}
+    //       alt=""
+    //     />

-        <section className=''>
-          <img
-            className="border-2 object-cover w-[64px] h-[64px] md:w-[96px] md:h-[96px] aspect-square rounded-2xl"
-            src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.urlImg}`}
-            alt=""
-          />
-        </section>
-      </div>
-      <Card className="flex flex-col md:w-[400px] lg:w-[500px] min-h-[400px] md:h-[85vh] md:overflow-auto md:sticky top-0 right-0">
-        <CardHeader className='py-2 px-2 md:px-4 lg:px-6'>
-          <CardTitle className="font-bold text-2xl">
-            {product.title.charAt(0).toUpperCase() + product.title.slice(1)}
-          </CardTitle>
-          <p className='font-semibold'>$ {product.price} </p>
-          {product.status === 'AGOTADO' ? (
-            <p className="font-semibold text-lg text-red-900">AGOTADO</p>
-          ) : ('')}
-        </CardHeader>
-        <CardContent className="py-0 px-2 md:px-4 lg:px-6 flex-col justify-between flex-grow md:overflow-auto">
-          <div>
-            <p className='font-semibold text-lg border-t border-b'> Descripción</p>
-            <p className='p-1'>{product.description}</p>
-            {/* <p className='p-1'>{lorem+lorem+lorem+lorem}</p> */}
-          </div>
+    //     <section className=''>
+    //       <img
+    //         className="border-2 object-cover w-[64px] h-[64px] md:w-[96px] md:h-[96px] aspect-square rounded-2xl"
+    //         src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.urlImg}`}
+    //         alt=""
+    //       />
+    //     </section>
+    //   </div>
+    //   <Card className="flex flex-col md:w-[400px] lg:w-[500px] min-h-[400px] md:h-[85vh] md:overflow-auto md:sticky top-0 right-0">
+    //     <CardHeader className='py-2 px-2 md:px-4 lg:px-6'>
+    //       <CardTitle className="font-bold text-2xl">
+    //         {product.title.charAt(0).toUpperCase() + product.title.slice(1)}
+    //       </CardTitle>
+    //       <p className='font-semibold'>$ {product.price} </p>
+    //       {product.status === 'AGOTADO' ? (
+    //         <p className="font-semibold text-lg text-red-900">AGOTADO</p>
+    //       ) : ('')}
+    //     </CardHeader>
+    //     <CardContent className="py-0 px-2 md:px-4 lg:px-6 flex-col justify-between flex-grow md:overflow-auto">
+    //       <div>
+    //         <p className='font-semibold text-lg border-t border-b'> Descripción</p>
+    //         <p className='p-1'>{product.description}</p>
+    //         {/* <p className='p-1'>{lorem+lorem+lorem+lorem}</p> */}
+    //       </div>

-          <div className='mt-2'>
-            <p className='font-semibold text-lg border-t border-b'> Dirección</p>
-            <p className='p-1'>{product.address}</p>
-          </div>
-        </CardContent>
+    //       <div className='mt-2'>
+    //         <p className='font-semibold text-lg border-t border-b'> Dirección</p>
+    //         <p className='p-1'>{product.address}</p>
+    //       </div>
+    //     </CardContent>

-        <CardFooter className="px-2 md:px-4 lg:px-6">
-          <div>
-            <p className='font-semibold text-lg border-t border-b mt-4'>Información del vendedor</p>
-            <p>{product.fullname}</p>
-            <p>{product.phone}</p>
-            <p>{product.email}</p>
-          </div>
-        </CardFooter>
-      </Card>
-    </main>
+    //     <CardFooter className="px-2 md:px-4 lg:px-6">
+    //       <div>
+    //         <p className='font-semibold text-lg border-t border-b mt-4'>Información del vendedor</p>
+    //         <p>{product.fullname}</p>
+    //         <p>{product.phone}</p>
+    //         <p>{product.email}</p>
+    //       </div>
+    //     </CardFooter>
+    //   </Card>
+    // </main>
  );
 }
--- a/apps/web/feactures/auth/actions/refresh-token-action.ts
+++ b/apps/web/feactures/auth/actions/refresh-token-action.ts
@@ -7,12 +7,7 @@ import {

 export const resfreshTokenAction = async (refreshToken: RefreshTokenValue) => {
  try {
-    const body = {
-      token: refreshToken.token,
-    }
-
-    // Usa la nueva instancia `refreshApi`
-    const response = await refreshApi.patch('/auth/refresh', body);
+    const response = await refreshApi.patch('/auth/refresh', {refresh_token: refreshToken.token});

    const parsed = RefreshTokenResponseSchema.safeParse(response.data);   

--- a/apps/web/feactures/inventory/actions/actions.ts
+++ b/apps/web/feactures/inventory/actions/actions.ts
@@ -118,15 +118,15 @@ export const getProductById = async (id: number) => {
 };

 export const createProductAction = async (payload: FormData) => {
-  const session = await auth()
-  const userId = session?.user?.id
+  // const session = await auth()
+  // const userId = session?.user?.id
  
-  if (userId) {
-    payload.append('userId', String(userId));
-  }
+  // if (userId) {
+  //   payload.append('userId', String(userId));
+  // }

  const [error, data] = await safeFetchApi(
-    productMutate,
+    test,
    '/products',
    'POST',
    payload,
--- a/apps/web/feactures/inventory/components/inventory/create-product-form.tsx
+++ b/apps/web/feactures/inventory/components/inventory/create-product-form.tsx
@@ -18,7 +18,7 @@ import {
 } from '@repo/shadcn/select';
 import { Input } from '@repo/shadcn/input';
 import { useForm } from 'react-hook-form';
-import { useCreateUser } from "@/feactures/inventory/hooks/use-mutation";
+import { useCreateProduct } from "@/feactures/inventory/hooks/use-mutation";
 import { editInventory, EditInventory } from '@/feactures/inventory/schemas/inventory';
 import { Textarea } from '@repo/shadcn/textarea';
 import { STATUS } from '@/constants/status'
@@ -37,7 +37,7 @@ export function CreateForm({
  const {
    mutate: saveProduct,
    isPending: isSaving,
-  } = useCreateUser();
+  } = useCreateProduct();

  const [sizeFile, setSizeFile] = useState('0 bytes');
  const [previewUrls, setPreviewUrls] = useState<string[]>([]);
--- a/apps/web/feactures/inventory/components/inventory/product-tables/columns.tsx
+++ b/apps/web/feactures/inventory/components/inventory/product-tables/columns.tsx
@@ -14,7 +14,7 @@ export const columns: ColumnDef<InventoryTable>[] = [
    header: 'img',
    cell: ({ row }) => {
        return (
-          <img src={`http://localhost:3000/uploads/inventory/${row.original.userId}/${row.original.urlImg}`} alt="" width={64} height={64} className="rounded"/> 
+          <img src={`http://localhost:3000/uploads/inventory/${row.original.userId}/${row.original.id}/${row.original.urlImg}`} alt="" width={64} height={64} className="rounded"/> 
        )
    },
  },
--- a/apps/web/feactures/inventory/components/inventory/update-product-form.tsx
+++ b/apps/web/feactures/inventory/components/inventory/update-product-form.tsx
@@ -18,7 +18,7 @@ import {
 } from '@repo/shadcn/select';
 import { Input } from '@repo/shadcn/input';
 import { useForm } from 'react-hook-form';
-import { useUpdateUser } from "@/feactures/inventory/hooks/use-mutation";
+import { useUpdateProduct } from "@/feactures/inventory/hooks/use-mutation";
 import { editInventory, EditInventory } from '@/feactures/inventory/schemas/inventory'; // Renombrado EditInventory para claridad
 import { Textarea } from '@repo/shadcn/components/ui/textarea';
 import {STATUS} from '@/constants/status'
@@ -55,7 +55,7 @@ export function UpdateForm({
    mutate: saveAccountingAccounts,
    isPending: isSaving,
    isError,
-  } = useUpdateUser();
+  } = useUpdateProduct();

  const [sizeFile, setSizeFile] = useState('0 bytes'); 
  const [previewUrls, setPreviewUrls] = useState<string[]>([]);
@@ -106,10 +106,10 @@ export function UpdateForm({
      }
    }

-    // --- IMPORTANTE: Tu hook `useUpdateUser` DEBE ser capaz de aceptar FormData ---
-    // Si `useUpdateUser` llama a `safeFetchApi`, entonces `safeFetchApi` ya está preparado
+    // --- IMPORTANTE: Tu hook `useUpdateProduct` DEBE ser capaz de aceptar FormData ---
+    // Si `useUpdateProduct` llama a `safeFetchApi`, entonces `safeFetchApi` ya está preparado
    // para recibir `FormData`.
-    saveAccountingAccounts(formData as any, { // Forzamos el tipo a 'any' si `useUpdateUser` no espera FormData en su tipo
+    saveAccountingAccounts(formData as any, { // Forzamos el tipo a 'any' si `useUpdateProduct` no espera FormData en su tipo
      onSuccess: () => {
        form.reset();
        onSuccess?.();
--- a/apps/web/feactures/inventory/components/products/product-list.tsx
+++ b/apps/web/feactures/inventory/components/products/product-list.tsx
@@ -44,7 +44,7 @@ export function ProductList() {
            <CardContent className="p-0 flex-grow">
              <img
                className="object-cover w-full h-full aspect-square border"
-                src={`http://localhost:3000/uploads/inventory/${data.userId}/${data.urlImg}`}
+                src={`http://localhost:3000/uploads/inventory/${data.userId}/${data.id}/${data.urlImg}`}
                alt=""
              />
            </CardContent>
--- a/apps/web/feactures/inventory/components/products/see-product.tsx
+++ b/apps/web/feactures/inventory/components/products/see-product.tsx
@@ -0,0 +1,64 @@
+import { allProducts,  } from "../../schemas/inventory";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@repo/shadcn/card';
+
+export function ProductList({product}: {product: allProducts}) {
+return (
+    // <PageContainer>
+    <main className='px-4 lg:px-6 flex flex-col md:flex-row gap-3 lg:gap-4 md:relative'>
+      <div className='w-full flex justify-between flex-col'>
+
+        <img
+          className="border-2 object-contain w-full f-full min-h-[400px] md:h-[70vh] aspect-square rounded-2xl"
+          src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.id}/${product.urlImg}`}
+          alt=""
+        />
+
+        <section className=''>
+          <img
+            className="border-2 object-cover w-[64px] h-[64px] md:w-[96px] md:h-[96px] aspect-square rounded-2xl"
+            src={`http://localhost:3000/uploads/inventory/${product.userId}/${product.id}/${product.urlImg}`}
+            alt=""
+          />
+        </section>
+      </div>
+      <Card className="flex flex-col md:w-[400px] lg:w-[500px] min-h-[400px] md:h-[85vh] md:overflow-auto md:sticky top-0 right-0">
+        <CardHeader className='py-2 px-2 md:px-4 lg:px-6'>
+          <CardTitle className="font-bold text-2xl">
+            {product.title.charAt(0).toUpperCase() + product.title.slice(1)}
+          </CardTitle>
+          <p className='font-semibold'>$ {product.price} </p>
+          {product.status === 'AGOTADO' ? (
+            <p className="font-semibold text-lg text-red-900">AGOTADO</p>
+          ) : ('')}
+        </CardHeader>
+        <CardContent className="py-0 px-2 md:px-4 lg:px-6 flex-col justify-between flex-grow md:overflow-auto">
+          <div>
+            <p className='font-semibold text-lg border-t border-b'> Descripción</p>
+            <p className='p-1'>{product.description}</p>
+            {/* <p className='p-1'>{lorem+lorem+lorem+lorem}</p> */}
+          </div>
+
+          <div className='mt-2'>
+            <p className='font-semibold text-lg border-t border-b'> Dirección</p>
+            <p className='p-1'>{product.address}</p>
+          </div>
+        </CardContent>
+
+        <CardFooter className="px-2 md:px-4 lg:px-6">
+          <div>
+            <p className='font-semibold text-lg border-t border-b mt-4'>Información del vendedor</p>
+            <p>{product.fullname}</p>
+            <p>{product.phone}</p>
+            <p>{product.email}</p>
+          </div>
+        </CardFooter>
+      </Card>
+    </main>
+  );
+}
--- a/apps/web/feactures/inventory/hooks/use-mutation.ts
+++ b/apps/web/feactures/inventory/hooks/use-mutation.ts
@@ -3,7 +3,7 @@ import { EditInventory } from "../schemas/inventory";
 import { updateUserAction, createProductAction, updateUserAction2 } from "../actions/actions";

 // Create mutation
-export function useCreateUser() {
+export function useCreateProduct() {
  const queryClient = useQueryClient();
  const mutation = useMutation({
    mutationFn: (data: any) => createProductAction(data),
@@ -13,7 +13,7 @@ export function useCreateUser() {
 }

 // Update mutation
-export function useUpdateUser() {
+export function useUpdateProduct() {
  const queryClient = useQueryClient();
  const mutation = useMutation({
    // mutationFn: (data: EditInventory) => updateUserAction(data),
--- a/apps/web/feactures/inventory/schemas/inventory.ts
+++ b/apps/web/feactures/inventory/schemas/inventory.ts
@@ -1,5 +1,6 @@
 // import { user } from '@/feactures/auth/schemas/register';
 // import { all } from 'axios';
+import { url } from 'inspector';
 import { z } from 'zod';

 export type InventoryTable = z.infer<typeof product>;
@@ -26,7 +27,11 @@ export const product = z.object({
  userId: z.number().optional()
 })

-export const productDetails = product.extend({
+export const seeProduct = product.extend({
+  urlImg: z.string(),
+})
+
+export const productDetails = seeProduct.extend({
  fullname: z.string(),
  phone: z.string().nullable(),
  email: z.string().email().nullable()
--- a/apps/web/lib/auth.config.ts
+++ b/apps/web/lib/auth.config.ts
@@ -100,65 +100,77 @@ const authConfig: NextAuthConfig = {
    signIn: '/', //sigin page
  },
  callbacks: {
-    async jwt({
-      token,
-      user,
-    }: {
-      token: any;
-      user: User;
+    async jwt({ token, user }:{
+      user: User
+      token: any
+
    }) {
-      try {
-        // Si es un nuevo login, asignamos los datos
+      // 1. Manejar el inicio de sesión inicial
+      // El `user` solo se proporciona en el primer inicio de sesión.
      if (user) {
-          token.id = user.id;
-          token.username = user.username;
-          token.fullname = user.fullname;
-          token.email = user.email;
-          token.role = user.role;
-          token.access_token = user.access_token;
-          token.access_expire_in = user.access_expire_in;
-          token.refresh_token = user.refresh_token;
-          token.refresh_expire_in = user.refresh_expire_in;
-          return token; // IMPORTANTE: retornamos el token aquí para evitar que entre en el siguiente 'if'
+        return {
+          id: user.id,
+          username: user.username,
+          fullname: user.fullname,
+          email: user.email,
+          role: user.role,
+          access_token: user.access_token,
+          access_expire_in: user.access_expire_in,
+          refresh_token: user.refresh_token,
+          refresh_expire_in: user.refresh_expire_in
+        }
+        // return token;
      }

-        // Verificar si el access_token ha expirado
-        const now = Date.now() / 1000;
+      // 2. Si no es un nuevo login, verificar la expiración del token
+      const now = Math.floor(Date.now() / 1000); // Usar Math.floor para un número entero
+
+      // Verificar si el token de acceso aún es válido
      if (now < (token.access_expire_in as number)) {
-          return token; // Si el token no ha expirado, lo retornamos sin cambios
+        return token; // Si no ha expirado, no hacer nada y devolver el token actual
      }

-        // Si el access_token ha expirado, verificar el refresh_token
+      console.log("Now Access Expire:",token.access_expire_in);
+      
+
+      // 3. Si el token de acceso ha expirado, verificar el refresh token
+      console.log("Access token ha expirado. Verificando refresh token...");
      if (now > (token.refresh_expire_in as number)) {
        console.log("Refresh token ha expirado. Forzando logout.");
-          return null; // Forzar logout
+        return null; // Forzar el logout al devolver null
      }

-        // Si el access_token ha expirado pero el refresh_token es válido, renovar
+      console.log("token:", token.refresh_token);
+
+
+      // 4. Si el token de acceso ha expirado pero el refresh token es válido, renovar
      console.log("Renovando token de acceso...");
-        const res = await resfreshTokenAction({
-          token: token.refresh_token as string,
-        });
+      try {
+        const res = await resfreshTokenAction({ token: token.refresh_token as string });

-        console.log("Pepe");
+        if (!res || !res.tokens) {
+          throw new Error('Fallo en la respuesta de la API de refresco.');
+        }
+
+        console.log("Old Access Expire:", token.access_expire_in);
+        console.log("New Access Expire:", res.tokens.access_expire_in);
+
+        console.log("token:", token.refresh_token);
        

-        if (!res) throw new Error('Fallo al renovar el token');
+        // Actualizar el token directamente con los nuevos valores
+        token.access_token = res.tokens.access_token;
+        token.access_expire_in = res.tokens.access_expire_in;
+        token.refresh_token = res.tokens.refresh_token;
+        token.refresh_expire_in = res.tokens.refresh_expire_in;
+        return token;

-        // Actualizar el token con la nueva información
-        return {
-          ...token,
-          access_token: res.tokens.access_token,
-          access_expire_in: res.tokens.access_expire_in,
-          refresh_token: res.tokens.refresh_token,
-          refresh_expire_in: res.tokens.refresh_expire_in,
-        };
      } catch (error) {
        console.error("Error al renovar el token: ", error);
        return null; // Fallo al renovar, forzar logout
      }
    },
-    async session({ session, token }: { session: Session; token: DefaultJWT }) {
+    async session({ session, token }: { session: Session; token: any }) {
      session.access_token = token.access_token as string;
      session.access_expire_in = token.access_expire_in as number;
      session.refresh_token = token.refresh_token as string;
--- a/apps/web/lib/fetch.api.ts
+++ b/apps/web/lib/fetch.api.ts
@@ -12,6 +12,8 @@ const fetchApi = axios.create({
 // ESTE INTERCEPTOR ESTÁ BIEN PARA EL RESTO DE LAS PETICIONES AUTENTICADAS
 fetchApi.interceptors.request.use(async (config: any) => {
  try {
+    console.log("Solicitando autenticación...");
+    
    const { auth } = await import('@/lib/auth'); // Importación dinámica
    const session = await auth();
    const token = session?.access_token;
--- a/apps/web/public/uploads/inventory/1/1-ibuki-douji-sign-noise-sd.jpg
+++ b/apps/web/public/uploads/inventory/1/1-ibuki-douji-sign-noise-sd.jpg
--- a/apps/web/public/uploads/inventory/1/1/1-17102590731691.jpg
+++ b/apps/web/public/uploads/inventory/1/1/1-17102590731691.jpg
--- a/apps/web/public/uploads/inventory/1/1/2-MANZNA-ROJA.jpg
+++ b/apps/web/public/uploads/inventory/1/1/2-MANZNA-ROJA.jpg
--- a/apps/web/public/uploads/inventory/1/7/1-D_NQ_NP_989621-MLV81067179982_122024-O.webp
+++ b/apps/web/public/uploads/inventory/1/7/1-D_NQ_NP_989621-MLV81067179982_122024-O.webp