'use server';

import { revalidateTag } from 'next/cache';
import api from '@/initializations/fetch';

/**
 *
 * @param articleId
 * @returns
 */
export const addItemToCartMutation = async (articleId: number) => {
  await api.post(`shop/add-to-shopping-cart/${articleId}`);
  revalidateTag('shopping-cart');
};

export const joinNewsletterFn = async (payload: Email) => {
  try {
    throw new Error('Hello World');

    return await api.post('home/join-newsletter', {
      body: payload,
    });
  } catch (error) {
    throw error;
  }
};

const submitFormHandler = (payload: Email) =>
    mutate(payload, {
      onSuccess: () => {
        console.log('Success!!!');
      },
      onError: (err) => {
        console.log('Error!!!', err);
      },
    });

 mutationCache: new MutationCache({
          onSuccess: (data) => {
            const { successMessage, errors } = data as Response<null>;

            if (!errors)
              toast({
                description: successMessage || 'Action Successfully!',
              });
            else
              errors?.forEach((error) =>
                toast({
                  variant: 'destructive',
                  description: error.message,
                })
              );
          },
        }),
      })

'use client';

import { PropsWithChildren, useState } from 'react';
import {
  QueryClient,
  QueryClientProvider as TanstackQueryClientProvider,
} from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

export default function QueryClientProvider({ children }: PropsWithChildren) {
  const [queryClient] = useState(() => new QueryClient({}));

  return (
    <TanstackQueryClientProvider client={queryClient}>
      {children}
      <ReactQueryDevtools initialIsOpen={false} />
    </TanstackQueryClientProvider>
  );
}

const [queryClient] = useState(() => new QueryClient({}));

try {
    const isCreated = await fetch(
      `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/api/v1/register`,
      {
        method: "POST",
        body: JSON.stringify({
          email: formData.email,
          password: formData.email,
        }),
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
        },
      }
    );
    const data = await isCreated.json();
    if (isCreated.ok) return data;
    throw new Error(data.message);
  } catch (error) {
    console.log(error);
    throw error;
  }
}

export default function useSignUpMutation() {
  const { toast } = useToast();
  return useMutation({
    mutationFn: SingUpAction,
    onSuccess: (data) => {
      console.log({ success: data });
    },
    onError: (error) => {
      console.log({ error: error });
      toast({
        variant: "destructive",
        description: error.message.split(":")[1],
      });
    },
  });
}