@atomic-solutions/woocommerce-react 0.2.5 → 0.3.0

package/dist/hooks/index.cjs

@@ -426,10 +426,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) => {
@@ -1134,8 +1135,57 @@ 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
+  };
+}
 
 exports.createQueryKeys = createQueryKeys;
+exports.getOrderStatusLabel = getOrderStatusLabel;
 exports.useAddToCart = useAddToCart;
 exports.useApplyCoupon = useApplyCoupon;
 exports.useCart = useCart;
@@ -1143,6 +1193,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;