@atomic-solutions/woocommerce-react 0.6.2 → 0.8.0

package/dist/hooks/index.cjs

@@ -42,6 +42,8 @@ var StaleTimes = {
   product: STALE_TIME_SHORT,
   /** Product categories - always fresh */
   categories: STALE_TIME_NONE,
+  /** Product tags - names rarely change, 1 hour */
+  tags: STALE_TIME_LONG,
   /** Orders - always fresh */
   orders: STALE_TIME_NONE,
   /** Default for infinite queries - 1 hour */
@@ -139,6 +141,16 @@ var processCategoriesToTree = (data) => {
   });
   return rootCategories?.map(processCategory) ?? [];
 };
+var useProductTags = (params, options) => {
+  const client = useWooCommerceClient();
+  const queryKeys = useWooCommerceQueryKeys();
+  return reactQuery.useQuery({
+    queryKey: queryKeys.products.tags(params),
+    queryFn: () => client.products.tags(params),
+    staleTime: StaleTimes.tags,
+    ...options
+  });
+};
 var useProductCategoryTree = () => {
   const query = useProductCategories();
   const flatData = query.data ?? [];
@@ -357,6 +369,19 @@ var useRemoveCoupon = () => {
     }
   });
 };
+var useUpdateCartExtensions = () => {
+  const client = useWooCommerceClient();
+  const queryKeys = useWooCommerceQueryKeys();
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationKey: queryKeys.cart.mutations.updateExtensions(),
+    mutationFn: (input) => client.cart.updateExtensions(input),
+    onSuccess: (cart) => {
+      queryClient.setQueryData(queryKeys.cart.details(), cart);
+      queryClient.invalidateQueries({ queryKey: queryKeys.cart.all });
+    }
+  });
+};
 var useUpdateCustomer = () => {
   const client = useWooCommerceClient();
   const queryKeys = useWooCommerceQueryKeys();
@@ -463,7 +488,9 @@ var createQueryKeys = (prefix = ["woocommerce"]) => ({
     list: (params) => [...prefix, "products", "list", params],
     details: () => [...prefix, "products", "detail"],
     detail: (id) => [...prefix, "products", "detail", id],
-    categories: () => [...prefix, "products", "categories"]
+    categories: () => [...prefix, "products", "categories"],
+    // Params are in the key, so each set of tag ids is cached apart.
+    tags: (params) => [...prefix, "products", "tags", params]
   },
   // Cart
   cart: {
@@ -477,6 +504,7 @@ var createQueryKeys = (prefix = ["woocommerce"]) => ({
       removeItem: () => [...prefix, "cart", "mutation", "removeItem"],
       applyCoupon: () => [...prefix, "cart", "mutation", "applyCoupon"],
       removeCoupon: () => [...prefix, "cart", "mutation", "removeCoupon"],
+      updateExtensions: () => [...prefix, "cart", "mutation", "updateExtensions"],
       updateCustomer: () => [...prefix, "cart", "mutation", "updateCustomer"],
       selectShippingRate: () => [...prefix, "cart", "mutation", "selectShippingRate"]
     }
@@ -1224,6 +1252,8 @@ function useOrderView(input, options = {}) {
   const storeContext = react.useContext(WooCommerceStoreContext);
   const storeConfig = storeContext?.config;
   const localeTag = options.localeTag ?? storeConfig?.locale?.localeTag ?? DEFAULT_STORE_CONFIG.locale.localeTag;
+  const { imageSize = "thumbnail" } = options;
+  const getProcessedImageUrl = useProcessedImageUrl(imageSize, options.fallbackImageUrl);
   const { data: rawOrder, isLoading, error } = useOrder(input);
   const order = react.useMemo(() => {
     if (!rawOrder) return void 0;
@@ -1234,7 +1264,7 @@ function useOrderView(input, options = {}) {
       quantity: item.quantity,
       price: formatStoreApiPriceIntl(item.prices.price, currencyCode, localeTag),
       total: formatStoreApiPriceIntl(item.totals.line_total, currencyCode, localeTag),
-      imageUrl: item.images?.[0]?.src
+      imageUrl: getProcessedImageUrl(item.images)
     }));
     const status = rawOrder.status;
     return {
@@ -1249,7 +1279,7 @@ function useOrderView(input, options = {}) {
       paymentMethod: rawOrder.payment_method ?? "",
       raw: rawOrder
     };
-  }, [rawOrder, localeTag]);
+  }, [rawOrder, localeTag, getProcessedImageUrl]);
   return {
     order,
     isLoading,
@@ -1272,6 +1302,7 @@ exports.useProcessCheckout = useProcessCheckout;
 exports.useProduct = useProduct;
 exports.useProductCategories = useProductCategories;
 exports.useProductCategoryTree = useProductCategoryTree;
+exports.useProductTags = useProductTags;
 exports.useProductView = useProductView;
 exports.useProducts = useProducts;
 exports.useProductsFeed = useProductsFeed;
@@ -1283,6 +1314,7 @@ exports.useStore = useStore;
 exports.useStoreFeatures = useStoreFeatures;
 exports.useStoreLocale = useStoreLocale;
 exports.useStoreTheme = useStoreTheme;
+exports.useUpdateCartExtensions = useUpdateCartExtensions;
 exports.useUpdateCartItem = useUpdateCartItem;
 exports.useUpdateCustomer = useUpdateCustomer;
 exports.useWooCommerceClient = useWooCommerceClient;