@atomic-solutions/woocommerce-react 0.5.0 → 0.6.0

package/dist/hooks/index.d.cts

@@ -1,4 +1,4 @@
-export { A as AppliedCoupon, C as CartTotals, a2 as InfiniteQueryOptions, a3 as MutationOptions, a as PaymentMethod, b as ProcessedCartItem, c as ProcessedCategory, d as ProcessedOrderDetails, e as ProcessedOrderLineItem, f as ProcessedProduct, g as ProcessedProductDetails, h as ProductCartState, i as ProductCategoryTreeNode, a4 as QueryOptions, S as ShippingRate, U as UseCartViewOptions, j as UseCartViewReturn, k as UseOrderViewOptions, l as UseOrderViewReturn, m as UseProductViewOptions, n as UseProductViewReturn, o as UseProductsFeedOptions, p as UseProductsFeedReturn, t as getOrderStatusLabel, y as useAddToCart, z as useApplyCoupon, B as useCart, D as useCartView, E as useCheckout, F as useInfiniteProducts, G as useOrder, H as useOrderView, J as useProcessCheckout, K as useProduct, L as useProductCategories, M as useProductCategoryTree, N as useProductView, O as useProducts, Q as useProductsFeed, R as useRemoveCoupon, T as useRemoveFromCart, V as useSelectShippingRate, W as useStore, X as useStoreFeatures, Y as useStoreLocale, Z as useStoreTheme, _ as useUpdateCartItem, $ as useUpdateCustomer, a0 as useWooCommerceClient, a1 as useWooCommerceQueryKeys } from '../index-DdY_1X-C.cjs';
-export { Q as QueryKeys, p as createQueryKeys } from '../types-_8YqnkO-.cjs';
+export { A as AppliedCoupon, C as CartTotals, aj as InfiniteQueryOptions, ak as MutationOptions, a as PaymentMethod, b as ProcessedCartItem, c as ProcessedCategory, d as ProcessedOrderDetails, e as ProcessedOrderLineItem, f as ProcessedProduct, g as ProcessedProductDetails, h as ProductCartState, i as ProductCategoryTreeNode, al as QueryOptions, R as ReorderInputItem, j as ReorderItemView, k as ReorderUnavailableReason, S as ShippingRate, n as UseCartViewOptions, o as UseCartViewReturn, p as UseOrderViewOptions, q as UseOrderViewReturn, r as UseProductViewOptions, s as UseProductViewReturn, t as UseProductsFeedOptions, u as UseProductsFeedReturn, v as UseReorderViewOptions, w as UseReorderViewReturn, E as getOrderStatusLabel, Q as useAddManyToCart, T as useAddToCart, V as useApplyCoupon, W as useCart, X as useCartView, Y as useCheckout, Z as useInfiniteProducts, _ as useOrder, $ as useOrderView, a0 as useProcessCheckout, a1 as useProduct, a2 as useProductCategories, a3 as useProductCategoryTree, a4 as useProductView, a5 as useProducts, a6 as useProductsFeed, a7 as useRemoveCoupon, a8 as useRemoveFromCart, a9 as useReorderView, aa as useSelectShippingRate, ab as useStore, ac as useStoreFeatures, ad as useStoreLocale, ae as useStoreTheme, af as useUpdateCartItem, ag as useUpdateCustomer, ah as useWooCommerceClient, ai as useWooCommerceQueryKeys } from '../index-DEvJWFSF.cjs';
+export { Q as QueryKeys, p as createQueryKeys } from '../types-Dnq60zh-.cjs';
 export { OrderStatus } from '@atomic-solutions/woocommerce-api-client';
 import '@tanstack/react-query';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AppliedCoupon, C as CartTotals, a2 as InfiniteQueryOptions, a3 as MutationOptions, a as PaymentMethod, b as ProcessedCartItem, c as ProcessedCategory, d as ProcessedOrderDetails, e as ProcessedOrderLineItem, f as ProcessedProduct, g as ProcessedProductDetails, h as ProductCartState, i as ProductCategoryTreeNode, a4 as QueryOptions, S as ShippingRate, U as UseCartViewOptions, j as UseCartViewReturn, k as UseOrderViewOptions, l as UseOrderViewReturn, m as UseProductViewOptions, n as UseProductViewReturn, o as UseProductsFeedOptions, p as UseProductsFeedReturn, t as getOrderStatusLabel, y as useAddToCart, z as useApplyCoupon, B as useCart, D as useCartView, E as useCheckout, F as useInfiniteProducts, G as useOrder, H as useOrderView, J as useProcessCheckout, K as useProduct, L as useProductCategories, M as useProductCategoryTree, N as useProductView, O as useProducts, Q as useProductsFeed, R as useRemoveCoupon, T as useRemoveFromCart, V as useSelectShippingRate, W as useStore, X as useStoreFeatures, Y as useStoreLocale, Z as useStoreTheme, _ as useUpdateCartItem, $ as useUpdateCustomer, a0 as useWooCommerceClient, a1 as useWooCommerceQueryKeys } from '../index-unbfwba0.js';
-export { Q as QueryKeys, p as createQueryKeys } from '../types-_8YqnkO-.js';
+export { A as AppliedCoupon, C as CartTotals, aj as InfiniteQueryOptions, ak as MutationOptions, a as PaymentMethod, b as ProcessedCartItem, c as ProcessedCategory, d as ProcessedOrderDetails, e as ProcessedOrderLineItem, f as ProcessedProduct, g as ProcessedProductDetails, h as ProductCartState, i as ProductCategoryTreeNode, al as QueryOptions, R as ReorderInputItem, j as ReorderItemView, k as ReorderUnavailableReason, S as ShippingRate, n as UseCartViewOptions, o as UseCartViewReturn, p as UseOrderViewOptions, q as UseOrderViewReturn, r as UseProductViewOptions, s as UseProductViewReturn, t as UseProductsFeedOptions, u as UseProductsFeedReturn, v as UseReorderViewOptions, w as UseReorderViewReturn, E as getOrderStatusLabel, Q as useAddManyToCart, T as useAddToCart, V as useApplyCoupon, W as useCart, X as useCartView, Y as useCheckout, Z as useInfiniteProducts, _ as useOrder, $ as useOrderView, a0 as useProcessCheckout, a1 as useProduct, a2 as useProductCategories, a3 as useProductCategoryTree, a4 as useProductView, a5 as useProducts, a6 as useProductsFeed, a7 as useRemoveCoupon, a8 as useRemoveFromCart, a9 as useReorderView, aa as useSelectShippingRate, ab as useStore, ac as useStoreFeatures, ad as useStoreLocale, ae as useStoreTheme, af as useUpdateCartItem, ag as useUpdateCustomer, ah as useWooCommerceClient, ai as useWooCommerceQueryKeys } from '../index-Dmlapl9c.js';
+export { Q as QueryKeys, p as createQueryKeys } from '../types-Dnq60zh-.js';
 export { OrderStatus } from '@atomic-solutions/woocommerce-api-client';
 import '@tanstack/react-query';

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
 import { createContext, useContext, useMemo, useCallback, useState } from 'react';
 import { useQuery, useQueryClient, useMutation, useInfiniteQuery } from '@tanstack/react-query';
-import { WooCommerceApiError } from '@atomic-solutions/woocommerce-api-client';
+import { WooCommerceApiError, mapWooCommerceCode } from '@atomic-solutions/woocommerce-api-client';
 
 // src/hooks/useWooCommerceClient.ts
 var WooCommerceContext = createContext(null);
@@ -193,6 +193,14 @@ var useCart = (options) => {
     getQuantity
   };
 };
+var toWooError = (error) => error instanceof WooCommerceApiError ? error : new 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();
@@ -211,15 +219,50 @@ var useAddToCart = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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 = useQueryClient();
+  const emitEvent = useEventEmitter();
+  return 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 WooCommerceApiError({
+              code: 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)));
       }
     }
   });
@@ -242,15 +285,7 @@ var useUpdateCartItem = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -272,15 +307,7 @@ var useRemoveFromCart = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -302,15 +329,7 @@ var useApplyCoupon = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -332,15 +351,7 @@ var useRemoveCoupon = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -362,15 +373,7 @@ var useUpdateCustomer = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -392,15 +395,7 @@ var useSelectShippingRate = () => {
     },
     onError: (error) => {
       if (emitEvent) {
-        const wooError = error instanceof WooCommerceApiError ? error : new 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)));
       }
     }
   });
@@ -477,6 +472,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"],
@@ -697,6 +693,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;
 }
@@ -1133,6 +1138,98 @@ function useCartView(options = {}) {
     isBusy
   };
 }
+function useReorderView(items, options = {}) {
+  const { imageSize = "thumbnail" } = options;
+  const storeContext = 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 = 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 = useCallback(
+    (images) => {
+      const baseUrl = getImageUrl(images, imageSize, fallbackImageUrl);
+      if (baseUrl && imageUrlTransformer) {
+        return imageUrlTransformer(baseUrl, imageSize);
+      }
+      return baseUrl;
+    },
+    [imageSize, fallbackImageUrl, imageUrlTransformer]
+  );
+  const views = 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 = useMemo(
+    () => new Set((cart?.items ?? []).map((item) => item.id)),
+    [cart?.items]
+  );
+  const { addable, inCart, unavailable } = 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",
@@ -1182,6 +1279,6 @@ function useOrderView(input, options = {}) {
   };
 }
 
-export { createQueryKeys, getOrderStatusLabel, useAddToCart, useApplyCoupon, useCart, useCartView, useCheckout, useInfiniteProducts, useOrder, useOrderView, useProcessCheckout, useProduct, useProductCategories, useProductCategoryTree, useProductView, useProducts, useProductsFeed, useRemoveCoupon, useRemoveFromCart, useSelectShippingRate, useStore, useStoreFeatures, useStoreLocale, useStoreTheme, useUpdateCartItem, useUpdateCustomer, useWooCommerceClient, useWooCommerceQueryKeys };
+export { createQueryKeys, getOrderStatusLabel, useAddManyToCart, useAddToCart, useApplyCoupon, useCart, useCartView, useCheckout, useInfiniteProducts, useOrder, useOrderView, useProcessCheckout, useProduct, useProductCategories, useProductCategoryTree, useProductView, useProducts, useProductsFeed, useRemoveCoupon, useRemoveFromCart, useReorderView, useSelectShippingRate, useStore, useStoreFeatures, useStoreLocale, useStoreTheme, useUpdateCartItem, useUpdateCustomer, useWooCommerceClient, useWooCommerceQueryKeys };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map