npm - @fluid-app/portal-sdk - Versions diffs - 0.1.150 → 0.1.151 - Mend

@fluid-app/portal-sdk 0.1.150 → 0.1.151

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/order-status-badge-C5K03hR8.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"order-status-badge-C5K03hR8.cjs","names":["cn","ChevronLeft","ChevronRight","cn","TableHead","cn","SearchSort","Skeleton","Table","TableHeader","TableRow","TableBody","TableCell"],"sources":["../../../orders/core/src/orders-api-context.ts","../../../orders/core/src/provider.tsx","../../../orders/core/src/query-keys.ts","../../../orders/core/src/hooks/use-customer-orders.ts","../../../orders/core/src/hooks/use-portal-tenant-order.ts","../../../orders/core/src/utils/format-order-total.ts","../../../orders/ui/src/components/pagination-footer.tsx","../../../orders/ui/src/components/status-badge.tsx","../../../orders/ui/src/components/table-column.tsx","../../../orders/ui/src/components/orders-list.tsx","../../../orders/ui/src/lib/format.ts","../../../orders/ui/src/components/order-status-badge.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { OrdersApi } from \"./orders-api\";\n\nconst OrdersApiContext = createContext<OrdersApi | null>(null);\n\nexport const OrdersApiProvider = OrdersApiContext.Provider;\n\nexport function useOrdersApi(): OrdersApi {\n const api = useContext(OrdersApiContext);\n if (!api) {\n throw new Error(\"useOrdersApi must be used within an OrdersCoreProvider\");\n }\n return api;\n}\n","import type { JSX, ReactNode } from \"react\";\nimport type { OrdersApi } from \"./orders-api\";\nimport { OrdersApiProvider } from \"./orders-api-context\";\n\nexport interface OrdersCoreProviderProps {\n api: OrdersApi;\n children: ReactNode;\n}\n\nexport function OrdersCoreProvider({\n api,\n children,\n}: OrdersCoreProviderProps): JSX.Element {\n return <OrdersApiProvider value={api}>{children}</OrdersApiProvider>;\n}\n","import type { orders } from \"./types\";\n\nexport const ordersKeys = {\n all: [\"orders\"] as const,\n list: (params?: orders.FetchOrdersParams) =>\n [...ordersKeys.all, \"list\", params] as const,\n detail: (orderToken: string) =>\n [...ordersKeys.all, \"detail\", orderToken] as const,\n} as const;\n\nexport const portalTenantOrdersKeys = {\n all: [\"portalTenantOrders\"] as const,\n list: (params?: orders.PortalTenantFetchOrdersParams) =>\n [...portalTenantOrdersKeys.all, \"list\", params] as const,\n detail: (id: string | number) =>\n [...portalTenantOrdersKeys.all, \"detail\", id] as const,\n} as const;\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { orders } from \"../types\";\nimport { ordersKeys } from \"../query-keys\";\nimport { useOrdersApi } from \"../orders-api-context\";\n\nexport function useCustomerOrders(\n params: orders.FetchOrdersParams,\n options?: { enabled?: boolean },\n) {\n const api = useOrdersApi();\n return useQuery({\n queryKey: ordersKeys.list(params),\n queryFn: () => {\n if (!api.fetchCustomerOrders) {\n throw new Error(\n \"fetchCustomerOrders not implemented on this OrdersApi\",\n );\n }\n return api.fetchCustomerOrders(params);\n },\n enabled: options?.enabled ?? true,\n });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { portalTenantOrdersKeys } from \"../query-keys\";\nimport { useOrdersApi } from \"../orders-api-context\";\n\nexport function usePortalTenantOrder(\n id: string | number,\n options?: { enabled?: boolean },\n) {\n const api = useOrdersApi();\n return useQuery({\n queryKey: portalTenantOrdersKeys.detail(id),\n queryFn: () => {\n if (!api.fetchOrderById) {\n throw new Error(\"fetchOrderById not implemented on this OrdersApi\");\n }\n return api.fetchOrderById(id);\n },\n enabled: (options?.enabled ?? true) && !!id,\n });\n}\n","import type { orders } from \"../types\";\n\nexport function formatOrderTotal(order: orders.ListOrder): string {\n if (order.order_total_after_points_redemption != null) {\n return `${order.currency_symbol || \"$\"}${Number(\n order.order_total_after_points_redemption,\n ).toFixed(2)}`;\n }\n return (\n order.total_display_amount ||\n `${order.currency_symbol || \"$\"}${Number(order.amount).toFixed(2)}`\n );\n}\n","import { cn } from \"@fluid-app/ui-primitives\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\nexport interface PaginationFooterProps {\n currentPage: number;\n totalPages: number;\n pageSize: number;\n totalItems: number;\n /** @deprecated No longer used. Kept for backward compatibility with subscriptions-ui. */\n maxVisiblePages?: number;\n onPageChange?: (page: number) => void;\n cursorPaginationMode?: boolean;\n hasNextPage?: boolean;\n hasPrevPage?: boolean;\n onCursorNext?: () => void;\n onCursorPrev?: () => void;\n /** @deprecated Use lucide icons directly. Kept for backward compatibility with subscriptions-ui. */\n chevronLeftIcon?: string;\n /** @deprecated Use lucide icons directly. Kept for backward compatibility with subscriptions-ui. */\n chevronRightIcon?: string;\n /** @deprecated Pagination labels are now hardcoded in English. Kept for backward compatibility. */\n t?: (key: string) => string;\n}\n\nexport function PaginationFooter({\n currentPage,\n totalPages,\n pageSize,\n totalItems,\n onPageChange,\n cursorPaginationMode,\n hasNextPage,\n hasPrevPage,\n onCursorNext,\n onCursorPrev,\n}: PaginationFooterProps) {\n const isCursor = !!cursorPaginationMode;\n\n const isPrevDisabled = isCursor ? !hasPrevPage : currentPage === 1;\n const isNextDisabled = isCursor\n ? !hasNextPage\n : totalPages === 0 || currentPage === totalPages;\n\n const handlePrevClick = () => {\n if (isCursor) {\n onCursorPrev?.();\n } else {\n onPageChange?.(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (isCursor) {\n onCursorNext?.();\n } else {\n onPageChange?.(currentPage + 1);\n }\n };\n\n const displayText = (() => {\n const start = totalItems === 0 ? 0 : (currentPage - 1) * pageSize + 1;\n const end = Math.min(currentPage * pageSize, totalItems);\n return (\n <>\n Showing <span className=\"font-medium\">{start}</span> to{\" \"}\n <span className=\"font-medium\">{end}</span> of{\" \"}\n <span className=\"font-medium\">{totalItems}</span> results\n </>\n );\n })();\n\n const buttonBase =\n \"relative inline-flex items-center px-3 py-2 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50\";\n\n return (\n <div className=\"border-border flex items-center justify-between border-t px-4 py-3 sm:px-6\">\n {/* Mobile prev/next */}\n <div className=\"flex flex-1 justify-between sm:hidden\">\n <button\n type=\"button\"\n onClick={handlePrevClick}\n disabled={isPrevDisabled}\n className={cn(\n buttonBase,\n \"border-border bg-background text-foreground hover:bg-accent rounded-md border\",\n )}\n >\n Previous\n </button>\n <button\n type=\"button\"\n onClick={handleNextClick}\n disabled={isNextDisabled}\n className={cn(\n buttonBase,\n \"border-border bg-background text-foreground hover:bg-accent ml-3 rounded-md border\",\n )}\n >\n Next\n </button>\n </div>\n\n {/* Desktop */}\n <div className=\"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between\">\n <p className=\"text-muted-foreground text-xs\">{displayText}</p>\n <nav\n aria-label=\"Pagination\"\n className=\"isolate inline-flex -space-x-px rounded-md shadow-sm\"\n >\n <button\n type=\"button\"\n onClick={handlePrevClick}\n disabled={isPrevDisabled}\n className={cn(\n buttonBase,\n \"border-border text-muted-foreground hover:bg-accent rounded-l-md border\",\n )}\n >\n <span className=\"sr-only\">Previous</span>\n <ChevronLeft className=\"h-4 w-4\" />\n </button>\n <span className=\"border-border bg-background text-foreground relative inline-flex items-center border px-4 py-2 text-sm font-medium\">\n {currentPage} / {totalPages}\n </span>\n <button\n type=\"button\"\n onClick={handleNextClick}\n disabled={isNextDisabled}\n className={cn(\n buttonBase,\n \"border-border text-muted-foreground hover:bg-accent rounded-r-md border\",\n )}\n >\n <span className=\"sr-only\">Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </button>\n </nav>\n </div>\n </div>\n );\n}\n","import { cn } from \"@fluid-app/ui-primitives\";\n\nexport type BadgeColor = \"green\" | \"yellow\" | \"red\" | \"blue\" | \"gray\";\n\ntype BadgeSize = \"xs\" | \"sm\" | \"md\";\n\ninterface StatusBadgeProps {\n color: BadgeColor;\n dot?: boolean;\n size?: BadgeSize;\n className?: string;\n children: React.ReactNode;\n}\n\nconst colorStyles: Record<BadgeColor, string> = {\n green: \"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400\",\n yellow:\n \"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400\",\n red: \"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400\",\n blue: \"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400\",\n gray: \"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300\",\n};\n\nconst dotColorStyles: Record<BadgeColor, string> = {\n green: \"bg-green-500\",\n yellow: \"bg-yellow-500\",\n red: \"bg-red-500\",\n blue: \"bg-blue-500\",\n gray: \"bg-gray-500\",\n};\n\nconst sizeStyles: Record<BadgeSize, string> = {\n xs: \"px-1.5 py-0.5 text-[10px]\",\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n};\n\nexport function StatusBadge({\n color,\n dot,\n size = \"md\",\n className,\n children,\n}: StatusBadgeProps) {\n return (\n <span\n className={cn(\n \"inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap capitalize\",\n colorStyles[color],\n sizeStyles[size],\n className,\n )}\n >\n {dot && (\n <span\n className={cn(\"h-1.5 w-1.5 rounded-full\", dotColorStyles[color])}\n />\n )}\n {children}\n </span>\n );\n}\n","import { cn, TableHead } from \"@fluid-app/ui-primitives\";\n\ninterface TableColumnProps {\n label: string;\n sortable?: boolean;\n className?: string;\n onSortClick?: (sortBy: string) => void;\n sortBy?: string;\n sortData?: {\n column: string;\n direction: \"asc\" | \"desc\";\n };\n chevronUpIcon?: string;\n chevronDownIcon?: string;\n}\n\nexport function TableColumn({\n label,\n sortable = true,\n className,\n onSortClick,\n sortBy,\n sortData,\n chevronUpIcon,\n chevronDownIcon,\n}: TableColumnProps) {\n const hideUpIcon =\n sortData?.column !== sortBy ||\n (sortData?.column === sortBy && sortData?.direction === \"asc\");\n\n const hideDownIcon =\n sortData?.column !== sortBy ||\n (sortData?.column === sortBy && sortData?.direction === \"desc\");\n\n return (\n <TableHead\n className={cn(\n \"group text-muted-foreground cursor-pointer px-3 text-xs transition-colors duration-200\",\n \"hover:text-primary\",\n className,\n )}\n onClick={() => sortable && onSortClick?.(sortBy ?? \"\")}\n >\n <div className=\"relative flex items-center\">\n {label}\n {sortable && chevronUpIcon && chevronDownIcon && (\n <button\n className={`ml-2 inline-flex flex-col items-center justify-center group-hover:opacity-100 ${\n sortData?.column === sortBy ? \"opacity-100\" : \"opacity-0\"\n } transition-opacity duration-200`}\n >\n <div className=\"flex flex-col\">\n <img\n src={chevronUpIcon}\n alt=\"\"\n width={12}\n height={12}\n className={cn(\n \"text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200\",\n hideUpIcon && \"opacity-0\",\n sortData?.column !== sortBy && \"group-hover:opacity-100\",\n )}\n />\n <img\n src={chevronDownIcon}\n alt=\"\"\n width={12}\n height={12}\n className={cn(\n \"text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200\",\n hideDownIcon && \"opacity-0\",\n sortData?.column !== sortBy && \"group-hover:opacity-100\",\n )}\n />\n </div>\n </button>\n )}\n </div>\n </TableHead>\n );\n}\n","import { useState, useCallback } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { useCustomerOrders, formatOrderTotal } 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 { SearchSort } from \"@fluid-app/ui-components/components/SearchSort\";\nimport { PaginationFooter } from \"./pagination-footer\";\nimport { StatusBadge } from \"./status-badge\";\nimport { TableColumn } from \"./table-column\";\n\nexport interface OrdersListProps {\n customerId: number | undefined;\n onOrderClick: (order: orders.ListOrder) => void;\n onSubscriptionClick?: (subscriptionToken: string) => void;\n t: (key: string) => string;\n pageSize?: number;\n}\n\nexport function OrdersList({\n customerId,\n onOrderClick,\n onSubscriptionClick,\n t,\n pageSize = 10,\n}: OrdersListProps) {\n const [cursor, setCursor] = useState<string | null>(null);\n const [currentPage, setCurrentPage] = useState(1);\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const params: orders.FetchOrdersParams = {\n customerId,\n limit: pageSize,\n search: searchTerm || undefined,\n cursor: cursor || undefined,\n sort: \"-created_at\",\n };\n\n const { data, isLoading } = useCustomerOrders(params, {\n enabled: !!customerId,\n });\n\n const handleSearchChange = useCallback((term: string) => {\n setSearchTerm(term);\n setCursor(null);\n setCurrentPage(1);\n }, []);\n\n const handleNextPage = useCallback(() => {\n const nextCursor = data?.meta?.pagination?.next_cursor;\n if (nextCursor) {\n setCursor(nextCursor);\n setCurrentPage((p) => p + 1);\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 setCurrentPage((p) => Math.max(1, p - 1));\n } else {\n setCursor(null);\n setCurrentPage(1);\n }\n }, [data?.meta?.pagination?.prev_cursor]);\n\n const ordersList = data?.orders || [];\n const pagination = data?.meta?.pagination;\n const totalItems = pagination?.total_count ?? ordersList.length;\n const totalPages =\n pagination?.total_pages ?? Math.max(1, Math.ceil(totalItems / pageSize));\n const hasNextPage = !!pagination?.next_cursor;\n const hasPrevPage = !!pagination?.prev_cursor;\n\n return (\n <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n <div className=\"flex justify-end p-3\">\n <div className=\"w-full max-w-sm\">\n <SearchSort\n searchValue={searchTerm}\n onSearchChange={handleSearchChange}\n placeholder={t(\"search_orders\")}\n />\n </div>\n </div>\n\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 {searchTerm ? t(\"no_matching_orders\") : 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 {order.first_item?.image_url ? (\n <img\n src={order.first_item.image_url}\n alt={t(\"no_image_available\")}\n width={48}\n height={48}\n className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"bg-border h-12 w-12 flex-shrink-0 rounded-md\" />\n )}\n <div className=\"w-0 min-w-0 flex-1\">\n {order.first_item?.title ? (\n <p className=\"text-foreground truncate text-sm font-medium\">\n {order.first_item.title}\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 {order.subscription && (\n <StatusBadge color=\"blue\" size=\"xs\" className=\"mt-1\">\n {t(\"subscription\")}\n </StatusBadge>\n )}\n {order.subscription?.subscription_token &&\n onSubscriptionClick && (\n <button\n type=\"button\"\n className=\"text-foreground hover:text-foreground/80 mt-1 inline-block text-xs transition-colors duration-200 hover:underline\"\n onClick={(e) => {\n e.stopPropagation();\n onSubscriptionClick(\n order.subscription!.subscription_token,\n );\n }}\n >\n {t(\"view_subscription\")}\n </button>\n )}\n <div className=\"mt-2 grid grid-cols-3 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.order_status === \"completed\" ||\n order.order_status === \"delivered\" ||\n order.order_status === \"shipped\"\n ? \"green\"\n : order.order_status === \"cancelled\" ||\n order.order_status === \"returned\"\n ? \"red\"\n : \"yellow\"\n }\n size=\"xs\"\n >\n {order.order_status}\n </StatusBadge>\n </div>\n <div>\n <span className=\"text-muted-foreground block text-xs\">\n {t(\"total\")}\n </span>\n <span className=\"text-foreground font-medium\">\n {formatOrderTotal(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 <div className=\"flex items-center space-x-2\">\n <Skeleton className=\"h-9 w-9 rounded-md\" />\n <Skeleton className=\"h-4 w-32\" />\n </div>\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 {searchTerm ? t(\"no_matching_orders\") : 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-muted-foreground px-3 py-4 text-sm\">\n <div className=\"flex max-w-[280px] flex-row items-center space-x-3\">\n {order.first_item?.image_url ? (\n <img\n src={order.first_item.image_url}\n alt={t(\"no_image_available\")}\n width={42}\n height={42}\n className=\"h-[42px] w-[42px] flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"bg-border ml-1 h-9 w-9 flex-shrink-0 rounded-md\" />\n )}\n <div className=\"flex min-w-0 flex-col space-y-1\">\n <div className=\"flex items-center space-x-2\">\n {order.first_item?.title ? (\n <span className=\"text-foreground truncate text-sm font-medium\">\n {order.first_item.title}\n </span>\n ) : (\n <div className=\"bg-muted w-full 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 {order.subscription && (\n <StatusBadge\n color=\"blue\"\n size=\"xs\"\n className=\"flex-shrink-0\"\n >\n {t(\"subscription\")}\n </StatusBadge>\n )}\n </div>\n {order.subscription?.subscription_token &&\n onSubscriptionClick && (\n <button\n type=\"button\"\n className=\"text-foreground hover:text-foreground/80 text-left text-xs transition-colors duration-200 hover:underline\"\n onClick={(e) => {\n e.stopPropagation();\n onSubscriptionClick(\n order.subscription!.subscription_token,\n );\n }}\n >\n {t(\"view_subscription\")}\n </button>\n )}\n </div>\n </div>\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.order_status === \"completed\" ||\n order.order_status === \"delivered\" ||\n order.order_status === \"shipped\"\n ? \"green\"\n : order.order_status === \"cancelled\" ||\n order.order_status === \"returned\"\n ? \"red\"\n : \"yellow\"\n }\n size=\"xs\"\n >\n {order.order_status}\n </StatusBadge>\n </TableCell>\n <TableCell className=\"text-foreground px-3 py-4 text-sm whitespace-nowrap\">\n {formatOrderTotal(order)}\n </TableCell>\n </TableRow>\n ))\n )}\n </TableBody>\n </Table>\n </div>\n\n <PaginationFooter\n currentPage={currentPage}\n totalPages={totalPages}\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","export function startCase(str: string | undefined | null): string {\n if (!str) return \"\";\n return str.replace(/_/g, \" \").replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport function formatCurrency(symbol: string, value: string | number): string {\n return `${symbol}${Number(value).toFixed(2)}`;\n}\n","import { StatusBadge, type BadgeColor } from \"./status-badge\";\nimport { startCase } from \"../lib/format\";\n\nconst statusColorMap: Record<string, BadgeColor> = {\n paid: \"green\",\n fulfilled: \"green\",\n delivered: \"green\",\n complete: \"green\",\n pending: \"yellow\",\n unfulfilled: \"yellow\",\n partially_fulfilled: \"yellow\",\n processing: \"yellow\",\n refunded: \"red\",\n cancelled: \"red\",\n failed: \"red\",\n voided: \"red\",\n};\n\nexport interface OrderStatusBadgeProps {\n status: string;\n className?: string;\n}\n\nexport function OrderStatusBadge({ status, className }: OrderStatusBadgeProps) {\n const color = statusColorMap[status] ?? \"gray\";\n return (\n <StatusBadge color={color} dot size=\"sm\" className={className}>\n {startCase(status)}\n </StatusBadge>\n );\n}\n"],"mappings":"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"}

package/dist/order-status-badge-CzCxrkzq.mjs ADDED Viewed

@@ -0,0 +1,556 @@
+import { c as Table$1, d as TableHead, f as TableHeader, hn as cn, l as TableBody, p as TableRow, u as TableCell, y as Skeleton } from "./src-CRDhXvlT.mjs";
+import { t as SearchSort } from "./SearchSort-M8cu-Jnj.mjs";
+import { createContext, useCallback, useContext, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+//#region ../../orders/core/src/orders-api-context.ts
+const OrdersApiContext = createContext(null);
+const OrdersApiProvider = OrdersApiContext.Provider;
+function useOrdersApi() {
+	const api = useContext(OrdersApiContext);
+	if (!api) throw new Error("useOrdersApi must be used within an OrdersCoreProvider");
+	return api;
+}
+//#endregion
+//#region ../../orders/core/src/provider.tsx
+function OrdersCoreProvider({ api, children }) {
+	return /* @__PURE__ */ jsx(OrdersApiProvider, {
+		value: api,
+		children
+	});
+}
+//#endregion
+//#region ../../orders/core/src/query-keys.ts
+const ordersKeys = {
+	all: ["orders"],
+	list: (params) => [
+		...ordersKeys.all,
+		"list",
+		params
+	],
+	detail: (orderToken) => [
+		...ordersKeys.all,
+		"detail",
+		orderToken
+	]
+};
+const portalTenantOrdersKeys = {
+	all: ["portalTenantOrders"],
+	list: (params) => [
+		...portalTenantOrdersKeys.all,
+		"list",
+		params
+	],
+	detail: (id) => [
+		...portalTenantOrdersKeys.all,
+		"detail",
+		id
+	]
+};
+//#endregion
+//#region ../../orders/core/src/hooks/use-customer-orders.ts
+function useCustomerOrders(params, options) {
+	const api = useOrdersApi();
+	return useQuery({
+		queryKey: ordersKeys.list(params),
+		queryFn: () => {
+			if (!api.fetchCustomerOrders) throw new Error("fetchCustomerOrders not implemented on this OrdersApi");
+			return api.fetchCustomerOrders(params);
+		},
+		enabled: options?.enabled ?? true
+	});
+}
+//#endregion
+//#region ../../orders/core/src/hooks/use-portal-tenant-order.ts
+function usePortalTenantOrder(id, options) {
+	const api = useOrdersApi();
+	return useQuery({
+		queryKey: portalTenantOrdersKeys.detail(id),
+		queryFn: () => {
+			if (!api.fetchOrderById) throw new Error("fetchOrderById not implemented on this OrdersApi");
+			return api.fetchOrderById(id);
+		},
+		enabled: (options?.enabled ?? true) && !!id
+	});
+}
+//#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/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 = (() => {
+		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" })]
+					}),
+					/* @__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 capitalize", colorStyles[color], sizeStyles[size], className),
+		children: [dot && /* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 rounded-full", dotColorStyles[color]) }), children]
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/components/table-column.tsx
+function TableColumn({ label, sortable = true, className, onSortClick, sortBy, sortData, chevronUpIcon, chevronDownIcon }) {
+	const hideUpIcon = sortData?.column !== sortBy || sortData?.column === sortBy && sortData?.direction === "asc";
+	const hideDownIcon = sortData?.column !== sortBy || sortData?.column === sortBy && sortData?.direction === "desc";
+	return /* @__PURE__ */ jsx(TableHead, {
+		className: cn("group text-muted-foreground cursor-pointer px-3 text-xs transition-colors duration-200", "hover:text-primary", className),
+		onClick: () => sortable && onSortClick?.(sortBy ?? ""),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative flex items-center",
+			children: [label, sortable && chevronUpIcon && chevronDownIcon && /* @__PURE__ */ jsx("button", {
+				className: `ml-2 inline-flex flex-col items-center justify-center group-hover:opacity-100 ${sortData?.column === sortBy ? "opacity-100" : "opacity-0"} transition-opacity duration-200`,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx("img", {
+						src: chevronUpIcon,
+						alt: "",
+						width: 12,
+						height: 12,
+						className: cn("text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200", hideUpIcon && "opacity-0", sortData?.column !== sortBy && "group-hover:opacity-100")
+					}), /* @__PURE__ */ jsx("img", {
+						src: chevronDownIcon,
+						alt: "",
+						width: 12,
+						height: 12,
+						className: cn("text-muted-foreground group-hover:text-primary h-2.5 w-2.5 transition-colors duration-200", hideDownIcon && "opacity-0", sortData?.column !== sortBy && "group-hover:opacity-100")
+					})]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/components/orders-list.tsx
+function OrdersList({ customerId, onOrderClick, onSubscriptionClick, t, pageSize = 10 }) {
+	const [cursor, setCursor] = useState(null);
+	const [currentPage, setCurrentPage] = useState(1);
+	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);
+		setCurrentPage(1);
+	}, []);
+	const handleNextPage = useCallback(() => {
+		const nextCursor = data?.meta?.pagination?.next_cursor;
+		if (nextCursor) {
+			setCursor(nextCursor);
+			setCurrentPage((p) => p + 1);
+		}
+	}, [data?.meta?.pagination?.next_cursor]);
+	const handlePrevPage = useCallback(() => {
+		const prevCursor = data?.meta?.pagination?.prev_cursor;
+		if (prevCursor) {
+			setCursor(prevCursor);
+			setCurrentPage((p) => Math.max(1, p - 1));
+		} else {
+			setCursor(null);
+			setCurrentPage(1);
+		}
+	}, [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 ?? Math.max(1, Math.ceil(totalItems / pageSize));
+	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: "flex justify-end p-3",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "w-full max-w-sm",
+					children: /* @__PURE__ */ jsx(SearchSort, {
+						searchValue: 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?.subscription_token && 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-3 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.order_status === "completed" || order.order_status === "delivered" || order.order_status === "shipped" ? "green" : order.order_status === "cancelled" || order.order_status === "returned" ? "red" : "yellow",
+											size: "xs",
+											children: order.order_status
+										})] }),
+										/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+											className: "text-muted-foreground block text-xs",
+											children: t("total")
+										}), /* @__PURE__ */ jsx("span", {
+											className: "text-foreground font-medium",
+											children: formatOrderTotal(order)
+										})] })
+									]
+								})
+							]
+						})]
+					})
+				}, order.id))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "hidden md:block",
+				children: /* @__PURE__ */ jsxs(Table$1, {
+					className: "min-w-full table-fixed",
+					children: [
+						/* @__PURE__ */ jsxs("colgroup", { children: [
+							/* @__PURE__ */ jsx("col", { className: "w-2/5 min-w-[240px]" }),
+							/* @__PURE__ */ jsx("col", { className: "w-[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__ */ jsxs("div", {
+										className: "flex items-center space-x-2",
+										children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
+									})
+								}),
+								/* @__PURE__ */ jsx(TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+								}),
+								/* @__PURE__ */ jsx(TableCell, {
+									className: "px-3 py-4",
+									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-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: searchTerm ? t("no_matching_orders") : t("no_orders_found")
+							}) }) : ordersList.map((order) => /* @__PURE__ */ jsxs(TableRow, {
+								className: "cursor-pointer",
+								onClick: () => onOrderClick(order),
+								children: [
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "text-muted-foreground px-3 py-4 text-sm",
+										children: /* @__PURE__ */ jsxs("div", {
+											className: "flex max-w-[280px] flex-row items-center space-x-3",
+											children: [order.first_item?.image_url ? /* @__PURE__ */ jsx("img", {
+												src: order.first_item.image_url,
+												alt: t("no_image_available"),
+												width: 42,
+												height: 42,
+												className: "h-[42px] w-[42px] flex-shrink-0 rounded-md object-cover"
+											}) : /* @__PURE__ */ jsx("div", { className: "bg-border ml-1 h-9 w-9 flex-shrink-0 rounded-md" }), /* @__PURE__ */ jsxs("div", {
+												className: "flex min-w-0 flex-col space-y-1",
+												children: [/* @__PURE__ */ jsxs("div", {
+													className: "flex items-center space-x-2",
+													children: [order.first_item?.title ? /* @__PURE__ */ jsx("span", {
+														className: "text-foreground truncate text-sm font-medium",
+														children: order.first_item.title
+													}) : /* @__PURE__ */ jsx("div", {
+														className: "bg-muted w-full rounded-lg p-2",
+														children: /* @__PURE__ */ jsx("div", {
+															className: "text-muted-foreground text-xs",
+															children: t("this_product_no_longer_exists")
+														})
+													}), order.subscription && /* @__PURE__ */ jsx(StatusBadge, {
+														color: "blue",
+														size: "xs",
+														className: "flex-shrink-0",
+														children: t("subscription")
+													})]
+												}), order.subscription?.subscription_token && onSubscriptionClick && /* @__PURE__ */ jsx("button", {
+													type: "button",
+													className: "text-foreground hover:text-foreground/80 text-left text-xs transition-colors duration-200 hover:underline",
+													onClick: (e) => {
+														e.stopPropagation();
+														onSubscriptionClick(order.subscription.subscription_token);
+													},
+													children: t("view_subscription")
+												})]
+											})]
+										})
+									}),
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "text-muted-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: new Date(order.created_at).toLocaleDateString()
+									}),
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "px-3 py-4 text-sm",
+										children: /* @__PURE__ */ jsx(StatusBadge, {
+											color: order.order_status === "completed" || order.order_status === "delivered" || order.order_status === "shipped" ? "green" : order.order_status === "cancelled" || order.order_status === "returned" ? "red" : "yellow",
+											size: "xs",
+											children: order.order_status
+										})
+									}),
+									/* @__PURE__ */ jsx(TableCell, {
+										className: "text-foreground px-3 py-4 text-sm whitespace-nowrap",
+										children: formatOrderTotal(order)
+									})
+								]
+							}, order.id))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(PaginationFooter, {
+				currentPage,
+				totalPages,
+				pageSize,
+				totalItems,
+				cursorPaginationMode: true,
+				hasNextPage,
+				hasPrevPage,
+				onCursorNext: handleNextPage,
+				onCursorPrev: handlePrevPage
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../orders/ui/src/lib/format.ts
+function startCase(str) {
+	if (!str) return "";
+	return str.replace(/_/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+}
+//#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
+export { usePortalTenantOrder as a, PaginationFooter as i, OrdersList as n, OrdersCoreProvider as o, TableColumn as r, OrderStatusBadge as t };
+//# sourceMappingURL=order-status-badge-CzCxrkzq.mjs.map