feat: adding option to create card to add item

magento/actions/cart/addCoupon.ts

@@ -8,15 +8,15 @@ export interface Props {
 }
 
 interface ErrorAddCoupon {
-    message: string;
-    status: number;
+  message: string;
+  status: number;
 }
 
 const action = async (
   props: Props,
   req: Request,
   ctx: AppContext,
-): Promise<Cart | ErrorAddCoupon> => {
+): Promise<Cart | ErrorAddCoupon | null> => {
   const { couponCode } = props;
   const { clientAdmin } = ctx;
   const cartId = getCartCookie(req.headers);
@@ -31,7 +31,7 @@ const action = async (
       return {
         message: JSON.parse(error.message).message,
         status: error.status,
-      }
+      };
     }
     return error;
   }

magento/actions/cart/addItem.ts

@@ -1,18 +1,29 @@
 import type { AppContext } from "../../mod.ts";
 import cart, { Cart } from "../../loaders/cart.ts";
-import { getCartCookie } from "../../utils/cart.ts";
+import {
+  createCart,
+  getCartCookie,
+  postNewItem,
+  setCartCookie,
+} from "../../utils/cart.ts";
 
 export interface Props {
   qty: number;
   sku: string;
 }
+
+/**
+ * @title Magento Integration - Add item to cart
+ * @description Add item action
+ */
 const action = async (
   props: Props,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
+): Promise<Cart | null> => {
   const { qty, sku } = props;
-  const { clientAdmin } = ctx;
+  const { clientAdmin, cartConfigs } = ctx;
+  const { createCartOnAddItem } = cartConfigs;
   const cartId = getCartCookie(req.headers);
 
   const body = {
@@ -23,11 +34,16 @@ const action = async (
     },
   };
 
-  await clientAdmin["POST /rest/:site/V1/carts/:quoteId/items"]({
-    quoteId: cartId,
-    site: ctx.site,
-  }, { body });
+  if (createCartOnAddItem && !cartId) {
+    const newCartId = (await createCart(ctx, req.headers)).id.toString()
+    if (!newCartId.length) return null;
+    body.cartItem.quote_id = newCartId;
+    await postNewItem(ctx.site, newCartId, body, clientAdmin);
+    setCartCookie(req.headers, newCartId);
+    return await cart(undefined, req, ctx);
+  }
 
+  await postNewItem(ctx.site, cartId, body, clientAdmin);
   return await cart(undefined, req, ctx);
 };
 

magento/actions/cart/removeCoupon.ts

@@ -6,7 +6,7 @@ const action = async (
   _props: undefined,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
+): Promise<Cart | null> => {
   const { clientAdmin } = ctx;
   const cartId = getCartCookie(req.headers);
 

magento/actions/cart/removeItem.ts

@@ -10,7 +10,7 @@ const action = async (
   { itemId }: Props,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
+): Promise<Cart | null> => {
   const { clientAdmin, site } = ctx;
   const cartId = getCartCookie(req.headers);
 

magento/actions/cart/setSimulation.ts

@@ -11,22 +11,24 @@ const action = async (
   props: Props,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
+): Promise<Cart | null> => {
   const { clientAdmin, site } = ctx;
 
   const id = getUserCookie(req.headers);
   const cartId = getCartCookie(req.headers);
 
-  const { cart: cartResponse } = await clientAdmin["GET /:site/customer/section/load"]({
-    site,
-    sections: "cart",
-  }, { headers: new Headers({ Cookie: `${SESSION_COOKIE}=${id}` }) }).then((
-    res,
-  ) => res.json());
+  const { cart: cartResponse } = await clientAdmin
+    ["GET /:site/customer/section/load"]({
+      site,
+      sections: "cart",
+    }, { headers: new Headers({ Cookie: `${SESSION_COOKIE}=${id}` }) }).then((
+      res,
+    ) => res.json());
 
   const isLoggedIn = cartResponse?.minicart_improvements?.is_logged_in ?? false;
   const quoteId = cartId ?? "";
-  const countryId = cartResponse?.minicart_improvements?.country_id ?? COUNTRY_ID;
+  const countryId = cartResponse?.minicart_improvements?.country_id ??
+    COUNTRY_ID;
 
   clientAdmin
     ["POST /:site/rest/:site2/V1/digitalhub/set-shipping-to-quote"]({

magento/actions/cart/updateItem.ts

@@ -12,7 +12,7 @@ const action = async (
   props: Props,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
+): Promise<Cart | null> => {
   const { qty, itemId, sku } = props;
   const { clientAdmin } = ctx;
   const cartId = getCartCookie(req.headers);

magento/loaders/cart.ts

@@ -3,7 +3,6 @@ import { API } from "../utils/client/client.ts";
 import {
   createCart,
   getCartCookie,
-  setCartCookie,
   toCartItemsWithImages,
 } from "../utils/cart.ts";
 import {
@@ -23,78 +22,74 @@ import {
 export type Cart = API["GET /rest/:site/V1/carts/:cartId"]["response"];
 
 /**
- * @title Magento Integration
+ * @title Magento Integration - Cart
  * @description Cart loader
  */
 const loader = async (
   _props: undefined,
   req: Request,
   ctx: AppContext,
-): Promise<Cart> => {
-  const { clientAdmin, site, imagesUrl } = ctx;
+): Promise<Cart | null> => {
+  const { clientAdmin, site, imagesUrl, cartConfigs } = ctx;
+  const { contProductImageInCart, createCartOnAddItem } = cartConfigs;
   const url = new URL(req.url);
   const cartId = getCartCookie(req.headers);
 
-  const getCart = async (cartId: string): Promise<Cart> => {
-    if (!cartId) {
+  const getCart = async (cartId: string): Promise<Cart | null> => {
+    if (!createCartOnAddItem && !cartId) {
       return await createCart(ctx, req.headers);
-    } else {
-      try {
-        const [resultPricesCarts, resultCart] = await Promise.all([
-          clientAdmin["GET /rest/:site/V1/carts/:cartId/totals"]({
-            cartId,
-            site,
-            fields: [
-              GRAND_TOTAL,
-              SUBTOTAL,
-              DISCOUNT_AMOUNT,
-              BASE_DISCOUNT_AMOUNT,
-              SHIPPING_AMOUNT,
-              BASE_SHIPPING_AMOUNT,
-              SHIPPING_DISCOUNT_AMOUNT,
-              COUPON_CODE,
-              BASE_CURRENCY_CODE,
-            ].join(","),
-          }),
-          clientAdmin["GET /rest/:site/V1/carts/:cartId"]({
-            cartId,
-            site,
-          }),
-        ]);
-
-        const cart = await resultCart.json() as Cart;
-        const prices = await resultPricesCarts.json();
+    }
+    if (createCartOnAddItem && !cartId) return null;
+    try {
+      const [resultPricesCarts, resultCart] = await Promise.all([
+        clientAdmin["GET /rest/:site/V1/carts/:cartId/totals"]({
+          cartId,
+          site,
+          fields: [
+            GRAND_TOTAL,
+            SUBTOTAL,
+            DISCOUNT_AMOUNT,
+            BASE_DISCOUNT_AMOUNT,
+            SHIPPING_AMOUNT,
+            BASE_SHIPPING_AMOUNT,
+            SHIPPING_DISCOUNT_AMOUNT,
+            COUPON_CODE,
+            BASE_CURRENCY_CODE,
+          ].join(","),
+        }),
+        clientAdmin["GET /rest/:site/V1/carts/:cartId"]({
+          cartId,
+          site,
+        }),
+      ]);
 
-        const productImagePromises = cart.items.map((item) => {
-          return clientAdmin["GET /rest/:site/V1/products/:sku"]({
-            sku: item.sku,
-            site,
-            fields: [MEDIA_GALLERY_ENTRIES, SKU, "url", "custom_attributes"]
-              .join(","),
-          }).then((res) => res.json());
-        });
-        const productImages = await Promise.all(productImagePromises);
+      const cart = await resultCart.json() as Cart;
+      const prices = await resultPricesCarts.json();
 
-        return toCartItemsWithImages(
-          cart,
-          prices,
-          productImages,
-          imagesUrl,
-          url.origin,
+      const productImagePromises = cart.items.map((item) => {
+        return clientAdmin["GET /rest/:site/V1/products/:sku"]({
+          sku: item.sku,
           site,
-        ) as unknown as Cart
-      } catch (_error) {
-        return createCart(ctx, req.headers);
-      }
+          fields: [MEDIA_GALLERY_ENTRIES, SKU, "url", "custom_attributes"]
+            .join(","),
+        }).then((res) => res.json());
+      });
+      const productImages = await Promise.all(productImagePromises);
+
+      return toCartItemsWithImages(
+        cart,
+        prices,
+        productImages,
+        imagesUrl,
+        url.origin,
+        site,
+        contProductImageInCart,
+      ) as unknown as Cart;
+    } catch (_error) {
+      return createCart(ctx, req.headers);
     }
   };
 
-  const cartDetails = cartId ? await getCart(cartId) : await getCart("");
-
-  if (cartDetails.id && !cartId) {
-    setCartCookie(ctx.response.headers, cartDetails.id.toString());
-  }
-
-  return cartDetails;
+  return await getCart(cartId);
 };
 export default loader;

magento/mod.ts

@@ -79,6 +79,25 @@ export interface Props {
    * @default true
    */
   enableCache: boolean;
+
+  /**
+   * @title Cart Configs
+   */
+  cartConfigs: CartConfigs;
+}
+
+interface CartConfigs {
+  /**
+   * @title Enable create Cart on add item fist time
+   * @default false
+   */
+  createCartOnAddItem: boolean;
+
+  /**
+   * @title Cont Product Image in Cart
+   * @default 1
+   */
+  contProductImageInCart: number;
 }
 
 export interface State extends Props {