@fluid-app/portal-sdk 0.1.129 → 0.1.130

package/dist/OrdersScreen-D_7TJgZ4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrdersScreen-D_7TJgZ4.mjs","names":["PortalOrdersListScreenContent","PortalOrderDetailScreenContent"],"sources":["../../../orders/ui/src/components/portal-orders-list.tsx","../../../orders/ui/src/screens/PortalOrdersListScreen.tsx","../src/screens/OrdersListScreen.tsx","../../../orders/ui/src/components/portal-order-detail.tsx","../../../orders/ui/src/screens/PortalOrderDetailScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { usePortalTenantOrders } from \"@fluid-app/orders-core\";\nimport {\n  Skeleton,\n  Table,\n  TableBody,\n  TableCell,\n  TableHeader,\n  TableRow,\n} from \"@fluid-app/ui-primitives\";\nimport { SearchInput } from \"./search-input\";\nimport { PaginationFooter } from \"./pagination-footer\";\nimport { StatusBadge } from \"./status-badge\";\nimport { TableColumn } from \"./table-column\";\n\nexport interface PortalOrdersListProps {\n  onOrderClick: (order: orders.PortalTenantOrder) => void;\n  t: (key: string) => string;\n  pageSize?: number;\n}\n\nfunction formatTotal(order: orders.PortalTenantOrder): string {\n  return `${order.currency} ${Number(order.total).toFixed(2)}`;\n}\n\nexport function PortalOrdersList({\n  onOrderClick,\n  t,\n  pageSize = 10,\n}: PortalOrdersListProps) {\n  const [cursor, setCursor] = useState<string | null>(null);\n\n  const params: orders.PortalTenantFetchOrdersParams = {\n    limit: pageSize,\n    cursor: cursor || undefined,\n  };\n\n  const { data, isLoading } = usePortalTenantOrders(params);\n\n  const handleNextPage = useCallback(() => {\n    const nextCursor = data?.meta?.pagination?.next_cursor;\n    if (nextCursor) {\n      setCursor(nextCursor);\n    }\n  }, [data?.meta?.pagination?.next_cursor]);\n\n  const handlePrevPage = useCallback(() => {\n    const prevCursor = data?.meta?.pagination?.prev_cursor;\n    if (prevCursor) {\n      setCursor(prevCursor);\n    } else {\n      setCursor(null);\n    }\n  }, [data?.meta?.pagination?.prev_cursor]);\n\n  const ordersList = data?.orders || [];\n  const pagination = data?.meta?.pagination;\n  const totalItems = ordersList.length;\n  const hasNextPage = !!pagination?.next_cursor;\n  const hasPrevPage = !!pagination?.prev_cursor;\n\n  const firstItem = (order: orders.PortalTenantOrder) => order.line_items[0];\n\n  return (\n    <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n      {/* mobile view */}\n      <div className=\"block md:hidden\">\n        {isLoading ? (\n          Array(5)\n            .fill(0)\n            .map((_, index) => (\n              <div\n                key={`skeleton-${index}`}\n                className=\"border-border border-b p-4\"\n              >\n                <div className=\"flex space-x-3\">\n                  <Skeleton className=\"h-12 w-12 rounded-md\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n              </div>\n            ))\n        ) : ordersList.length === 0 ? (\n          <div className=\"text-muted-foreground px-3 py-8 text-center text-sm\">\n            {t(\"no_orders_found\")}\n          </div>\n        ) : (\n          ordersList.map((order) => (\n            <div\n              key={order.id}\n              className=\"border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0\"\n              onClick={() => onOrderClick(order)}\n            >\n              <div className=\"flex items-start space-x-3\">\n                <div className=\"bg-border h-12 w-12 flex-shrink-0 rounded-md\" />\n                <div className=\"w-0 min-w-0 flex-1\">\n                  {firstItem(order) ? (\n                    <p className=\"text-foreground truncate text-sm font-medium\">\n                      {firstItem(order)?.product_name}\n                    </p>\n                  ) : (\n                    <div className=\"bg-muted rounded-lg p-2\">\n                      <div className=\"text-muted-foreground text-xs\">\n                        {t(\"this_product_no_longer_exists\")}\n                      </div>\n                    </div>\n                  )}\n                  <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm\">\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"date\")}\n                      </span>\n                      <span className=\"text-muted-foreground\">\n                        {new Date(order.created_at).toLocaleDateString()}\n                      </span>\n                    </div>\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"status\")}\n                      </span>\n                      <StatusBadge\n                        color={\n                          order.status === \"delivered\" ||\n                          order.status === \"shipped\"\n                            ? \"green\"\n                            : order.status === \"cancelled\" ||\n                                order.status === \"returned\"\n                              ? \"red\"\n                              : \"yellow\"\n                        }\n                        size=\"xs\"\n                      >\n                        {order.status}\n                      </StatusBadge>\n                    </div>\n                    <div className=\"col-span-2 mt-1\">\n                      <span className=\"text-foreground font-medium\">\n                        {formatTotal(order)}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* desktop view */}\n      <div className=\"hidden md:block\">\n        <Table className=\"min-w-full table-fixed\">\n          <colgroup>\n            <col className=\"w-2/5 min-w-[240px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n          </colgroup>\n          <TableHeader className=\"bg-muted\">\n            <TableRow className=\"hover:bg-muted h-10\">\n              <TableColumn label={t(\"product\")} sortable={false} />\n              <TableColumn label={t(\"date\")} sortable={false} />\n              <TableColumn label={t(\"status\")} sortable={false} />\n              <TableColumn label={t(\"total\")} sortable={false} />\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"bg-background\">\n            {isLoading ? (\n              Array(5)\n                .fill(0)\n                .map((_, index) => (\n                  <TableRow key={`skeleton-${index}`}>\n                    <TableCell className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-32\" />\n                    </TableCell>\n                    <TableCell className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </TableCell>\n                    <TableCell className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-20\" />\n                    </TableCell>\n                    <TableCell className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </TableCell>\n                  </TableRow>\n                ))\n            ) : ordersList.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={4}\n                  className=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n                >\n                  {t(\"no_orders_found\")}\n                </TableCell>\n              </TableRow>\n            ) : (\n              ordersList.map((order) => (\n                <TableRow\n                  key={order.id}\n                  className=\"cursor-pointer\"\n                  onClick={() => onOrderClick(order)}\n                >\n                  <TableCell className=\"text-foreground px-3 py-4 text-sm font-medium\">\n                    {firstItem(order)?.product_name ?? (\n                      <span className=\"text-muted-foreground italic\">\n                        {t(\"this_product_no_longer_exists\")}\n                      </span>\n                    )}\n                  </TableCell>\n                  <TableCell className=\"text-muted-foreground px-3 py-4 text-sm whitespace-nowrap\">\n                    {new Date(order.created_at).toLocaleDateString()}\n                  </TableCell>\n                  <TableCell className=\"px-3 py-4 text-sm\">\n                    <StatusBadge\n                      color={\n                        order.status === \"delivered\" ||\n                        order.status === \"shipped\"\n                          ? \"green\"\n                          : order.status === \"cancelled\" ||\n                              order.status === \"returned\"\n                            ? \"red\"\n                            : \"yellow\"\n                      }\n                      size=\"xs\"\n                    >\n                      {order.status}\n                    </StatusBadge>\n                  </TableCell>\n                  <TableCell className=\"text-foreground px-3 py-4 text-sm whitespace-nowrap\">\n                    {formatTotal(order)}\n                  </TableCell>\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      <PaginationFooter\n        currentPage={1}\n        totalPages={1}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        cursorPaginationMode\n        hasNextPage={hasNextPage}\n        hasPrevPage={hasPrevPage}\n        onCursorNext={handleNextPage}\n        onCursorPrev={handlePrevPage}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { PortalOrdersList } from \"../components/portal-orders-list\";\n\nexport interface PortalOrdersListScreenProps {\n  onOrderClick: (order: orders.PortalTenantOrder) => void;\n  t: (key: string) => string;\n  pageSize?: number;\n}\n\nexport function PortalOrdersListScreen({\n  onOrderClick,\n  t,\n  pageSize,\n}: PortalOrdersListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">Orders</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <PortalOrdersList onOrderClick={onOrderClick} t={t} pageSize={pageSize} />\n    </div>\n  );\n}\n","import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { PortalOrdersListScreen as PortalOrdersListScreenContent } from \"@fluid-app/orders-ui/screens/PortalOrdersListScreen\";\nimport { useOrdersApi } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  search_orders: \"Search orders...\",\n  order_number: \"Order #\",\n  date: \"Date\",\n  status: \"Status\",\n  product: \"Product\",\n  no_orders_found: \"No orders found\",\n  no_matching_orders: \"No matching orders\",\n  no_image_available: \"No image available\",\n  this_product_no_longer_exists: \"This product no longer exists\",\n  subscription: \"Subscription\",\n  view_subscription: \"View Subscription\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\nexport function OrdersListScreen(): React.JSX.Element {\n  const ordersApi = useOrdersApi();\n  const { navigate } = useAppNavigation();\n\n  const handleOrderClick = (order: orders.PortalTenantOrder) => {\n    navigate(`orders/${order.token}`);\n  };\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <PortalOrdersListScreenContent\n        onOrderClick={handleOrderClick}\n        t={(key) => translations[key] ?? key}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import { useEffect } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { usePortalTenantOrder } from \"@fluid-app/orders-core\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport { OrderStatusBadge } from \"./order-status-badge\";\n\nexport interface PortalOrderDetailProps {\n  id: string | number;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nfunction DetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center space-x-4\">\n              <Skeleton className=\"h-24 w-24 rounded\" />\n              <div className=\"flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-4 w-1/2\" />\n              </div>\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n        <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n          <Skeleton className=\"mb-4 h-10 w-full rounded\" />\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ItemRow({ item }: { item: orders.PortalTenantOrderLineItem }) {\n  return (\n    <div className=\"flex items-center space-x-4 py-4\">\n      <div className=\"relative shrink-0\">\n        <div className=\"bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded\">\n          No image\n        </div>\n        {item.quantity > 1 && (\n          <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\">\n            {item.quantity}\n          </span>\n        )}\n      </div>\n      <div className=\"flex min-w-0 flex-1 flex-col space-y-0.5\">\n        <p\n          className=\"text-foreground truncate text-sm font-medium\"\n          title={item.product_name}\n        >\n          {item.product_name}\n        </p>\n        <p className=\"text-foreground text-sm font-medium\">{item.total}</p>\n        {item.quantity > 1 && (\n          <p className=\"text-muted-foreground text-xs\">\n            {item.price} x {item.quantity}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ItemsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Items ({order.line_items.length})\n          </h2>\n          <hr className=\"border-border\" />\n        </div>\n\n        <div className=\"divide-border divide-y\">\n          {order.line_items.map((item) => (\n            <ItemRow key={item.id} item={item} />\n          ))}\n        </div>\n\n        <div className=\"border-border mb-4 border-t pt-4\">\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {order.currency} {order.total}\n            </p>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction DetailsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Order Status */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-muted-foreground text-sm\">Status:</span>\n              <OrderStatusBadge status={order.status} />\n            </div>\n          </div>\n        </div>\n\n        {/* Order Info */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Info\n          </h3>\n          <div className=\"divide-border flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">Order</div>\n              <div className=\"text-foreground font-medium\">#{order.id}</div>\n            </div>\n            <div className=\"flex-1 pl-4 text-right\">\n              <div className=\"text-muted-foreground text-sm\">Date</div>\n              <div className=\"text-foreground font-medium\">\n                {new Date(order.created_at).toLocaleDateString(\"en-US\", {\n                  year: \"numeric\",\n                  month: \"short\",\n                  day: \"numeric\",\n                })}\n              </div>\n            </div>\n          </div>\n          {order.customer_email && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Email</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_email}\n              </div>\n            </div>\n          )}\n          {order.customer_name && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Customer</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_name}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function PortalOrderDetail({\n  id,\n  onNotFound,\n  onError,\n}: PortalOrderDetailProps) {\n  const { data, isLoading, error } = usePortalTenantOrder(id);\n  const order = data?.order;\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onError?.(error as Error);\n    }\n  }, [isLoading, error, onError]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !order) {\n      onNotFound?.();\n    }\n  }, [isLoading, error, order, onNotFound]);\n\n  if (isLoading) {\n    return <DetailSkeleton />;\n  }\n\n  if (!order) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <ItemsSection order={order} />\n      <DetailsSection order={order} />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { PortalOrderDetail } from \"../components/portal-order-detail\";\n\nexport interface PortalOrderDetailScreenProps {\n  id: string | number;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nexport function PortalOrderDetailScreen({\n  id,\n  onNavigateToList,\n  onNotFound,\n  onError,\n}: PortalOrderDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Orders\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Order #{id}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [id, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <PortalOrderDetail id={id} onNotFound={onNotFound} onError={onError} />\n    </div>\n  );\n}\n","import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { PortalOrderDetailScreen as PortalOrderDetailScreenContent } from \"@fluid-app/orders-ui/screens/PortalOrderDetailScreen\";\nimport { useOrdersApi } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n  token,\n  onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n  const ordersApi = useOrdersApi();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <PortalOrderDetailScreenContent\n        id={token}\n        onNavigateToList={() => navigate(\"orders\")}\n        onNotFound={() => {\n          onToast(\"Order not found\", \"warning\");\n          navigate(\"orders\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load order: ${message}`, \"error\");\n        }}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Orders]\", message);\n  } else {\n    console.info(\"[Orders]\", message);\n  }\n}\n\nexport function OrdersScreen({\n  onToast,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: OrdersScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"orders\" → list, \"orders/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <OrdersListScreen />\n    </div>\n  );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"OrdersScreen\",\n  displayName: \"Orders Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/OrdersScreen-DyYYjl9I.cjs

@@ -0,0 +1,568 @@
+require("./chunk-9hOWP6kD.cjs");
+const require_src = require("./src-UnXevN9n.cjs");
+const require_ScreenHeaderContext = require("./ScreenHeaderContext-wrJlkhgN.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-DnwdUAjn.cjs");
+const require_use_account_clients = require("./use-account-clients-DoJW3KTx.cjs");
+const require_order_status_badge = require("./order-status-badge-cwqA8dZ-.cjs");
+let react = require("react");
+let react_jsx_runtime = require("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] = (0, react.useState)(null);
+	const { data, isLoading } = require_order_status_badge.usePortalTenantOrders({
+		limit: pageSize,
+		cursor: cursor || void 0
+	});
+	const handleNextPage = (0, react.useCallback)(() => {
+		const nextCursor = data?.meta?.pagination?.next_cursor;
+		if (nextCursor) setCursor(nextCursor);
+	}, [data?.meta?.pagination?.next_cursor]);
+	const handlePrevPage = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "border-border overflow-hidden rounded-lg border shadow-sm",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "block md:hidden",
+				children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "border-border border-b p-4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex space-x-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-12 w-12 rounded-md" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex-1 space-y-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-3 w-1/2" })]
+						})]
+					})
+				}, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-muted-foreground px-3 py-8 text-center text-sm",
+					children: t("no_orders_found")
+				}) : ordersList.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-start space-x-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-border h-12 w-12 flex-shrink-0 rounded-md" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "w-0 min-w-0 flex-1",
+							children: [firstItem(order) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-foreground truncate text-sm font-medium",
+								children: firstItem(order)?.product_name
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "bg-muted rounded-lg p-2",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-muted-foreground text-xs",
+									children: t("this_product_no_longer_exists")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "text-muted-foreground block text-xs",
+										children: t("date")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "text-muted-foreground",
+										children: new Date(order.created_at).toLocaleDateString()
+									})] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "text-muted-foreground block text-xs",
+										children: t("status")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.StatusBadge, {
+										color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
+										size: "xs",
+										children: order.status
+									})] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "col-span-2 mt-1",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "text-foreground font-medium",
+											children: formatTotal(order)
+										})
+									})
+								]
+							})]
+						})]
+					})
+				}, order.id))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "hidden md:block",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Table, {
+					className: "min-w-full table-fixed",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-2/5 min-w-[240px]" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" })
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableHeader, {
+							className: "bg-muted",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, {
+								className: "hover:bg-muted h-10",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
+										label: t("product"),
+										sortable: false
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
+										label: t("date"),
+										sortable: false
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
+										label: t("status"),
+										sortable: false
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
+										label: t("total"),
+										sortable: false
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableBody, {
+							className: "bg-background",
+							children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-32" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-20" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })
+								})
+							] }, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+								colSpan: 4,
+								className: "text-muted-foreground px-3 py-8 text-center text-sm",
+								children: t("no_orders_found")
+							}) }) : ordersList.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, {
+								className: "cursor-pointer",
+								onClick: () => onOrderClick(order),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+										className: "text-foreground px-3 py-4 text-sm font-medium",
+										children: firstItem(order)?.product_name ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "text-muted-foreground italic",
+											children: t("this_product_no_longer_exists")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+										className: "text-muted-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: new Date(order.created_at).toLocaleDateString()
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+										className: "px-3 py-4 text-sm",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.StatusBadge, {
+											color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
+											size: "xs",
+											children: order.status
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
+										className: "text-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: formatTotal(order)
+									})
+								]
+							}, order.id))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.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 }) {
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Orders"
+		}) })
+	}) }), []));
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = require_use_account_clients.useOrdersApi();
+	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	const handleOrderClick = (order) => {
+		navigate(`orders/${order.token}`);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.OrdersCoreProvider, {
+		api: ordersApi,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalOrdersListScreen, {
+			onOrderClick: handleOrderClick,
+			t: (key) => translations[key] ?? key
+		})
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/components/portal-order-detail.tsx
+function DetailSkeleton() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col lg:grid lg:grid-cols-8",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "bg-muted flex flex-col items-center px-8 lg:col-span-4",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "w-full max-w-lg py-6",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "mb-4 h-6 w-48" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "space-y-4",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center space-x-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-24 w-24 rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex-1 space-y-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-1/2" })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-6 space-y-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-5 w-full" })]
+					})
+				]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "bg-background px-8 pt-4 lg:col-span-4",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mx-auto max-w-lg lg:mx-0 lg:mr-auto",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "mb-4 h-10 w-full rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-6 space-y-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-5 w-40" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-16 w-full rounded" })]
+				})]
+			})
+		})]
+	});
+}
+function ItemRow({ item }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center space-x-4 py-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative shrink-0",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-1 flex-col space-y-0.5",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-foreground truncate text-sm font-medium",
+					title: item.product_name,
+					children: item.product_name
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-foreground text-sm font-medium",
+					children: item.total
+				}),
+				item.quantity > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					className: "text-muted-foreground text-xs",
+					children: [
+						item.price,
+						" x ",
+						item.quantity
+					]
+				})
+			]
+		})]
+	});
+}
+function ItemsSection({ order }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		className: "bg-muted flex w-full flex-col items-center px-8 lg:col-span-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex w-full max-w-lg flex-col",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+						className: "text-foreground mb-2 text-lg font-medium",
+						children: [
+							"Items (",
+							order.line_items.length,
+							")"
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "border-border" })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "divide-border divide-y",
+					children: order.line_items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemRow, { item }, item.id))
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "border-border mb-4 border-t pt-4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-4 flex items-center justify-between text-base font-medium",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-muted-foreground text-sm font-medium",
+							children: "Total"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "text-foreground text-base font-bold",
+							children: [
+								order.currency,
+								" ",
+								order.total
+							]
+						})]
+					})
+				})
+			]
+		})
+	});
+}
+function DetailsSection({ order }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "bg-background px-8 pt-4 lg:col-span-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mx-auto max-w-lg lg:mx-0 lg:mr-auto",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "border-border mb-6 border-b pb-6",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground text-sm",
+							children: "Status:"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.OrderStatusBadge, { status: order.status })]
+					})
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "border-border mb-6 border-b pb-6",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "text-foreground mb-3 text-sm/6 font-semibold",
+						children: "Order Info"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "divide-border flex divide-x",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex-1 pr-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-muted-foreground text-sm",
+								children: "Order"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "text-foreground font-medium",
+								children: ["#", order.id]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex-1 pl-4 text-right",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-muted-foreground text-sm",
+								children: "Date"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-muted-foreground text-sm",
+							children: "Email"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-foreground text-sm font-medium",
+							children: order.customer_email
+						})]
+					}),
+					order.customer_name && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-muted-foreground text-sm",
+							children: "Customer"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-foreground text-sm font-medium",
+							children: order.customer_name
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+function PortalOrderDetail({ id, onNotFound, onError }) {
+	const { data, isLoading, error } = require_order_status_badge.usePortalTenantOrder(id);
+	const order = data?.order;
+	(0, react.useEffect)(() => {
+		if (!isLoading && error) onError?.(error);
+	}, [
+		isLoading,
+		error,
+		onError
+	]);
+	(0, react.useEffect)(() => {
+		if (!isLoading && !error && !order) onNotFound?.();
+	}, [
+		isLoading,
+		error,
+		order,
+		onNotFound
+	]);
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailSkeleton, {});
+	if (!order) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col lg:grid lg:grid-cols-8",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemsSection, { order }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailsSection, { order })]
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/screens/PortalOrderDetailScreen.tsx
+function PortalOrderDetailScreen({ id, onNavigateToList, onNotFound, onError }) {
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigateToList();
+				},
+				children: "Orders"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbPage, {
+				className: "font-semibold",
+				children: ["Order #", id]
+			}) })
+		]
+	}) }), [id, onNavigateToList]));
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(PortalOrderDetail, {
+			id,
+			onNotFound,
+			onError
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrderDetailScreen.tsx
+function OrderDetailScreen({ token, onToast }) {
+	const ordersApi = require_use_account_clients.useOrdersApi();
+	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.OrdersCoreProvider, {
+		api: ordersApi,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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
+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 } = require_AppNavigationContext.useAppNavigation();
+	const effectiveToast = onToast ?? defaultToast;
+	const detailToken = currentSlug.split("/")[1];
+	if (detailToken !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrderDetailScreen, {
+			token: detailToken,
+			onToast: effectiveToast
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrdersListScreen, {})
+	});
+}
+const ordersScreenPropertySchema = {
+	widgetType: "OrdersScreen",
+	displayName: "Orders Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "OrdersScreen", {
+	enumerable: true,
+	get: function() {
+		return OrdersScreen;
+	}
+});
+Object.defineProperty(exports, "ordersScreenPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return ordersScreenPropertySchema;
+	}
+});
+
+//# sourceMappingURL=OrdersScreen-DyYYjl9I.cjs.map