@atomic-solutions/woocommerce-react 0.2.5 → 0.3.0

package/dist/{index-BP5iXDIj.d.cts → index-DdY_1X-C.d.cts}

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 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-D7dDI9Lr.cjs';
+import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-_8YqnkO-.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'>;
@@ -8722,4 +8722,35 @@ interface UseCartViewReturn {
 }
 declare function useCartView(options?: UseCartViewOptions): UseCartViewReturn;
 
-export { type AppliedCoupon as A, useProcessCheckout as B, type CartTotals as C, useProduct as D, useProductCategories as E, useProductCategoryTree as F, useProductView as G, useProducts as H, type ImageSize as I, useProductsFeed as J, useRemoveCoupon as K, useRemoveFromCart as L, useSelectShippingRate as M, useStore as N, useStoreFeatures as O, PLACEHOLDER_IMAGE_URL as P, useStoreLocale as Q, useStoreTheme as R, type ShippingRate as S, useUpdateCartItem as T, type UseCartViewOptions as U, useUpdateCustomer as V, useWooCommerceClient as W, useWooCommerceQueryKeys as X, type InfiniteQueryOptions as Y, type MutationOptions as Z, type QueryOptions as _, type PaymentMethod as a, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedProduct as d, type ProcessedProductDetails as e, type ProductCartState as f, type ProductCategoryTreeNode as g, type UseCartViewReturn as h, type UseProductViewOptions as i, type UseProductViewReturn as j, type UseProductsFeedOptions as k, type UseProductsFeedReturn as l, getAllImageUrls as m, getImageUrl as n, getImageUrlOrPlaceholder as o, getPrimaryImage as p, getSizedImageUrl as q, preloadImage as r, preloadImages as s, useApplyCoupon as t, useAddToCart as u, useCart as v, useCartView as w, useCheckout as x, useInfiniteProducts as y, useOrder as z };
+declare function getOrderStatusLabel(status: string): string;
+interface ProcessedOrderLineItem {
+    id: number;
+    name: string;
+    quantity: number;
+    price: string;
+    total: string;
+    imageUrl?: string;
+}
+interface ProcessedOrderDetails {
+    id: number;
+    number: string;
+    status: string;
+    statusLabel: string;
+    total: string;
+    itemCount: number;
+    lineItems: ProcessedOrderLineItem[];
+    needsPayment: boolean;
+    paymentMethod: string;
+    raw: StoreApiOrder;
+}
+interface UseOrderViewOptions {
+    localeTag?: string;
+}
+interface UseOrderViewReturn {
+    order: ProcessedOrderDetails | undefined;
+    isLoading: boolean;
+    error: Error | null;
+}
+declare function useOrderView(input: GetOrderInput, options?: UseOrderViewOptions): UseOrderViewReturn;
+
+export { useUpdateCustomer as $, type AppliedCoupon as A, useCart as B, type CartTotals as C, useCartView as D, useCheckout as E, useInfiniteProducts as F, useOrder as G, useOrderView as H, type ImageSize as I, useProcessCheckout as J, useProduct as K, useProductCategories as L, useProductCategoryTree as M, useProductView as N, useProducts as O, PLACEHOLDER_IMAGE_URL as P, useProductsFeed as Q, useRemoveCoupon as R, type ShippingRate as S, useRemoveFromCart as T, type UseCartViewOptions as U, useSelectShippingRate as V, useStore as W, useStoreFeatures as X, useStoreLocale as Y, useStoreTheme as Z, useUpdateCartItem as _, type PaymentMethod as a, useWooCommerceClient as a0, useWooCommerceQueryKeys as a1, type InfiniteQueryOptions as a2, type MutationOptions as a3, type QueryOptions as a4, 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 UseCartViewReturn as j, type UseOrderViewOptions as k, type UseOrderViewReturn as l, type UseProductViewOptions as m, type UseProductViewReturn as n, type UseProductsFeedOptions as o, type UseProductsFeedReturn as p, getAllImageUrls as q, getImageUrl as r, getImageUrlOrPlaceholder as s, getOrderStatusLabel as t, getPrimaryImage as u, getSizedImageUrl as v, preloadImage as w, preloadImages as x, useAddToCart as y, useApplyCoupon as z };

package/dist/{index-BPa3-Cyt.d.ts → index-unbfwba0.d.ts}

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 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-D7dDI9Lr.js';
+import { Q as QueryKeys, k as StoreContextValue, l as StoreFeatures, S as StoreLocale, n as StoreTheme } from './types-_8YqnkO-.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'>;
@@ -8722,4 +8722,35 @@ interface UseCartViewReturn {
 }
 declare function useCartView(options?: UseCartViewOptions): UseCartViewReturn;
 
-export { type AppliedCoupon as A, useProcessCheckout as B, type CartTotals as C, useProduct as D, useProductCategories as E, useProductCategoryTree as F, useProductView as G, useProducts as H, type ImageSize as I, useProductsFeed as J, useRemoveCoupon as K, useRemoveFromCart as L, useSelectShippingRate as M, useStore as N, useStoreFeatures as O, PLACEHOLDER_IMAGE_URL as P, useStoreLocale as Q, useStoreTheme as R, type ShippingRate as S, useUpdateCartItem as T, type UseCartViewOptions as U, useUpdateCustomer as V, useWooCommerceClient as W, useWooCommerceQueryKeys as X, type InfiniteQueryOptions as Y, type MutationOptions as Z, type QueryOptions as _, type PaymentMethod as a, type ProcessedCartItem as b, type ProcessedCategory as c, type ProcessedProduct as d, type ProcessedProductDetails as e, type ProductCartState as f, type ProductCategoryTreeNode as g, type UseCartViewReturn as h, type UseProductViewOptions as i, type UseProductViewReturn as j, type UseProductsFeedOptions as k, type UseProductsFeedReturn as l, getAllImageUrls as m, getImageUrl as n, getImageUrlOrPlaceholder as o, getPrimaryImage as p, getSizedImageUrl as q, preloadImage as r, preloadImages as s, useApplyCoupon as t, useAddToCart as u, useCart as v, useCartView as w, useCheckout as x, useInfiniteProducts as y, useOrder as z };
+declare function getOrderStatusLabel(status: string): string;
+interface ProcessedOrderLineItem {
+    id: number;
+    name: string;
+    quantity: number;
+    price: string;
+    total: string;
+    imageUrl?: string;
+}
+interface ProcessedOrderDetails {
+    id: number;
+    number: string;
+    status: string;
+    statusLabel: string;
+    total: string;
+    itemCount: number;
+    lineItems: ProcessedOrderLineItem[];
+    needsPayment: boolean;
+    paymentMethod: string;
+    raw: StoreApiOrder;
+}
+interface UseOrderViewOptions {
+    localeTag?: string;
+}
+interface UseOrderViewReturn {
+    order: ProcessedOrderDetails | undefined;
+    isLoading: boolean;
+    error: Error | null;
+}
+declare function useOrderView(input: GetOrderInput, options?: UseOrderViewOptions): UseOrderViewReturn;
+
+export { useUpdateCustomer as $, type AppliedCoupon as A, useCart as B, type CartTotals as C, useCartView as D, useCheckout as E, useInfiniteProducts as F, useOrder as G, useOrderView as H, type ImageSize as I, useProcessCheckout as J, useProduct as K, useProductCategories as L, useProductCategoryTree as M, useProductView as N, useProducts as O, PLACEHOLDER_IMAGE_URL as P, useProductsFeed as Q, useRemoveCoupon as R, type ShippingRate as S, useRemoveFromCart as T, type UseCartViewOptions as U, useSelectShippingRate as V, useStore as W, useStoreFeatures as X, useStoreLocale as Y, useStoreTheme as Z, useUpdateCartItem as _, type PaymentMethod as a, useWooCommerceClient as a0, useWooCommerceQueryKeys as a1, type InfiniteQueryOptions as a2, type MutationOptions as a3, type QueryOptions as a4, 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 UseCartViewReturn as j, type UseOrderViewOptions as k, type UseOrderViewReturn as l, type UseProductViewOptions as m, type UseProductViewReturn as n, type UseProductsFeedOptions as o, type UseProductsFeedReturn as p, getAllImageUrls as q, getImageUrl as r, getImageUrlOrPlaceholder as s, getOrderStatusLabel as t, getPrimaryImage as u, getSizedImageUrl as v, preloadImage as w, preloadImages as x, useAddToCart as y, useApplyCoupon as z };

package/dist/index.cjs

@@ -858,10 +858,11 @@ var useProcessCheckout = () => {
     mutationKey: queryKeys.checkout.mutations.process(),
     mutationFn: (input) => client.checkout.process(input),
     onSuccess: (checkout) => {
+      const cart = queryClient.getQueryData(queryKeys.cart.details()) ?? null;
       queryClient.invalidateQueries({ queryKey: queryKeys.cart.all });
       queryClient.invalidateQueries({ queryKey: queryKeys.checkout.all });
       if (emitEvent) {
-        emitEvent(createSuccessEvent("checkout:processed", { checkout }));
+        emitEvent(createSuccessEvent("checkout:processed", { checkout, cart }));
       }
     },
     onError: (error) => {
@@ -1645,6 +1646,54 @@ function useCartView(options = {}) {
     isBusy
   };
 }
+var ORDER_STATUS_LABELS = {
+  pending: "Pending Payment",
+  processing: "Processing",
+  "on-hold": "On Hold",
+  completed: "Completed",
+  cancelled: "Cancelled",
+  refunded: "Refunded",
+  failed: "Failed"
+};
+function getOrderStatusLabel(status) {
+  return ORDER_STATUS_LABELS[status] ?? status.replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+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 { data: rawOrder, isLoading, error } = useOrder(input);
+  const order = react.useMemo(() => {
+    if (!rawOrder) return void 0;
+    const currencyCode = rawOrder.totals.currency_code ?? "USD";
+    const lineItems = rawOrder.items.map((item) => ({
+      id: item.id,
+      name: item.name,
+      quantity: item.quantity,
+      price: formatStoreApiPriceIntl(item.prices.price, currencyCode, localeTag),
+      total: formatStoreApiPriceIntl(item.totals.line_total, currencyCode, localeTag),
+      imageUrl: item.images?.[0]?.src
+    }));
+    const status = rawOrder.status;
+    return {
+      id: rawOrder.id,
+      number: String(rawOrder.id),
+      status,
+      statusLabel: getOrderStatusLabel(status),
+      total: formatStoreApiPriceIntl(rawOrder.totals.total_price, currencyCode, localeTag),
+      itemCount: lineItems.reduce((sum, item) => sum + item.quantity, 0),
+      lineItems,
+      needsPayment: rawOrder.needs_payment,
+      paymentMethod: rawOrder.payment_method ?? "",
+      raw: rawOrder
+    };
+  }, [rawOrder, localeTag]);
+  return {
+    order,
+    isLoading,
+    error
+  };
+}
 
 // src/events/composeHandlers.ts
 function composeHandlers(...handlers) {
@@ -1698,12 +1747,17 @@ function createAnalyticsHandler(provider) {
           coupon_code: event.data.code
         });
         break;
-      case "checkout:processed":
+      case "checkout:processed": {
+        const { checkout, cart } = event.data;
+        const parsedTotal = cart ? parseFloat(cart.totals.total_price) : void 0;
         provider.log("purchase", {
-          order_id: event.data.checkout.order_id,
-          payment_method: event.data.checkout.payment_method
+          order_id: checkout.order_id,
+          payment_method: checkout.payment_method,
+          order_total: Number.isFinite(parsedTotal) ? parsedTotal : void 0,
+          items_count: cart?.items_count
         });
         break;
+      }
     }
   };
 }
@@ -1740,6 +1794,7 @@ exports.getGlobalRateLimiter = getGlobalRateLimiter;
 exports.getImageUrl = getImageUrl;
 exports.getImageUrlOrPlaceholder = getImageUrlOrPlaceholder;
 exports.getMaxAddToCartQuantity = getMaxAddToCartQuantity;
+exports.getOrderStatusLabel = getOrderStatusLabel;
 exports.getPrimaryImage = getPrimaryImage;
 exports.getSizedImageUrl = getSizedImageUrl;
 exports.getStockSeverity = getStockSeverity;
@@ -1759,6 +1814,7 @@ exports.useCartView = useCartView;
 exports.useCheckout = useCheckout;
 exports.useInfiniteProducts = useInfiniteProducts;
 exports.useOrder = useOrder;
+exports.useOrderView = useOrderView;
 exports.useProcessCheckout = useProcessCheckout;
 exports.useProduct = useProduct;
 exports.useProductCategories = useProductCategories;