@atomic-solutions/woocommerce-react 0.2.6 → 0.3.0

package/dist/hooks/index.cjs

@@ -1135,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;
@@ -1144,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;