chore: refactor add to cart feature to match building blocks taxonomy

Author: bartstc

…tButton/use-add-to-cart-notifications.ts …ication/use-add-to-cart-notifications.tssrc/features/carts/components/AddToCartButton/use-add-to-cart-notifications.ts renamed to src/features/carts/application/use-add-to-cart-notifications.ts src/features/carts/components/AddToCartButton/use-add-to-cart-notifications.ts renamed to src/features/carts/application/use-add-to-cart-notifications.ts

@@ -0,0 +1,50 @@
+import { useAuthStore } from "@/features/auth/application/auth-store";
+import { useProductAddedDialogStore } from "@/features/carts/components/AddToCartButton/use-product-added-dialog-store";
+import {
+  useAddToCartMutation,
+  UnknownProductError,
+  ProductNotAvailableError,
+} from "@/features/carts/providers/use-add-to-cart-mutation";
+
+import { useAddToCartNotifications } from "./use-add-to-cart-notifications";
+
+export const useAddToCart = () => {
+  const cartId = useAuthStore((store) => store.user?.cartId);
+  const isAuthenticated = useAuthStore((store) => store.isAuthenticated);
+  const [mutateAsync, isPending] = useAddToCartMutation();
+  const {
+    notifySuccess,
+    notifyFailure,
+    notifyNotAuthenticated,
+    notifyUnknownProduct,
+    notifyProductNotAvailable,
+  } = useAddToCartNotifications();
+  const onOpen = useProductAddedDialogStore((store) => store.onOpen);
+
+  const execute = async (productId: number) => {
+    if (!isAuthenticated) {
+      notifyNotAuthenticated();
+      return;
+    }
+
+    try {
+      await mutateAsync(cartId, { productId, quantity: 1 });
+      notifySuccess();
+      onOpen(cartId);
+    } catch (e) {
+      if (e instanceof UnknownProductError) {
+        notifyUnknownProduct();
+        return;
+      }
+
+      if (e instanceof ProductNotAvailableError) {
+        notifyProductNotAvailable();
+        return;
+      }
+
+      notifyFailure();
+    }
+  };
+
+  return { execute, isPending };
+};

src/features/carts/application/use-add-to-cart.ts

@@ -1,66 +1,23 @@
 import { Button, type ButtonProps } from "@chakra-ui/react";
 
-import { useAuthStore } from "@/features/auth/application/auth-store";
-import { useProductAddedDialogStore } from "@/features/carts/components/AddToCartButton/use-product-added-dialog-store";
-import {
-  useAddToCart,
-  UnknownProductError,
-  ProductNotAvailableError,
-} from "@/features/carts/providers/use-add-to-cart";
+import { useAddToCart } from "@/features/carts/application/use-add-to-cart";
 import { useTranslations } from "@/lib/i18n/use-transations";
 
-import { useAddToCartNotifications } from "./use-add-to-cart-notifications";
-
 interface IProps {
   productId: number;
   colorPalette?: ButtonProps["colorPalette"];
 }
 
 const AddToCartButton = ({ productId, colorPalette = "gray" }: IProps) => {
-  const cartId = useAuthStore((store) => store.user?.cartId);
-  const isAuthenticated = useAuthStore((store) => store.isAuthenticated);
   const t = useTranslations("features.carts.add-to-cart");
-
-  const [add, isLoading] = useAddToCart();
-  const {
-    notifyFailure,
-    notifySuccess,
-    notifyNotAuthenticated,
-    notifyUnknownProduct,
-    notifyProductNotAvailable,
-  } = useAddToCartNotifications();
-  const onOpen = useProductAddedDialogStore((store) => store.onOpen);
-
-  const onAdd = async () => {
-    if (!isAuthenticated) {
-      return notifyNotAuthenticated();
-    }
-
-    try {
-      await add({ productId, quantity: 1 });
-      notifySuccess();
-      onOpen(cartId);
-    } catch (e) {
-      if (e instanceof UnknownProductError) {
-        notifyUnknownProduct();
-        return;
-      }
-
-      if (e instanceof ProductNotAvailableError) {
-        notifyProductNotAvailable();
-        return;
-      }
-
-      notifyFailure();
-    }
-  };
+  const { execute, isPending } = useAddToCart();
 
   return (
     <Button
       w="100%"
       colorPalette={colorPalette}
-      loading={isLoading}
-      onClick={onAdd}
+      loading={isPending}
+      onClick={() => execute(productId)}
     >
       {t("button")}
     </Button>

src/features/carts/components/AddToCartButton/AddToCartButton.tsx

@@ -0,0 +1,5 @@
+export {
+  useAddToCartMutation,
+  UnknownProductError,
+  ProductNotAvailableError,
+} from "@/lib/api/carts/{cart-id}/add-to-cart-mutation";