@burdenoff/microfe-coolandlovely 2026.1028.4 → 2026.1029.1

package/dist/coolandlovely/hooks/useCommerceApi.d.ts

@@ -1,4 +1,4 @@
-import { CooAddToCartInput, CooCart, CooCheckoutInput, CooCollaborationPaymentCheckout, CooCollaborationPayout, CooCollaborationPayoutConnection, CooCreatorEarningConnection, CooCreatorEarningsSummary, CooCreatorPayout, CooOrder, CooOrderCheckout, CooOrderConnection, CooOrderStatus, CooRequestReturnInput, CooReturnRequest } from '../types';
+import { CooAddToCartInput, CooBuyStoreListedPieceInput, CooCart, CooCheckoutInput, CooCollaborationPaymentCheckout, CooCollaborationPayout, CooCollaborationPayoutConnection, CooCreatorEarningConnection, CooCreatorEarningsSummary, CooCreatorPayout, CooOrder, CooOrderCheckout, CooOrderConnection, CooOrderStatus, CooRequestReturnInput, CooReturnRequest, CooStoreListedPiece } from '../types';
 
 /** Per-brand fulfilment (BOFF-9636): shared by the shopper's order detail and the brand view. */
 export declare const FULFILMENT_FIELDS = "\n  id orderId brandId brandName status refunded carrier trackingNumber trackingUrl note\n  confirmedAt shippedAt deliveredAt updatedAt\n";
@@ -23,6 +23,13 @@ export declare const useCheckout: () => import('@tanstack/react-query').UseMutat
 export declare const useResumeOrderPayment: () => import('@tanstack/react-query').UseMutationResult<CooOrderCheckout, Error, string, unknown>;
 export declare const useSyncOrderPayment: () => import('@tanstack/react-query').UseMutationResult<CooOrder, Error, string, unknown>;
 export declare const useCancelOrder: () => import('@tanstack/react-query').UseMutationResult<CooOrder, Error, string, unknown>;
+/**
+ * A piece listed in the Burdenoff store, readable from any workspace. Only fetched once the
+ * workspace's own catalogue has no such piece (the shopper followed a store listing here).
+ */
+export declare const useStoreListedPiece: (id: string | undefined, enabled: boolean) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooStoreListedPiece | null>, Error>;
+/** Buy a store-listed piece directly: the order is created and its payment started. */
+export declare const useBuyStoreListedPiece: () => import('@tanstack/react-query').UseMutationResult<CooOrderCheckout, Error, CooBuyStoreListedPieceInput, unknown>;
 /**
  * Ask a brand to take back its pieces of one of the caller's paid orders (BOFF-9900). The brand
  * approves (which refunds them) or declines; the order detail is refetched to show the request.

package/dist/coolandlovely/hooks/useCommerceApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCommerceApi.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useCommerceApi.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EACV,iBAAiB,EACjB,OAAO,EACP,gBAAgB,EAChB,+BAA+B,EAC/B,sBAAsB,EACtB,gCAAgC,EAChC,2BAA2B,EAC3B,yBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAwBlB,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,8IAG7B,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,aAAa,uJAGzB,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,qBAAqB,wHAGjC,CAAC;AAoBF,eAAO,MAAM,SAAS,+EAarB,CAAC;AAuBF,eAAO,MAAM,YAAY;WACE,iBAAiB;WAGzC,CAAC;AAEJ,eAAO,MAAM,iBAAiB;QACN,MAAM;cAAY,MAAM;WAK7C,CAAC;AAEJ,eAAO,MAAM,iBAAiB;QACN,MAAM;WAG3B,CAAC;AAMJ,eAAO,MAAM,WAAW,GAAI,SAAS,cAAc,uFAkBlD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,oFAchD,CAAC;AAWF,eAAO,MAAM,WAAW,6GAcvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mGAcjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAc/B,CAAC;AAEF,eAAO,MAAM,cAAc,2FAc1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,kHAkB5B,CAAC;AAMF,eAAO,MAAM,oBAAoB,mGAqBhC,CAAC;AAEF,eAAO,MAAM,2BAA2B,iGAkBvC,CAAC;AAEF,eAAO,MAAM,uBAAuB;YAII,MAAM;cAAY,MAAM;YAAU,MAAM,GAAG,IAAI;WActF,CAAC;AAWF,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,wGAkBrC,CAAC;AAWF,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,kHAgBlC,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,yGAgBvC,CAAC"}
+{"version":3,"file":"useCommerceApi.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useCommerceApi.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,OAAO,EACP,gBAAgB,EAChB,+BAA+B,EAC/B,sBAAsB,EACtB,gCAAgC,EAChC,2BAA2B,EAC3B,yBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAwBlB,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,8IAG7B,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,aAAa,uJAGzB,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,qBAAqB,wHAGjC,CAAC;AAoBF,eAAO,MAAM,SAAS,+EAarB,CAAC;AAuBF,eAAO,MAAM,YAAY;WACE,iBAAiB;WAGzC,CAAC;AAEJ,eAAO,MAAM,iBAAiB;QACN,MAAM;cAAY,MAAM;WAK7C,CAAC;AAEJ,eAAO,MAAM,iBAAiB;QACN,MAAM;WAG3B,CAAC;AAMJ,eAAO,MAAM,WAAW,GAAI,SAAS,cAAc,uFAkBlD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,oFAchD,CAAC;AAWF,eAAO,MAAM,WAAW,6GAcvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mGAcjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAc/B,CAAC;AAEF,eAAO,MAAM,cAAc,2FAc1B,CAAC;AAYF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,IAAI,MAAM,GAAG,SAAS,EAAE,SAAS,OAAO,+FAc3E,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,wHAgBlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,kHAkB5B,CAAC;AAMF,eAAO,MAAM,oBAAoB,mGAqBhC,CAAC;AAEF,eAAO,MAAM,2BAA2B,iGAkBvC,CAAC;AAEF,eAAO,MAAM,uBAAuB;YAII,MAAM;cAAY,MAAM;YAAU,MAAM,GAAG,IAAI;WActF,CAAC;AAWF,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,wGAkBrC,CAAC;AAWF,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,kHAgBlC,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,yGAgBvC,CAAC"}

package/dist/coolandlovely/hooks/useCommerceApi.js

@@ -98,7 +98,26 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 		mutationFn: async (e) => (await n(`mutation CooCancelOrder($id: ID!) { cooCancelOrder(id: $id) { ${c} } }`, { id: e }, t)).cooCancelOrder,
 		onSuccess: x()
 	});
-}, E = () => {
+}, E = "\n  id name description category price currency sku colours sizes materials tags\n  brandName brandHandle trackInventory inStock\n  variants { size colour available }\n", D = (t, r) => {
+	let { apiGatewayUrl: a } = e();
+	return i({
+		queryKey: [
+			o,
+			"store-listed-piece",
+			t
+		],
+		enabled: !!t && r,
+		queryFn: async () => (await n(`query CooStoreListedPiece($id: ID!) { cooStoreListedPiece(id: $id) { ${E} } }`, { id: t }, a)).cooStoreListedPiece
+	});
+}, O = () => {
+	let { apiGatewayUrl: t } = e(), i = x();
+	return r({
+		mutationFn: async (e) => (await n(`mutation CooBuyStoreListedPiece($input: CooBuyStoreListedPieceInput!) {
+          cooBuyStoreListedPiece(input: $input) { ${p} }
+        }`, { input: e }, t)).cooBuyStoreListedPiece,
+		onSuccess: (e) => i(e.order)
+	});
+}, k = () => {
 	let { apiGatewayUrl: t } = e(), i = a();
 	return r({
 		mutationFn: async (e) => (await n(`mutation CooRequestReturn($input: CooRequestReturnInput!) {
@@ -112,7 +131,7 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 			] });
 		}
 	});
-}, D = () => {
+}, A = () => {
 	let { apiGatewayUrl: t } = e();
 	return i({
 		queryKey: [o, "creator-earnings"],
@@ -121,13 +140,13 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 			offset: 0
 		} }, t)).cooMyCreatorEarnings
 	});
-}, O = () => {
+}, j = () => {
 	let { apiGatewayUrl: t } = e();
 	return i({
 		queryKey: [o, "creator-earnings-summary"],
 		queryFn: async () => (await n("query CooMyCreatorEarningsSummary {\n          cooMyCreatorEarningsSummary {\n            commissionRate holdDays currency totalLifetimeAmount availableAmount pendingAmount\n            reservedAmount paidAmount pendingPayoutCount unsyncedCount billingAvailable\n          }\n        }", {}, t)).cooMyCreatorEarningsSummary
 	});
-}, k = () => {
+}, M = () => {
 	let { apiGatewayUrl: t } = e(), i = a();
 	return r({
 		mutationFn: async (e) => (await n("mutation CooRequestCreatorPayout($input: CooRequestCreatorPayoutInput!) {\n          cooRequestCreatorPayout(input: $input) { id status requestedAmount currency createdAt }\n        }", { input: e }, t)).cooRequestCreatorPayout,
@@ -135,10 +154,10 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 			i.invalidateQueries({ queryKey: [o, "creator-earnings-summary"] });
 		}
 	});
-}, A = `
+}, N = `
   payout { ${t} }
   provider providerOrderId razorpayKeyId clientSecret stripePublishableKey subtotal taxAmount total currency
-`, j = () => {
+`, P = () => {
 	let { apiGatewayUrl: r } = e();
 	return i({
 		queryKey: [o, "collaboration-payouts"],
@@ -152,7 +171,7 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 			offset: 0
 		} }, r)).cooMyCollaborationPayouts
 	});
-}, M = () => {
+}, F = () => {
 	let e = a();
 	return (t) => {
 		e.invalidateQueries({ queryKey: [
@@ -161,16 +180,16 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 			t
 		] }), e.invalidateQueries({ queryKey: [o, "collaboration-payouts"] }), e.invalidateQueries({ queryKey: [o, "creator-earnings-summary"] });
 	};
-}, N = () => {
-	let { apiGatewayUrl: t } = e(), i = M();
+}, I = () => {
+	let { apiGatewayUrl: t } = e(), i = F();
 	return r({
 		mutationFn: async (e) => (await n(`mutation CooPayCollaborationFee($id: ID!) {
-          cooPayCollaborationFee(id: $id) { ${A} }
+          cooPayCollaborationFee(id: $id) { ${N} }
         }`, { id: e }, t)).cooPayCollaborationFee,
 		onSuccess: (e) => i(e.payout.collaborationId)
 	});
-}, P = () => {
-	let { apiGatewayUrl: i } = e(), a = M();
+}, L = () => {
+	let { apiGatewayUrl: i } = e(), a = F();
 	return r({
 		mutationFn: async (e) => (await n(`mutation CooSyncCollaborationPayment($id: ID!) {
           cooSyncCollaborationPayment(id: $id) { ${t} }
@@ -179,6 +198,6 @@ var o = "coolandlovely", s = "\n  items {\n    id styleItemId quantity size colo
 	});
 };
 //#endregion
-export { l as FULFILMENT_FIELDS, u as REFUND_FIELDS, d as RETURN_REQUEST_FIELDS, g as useAddToCart, T as useCancelOrder, S as useCheckout, m as useMyCart, j as useMyCollaborationPayouts, D as useMyCreatorEarnings, O as useMyCreatorEarningsSummary, b as useMyOrder, y as useMyOrders, N as usePayCollaborationFee, v as useRemoveCartItem, k as useRequestCreatorPayout, E as useRequestReturn, C as useResumeOrderPayment, P as useSyncCollaborationPayment, w as useSyncOrderPayment, _ as useUpdateCartItem };
+export { l as FULFILMENT_FIELDS, u as REFUND_FIELDS, d as RETURN_REQUEST_FIELDS, g as useAddToCart, O as useBuyStoreListedPiece, T as useCancelOrder, S as useCheckout, m as useMyCart, P as useMyCollaborationPayouts, A as useMyCreatorEarnings, j as useMyCreatorEarningsSummary, b as useMyOrder, y as useMyOrders, I as usePayCollaborationFee, v as useRemoveCartItem, M as useRequestCreatorPayout, k as useRequestReturn, C as useResumeOrderPayment, D as useStoreListedPiece, L as useSyncCollaborationPayment, w as useSyncOrderPayment, _ as useUpdateCartItem };
 
 //# sourceMappingURL=useCommerceApi.js.map

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  CooCollaborationPaymentCheckout,\n  CooCollaborationPayout,\n  CooCollaborationPayoutConnection,\n  CooCreatorEarningConnection,\n  CooCreatorEarningsSummary,\n  CooCreatorPayout,\n  CooOrder,\n  CooOrderCheckout,\n  CooOrderConnection,\n  CooOrderStatus,\n  CooRequestReturnInput,\n  CooReturnRequest,\n} from '../types';\nimport { COLLABORATION_PAYOUT_FIELDS, 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    availableQuantity\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 refundedAmount refundedAt\n  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 refunded carrier trackingNumber trackingUrl note\n  confirmedAt shippedAt deliveredAt updatedAt\n`;\n\n/** A brand's refund of its pieces (BOFF-9702): the shopper's order detail and the brand view. */\nexport const REFUND_FIELDS = `\n  id orderId brandId brandName amount currency reason status failureReason refundedAt\n  restockStatus restockedQuantity restockedAt createdAt\n`;\n\n/** A shopper's return request (BOFF-9900): the shopper's order detail and the brand view. */\nexport const RETURN_REQUEST_FIELDS = `\n  id orderId orderNumber brandId brandName reason status decisionNote decidedAt refundId\n  createdAt updatedAt\n`;\n\nconst ORDER_DETAIL_FIELDS = `\n  ${ORDER_FIELDS}\n  fulfilmentStatus\n  fulfilments { ${FULFILMENT_FIELDS} }\n  refunds { ${REFUND_FIELDS} }\n  returnRequests { ${RETURN_REQUEST_FIELDS} }\n  returnWindowEndsAt\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 * Ask a brand to take back its pieces of one of the caller's paid orders (BOFF-9900). The brand\n * approves (which refunds them) or declines; the order detail is refetched to show the request.\n */\nexport const useRequestReturn = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: CooRequestReturnInput) => {\n      const data = await coolQuery<{ cooRequestReturn: CooReturnRequest }>(\n        `mutation CooRequestReturn($input: CooRequestReturnInput!) {\n          cooRequestReturn(input: $input) { ${RETURN_REQUEST_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooRequestReturn;\n    },\n    onSettled: (_request, _error, input) => {\n      void queryClient.invalidateQueries({ queryKey: [QK, 'order', input.orderId] });\n    },\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 reversalStatus reversedAt 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\n// ---------------------------------------------------------------------------\n// Collaboration fees (BOFF-9637)\n// ---------------------------------------------------------------------------\n\nconst COLLABORATION_PAYMENT_FIELDS = `\n  payout { ${COLLABORATION_PAYOUT_FIELDS} }\n  provider providerOrderId razorpayKeyId clientSecret stripePublishableKey subtotal taxAmount total currency\n`;\n\n/** The calling creator's collaboration fees: awaiting the brand's payment, or paid. */\nexport const useMyCollaborationPayouts = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'collaboration-payouts'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCollaborationPayouts: CooCollaborationPayoutConnection }>(\n        `query CooMyCollaborationPayouts($pagination: PaginationInput) {\n          cooMyCollaborationPayouts(pagination: $pagination) {\n            items { ${COLLABORATION_PAYOUT_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyCollaborationPayouts;\n    },\n  });\n};\n\nconst useCollaborationPayoutInvalidation = () => {\n  const queryClient = useQueryClient();\n  return (collaborationId: string) => {\n    void queryClient.invalidateQueries({ queryKey: [QK, 'collaboration', collaborationId] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'collaboration-payouts'] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'creator-earnings-summary'] });\n  };\n};\n\n/** Start (or re-open) the brand owner's payment of a collaboration fee. */\nexport const usePayCollaborationFee = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const refresh = useCollaborationPayoutInvalidation();\n  return useMutation({\n    mutationFn: async (collaborationId: string) => {\n      const data = await coolQuery<{ cooPayCollaborationFee: CooCollaborationPaymentCheckout }>(\n        `mutation CooPayCollaborationFee($id: ID!) {\n          cooPayCollaborationFee(id: $id) { ${COLLABORATION_PAYMENT_FIELDS} }\n        }`,\n        { id: collaborationId },\n        apiGatewayUrl\n      );\n      return data.cooPayCollaborationFee;\n    },\n    onSuccess: (checkout) => refresh(checkout.payout.collaborationId),\n  });\n};\n\n/** Ask the backend to settle a collaboration fee against global-billing's payment record. */\nexport const useSyncCollaborationPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const refresh = useCollaborationPayoutInvalidation();\n  return useMutation({\n    mutationFn: async (collaborationId: string) => {\n      const data = await coolQuery<{ cooSyncCollaborationPayment: CooCollaborationPayout }>(\n        `mutation CooSyncCollaborationPayment($id: ID!) {\n          cooSyncCollaborationPayment(id: $id) { ${COLLABORATION_PAYOUT_FIELDS} }\n        }`,\n        { id: collaborationId },\n        apiGatewayUrl\n      );\n      return data.cooSyncCollaborationPayment;\n    },\n    onSuccess: (payout) => refresh(payout.collaborationId),\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  CooBuyStoreListedPieceInput,\n  CooCart,\n  CooCheckoutInput,\n  CooCollaborationPaymentCheckout,\n  CooCollaborationPayout,\n  CooCollaborationPayoutConnection,\n  CooCreatorEarningConnection,\n  CooCreatorEarningsSummary,\n  CooCreatorPayout,\n  CooOrder,\n  CooOrderCheckout,\n  CooOrderConnection,\n  CooOrderStatus,\n  CooRequestReturnInput,\n  CooReturnRequest,\n  CooStoreListedPiece,\n} from '../types';\nimport { COLLABORATION_PAYOUT_FIELDS, 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    availableQuantity\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 refundedAmount refundedAt\n  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 refunded carrier trackingNumber trackingUrl note\n  confirmedAt shippedAt deliveredAt updatedAt\n`;\n\n/** A brand's refund of its pieces (BOFF-9702): the shopper's order detail and the brand view. */\nexport const REFUND_FIELDS = `\n  id orderId brandId brandName amount currency reason status failureReason refundedAt\n  restockStatus restockedQuantity restockedAt createdAt\n`;\n\n/** A shopper's return request (BOFF-9900): the shopper's order detail and the brand view. */\nexport const RETURN_REQUEST_FIELDS = `\n  id orderId orderNumber brandId brandName reason status decisionNote decidedAt refundId\n  createdAt updatedAt\n`;\n\nconst ORDER_DETAIL_FIELDS = `\n  ${ORDER_FIELDS}\n  fulfilmentStatus\n  fulfilments { ${FULFILMENT_FIELDS} }\n  refunds { ${REFUND_FIELDS} }\n  returnRequests { ${RETURN_REQUEST_FIELDS} }\n  returnWindowEndsAt\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// Burdenoff store shoppers outside the brand's workspace (BOFF-10017)\n// ---------------------------------------------------------------------------\n\nconst STORE_LISTED_PIECE_FIELDS = `\n  id name description category price currency sku colours sizes materials tags\n  brandName brandHandle trackInventory inStock\n  variants { size colour available }\n`;\n\n/**\n * A piece listed in the Burdenoff store, readable from any workspace. Only fetched once the\n * workspace's own catalogue has no such piece (the shopper followed a store listing here).\n */\nexport const useStoreListedPiece = (id: string | undefined, enabled: boolean) => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'store-listed-piece', id],\n    enabled: !!id && enabled,\n    queryFn: async () => {\n      const data = await coolQuery<{ cooStoreListedPiece: CooStoreListedPiece | null }>(\n        `query CooStoreListedPiece($id: ID!) { cooStoreListedPiece(id: $id) { ${STORE_LISTED_PIECE_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return data.cooStoreListedPiece;\n    },\n  });\n};\n\n/** Buy a store-listed piece directly: the order is created and its payment started. */\nexport const useBuyStoreListedPiece = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const settle = useOrderInvalidation();\n  return useMutation({\n    mutationFn: async (input: CooBuyStoreListedPieceInput) => {\n      const data = await coolQuery<{ cooBuyStoreListedPiece: CooOrderCheckout }>(\n        `mutation CooBuyStoreListedPiece($input: CooBuyStoreListedPieceInput!) {\n          cooBuyStoreListedPiece(input: $input) { ${CHECKOUT_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooBuyStoreListedPiece;\n    },\n    onSuccess: (checkout) => settle(checkout.order),\n  });\n};\n\n/**\n * Ask a brand to take back its pieces of one of the caller's paid orders (BOFF-9900). The brand\n * approves (which refunds them) or declines; the order detail is refetched to show the request.\n */\nexport const useRequestReturn = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: CooRequestReturnInput) => {\n      const data = await coolQuery<{ cooRequestReturn: CooReturnRequest }>(\n        `mutation CooRequestReturn($input: CooRequestReturnInput!) {\n          cooRequestReturn(input: $input) { ${RETURN_REQUEST_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return data.cooRequestReturn;\n    },\n    onSettled: (_request, _error, input) => {\n      void queryClient.invalidateQueries({ queryKey: [QK, 'order', input.orderId] });\n    },\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 reversalStatus reversedAt 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\n// ---------------------------------------------------------------------------\n// Collaboration fees (BOFF-9637)\n// ---------------------------------------------------------------------------\n\nconst COLLABORATION_PAYMENT_FIELDS = `\n  payout { ${COLLABORATION_PAYOUT_FIELDS} }\n  provider providerOrderId razorpayKeyId clientSecret stripePublishableKey subtotal taxAmount total currency\n`;\n\n/** The calling creator's collaboration fees: awaiting the brand's payment, or paid. */\nexport const useMyCollaborationPayouts = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  return useQuery({\n    queryKey: [QK, 'collaboration-payouts'],\n    queryFn: async () => {\n      const data = await coolQuery<{ cooMyCollaborationPayouts: CooCollaborationPayoutConnection }>(\n        `query CooMyCollaborationPayouts($pagination: PaginationInput) {\n          cooMyCollaborationPayouts(pagination: $pagination) {\n            items { ${COLLABORATION_PAYOUT_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: { limit: 50, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.cooMyCollaborationPayouts;\n    },\n  });\n};\n\nconst useCollaborationPayoutInvalidation = () => {\n  const queryClient = useQueryClient();\n  return (collaborationId: string) => {\n    void queryClient.invalidateQueries({ queryKey: [QK, 'collaboration', collaborationId] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'collaboration-payouts'] });\n    void queryClient.invalidateQueries({ queryKey: [QK, 'creator-earnings-summary'] });\n  };\n};\n\n/** Start (or re-open) the brand owner's payment of a collaboration fee. */\nexport const usePayCollaborationFee = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const refresh = useCollaborationPayoutInvalidation();\n  return useMutation({\n    mutationFn: async (collaborationId: string) => {\n      const data = await coolQuery<{ cooPayCollaborationFee: CooCollaborationPaymentCheckout }>(\n        `mutation CooPayCollaborationFee($id: ID!) {\n          cooPayCollaborationFee(id: $id) { ${COLLABORATION_PAYMENT_FIELDS} }\n        }`,\n        { id: collaborationId },\n        apiGatewayUrl\n      );\n      return data.cooPayCollaborationFee;\n    },\n    onSuccess: (checkout) => refresh(checkout.payout.collaborationId),\n  });\n};\n\n/** Ask the backend to settle a collaboration fee against global-billing's payment record. */\nexport const useSyncCollaborationPayment = () => {\n  const { apiGatewayUrl } = useCoolAndLovely();\n  const refresh = useCollaborationPayoutInvalidation();\n  return useMutation({\n    mutationFn: async (collaborationId: string) => {\n      const data = await coolQuery<{ cooSyncCollaborationPayment: CooCollaborationPayout }>(\n        `mutation CooSyncCollaborationPayment($id: ID!) {\n          cooSyncCollaborationPayment(id: $id) { ${COLLABORATION_PAYOUT_FIELDS} }\n        }`,\n        { id: collaborationId },\n        apiGatewayUrl\n      );\n      return data.cooSyncCollaborationPayment;\n    },\n    onSuccess: (payout) => refresh(payout.collaborationId),\n  });\n};\n"],"mappings":"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"}

package/dist/coolandlovely/pages/items/StoreListedPieceView.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+/**
+ * The fallback piece page for a store shopper. Renders "Item not found" when the store does not
+ * list the piece either (drafts, retired pieces, pieces of unpublished brands).
+ */
+export declare const StoreListedPieceView: FC<{
+    itemId: string | undefined;
+    onRetry: () => void;
+}>;
+//# sourceMappingURL=StoreListedPieceView.d.ts.map

package/dist/coolandlovely/pages/items/StoreListedPieceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreListedPieceView.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/items/StoreListedPieceView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAkS1C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAkIxF,CAAC"}

package/dist/coolandlovely/pages/items/StoreListedPieceView.js

@@ -0,0 +1,352 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useTr as r } from "../../hooks/useTr.js";
+import "../../hooks/index.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { Thumbnail as o } from "../../components/Thumbnail.js";
+import { formatPrice as s, titleCase as c } from "../../utils/formatters.js";
+import { categoryIcon as l } from "../../utils/icons.js";
+import { TextAreaField as u, TextField as d } from "../../components/Field.js";
+import { TagList as f } from "../../components/TagList.js";
+import { ColourSwatchRow as p } from "../../components/ColourSwatchRow.js";
+import { useBuyStoreListedPiece as m, useStoreListedPiece as h, useSyncOrderPayment as g } from "../../hooks/useCommerceApi.js";
+import { PayForOrder as _ } from "../../components/PayForOrder.js";
+import { useState as v } from "react";
+import { ArrowLeft as y, Loader2 as b, ShoppingBag as x, Store as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/pages/items/StoreListedPieceView.tsx
+var E = 10, D = 5, O = (e) => t("inline-flex min-w-9 items-center justify-center rounded-full border px-3 py-1 text-sm font-medium transition-colors disabled:opacity-40 disabled:line-through", e ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-seam text-text-primary hover:bg-bg-sunken"), k = "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50";
+function A(e, t, n) {
+	return e.trackInventory ? e.variants.filter((e) => (t === null || (e.size ?? "") === t) && (n === null || (e.colour ?? "") === n)).reduce((e, t) => e + t.available, 0) : null;
+}
+var j = ({ piece: e, onCheckout: n }) => {
+	let i = r(), a = m(), [o, c] = v(e.sizes.length === 1 ? e.sizes[0] ?? null : null), [l, f] = v(e.colours.length === 1 ? e.colours[0] ?? null : null), [p, h] = v(1), [g, _] = v(""), [y, S] = v(""), [T, j] = v("");
+	if (!e.inStock) return /* @__PURE__ */ C("p", {
+		className: "rounded-lg border border-border-seam bg-bg-sunken p-3 text-sm text-text-secondary",
+		children: i("coolandlovely.storePiece.soldOut", "This piece is sold out right now.")
+	});
+	let M = e.sizes.length > 0 && !o, N = e.colours.length > 0 && !l, P = M || N ? null : A(e, o ?? "", l ?? ""), F = P !== null && P <= 0, I = P === null ? E : Math.max(1, Math.min(E, P)), L = !M && !N && !F && g.trim() !== "" && y.trim() !== "";
+	return /* @__PURE__ */ w("div", {
+		className: "space-y-4",
+		"data-testid": "store-buy-panel",
+		children: [
+			e.sizes.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+				className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
+				children: i("coolandlovely.cart.chooseSize", "Choose a size")
+			}), /* @__PURE__ */ C("div", {
+				className: "flex flex-wrap gap-2",
+				children: e.sizes.map((t) => /* @__PURE__ */ C("button", {
+					type: "button",
+					"aria-pressed": o === t,
+					disabled: A(e, t, l) === 0,
+					onClick: () => {
+						c(t), h(1);
+					},
+					className: O(o === t),
+					children: t
+				}, t))
+			})] }),
+			e.colours.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+				className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
+				children: i("coolandlovely.cart.chooseColour", "Choose a colour")
+			}), /* @__PURE__ */ C("div", {
+				className: "flex flex-wrap gap-2",
+				children: e.colours.map((t) => /* @__PURE__ */ C("button", {
+					type: "button",
+					"aria-pressed": l === t,
+					disabled: A(e, o, t) === 0,
+					onClick: () => {
+						f(t), h(1);
+					},
+					className: O(l === t),
+					children: t
+				}, t))
+			})] }),
+			/* @__PURE__ */ w("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ C("label", {
+					htmlFor: "coo-store-quantity",
+					className: "text-sm text-text-secondary",
+					children: i("coolandlovely.cart.quantity", "Quantity")
+				}), /* @__PURE__ */ C("select", {
+					id: "coo-store-quantity",
+					value: p,
+					onChange: (e) => h(Number(e.target.value)),
+					className: "rounded-lg border border-border-seam bg-bg-surface px-2 py-1.5 text-sm text-text-primary",
+					children: Array.from({ length: I }, (e, t) => t + 1).map((e) => /* @__PURE__ */ C("option", {
+						value: e,
+						children: e
+					}, e))
+				})]
+			}),
+			P !== null && /* @__PURE__ */ C("p", {
+				"data-testid": "store-stock-left",
+				className: t("text-sm font-medium", F || P <= D ? "text-status-warning-text" : "text-text-secondary"),
+				children: F ? i("coolandlovely.cart.soldOut", "Sold out in this size and colour") : P <= D ? i("coolandlovely.cart.onlyLeft", "Only {{count}} left", { count: P }) : i("coolandlovely.cart.inStock", "In stock")
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "space-y-3 border-t border-border-seam pt-4",
+				children: [
+					/* @__PURE__ */ C(d, {
+						id: "coo-store-shipping-name",
+						label: i("coolandlovely.checkout.shippingName", "Full name"),
+						value: g,
+						onChange: _,
+						required: !0
+					}),
+					/* @__PURE__ */ C(u, {
+						id: "coo-store-shipping-address",
+						label: i("coolandlovely.checkout.shippingAddress", "Shipping address"),
+						value: y,
+						onChange: S,
+						rows: 3,
+						required: !0
+					}),
+					/* @__PURE__ */ C(d, {
+						id: "coo-store-buyer-note",
+						label: i("coolandlovely.checkout.note", "Note for the brand (optional)"),
+						value: T,
+						onChange: j
+					})
+				]
+			}),
+			/* @__PURE__ */ C("p", {
+				className: "text-xs text-text-secondary",
+				children: i("coolandlovely.cart.taxNote", "Tax is calculated when you place the order.")
+			}),
+			a.error && /* @__PURE__ */ C("p", {
+				className: "text-sm text-status-error-text",
+				children: a.error.message
+			}),
+			/* @__PURE__ */ w("button", {
+				type: "button",
+				disabled: !L || a.isPending,
+				onClick: () => {
+					a.mutate({
+						styleItemId: e.id,
+						quantity: p,
+						size: o,
+						colour: l,
+						shippingName: g.trim(),
+						shippingAddress: y.trim(),
+						buyerNote: T.trim() || null
+					}, { onSuccess: n });
+				},
+				className: k,
+				children: [a.isPending ? /* @__PURE__ */ C(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), i("coolandlovely.storePiece.buyNow", "Buy now · {{amount}}", { amount: s(e.price * p, e.currency) })]
+			})
+		]
+	});
+}, M = ({ session: t }) => {
+	let i = r(), { navigateTo: a } = e(), o = g();
+	return /* @__PURE__ */ C(n, {
+		title: i("coolandlovely.checkout.payTitle", "Pay for your order"),
+		description: t.order.orderNumber,
+		children: /* @__PURE__ */ C("div", {
+			className: "mx-auto max-w-lg space-y-4",
+			children: /* @__PURE__ */ w(T, {
+				treatment: "glass",
+				className: "space-y-4 p-6",
+				children: [
+					/* @__PURE__ */ w("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: i("coolandlovely.checkout.subtotal", "Subtotal")
+								}), /* @__PURE__ */ C("dd", {
+									className: "tabular-nums text-text-primary",
+									children: s(t.subtotal, t.currency)
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: i("coolandlovely.checkout.tax", "Tax")
+								}), /* @__PURE__ */ C("dd", {
+									className: "tabular-nums text-text-primary",
+									children: s(t.taxAmount, t.currency)
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between border-t border-border-seam pt-2 text-base font-semibold",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-primary",
+									children: i("coolandlovely.checkout.total", "Total")
+								}), /* @__PURE__ */ C("dd", {
+									className: "tabular-nums text-text-primary",
+									"data-testid": "store-checkout-total",
+									children: s(t.total, t.currency)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ C(_, {
+						checkout: t,
+						onSettle: async () => {
+							await o.mutateAsync(t.order.id).catch(() => void 0), a(`/orders/${t.order.id}`);
+						}
+					}),
+					/* @__PURE__ */ C("button", {
+						type: "button",
+						onClick: () => a(`/orders/${t.order.id}`),
+						className: "w-full text-center text-sm font-medium text-text-secondary hover:underline",
+						children: i("coolandlovely.checkout.payLater", "Pay later from My Orders")
+					})
+				]
+			})
+		})
+	});
+}, N = ({ itemId: t, onRetry: u }) => {
+	let d = r(), { navigateTo: m } = e(), g = h(t, !0), [_, b] = v(null), x = d("coolandlovely.storePiece.pageTitle", "Style item");
+	if (_) return /* @__PURE__ */ C(M, { session: _ });
+	if (g.isLoading) return /* @__PURE__ */ C(n, {
+		title: x,
+		children: /* @__PURE__ */ C(a, { label: d("coolandlovely.storePiece.loading", "Loading item…") })
+	});
+	let E = g.data;
+	return g.isError || !E ? /* @__PURE__ */ C(n, {
+		title: x,
+		children: /* @__PURE__ */ C(i, {
+			title: d("coolandlovely.storePiece.notFound", "Item not found"),
+			onRetry: () => {
+				u(), g.refetch();
+			}
+		})
+	}) : /* @__PURE__ */ C(n, {
+		title: E.name,
+		description: E.brandName,
+		actions: /* @__PURE__ */ w("button", {
+			type: "button",
+			onClick: () => m("/discover"),
+			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+			children: [
+				/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
+				" ",
+				d("coolandlovely.storePiece.back", "Discover")
+			]
+		}),
+		children: /* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			"data-testid": "store-listed-piece",
+			children: [/* @__PURE__ */ C("div", {
+				className: "lg:col-span-2",
+				children: /* @__PURE__ */ w(T, {
+					treatment: "glass",
+					className: "overflow-hidden p-0",
+					children: [/* @__PURE__ */ C(o, {
+						icon: l(E.category, 48),
+						seed: E.id,
+						alt: E.name,
+						className: "aspect-[4/5] w-full"
+					}), E.description && /* @__PURE__ */ C("div", {
+						className: "p-6",
+						children: /* @__PURE__ */ C("p", {
+							className: "text-sm leading-relaxed text-text-secondary",
+							children: E.description
+						})
+					})]
+				})
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ w(T, {
+					treatment: "glass",
+					className: "space-y-5 p-6",
+					children: [
+						/* @__PURE__ */ w("div", { children: [
+							/* @__PURE__ */ w("p", {
+								className: "inline-flex items-center gap-1.5 text-xs font-medium text-accent-primary",
+								children: [/* @__PURE__ */ C(S, { className: "h-3.5 w-3.5" }), d("coolandlovely.storePiece.fromStore", "Listed in the Burdenoff store")]
+							}),
+							/* @__PURE__ */ C("h2", {
+								className: "mt-2 text-2xl font-semibold leading-tight text-text-primary",
+								children: E.name
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "mt-1 text-sm font-medium text-text-secondary",
+								children: [E.brandName, /* @__PURE__ */ w("span", {
+									className: "ml-1 text-text-tertiary",
+									children: ["@", E.brandHandle]
+								})]
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "mt-3 text-3xl font-bold text-text-primary tabular-nums",
+								children: [s(E.price, E.currency), /* @__PURE__ */ C("span", {
+									className: "ml-2 text-base font-medium text-text-secondary",
+									children: E.currency
+								})]
+							})
+						] }),
+						E.colours.length > 0 && /* @__PURE__ */ C(p, {
+							colours: E.colours,
+							max: 12
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "border-t border-border-seam pt-5",
+							children: /* @__PURE__ */ C(j, {
+								piece: E,
+								onCheckout: b
+							})
+						}),
+						E.materials.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "mb-1 text-xs font-medium uppercase tracking-wide text-text-secondary",
+							children: d("coolandlovely.storePiece.materials", "Materials")
+						}), /* @__PURE__ */ C("p", {
+							className: "text-sm text-text-primary",
+							children: E.materials.join(", ")
+						})] }),
+						E.tags.length > 0 && /* @__PURE__ */ C(f, {
+							tags: E.tags,
+							max: 12,
+							tone: "accent"
+						})
+					]
+				}), /* @__PURE__ */ w(T, {
+					treatment: "plain",
+					className: "p-5",
+					children: [
+						/* @__PURE__ */ C("h3", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: d("coolandlovely.storePiece.details", "Details")
+						}),
+						/* @__PURE__ */ w("dl", {
+							className: "space-y-2 text-sm",
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex justify-between gap-2",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: d("coolandlovely.storePiece.category", "Category")
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary",
+									children: c(E.category)
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "flex justify-between gap-2",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "SKU"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary",
+									children: E.sku ?? "—"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ C("p", {
+							className: "mt-3 text-xs text-text-secondary",
+							children: d("coolandlovely.storePiece.soldBy", "Sold and shipped by {{brand}}. Your order appears in My Orders.", { brand: E.brandName })
+						})
+					]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { N as StoreListedPieceView };
+
+//# sourceMappingURL=StoreListedPieceView.js.map