@fluid-app/portal-sdk 0.1.157 → 0.1.158

package/dist/index.cjs

@@ -39,28 +39,28 @@ const require_TableWidget = require("./TableWidget-BGRC9zD-.cjs");
 const require_ToDoWidget = require("./ToDoWidget-DFoPleS_.cjs");
 const require_VideoWidget = require("./VideoWidget-D2yvdDrT.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DRIKmM2G.cjs");
-const require_use_account = require("./use-account-D_23WtBc.cjs");
-const require_CustomersScreen = require("./CustomersScreen-CeIiZKrq.cjs");
-const require_AppNavigationContext = require("./AppNavigationContext-r22AeKGk.cjs");
-const require_MessagingScreen = require("./MessagingScreen-lAO4PVqi.cjs");
-const require_ProfileScreen = require("./ProfileScreen-fmUckcMP.cjs");
-require("./dist-DBTvrTYG.cjs");
-require("./es-D2KjfxgY.cjs");
-const require_ContactsScreen = require("./ContactsScreen-Ck5NCh9d.cjs");
-require("./SearchSort-CZvjMXhS.cjs");
-require("./order-status-badge-CwyoXs_m.cjs");
-require("./src-CxI7zckp.cjs");
-require("./dist-Dh18LTcb.cjs");
-const require_OrdersScreen = require("./OrdersScreen-DLjDPnqI.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-CwglxGt2.cjs");
-require("./use-portal-shareables-api-CZ4ELYei.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-DmtFkpDO.cjs");
-require("./dist-Mf7Sx86H.cjs");
-const require_ProductsScreen = require("./ProductsScreen-DTBg7Bm3.cjs");
-const require_MySiteScreen = require("./MySiteScreen-D8YvEYwH.cjs");
-const require_ShopScreen = require("./ShopScreen-BeBh8oUd.cjs");
-require("./UpgradeScreen-Cizm99Om.cjs");
-require("./AppDownloadScreen-36KhhLiw.cjs");
+const require_use_account = require("./use-account-CrgtI83z.cjs");
+const require_CustomersScreen = require("./CustomersScreen-CSLbl2As.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-BiYNDj_X.cjs");
+const require_MessagingScreen = require("./MessagingScreen-CBPjP4du.cjs");
+const require_ProfileScreen = require("./ProfileScreen-DLLLRNB2.cjs");
+require("./dist-thaj08s5.cjs");
+require("./es-xQF-WIMq.cjs");
+const require_ContactsScreen = require("./ContactsScreen-BUjE0Idb.cjs");
+require("./SearchSort--3bVTMB4.cjs");
+require("./order-status-badge-DeAGe2Ur.cjs");
+require("./src-B47XcHTS.cjs");
+require("./dist-BSKQ_GoC.cjs");
+const require_OrdersScreen = require("./OrdersScreen-BpfUvIio.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-RScBCcY0.cjs");
+require("./use-portal-shareables-api-D5D6uIJy.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-ySSwCVSI.cjs");
+require("./dist-Bg8UyHyM.cjs");
+const require_ProductsScreen = require("./ProductsScreen-BCs3YKVk.cjs");
+const require_MySiteScreen = require("./MySiteScreen-Cl6nuU99.cjs");
+const require_ShopScreen = require("./ShopScreen-DhMo8bvP.cjs");
+require("./UpgradeScreen-BlztCeo5.cjs");
+require("./AppDownloadScreen-BSkt2tYd.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -2461,18 +2461,18 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-C01vRpm3.cjs")).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-Dxv6ZQlu.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-BBKc60-g.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-s9HaMQGR.cjs")).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BKQk5wU5.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-D2DmHW7P.cjs")).then((m) => ({ default: m.ShopScreen })));
-const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-CeIiZKrq.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-NmOdT82w.cjs")).then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BMxugV_y.cjs")).then((m) => ({ default: m.ShareablesScreen })));
-const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-DIbwHNbV.cjs")).then((m) => ({ default: m.MySiteScreen })));
-const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-C_CmZez0.cjs")).then((m) => ({ default: m.UpgradeScreen })));
-const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-36KhhLiw.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => ({ default: m.AppDownloadScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-B0KNWXpV.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-OFyr9Wz5.cjs")).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-DMh-GE6n.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-BGqIn-c2.cjs")).then((m) => ({ default: m.MessagingScreen })));
+const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BiQdoJnm.cjs")).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-BkvyW0pE.cjs")).then((m) => ({ default: m.ShopScreen })));
+const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-CSLbl2As.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
+const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-BR9TN4So.cjs")).then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-DbPJOtCF.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-DSDLDnCN.cjs")).then((m) => ({ default: m.MySiteScreen })));
+const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-Bk35epg9.cjs")).then((m) => ({ default: m.UpgradeScreen })));
+const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-BSkt2tYd.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
 	orders: OrdersScreen$1,
@@ -4032,18 +4032,18 @@ zod.z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-C01vRpm3.cjs")).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-s9HaMQGR.cjs")).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-BKQk5wU5.cjs")).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-Dxv6ZQlu.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-BBKc60-g.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
-	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-CeIiZKrq.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-NmOdT82w.cjs")).then((m) => m.productsScreenPropertySchema),
-	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-DIbwHNbV.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BMxugV_y.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-D2DmHW7P.cjs")).then((m) => m.shopScreenPropertySchema),
-	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-C_CmZez0.cjs")).then((m) => m.upgradeScreenPropertySchema),
-	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-36KhhLiw.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-B0KNWXpV.cjs")).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-BGqIn-c2.cjs")).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-BiQdoJnm.cjs")).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-OFyr9Wz5.cjs")).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-DMh-GE6n.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-CSLbl2As.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-BR9TN4So.cjs")).then((m) => m.productsScreenPropertySchema),
+	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-DSDLDnCN.cjs")).then((m) => m.mySiteScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-DbPJOtCF.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-BkvyW0pE.cjs")).then((m) => m.shopScreenPropertySchema),
+	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-Bk35epg9.cjs")).then((m) => m.upgradeScreenPropertySchema),
+	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-BSkt2tYd.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
 * Core page template IDs

package/dist/index.mjs

@@ -19,7 +19,7 @@ import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./Calend
 import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-DrOQVT6K.mjs";
 import "./purify.es-MQBOoEgB.mjs";
 import { an as Button, at as Popover, ct as Collapsible, lt as CollapsibleContent, ot as PopoverContent, st as PopoverTrigger, ut as CollapsibleTrigger } from "./src-BsT7Sq_P.mjs";
-import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-B1MbKdSO.mjs";
+import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-CbmuvlH6.mjs";
 import "./scroll-arrows-EzuBEkDF.mjs";
 import "./MediaRenderer-Or2bLge-.mjs";
 import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-DxutHcbM.mjs";
@@ -39,26 +39,26 @@ import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-
 import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "./ToDoWidget-D0HT_hEL.mjs";
 import { r as videoWidgetPropertySchema, t as VideoWidget } from "./VideoWidget-B9_ccIn2.mjs";
 import { i as useScreenHeaderContext, t as ScreenHeaderProvider } from "./ScreenHeaderContext-DjSO5A8k.mjs";
-import { t as useAccount } from "./use-account-C8jzbwMS.mjs";
-import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-CLJY12Zr.mjs";
-import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-DTdo1dEH.mjs";
-import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BcCYQt5U.mjs";
-import "./dist-C5_jRw34.mjs";
-import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CmnKU--w.mjs";
-import "./SearchSort-BSUeC9WT.mjs";
-import "./order-status-badge-d0x55A3d.mjs";
-import "./src-BOIW-KES.mjs";
-import "./dist-Cl8j9OpJ.mjs";
-import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-CSbbQw2L.mjs";
-import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-Bh6hyLOm.mjs";
-import "./use-portal-shareables-api-DXuaX66a.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-WW2uw8wV.mjs";
-import "./sortable.esm-CzzU6kIR.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-CcRQhx0c.mjs";
-import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-BEbj9K8U.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DQDOi7Xn.mjs";
-import "./UpgradeScreen-BwI6oi93.mjs";
-import "./AppDownloadScreen-WwHX3yXD.mjs";
+import { t as useAccount } from "./use-account-BJhzTl2j.mjs";
+import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-DbaqP6jd.mjs";
+import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-D29xW9Ua.mjs";
+import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BgyrIQdL.mjs";
+import "./dist-CkIGP8my.mjs";
+import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-BOp7_5HV.mjs";
+import "./SearchSort-Bsnis-kb.mjs";
+import "./order-status-badge-DEuMgKkP.mjs";
+import "./src-DAC9DwXZ.mjs";
+import "./dist-C9vpl_rR.mjs";
+import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-C-mM4q1d.mjs";
+import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CiNR7JUC.mjs";
+import "./use-portal-shareables-api-KVPj0Jfr.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-B8cmh8JC.mjs";
+import "./sortable.esm-Cz-CP2N8.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-4WRrJcvw.mjs";
+import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-BT1PBPsH.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BFFGYwdV.mjs";
+import "./UpgradeScreen-D9WpmFa1.mjs";
+import "./AppDownloadScreen-1e6AaZ4X.mjs";
 import * as React$1 from "react";
 import { StrictMode, Suspense, createContext, forwardRef, lazy, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -2459,18 +2459,18 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BcCYQt5U.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-CSbbQw2L.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-Bh6hyLOm.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-B1MbKdSO.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CmnKU--w.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-DQDOi7Xn.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
-const CustomersScreen$1 = lazy(() => import("./CustomersScreen-CLJY12Zr.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = lazy(() => import("./ProductsScreen-MADYD0MH.mjs").then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-BkVWntLq.mjs").then((m) => ({ default: m.ShareablesScreen })));
-const MySiteScreen$1 = lazy(() => import("./MySiteScreen-BEbj9K8U.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
-const UpgradeScreen = lazy(() => import("./UpgradeScreen-BwI6oi93.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
-const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-WwHX3yXD.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BgyrIQdL.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-C-mM4q1d.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CiNR7JUC.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-CbmuvlH6.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
+const ContactsScreen$1 = lazy(() => import("./ContactsScreen-BOp7_5HV.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-BFFGYwdV.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const CustomersScreen$1 = lazy(() => import("./CustomersScreen-DbaqP6jd.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
+const ProductsScreen$1 = lazy(() => import("./ProductsScreen-BwOjfcNL.mjs").then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen--j3RCHXe.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const MySiteScreen$1 = lazy(() => import("./MySiteScreen-BT1PBPsH.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
+const UpgradeScreen = lazy(() => import("./UpgradeScreen-D9WpmFa1.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
+const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-1e6AaZ4X.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
 	orders: OrdersScreen$1,
@@ -4030,18 +4030,18 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-BcCYQt5U.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-B1MbKdSO.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => import("./ContactsScreen-CmnKU--w.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-CSbbQw2L.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-Bh6hyLOm.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
-	CustomersScreen: () => import("./CustomersScreen-CLJY12Zr.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => import("./ProductsScreen-MADYD0MH.mjs").then((m) => m.productsScreenPropertySchema),
-	MySiteScreen: () => import("./MySiteScreen-BEbj9K8U.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-BkVWntLq.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-DQDOi7Xn.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
-	UpgradeScreen: () => import("./UpgradeScreen-BwI6oi93.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
-	AppDownloadScreen: () => import("./AppDownloadScreen-WwHX3yXD.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
+	ProfileScreen: () => import("./ProfileScreen-BgyrIQdL.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-CbmuvlH6.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => import("./ContactsScreen-BOp7_5HV.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-C-mM4q1d.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-CiNR7JUC.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
+	CustomersScreen: () => import("./CustomersScreen-DbaqP6jd.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
+	ProductsScreen: () => import("./ProductsScreen-BwOjfcNL.mjs").then((m) => m.productsScreenPropertySchema),
+	MySiteScreen: () => import("./MySiteScreen-BT1PBPsH.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen--j3RCHXe.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-BFFGYwdV.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	UpgradeScreen: () => import("./UpgradeScreen-D9WpmFa1.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
+	AppDownloadScreen: () => import("./AppDownloadScreen-1e6AaZ4X.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
 * Core page template IDs

package/dist/{order-status-badge-d0x55A3d.mjs → order-status-badge-DEuMgKkP.mjs}

@@ -1,5 +1,5 @@
 import { c as Table$1, d as TableHead, f as TableHeader, l as TableBody, p as TableRow, pn as cn, u as TableCell, y as Skeleton } from "./src-BsT7Sq_P.mjs";
-import { t as SearchSort } from "./SearchSort-BSUeC9WT.mjs";
+import { t as SearchSort } from "./SearchSort-Bsnis-kb.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";
@@ -553,4 +553,4 @@ function OrderStatusBadge({ status, className }) {
 //#endregion
 export { usePortalTenantOrder as a, PaginationFooter as i, OrdersList as n, OrdersCoreProvider as o, TableColumn as r, OrderStatusBadge as t };
 
-//# sourceMappingURL=order-status-badge-d0x55A3d.mjs.map
+//# sourceMappingURL=order-status-badge-DEuMgKkP.mjs.map

package/dist/{order-status-badge-d0x55A3d.mjs.map → order-status-badge-DEuMgKkP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"order-status-badge-d0x55A3d.mjs","names":["Table"],"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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"}
+{"version":3,"file":"order-status-badge-DEuMgKkP.mjs","names":["Table"],"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-CwyoXs_m.cjs → order-status-badge-DeAGe2Ur.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_src = require("./src-Bm9zqmV3.cjs");
-const require_SearchSort = require("./SearchSort-CZvjMXhS.cjs");
+const require_SearchSort = require("./SearchSort--3bVTMB4.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -589,4 +589,4 @@ Object.defineProperty(exports, "usePortalTenantOrder", {
 	}
 });
 
-//# sourceMappingURL=order-status-badge-CwyoXs_m.cjs.map
+//# sourceMappingURL=order-status-badge-DeAGe2Ur.cjs.map