@burdenoff/microfe-coolandlovely 2026.1024.4 → 2026.1026.1

package/dist/coolandlovely/hooks/useCommerceApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCommerceApi.js","names":[],"sources":["../../../src/coolandlovely/hooks/useCommerceApi.ts"],"sourcesContent":["/**\n * Commerce API hooks (BOFF-3370)\n * @module coolandlovely/hooks\n *\n * React Query layer over the self-scoped commerce fields of `wspace-coolandlovely-svc`:\n * the shopper's cart, checkout and orders, and the creator's look commissions + payouts.\n * The client never decides that an order is paid — it opens the provider's checkout that\n * global-billing prepared and then asks the backend to settle against billing's record.\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { useCoolAndLovely } from '../context';\nimport type {\n  CooAddToCartInput,\n  CooCart,\n  CooCheckoutInput,\n  CooCreatorEarningConnection,\n  CooCreatorEarningsSummary,\n  CooCreatorPayout,\n  CooOrder,\n  CooOrderCheckout,\n  CooOrderConnection,\n  CooOrderStatus,\n} from '../types';\nimport { coolQuery } from './useCoolAndLovelyApi';\n\nconst QK = 'coolandlovely';\n\nconst CART_FIELDS = `\n  items {\n    id styleItemId quantity size colour lookId unitPrice currency lineTotal isPurchasable\n    styleItem { id name status image { id } brand { id name } }\n  }\n  itemCount subtotal currency canCheckout blockedReason\n`;\n\nconst ORDER_FIELDS = `\n  id orderNumber status currency subtotal taxAmount total itemCount\n  shippingName shippingAddress buyerNote paymentProvider paidAt cancelledAt createdAt updatedAt\n  items {\n    id styleItemId brandId name sku image { id } size colour unitPrice quantity lineTotal\n    lookId isCreatorAttributed\n  }\n`;\n\nconst CHECKOUT_FIELDS = `\n  order { ${ORDER_FIELDS} }\n  provider providerOrderId razorpayKeyId clientSecret stripePublishableKey subtotal taxAmount total currency\n`;\n\n// ---------------------------------------------------------------------------\n// Cart\n// ---------------------------------------------------------------------------\n\nexport const useMyCart = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'cart'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCart: CooCart }>(\n        `query CooMyCart { cooMyCart { ${CART_FIELDS} } }`,\n        {},\n        apiGatewayUrl\n      );\n      return data.cooMyCart;\n    },\n  });\n};\n\n/** Every cart mutation answers with the fresh cart, which is written straight into the cache. */\nconst useCartMutation = <TVars>(document: string, field: string) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (variables: TVars) => {\n      const data = await coolQuery<Record<string, CooCart>>(\n        document,\n        variables as Record<string, unknown>,\n        apiGatewayUrl\n      );\n      const cart = data[field];\n      if (!cart) throw new Error('The cart could not be updated');\n      return cart;\n    },\n    onSuccess: (cart) => {\n      queryClient.setQueryData([QK, 'cart'], cart);\n    },\n  });\n};\n\nexport const useAddToCart = () =>\n  useCartMutation<{ input: CooAddToCartInput }>(\n    `mutation CooAddToCart($input: CooAddToCartInput!) { cooAddToCart(input: $input) { ${CART_FIELDS} } }`,\n    'cooAddToCart'\n  );\n\nexport const useUpdateCartItem = () =>\n  useCartMutation<{ id: string; quantity: number }>(\n    `mutation CooUpdateCartItem($id: ID!, $quantity: Int!) {\n      cooUpdateCartItem(id: $id, quantity: $quantity) { ${CART_FIELDS} }\n    }`,\n    'cooUpdateCartItem'\n  );\n\nexport const useRemoveCartItem = () =>\n  useCartMutation<{ id: string }>(\n    `mutation CooRemoveCartItem($id: ID!) { cooRemoveCartItem(id: $id) { ${CART_FIELDS} } }`,\n    'cooRemoveCartItem'\n  );\n\n// ---------------------------------------------------------------------------\n// Orders + checkout\n// ---------------------------------------------------------------------------\n\nexport const useMyOrders = (status?: CooOrderStatus) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'orders', status ?? 'ALL'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyOrders: CooOrderConnection }>(\n        `query CooMyOrders($status: CooOrderStatus, $pagination: PaginationInput) {\n          cooMyOrders(status: $status, pagination: $pagination) {\n            items { ${ORDER_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { status, pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyOrders;\n    },\n  });\n};\n\nexport const useMyOrder = (id: string | undefined) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'order', id],\n    enabled: !!id,\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyOrder: CooOrder | null }>(\n        `query CooMyOrder($id: ID!) { cooMyOrder(id: $id) { ${ORDER_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooMyOrder;\n    },\n  });\n};\n\nconst useOrderInvalidation = () => {\n  const queryClient = useQueryClient();\n  return (order: CooOrder) => {\n    queryClient.setQueryData([QK, 'order', order.id], order);\n    void queryClient.invalidateQueries({ queryKey: [QK, 'orders'] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'cart'] });\n  };\n};\n\nexport const useCheckout = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (input: CooCheckoutInput) => {\n      const data = await coolQuery<{ cooCheckout: CooOrderCheckout }>(\n        `mutation CooCheckout($input: CooCheckoutInput!) { cooCheckout(input: $input) { ${CHECKOUT_FIELDS} } }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooCheckout;\n    },\n    onSuccess: (checkout) => settle(checkout.order),\n  });\n};\n\nexport const useResumeOrderPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooResumeOrderPayment: CooOrderCheckout }>(\n        `mutation CooResumeOrderPayment($id: ID!) { cooResumeOrderPayment(id: $id) { ${CHECKOUT_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooResumeOrderPayment;\n    },\n    onSuccess: (checkout) => settle(checkout.order),\n  });\n};\n\nexport const useSyncOrderPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooSyncOrderPayment: CooOrder }>(\n        `mutation CooSyncOrderPayment($id: ID!) { cooSyncOrderPayment(id: $id) { ${ORDER_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooSyncOrderPayment;\n    },\n    onSuccess: settle,\n  });\n};\n\nexport const useCancelOrder = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooCancelOrder: CooOrder }>(\n        `mutation CooCancelOrder($id: ID!) { cooCancelOrder(id: $id) { ${ORDER_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooCancelOrder;\n    },\n    onSuccess: settle,\n  });\n};\n\n// ---------------------------------------------------------------------------\n// Creator earnings + payouts\n// ---------------------------------------------------------------------------\n\nexport const useMyCreatorEarnings = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'creator-earnings'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCreatorEarnings: CooCreatorEarningConnection }>(\n        `query CooMyCreatorEarnings($pagination: PaginationInput) {\n          cooMyCreatorEarnings(pagination: $pagination) {\n            items {\n              id orderId orderNumber lookId collaborationId commissionRate saleAmount amount currency\n              availableAt billingSyncStatus createdAt\n            }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyCreatorEarnings;\n    },\n  });\n};\n\nexport const useMyCreatorEarningsSummary = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'creator-earnings-summary'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCreatorEarningsSummary: CooCreatorEarningsSummary }>(\n        `query CooMyCreatorEarningsSummary {\n          cooMyCreatorEarningsSummary {\n            commissionRate holdDays currency totalLifetimeAmount availableAmount pendingAmount\n            reservedAmount paidAmount pendingPayoutCount unsyncedCount billingAvailable\n          }\n        }`,\n        {},\n        apiGatewayUrl\n      );\n      return data.cooMyCreatorEarningsSummary;\n    },\n  });\n};\n\nexport const useRequestCreatorPayout = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: { amount: number; currency: string; notes?: string | null }) => {\n      const data = await coolQuery<{ cooRequestCreatorPayout: CooCreatorPayout }>(\n        `mutation CooRequestCreatorPayout($input: CooRequestCreatorPayoutInput!) {\n          cooRequestCreatorPayout(input: $input) { id status requestedAmount currency createdAt }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooRequestCreatorPayout;\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [QK, 'creator-earnings-summary'] });\n    },\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"useCommerceApi.js","names":[],"sources":["../../../src/coolandlovely/hooks/useCommerceApi.ts"],"sourcesContent":["/**\n * Commerce API hooks (BOFF-3370)\n * @module coolandlovely/hooks\n *\n * React Query layer over the self-scoped commerce fields of `wspace-coolandlovely-svc`:\n * the shopper's cart, checkout and orders, and the creator's look commissions + payouts.\n * The client never decides that an order is paid — it opens the provider's checkout that\n * global-billing prepared and then asks the backend to settle against billing's record.\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { useCoolAndLovely } from '../context';\nimport type {\n  CooAddToCartInput,\n  CooCart,\n  CooCheckoutInput,\n  CooCreatorEarningConnection,\n  CooCreatorEarningsSummary,\n  CooCreatorPayout,\n  CooOrder,\n  CooOrderCheckout,\n  CooOrderConnection,\n  CooOrderStatus,\n} from '../types';\nimport { coolQuery } from './useCoolAndLovelyApi';\n\nconst QK = 'coolandlovely';\n\nconst CART_FIELDS = `\n  items {\n    id styleItemId quantity size colour lookId unitPrice currency lineTotal isPurchasable\n    styleItem { id name status image { id } brand { id name } }\n  }\n  itemCount subtotal currency canCheckout blockedReason\n`;\n\nconst ORDER_FIELDS = `\n  id orderNumber status currency subtotal taxAmount total itemCount\n  shippingName shippingAddress buyerNote paymentProvider paidAt cancelledAt createdAt updatedAt\n  items {\n    id styleItemId brandId name sku image { id } size colour unitPrice quantity lineTotal\n    lookId isCreatorAttributed\n  }\n`;\n\n/** Per-brand fulfilment (BOFF-9636): shared by the shopper's order detail and the brand view. */\nexport const FULFILMENT_FIELDS = `\n  id orderId brandId brandName status carrier trackingNumber trackingUrl note\n  confirmedAt shippedAt deliveredAt updatedAt\n`;\n\nconst ORDER_DETAIL_FIELDS = `\n  ${ORDER_FIELDS}\n  fulfilmentStatus\n  fulfilments { ${FULFILMENT_FIELDS} }\n`;\n\nconst CHECKOUT_FIELDS = `\n  order { ${ORDER_FIELDS} }\n  provider providerOrderId razorpayKeyId clientSecret stripePublishableKey subtotal taxAmount total currency\n`;\n\n// ---------------------------------------------------------------------------\n// Cart\n// ---------------------------------------------------------------------------\n\nexport const useMyCart = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'cart'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCart: CooCart }>(\n        `query CooMyCart { cooMyCart { ${CART_FIELDS} } }`,\n        {},\n        apiGatewayUrl\n      );\n      return data.cooMyCart;\n    },\n  });\n};\n\n/** Every cart mutation answers with the fresh cart, which is written straight into the cache. */\nconst useCartMutation = <TVars>(document: string, field: string) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (variables: TVars) => {\n      const data = await coolQuery<Record<string, CooCart>>(\n        document,\n        variables as Record<string, unknown>,\n        apiGatewayUrl\n      );\n      const cart = data[field];\n      if (!cart) throw new Error('The cart could not be updated');\n      return cart;\n    },\n    onSuccess: (cart) => {\n      queryClient.setQueryData([QK, 'cart'], cart);\n    },\n  });\n};\n\nexport const useAddToCart = () =>\n  useCartMutation<{ input: CooAddToCartInput }>(\n    `mutation CooAddToCart($input: CooAddToCartInput!) { cooAddToCart(input: $input) { ${CART_FIELDS} } }`,\n    'cooAddToCart'\n  );\n\nexport const useUpdateCartItem = () =>\n  useCartMutation<{ id: string; quantity: number }>(\n    `mutation CooUpdateCartItem($id: ID!, $quantity: Int!) {\n      cooUpdateCartItem(id: $id, quantity: $quantity) { ${CART_FIELDS} }\n    }`,\n    'cooUpdateCartItem'\n  );\n\nexport const useRemoveCartItem = () =>\n  useCartMutation<{ id: string }>(\n    `mutation CooRemoveCartItem($id: ID!) { cooRemoveCartItem(id: $id) { ${CART_FIELDS} } }`,\n    'cooRemoveCartItem'\n  );\n\n// ---------------------------------------------------------------------------\n// Orders + checkout\n// ---------------------------------------------------------------------------\n\nexport const useMyOrders = (status?: CooOrderStatus) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'orders', status ?? 'ALL'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyOrders: CooOrderConnection }>(\n        `query CooMyOrders($status: CooOrderStatus, $pagination: PaginationInput) {\n          cooMyOrders(status: $status, pagination: $pagination) {\n            items { ${ORDER_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { status, pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyOrders;\n    },\n  });\n};\n\nexport const useMyOrder = (id: string | undefined) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'order', id],\n    enabled: !!id,\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyOrder: CooOrder | null }>(\n        `query CooMyOrder($id: ID!) { cooMyOrder(id: $id) { ${ORDER_DETAIL_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooMyOrder;\n    },\n  });\n};\n\nconst useOrderInvalidation = () => {\n  const queryClient = useQueryClient();\n  return (order: CooOrder) => {\n    queryClient.setQueryData([QK, 'order', order.id], order);\n    void queryClient.invalidateQueries({ queryKey: [QK, 'orders'] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'cart'] });\n  };\n};\n\nexport const useCheckout = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (input: CooCheckoutInput) => {\n      const data = await coolQuery<{ cooCheckout: CooOrderCheckout }>(\n        `mutation CooCheckout($input: CooCheckoutInput!) { cooCheckout(input: $input) { ${CHECKOUT_FIELDS} } }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooCheckout;\n    },\n    onSuccess: (checkout) => settle(checkout.order),\n  });\n};\n\nexport const useResumeOrderPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooResumeOrderPayment: CooOrderCheckout }>(\n        `mutation CooResumeOrderPayment($id: ID!) { cooResumeOrderPayment(id: $id) { ${CHECKOUT_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooResumeOrderPayment;\n    },\n    onSuccess: (checkout) => settle(checkout.order),\n  });\n};\n\nexport const useSyncOrderPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooSyncOrderPayment: CooOrder }>(\n        `mutation CooSyncOrderPayment($id: ID!) { cooSyncOrderPayment(id: $id) { ${ORDER_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooSyncOrderPayment;\n    },\n    onSuccess: settle,\n  });\n};\n\nexport const useCancelOrder = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await coolQuery<{ cooCancelOrder: CooOrder }>(\n        `mutation CooCancelOrder($id: ID!) { cooCancelOrder(id: $id) { ${ORDER_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooCancelOrder;\n    },\n    onSuccess: settle,\n  });\n};\n\n// ---------------------------------------------------------------------------\n// Creator earnings + payouts\n// ---------------------------------------------------------------------------\n\nexport const useMyCreatorEarnings = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'creator-earnings'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCreatorEarnings: CooCreatorEarningConnection }>(\n        `query CooMyCreatorEarnings($pagination: PaginationInput) {\n          cooMyCreatorEarnings(pagination: $pagination) {\n            items {\n              id orderId orderNumber lookId collaborationId commissionRate saleAmount amount currency\n              availableAt billingSyncStatus createdAt\n            }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyCreatorEarnings;\n    },\n  });\n};\n\nexport const useMyCreatorEarningsSummary = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'creator-earnings-summary'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCreatorEarningsSummary: CooCreatorEarningsSummary }>(\n        `query CooMyCreatorEarningsSummary {\n          cooMyCreatorEarningsSummary {\n            commissionRate holdDays currency totalLifetimeAmount availableAmount pendingAmount\n            reservedAmount paidAmount pendingPayoutCount unsyncedCount billingAvailable\n          }\n        }`,\n        {},\n        apiGatewayUrl\n      );\n      return data.cooMyCreatorEarningsSummary;\n    },\n  });\n};\n\nexport const useRequestCreatorPayout = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: { amount: number; currency: string; notes?: string | null }) => {\n      const data = await coolQuery<{ cooRequestCreatorPayout: CooCreatorPayout }>(\n        `mutation CooRequestCreatorPayout($input: CooRequestCreatorPayoutInput!) {\n          cooRequestCreatorPayout(input: $input) { id status requestedAmount currency createdAt }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooRequestCreatorPayout;\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [QK, 'creator-earnings-summary'] });\n    },\n  });\n};\n"],"mappings":"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"}

package/dist/coolandlovely/pages/brands/BrandDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/brands/BrandDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA+CH,wBAAgB,eAAe,gCAkT9B"}
+{"version":3,"file":"BrandDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/brands/BrandDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAyDH,wBAAgB,eAAe,gCAyT9B"}

package/dist/coolandlovely/pages/brands/BrandDetailPage.js

@@ -14,12 +14,12 @@ import { Comments as g } from "../../components/Comments.js";
 import { ActivityTrail as _ } from "../../components/ActivityTrail.js";
 import { BrandCover as v } from "../../components/BrandCover.js";
 import { StepTracker as y } from "../../components/StepTracker.js";
-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";
-import { useParams as O } from "react-router";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { GlassCard as M } from "@burdenoff/fe-libs/ui";
+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";
+import { useParams as k } from "react-router";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { GlassCard as N } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/brands/BrandDetailPage.tsx
-var N = {
+var P = {
 	DRAFT: ["PENDING_REVIEW", "ARCHIVED"],
 	PENDING_REVIEW: [
 		"PUBLISHED",
@@ -29,202 +29,211 @@ var N = {
 	PUBLISHED: ["SUSPENDED", "ARCHIVED"],
 	SUSPENDED: ["PUBLISHED", "ARCHIVED"],
 	ARCHIVED: []
-}, P = [
+}, F = [
 	"DRAFT",
 	"PENDING_REVIEW",
 	"PUBLISHED"
 ];
-function F(e) {
+function I(e) {
 	let t = e instanceof Error ? e.message : "Transition failed";
 	return /forbidden|permission|not allowed|unauthori[sz]ed/i.test(t) ? "Your role does not permit this action." : t;
 }
-function I() {
-	let { brandId: I } = O(), { navigateTo: L } = e(), R = r(I), z = i(), B = a();
-	if (o(I, R.data?.name), R.isLoading) return /* @__PURE__ */ A(n, {
+function L() {
+	let { brandId: L } = k(), { navigateTo: R } = e(), z = r(L), B = i(), V = a();
+	if (o(L, z.data?.name), z.isLoading) return /* @__PURE__ */ j(n, {
 		title: "Brand",
-		children: /* @__PURE__ */ A(l, { label: "Loading brand…" })
+		children: /* @__PURE__ */ j(l, { label: "Loading brand…" })
 	});
-	if (R.isError || !R.data) return /* @__PURE__ */ A(n, {
+	if (z.isError || !z.data) return /* @__PURE__ */ j(n, {
 		title: "Brand",
-		children: /* @__PURE__ */ A(c, {
+		children: /* @__PURE__ */ j(c, {
 			title: "Brand not found",
 			message: "This storefront could not be loaded or does not exist.",
-			onRetry: () => void R.refetch()
+			onRetry: () => void z.refetch()
 		})
 	});
-	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;
-	return /* @__PURE__ */ A(n, {
-		title: V.name,
-		description: `@${V.handle}`,
-		children: /* @__PURE__ */ j("div", {
+	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;
+	return /* @__PURE__ */ j(n, {
+		title: H.name,
+		description: `@${H.handle}`,
+		children: /* @__PURE__ */ M("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ M("div", {
 				className: "space-y-6 lg:col-span-2",
 				children: [
-					/* @__PURE__ */ A(v, {
-						coverFileId: V.cover?.id,
-						logoFileId: V.logo?.id,
-						name: V.name,
-						seed: V.id,
+					/* @__PURE__ */ j(v, {
+						coverFileId: H.cover?.id,
+						logoFileId: H.logo?.id,
+						name: H.name,
+						seed: H.id,
 						className: "overflow-hidden rounded-xl border border-border-seam shadow-sm",
-						overlay: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+						overlay: /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("div", {
 							className: "absolute right-3 top-3 flex flex-wrap items-center justify-end gap-2",
-							children: [/* @__PURE__ */ j("button", {
-								type: "button",
-								onClick: () => L("/brands"),
-								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",
-								children: [/* @__PURE__ */ A(b, { className: "h-4 w-4" }), " Back"]
-							}), /* @__PURE__ */ j("button", {
-								type: "button",
-								onClick: () => L(`/brands/${V.id}/edit`),
-								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",
-								children: [/* @__PURE__ */ A(C, { className: "h-4 w-4" }), " Edit"]
-							})]
-						}), /* @__PURE__ */ j("div", {
+							children: [
+								/* @__PURE__ */ M("button", {
+									type: "button",
+									onClick: () => R("/brands"),
+									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",
+									children: [/* @__PURE__ */ j(b, { className: "h-4 w-4" }), " Back"]
+								}),
+								/* @__PURE__ */ M("button", {
+									type: "button",
+									onClick: () => R(`/brand-orders?brand=${H.id}`),
+									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",
+									children: [/* @__PURE__ */ j(C, { className: "h-4 w-4" }), " Orders"]
+								}),
+								/* @__PURE__ */ M("button", {
+									type: "button",
+									onClick: () => R(`/brands/${H.id}/edit`),
+									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",
+									children: [/* @__PURE__ */ j(w, { className: "h-4 w-4" }), " Edit"]
+								})
+							]
+						}), /* @__PURE__ */ M("div", {
 							className: "absolute inset-x-0 bottom-0 flex items-end gap-3 p-4 sm:gap-4 sm:p-5",
-							children: [/* @__PURE__ */ A(u, {
-								icon: /* @__PURE__ */ A(D, { className: "h-7 w-7" }),
-								seed: V.id,
-								fileId: V.logo?.id,
-								alt: `${V.name} logo`,
+							children: [/* @__PURE__ */ j(u, {
+								icon: /* @__PURE__ */ j(O, { className: "h-7 w-7" }),
+								seed: H.id,
+								fileId: H.logo?.id,
+								alt: `${H.name} logo`,
 								className: "h-16 w-16 shrink-0 rounded-full shadow-md ring-2 ring-bg-surface"
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "min-w-0 pb-1",
-								children: [/* @__PURE__ */ j("div", {
+								children: [/* @__PURE__ */ M("div", {
 									className: "flex flex-wrap items-center gap-x-2 gap-y-0.5",
-									children: [/* @__PURE__ */ A("h2", {
+									children: [/* @__PURE__ */ j("h2", {
 										className: "truncate text-xl font-semibold text-text-primary sm:text-2xl",
-										children: V.name
-									}), /* @__PURE__ */ j("span", {
+										children: H.name
+									}), /* @__PURE__ */ M("span", {
 										className: "text-sm text-text-secondary",
-										children: ["@", V.handle]
+										children: ["@", H.handle]
 									})]
-								}), V.tagline && /* @__PURE__ */ A("p", {
+								}), H.tagline && /* @__PURE__ */ j("p", {
 									className: "mt-1 line-clamp-2 text-sm text-text-primary",
-									children: V.tagline
+									children: H.tagline
 								})]
 							})]
 						})] })
 					}),
-					/* @__PURE__ */ j("section", {
+					/* @__PURE__ */ M("section", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ M("div", {
 								className: "flex flex-wrap items-center justify-between gap-3",
-								children: [V.aesthetics.length > 0 ? /* @__PURE__ */ A(h, {
-									tags: V.aesthetics.map(p),
+								children: [H.aesthetics.length > 0 ? /* @__PURE__ */ j(h, {
+									tags: H.aesthetics.map(p),
 									tone: "accent",
 									max: 12
-								}) : /* @__PURE__ */ A("span", {}), /* @__PURE__ */ A(s, { status: V.status })]
+								}) : /* @__PURE__ */ j("span", {}), /* @__PURE__ */ j(s, { status: H.status })]
 							}),
-							V.bio && /* @__PURE__ */ A("p", {
+							H.bio && /* @__PURE__ */ j("p", {
 								className: "text-sm text-text-secondary",
-								children: V.bio
+								children: H.bio
 							}),
-							V.tags.length > 0 && /* @__PURE__ */ A(h, {
-								tags: V.tags,
+							H.tags.length > 0 && /* @__PURE__ */ j(h, {
+								tags: H.tags,
 								max: 12
 							}),
-							K ? /* @__PURE__ */ j("a", {
-								href: K,
+							q ? /* @__PURE__ */ M("a", {
+								href: q,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline",
 								children: [
-									/* @__PURE__ */ A(x, { className: "h-4 w-4 shrink-0" }),
+									/* @__PURE__ */ j(x, { className: "h-4 w-4 shrink-0" }),
 									" ",
-									/* @__PURE__ */ A("span", {
+									/* @__PURE__ */ j("span", {
 										className: "break-all",
-										children: K
+										children: q
 									})
 								]
-							}) : V.websiteUrl ? /* @__PURE__ */ A("p", {
+							}) : H.websiteUrl ? /* @__PURE__ */ j("p", {
 								className: "break-all text-sm text-text-secondary",
-								children: V.websiteUrl
+								children: H.websiteUrl
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ j("section", {
+					/* @__PURE__ */ M("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ j("div", {
+						children: [/* @__PURE__ */ M("div", {
 							className: "mb-3 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ j("h3", {
+							children: [/* @__PURE__ */ M("h3", {
 								className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ A(T, { className: "h-5 w-5" }),
+									/* @__PURE__ */ j(E, { className: "h-5 w-5" }),
 									" Collections (",
-									H.length,
+									U.length,
 									")"
 								]
-							}), /* @__PURE__ */ j("button", {
+							}), /* @__PURE__ */ M("button", {
 								type: "button",
-								onClick: () => L(`/collections/new?brandId=${V.id}`),
+								onClick: () => R(`/collections/new?brandId=${H.id}`),
 								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",
-								children: [/* @__PURE__ */ A(w, { className: "h-4 w-4" }), " Add collection"]
+								children: [/* @__PURE__ */ j(T, { className: "h-4 w-4" }), " Add collection"]
 							})]
-						}), H.length === 0 ? /* @__PURE__ */ A("p", {
+						}), U.length === 0 ? /* @__PURE__ */ j("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: "No collections yet."
-						}) : /* @__PURE__ */ A("div", {
+						}) : /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: H.map((e) => /* @__PURE__ */ j("button", {
+							children: U.map((e) => /* @__PURE__ */ M("button", {
 								type: "button",
-								onClick: () => L(`/collections/${e.id}`),
+								onClick: () => R(`/collections/${e.id}`),
 								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",
 								children: [
-									/* @__PURE__ */ A(u, {
-										icon: /* @__PURE__ */ A(T, { className: "h-5 w-5" }),
+									/* @__PURE__ */ j(u, {
+										icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
 										seed: e.id,
 										fileId: e.cover?.id,
 										alt: e.name,
 										className: "h-11 w-11 shrink-0"
 									}),
-									/* @__PURE__ */ j("div", {
+									/* @__PURE__ */ M("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ A("p", {
+										children: [/* @__PURE__ */ j("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ A("p", {
+										}), /* @__PURE__ */ j("p", {
 											className: "text-xs text-text-secondary",
 											children: p(e.season)
 										})]
 									}),
-									/* @__PURE__ */ A(s, { status: e.status })
+									/* @__PURE__ */ j(s, { status: e.status })
 								]
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ j("section", {
+					/* @__PURE__ */ M("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ j("h3", {
+						children: [/* @__PURE__ */ M("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ A(E, { className: "h-5 w-5" }),
+								/* @__PURE__ */ j(D, { className: "h-5 w-5" }),
 								" Style items (",
-								U.length,
+								W.length,
 								")"
 							]
-						}), U.length === 0 ? /* @__PURE__ */ A("p", {
+						}), W.length === 0 ? /* @__PURE__ */ j("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: "No items yet."
-						}) : /* @__PURE__ */ A("div", {
+						}) : /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
-							children: U.map((e) => /* @__PURE__ */ j("button", {
+							children: W.map((e) => /* @__PURE__ */ M("button", {
 								type: "button",
-								onClick: () => L(`/items/${e.id}`),
+								onClick: () => R(`/items/${e.id}`),
 								className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ A(u, {
+								children: [/* @__PURE__ */ j(u, {
 									icon: m(e.category, 24),
 									seed: e.id,
 									fileId: e.image?.id,
 									alt: e.name,
 									className: "h-24 w-full"
-								}), /* @__PURE__ */ j("div", {
+								}), /* @__PURE__ */ M("div", {
 									className: "p-3",
-									children: [/* @__PURE__ */ A("p", {
+									children: [/* @__PURE__ */ j("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ A("p", {
+									}), /* @__PURE__ */ j("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
 										children: f(e.price, e.currency)
 									})]
@@ -233,117 +242,117 @@ function I() {
 						})]
 					})
 				]
-			}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ j(M, {
+					/* @__PURE__ */ M(N, {
 						treatment: "insight",
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ A("h3", {
+							/* @__PURE__ */ j("h3", {
 								className: "mb-3 text-sm font-semibold text-text-primary",
 								children: "Publish lifecycle"
 							}),
-							/* @__PURE__ */ A(y, {
-								steps: G,
-								current: V.status,
+							/* @__PURE__ */ j(y, {
+								steps: K,
+								current: H.status,
 								className: "mb-5"
 							}),
-							/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ M("div", {
 								className: "mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ A("span", {
+								children: [/* @__PURE__ */ j("span", {
 									className: "text-sm text-text-secondary",
 									children: "Current:"
-								}), /* @__PURE__ */ A(s, { status: V.status })]
+								}), /* @__PURE__ */ j(s, { status: H.status })]
 							}),
-							W.length === 0 ? /* @__PURE__ */ A("p", {
+							G.length === 0 ? /* @__PURE__ */ j("p", {
 								className: "text-xs text-text-secondary",
 								children: "This brand is archived (terminal state)."
-							}) : /* @__PURE__ */ A("div", {
+							}) : /* @__PURE__ */ j("div", {
 								className: "flex flex-col gap-2",
-								children: W.map((e) => /* @__PURE__ */ j("button", {
+								children: G.map((e) => /* @__PURE__ */ M("button", {
 									type: "button",
-									disabled: z.isPending,
-									onClick: () => z.mutate({
-										id: V.id,
+									disabled: B.isPending,
+									onClick: () => B.mutate({
+										id: H.id,
 										status: e
 									}),
 									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"),
 									children: [
-										z.isPending && /* @__PURE__ */ A(S, { className: "h-3.5 w-3.5 animate-spin" }),
+										B.isPending && /* @__PURE__ */ j(S, { className: "h-3.5 w-3.5 animate-spin" }),
 										"Move to ",
 										p(e)
 									]
 								}, e))
 							}),
-							z.isError && /* @__PURE__ */ A("p", {
+							B.isError && /* @__PURE__ */ j("p", {
 								className: "mt-2 text-xs text-status-error-text",
-								children: F(z.error)
+								children: I(B.error)
 							})
 						]
 					}),
-					/* @__PURE__ */ j(M, {
+					/* @__PURE__ */ M(N, {
 						treatment: "plain",
 						className: "p-5",
-						children: [/* @__PURE__ */ A("h3", {
+						children: [/* @__PURE__ */ j("h3", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
 							children: "Details"
-						}), /* @__PURE__ */ j("dl", {
+						}), /* @__PURE__ */ M("dl", {
 							className: "space-y-2 text-sm",
 							children: [
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-2",
-									children: [/* @__PURE__ */ A("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Handle"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "text-text-primary",
-										children: ["@", V.handle]
+										children: ["@", H.handle]
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ A("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Featured"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ A("button", {
+										children: [/* @__PURE__ */ j("button", {
 											type: "button",
 											role: "switch",
-											"aria-checked": V.isFeatured,
-											"aria-label": V.isFeatured ? "Unfeature this brand" : "Feature this brand",
-											disabled: B.isPending,
-											onClick: () => B.mutate({
-												id: V.id,
-												input: { isFeatured: !V.isFeatured }
+											"aria-checked": H.isFeatured,
+											"aria-label": H.isFeatured ? "Unfeature this brand" : "Feature this brand",
+											disabled: V.isPending,
+											onClick: () => V.mutate({
+												id: H.id,
+												input: { isFeatured: !H.isFeatured }
 											}),
-											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"),
-											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") })
-										}), B.isPending && /* @__PURE__ */ A(S, { className: "h-3.5 w-3.5 animate-spin text-text-secondary" })]
+											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"),
+											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") })
+										}), V.isPending && /* @__PURE__ */ j(S, { className: "h-3.5 w-3.5 animate-spin text-text-secondary" })]
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-2",
-									children: [/* @__PURE__ */ A("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Created"
-									}), /* @__PURE__ */ A("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "text-text-primary",
-										children: d(V.createdAt, {
+										children: d(H.createdAt, {
 											hour: void 0,
 											minute: void 0
 										})
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-2",
-									children: [/* @__PURE__ */ A("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Updated"
-									}), /* @__PURE__ */ A("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "text-text-primary",
-										children: d(V.updatedAt, {
+										children: d(H.updatedAt, {
 											hour: void 0,
 											minute: void 0
 										})
@@ -352,13 +361,13 @@ function I() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ A(_, {
+					/* @__PURE__ */ j(_, {
 						resourceType: "coolandlovely-brand",
-						resourceId: V.id
+						resourceId: H.id
 					}),
-					/* @__PURE__ */ A(g, {
+					/* @__PURE__ */ j(g, {
 						entityType: "CooBrand",
-						entityId: V.id,
+						entityId: H.id,
 						className: "mt-0"
 					})
 				]
@@ -367,6 +376,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as BrandDetailPage };
+export { L as BrandDetailPage };
 
 //# sourceMappingURL=BrandDetailPage.js.map