@atomic-solutions/woocommerce-react 0.5.0 → 0.6.0

package/dist/hooks/index.cjs

@@ -195,6 +195,14 @@ var useCart = (options) => {
     getQuantity
   };
 };
+var toWooError = (error) => error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
+  code: "unknown_error",
+  message: error instanceof Error ? error.message : "Unknown error",
+  statusCode: 500,
+  url: "",
+  method: "POST",
+  originalCode: "unknown_error"
+});
 var useAddToCart = () => {
   const client = useWooCommerceClient();
   const queryKeys = useWooCommerceQueryKeys();
@@ -213,15 +221,50 @@ var useAddToCart = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:item_added", wooError));
+        emitEvent(createErrorEvent("cart:item_added", toWooError(error)));
+      }
+    }
+  });
+};
+var useAddManyToCart = () => {
+  const client = useWooCommerceClient();
+  const queryKeys = useWooCommerceQueryKeys();
+  const queryClient = reactQuery.useQueryClient();
+  const emitEvent = useEventEmitter();
+  return reactQuery.useMutation({
+    mutationKey: queryKeys.cart.mutations.addItems(),
+    mutationFn: (input) => client.cart.addItems(input),
+    onSuccess: ({ cart, results }) => {
+      queryClient.setQueryData(queryKeys.cart.details(), cart);
+      queryClient.invalidateQueries({ queryKey: queryKeys.cart.all });
+      if (!emitEvent) return;
+      results.forEach((result) => {
+        if (result.status >= 200 && result.status < 300) {
+          const addedItem = cart.items.find((item) => item.id === result.item.id);
+          if (addedItem) {
+            emitEvent(createSuccessEvent("cart:item_added", { item: addedItem, cart }));
+          }
+          return;
+        }
+        emitEvent(
+          createErrorEvent(
+            "cart:item_added",
+            new woocommerceApiClient.WooCommerceApiError({
+              code: woocommerceApiClient.mapWooCommerceCode(result.code),
+              originalCode: result.code ?? "unknown_error",
+              message: result.message ?? "Failed to add item to cart",
+              statusCode: result.status,
+              url: "",
+              method: "POST",
+              requestBody: result.item
+            })
+          )
+        );
+      });
+    },
+    onError: (error) => {
+      if (emitEvent) {
+        emitEvent(createErrorEvent("cart:item_added", toWooError(error)));
       }
     }
   });
@@ -244,15 +287,7 @@ var useUpdateCartItem = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:item_updated", wooError));
+        emitEvent(createErrorEvent("cart:item_updated", toWooError(error)));
       }
     }
   });
@@ -274,15 +309,7 @@ var useRemoveFromCart = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:item_removed", wooError));
+        emitEvent(createErrorEvent("cart:item_removed", toWooError(error)));
       }
     }
   });
@@ -304,15 +331,7 @@ var useApplyCoupon = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:coupon_applied", wooError));
+        emitEvent(createErrorEvent("cart:coupon_applied", toWooError(error)));
       }
     }
   });
@@ -334,15 +353,7 @@ var useRemoveCoupon = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:coupon_removed", wooError));
+        emitEvent(createErrorEvent("cart:coupon_removed", toWooError(error)));
       }
     }
   });
@@ -364,15 +375,7 @@ var useUpdateCustomer = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:customer_updated", wooError));
+        emitEvent(createErrorEvent("cart:customer_updated", toWooError(error)));
       }
     }
   });
@@ -394,15 +397,7 @@ var useSelectShippingRate = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof woocommerceApiClient.WooCommerceApiError ? error : new woocommerceApiClient.WooCommerceApiError({
-          code: "unknown_error",
-          message: error instanceof Error ? error.message : "Unknown error",
-          statusCode: 500,
-          url: "",
-          method: "POST",
-          originalCode: "unknown_error"
-        });
-        emitEvent(createErrorEvent("cart:shipping_selected", wooError));
+        emitEvent(createErrorEvent("cart:shipping_selected", toWooError(error)));
       }
     }
   });
@@ -479,6 +474,7 @@ var createQueryKeys = (prefix = ["woocommerce"]) => ({
     // Mutation keys
     mutations: {
       addItem: () => [...prefix, "cart", "mutation", "addItem"],
+      addItems: () => [...prefix, "cart", "mutation", "addItems"],
       updateItem: () => [...prefix, "cart", "mutation", "updateItem"],
       removeItem: () => [...prefix, "cart", "mutation", "removeItem"],
       applyCoupon: () => [...prefix, "cart", "mutation", "applyCoupon"],
@@ -699,6 +695,15 @@ function isPurchasable(status, quantity, manageStock = true) {
   }
   return true;
 }
+function unavailableReason(product) {
+  if (!product.is_in_stock || product.is_on_backorder || product.add_to_cart.maximum <= 0) {
+    return "out_of_stock";
+  }
+  if (!product.is_purchasable) {
+    return "not_purchasable";
+  }
+  return void 0;
+}
 function isLowStock(status, quantity, threshold = 5) {
   return status === "instock" && quantity !== null && quantity !== void 0 && quantity <= threshold && quantity > 0;
 }
@@ -1135,6 +1140,98 @@ function useCartView(options = {}) {
     isBusy
   };
 }
+function useReorderView(items, options = {}) {
+  const { imageSize = "thumbnail" } = options;
+  const storeContext = react.useContext(WooCommerceStoreContext);
+  const storeConfig = storeContext?.config;
+  const localeTag = options.localeTag ?? storeConfig?.locale?.localeTag ?? DEFAULT_STORE_CONFIG.locale.localeTag;
+  const fallbackImageUrl = options.fallbackImageUrl ?? storeConfig?.fallbackImageUrl;
+  const imageUrlTransformer = storeConfig?.imageUrlTransformer;
+  const productIds = react.useMemo(() => [...new Set(items.map((item) => item.productId))], [items]);
+  const {
+    data: productsPage,
+    isLoading,
+    error
+  } = useProducts(
+    { include: productIds, page: 1, per_page: 100 },
+    { enabled: productIds.length > 0 }
+  );
+  const { data: cart } = useCart();
+  const getProcessedImageUrl = react.useCallback(
+    (images) => {
+      const baseUrl = getImageUrl(images, imageSize, fallbackImageUrl);
+      if (baseUrl && imageUrlTransformer) {
+        return imageUrlTransformer(baseUrl, imageSize);
+      }
+      return baseUrl;
+    },
+    [imageSize, fallbackImageUrl, imageUrlTransformer]
+  );
+  const views = react.useMemo(() => {
+    const products = new Map((productsPage?.data ?? []).map((product) => [product.id, product]));
+    return items.map((item) => {
+      const product = products.get(item.productId);
+      if (!product) {
+        return {
+          productId: item.productId,
+          name: "",
+          requestedQuantity: item.quantity,
+          minQuantity: 1,
+          maxQuantity: 0,
+          unitPrice: "-",
+          lineTotal: "-",
+          reason: "missing"
+        };
+      }
+      const currencyCode = product.prices.currency_code;
+      const minQuantity = product.add_to_cart.minimum || 1;
+      const maxQuantity = product.add_to_cart.maximum;
+      const step = product.add_to_cart.multiple_of || 1;
+      const upperQuantity = maxQuantity > 0 ? maxQuantity : item.quantity;
+      const clampedQuantity = Math.min(Math.max(item.quantity, minQuantity), upperQuantity);
+      const requestedQuantity = step > 1 ? Math.max(step, Math.floor(clampedQuantity / step) * step) : clampedQuantity;
+      const unitAmount = Number(product.prices.price);
+      const reason = unavailableReason(product);
+      return {
+        productId: product.id,
+        name: product.name,
+        imageUrl: getProcessedImageUrl(product.images),
+        requestedQuantity,
+        minQuantity,
+        maxQuantity,
+        unitPrice: formatStoreApiPriceIntl(product.prices.price, currencyCode, localeTag),
+        lineTotal: formatStoreApiPriceIntl(
+          Number.isNaN(unitAmount) ? null : String(unitAmount * requestedQuantity),
+          currencyCode,
+          localeTag
+        ),
+        ...reason ? { reason } : {},
+        raw: product
+      };
+    });
+  }, [items, productsPage?.data, localeTag, getProcessedImageUrl]);
+  const cartProductIds = react.useMemo(
+    () => new Set((cart?.items ?? []).map((item) => item.id)),
+    [cart?.items]
+  );
+  const { addable, inCart, unavailable } = react.useMemo(
+    () => ({
+      addable: views.filter((view) => !view.reason && !cartProductIds.has(view.productId)),
+      inCart: views.filter((view) => !view.reason && cartProductIds.has(view.productId)),
+      unavailable: views.filter((view) => !!view.reason)
+    }),
+    [views, cartProductIds]
+  );
+  return {
+    addable,
+    inCart,
+    unavailable,
+    availableCount: addable.length + inCart.length,
+    totalCount: views.length,
+    isLoading,
+    error
+  };
+}
 var ORDER_STATUS_LABELS = {
   pending: "Pending Payment",
   processing: "Processing",
@@ -1186,6 +1283,7 @@ function useOrderView(input, options = {}) {
 
 exports.createQueryKeys = createQueryKeys;
 exports.getOrderStatusLabel = getOrderStatusLabel;
+exports.useAddManyToCart = useAddManyToCart;
 exports.useAddToCart = useAddToCart;
 exports.useApplyCoupon = useApplyCoupon;
 exports.useCart = useCart;
@@ -1203,6 +1301,7 @@ exports.useProducts = useProducts;
 exports.useProductsFeed = useProductsFeed;
 exports.useRemoveCoupon = useRemoveCoupon;
 exports.useRemoveFromCart = useRemoveFromCart;
+exports.useReorderView = useReorderView;
 exports.useSelectShippingRate = useSelectShippingRate;
 exports.useStore = useStore;
 exports.useStoreFeatures = useStoreFeatures;