@fluid-app/portal-sdk 0.1.129 → 0.1.130

package/dist/{MySiteScreen-CYZpUYTn.cjs → MySiteScreen-DrWUJJiH.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BMMu_rp3.cjs");
+require("./FluidProvider-DvqnkjZI.cjs");
 require("./PointsWidget-Bgl95R-6.cjs");
 require("./error-state-BDBF2JrB.cjs");
 require("./ScreenRenderer-D65AsKjr.cjs");
@@ -35,6 +35,6 @@ require("./ToDoWidget-eGB9cfou.cjs");
 require("./VideoWidget-bfOCjnnn.cjs");
 require("./ScreenHeaderContext-wrJlkhgN.cjs");
 require("./dist-BF_4vk1z.cjs");
-const require_MySiteScreen = require("./MySiteScreen-nV8x9xyy.cjs");
+const require_MySiteScreen = require("./MySiteScreen-ByIJ6CkU.cjs");
 exports.MySiteScreen = require_MySiteScreen.MySiteScreen;
 exports.mySiteScreenPropertySchema = require_MySiteScreen.mySiteScreenPropertySchema;

package/dist/{OrdersScreen-BL__flBE.cjs → OrdersScreen-CkvoeTvK.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BMMu_rp3.cjs");
+require("./FluidProvider-DvqnkjZI.cjs");
 require("./PointsWidget-Bgl95R-6.cjs");
 require("./error-state-BDBF2JrB.cjs");
 require("./ScreenRenderer-D65AsKjr.cjs");
@@ -34,7 +34,7 @@ require("./TableWidget-Lze_mv23.cjs");
 require("./ToDoWidget-eGB9cfou.cjs");
 require("./VideoWidget-bfOCjnnn.cjs");
 require("./ScreenHeaderContext-wrJlkhgN.cjs");
-require("./order-detail-DHXdE4Cl.cjs");
-const require_OrdersScreen = require("./OrdersScreen-uL3mRk1h.cjs");
+require("./order-status-badge-cwqA8dZ-.cjs");
+const require_OrdersScreen = require("./OrdersScreen-DyYYjl9I.cjs");
 exports.OrdersScreen = require_OrdersScreen.OrdersScreen;
 exports.ordersScreenPropertySchema = require_OrdersScreen.ordersScreenPropertySchema;

package/dist/OrdersScreen-D_7TJgZ4.mjs

@@ -0,0 +1,561 @@
+import { n as __exportAll } from "./chunk-ByhMGyNw.mjs";
+import { Gt as BreadcrumbItem, Jt as BreadcrumbPage, Kt as BreadcrumbLink, Wt as Breadcrumb, Yt as BreadcrumbSeparator, d as TableBody, f as TableCell, h as TableRow, m as TableHeader, qt as BreadcrumbList, u as Table, x as Skeleton } from "./src-N020oyu4.mjs";
+import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-NdrJ58Mg.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-BSnbFILQ.mjs";
+import { n as useOrdersApi } from "./use-account-clients-Dim60sir.mjs";
+import { a as usePortalTenantOrder, i as PaginationFooter, n as TableColumn, o as usePortalTenantOrders, r as StatusBadge, s as OrdersCoreProvider, t as OrderStatusBadge } from "./order-status-badge-KooNqnAs.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../orders/ui/src/components/portal-orders-list.tsx
+function formatTotal(order) {
+	return `${order.currency} ${Number(order.total).toFixed(2)}`;
+}
+function PortalOrdersList({ onOrderClick, t, pageSize = 10 }) {
+	const [cursor, setCursor] = useState(null);
+	const { data, isLoading } = usePortalTenantOrders({
+		limit: pageSize,
+		cursor: cursor || void 0
+	});
+	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 = ordersList.length;
+	const hasNextPage = !!pagination?.next_cursor;
+	const hasPrevPage = !!pagination?.prev_cursor;
+	const firstItem = (order) => order.line_items[0];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border overflow-hidden rounded-lg border shadow-sm",
+		children: [
+			/* @__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: 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: [/* @__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: [firstItem(order) ? /* @__PURE__ */ jsx("p", {
+								className: "text-foreground truncate text-sm font-medium",
+								children: firstItem(order)?.product_name
+							}) : /* @__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")
+								})
+							}), /* @__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("status")
+									}), /* @__PURE__ */ jsx(StatusBadge, {
+										color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
+										size: "xs",
+										children: order.status
+									})] }),
+									/* @__PURE__ */ jsx("div", {
+										className: "col-span-2 mt-1",
+										children: /* @__PURE__ */ jsx("span", {
+											className: "text-foreground font-medium",
+											children: formatTotal(order)
+										})
+									})
+								]
+							})]
+						})]
+					})
+				}, order.id))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "hidden 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-[20%] min-w-[100px]" }),
+							/* @__PURE__ */ jsx("col", { className: "w-[20%] min-w-[100px]" }),
+							/* @__PURE__ */ jsx("col", { className: "w-[20%] 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("status"),
+										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__ */ 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-20" })
+								}),
+								/* @__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: 4,
+								className: "text-muted-foreground px-3 py-8 text-center text-sm",
+								children: t("no_orders_found")
+							}) }) : ordersList.map((order) => /* @__PURE__ */ jsxs(TableRow, {
+								className: "cursor-pointer",
+								onClick: () => onOrderClick(order),
+								children: [
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "text-foreground px-3 py-4 text-sm font-medium",
+										children: firstItem(order)?.product_name ?? /* @__PURE__ */ jsx("span", {
+											className: "text-muted-foreground italic",
+											children: t("this_product_no_longer_exists")
+										})
+									}),
+									/* @__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: "px-3 py-4 text-sm",
+										children: /* @__PURE__ */ jsx(StatusBadge, {
+											color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
+											size: "xs",
+											children: order.status
+										})
+									}),
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "text-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: formatTotal(order)
+									})
+								]
+							}, order.id))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(PaginationFooter, {
+				currentPage: 1,
+				totalPages: 1,
+				pageSize,
+				totalItems,
+				cursorPaginationMode: true,
+				hasNextPage,
+				hasPrevPage,
+				onCursorNext: handleNextPage,
+				onCursorPrev: handlePrevPage
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/screens/PortalOrdersListScreen.tsx
+function PortalOrdersListScreen({ onOrderClick, t, pageSize }) {
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Orders"
+		}) })
+	}) }), []));
+	return /* @__PURE__ */ jsx("div", {
+		className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
+		children: /* @__PURE__ */ jsx(PortalOrdersList, {
+			onOrderClick,
+			t,
+			pageSize
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrdersListScreen.tsx
+const translations = {
+	search_orders: "Search orders...",
+	order_number: "Order #",
+	date: "Date",
+	status: "Status",
+	product: "Product",
+	no_orders_found: "No orders found",
+	no_matching_orders: "No matching orders",
+	no_image_available: "No image available",
+	this_product_no_longer_exists: "This product no longer exists",
+	subscription: "Subscription",
+	view_subscription: "View Subscription",
+	total: "Total",
+	results: "results",
+	previous: "Previous",
+	next: "Next",
+	pagination: "Pagination"
+};
+function OrdersListScreen() {
+	const ordersApi = useOrdersApi();
+	const { navigate } = useAppNavigation();
+	const handleOrderClick = (order) => {
+		navigate(`orders/${order.token}`);
+	};
+	return /* @__PURE__ */ jsx(OrdersCoreProvider, {
+		api: ordersApi,
+		children: /* @__PURE__ */ jsx(PortalOrdersListScreen, {
+			onOrderClick: handleOrderClick,
+			t: (key) => translations[key] ?? key
+		})
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/components/portal-order-detail.tsx
+function DetailSkeleton() {
+	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__ */ jsxs("div", {
+						className: "mt-6 space-y-2",
+						children: [/* @__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" })]
+				})]
+			})
+		})]
+	});
+}
+function ItemRow({ 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 text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded",
+				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.product_name,
+					children: item.product_name
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-foreground text-sm font-medium",
+					children: item.total
+				}),
+				item.quantity > 1 && /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-xs",
+					children: [
+						item.price,
+						" x ",
+						item.quantity
+					]
+				})
+			]
+		})]
+	});
+}
+function ItemsSection({ order }) {
+	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 (",
+							order.line_items.length,
+							")"
+						]
+					}), /* @__PURE__ */ jsx("hr", { className: "border-border" })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "divide-border divide-y",
+					children: order.line_items.map((item) => /* @__PURE__ */ jsx(ItemRow, { item }, item.id))
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "border-border mb-4 border-t pt-4",
+					children: /* @__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__ */ jsxs("p", {
+							className: "text-foreground text-base font-bold",
+							children: [
+								order.currency,
+								" ",
+								order.total
+							]
+						})]
+					})
+				})
+			]
+		})
+	});
+}
+function DetailsSection({ order }) {
+	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__ */ jsx("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: "Status:"
+						}), /* @__PURE__ */ jsx(OrderStatusBadge, { status: order.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"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "text-foreground font-medium",
+								children: ["#", order.id]
+							})]
+						}), /* @__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.customer_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.customer_email
+						})]
+					}),
+					order.customer_name && /* @__PURE__ */ jsxs("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-muted-foreground text-sm",
+							children: "Customer"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-foreground text-sm font-medium",
+							children: order.customer_name
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+function PortalOrderDetail({ id, onNotFound, onError }) {
+	const { data, isLoading, error } = usePortalTenantOrder(id);
+	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(DetailSkeleton, {});
+	if (!order) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col lg:grid lg:grid-cols-8",
+		children: [/* @__PURE__ */ jsx(ItemsSection, { order }), /* @__PURE__ */ jsx(DetailsSection, { order })]
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/screens/PortalOrderDetailScreen.tsx
+function PortalOrderDetailScreen({ id, onNavigateToList, onNotFound, onError }) {
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigateToList();
+				},
+				children: "Orders"
+			}) }),
+			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(BreadcrumbPage, {
+				className: "font-semibold",
+				children: ["Order #", id]
+			}) })
+		]
+	}) }), [id, onNavigateToList]));
+	return /* @__PURE__ */ jsx("div", {
+		className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
+		children: /* @__PURE__ */ jsx(PortalOrderDetail, {
+			id,
+			onNotFound,
+			onError
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrderDetailScreen.tsx
+function OrderDetailScreen({ token, onToast }) {
+	const ordersApi = useOrdersApi();
+	const { navigate } = useAppNavigation();
+	return /* @__PURE__ */ jsx(OrdersCoreProvider, {
+		api: ordersApi,
+		children: /* @__PURE__ */ jsx(PortalOrderDetailScreen, {
+			id: token,
+			onNavigateToList: () => navigate("orders"),
+			onNotFound: () => {
+				onToast("Order not found", "warning");
+				navigate("orders");
+			},
+			onError: (err) => {
+				onToast(`Failed to load order: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+			}
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrdersScreen.tsx
+var OrdersScreen_exports = /* @__PURE__ */ __exportAll({
+	OrdersScreen: () => OrdersScreen,
+	ordersScreenPropertySchema: () => ordersScreenPropertySchema
+});
+function defaultToast(message, type) {
+	if (type === "error" || type === "warning") console.warn("[Orders]", message);
+	else console.info("[Orders]", message);
+}
+function OrdersScreen({ onToast, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	const { currentSlug } = useAppNavigation();
+	const effectiveToast = onToast ?? defaultToast;
+	const detailToken = currentSlug.split("/")[1];
+	if (detailToken !== void 0) return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		children: /* @__PURE__ */ jsx(OrderDetailScreen, {
+			token: detailToken,
+			onToast: effectiveToast
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		children: /* @__PURE__ */ jsx(OrdersListScreen, {})
+	});
+}
+const ordersScreenPropertySchema = {
+	widgetType: "OrdersScreen",
+	displayName: "Orders Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+export { OrdersScreen_exports as n, ordersScreenPropertySchema as r, OrdersScreen as t };
+
+//# sourceMappingURL=OrdersScreen-D_7TJgZ4.mjs.map