@burdenoff/microfe-coolandlovely 2026.1024.4 → 2026.1027.1

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 (40) hide show
  1. package/dist/coolandlovely/CoolAndLovelyRoutes.d.ts.map +1 -1
  2. package/dist/coolandlovely/CoolAndLovelyRoutes.js +20 -12
  3. package/dist/coolandlovely/CoolAndLovelyRoutes.js.map +1 -1
  4. package/dist/coolandlovely/components/FulfilmentTimeline.d.ts +7 -0
  5. package/dist/coolandlovely/components/FulfilmentTimeline.d.ts.map +1 -0
  6. package/dist/coolandlovely/components/FulfilmentTimeline.js +77 -0
  7. package/dist/coolandlovely/components/FulfilmentTimeline.js.map +1 -0
  8. package/dist/coolandlovely/components/RefundPanel.d.ts +8 -0
  9. package/dist/coolandlovely/components/RefundPanel.d.ts.map +1 -0
  10. package/dist/coolandlovely/components/RefundPanel.js +113 -0
  11. package/dist/coolandlovely/components/RefundPanel.js.map +1 -0
  12. package/dist/coolandlovely/components/StatusBadge.d.ts.map +1 -1
  13. package/dist/coolandlovely/components/StatusBadge.js +17 -1
  14. package/dist/coolandlovely/components/StatusBadge.js.map +1 -1
  15. package/dist/coolandlovely/hooks/useBrandOrdersApi.d.ts +12 -0
  16. package/dist/coolandlovely/hooks/useBrandOrdersApi.d.ts.map +1 -0
  17. package/dist/coolandlovely/hooks/useBrandOrdersApi.js +124 -0
  18. package/dist/coolandlovely/hooks/useBrandOrdersApi.js.map +1 -0
  19. package/dist/coolandlovely/hooks/useCommerceApi.d.ts +4 -0
  20. package/dist/coolandlovely/hooks/useCommerceApi.d.ts.map +1 -1
  21. package/dist/coolandlovely/hooks/useCommerceApi.js +28 -23
  22. package/dist/coolandlovely/hooks/useCommerceApi.js.map +1 -1
  23. package/dist/coolandlovely/pages/brands/BrandDetailPage.d.ts.map +1 -1
  24. package/dist/coolandlovely/pages/brands/BrandDetailPage.js +157 -148
  25. package/dist/coolandlovely/pages/brands/BrandDetailPage.js.map +1 -1
  26. package/dist/coolandlovely/pages/commerce/BrandOrdersPage.d.ts +14 -0
  27. package/dist/coolandlovely/pages/commerce/BrandOrdersPage.d.ts.map +1 -0
  28. package/dist/coolandlovely/pages/commerce/BrandOrdersPage.js +362 -0
  29. package/dist/coolandlovely/pages/commerce/BrandOrdersPage.js.map +1 -0
  30. package/dist/coolandlovely/pages/commerce/CartPage.js +4 -4
  31. package/dist/coolandlovely/pages/commerce/CreatorEarningsPage.d.ts.map +1 -1
  32. package/dist/coolandlovely/pages/commerce/CreatorEarningsPage.js +108 -106
  33. package/dist/coolandlovely/pages/commerce/CreatorEarningsPage.js.map +1 -1
  34. package/dist/coolandlovely/pages/commerce/OrdersPage.d.ts +2 -1
  35. package/dist/coolandlovely/pages/commerce/OrdersPage.d.ts.map +1 -1
  36. package/dist/coolandlovely/pages/commerce/OrdersPage.js +206 -123
  37. package/dist/coolandlovely/pages/commerce/OrdersPage.js.map +1 -1
  38. package/dist/coolandlovely/types/commerce.d.ts +98 -1
  39. package/dist/coolandlovely/types/commerce.d.ts.map +1 -1
  40. package/package.json +1 -1
@@ -14,12 +14,12 @@ import { Comments as g } from "../../components/Comments.js";
14
14
  import { ActivityTrail as _ } from "../../components/ActivityTrail.js";
15
15
  import { BrandCover as v } from "../../components/BrandCover.js";
16
16
  import { StepTracker as y } from "../../components/StepTracker.js";
17
- import { ArrowLeft as b, ExternalLink as x, Loader2 as S, Pencil as C, Plus as w, Shapes as T, Shirt as E, Store as D } from "lucide-react";
18
- import { useParams as O } from "react-router";
19
- import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
20
- import { GlassCard as M } from "@burdenoff/fe-libs/ui";
17
+ import { ArrowLeft as b, ExternalLink as x, Loader2 as S, Package as C, Pencil as w, Plus as T, Shapes as E, Shirt as D, Store as O } from "lucide-react";
18
+ import { useParams as k } from "react-router";
19
+ import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
20
+ import { GlassCard as N } from "@burdenoff/fe-libs/ui";
21
21
  //#region src/coolandlovely/pages/brands/BrandDetailPage.tsx
22
- var N = {
22
+ var P = {
23
23
  DRAFT: ["PENDING_REVIEW", "ARCHIVED"],
24
24
  PENDING_REVIEW: [
25
25
  "PUBLISHED",
@@ -29,202 +29,211 @@ var N = {
29
29
  PUBLISHED: ["SUSPENDED", "ARCHIVED"],
30
30
  SUSPENDED: ["PUBLISHED", "ARCHIVED"],
31
31
  ARCHIVED: []
32
- }, P = [
32
+ }, F = [
33
33
  "DRAFT",
34
34
  "PENDING_REVIEW",
35
35
  "PUBLISHED"
36
36
  ];
37
- function F(e) {
37
+ function I(e) {
38
38
  let t = e instanceof Error ? e.message : "Transition failed";
39
39
  return /forbidden|permission|not allowed|unauthori[sz]ed/i.test(t) ? "Your role does not permit this action." : t;
40
40
  }
41
- function I() {
42
- let { brandId: I } = O(), { navigateTo: L } = e(), R = r(I), z = i(), B = a();
43
- if (o(I, R.data?.name), R.isLoading) return /* @__PURE__ */ A(n, {
41
+ function L() {
42
+ let { brandId: L } = k(), { navigateTo: R } = e(), z = r(L), B = i(), V = a();
43
+ if (o(L, z.data?.name), z.isLoading) return /* @__PURE__ */ j(n, {
44
44
  title: "Brand",
45
- children: /* @__PURE__ */ A(l, { label: "Loading brand…" })
45
+ children: /* @__PURE__ */ j(l, { label: "Loading brand…" })
46
46
  });
47
- if (R.isError || !R.data) return /* @__PURE__ */ A(n, {
47
+ if (z.isError || !z.data) return /* @__PURE__ */ j(n, {
48
48
  title: "Brand",
49
- children: /* @__PURE__ */ A(c, {
49
+ children: /* @__PURE__ */ j(c, {
50
50
  title: "Brand not found",
51
51
  message: "This storefront could not be loaded or does not exist.",
52
- onRetry: () => void R.refetch()
52
+ onRetry: () => void z.refetch()
53
53
  })
54
54
  });
55
- let V = R.data, H = V.collections ?? [], U = V.items ?? [], W = N[V.status], G = P.includes(V.status) ? P : [...P.slice(0, 1), V.status], K = V.websiteUrl && /^https?:\/\//i.test(V.websiteUrl) ? V.websiteUrl : void 0;
56
- return /* @__PURE__ */ A(n, {
57
- title: V.name,
58
- description: `@${V.handle}`,
59
- children: /* @__PURE__ */ j("div", {
55
+ let H = z.data, U = H.collections ?? [], W = H.items ?? [], G = P[H.status], K = F.includes(H.status) ? F : [...F.slice(0, 1), H.status], q = H.websiteUrl && /^https?:\/\//i.test(H.websiteUrl) ? H.websiteUrl : void 0;
56
+ return /* @__PURE__ */ j(n, {
57
+ title: H.name,
58
+ description: `@${H.handle}`,
59
+ children: /* @__PURE__ */ M("div", {
60
60
  className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
61
- children: [/* @__PURE__ */ j("div", {
61
+ children: [/* @__PURE__ */ M("div", {
62
62
  className: "space-y-6 lg:col-span-2",
63
63
  children: [
64
- /* @__PURE__ */ A(v, {
65
- coverFileId: V.cover?.id,
66
- logoFileId: V.logo?.id,
67
- name: V.name,
68
- seed: V.id,
64
+ /* @__PURE__ */ j(v, {
65
+ coverFileId: H.cover?.id,
66
+ logoFileId: H.logo?.id,
67
+ name: H.name,
68
+ seed: H.id,
69
69
  className: "overflow-hidden rounded-xl border border-border-seam shadow-sm",
70
- overlay: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
70
+ overlay: /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("div", {
71
71
  className: "absolute right-3 top-3 flex flex-wrap items-center justify-end gap-2",
72
- children: [/* @__PURE__ */ j("button", {
73
- type: "button",
74
- onClick: () => L("/brands"),
75
- className: "inline-flex items-center gap-1.5 rounded-lg bg-bg-surface/80 px-3 py-2 text-sm font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface",
76
- children: [/* @__PURE__ */ A(b, { className: "h-4 w-4" }), " Back"]
77
- }), /* @__PURE__ */ j("button", {
78
- type: "button",
79
- onClick: () => L(`/brands/${V.id}/edit`),
80
- className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text shadow-sm transition-colors hover:bg-action-primary-bg/90",
81
- children: [/* @__PURE__ */ A(C, { className: "h-4 w-4" }), " Edit"]
82
- })]
83
- }), /* @__PURE__ */ j("div", {
72
+ children: [
73
+ /* @__PURE__ */ M("button", {
74
+ type: "button",
75
+ onClick: () => R("/brands"),
76
+ className: "inline-flex items-center gap-1.5 rounded-lg bg-bg-surface/80 px-3 py-2 text-sm font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface",
77
+ children: [/* @__PURE__ */ j(b, { className: "h-4 w-4" }), " Back"]
78
+ }),
79
+ /* @__PURE__ */ M("button", {
80
+ type: "button",
81
+ onClick: () => R(`/brand-orders?brand=${H.id}`),
82
+ className: "inline-flex items-center gap-1.5 rounded-lg bg-bg-surface/80 px-3 py-2 text-sm font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface",
83
+ children: [/* @__PURE__ */ j(C, { className: "h-4 w-4" }), " Orders"]
84
+ }),
85
+ /* @__PURE__ */ M("button", {
86
+ type: "button",
87
+ onClick: () => R(`/brands/${H.id}/edit`),
88
+ className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text shadow-sm transition-colors hover:bg-action-primary-bg/90",
89
+ children: [/* @__PURE__ */ j(w, { className: "h-4 w-4" }), " Edit"]
90
+ })
91
+ ]
92
+ }), /* @__PURE__ */ M("div", {
84
93
  className: "absolute inset-x-0 bottom-0 flex items-end gap-3 p-4 sm:gap-4 sm:p-5",
85
- children: [/* @__PURE__ */ A(u, {
86
- icon: /* @__PURE__ */ A(D, { className: "h-7 w-7" }),
87
- seed: V.id,
88
- fileId: V.logo?.id,
89
- alt: `${V.name} logo`,
94
+ children: [/* @__PURE__ */ j(u, {
95
+ icon: /* @__PURE__ */ j(O, { className: "h-7 w-7" }),
96
+ seed: H.id,
97
+ fileId: H.logo?.id,
98
+ alt: `${H.name} logo`,
90
99
  className: "h-16 w-16 shrink-0 rounded-full shadow-md ring-2 ring-bg-surface"
91
- }), /* @__PURE__ */ j("div", {
100
+ }), /* @__PURE__ */ M("div", {
92
101
  className: "min-w-0 pb-1",
93
- children: [/* @__PURE__ */ j("div", {
102
+ children: [/* @__PURE__ */ M("div", {
94
103
  className: "flex flex-wrap items-center gap-x-2 gap-y-0.5",
95
- children: [/* @__PURE__ */ A("h2", {
104
+ children: [/* @__PURE__ */ j("h2", {
96
105
  className: "truncate text-xl font-semibold text-text-primary sm:text-2xl",
97
- children: V.name
98
- }), /* @__PURE__ */ j("span", {
106
+ children: H.name
107
+ }), /* @__PURE__ */ M("span", {
99
108
  className: "text-sm text-text-secondary",
100
- children: ["@", V.handle]
109
+ children: ["@", H.handle]
101
110
  })]
102
- }), V.tagline && /* @__PURE__ */ A("p", {
111
+ }), H.tagline && /* @__PURE__ */ j("p", {
103
112
  className: "mt-1 line-clamp-2 text-sm text-text-primary",
104
- children: V.tagline
113
+ children: H.tagline
105
114
  })]
106
115
  })]
107
116
  })] })
108
117
  }),
109
- /* @__PURE__ */ j("section", {
118
+ /* @__PURE__ */ M("section", {
110
119
  className: "space-y-3",
111
120
  children: [
112
- /* @__PURE__ */ j("div", {
121
+ /* @__PURE__ */ M("div", {
113
122
  className: "flex flex-wrap items-center justify-between gap-3",
114
- children: [V.aesthetics.length > 0 ? /* @__PURE__ */ A(h, {
115
- tags: V.aesthetics.map(p),
123
+ children: [H.aesthetics.length > 0 ? /* @__PURE__ */ j(h, {
124
+ tags: H.aesthetics.map(p),
116
125
  tone: "accent",
117
126
  max: 12
118
- }) : /* @__PURE__ */ A("span", {}), /* @__PURE__ */ A(s, { status: V.status })]
127
+ }) : /* @__PURE__ */ j("span", {}), /* @__PURE__ */ j(s, { status: H.status })]
119
128
  }),
120
- V.bio && /* @__PURE__ */ A("p", {
129
+ H.bio && /* @__PURE__ */ j("p", {
121
130
  className: "text-sm text-text-secondary",
122
- children: V.bio
131
+ children: H.bio
123
132
  }),
124
- V.tags.length > 0 && /* @__PURE__ */ A(h, {
125
- tags: V.tags,
133
+ H.tags.length > 0 && /* @__PURE__ */ j(h, {
134
+ tags: H.tags,
126
135
  max: 12
127
136
  }),
128
- K ? /* @__PURE__ */ j("a", {
129
- href: K,
137
+ q ? /* @__PURE__ */ M("a", {
138
+ href: q,
130
139
  target: "_blank",
131
140
  rel: "noopener noreferrer",
132
141
  className: "inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline",
133
142
  children: [
134
- /* @__PURE__ */ A(x, { className: "h-4 w-4 shrink-0" }),
143
+ /* @__PURE__ */ j(x, { className: "h-4 w-4 shrink-0" }),
135
144
  " ",
136
- /* @__PURE__ */ A("span", {
145
+ /* @__PURE__ */ j("span", {
137
146
  className: "break-all",
138
- children: K
147
+ children: q
139
148
  })
140
149
  ]
141
- }) : V.websiteUrl ? /* @__PURE__ */ A("p", {
150
+ }) : H.websiteUrl ? /* @__PURE__ */ j("p", {
142
151
  className: "break-all text-sm text-text-secondary",
143
- children: V.websiteUrl
152
+ children: H.websiteUrl
144
153
  }) : null
145
154
  ]
146
155
  }),
147
- /* @__PURE__ */ j("section", {
156
+ /* @__PURE__ */ M("section", {
148
157
  className: "mt-6",
149
- children: [/* @__PURE__ */ j("div", {
158
+ children: [/* @__PURE__ */ M("div", {
150
159
  className: "mb-3 flex items-center justify-between gap-2",
151
- children: [/* @__PURE__ */ j("h3", {
160
+ children: [/* @__PURE__ */ M("h3", {
152
161
  className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
153
162
  children: [
154
- /* @__PURE__ */ A(T, { className: "h-5 w-5" }),
163
+ /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
155
164
  " Collections (",
156
- H.length,
165
+ U.length,
157
166
  ")"
158
167
  ]
159
- }), /* @__PURE__ */ j("button", {
168
+ }), /* @__PURE__ */ M("button", {
160
169
  type: "button",
161
- onClick: () => L(`/collections/new?brandId=${V.id}`),
170
+ onClick: () => R(`/collections/new?brandId=${H.id}`),
162
171
  className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
163
- children: [/* @__PURE__ */ A(w, { className: "h-4 w-4" }), " Add collection"]
172
+ children: [/* @__PURE__ */ j(T, { className: "h-4 w-4" }), " Add collection"]
164
173
  })]
165
- }), H.length === 0 ? /* @__PURE__ */ A("p", {
174
+ }), U.length === 0 ? /* @__PURE__ */ j("p", {
166
175
  className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
167
176
  children: "No collections yet."
168
- }) : /* @__PURE__ */ A("div", {
177
+ }) : /* @__PURE__ */ j("div", {
169
178
  className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
170
- children: H.map((e) => /* @__PURE__ */ j("button", {
179
+ children: U.map((e) => /* @__PURE__ */ M("button", {
171
180
  type: "button",
172
- onClick: () => L(`/collections/${e.id}`),
181
+ onClick: () => R(`/collections/${e.id}`),
173
182
  className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 text-left transition-colors hover:bg-bg-sunken/50",
174
183
  children: [
175
- /* @__PURE__ */ A(u, {
176
- icon: /* @__PURE__ */ A(T, { className: "h-5 w-5" }),
184
+ /* @__PURE__ */ j(u, {
185
+ icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
177
186
  seed: e.id,
178
187
  fileId: e.cover?.id,
179
188
  alt: e.name,
180
189
  className: "h-11 w-11 shrink-0"
181
190
  }),
182
- /* @__PURE__ */ j("div", {
191
+ /* @__PURE__ */ M("div", {
183
192
  className: "min-w-0 flex-1",
184
- children: [/* @__PURE__ */ A("p", {
193
+ children: [/* @__PURE__ */ j("p", {
185
194
  className: "truncate text-sm font-medium text-text-primary",
186
195
  children: e.name
187
- }), /* @__PURE__ */ A("p", {
196
+ }), /* @__PURE__ */ j("p", {
188
197
  className: "text-xs text-text-secondary",
189
198
  children: p(e.season)
190
199
  })]
191
200
  }),
192
- /* @__PURE__ */ A(s, { status: e.status })
201
+ /* @__PURE__ */ j(s, { status: e.status })
193
202
  ]
194
203
  }, e.id))
195
204
  })]
196
205
  }),
197
- /* @__PURE__ */ j("section", {
206
+ /* @__PURE__ */ M("section", {
198
207
  className: "mt-6",
199
- children: [/* @__PURE__ */ j("h3", {
208
+ children: [/* @__PURE__ */ M("h3", {
200
209
  className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
201
210
  children: [
202
- /* @__PURE__ */ A(E, { className: "h-5 w-5" }),
211
+ /* @__PURE__ */ j(D, { className: "h-5 w-5" }),
203
212
  " Style items (",
204
- U.length,
213
+ W.length,
205
214
  ")"
206
215
  ]
207
- }), U.length === 0 ? /* @__PURE__ */ A("p", {
216
+ }), W.length === 0 ? /* @__PURE__ */ j("p", {
208
217
  className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
209
218
  children: "No items yet."
210
- }) : /* @__PURE__ */ A("div", {
219
+ }) : /* @__PURE__ */ j("div", {
211
220
  className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
212
- children: U.map((e) => /* @__PURE__ */ j("button", {
221
+ children: W.map((e) => /* @__PURE__ */ M("button", {
213
222
  type: "button",
214
- onClick: () => L(`/items/${e.id}`),
223
+ onClick: () => R(`/items/${e.id}`),
215
224
  className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
216
- children: [/* @__PURE__ */ A(u, {
225
+ children: [/* @__PURE__ */ j(u, {
217
226
  icon: m(e.category, 24),
218
227
  seed: e.id,
219
228
  fileId: e.image?.id,
220
229
  alt: e.name,
221
230
  className: "h-24 w-full"
222
- }), /* @__PURE__ */ j("div", {
231
+ }), /* @__PURE__ */ M("div", {
223
232
  className: "p-3",
224
- children: [/* @__PURE__ */ A("p", {
233
+ children: [/* @__PURE__ */ j("p", {
225
234
  className: "truncate text-sm font-medium text-text-primary",
226
235
  children: e.name
227
- }), /* @__PURE__ */ A("p", {
236
+ }), /* @__PURE__ */ j("p", {
228
237
  className: "mt-0.5 text-xs text-text-secondary",
229
238
  children: f(e.price, e.currency)
230
239
  })]
@@ -233,117 +242,117 @@ function I() {
233
242
  })]
234
243
  })
235
244
  ]
236
- }), /* @__PURE__ */ j("div", {
245
+ }), /* @__PURE__ */ M("div", {
237
246
  className: "space-y-4",
238
247
  children: [
239
- /* @__PURE__ */ j(M, {
248
+ /* @__PURE__ */ M(N, {
240
249
  treatment: "insight",
241
250
  className: "p-5",
242
251
  children: [
243
- /* @__PURE__ */ A("h3", {
252
+ /* @__PURE__ */ j("h3", {
244
253
  className: "mb-3 text-sm font-semibold text-text-primary",
245
254
  children: "Publish lifecycle"
246
255
  }),
247
- /* @__PURE__ */ A(y, {
248
- steps: G,
249
- current: V.status,
256
+ /* @__PURE__ */ j(y, {
257
+ steps: K,
258
+ current: H.status,
250
259
  className: "mb-5"
251
260
  }),
252
- /* @__PURE__ */ j("div", {
261
+ /* @__PURE__ */ M("div", {
253
262
  className: "mb-3 flex items-center gap-2",
254
- children: [/* @__PURE__ */ A("span", {
263
+ children: [/* @__PURE__ */ j("span", {
255
264
  className: "text-sm text-text-secondary",
256
265
  children: "Current:"
257
- }), /* @__PURE__ */ A(s, { status: V.status })]
266
+ }), /* @__PURE__ */ j(s, { status: H.status })]
258
267
  }),
259
- W.length === 0 ? /* @__PURE__ */ A("p", {
268
+ G.length === 0 ? /* @__PURE__ */ j("p", {
260
269
  className: "text-xs text-text-secondary",
261
270
  children: "This brand is archived (terminal state)."
262
- }) : /* @__PURE__ */ A("div", {
271
+ }) : /* @__PURE__ */ j("div", {
263
272
  className: "flex flex-col gap-2",
264
- children: W.map((e) => /* @__PURE__ */ j("button", {
273
+ children: G.map((e) => /* @__PURE__ */ M("button", {
265
274
  type: "button",
266
- disabled: z.isPending,
267
- onClick: () => z.mutate({
268
- id: V.id,
275
+ disabled: B.isPending,
276
+ onClick: () => B.mutate({
277
+ id: H.id,
269
278
  status: e
270
279
  }),
271
280
  className: t("inline-flex items-center justify-center gap-2 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50"),
272
281
  children: [
273
- z.isPending && /* @__PURE__ */ A(S, { className: "h-3.5 w-3.5 animate-spin" }),
282
+ B.isPending && /* @__PURE__ */ j(S, { className: "h-3.5 w-3.5 animate-spin" }),
274
283
  "Move to ",
275
284
  p(e)
276
285
  ]
277
286
  }, e))
278
287
  }),
279
- z.isError && /* @__PURE__ */ A("p", {
288
+ B.isError && /* @__PURE__ */ j("p", {
280
289
  className: "mt-2 text-xs text-status-error-text",
281
- children: F(z.error)
290
+ children: I(B.error)
282
291
  })
283
292
  ]
284
293
  }),
285
- /* @__PURE__ */ j(M, {
294
+ /* @__PURE__ */ M(N, {
286
295
  treatment: "plain",
287
296
  className: "p-5",
288
- children: [/* @__PURE__ */ A("h3", {
297
+ children: [/* @__PURE__ */ j("h3", {
289
298
  className: "mb-3 text-sm font-semibold text-text-primary",
290
299
  children: "Details"
291
- }), /* @__PURE__ */ j("dl", {
300
+ }), /* @__PURE__ */ M("dl", {
292
301
  className: "space-y-2 text-sm",
293
302
  children: [
294
- /* @__PURE__ */ j("div", {
303
+ /* @__PURE__ */ M("div", {
295
304
  className: "flex justify-between gap-2",
296
- children: [/* @__PURE__ */ A("dt", {
305
+ children: [/* @__PURE__ */ j("dt", {
297
306
  className: "text-text-secondary",
298
307
  children: "Handle"
299
- }), /* @__PURE__ */ j("dd", {
308
+ }), /* @__PURE__ */ M("dd", {
300
309
  className: "text-text-primary",
301
- children: ["@", V.handle]
310
+ children: ["@", H.handle]
302
311
  })]
303
312
  }),
304
- /* @__PURE__ */ j("div", {
313
+ /* @__PURE__ */ M("div", {
305
314
  className: "flex items-center justify-between gap-2",
306
- children: [/* @__PURE__ */ A("dt", {
315
+ children: [/* @__PURE__ */ j("dt", {
307
316
  className: "text-text-secondary",
308
317
  children: "Featured"
309
- }), /* @__PURE__ */ j("dd", {
318
+ }), /* @__PURE__ */ M("dd", {
310
319
  className: "flex items-center gap-2",
311
- children: [/* @__PURE__ */ A("button", {
320
+ children: [/* @__PURE__ */ j("button", {
312
321
  type: "button",
313
322
  role: "switch",
314
- "aria-checked": V.isFeatured,
315
- "aria-label": V.isFeatured ? "Unfeature this brand" : "Feature this brand",
316
- disabled: B.isPending,
317
- onClick: () => B.mutate({
318
- id: V.id,
319
- input: { isFeatured: !V.isFeatured }
323
+ "aria-checked": H.isFeatured,
324
+ "aria-label": H.isFeatured ? "Unfeature this brand" : "Feature this brand",
325
+ disabled: V.isPending,
326
+ onClick: () => V.mutate({
327
+ id: H.id,
328
+ input: { isFeatured: !H.isFeatured }
320
329
  }),
321
- className: t("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:opacity-60", V.isFeatured ? "bg-action-primary-bg" : "bg-bg-sunken"),
322
- children: /* @__PURE__ */ A("span", { className: t("inline-block h-4 w-4 rounded-full bg-bg-surface shadow transition-transform", V.isFeatured ? "translate-x-[1.125rem]" : "translate-x-0.5") })
323
- }), B.isPending && /* @__PURE__ */ A(S, { className: "h-3.5 w-3.5 animate-spin text-text-secondary" })]
330
+ className: t("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:opacity-60", H.isFeatured ? "bg-action-primary-bg" : "bg-bg-sunken"),
331
+ children: /* @__PURE__ */ j("span", { className: t("inline-block h-4 w-4 rounded-full bg-bg-surface shadow transition-transform", H.isFeatured ? "translate-x-[1.125rem]" : "translate-x-0.5") })
332
+ }), V.isPending && /* @__PURE__ */ j(S, { className: "h-3.5 w-3.5 animate-spin text-text-secondary" })]
324
333
  })]
325
334
  }),
326
- /* @__PURE__ */ j("div", {
335
+ /* @__PURE__ */ M("div", {
327
336
  className: "flex justify-between gap-2",
328
- children: [/* @__PURE__ */ A("dt", {
337
+ children: [/* @__PURE__ */ j("dt", {
329
338
  className: "text-text-secondary",
330
339
  children: "Created"
331
- }), /* @__PURE__ */ A("dd", {
340
+ }), /* @__PURE__ */ j("dd", {
332
341
  className: "text-text-primary",
333
- children: d(V.createdAt, {
342
+ children: d(H.createdAt, {
334
343
  hour: void 0,
335
344
  minute: void 0
336
345
  })
337
346
  })]
338
347
  }),
339
- /* @__PURE__ */ j("div", {
348
+ /* @__PURE__ */ M("div", {
340
349
  className: "flex justify-between gap-2",
341
- children: [/* @__PURE__ */ A("dt", {
350
+ children: [/* @__PURE__ */ j("dt", {
342
351
  className: "text-text-secondary",
343
352
  children: "Updated"
344
- }), /* @__PURE__ */ A("dd", {
353
+ }), /* @__PURE__ */ j("dd", {
345
354
  className: "text-text-primary",
346
- children: d(V.updatedAt, {
355
+ children: d(H.updatedAt, {
347
356
  hour: void 0,
348
357
  minute: void 0
349
358
  })
@@ -352,13 +361,13 @@ function I() {
352
361
  ]
353
362
  })]
354
363
  }),
355
- /* @__PURE__ */ A(_, {
364
+ /* @__PURE__ */ j(_, {
356
365
  resourceType: "coolandlovely-brand",
357
- resourceId: V.id
366
+ resourceId: H.id
358
367
  }),
359
- /* @__PURE__ */ A(g, {
368
+ /* @__PURE__ */ j(g, {
360
369
  entityType: "CooBrand",
361
- entityId: V.id,
370
+ entityId: H.id,
362
371
  className: "mt-0"
363
372
  })
364
373
  ]
@@ -367,6 +376,6 @@ function I() {
367
376
  });
368
377
  }
369
378
  //#endregion
370
- export { I as BrandDetailPage };
379
+ export { L as BrandDetailPage };
371
380
 
372
381
  //# sourceMappingURL=BrandDetailPage.js.map