@fluid-app/portal-sdk 0.1.129 → 0.1.130

package/dist/order-detail-iZm_R0TX.mjs

@@ -1,931 +0,0 @@
-import { P as Input, _n as cn, d as TableBody, f as TableCell, h as TableRow, m as TableHeader, p as TableHead, u as Table$1, x as Skeleton } from "./src-N020oyu4.mjs";
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight, Search, Truck } from "lucide-react";
-//#region ../../orders/core/src/context.ts
-const OrdersApiContext = createContext(null);
-const OrdersApiProvider = OrdersApiContext.Provider;
-function useOrdersApi() {
-	const api = useContext(OrdersApiContext);
-	if (!api) throw new Error("useOrdersApi must be used within an OrdersCoreProvider");
-	return api;
-}
-//#endregion
-//#region ../../orders/core/src/provider.tsx
-function OrdersCoreProvider({ api, children }) {
-	return /* @__PURE__ */ jsx(OrdersApiProvider, {
-		value: api,
-		children
-	});
-}
-//#endregion
-//#region ../../orders/core/src/query-keys.ts
-const ordersKeys = {
-	all: ["orders"],
-	list: (params) => [
-		...ordersKeys.all,
-		"list",
-		params
-	],
-	detail: (orderToken) => [
-		...ordersKeys.all,
-		"detail",
-		orderToken
-	]
-};
-//#endregion
-//#region ../../orders/core/src/hooks/use-order.ts
-function useOrder(orderToken, options) {
-	const api = useOrdersApi();
-	return useQuery({
-		queryKey: ordersKeys.detail(orderToken),
-		queryFn: () => api.fetchOrder(orderToken),
-		enabled: (options?.enabled ?? true) && !!orderToken
-	});
-}
-//#endregion
-//#region ../../orders/core/src/hooks/use-customer-orders.ts
-function useCustomerOrders(params, options) {
-	const api = useOrdersApi();
-	return useQuery({
-		queryKey: ordersKeys.list(params),
-		queryFn: () => api.fetchCustomerOrders(params),
-		enabled: options?.enabled ?? true
-	});
-}
-//#endregion
-//#region ../../orders/core/src/utils/format-order-total.ts
-function formatOrderTotal(order) {
-	if (order.order_total_after_points_redemption != null) return `${order.currency_symbol || "$"}${Number(order.order_total_after_points_redemption).toFixed(2)}`;
-	return order.total_display_amount || `${order.currency_symbol || "$"}${Number(order.amount).toFixed(2)}`;
-}
-//#endregion
-//#region ../../orders/ui/src/components/search-input.tsx
-function SearchInput({ searchTerm, onSearchChange, placeholder }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), /* @__PURE__ */ jsx(Input, {
-			value: searchTerm,
-			onChange: (e) => onSearchChange(e.target.value),
-			placeholder,
-			className: "pl-9"
-		})]
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/components/pagination-footer.tsx
-function PaginationFooter({ currentPage, totalPages, pageSize, totalItems, onPageChange, cursorPaginationMode, hasNextPage, hasPrevPage, onCursorNext, onCursorPrev }) {
-	const isCursor = !!cursorPaginationMode;
-	const isPrevDisabled = isCursor ? !hasPrevPage : currentPage === 1;
-	const isNextDisabled = isCursor ? !hasNextPage : totalPages === 0 || currentPage === totalPages;
-	const handlePrevClick = () => {
-		if (isCursor) onCursorPrev?.();
-		else onPageChange?.(currentPage - 1);
-	};
-	const handleNextClick = () => {
-		if (isCursor) onCursorNext?.();
-		else onPageChange?.(currentPage + 1);
-	};
-	const displayText = (() => {
-		if (isCursor) return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			"Total ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: totalItems
-			}),
-			" results"
-		] });
-		const start = totalItems === 0 ? 0 : (currentPage - 1) * pageSize + 1;
-		const end = Math.min(currentPage * pageSize, totalItems);
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			"Showing ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: start
-			}),
-			" to",
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: end
-			}),
-			" of",
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: totalItems
-			}),
-			" results"
-		] });
-	})();
-	const buttonBase = "relative inline-flex items-center px-3 py-2 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50";
-	return /* @__PURE__ */ jsxs("div", {
-		className: "border-border flex items-center justify-between border-t px-4 py-3 sm:px-6",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-1 justify-between sm:hidden",
-			children: [/* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: handlePrevClick,
-				disabled: isPrevDisabled,
-				className: cn(buttonBase, "border-border bg-background text-foreground hover:bg-accent rounded-md border"),
-				children: "Previous"
-			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: handleNextClick,
-				disabled: isNextDisabled,
-				className: cn(buttonBase, "border-border bg-background text-foreground hover:bg-accent ml-3 rounded-md border"),
-				children: "Next"
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-xs",
-				children: displayText
-			}), /* @__PURE__ */ jsxs("nav", {
-				"aria-label": "Pagination",
-				className: "isolate inline-flex -space-x-px rounded-md shadow-sm",
-				children: [
-					/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: handlePrevClick,
-						disabled: isPrevDisabled,
-						className: cn(buttonBase, "border-border text-muted-foreground hover:bg-accent rounded-l-md border"),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Previous"
-						}), /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })]
-					}),
-					!isCursor && /* @__PURE__ */ jsxs("span", {
-						className: "border-border bg-background text-foreground relative inline-flex items-center border px-4 py-2 text-sm font-medium",
-						children: [
-							currentPage,
-							" / ",
-							totalPages
-						]
-					}),
-					/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: handleNextClick,
-						disabled: isNextDisabled,
-						className: cn(buttonBase, "border-border text-muted-foreground hover:bg-accent rounded-r-md border"),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Next"
-						}), /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })]
-					})
-				]
-			})]
-		})]
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/components/status-badge.tsx
-const colorStyles = {
-	green: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
-	yellow: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
-	red: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
-	blue: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
-	gray: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"
-};
-const dotColorStyles = {
-	green: "bg-green-500",
-	yellow: "bg-yellow-500",
-	red: "bg-red-500",
-	blue: "bg-blue-500",
-	gray: "bg-gray-500"
-};
-const sizeStyles = {
-	xs: "px-1.5 py-0.5 text-[10px]",
-	sm: "px-2 py-0.5 text-xs",
-	md: "px-2.5 py-1 text-sm"
-};
-function StatusBadge({ color, dot, size = "md", className, children }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: cn("inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap", colorStyles[color], sizeStyles[size], className),
-		children: [dot && /* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 rounded-full", dotColorStyles[color]) }), children]
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/components/table-column.tsx
-function TableColumn({ label, sortable = true, className, onSortClick, sortBy, sortData, chevronUpIcon, chevronDownIcon }) {
-	const hideUpIcon = sortData?.column !== sortBy || sortData?.column === sortBy && sortData?.direction === "asc";
-	const hideDownIcon = sortData?.column !== sortBy || sortData?.column === sortBy && sortData?.direction === "desc";
-	return /* @__PURE__ */ jsx(TableHead, {
-		className: cn("group text-muted-foreground cursor-pointer px-3 text-xs transition-colors duration-200", "hover:text-primary", className),
-		onClick: () => sortable && onSortClick?.(sortBy ?? ""),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "relative flex items-center",
-			children: [label, sortable && chevronUpIcon && chevronDownIcon && /* @__PURE__ */ jsx("button", {
-				className: `ml-2 inline-flex flex-col items-center justify-center group-hover:opacity-100 ${sortData?.column === sortBy ? "opacity-100" : "opacity-0"} transition-opacity duration-200`,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ jsx("img", {
-						src: chevronUpIcon,
-						alt: "",
-						width: 12,
-						height: 12,
-						className: cn("text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200", hideUpIcon && "opacity-0", sortData?.column !== sortBy && "group-hover:opacity-100")
-					}), /* @__PURE__ */ jsx("img", {
-						src: chevronDownIcon,
-						alt: "",
-						width: 12,
-						height: 12,
-						className: cn("text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200", hideDownIcon && "opacity-0", sortData?.column !== sortBy && "group-hover:opacity-100")
-					})]
-				})
-			})]
-		})
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/components/orders-list.tsx
-function OrdersList({ customerId, onOrderClick, onSubscriptionClick, t, pageSize = 10 }) {
-	const [cursor, setCursor] = useState(null);
-	const [searchTerm, setSearchTerm] = useState("");
-	const { data, isLoading } = useCustomerOrders({
-		customerId,
-		limit: pageSize,
-		search: searchTerm || void 0,
-		cursor: cursor || void 0,
-		sort: "-created_at"
-	}, { enabled: !!customerId });
-	const handleSearchChange = useCallback((term) => {
-		setSearchTerm(term);
-		setCursor(null);
-	}, []);
-	const handleNextPage = useCallback(() => {
-		const nextCursor = data?.meta?.pagination?.next_cursor;
-		if (nextCursor) setCursor(nextCursor);
-	}, [data?.meta?.pagination?.next_cursor]);
-	const handlePrevPage = useCallback(() => {
-		const prevCursor = data?.meta?.pagination?.prev_cursor;
-		if (prevCursor) setCursor(prevCursor);
-		else setCursor(null);
-	}, [data?.meta?.pagination?.prev_cursor]);
-	const ordersList = data?.orders || [];
-	const pagination = data?.meta?.pagination;
-	const totalItems = pagination?.total_count ?? ordersList.length;
-	const totalPages = pagination?.total_pages ?? 1;
-	const currentPage = pagination?.current_page ?? 1;
-	const hasNextPage = !!pagination?.next_cursor;
-	const hasPrevPage = !!pagination?.prev_cursor;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "border-border overflow-hidden rounded-lg border shadow-sm",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "p-3 text-left",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "w-full md:mr-auto md:w-1/2 lg:w-1/3",
-					children: /* @__PURE__ */ jsx(SearchInput, {
-						searchTerm,
-						onSearchChange: handleSearchChange,
-						placeholder: t("search_orders")
-					})
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "block md:hidden",
-				children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ jsx("div", {
-					className: "border-border border-b p-4",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex space-x-3",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }), /* @__PURE__ */ jsxs("div", {
-							className: "flex-1 space-y-2",
-							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })]
-						})]
-					})
-				}, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ jsx("div", {
-					className: "text-muted-foreground px-3 py-8 text-center text-sm",
-					children: searchTerm ? t("no_matching_orders") : t("no_orders_found")
-				}) : ordersList.map((order) => /* @__PURE__ */ jsx("div", {
-					className: "border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0",
-					onClick: () => onOrderClick(order),
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex items-start space-x-3",
-						children: [order.first_item?.image_url ? /* @__PURE__ */ jsx("img", {
-							src: order.first_item.image_url,
-							alt: t("no_image_available"),
-							width: 48,
-							height: 48,
-							className: "h-12 w-12 flex-shrink-0 rounded-md object-cover"
-						}) : /* @__PURE__ */ jsx("div", { className: "bg-border h-12 w-12 flex-shrink-0 rounded-md" }), /* @__PURE__ */ jsxs("div", {
-							className: "w-0 min-w-0 flex-1",
-							children: [
-								order.first_item?.title ? /* @__PURE__ */ jsx("p", {
-									className: "text-foreground truncate text-sm font-medium",
-									children: order.first_item.title
-								}) : /* @__PURE__ */ jsx("div", {
-									className: "bg-muted rounded-lg p-2",
-									children: /* @__PURE__ */ jsx("div", {
-										className: "text-muted-foreground text-xs",
-										children: t("this_product_no_longer_exists")
-									})
-								}),
-								order.subscription && /* @__PURE__ */ jsx(StatusBadge, {
-									color: "blue",
-									size: "xs",
-									className: "mt-1",
-									children: t("subscription")
-								}),
-								order.subscription && onSubscriptionClick && /* @__PURE__ */ jsx("button", {
-									type: "button",
-									className: "text-foreground hover:text-foreground/80 mt-1 inline-block text-xs transition-colors duration-200 hover:underline",
-									onClick: (e) => {
-										e.stopPropagation();
-										onSubscriptionClick(order.subscription.subscription_token);
-									},
-									children: t("view_subscription")
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm",
-									children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground block text-xs",
-										children: t("date")
-									}), /* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground",
-										children: new Date(order.created_at).toLocaleDateString()
-									})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground block text-xs",
-										children: t("total")
-									}), /* @__PURE__ */ jsx("span", {
-										className: "text-foreground font-medium",
-										children: formatOrderTotal(order)
-									})] })]
-								})
-							]
-						})]
-					})
-				}, order.id))
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "hidden md:block",
-				children: /* @__PURE__ */ jsxs(Table$1, {
-					className: "min-w-full table-fixed",
-					children: [
-						/* @__PURE__ */ jsxs("colgroup", { children: [
-							/* @__PURE__ */ jsx("col", { className: "w-2/5 min-w-[240px]" }),
-							/* @__PURE__ */ jsx("col", { className: "w-1/3 min-w-[100px]" }),
-							/* @__PURE__ */ jsx("col", { className: "w-[26.67%] min-w-[100px]" })
-						] }),
-						/* @__PURE__ */ jsx(TableHeader, {
-							className: "bg-muted",
-							children: /* @__PURE__ */ jsxs(TableRow, {
-								className: "hover:bg-muted h-10",
-								children: [
-									/* @__PURE__ */ jsx(TableColumn, {
-										label: t("product"),
-										sortable: false
-									}),
-									/* @__PURE__ */ jsx(TableColumn, {
-										label: t("date"),
-										sortable: false
-									}),
-									/* @__PURE__ */ jsx(TableColumn, {
-										label: t("total"),
-										sortable: false
-									})
-								]
-							})
-						}),
-						/* @__PURE__ */ jsx(TableBody, {
-							className: "bg-background",
-							children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
-								/* @__PURE__ */ jsx(TableCell, {
-									className: "px-3 py-4",
-									children: /* @__PURE__ */ jsxs("div", {
-										className: "flex items-center space-x-2",
-										children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
-									})
-								}),
-								/* @__PURE__ */ jsx(TableCell, {
-									className: "px-3 py-4",
-									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
-								}),
-								/* @__PURE__ */ jsx(TableCell, {
-									className: "px-3 py-4",
-									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
-								})
-							] }, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-								colSpan: 3,
-								className: "text-muted-foreground px-3 py-8 text-center text-sm",
-								children: searchTerm ? t("no_matching_orders") : t("no_orders_found")
-							}) }) : ordersList.map((order) => /* @__PURE__ */ jsxs(TableRow, {
-								className: "cursor-pointer",
-								onClick: () => onOrderClick(order),
-								children: [
-									/* @__PURE__ */ jsx(TableCell, {
-										className: "text-muted-foreground px-3 py-4 text-sm",
-										children: /* @__PURE__ */ jsxs("div", {
-											className: "flex max-w-[280px] flex-row items-center space-x-3",
-											children: [order.first_item?.image_url ? /* @__PURE__ */ jsx("img", {
-												src: order.first_item.image_url,
-												alt: t("no_image_available"),
-												width: 42,
-												height: 42,
-												className: "h-[42px] w-[42px] flex-shrink-0 rounded-md object-cover"
-											}) : /* @__PURE__ */ jsx("div", { className: "bg-border ml-1 h-9 w-9 flex-shrink-0 rounded-md" }), /* @__PURE__ */ jsxs("div", {
-												className: "flex min-w-0 flex-col space-y-1",
-												children: [/* @__PURE__ */ jsxs("div", {
-													className: "flex items-center space-x-2",
-													children: [order.first_item?.title ? /* @__PURE__ */ jsx("span", {
-														className: "text-foreground truncate text-sm font-medium",
-														children: order.first_item.title
-													}) : /* @__PURE__ */ jsx("div", {
-														className: "bg-muted w-full rounded-lg p-2",
-														children: /* @__PURE__ */ jsx("div", {
-															className: "text-muted-foreground text-xs",
-															children: t("this_product_no_longer_exists")
-														})
-													}), order.subscription && /* @__PURE__ */ jsx(StatusBadge, {
-														color: "blue",
-														size: "xs",
-														className: "flex-shrink-0",
-														children: t("subscription")
-													})]
-												}), order.subscription && onSubscriptionClick && /* @__PURE__ */ jsx("button", {
-													type: "button",
-													className: "text-foreground hover:text-foreground/80 text-left text-xs transition-colors duration-200 hover:underline",
-													onClick: (e) => {
-														e.stopPropagation();
-														onSubscriptionClick(order.subscription.subscription_token);
-													},
-													children: t("view_subscription")
-												})]
-											})]
-										})
-									}),
-									/* @__PURE__ */ jsx(TableCell, {
-										className: "text-muted-foreground px-3 py-4 text-sm whitespace-nowrap",
-										children: new Date(order.created_at).toLocaleDateString()
-									}),
-									/* @__PURE__ */ jsx(TableCell, {
-										className: "text-foreground px-3 py-4 text-sm whitespace-nowrap",
-										children: formatOrderTotal(order)
-									})
-								]
-							}, order.id))
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ jsx(PaginationFooter, {
-				currentPage,
-				totalPages,
-				pageSize,
-				totalItems,
-				cursorPaginationMode: true,
-				hasNextPage,
-				hasPrevPage,
-				onCursorNext: handleNextPage,
-				onCursorPrev: handlePrevPage
-			})
-		]
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/lib/format.ts
-function startCase(str) {
-	if (!str) return "";
-	return str.replace(/_/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
-}
-function formatCurrency(symbol, value) {
-	return `${symbol}${Number(value).toFixed(2)}`;
-}
-//#endregion
-//#region ../../orders/ui/src/components/order-status-badge.tsx
-const statusColorMap = {
-	paid: "green",
-	fulfilled: "green",
-	delivered: "green",
-	complete: "green",
-	pending: "yellow",
-	unfulfilled: "yellow",
-	partially_fulfilled: "yellow",
-	processing: "yellow",
-	refunded: "red",
-	cancelled: "red",
-	failed: "red",
-	voided: "red"
-};
-function OrderStatusBadge({ status, className }) {
-	return /* @__PURE__ */ jsx(StatusBadge, {
-		color: statusColorMap[status] ?? "gray",
-		dot: true,
-		size: "sm",
-		className,
-		children: startCase(status)
-	});
-}
-//#endregion
-//#region ../../orders/ui/src/components/order-detail.tsx
-function OrderDetailSkeleton() {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col lg:grid lg:grid-cols-8",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "bg-muted flex flex-col items-center px-8 lg:col-span-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "w-full max-w-lg py-6",
-				children: [
-					/* @__PURE__ */ jsx(Skeleton, { className: "mb-4 h-6 w-48" }),
-					/* @__PURE__ */ jsx("div", {
-						className: "space-y-4",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center space-x-4",
-							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-24 rounded" }), /* @__PURE__ */ jsxs("div", {
-								className: "flex-1 space-y-2",
-								children: [
-									/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
-									/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" }),
-									/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/4" })
-								]
-							})]
-						})
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-6 space-y-2",
-						children: [
-							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-							/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" })
-						]
-					})
-				]
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "bg-background px-8 pt-4 lg:col-span-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "mx-auto max-w-lg lg:mx-0 lg:mr-auto",
-				children: [
-					/* @__PURE__ */ jsx(Skeleton, { className: "mb-4 h-10 w-full rounded" }),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-6 space-y-4",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded" })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-6 space-y-4",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded" })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-6 space-y-4",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded" })]
-					})
-				]
-			})
-		})]
-	});
-}
-function OrderItemRow({ item }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-4 py-4",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "relative shrink-0",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "bg-muted h-24 w-24 overflow-hidden rounded",
-				children: item.image_url ? /* @__PURE__ */ jsx("img", {
-					src: item.image_url,
-					alt: item.title,
-					width: 96,
-					height: 96,
-					className: "h-full w-full object-cover"
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "text-muted-foreground flex h-full w-full items-center justify-center",
-					children: "No image"
-				})
-			}), item.quantity > 1 && /* @__PURE__ */ jsx("span", {
-				className: "bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium",
-				children: item.quantity
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex min-w-0 flex-1 flex-col space-y-0.5",
-			children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "text-foreground truncate text-sm font-medium",
-					title: item.title,
-					children: item.title
-				}),
-				item.ordered_variant.length > 0 && /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-sm",
-					children: item.ordered_variant.map((v) => v.value).join(" / ")
-				}),
-				item.sku && /* @__PURE__ */ jsxs("p", {
-					className: "text-muted-foreground text-xs",
-					children: ["SKU: ", item.sku]
-				}),
-				item.subscription && /* @__PURE__ */ jsx(StatusBadge, {
-					color: "blue",
-					size: "xs",
-					className: "mt-1 self-start",
-					children: "Subscription"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-foreground text-sm font-medium",
-					children: item.display_total
-				}),
-				item.quantity > 1 && /* @__PURE__ */ jsxs("p", {
-					className: "text-muted-foreground text-xs",
-					children: [
-						item.display_price,
-						" x ",
-						item.quantity
-					]
-				})
-			]
-		})]
-	});
-}
-function OrderItemsSection({ order }) {
-	const visibleItems = order.items.filter((item) => item.display_to_customer !== false);
-	const sym = order.currency_symbol || "$";
-	return /* @__PURE__ */ jsx("section", {
-		className: "bg-muted flex w-full flex-col items-center px-8 lg:col-span-4",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full max-w-lg flex-col",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "mt-4",
-					children: [/* @__PURE__ */ jsxs("h2", {
-						className: "text-foreground mb-2 text-lg font-medium",
-						children: [
-							"Items (",
-							visibleItems.length,
-							")"
-						]
-					}), /* @__PURE__ */ jsx("hr", { className: "border-border" })]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "divide-border divide-y",
-					children: visibleItems.map((item) => /* @__PURE__ */ jsx(OrderItemRow, { item }, item.id))
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-4 border-t pt-4",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex justify-between text-sm",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: "Subtotal"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: order.sub_total_in_currency
-							})]
-						}),
-						Number(order.discount) > 0 && /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 flex justify-between text-sm",
-							children: [/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground font-medium",
-								children: ["Discount", order.discount_codes?.length ? ` (${order.discount_codes.join(", ")})` : ""]
-							}), /* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground font-medium",
-								children: ["-", order.discount_in_currency]
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "mt-2 flex justify-between text-sm",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: "Shipping"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: order.free_shipping ? "Free" : order.shipping_total_for_display
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "mt-2 flex justify-between text-sm",
-							children: [/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground font-medium",
-								children: ["Tax", order.price_inclusive_of_tax && order.price_inclusive_tax_name ? ` (${order.price_inclusive_tax_name}, included)` : ""]
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: order.tax_in_currency
-							})]
-						}),
-						order.points_applied != null && order.points_applied > 0 && /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 flex justify-between text-sm",
-							children: [/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground font-medium",
-								children: ["Points Applied", /* @__PURE__ */ jsxs("span", {
-									className: "text-muted-foreground ml-1 text-xs font-normal",
-									children: [
-										"(",
-										order.points_applied.toLocaleString(),
-										" ",
-										order.points_applied === 1 ? "pt" : "pts",
-										")"
-									]
-								})]
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground font-medium",
-								children: `-${formatCurrency(sym, order.points_applied_amount ?? 0)}`
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "mt-4 flex items-center justify-between text-base font-medium",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm font-medium",
-								children: "Total"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-foreground text-base font-bold",
-								children: order.order_total_after_points_redemption != null ? formatCurrency(sym, order.order_total_after_points_redemption) : order.total_in_currency
-							})]
-						})
-					]
-				})
-			]
-		})
-	});
-}
-function OrderDetailsSection({ order }) {
-	const paymentDetails = order.payment_details;
-	const cardDetails = paymentDetails?.details;
-	return /* @__PURE__ */ jsx("div", {
-		className: "bg-background px-8 pt-4 lg:col-span-4",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "mx-auto max-w-lg lg:mx-0 lg:mr-auto",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "border-border mb-6 border-b pb-6",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center gap-3",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground text-sm",
-									children: "Payment:"
-								}), /* @__PURE__ */ jsx(OrderStatusBadge, { status: order.payment_status })]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground text-sm",
-									children: "Fulfillment:"
-								}), /* @__PURE__ */ jsx(OrderStatusBadge, { status: order.fulfillment_status })]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground text-sm",
-									children: "Delivery:"
-								}), /* @__PURE__ */ jsx(OrderStatusBadge, { status: order.delivery_status })]
-							})
-						]
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-6 border-b pb-6",
-					children: [
-						/* @__PURE__ */ jsx("h3", {
-							className: "text-foreground mb-3 text-sm/6 font-semibold",
-							children: "Order Info"
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "divide-border flex divide-x",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex-1 pr-4",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "text-muted-foreground text-sm",
-									children: "Order Number"
-								}), /* @__PURE__ */ jsx("div", {
-									className: "text-foreground font-medium",
-									children: order.order_number
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "flex-1 pl-4 text-right",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "text-muted-foreground text-sm",
-									children: "Date"
-								}), /* @__PURE__ */ jsx("div", {
-									className: "text-foreground font-medium",
-									children: new Date(order.created_at).toLocaleDateString("en-US", {
-										year: "numeric",
-										month: "short",
-										day: "numeric"
-									})
-								})]
-							})]
-						}),
-						order.email && /* @__PURE__ */ jsxs("div", {
-							className: "mt-3",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground text-sm",
-								children: "Email"
-							}), /* @__PURE__ */ jsx("div", {
-								className: "text-foreground text-sm font-medium",
-								children: order.email
-							})]
-						})
-					]
-				}),
-				paymentDetails && /* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-6 border-b pb-4",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-sm",
-						children: "Payment Method"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "text-foreground flex items-center gap-2 text-sm",
-						children: [cardDetails?.logo_url ? /* @__PURE__ */ jsx("img", {
-							src: cardDetails.logo_url,
-							alt: cardDetails.card_type ?? "Card",
-							className: "h-6 w-9 object-contain",
-							width: 35,
-							height: 24
-						}) : /* @__PURE__ */ jsx("div", {
-							className: "bg-muted text-muted-foreground flex h-6 w-9 items-center justify-center rounded text-xs",
-							children: (paymentDetails.payment_title || paymentDetails.payment_type || "P").charAt(0)
-						}), /* @__PURE__ */ jsxs("span", {
-							className: "font-medium",
-							children: [cardDetails?.card_type ? startCase(cardDetails.card_type) : paymentDetails.payment_title || startCase(paymentDetails.payment_type), cardDetails?.last_four ? ` ending in ${cardDetails.last_four}` : ""]
-						})]
-					})]
-				}),
-				order.ship_to && /* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-6 border-b pb-4",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-sm",
-						children: "Shipping Address"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "text-foreground flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ jsx(Truck, { className: "text-muted-foreground mt-0.5 mr-1 h-4 w-4 shrink-0" }), /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col",
-							children: [
-								order.ship_to.name && /* @__PURE__ */ jsx("span", {
-									className: "font-medium",
-									children: order.ship_to.name
-								}),
-								order.ship_to.address1 && /* @__PURE__ */ jsx("span", { children: order.ship_to.address1 }),
-								(order.ship_to.city || order.ship_to.state || order.ship_to.postal_code) && /* @__PURE__ */ jsx("span", { children: [[order.ship_to.city, order.ship_to.state].filter(Boolean).join(", "), order.ship_to.postal_code].filter(Boolean).join(" ") }),
-								order.ship_to.country_code && /* @__PURE__ */ jsx("span", { children: order.ship_to.country_code })
-							]
-						})]
-					})]
-				}),
-				order.bill_to && /* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-6 border-b pb-4",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-sm",
-						children: "Billing Address"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "text-foreground text-sm",
-						children: [
-							order.bill_to.name && /* @__PURE__ */ jsx("p", {
-								className: "font-medium",
-								children: order.bill_to.name
-							}),
-							order.bill_to.address1 && /* @__PURE__ */ jsx("p", { children: order.bill_to.address1 }),
-							(order.bill_to.city || order.bill_to.state || order.bill_to.postal_code) && /* @__PURE__ */ jsx("p", { children: [[order.bill_to.city, order.bill_to.state].filter(Boolean).join(", "), order.bill_to.postal_code].filter(Boolean).join(" ") }),
-							order.bill_to.country_code && /* @__PURE__ */ jsx("p", { children: order.bill_to.country_code })
-						]
-					})]
-				}),
-				order.shipping_method && /* @__PURE__ */ jsxs("div", {
-					className: "border-border mb-6 border-b pb-4",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "text-muted-foreground mb-1 text-sm",
-							children: "Shipping Method"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "text-foreground text-sm font-medium",
-							children: order.shipping_method.title
-						}),
-						order.shipping_method.delivery_time_estimate && /* @__PURE__ */ jsxs("div", {
-							className: "text-muted-foreground mt-1 text-xs",
-							children: ["Est. ", order.shipping_method.delivery_time_estimate]
-						})
-					]
-				})
-			]
-		})
-	});
-}
-function OrderDetail({ token, onNotFound, onError }) {
-	const { data, isLoading, error } = useOrder(token);
-	const order = data?.order;
-	useEffect(() => {
-		if (!isLoading && error) onError?.(error);
-	}, [
-		isLoading,
-		error,
-		onError
-	]);
-	useEffect(() => {
-		if (!isLoading && !error && !order) onNotFound?.();
-	}, [
-		isLoading,
-		error,
-		order,
-		onNotFound
-	]);
-	if (isLoading) return /* @__PURE__ */ jsx(OrderDetailSkeleton, {});
-	if (!order) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col lg:grid lg:grid-cols-8",
-		children: [/* @__PURE__ */ jsx(OrderItemsSection, { order }), /* @__PURE__ */ jsx(OrderDetailsSection, { order })]
-	});
-}
-//#endregion
-export { OrdersCoreProvider as a, PaginationFooter as i, OrdersList as n, TableColumn as r, OrderDetail as t };
-
-//# sourceMappingURL=order-detail-iZm_R0TX.mjs.map