commerce/components/cart/cart-context.tsx

'use client';

import { Cart } from 'lib/woocomerce/models/cart';
import React, { createContext, useContext, useEffect, useState } from 'react';

type UpdateType = 'plus' | 'minus' | 'delete';

type UpdatePayload = { key: string | number; quantity: number };
type AddPayload = {
  id: string | number;
  quantity: number;
  variation: { attribute: string; value: string }[];
};
type RemovePayload = { key: string | number };

type CartContextType = {
  cart: Cart | undefined;
  setNewCart: (cart: Cart) => void;
};

const CartContext = createContext<CartContextType | undefined>(undefined);

export function CartProvider({ value, children }: { value: Cart; children: React.ReactNode }) {
  const [cart, setCart] = useState<Cart | undefined>(value);
  const setNewCart = (cart: Cart) => {
    setCart(cart);
  };

  useEffect(() => {
    setCart(value);
  }, [value]);

  return (
    <CartContext.Provider
      value={{
        cart,
        setNewCart
      }}
    >
      {children}
    </CartContext.Provider>
  );
}

export function useCart() {
  const context = useContext(CartContext);
  if (context === undefined) {
    throw new Error('useCart must be used within a CartProvider');
  }
  return context;
}