@atomic-solutions/woocommerce-react 0.6.1 → 0.7.0

package/dist/{index-Dmlapl9c.d.ts → index-BmWcF7aq.d.ts}

@@ -1,8 +1,8 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as _atomic_solutions_woocommerce_api_client from '@atomic-solutions/woocommerce-api-client';
-import { WooCommerceClient, ProductCategory, ProductParams, PaginatedResponse, Product, Cart, Checkout, GetOrderInput, StoreApiOrder, ProductImage, CartItemImage, CartItem } from '@atomic-solutions/woocommerce-api-client';
-import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-Dnq60zh-.js';
+import { WooCommerceClient, ProductCategory, ProductParams, PaginatedResponse, Product, ProductTagsParams, ProductTag, Cart, Checkout, GetOrderInput, StoreApiOrder, ProductImage, CartItemImage, CartItem } from '@atomic-solutions/woocommerce-api-client';
+import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-4MW3Y__g.js';
 
 type QueryOptions<TData, TError = Error> = Omit<UseQueryOptions<TData, TError>, 'queryKey' | 'queryFn'>;
 type MutationOptions<TData, TError = Error, TVariables = unknown> = Omit<UseMutationOptions<TData, TError, TVariables>, 'mutationFn'>;
@@ -2933,6 +2933,11 @@ declare const useProductCategories: (options?: QueryOptions<ProductCategory[]>)
     count: number;
     menu_order?: number | undefined;
 }[], Error>;
+declare const useProductTags: (params?: ProductTagsParams, options?: QueryOptions<ProductTag[]>) => _tanstack_react_query.UseQueryResult<{
+    id: number;
+    name: string;
+    slug: string;
+}[], Error>;
 declare const useProductCategoryTree: () => {
     data: {
         id: number;
@@ -8333,7 +8338,7 @@ declare const useCheckout: (options?: QueryOptions<Checkout>) => _tanstack_react
         payment_status: string;
         payment_details: unknown[];
         redirect_url: string;
-    };
+    } | null;
 }, Error>;
 declare const useProcessCheckout: () => _tanstack_react_query.UseMutationResult<{
     status: string;
@@ -8371,7 +8376,7 @@ declare const useProcessCheckout: () => _tanstack_react_query.UseMutationResult<
         payment_status: string;
         payment_details: unknown[];
         redirect_url: string;
-    };
+    } | null;
 }, Error, {
     payment_method: string;
     extensions?: Record<string, unknown> | undefined;
@@ -8807,6 +8812,8 @@ interface ProcessedOrderDetails {
 }
 interface UseOrderViewOptions {
     localeTag?: string;
+    fallbackImageUrl?: string;
+    imageSize?: ImageSize;
 }
 interface UseOrderViewReturn {
     order: ProcessedOrderDetails | undefined;
@@ -8815,4 +8822,4 @@ interface UseOrderViewReturn {
 }
 declare function useOrderView(input: GetOrderInput, options?: UseOrderViewOptions): UseOrderViewReturn;
 
-export { useOrderView as $, type AppliedCoupon as A, getImageUrlOrPlaceholder as B, type CartTotals as C, getMaxAddToCartQuantity as D, getOrderStatusLabel as E, getPrimaryImage as F, getSizedImageUrl as G, getStockSeverity as H, type ImageSize as I, getStockStatusText as J, isLowStock as K, isPurchasable as L, preloadImage as M, preloadImages as N, unavailableReason as O, PLACEHOLDER_IMAGE_URL as P, useAddManyToCart as Q, type ReorderInputItem as R, type ShippingRate as S, useAddToCart as T, type UnavailableReason as U, useApplyCoupon as V, useCart as W, useCartView as X, useCheckout as Y, useInfiniteProducts as Z, useOrder as _, type PaymentMethod as a, useProcessCheckout as a0, useProduct as a1, useProductCategories as a2, useProductCategoryTree as a3, useProductView as a4, useProducts as a5, useProductsFeed as a6, useRemoveCoupon as a7, useRemoveFromCart as a8, useReorderView as a9, useSelectShippingRate as aa, useStore as ab, useStoreFeatures as ac, useStoreLocale as ad, useStoreTheme as ae, useUpdateCartItem as af, useUpdateCustomer as ag, useWooCommerceClient as ah, useWooCommerceQueryKeys as ai, type InfiniteQueryOptions as aj, type MutationOptions as ak, type QueryOptions as al, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedOrderDetails as d, type ProcessedOrderLineItem as e, type ProcessedProduct as f, type ProcessedProductDetails as g, type ProductCartState as h, type ProductCategoryTreeNode as i, type ReorderItemView as j, type ReorderUnavailableReason as k, type StockDisplayConfig as l, type StockStatus as m, type UseCartViewOptions as n, type UseCartViewReturn as o, type UseOrderViewOptions as p, type UseOrderViewReturn as q, type UseProductViewOptions as r, type UseProductViewReturn as s, type UseProductsFeedOptions as t, type UseProductsFeedReturn as u, type UseReorderViewOptions as v, type UseReorderViewReturn as w, canAddToCart as x, getAllImageUrls as y, getImageUrl as z };
+export { useOrderView as $, type AppliedCoupon as A, getImageUrlOrPlaceholder as B, type CartTotals as C, getMaxAddToCartQuantity as D, getOrderStatusLabel as E, getPrimaryImage as F, getSizedImageUrl as G, getStockSeverity as H, type ImageSize as I, getStockStatusText as J, isLowStock as K, isPurchasable as L, preloadImage as M, preloadImages as N, unavailableReason as O, PLACEHOLDER_IMAGE_URL as P, useAddManyToCart as Q, type ReorderInputItem as R, type ShippingRate as S, useAddToCart as T, type UnavailableReason as U, useApplyCoupon as V, useCart as W, useCartView as X, useCheckout as Y, useInfiniteProducts as Z, useOrder as _, type PaymentMethod as a, useProcessCheckout as a0, useProduct as a1, useProductCategories as a2, useProductCategoryTree as a3, useProductTags as a4, useProductView as a5, useProducts as a6, useProductsFeed as a7, useRemoveCoupon as a8, useRemoveFromCart as a9, useReorderView as aa, useSelectShippingRate as ab, useStore as ac, useStoreFeatures as ad, useStoreLocale as ae, useStoreTheme as af, useUpdateCartItem as ag, useUpdateCustomer as ah, useWooCommerceClient as ai, useWooCommerceQueryKeys as aj, type InfiniteQueryOptions as ak, type MutationOptions as al, type QueryOptions as am, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedOrderDetails as d, type ProcessedOrderLineItem as e, type ProcessedProduct as f, type ProcessedProductDetails as g, type ProductCartState as h, type ProductCategoryTreeNode as i, type ReorderItemView as j, type ReorderUnavailableReason as k, type StockDisplayConfig as l, type StockStatus as m, type UseCartViewOptions as n, type UseCartViewReturn as o, type UseOrderViewOptions as p, type UseOrderViewReturn as q, type UseProductViewOptions as r, type UseProductViewReturn as s, type UseProductsFeedOptions as t, type UseProductsFeedReturn as u, type UseReorderViewOptions as v, type UseReorderViewReturn as w, canAddToCart as x, getAllImageUrls as y, getImageUrl as z };

package/dist/{index-DEvJWFSF.d.cts → index-UkshfFwm.d.cts}

@@ -1,8 +1,8 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as _atomic_solutions_woocommerce_api_client from '@atomic-solutions/woocommerce-api-client';
-import { WooCommerceClient, ProductCategory, ProductParams, PaginatedResponse, Product, Cart, Checkout, GetOrderInput, StoreApiOrder, ProductImage, CartItemImage, CartItem } from '@atomic-solutions/woocommerce-api-client';
-import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-Dnq60zh-.cjs';
+import { WooCommerceClient, ProductCategory, ProductParams, PaginatedResponse, Product, ProductTagsParams, ProductTag, Cart, Checkout, GetOrderInput, StoreApiOrder, ProductImage, CartItemImage, CartItem } from '@atomic-solutions/woocommerce-api-client';
+import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-4MW3Y__g.cjs';
 
 type QueryOptions<TData, TError = Error> = Omit<UseQueryOptions<TData, TError>, 'queryKey' | 'queryFn'>;
 type MutationOptions<TData, TError = Error, TVariables = unknown> = Omit<UseMutationOptions<TData, TError, TVariables>, 'mutationFn'>;
@@ -2933,6 +2933,11 @@ declare const useProductCategories: (options?: QueryOptions<ProductCategory[]>)
     count: number;
     menu_order?: number | undefined;
 }[], Error>;
+declare const useProductTags: (params?: ProductTagsParams, options?: QueryOptions<ProductTag[]>) => _tanstack_react_query.UseQueryResult<{
+    id: number;
+    name: string;
+    slug: string;
+}[], Error>;
 declare const useProductCategoryTree: () => {
     data: {
         id: number;
@@ -8333,7 +8338,7 @@ declare const useCheckout: (options?: QueryOptions<Checkout>) => _tanstack_react
         payment_status: string;
         payment_details: unknown[];
         redirect_url: string;
-    };
+    } | null;
 }, Error>;
 declare const useProcessCheckout: () => _tanstack_react_query.UseMutationResult<{
     status: string;
@@ -8371,7 +8376,7 @@ declare const useProcessCheckout: () => _tanstack_react_query.UseMutationResult<
         payment_status: string;
         payment_details: unknown[];
         redirect_url: string;
-    };
+    } | null;
 }, Error, {
     payment_method: string;
     extensions?: Record<string, unknown> | undefined;
@@ -8807,6 +8812,8 @@ interface ProcessedOrderDetails {
 }
 interface UseOrderViewOptions {
     localeTag?: string;
+    fallbackImageUrl?: string;
+    imageSize?: ImageSize;
 }
 interface UseOrderViewReturn {
     order: ProcessedOrderDetails | undefined;
@@ -8815,4 +8822,4 @@ interface UseOrderViewReturn {
 }
 declare function useOrderView(input: GetOrderInput, options?: UseOrderViewOptions): UseOrderViewReturn;
 
-export { useOrderView as $, type AppliedCoupon as A, getImageUrlOrPlaceholder as B, type CartTotals as C, getMaxAddToCartQuantity as D, getOrderStatusLabel as E, getPrimaryImage as F, getSizedImageUrl as G, getStockSeverity as H, type ImageSize as I, getStockStatusText as J, isLowStock as K, isPurchasable as L, preloadImage as M, preloadImages as N, unavailableReason as O, PLACEHOLDER_IMAGE_URL as P, useAddManyToCart as Q, type ReorderInputItem as R, type ShippingRate as S, useAddToCart as T, type UnavailableReason as U, useApplyCoupon as V, useCart as W, useCartView as X, useCheckout as Y, useInfiniteProducts as Z, useOrder as _, type PaymentMethod as a, useProcessCheckout as a0, useProduct as a1, useProductCategories as a2, useProductCategoryTree as a3, useProductView as a4, useProducts as a5, useProductsFeed as a6, useRemoveCoupon as a7, useRemoveFromCart as a8, useReorderView as a9, useSelectShippingRate as aa, useStore as ab, useStoreFeatures as ac, useStoreLocale as ad, useStoreTheme as ae, useUpdateCartItem as af, useUpdateCustomer as ag, useWooCommerceClient as ah, useWooCommerceQueryKeys as ai, type InfiniteQueryOptions as aj, type MutationOptions as ak, type QueryOptions as al, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedOrderDetails as d, type ProcessedOrderLineItem as e, type ProcessedProduct as f, type ProcessedProductDetails as g, type ProductCartState as h, type ProductCategoryTreeNode as i, type ReorderItemView as j, type ReorderUnavailableReason as k, type StockDisplayConfig as l, type StockStatus as m, type UseCartViewOptions as n, type UseCartViewReturn as o, type UseOrderViewOptions as p, type UseOrderViewReturn as q, type UseProductViewOptions as r, type UseProductViewReturn as s, type UseProductsFeedOptions as t, type UseProductsFeedReturn as u, type UseReorderViewOptions as v, type UseReorderViewReturn as w, canAddToCart as x, getAllImageUrls as y, getImageUrl as z };
+export { useOrderView as $, type AppliedCoupon as A, getImageUrlOrPlaceholder as B, type CartTotals as C, getMaxAddToCartQuantity as D, getOrderStatusLabel as E, getPrimaryImage as F, getSizedImageUrl as G, getStockSeverity as H, type ImageSize as I, getStockStatusText as J, isLowStock as K, isPurchasable as L, preloadImage as M, preloadImages as N, unavailableReason as O, PLACEHOLDER_IMAGE_URL as P, useAddManyToCart as Q, type ReorderInputItem as R, type ShippingRate as S, useAddToCart as T, type UnavailableReason as U, useApplyCoupon as V, useCart as W, useCartView as X, useCheckout as Y, useInfiniteProducts as Z, useOrder as _, type PaymentMethod as a, useProcessCheckout as a0, useProduct as a1, useProductCategories as a2, useProductCategoryTree as a3, useProductTags as a4, useProductView as a5, useProducts as a6, useProductsFeed as a7, useRemoveCoupon as a8, useRemoveFromCart as a9, useReorderView as aa, useSelectShippingRate as ab, useStore as ac, useStoreFeatures as ad, useStoreLocale as ae, useStoreTheme as af, useUpdateCartItem as ag, useUpdateCustomer as ah, useWooCommerceClient as ai, useWooCommerceQueryKeys as aj, type InfiniteQueryOptions as ak, type MutationOptions as al, type QueryOptions as am, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedOrderDetails as d, type ProcessedOrderLineItem as e, type ProcessedProduct as f, type ProcessedProductDetails as g, type ProductCartState as h, type ProductCategoryTreeNode as i, type ReorderItemView as j, type ReorderUnavailableReason as k, type StockDisplayConfig as l, type StockStatus as m, type UseCartViewOptions as n, type UseCartViewReturn as o, type UseOrderViewOptions as p, type UseOrderViewReturn as q, type UseProductViewOptions as r, type UseProductViewReturn as s, type UseProductsFeedOptions as t, type UseProductsFeedReturn as u, type UseReorderViewOptions as v, type UseReorderViewReturn as w, canAddToCart as x, getAllImageUrls as y, getImageUrl as z };

package/dist/index.cjs

@@ -478,6 +478,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 */
@@ -575,6 +577,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 ?? [];
@@ -895,7 +907,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: {
@@ -979,64 +993,6 @@ function useStoreTheme(options = {}) {
   };
 }
 
-// src/utils/image.ts
-var SIZE_SUFFIXES = {
-  thumbnail: "-150x150",
-  medium: "-300x300",
-  large: "-1024x1024",
-  full: ""
-};
-function getPrimaryImage(images) {
-  if (!images || images.length === 0) {
-    return void 0;
-  }
-  return images[0];
-}
-function getImageUrl(images, size = "full", fallback) {
-  const primary = getPrimaryImage(images);
-  if (!primary) {
-    return fallback;
-  }
-  return getSizedImageUrl(primary.src, size);
-}
-function getSizedImageUrl(url, size = "full") {
-  if (!url || size === "full") {
-    return url;
-  }
-  const hasSize = Object.values(SIZE_SUFFIXES).some((suffix2) => suffix2 && url.includes(suffix2));
-  if (hasSize) {
-    let result = url;
-    Object.values(SIZE_SUFFIXES).forEach((suffix2) => {
-      if (suffix2) {
-        result = result.replace(suffix2, SIZE_SUFFIXES[size]);
-      }
-    });
-    return result;
-  }
-  const suffix = SIZE_SUFFIXES[size];
-  const lastDot = url.lastIndexOf(".");
-  if (lastDot === -1) {
-    return url;
-  }
-  return `${url.slice(0, lastDot)}${suffix}${url.slice(lastDot)}`;
-}
-function getAllImageUrls(images, size = "full") {
-  if (!images || images.length === 0) {
-    return [];
-  }
-  return images.map((img) => getSizedImageUrl(img.src, size));
-}
-var PLACEHOLDER_IMAGE_URL = "https://via.placeholder.com/300x300.png?text=No+Image";
-function getImageUrlOrPlaceholder(images, size = "medium") {
-  return getImageUrl(images, size, PLACEHOLDER_IMAGE_URL) ?? PLACEHOLDER_IMAGE_URL;
-}
-async function preloadImage(_url) {
-  return Promise.resolve();
-}
-async function preloadImages(urls) {
-  await Promise.all(urls.map(preloadImage));
-}
-
 // src/utils/price.ts
 var DEFAULT_LOCALE = {
   localeTag: "en-US",
@@ -1182,14 +1138,84 @@ function parseWooCommercePrice(priceString) {
   return parseFloat(cleaned.replace(/,/g, ""));
 }
 
+// src/utils/image.ts
+var SIZE_SUFFIXES = {
+  thumbnail: "-150x150",
+  medium: "-300x300",
+  large: "-1024x1024",
+  full: ""
+};
+function getPrimaryImage(images) {
+  if (!images || images.length === 0) {
+    return void 0;
+  }
+  return images[0];
+}
+function getImageUrl(images, size = "full", fallback) {
+  const primary = getPrimaryImage(images);
+  if (!primary) {
+    return fallback;
+  }
+  return getSizedImageUrl(primary.src, size);
+}
+function getSizedImageUrl(url, size = "full") {
+  if (!url || size === "full") {
+    return url;
+  }
+  const hasSize = Object.values(SIZE_SUFFIXES).some((suffix2) => suffix2 && url.includes(suffix2));
+  if (hasSize) {
+    let result = url;
+    Object.values(SIZE_SUFFIXES).forEach((suffix2) => {
+      if (suffix2) {
+        result = result.replace(suffix2, SIZE_SUFFIXES[size]);
+      }
+    });
+    return result;
+  }
+  const suffix = SIZE_SUFFIXES[size];
+  const lastDot = url.lastIndexOf(".");
+  if (lastDot === -1) {
+    return url;
+  }
+  return `${url.slice(0, lastDot)}${suffix}${url.slice(lastDot)}`;
+}
+function getAllImageUrls(images, size = "full") {
+  if (!images || images.length === 0) {
+    return [];
+  }
+  return images.map((img) => getSizedImageUrl(img.src, size));
+}
+var PLACEHOLDER_IMAGE_URL = "https://via.placeholder.com/300x300.png?text=No+Image";
+function getImageUrlOrPlaceholder(images, size = "medium") {
+  return getImageUrl(images, size, PLACEHOLDER_IMAGE_URL) ?? PLACEHOLDER_IMAGE_URL;
+}
+async function preloadImage(_url) {
+  return Promise.resolve();
+}
+async function preloadImages(urls) {
+  await Promise.all(urls.map(preloadImage));
+}
+
+// src/hooks/useProcessedImageUrl.ts
+var useProcessedImageUrl = (imageSize, fallbackOverride) => {
+  const config = react.useContext(WooCommerceStoreContext)?.config;
+  const transformer = config?.imageUrlTransformer;
+  const fallbackImageUrl = fallbackOverride ?? config?.fallbackImageUrl;
+  return react.useCallback(
+    (images) => {
+      const baseUrl = getImageUrl(images, imageSize, fallbackImageUrl);
+      return baseUrl && transformer ? transformer(baseUrl, imageSize) : baseUrl;
+    },
+    [imageSize, fallbackImageUrl, transformer]
+  );
+};
+
 // src/hooks/useProductsFeed.ts
 function useProductsFeed(options = {}) {
   const { params, imageSize = "medium" } = 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 {
     data: productsData,
     isLoading,
@@ -1201,16 +1227,7 @@ function useProductsFeed(options = {}) {
     isRefetching
   } = useInfiniteProducts(params);
   const { treeData: categoryTree = [], findById } = useProductCategoryTree();
-  const getProcessedImageUrl = react.useCallback(
-    (images) => {
-      const baseUrl = getImageUrl(images, imageSize, fallbackImageUrl);
-      if (baseUrl && imageUrlTransformer) {
-        return imageUrlTransformer(baseUrl, imageSize);
-      }
-      return baseUrl;
-    },
-    [imageSize, fallbackImageUrl, imageUrlTransformer]
-  );
+  const getProcessedImageUrl = useProcessedImageUrl(imageSize, options.fallbackImageUrl);
   const products = react.useMemo(() => {
     if (!productsData) return [];
     const productList = Array.isArray(productsData) ? productsData : [];
@@ -1348,7 +1365,6 @@ function useProductView(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 [draftQuantity, setDraftQuantity] = react.useState(1);
   const { data: productData, isLoading, error, refetch } = useProduct(productId);
@@ -1356,6 +1372,7 @@ function useProductView(options) {
   const addToCartMutation = useAddToCart();
   const removeFromCartMutation = useRemoveFromCart();
   const updateCartMutation = useUpdateCartItem();
+  const getProcessedImageUrl = useProcessedImageUrl(imageSize, options.fallbackImageUrl);
   const processImageUrl = react.useCallback(
     (url) => {
       if (!url) return url;
@@ -1371,7 +1388,6 @@ function useProductView(options) {
     const currencyCode = productData.prices?.currency_code;
     const stockStatus = productData.is_on_backorder ? "onbackorder" : productData.is_in_stock ? "instock" : "outofstock";
     const lowStockRemaining = productData.low_stock_remaining;
-    const baseImageUrl = getImageUrl(productData.images, imageSize, fallbackImageUrl);
     const baseImageUrls = getAllImageUrls(productData.images, imageSize);
     return {
       id: productData.id,
@@ -1381,7 +1397,7 @@ function useProductView(options) {
       description: productData.description,
       shortDescription: productData.short_description,
       sku: productData.sku,
-      imageUrl: processImageUrl(baseImageUrl),
+      imageUrl: getProcessedImageUrl(productData.images),
       imageUrls: baseImageUrls.map((url) => processImageUrl(url) ?? url),
       price: formatStoreApiPriceIntl(productData.prices?.price, currencyCode, localeTag),
       regularPrice: formatStoreApiPriceIntl(
@@ -1411,7 +1427,7 @@ function useProductView(options) {
       minQuantity: productData.add_to_cart?.minimum ?? 1,
       raw: productData
     };
-  }, [productData, localeTag, fallbackImageUrl, imageSize, lowStockThreshold, processImageUrl]);
+  }, [productData, localeTag, imageSize, lowStockThreshold, getProcessedImageUrl, processImageUrl]);
   const cartItem = react.useMemo(() => {
     return cartData?.items.find((item) => item.id === productId);
   }, [cartData?.items, productId]);
@@ -1494,24 +1510,13 @@ function useCartView(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 { data: cartData, isLoading, error, refetch } = useCart();
   const updateItemMutation = useUpdateCartItem();
   const removeItemMutation = useRemoveFromCart();
   const applyCouponMutation = useApplyCoupon();
   const removeCouponMutation = useRemoveCoupon();
   const selectShippingMutation = useSelectShippingRate();
-  const getProcessedImageUrl = react.useCallback(
-    (images) => {
-      const baseUrl = getImageUrl(images, imageSize, fallbackImageUrl);
-      if (baseUrl && imageUrlTransformer) {
-        return imageUrlTransformer(baseUrl, imageSize);
-      }
-      return baseUrl;
-    },
-    [imageSize, fallbackImageUrl, imageUrlTransformer]
-  );
+  const getProcessedImageUrl = useProcessedImageUrl(imageSize, options.fallbackImageUrl);
   const items = react.useMemo(() => {
     if (!cartData?.items) return [];
     const currencyCode = cartData.totals.currency_code;
@@ -1657,8 +1662,6 @@ function useReorderView(items, 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,
@@ -1669,16 +1672,7 @@ function useReorderView(items, options = {}) {
     { 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 getProcessedImageUrl = useProcessedImageUrl(imageSize, options.fallbackImageUrl);
   const views = react.useMemo(() => {
     const products = new Map((productsPage?.data ?? []).map((product) => [product.id, product]));
     return items.map((item) => {
@@ -1760,6 +1754,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;
@@ -1770,7 +1766,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 {
@@ -1785,7 +1781,7 @@ function useOrderView(input, options = {}) {
       paymentMethod: rawOrder.payment_method ?? "",
       raw: rawOrder
     };
-  }, [rawOrder, localeTag]);
+  }, [rawOrder, localeTag, getProcessedImageUrl]);
   return {
     order,
     isLoading,
@@ -1928,6 +1924,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;