@fluid-app/portal-sdk 0.1.149 → 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 (90) hide show
  1. package/dist/{AppDownloadScreen-sGvzVEOC.cjs → AppDownloadScreen-CjKkw4Fg.cjs} +2 -2
  2. package/dist/{AppDownloadScreen-sGvzVEOC.cjs.map → AppDownloadScreen-CjKkw4Fg.cjs.map} +1 -1
  3. package/dist/{AppDownloadScreen-D8Y7JAgO.mjs → AppDownloadScreen-DRnjxlvT.mjs} +2 -2
  4. package/dist/{AppDownloadScreen-D8Y7JAgO.mjs.map → AppDownloadScreen-DRnjxlvT.mjs.map} +1 -1
  5. package/dist/{AppDownloadScreen-B1_C7kjK.cjs → AppDownloadScreen-ooVsEvs8.cjs} +2 -2
  6. package/dist/{ContactsScreen-DuKE5ruf.cjs → ContactsScreen-BTff-1nA.cjs} +2 -2
  7. package/dist/{ContactsScreen-DtABz7O7.mjs → ContactsScreen-Cy5bom0o.mjs} +2 -2
  8. package/dist/{ContactsScreen-DtABz7O7.mjs.map → ContactsScreen-Cy5bom0o.mjs.map} +1 -1
  9. package/dist/{ContactsScreen-psnV3fcP.cjs → ContactsScreen-IfYXlJhs.cjs} +2 -2
  10. package/dist/{ContactsScreen-psnV3fcP.cjs.map → ContactsScreen-IfYXlJhs.cjs.map} +1 -1
  11. package/dist/{FluidProvider-BbMqSBkY.mjs → FluidProvider-BdfmEGWq.mjs} +2 -2
  12. package/dist/{FluidProvider-BbMqSBkY.mjs.map → FluidProvider-BdfmEGWq.mjs.map} +1 -1
  13. package/dist/{FluidProvider-C6WODD6y.cjs → FluidProvider-DNrnrUMP.cjs} +2 -2
  14. package/dist/{FluidProvider-C6WODD6y.cjs.map → FluidProvider-DNrnrUMP.cjs.map} +1 -1
  15. package/dist/{MessagingScreen-gbTy8V_o.mjs → MessagingScreen-B90e8S3J.mjs} +3 -3
  16. package/dist/{MessagingScreen-gbTy8V_o.mjs.map → MessagingScreen-B90e8S3J.mjs.map} +1 -1
  17. package/dist/{MessagingScreen-DSU_xyHK.cjs → MessagingScreen-J0CN90BV.cjs} +3 -3
  18. package/dist/{MessagingScreen-DSU_xyHK.cjs.map → MessagingScreen-J0CN90BV.cjs.map} +1 -1
  19. package/dist/{MessagingScreen-B5lqBpVo.cjs → MessagingScreen-mVyTAxP0.cjs} +2 -2
  20. package/dist/{OrdersScreen-BXlGNk8k.cjs → OrdersScreen-CwrDNuJd.cjs} +85 -235
  21. package/dist/OrdersScreen-CwrDNuJd.cjs.map +1 -0
  22. package/dist/{OrdersScreen-B4xeL-Kg.mjs → OrdersScreen-DWBMyuuW.mjs} +87 -237
  23. package/dist/OrdersScreen-DWBMyuuW.mjs.map +1 -0
  24. package/dist/{OrdersScreen-CR2NZAGm.cjs → OrdersScreen-Ygf_IvG8.cjs} +3 -2
  25. package/dist/{ProductsScreen-DG_SMNs5.cjs → ProductsScreen-B9h7P0pF.cjs} +3 -3
  26. package/dist/{ProductsScreen-C8wwsfu0.cjs → ProductsScreen-BiTzo11P.cjs} +3 -3
  27. package/dist/{ProductsScreen-C8wwsfu0.cjs.map → ProductsScreen-BiTzo11P.cjs.map} +1 -1
  28. package/dist/{ProductsScreen--hkyw5c3.mjs → ProductsScreen-R8wkxAQz.mjs} +3 -3
  29. package/dist/{ProductsScreen--hkyw5c3.mjs.map → ProductsScreen-R8wkxAQz.mjs.map} +1 -1
  30. package/dist/{ProductsScreen-IbgDLX51.mjs → ProductsScreen-icFY3n_C.mjs} +3 -8
  31. package/dist/{ProfileScreen-CvtEh4hl.cjs → ProfileScreen-DT_ihepQ.cjs} +2 -2
  32. package/dist/{ProfileScreen-B3bK-8Lp.mjs → ProfileScreen-OKbwvvjy.mjs} +2 -2
  33. package/dist/{ProfileScreen-B3bK-8Lp.mjs.map → ProfileScreen-OKbwvvjy.mjs.map} +1 -1
  34. package/dist/{ProfileScreen-k9HsbdhW.cjs → ProfileScreen-Spy0wH4C.cjs} +2 -2
  35. package/dist/{ProfileScreen-k9HsbdhW.cjs.map → ProfileScreen-Spy0wH4C.cjs.map} +1 -1
  36. package/dist/{ShareablesScreen-Caf2fI3S.cjs → ShareablesScreen-BTvAr7Ok.cjs} +3 -3
  37. package/dist/{ShareablesScreen-B8ZsEkgi.mjs → ShareablesScreen-CHmLiKBq.mjs} +4 -4
  38. package/dist/{ShareablesScreen-B8ZsEkgi.mjs.map → ShareablesScreen-CHmLiKBq.mjs.map} +1 -1
  39. package/dist/{ShareablesScreen-B0JMhiKA.cjs → ShareablesScreen-DzN2T7WM.cjs} +4 -4
  40. package/dist/{ShareablesScreen-B0JMhiKA.cjs.map → ShareablesScreen-DzN2T7WM.cjs.map} +1 -1
  41. package/dist/{ShareablesScreen-C2zLeoy7.mjs → ShareablesScreen-bDjb5T1-.mjs} +3 -9
  42. package/dist/{ShopScreen-BVD2rPsc.cjs → ShopScreen-BW2Dx21M.cjs} +5 -5
  43. package/dist/ShopScreen-BW2Dx21M.cjs.map +1 -0
  44. package/dist/{ShopScreen-DGQuhCjL.cjs → ShopScreen-DnZsZ9_o.cjs} +2 -2
  45. package/dist/{ShopScreen-gE3t8H83.mjs → ShopScreen-DzloqmdT.mjs} +5 -5
  46. package/dist/ShopScreen-DzloqmdT.mjs.map +1 -0
  47. package/dist/{SubscriptionsScreen-OkgAzsMr.cjs → SubscriptionsScreen-9rur531Y.cjs} +4 -4
  48. package/dist/SubscriptionsScreen-9rur531Y.cjs.map +1 -0
  49. package/dist/{SubscriptionsScreen-CU49ip-B.cjs → SubscriptionsScreen-CSiEOTPS.cjs} +2 -2
  50. package/dist/{SubscriptionsScreen-B5uCnkDP.mjs → SubscriptionsScreen-DpPl_eEV.mjs} +4 -4
  51. package/dist/SubscriptionsScreen-DpPl_eEV.mjs.map +1 -0
  52. package/dist/index.cjs +32 -32
  53. package/dist/index.mjs +32 -32
  54. package/dist/order-status-badge-C5K03hR8.cjs +592 -0
  55. package/dist/order-status-badge-C5K03hR8.cjs.map +1 -0
  56. package/dist/order-status-badge-CzCxrkzq.mjs +556 -0
  57. package/dist/order-status-badge-CzCxrkzq.mjs.map +1 -0
  58. package/dist/{portal_tenant-z_4uJF7r.cjs → portal_tenant-BTRzzEQu.cjs} +5 -5
  59. package/dist/portal_tenant-BTRzzEQu.cjs.map +1 -0
  60. package/dist/{portal_tenant-D9tdph5J.mjs → portal_tenant-BuhowW58.mjs} +5 -5
  61. package/dist/portal_tenant-BuhowW58.mjs.map +1 -0
  62. package/dist/{use-current-user-Cj2_q6uf.mjs → use-current-user-CdCeH7yF.mjs} +2 -2
  63. package/dist/{use-current-user-Cj2_q6uf.mjs.map → use-current-user-CdCeH7yF.mjs.map} +1 -1
  64. package/dist/{use-current-user-0N-2bZRJ.cjs → use-current-user-cyO8A9sS.cjs} +2 -2
  65. package/dist/{use-current-user-0N-2bZRJ.cjs.map → use-current-user-cyO8A9sS.cjs.map} +1 -1
  66. package/dist/{use-fluid-api-DzyyTeeh.mjs → use-fluid-api-BEaf_TzG.mjs} +2 -2
  67. package/dist/{use-fluid-api-DzyyTeeh.mjs.map → use-fluid-api-BEaf_TzG.mjs.map} +1 -1
  68. package/dist/{use-fluid-api-gTgB7jKG.cjs → use-fluid-api-BjIXhuT7.cjs} +2 -2
  69. package/dist/{use-fluid-api-gTgB7jKG.cjs.map → use-fluid-api-BjIXhuT7.cjs.map} +1 -1
  70. package/dist/{use-portal-products-client-CYenp38s.cjs → use-portal-products-client-BDE9BflI.cjs} +2 -2
  71. package/dist/{use-portal-products-client-CYenp38s.cjs.map → use-portal-products-client-BDE9BflI.cjs.map} +1 -1
  72. package/dist/{use-portal-products-client-cK-Vbzv_.mjs → use-portal-products-client-DBxWCLx0.mjs} +2 -2
  73. package/dist/{use-portal-products-client-cK-Vbzv_.mjs.map → use-portal-products-client-DBxWCLx0.mjs.map} +1 -1
  74. package/dist/{use-portal-shareables-api-CwSezl14.cjs → use-portal-shareables-api-CH38IaKt.cjs} +3 -3
  75. package/dist/{use-portal-shareables-api-CwSezl14.cjs.map → use-portal-shareables-api-CH38IaKt.cjs.map} +1 -1
  76. package/dist/{use-portal-shareables-api-CCRQARQM.mjs → use-portal-shareables-api-CaXsju8A.mjs} +3 -3
  77. package/dist/{use-portal-shareables-api-CCRQARQM.mjs.map → use-portal-shareables-api-CaXsju8A.mjs.map} +1 -1
  78. package/package.json +14 -14
  79. package/dist/OrdersScreen-B4xeL-Kg.mjs.map +0 -1
  80. package/dist/OrdersScreen-BXlGNk8k.cjs.map +0 -1
  81. package/dist/ShopScreen-BVD2rPsc.cjs.map +0 -1
  82. package/dist/ShopScreen-gE3t8H83.mjs.map +0 -1
  83. package/dist/SubscriptionsScreen-B5uCnkDP.mjs.map +0 -1
  84. package/dist/SubscriptionsScreen-OkgAzsMr.cjs.map +0 -1
  85. package/dist/order-status-badge-CCK76FjJ.mjs +0 -262
  86. package/dist/order-status-badge-CCK76FjJ.mjs.map +0 -1
  87. package/dist/order-status-badge-CDdk0tyF.cjs +0 -304
  88. package/dist/order-status-badge-CDdk0tyF.cjs.map +0 -1
  89. package/dist/portal_tenant-D9tdph5J.mjs.map +0 -1
  90. package/dist/portal_tenant-z_4uJF7r.cjs.map +0 -1
@@ -1,5 +1,5 @@
1
1
  require("./chunk-9hOWP6kD.cjs");
2
- require("./FluidProvider-C6WODD6y.cjs");
2
+ require("./FluidProvider-DNrnrUMP.cjs");
3
3
  require("./countries-api-context-Cllm9Vs3.cjs");
4
4
  require("./PointsWidget-y97Di8lr.cjs");
5
5
  require("./error-state-C_P7Brd2.cjs");
@@ -34,7 +34,7 @@ require("./SpacerWidget-CeK5LUCB.cjs");
34
34
  require("./TableWidget-ClKJOfOs.cjs");
35
35
  require("./ToDoWidget-Ci1sonDp.cjs");
36
36
  require("./VideoWidget-BsKyKf0O.cjs");
37
- const require_MessagingScreen = require("./MessagingScreen-DSU_xyHK.cjs");
37
+ const require_MessagingScreen = require("./MessagingScreen-J0CN90BV.cjs");
38
38
  require("./dist-C-JA9EGF.cjs");
39
39
  require("./es-D_ZSl548.cjs");
40
40
  exports.MessagingScreen = require_MessagingScreen.MessagingScreen;
@@ -1,209 +1,14 @@
1
1
  require("./chunk-9hOWP6kD.cjs");
2
- const require_portal_tenant = require("./portal_tenant-z_4uJF7r.cjs");
2
+ const require_portal_tenant = require("./portal_tenant-BTRzzEQu.cjs");
3
3
  const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-B_cJW53Y.cjs");
4
4
  const require_src = require("./src-DvJ4o9Sq.cjs");
5
5
  const require_ScreenHeaderContext = require("./ScreenHeaderContext-DRIKmM2G.cjs");
6
6
  const require_AppNavigationContext = require("./AppNavigationContext-Cenx07xI.cjs");
7
- const require_order_status_badge = require("./order-status-badge-CDdk0tyF.cjs");
7
+ const require_order_status_badge = require("./order-status-badge-C5K03hR8.cjs");
8
8
  let react = require("react");
9
9
  let react_jsx_runtime = require("react/jsx-runtime");
10
- //#region ../../orders/ui/src/components/portal-orders-list.tsx
11
- function formatTotal(order) {
12
- return `${order.currency} ${Number(order.total).toFixed(2)}`;
13
- }
14
- function PortalOrdersList({ onOrderClick, t, pageSize = 10 }) {
15
- const [cursor, setCursor] = (0, react.useState)(null);
16
- const { data, isLoading } = require_order_status_badge.usePortalTenantOrders({
17
- limit: pageSize,
18
- cursor: cursor || void 0
19
- });
20
- const handleNextPage = (0, react.useCallback)(() => {
21
- const nextCursor = data?.meta?.pagination?.next_cursor;
22
- if (nextCursor) setCursor(nextCursor);
23
- }, [data?.meta?.pagination?.next_cursor]);
24
- const handlePrevPage = (0, react.useCallback)(() => {
25
- const prevCursor = data?.meta?.pagination?.prev_cursor;
26
- if (prevCursor) setCursor(prevCursor);
27
- else setCursor(null);
28
- }, [data?.meta?.pagination?.prev_cursor]);
29
- const ordersList = data?.orders || [];
30
- const pagination = data?.meta?.pagination;
31
- const totalItems = ordersList.length;
32
- const hasNextPage = !!pagination?.next_cursor;
33
- const hasPrevPage = !!pagination?.prev_cursor;
34
- const firstItem = (order) => order.line_items[0];
35
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
36
- className: "border-border overflow-hidden rounded-lg border shadow-sm",
37
- children: [
38
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
39
- className: "block md:hidden",
40
- children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
41
- className: "border-border border-b p-4",
42
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
43
- className: "flex space-x-3",
44
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-12 w-12 rounded-md" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45
- className: "flex-1 space-y-2",
46
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-3 w-1/2" })]
47
- })]
48
- })
49
- }, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
50
- className: "text-muted-foreground px-3 py-8 text-center text-sm",
51
- children: t("no_orders_found")
52
- }) : ordersList.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
53
- className: "border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0",
54
- onClick: () => onOrderClick(order),
55
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
56
- className: "flex items-start space-x-3",
57
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-border h-12 w-12 flex-shrink-0 rounded-md" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
58
- className: "w-0 min-w-0 flex-1",
59
- children: [firstItem(order) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
60
- className: "text-foreground truncate text-sm font-medium",
61
- children: firstItem(order)?.product_name
62
- }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
63
- className: "bg-muted rounded-lg p-2",
64
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
65
- className: "text-muted-foreground text-xs",
66
- children: t("this_product_no_longer_exists")
67
- })
68
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
69
- className: "mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm",
70
- children: [
71
- /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
72
- className: "text-muted-foreground block text-xs",
73
- children: t("date")
74
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
75
- className: "text-muted-foreground",
76
- children: new Date(order.created_at).toLocaleDateString()
77
- })] }),
78
- /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
79
- className: "text-muted-foreground block text-xs",
80
- children: t("status")
81
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.StatusBadge, {
82
- color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
83
- size: "xs",
84
- children: order.status
85
- })] }),
86
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
87
- className: "col-span-2 mt-1",
88
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
89
- className: "text-foreground font-medium",
90
- children: formatTotal(order)
91
- })
92
- })
93
- ]
94
- })]
95
- })]
96
- })
97
- }, order.id))
98
- }),
99
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
100
- className: "hidden md:block",
101
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Table, {
102
- className: "min-w-full table-fixed",
103
- children: [
104
- /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
105
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-2/5 min-w-[240px]" }),
106
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" }),
107
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" }),
108
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-[20%] min-w-[100px]" })
109
- ] }),
110
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableHeader, {
111
- className: "bg-muted",
112
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, {
113
- className: "hover:bg-muted h-10",
114
- children: [
115
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
116
- label: t("product"),
117
- sortable: false
118
- }),
119
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
120
- label: t("date"),
121
- sortable: false
122
- }),
123
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
124
- label: t("status"),
125
- sortable: false
126
- }),
127
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.TableColumn, {
128
- label: t("total"),
129
- sortable: false
130
- })
131
- ]
132
- })
133
- }),
134
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableBody, {
135
- className: "bg-background",
136
- children: isLoading ? Array(5).fill(0).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, { children: [
137
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
138
- className: "px-3 py-4",
139
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-32" })
140
- }),
141
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
142
- className: "px-3 py-4",
143
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })
144
- }),
145
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
146
- className: "px-3 py-4",
147
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-20" })
148
- }),
149
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
150
- className: "px-3 py-4",
151
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })
152
- })
153
- ] }, `skeleton-${index}`)) : ordersList.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
154
- colSpan: 4,
155
- className: "text-muted-foreground px-3 py-8 text-center text-sm",
156
- children: t("no_orders_found")
157
- }) }) : ordersList.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TableRow, {
158
- className: "cursor-pointer",
159
- onClick: () => onOrderClick(order),
160
- children: [
161
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
162
- className: "text-foreground px-3 py-4 text-sm font-medium",
163
- children: firstItem(order)?.product_name ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
164
- className: "text-muted-foreground italic",
165
- children: t("this_product_no_longer_exists")
166
- })
167
- }),
168
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
169
- className: "text-muted-foreground px-3 py-4 text-sm whitespace-nowrap",
170
- children: new Date(order.created_at).toLocaleDateString()
171
- }),
172
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
173
- className: "px-3 py-4 text-sm",
174
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.StatusBadge, {
175
- color: order.status === "delivered" || order.status === "shipped" ? "green" : order.status === "cancelled" || order.status === "returned" ? "red" : "yellow",
176
- size: "xs",
177
- children: order.status
178
- })
179
- }),
180
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TableCell, {
181
- className: "text-foreground px-3 py-4 text-sm whitespace-nowrap",
182
- children: formatTotal(order)
183
- })
184
- ]
185
- }, order.id))
186
- })
187
- ]
188
- })
189
- }),
190
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.PaginationFooter, {
191
- currentPage: 1,
192
- totalPages: 1,
193
- pageSize,
194
- totalItems,
195
- cursorPaginationMode: true,
196
- hasNextPage,
197
- hasPrevPage,
198
- onCursorNext: handleNextPage,
199
- onCursorPrev: handlePrevPage
200
- })
201
- ]
202
- });
203
- }
204
- //#endregion
205
- //#region ../../orders/ui/src/screens/PortalOrdersListScreen.tsx
206
- function PortalOrdersListScreen({ onOrderClick, t, pageSize }) {
10
+ //#region ../../orders/ui/src/screens/OrdersListScreen.tsx
11
+ function OrdersListScreen$1({ customerId, onOrderClick, onSubscriptionClick, t, isLoadingCustomer }) {
207
12
  require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
208
13
  className: "text-lg",
209
14
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
@@ -211,25 +16,26 @@ function PortalOrdersListScreen({ onOrderClick, t, pageSize }) {
211
16
  children: "Orders"
212
17
  }) })
213
18
  }) }), []));
19
+ if (isLoadingCustomer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
20
+ className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
21
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
22
+ className: "space-y-3",
23
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-10 animate-pulse rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-64 animate-pulse rounded" })]
24
+ })
25
+ });
214
26
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
215
27
  className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
216
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalOrdersList, {
28
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.OrdersList, {
29
+ customerId,
217
30
  onOrderClick,
218
- t,
219
- pageSize
31
+ onSubscriptionClick,
32
+ t
220
33
  })
221
34
  });
222
35
  }
223
36
  //#endregion
224
37
  //#region ../../orders/api-client/src/portal-tenant-adapter.ts
225
- /**
226
- * Creates an OrdersApi adapter backed by the portal-tenant BFF.
227
- *
228
- * Maps the generated portal-tenant namespace functions to the abstract
229
- * OrdersApi port, closing over the FetchClient so consumers don't need
230
- * to pass it per-call.
231
- */
232
- function mapOrder(raw) {
38
+ function mapToPortalTenantOrder(raw) {
233
39
  return {
234
40
  id: raw.id ?? 0,
235
41
  token: raw.token ?? "",
@@ -246,22 +52,55 @@ function mapOrder(raw) {
246
52
  })),
247
53
  customer_name: raw.customer_name ?? null,
248
54
  customer_email: raw.customer_email ?? null,
55
+ subscription_order: raw.subscription_order ?? false,
56
+ subscription_token: raw.subscription_token ?? null,
249
57
  total_points_credited: typeof raw.total_points_credited === "number" ? raw.total_points_credited : void 0,
250
58
  customer_points_balance: typeof raw.customer_points_balance === "number" ? raw.customer_points_balance : void 0,
251
59
  created_at: raw.created_at ?? "",
252
60
  updated_at: raw.updated_at ?? ""
253
61
  };
254
62
  }
255
- function mapMeta(raw) {
63
+ function mapToListOrder(raw) {
64
+ const firstLineItem = raw.line_items?.[0];
256
65
  return {
257
- request_id: raw?.request_id ?? "",
258
- timestamp: raw?.timestamp ?? "",
259
- pagination: {
260
- cursor: raw?.pagination?.cursor ?? null,
261
- limit: raw?.pagination?.limit ?? 25,
262
- next_cursor: raw?.pagination?.next_cursor ?? null,
263
- prev_cursor: raw?.pagination?.prev_cursor ?? null
264
- }
66
+ id: raw.id ?? 0,
67
+ external_id: null,
68
+ order_number: "",
69
+ email: raw.customer_email ?? null,
70
+ first_name: raw.customer_name?.split(" ")[0] ?? null,
71
+ last_name: raw.customer_name?.split(" ").slice(1).join(" ") || null,
72
+ amount: raw.total ?? "0",
73
+ status: raw.status ?? "pending",
74
+ order_status: raw.status ?? "pending",
75
+ fulfillment_status: "unfulfilled",
76
+ financial_status: "pending",
77
+ currency_code: raw.currency ?? "",
78
+ note: null,
79
+ token: raw.token ?? "",
80
+ warehouse_id: null,
81
+ source: "web",
82
+ created_at: raw.created_at ?? "",
83
+ updated_at: raw.updated_at ?? "",
84
+ total_display_amount: `${raw.currency ?? ""} ${raw.total ?? "0"}`,
85
+ total_cv: 0,
86
+ total_qv: 0,
87
+ currency_symbol: raw.currency ?? "",
88
+ items_count: raw.line_items?.length ?? 0,
89
+ quantity_count: raw.line_items?.reduce((sum, li) => sum + (li.quantity ?? 0), 0) ?? 0,
90
+ order_on_behalf_of: false,
91
+ sale_date: null,
92
+ customer: null,
93
+ first_item: firstLineItem ? {
94
+ title: firstLineItem.product_name ?? "",
95
+ image_url: ""
96
+ } : null,
97
+ subscription: raw.subscription_order && raw.subscription_token ? {
98
+ subscription_token: raw.subscription_token,
99
+ status: "active"
100
+ } : raw.subscription_order ? {
101
+ subscription_token: "",
102
+ status: "active"
103
+ } : null
265
104
  };
266
105
  }
267
106
  function createPortalTenantOrdersAdapter(client) {
@@ -269,22 +108,33 @@ function createPortalTenantOrdersAdapter(client) {
269
108
  fetchOrderById: async (id) => {
270
109
  const response = await require_portal_tenant.orders_show(client, id);
271
110
  return {
272
- order: mapOrder(response.order ?? {}),
111
+ order: mapToPortalTenantOrder(response.order ?? {}),
273
112
  meta: {
274
113
  request_id: response.meta?.request_id ?? "",
275
114
  timestamp: response.meta?.timestamp ?? ""
276
115
  }
277
116
  };
278
117
  },
279
- fetchOrders: async (params) => {
118
+ fetchCustomerOrders: async (params) => {
280
119
  const response = await require_portal_tenant.orders_list(client, {
281
120
  "page[cursor]": params.cursor,
282
121
  "page[limit]": params.limit,
283
- status: params.status
122
+ status: params.status,
123
+ q: params.search
284
124
  });
285
125
  return {
286
- orders: (response.orders ?? []).map(mapOrder),
287
- meta: mapMeta(response.meta)
126
+ orders: (response.orders ?? []).map(mapToListOrder),
127
+ meta: {
128
+ request_id: response.meta?.request_id ?? "",
129
+ timestamp: response.meta?.timestamp ?? "",
130
+ pagination: {
131
+ cursor: response.meta?.pagination?.cursor ?? null,
132
+ limit: response.meta?.pagination?.limit ?? 25,
133
+ next_cursor: response.meta?.pagination?.next_cursor ?? null,
134
+ prev_cursor: response.meta?.pagination?.prev_cursor ?? null,
135
+ total_count: response.meta?.pagination?.total_count ?? 0
136
+ }
137
+ }
288
138
  };
289
139
  }
290
140
  };
@@ -294,17 +144,11 @@ function createPortalTenantOrdersAdapter(client) {
294
144
  /**
295
145
  * Creates an OrdersApi adapter for the portal-tenant BFF.
296
146
  *
297
- * Delegates to the existing clean adapter in orders/api-client which maps
298
- * BFF responses to PortalTenantOrder types. The legacy methods (fetchOrder,
299
- * fetchCustomerOrders) are not used by portal UI — portal-specific hooks
300
- * call fetchOrders/fetchOrderById directly.
147
+ * Provides fetchOrderById (for PortalOrderDetail) and fetchCustomerOrders
148
+ * (for the shared OrdersList). Other OrdersApi methods remain unset.
301
149
  */
302
150
  function createPortalOrdersAdapter(client) {
303
- const bffAdapter = createPortalTenantOrdersAdapter(client);
304
- return {
305
- fetchOrderById: bffAdapter.fetchOrderById,
306
- fetchOrders: bffAdapter.fetchOrders
307
- };
151
+ return createPortalTenantOrdersAdapter(client);
308
152
  }
309
153
  //#endregion
310
154
  //#region src/screens/OrdersListScreen.tsx
@@ -326,6 +170,7 @@ const translations = {
326
170
  next: "Next",
327
171
  pagination: "Pagination"
328
172
  };
173
+ const BFF_SCOPED_CUSTOMER_ID = 1;
329
174
  function OrdersListScreen() {
330
175
  const client = require_PortalTenantClientProvider.usePortalTenantClient();
331
176
  const ordersApi = (0, react.useMemo)(() => createPortalOrdersAdapter(client), [client]);
@@ -333,10 +178,15 @@ function OrdersListScreen() {
333
178
  const handleOrderClick = (order) => {
334
179
  navigate(`orders/${order.token}`);
335
180
  };
181
+ const handleSubscriptionClick = (subscriptionToken) => {
182
+ navigate(`subscriptions/${subscriptionToken}`);
183
+ };
336
184
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_status_badge.OrdersCoreProvider, {
337
185
  api: ordersApi,
338
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalOrdersListScreen, {
186
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrdersListScreen$1, {
187
+ customerId: BFF_SCOPED_CUSTOMER_ID,
339
188
  onOrderClick: handleOrderClick,
189
+ onSubscriptionClick: handleSubscriptionClick,
340
190
  t: (key) => translations[key] ?? key
341
191
  })
342
192
  });
@@ -676,4 +526,4 @@ Object.defineProperty(exports, "ordersScreenPropertySchema", {
676
526
  }
677
527
  });
678
528
 
679
- //# sourceMappingURL=OrdersScreen-BXlGNk8k.cjs.map
529
+ //# sourceMappingURL=OrdersScreen-CwrDNuJd.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrdersScreen-CwrDNuJd.cjs","names":["OrdersListScreen","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbPage","OrdersList","usePortalTenantClient","useAppNavigation","OrdersCoreProvider","OrdersListScreenContent","Skeleton","OrderStatusBadge","usePortalTenantOrder","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbSeparator","BreadcrumbPage","usePortalTenantClient","useAppNavigation","OrdersCoreProvider","PortalOrderDetailScreenContent","useAppNavigation"],"sources":["../../../orders/ui/src/screens/OrdersListScreen.tsx","../../../orders/api-client/src/portal-tenant-adapter.ts","../src/adapters/orders-api-adapter.ts","../src/screens/OrdersListScreen.tsx","../../../orders/ui/src/components/portal-order-detail.tsx","../../../orders/ui/src/screens/PortalOrderDetailScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { OrdersList } from \"../components/orders-list\";\n\nexport interface OrdersListScreenProps {\n customerId: number | undefined;\n onOrderClick: (order: orders.ListOrder) => void;\n onSubscriptionClick?: (subscriptionToken: string) => void;\n t: (key: string) => string;\n isLoadingCustomer?: boolean;\n}\n\nexport function OrdersListScreen({\n customerId,\n onOrderClick,\n onSubscriptionClick,\n t,\n isLoadingCustomer,\n}: OrdersListScreenProps) {\n const headerBreadcrumbs = useMemo(\n () => (\n <Breadcrumb>\n <BreadcrumbList className=\"text-lg\">\n <BreadcrumbItem>\n <BreadcrumbPage className=\"font-semibold\">Orders</BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n ),\n [],\n );\n useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n if (isLoadingCustomer) {\n return (\n <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n <div className=\"space-y-3\">\n <div className=\"bg-muted h-10 animate-pulse rounded\" />\n <div className=\"bg-muted h-64 animate-pulse rounded\" />\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n <OrdersList\n customerId={customerId}\n onOrderClick={onOrderClick}\n onSubscriptionClick={onSubscriptionClick}\n t={t}\n />\n </div>\n );\n}\n","import type { FetchClient } from \"./lib/fetch-client\";\nimport type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { portalTenant } from \"@fluid-app/portal-tenant-api-client\";\n\n/**\n * Creates an OrdersApi adapter backed by the portal-tenant BFF.\n *\n * Provides two methods:\n * - fetchOrderById → PortalTenantOrderResponse (for PortalOrderDetail screen)\n * - fetchCustomerOrders → CustomerOrdersResponse with ListOrder[] (for shared OrdersList)\n *\n * The BFF uses a single Order schema for both endpoints, but consumers need\n * different shapes: the detail screen works with PortalTenantOrder (matches the\n * BFF's limited data), while the list screen needs the canonical ListOrder so\n * the shared OrdersList component works unchanged.\n */\n\ntype RawOrder = NonNullable<\n Awaited<ReturnType<typeof portalTenant.orders_show>>[\"order\"]\n>;\n\nfunction mapToPortalTenantOrder(raw: RawOrder): orders.PortalTenantOrder {\n return {\n id: raw.id ?? 0,\n token: raw.token ?? \"\",\n status: (raw.status ?? \"pending\") as orders.PortalTenantOrderStatus,\n total: raw.total ?? \"0\",\n currency: raw.currency ?? \"\",\n line_items: (raw.line_items ?? []).map((li) => ({\n id: li.id ?? 0,\n product_id: li.product_id ?? 0,\n product_name: li.product_name ?? \"\",\n quantity: li.quantity ?? 0,\n price: li.price ?? \"0\",\n total: li.total ?? \"0\",\n })),\n customer_name: raw.customer_name ?? null,\n customer_email: raw.customer_email ?? null,\n subscription_order: raw.subscription_order ?? false,\n subscription_token: raw.subscription_token ?? null,\n // These fields are returned by the BFF but not yet in the OpenAPI spec.\n total_points_credited:\n typeof (raw as Record<string, unknown>).total_points_credited === \"number\"\n ? ((raw as Record<string, unknown>).total_points_credited as number)\n : undefined,\n customer_points_balance:\n typeof (raw as Record<string, unknown>).customer_points_balance ===\n \"number\"\n ? ((raw as Record<string, unknown>).customer_points_balance as number)\n : undefined,\n created_at: raw.created_at ?? \"\",\n updated_at: raw.updated_at ?? \"\",\n } satisfies orders.PortalTenantOrder;\n}\n\nfunction mapToListOrder(raw: RawOrder): orders.ListOrder {\n const firstLineItem = raw.line_items?.[0];\n return {\n id: raw.id ?? 0,\n external_id: null,\n order_number: \"\",\n email: raw.customer_email ?? null,\n first_name: raw.customer_name?.split(\" \")[0] ?? null,\n last_name: raw.customer_name?.split(\" \").slice(1).join(\" \") || null,\n amount: raw.total ?? \"0\",\n status: raw.status ?? \"pending\",\n order_status: raw.status ?? \"pending\",\n fulfillment_status: \"unfulfilled\",\n financial_status: \"pending\",\n currency_code: raw.currency ?? \"\",\n note: null,\n token: raw.token ?? \"\",\n warehouse_id: null,\n source: \"web\",\n created_at: raw.created_at ?? \"\",\n updated_at: raw.updated_at ?? \"\",\n total_display_amount: `${raw.currency ?? \"\"} ${raw.total ?? \"0\"}`,\n total_cv: 0,\n total_qv: 0,\n currency_symbol: raw.currency ?? \"\",\n items_count: raw.line_items?.length ?? 0,\n quantity_count:\n raw.line_items?.reduce((sum, li) => sum + (li.quantity ?? 0), 0) ?? 0,\n order_on_behalf_of: false,\n sale_date: null,\n customer: null,\n first_item: firstLineItem\n ? { title: firstLineItem.product_name ?? \"\", image_url: \"\" }\n : null,\n // The BFF indicates subscription_order but doesn't expose the\n // subscription's lifecycle status. We set \"active\" because the order's\n // existence implies the subscription was active at purchase time. The\n // real status is shown on the subscription detail screen.\n subscription:\n raw.subscription_order && raw.subscription_token\n ? { subscription_token: raw.subscription_token, status: \"active\" }\n : raw.subscription_order\n ? { subscription_token: \"\", status: \"active\" }\n : null,\n };\n}\n\nexport function createPortalTenantOrdersAdapter(\n client: FetchClient,\n): Required<Pick<OrdersApi, \"fetchOrderById\" | \"fetchCustomerOrders\">> {\n return {\n fetchOrderById: async (id: string | number) => {\n const response = await portalTenant.orders_show(client, id);\n return {\n order: mapToPortalTenantOrder(response.order ?? {}),\n meta: {\n request_id: response.meta?.request_id ?? \"\",\n timestamp: response.meta?.timestamp ?? \"\",\n },\n } satisfies orders.PortalTenantOrderResponse;\n },\n\n fetchCustomerOrders: async (params: orders.FetchOrdersParams) => {\n const response = await portalTenant.orders_list(client, {\n \"page[cursor]\": params.cursor,\n \"page[limit]\": params.limit,\n status: params.status,\n q: params.search,\n });\n return {\n orders: (response.orders ?? []).map(mapToListOrder),\n meta: {\n request_id: response.meta?.request_id ?? \"\",\n timestamp: response.meta?.timestamp ?? \"\",\n pagination: {\n cursor: response.meta?.pagination?.cursor ?? null,\n limit: response.meta?.pagination?.limit ?? 25,\n next_cursor: response.meta?.pagination?.next_cursor ?? null,\n prev_cursor: response.meta?.pagination?.prev_cursor ?? null,\n total_count: response.meta?.pagination?.total_count ?? 0,\n },\n },\n } satisfies orders.CustomerOrdersResponse;\n },\n };\n}\n","import type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { FetchClient } from \"@fluid-app/portal-tenant-api-client\";\nimport { createPortalTenantOrdersAdapter } from \"@fluid-app/orders-api-client\";\n\n/**\n * Creates an OrdersApi adapter for the portal-tenant BFF.\n *\n * Provides fetchOrderById (for PortalOrderDetail) and fetchCustomerOrders\n * (for the shared OrdersList). Other OrdersApi methods remain unset.\n */\nexport function createPortalOrdersAdapter(client: FetchClient): OrdersApi {\n return createPortalTenantOrdersAdapter(client) as OrdersApi;\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { OrdersListScreen as OrdersListScreenContent } from \"@fluid-app/orders-ui/screens/OrdersListScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n search_orders: \"Search orders...\",\n order_number: \"Order #\",\n date: \"Date\",\n status: \"Status\",\n product: \"Product\",\n no_orders_found: \"No orders found\",\n no_matching_orders: \"No matching orders\",\n no_image_available: \"No image available\",\n this_product_no_longer_exists: \"This product no longer exists\",\n subscription: \"Subscription\",\n view_subscription: \"View Subscription\",\n total: \"Total\",\n results: \"results\",\n previous: \"Previous\",\n next: \"Next\",\n pagination: \"Pagination\",\n};\n\n// The portal-tenant BFF scopes orders to the logged-in user server-side,\n// so customerId is not used by the adapter. We pass a sentinel value to\n// satisfy the enabled guard in useCustomerOrders.\nconst BFF_SCOPED_CUSTOMER_ID = 1;\n\nexport function OrdersListScreen(): React.JSX.Element {\n const client = usePortalTenantClient();\n const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n const { navigate } = useAppNavigation();\n\n const handleOrderClick = (order: orders.ListOrder) => {\n navigate(`orders/${order.token}`);\n };\n\n const handleSubscriptionClick = (subscriptionToken: string) => {\n navigate(`subscriptions/${subscriptionToken}`);\n };\n\n return (\n <OrdersCoreProvider api={ordersApi}>\n <OrdersListScreenContent\n customerId={BFF_SCOPED_CUSTOMER_ID}\n onOrderClick={handleOrderClick}\n onSubscriptionClick={handleSubscriptionClick}\n t={(key) => translations[key] ?? key}\n />\n </OrdersCoreProvider>\n );\n}\n","import { useEffect } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { usePortalTenantOrder } from \"@fluid-app/orders-core\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport { OrderStatusBadge } from \"./order-status-badge\";\n\nexport interface PortalOrderDetailProps {\n id: string | number;\n onNotFound?: () => void;\n onError?: (error: Error) => void;\n}\n\nfunction DetailSkeleton() {\n return (\n <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n <div className=\"w-full max-w-lg py-6\">\n <Skeleton className=\"mb-4 h-6 w-48\" />\n <div className=\"space-y-4\">\n <div className=\"flex items-center space-x-4\">\n <Skeleton className=\"h-24 w-24 rounded\" />\n <div className=\"flex-1 space-y-2\">\n <Skeleton className=\"h-4 w-3/4\" />\n <Skeleton className=\"h-4 w-1/2\" />\n </div>\n </div>\n </div>\n <div className=\"mt-6 space-y-2\">\n <Skeleton className=\"h-4 w-full\" />\n <Skeleton className=\"h-5 w-full\" />\n </div>\n </div>\n </div>\n <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n <Skeleton className=\"mb-4 h-10 w-full rounded\" />\n <div className=\"mt-6 space-y-4\">\n <Skeleton className=\"h-5 w-40\" />\n <Skeleton className=\"h-16 w-full rounded\" />\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nfunction ItemRow({ item }: { item: orders.PortalTenantOrderLineItem }) {\n return (\n <div className=\"flex items-center space-x-4 py-4\">\n <div className=\"relative shrink-0\">\n <div className=\"bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded\">\n No image\n </div>\n {item.quantity > 1 && (\n <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n {item.quantity}\n </span>\n )}\n </div>\n <div className=\"flex min-w-0 flex-1 flex-col space-y-0.5\">\n <p\n className=\"text-foreground truncate text-sm font-medium\"\n title={item.product_name}\n >\n {item.product_name}\n </p>\n <p className=\"text-foreground text-sm font-medium\">{item.total}</p>\n {item.quantity > 1 && (\n <p className=\"text-muted-foreground text-xs\">\n {item.price} x {item.quantity}\n </p>\n )}\n </div>\n </div>\n );\n}\n\nfunction ItemsSection({ order }: { order: orders.PortalTenantOrder }) {\n return (\n <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n <div className=\"flex w-full max-w-lg flex-col\">\n <div className=\"mt-4\">\n <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n Items ({order.line_items.length})\n </h2>\n <hr className=\"border-border\" />\n </div>\n\n <div className=\"divide-border divide-y\">\n {order.line_items.map((item) => (\n <ItemRow key={item.id} item={item} />\n ))}\n </div>\n\n <div className=\"border-border mb-4 border-t pt-4\">\n <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n <p className=\"text-foreground text-base font-bold\">\n {order.currency} {order.total}\n </p>\n </div>\n </div>\n\n {/* TODO: i18n */}\n {/* TODO: gate on reward_points_enabled when available on PortalTenantOrder */}\n {order.total_points_credited != null &&\n order.total_points_credited > 0 && (\n <div className=\"border-border mb-4 border-t pt-4\">\n <div className=\"flex items-baseline justify-between\">\n <div>\n <p className=\"text-foreground text-sm font-semibold\">\n points earned on this order!\n </p>\n {order.customer_points_balance != null && (\n <p className=\"text-muted-foreground text-xs\">\n {order.customer_points_balance.toLocaleString()} points\n total\n </p>\n )}\n </div>\n <div className=\"text-right\">\n <p className=\"text-foreground text-sm font-semibold\">\n +{order.total_points_credited.toLocaleString()}\n </p>\n <p className=\"text-muted-foreground text-xs\">points</p>\n </div>\n </div>\n </div>\n )}\n </div>\n </section>\n );\n}\n\nfunction DetailsSection({ order }: { order: orders.PortalTenantOrder }) {\n return (\n <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n {/* Order Status */}\n <div className=\"border-border mb-6 border-b pb-6\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-muted-foreground text-sm\">Status:</span>\n <OrderStatusBadge status={order.status} />\n </div>\n </div>\n </div>\n\n {/* Order Info */}\n <div className=\"border-border mb-6 border-b pb-6\">\n <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n Order Info\n </h3>\n <div className=\"divide-border flex divide-x\">\n <div className=\"flex-1 pr-4\">\n <div className=\"text-muted-foreground text-sm\">Order</div>\n <div className=\"text-foreground font-medium\">#{order.id}</div>\n </div>\n <div className=\"flex-1 pl-4 text-right\">\n <div className=\"text-muted-foreground text-sm\">Date</div>\n <div className=\"text-foreground font-medium\">\n {new Date(order.created_at).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n })}\n </div>\n </div>\n </div>\n {order.customer_email && (\n <div className=\"mt-3\">\n <div className=\"text-muted-foreground text-sm\">Email</div>\n <div className=\"text-foreground text-sm font-medium\">\n {order.customer_email}\n </div>\n </div>\n )}\n {order.customer_name && (\n <div className=\"mt-3\">\n <div className=\"text-muted-foreground text-sm\">Customer</div>\n <div className=\"text-foreground text-sm font-medium\">\n {order.customer_name}\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n\nexport function PortalOrderDetail({\n id,\n onNotFound,\n onError,\n}: PortalOrderDetailProps) {\n const { data, isLoading, error } = usePortalTenantOrder(id);\n const order = data?.order;\n\n useEffect(() => {\n if (!isLoading && error) {\n onError?.(error as Error);\n }\n }, [isLoading, error, onError]);\n\n useEffect(() => {\n if (!isLoading && !error && !order) {\n onNotFound?.();\n }\n }, [isLoading, error, order, onNotFound]);\n\n if (isLoading) {\n return <DetailSkeleton />;\n }\n\n if (!order) {\n return null;\n }\n\n return (\n <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n <ItemsSection order={order} />\n <DetailsSection order={order} />\n </div>\n );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { PortalOrderDetail } from \"../components/portal-order-detail\";\n\nexport interface PortalOrderDetailScreenProps {\n id: string | number;\n onNavigateToList: () => void;\n onNotFound?: () => void;\n onError?: (error: Error) => void;\n}\n\nexport function PortalOrderDetailScreen({\n id,\n onNavigateToList,\n onNotFound,\n onError,\n}: PortalOrderDetailScreenProps) {\n const headerBreadcrumbs = useMemo(\n () => (\n <Breadcrumb>\n <BreadcrumbList className=\"text-lg\">\n <BreadcrumbItem>\n <BreadcrumbLink\n href=\"#\"\n onClick={(e) => {\n e.preventDefault();\n onNavigateToList();\n }}\n >\n Orders\n </BreadcrumbLink>\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <BreadcrumbPage className=\"font-semibold\">\n Order #{id}\n </BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n ),\n [id, onNavigateToList],\n );\n useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n return (\n <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n <PortalOrderDetail id={id} onNotFound={onNotFound} onError={onError} />\n </div>\n );\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { PortalOrderDetailScreen as PortalOrderDetailScreenContent } from \"@fluid-app/orders-ui/screens/PortalOrderDetailScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n token: string;\n onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n token,\n onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n const client = usePortalTenantClient();\n const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n const { navigate } = useAppNavigation();\n\n return (\n <OrdersCoreProvider api={ordersApi}>\n <PortalOrderDetailScreenContent\n id={token}\n onNavigateToList={() => navigate(\"orders\")}\n onNotFound={() => {\n onToast(\"Order not found\", \"warning\");\n navigate(\"orders\");\n }}\n onError={(err) => {\n const message =\n err instanceof Error ? err.message : \"An error occurred\";\n onToast(`Failed to load order: ${message}`, \"error\");\n }}\n />\n </OrdersCoreProvider>\n );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n ColorOptions,\n PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = ComponentProps<\"div\"> & {\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n if (type === \"error\" || type === \"warning\") {\n console.warn(\"[Orders]\", message);\n } else {\n console.info(\"[Orders]\", message);\n }\n}\n\nexport function OrdersScreen({\n onToast,\n /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n background,\n textColor,\n accentColor,\n padding,\n borderRadius,\n /* eslint-enable @typescript-eslint/no-unused-vars */\n ...divProps\n}: OrdersScreenProps): React.JSX.Element {\n const { currentSlug } = useAppNavigation();\n const effectiveToast = onToast ?? defaultToast;\n\n // Parse slug: \"orders\" → list, \"orders/{token}\" → detail\n const detailToken = currentSlug.split(\"/\")[1];\n const isDetailView = detailToken !== undefined;\n\n if (isDetailView) {\n return (\n <div {...divProps}>\n <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\n </div>\n );\n }\n\n return (\n <div {...divProps}>\n <OrdersListScreen />\n </div>\n );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n widgetType: \"OrdersScreen\",\n displayName: \"Orders Screen\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}