'use server'
import { cookies } from "next/headers";

export default async function getCookies(name: string) {
    const cookie = cookies();
    return cookie.get(name)
}

// Función genérica para hacer peticiones HTTP
export async function makeRequest<T>(
  method: 'get' | 'post' | 'put' | 'patch' | 'delete',
  path: string,
  params?: any,
  config: AxiosRequestConfig = {}
): Promise<T> {
  const url = `${BASE_URL}${path}`;
  const configWithHeaders = await configureHeaders(config);

  try {
    let response;
    switch (method) {
      case 'get':
        response = await axios.get(url, { ...configWithHeaders, params });
        break;
      case 'post':
        response = await axios.post(url, params, configWithHeaders);
        break;
      case 'put':
        response = await axios.put(url, params, configWithHeaders);
        break;
      case 'patch':
        response = await axios.patch(url, params, configWithHeaders);
        break;
      case 'delete':
        response = await axios.delete(url, { ...configWithHeaders, params });
        break;
    }
    return response.data;
  } catch (error) {
    if (axios.isAxiosError(error) && error.response?.status === 403) {
      const refreshSuccessful = await refreshToken();
      if (refreshSuccessful) {
        return makeRequest(method, path, params, config);
      } else {
        await removeCookie("accessToken");
        await removeCookie("refreshToken");
        throw new Error("Authentication failed");
      }
    }
    throw error;
  }
}

export async function get<T>(path: string, params?: Record<string, any>, config?: AxiosRequestConfig) {
  return makeRequest<T>('get', path, params, config);
}

export async function post<T>(path: string, params?: Record<string, any> | FormData, config?: AxiosRequestConfig) {
  return makeRequest<T>('post', path, params, config);
}

export async function put<T>(path: string, params?: Record<string, any> | FormData, config?: AxiosRequestConfig) {
  return makeRequest<T>('put', path, params, config);
}

export async function patch<T>(path: string, params?: Record<string, any> | FormData, config?: AxiosRequestConfig) {
  return makeRequest<T>('patch', path, params, config);
}

export async function del<T>(path: string, params?: any, config?: AxiosRequestConfig) {
  return makeRequest<T>('delete', path, params, config);
}

import { get } from "@/http/infrastructure/httpAxios2";
import { Card, NavigationByRole } from "@/app/_shared";
import { auth } from "root/auth";
import { Roles } from "@/domain";
import { redirect } from "next/navigation";

export default async function Home() {
  const session = await auth();

  const { UserTypeId, name,hasToChangePassword } = await get<Profile>(`/user/profile/${session?.user.id}`);

  const IsUserWhoChangePwd: boolean =
    UserTypeId === Roles.user || UserTypeId === Roles.client;

  if (hasToChangePassword && IsUserWhoChangePwd)
    redirect("/dashboard/change-password");

  return (
    <main className="w-full h-full py-5 sm:px-10">
      <section className="text-start pt-5">
        <h1 className="text-5xl font-normal text-primary">
          ¡Hola, <span className="text-black">{name}</span>! 👋
        </h1>
        <p className="text-md font-light mt-5 max-w-[25rem]">
          Comunica y coordina encuentros con expertos en salud fácilmente
        </p>
      </section>
      <section className="mt-8 w-full">
        <h2 className="text-2xl font-semibold py-2 text-neutral-600 pl-2">
          Acciónes
        </h2>
        <div className="grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-10 lg:w-[540px]">
          {NavigationByRole.map((item, index) => {
            if (item.roles.includes(UserTypeId) && item.nameOption !== "Inicio")
              return (
                <Card
                  key={index}
                  to={item.redirect}
                  imgComponent={
                    <item.icon className="w-6 h-6 text-[#ae7a6c]" />
                  }
                  title={item.nameOption}
                />
              );
          })}
        </div>
      </section>
    </main>
  );
}

"use server";
import { cookies } from "next/headers";

export async function serverAction() {
    cookies().set("key", "value");
}

import { serverAction } from "./actions";

// server component
export default async function page() {
    await serverAction()
    return <div>Server Component</div>
}

"use client";
import { serverAction } from "./actions";

export default function ClientComponent() {
    return <div onClick={() => serverAction()}>page</div>;
}