@fluid-app/portal-sdk 0.1.28 → 0.1.30

package/dist/src-BZEkCfd4.mjs

@@ -0,0 +1,973 @@
+import { it as CardTitle, nt as CardContent, qt as cn, rt as CardHeader, tt as Card, u as Skeleton, y as Input } from "./src-PSNQSAUF.mjs";
+import { c as useFluidAuth, n as useFluidPayClient, o as fetchCustomerAccount } from "./use-account-clients-DYTyFvdN.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/api-client/src/namespaces/orders.ts
+/**
+* Fetch a single order by token.
+* Endpoint: GET /public/v2025-06/orders/{orderToken}
+*/
+async function fetchOrder(client, orderToken) {
+	return client.get(`/public/v2025-06/orders/${orderToken}`);
+}
+/**
+* Fetch a paginated list of customer orders.
+* Endpoint: GET /v202506/orders
+*/
+async function fetchCustomerOrders(client, params) {
+	const input = {};
+	if (params.cursor) input["page[cursor]"] = params.cursor;
+	if (params.limit != null) input["page[limit]"] = params.limit.toString();
+	if (params.search) input.search = params.search;
+	if (params.sort) input.sort = params.sort;
+	if (params.status) input.status = params.status;
+	if (params.type) input.type = params.type;
+	if (params.customerId != null) input.customer_id = params.customerId.toString();
+	if (params.userCompanyId != null) input.user_company_id = params.userCompanyId.toString();
+	if (params.subscriptionId != null) input.subscription_id = params.subscriptionId.toString();
+	if (params.startDate) input.start_date = params.startDate;
+	if (params.endDate) input.end_date = params.endDate;
+	if (params.withinDays != null) input.within_days = params.withinDays.toString();
+	if (params.cartSource) input.cart_source = params.cartSource;
+	if (params.countryIsos) input.country_isos = params.countryIsos;
+	if (params.forceStats != null) input.force_stats = params.forceStats.toString();
+	return client.get("/v202506/orders", input);
+}
+//#endregion
+//#region src/account/use-customer-account.ts
+function useCustomerAccount({ enabled = true } = {}) {
+	const { token, user } = useFluidAuth();
+	const fluidPayClient = useFluidPayClient();
+	const jwt = token ?? "";
+	const query = useQuery({
+		queryKey: ["fluidPayAccount", user?.id],
+		queryFn: () => fetchCustomerAccount(fluidPayClient, jwt),
+		enabled: !!jwt && enabled
+	});
+	return {
+		customerId: query.data?.customer?.id,
+		isLoadingCustomer: query.isLoading,
+		isCustomerError: query.isError
+	};
+}
+//#endregion
+//#region ../../orders/core/src/context.ts
+const OrdersClientContext = createContext(null);
+const OrdersClientProvider = OrdersClientContext.Provider;
+function useOrdersClient() {
+	const client = useContext(OrdersClientContext);
+	if (!client) throw new Error("useOrdersClient must be used within an OrdersCoreProvider");
+	return client;
+}
+//#endregion
+//#region ../../orders/core/src/provider.tsx
+function OrdersCoreProvider({ client, children }) {
+	return /* @__PURE__ */ jsx(OrdersClientProvider, {
+		value: client,
+		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 client = useOrdersClient();
+	return useQuery({
+		queryKey: ordersKeys.detail(orderToken),
+		queryFn: () => fetchOrder(client, orderToken),
+		enabled: (options?.enabled ?? true) && !!orderToken
+	});
+}
+//#endregion
+//#region ../../orders/core/src/hooks/use-customer-orders.ts
+function useCustomerOrders(params, options) {
+	const client = useOrdersClient();
+	return useQuery({
+		queryKey: ordersKeys.list(params),
+		queryFn: () => fetchCustomerOrders(client, 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("th", {
+		className: cn("group cursor-pointer px-3 py-2 text-left text-xs font-medium text-gray-500 transition-colors duration-200", "hover:text-blue-600", 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("h-2.5 w-2.5 text-gray-400 transition-colors duration-200 group-hover:text-blue-600", hideUpIcon && "opacity-0", sortData?.column !== sortBy && "group-hover:opacity-100")
+					}), /* @__PURE__ */ jsx("img", {
+						src: chevronDownIcon,
+						alt: "",
+						width: 12,
+						height: 12,
+						className: cn("h-2.5 w-2.5 text-gray-400 transition-colors duration-200 group-hover:text-blue-600", 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 overflow-x-auto md:block",
+				children: /* @__PURE__ */ jsxs("table", {
+					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("thead", {
+							className: "bg-muted",
+							children: /* @__PURE__ */ jsxs("tr", {
+								className: "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("tbody", {
+							className: "divide-border bg-background divide-y",
+							children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ jsxs("tr", { children: [
+								/* @__PURE__ */ jsx("td", {
+									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("td", {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+								})
+							] }, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+								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("tr", {
+								className: "hover:bg-accent cursor-pointer transition-colors duration-200 ease-in-out",
+								onClick: () => onOrderClick(order),
+								children: [
+									/* @__PURE__ */ jsx("td", {
+										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("td", {
+										className: "text-muted-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: new Date(order.created_at).toLocaleDateString()
+									}),
+									/* @__PURE__ */ jsx("td", {
+										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/components/section.tsx
+function Section({ title, children, footer }) {
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: title }) }),
+		/* @__PURE__ */ jsx(CardContent, { children }),
+		footer && /* @__PURE__ */ jsx("div", {
+			className: "px-6 pb-6",
+			children: footer
+		})
+	] });
+}
+//#endregion
+//#region ../../orders/ui/src/components/shipping-address-card.tsx
+function ShippingAddressCard({ name, address, title = "Shipping Address", className }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		className,
+		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: title }) }), /* @__PURE__ */ jsx(CardContent, { children: !address ? /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: "No shipping address available"
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ jsx(Truck, { className: "text-muted-foreground mt-0.5 mr-2 h-4 w-4 shrink-0" }), /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col",
+				children: [
+					name && /* @__PURE__ */ jsx("span", {
+						className: "text-foreground min-w-0 truncate text-sm",
+						title: name,
+						children: name
+					}),
+					address.line1 && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-sm",
+						children: address.line1
+					}),
+					address.line2 && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-sm",
+						children: address.line2
+					}),
+					address.line3 && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-sm",
+						children: address.line3
+					})
+				]
+			})]
+		}) })]
+	});
+}
+//#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/payment-method-card.tsx
+function capitalizeFirstLetter(str) {
+	if (!str || str.length === 0) return "";
+	return str.charAt(0).toUpperCase() + str.slice(1);
+}
+function PaymentDetails({ card }) {
+	const paymentTitle = card.payment_title || (card.source ? startCase(card.source) : null);
+	if (card.source === "card" || card.card_type) {
+		const cardType = capitalizeFirstLetter(card.card_type || "Card");
+		const lastFour = card.last_four_digits || "XXXX";
+		return /* @__PURE__ */ jsx("div", {
+			className: "flex w-full flex-row justify-between",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row items-center gap-2.5",
+				children: [card.logo_url ? /* @__PURE__ */ jsx("img", {
+					src: card.logo_url,
+					alt: `${cardType} Logo`,
+					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: cardType.charAt(0)
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-sm font-medium",
+					children: [
+						cardType,
+						" * ",
+						lastFour
+					]
+				})]
+			})
+		});
+	}
+	const displayTitle = paymentTitle || "Payment Method";
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex w-full flex-row justify-between",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row items-center gap-2.5",
+			children: [card.logo_url ? /* @__PURE__ */ jsx("img", {
+				src: card.logo_url,
+				alt: `${displayTitle} Logo`,
+				className: "h-6 w-9 object-contain",
+				width: 35,
+				height: 24
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "flex h-6 w-9 items-center justify-center rounded bg-blue-100 text-xs font-medium text-blue-600 dark:bg-blue-900/30 dark:text-blue-400",
+				children: displayTitle.charAt(0)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: displayTitle
+			})]
+		})
+	});
+}
+function PaymentMethodCard({ paymentMethod, title = "Payment Method", className }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		className,
+		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: title }) }), /* @__PURE__ */ jsx(CardContent, { children: paymentMethod ? /* @__PURE__ */ jsx(PaymentDetails, { card: paymentMethod }) : /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: "No payment method"
+		}) })]
+	});
+}
+//#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 formatAddress(address) {
+	return {
+		line1: address.address1 ?? "",
+		line2: [[address.city, address.state].filter(Boolean).join(", "), address.postal_code].filter(Boolean).join(" "),
+		line3: address.country_code ?? ""
+	};
+}
+function OrderDetailSkeleton() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-lg" }), /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "space-y-6 lg:col-span-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full rounded-lg" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full rounded-lg" })]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-lg" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-lg" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-lg" })
+				]
+			})]
+		})]
+	});
+}
+function OrderItemRow({ item }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-4 py-4 first:pt-0 last:pb-0",
+		children: [
+			item.image_url && /* @__PURE__ */ jsx("img", {
+				src: item.image_url,
+				alt: item.title,
+				className: "h-16 w-16 flex-shrink-0 rounded-lg object-cover"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-foreground font-medium",
+						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",
+						children: "Subscription"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-right text-sm",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-foreground font-medium",
+					children: item.display_total
+				}), item.quantity > 1 && /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground",
+					children: [
+						item.display_price,
+						" x ",
+						item.quantity
+					]
+				})]
+			})
+		]
+	});
+}
+function OrderPriceSummary({ order }) {
+	const sym = order.currency_symbol || "$";
+	return /* @__PURE__ */ jsx(Section, {
+		title: "Summary",
+		children: /* @__PURE__ */ jsxs("dl", {
+			className: "space-y-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Subtotal"
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-foreground font-medium",
+						children: order.sub_total_in_currency
+					})]
+				}),
+				Number(order.discount) > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsxs("dt", {
+						className: "text-muted-foreground",
+						children: ["Discount", order.discount_codes?.length ? ` (${order.discount_codes.join(", ")})` : ""]
+					}), /* @__PURE__ */ jsxs("dd", {
+						className: "text-foreground font-medium",
+						children: ["-", order.discount_in_currency]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Shipping"
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-foreground font-medium",
+						children: order.free_shipping ? "Free" : order.shipping_total_for_display
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsxs("dt", {
+						className: "text-muted-foreground",
+						children: ["Tax", order.price_inclusive_of_tax && order.price_inclusive_tax_name ? ` (${order.price_inclusive_tax_name}, included)` : ""]
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-foreground font-medium",
+						children: order.tax_in_currency
+					})]
+				}),
+				order.points_applied_amount_in_currency != null && order.points_applied_amount_in_currency > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Points Applied"
+					}), /* @__PURE__ */ jsxs("dd", {
+						className: "text-foreground font-medium",
+						children: ["-", formatCurrency(sym, order.points_applied_amount_in_currency)]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border flex justify-between border-t pt-2",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-foreground font-semibold",
+						children: "Total"
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-foreground font-semibold",
+						children: order.total_in_currency
+					})]
+				})
+			]
+		})
+	});
+}
+function OrderStatusRow({ order }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border bg-card flex flex-wrap items-center gap-3 rounded-lg border p-6",
+		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__ */ jsx("div", {
+				className: "text-muted-foreground ml-auto text-sm",
+				children: new Date(order.created_at).toLocaleDateString("en-US", {
+					year: "numeric",
+					month: "long",
+					day: "numeric"
+				})
+			})
+		]
+	});
+}
+function OrderInfoCard({ order }) {
+	return /* @__PURE__ */ jsx(Section, {
+		title: "Order Info",
+		children: /* @__PURE__ */ jsxs("dl", {
+			className: "space-y-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+					className: "text-muted-foreground",
+					children: "Order Number"
+				}), /* @__PURE__ */ jsx("dd", {
+					className: "text-foreground font-medium",
+					children: order.order_number
+				})] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+					className: "text-muted-foreground",
+					children: "Channel"
+				}), /* @__PURE__ */ jsx("dd", {
+					className: "text-foreground font-medium",
+					children: startCase(order.channel)
+				})] }),
+				order.email && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+					className: "text-muted-foreground",
+					children: "Email"
+				}), /* @__PURE__ */ jsx("dd", {
+					className: "text-foreground font-medium",
+					children: order.email
+				})] })
+			]
+		})
+	});
+}
+function ShippingMethodCard({ method }) {
+	return /* @__PURE__ */ jsxs(Section, {
+		title: "Shipping Method",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: method.title
+		}), method.delivery_time_estimate && /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground mt-1 text-xs",
+			children: ["Est. ", 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;
+	const visibleItems = order.items.filter((item) => item.display_to_customer !== false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsx(OrderStatusRow, { order }), /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "space-y-6 lg:col-span-2",
+				children: [/* @__PURE__ */ jsx(Section, {
+					title: `Items (${order.items_count})`,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "divide-border divide-y",
+						children: visibleItems.map((item) => /* @__PURE__ */ jsx(OrderItemRow, { item }, item.id))
+					})
+				}), /* @__PURE__ */ jsx(OrderPriceSummary, { order })]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-6",
+				children: [
+					order.payment_details && /* @__PURE__ */ jsx(PaymentMethodCard, { paymentMethod: {
+						source: order.payment_details.payment_type,
+						payment_title: order.payment_details.payment_title,
+						logo_url: order.payment_details.details.logo_url,
+						card_type: order.payment_details.details.card_type,
+						last_four_digits: order.payment_details.details.last_four
+					} }),
+					order.ship_to && /* @__PURE__ */ jsx(ShippingAddressCard, {
+						name: order.ship_to.name,
+						address: formatAddress(order.ship_to),
+						title: "Shipping Address"
+					}),
+					order.bill_to && /* @__PURE__ */ jsx(ShippingAddressCard, {
+						name: order.bill_to.name,
+						address: formatAddress(order.bill_to),
+						title: "Billing Address"
+					}),
+					order.shipping_method && /* @__PURE__ */ jsx(ShippingMethodCard, { method: order.shipping_method }),
+					/* @__PURE__ */ jsx(OrderInfoCard, { order })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { OrdersCoreProvider as a, PaginationFooter as i, OrdersList as n, useCustomerAccount as o, TableColumn as r, OrderDetail as t };
+
+//# sourceMappingURL=src-BZEkCfd4.mjs.map