@burdenoff/microfe-coolandlovely 2026.1024.2 → 2026.1024.3

package/dist/coolandlovely/components/PayForOrder.js

@@ -0,0 +1,118 @@
+import { useTr as e } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { formatPrice as t } from "../utils/formatters.js";
+import { loadStripe as n, openRazorpayCheckout as r } from "../utils/paymentProviders.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { CreditCard as s, Loader2 as c, Lock as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/coolandlovely/components/PayForOrder.tsx
+var f = "inline-flex 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 p(e) {
+	return window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0;
+}
+var m = ({ checkout: r, onSettle: s, publishableKey: m, clientSecret: h }) => {
+	let g = e(), _ = a(null), v = a(null), y = a(null), [b, x] = o(!1), [S, C] = o(!1), [w, T] = o(!1), [E, D] = o(null);
+	i(() => {
+		let e = !1;
+		return n(m).then((t) => {
+			if (e || !_.current) return;
+			v.current = t;
+			let n = t.elements().create("card", { style: {
+				base: {
+					fontSize: "16px",
+					color: p("--color-text-primary"),
+					iconColor: p("--color-text-secondary"),
+					"::placeholder": { color: p("--color-text-secondary") }
+				},
+				invalid: { color: p("--color-status-error-text") }
+			} });
+			n.on("change", (e) => {
+				C(e.complete), D(e.error?.message ?? null);
+			}), n.mount(_.current), y.current = n, x(!0);
+		}).catch((t) => {
+			e || D(t instanceof Error ? t.message : String(t));
+		}), () => {
+			e = !0, y.current?.destroy(), y.current = null;
+		};
+	}, [m]);
+	let O = async () => {
+		let e = v.current, t = y.current;
+		if (!(!e || !t)) {
+			T(!0), D(null);
+			try {
+				let n = await e.confirmCardPayment(h, { payment_method: { card: t } });
+				n.error && D(n.error.message ?? g("coolandlovely.checkout.payFailed", "The payment did not go through.")), await s();
+			} finally {
+				T(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ u("div", {
+				ref: _,
+				"data-testid": "stripe-card-element",
+				className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-3"
+			}),
+			E && /* @__PURE__ */ u("p", {
+				className: "text-sm text-status-error-text",
+				children: E
+			}),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: f,
+				disabled: !b || !S || w,
+				onClick: () => void O(),
+				children: [w ? /* @__PURE__ */ u(c, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ u(l, { className: "h-4 w-4" }), g("coolandlovely.checkout.payAmount", "Pay {{amount}}", { amount: t(r.total, r.currency) })]
+			})
+		]
+	});
+}, h = ({ checkout: n, onSettle: i }) => {
+	let a = e(), [l, p] = o(!1), [h, g] = o(null);
+	if (n.clientSecret && n.stripePublishableKey) return /* @__PURE__ */ u(m, {
+		checkout: n,
+		onSettle: i,
+		publishableKey: n.stripePublishableKey,
+		clientSecret: n.clientSecret
+	});
+	if (n.providerOrderId && n.razorpayKeyId) {
+		let { providerOrderId: e, razorpayKeyId: o } = n, m = async () => {
+			p(!0), g(null);
+			try {
+				await r({
+					keyId: o,
+					providerOrderId: e,
+					total: n.total,
+					currency: n.currency,
+					description: a("coolandlovely.checkout.orderLabel", "Order {{number}}", { number: n.order.orderNumber })
+				}), await i();
+			} catch (e) {
+				g(e instanceof Error ? e.message : String(e));
+			} finally {
+				p(!1);
+			}
+		};
+		return /* @__PURE__ */ d("div", {
+			className: "space-y-3",
+			children: [h && /* @__PURE__ */ u("p", {
+				className: "text-sm text-status-error-text",
+				children: h
+			}), /* @__PURE__ */ d("button", {
+				type: "button",
+				className: f,
+				disabled: l,
+				onClick: () => void m(),
+				children: [l ? /* @__PURE__ */ u(c, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ u(s, { className: "h-4 w-4" }), a("coolandlovely.checkout.payAmount", "Pay {{amount}}", { amount: t(n.total, n.currency) })]
+			})]
+		});
+	}
+	return /* @__PURE__ */ u("p", {
+		className: "rounded-lg border border-border-seam bg-bg-sunken p-3 text-sm text-text-secondary",
+		children: a("coolandlovely.checkout.providerUnavailable", "Online payment is not available for this order right now. Your order is saved — try again from My Orders.")
+	});
+};
+//#endregion
+export { h as PayForOrder };
+
+//# sourceMappingURL=PayForOrder.js.map

package/dist/coolandlovely/components/PayForOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayForOrder.js","names":[],"sources":["../../../src/coolandlovely/components/PayForOrder.tsx"],"sourcesContent":["/**\n * PayForOrder — collects the payment for an order through the provider global-billing chose.\n * @module coolandlovely/components\n *\n * Razorpay: opens Razorpay's checkout widget for the billing-created order.\n * Stripe: mounts a Stripe card element and confirms the billing-issued client secret.\n * Whatever the provider reports, the order is only marked paid by `onSettle`, which asks the\n * backend to re-read billing's payment record (BOFF-3370).\n */\n\nimport { type FC, useEffect, useRef, useState } from 'react';\nimport { CreditCard, Loader2, Lock } from 'lucide-react';\n\nimport type { CooOrderCheckout } from '../types';\nimport { formatPrice } from '../utils/formatters';\nimport {\n  type StripeCardElement,\n  type StripeInstance,\n  loadStripe,\n  openRazorpayCheckout,\n} from '../utils/paymentProviders';\nimport { useTr } from '../hooks';\n\ninterface PayForOrderProps {\n  checkout: CooOrderCheckout;\n  /** Ask the backend to settle the order against billing; called after every attempt. */\n  onSettle: () => Promise<void>;\n}\n\nconst primaryButton =\n  'inline-flex 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';\n\n/** Read a semantic colour token so the Stripe iframe matches the current theme. */\nfunction cssToken(name: string): string | undefined {\n  const value = window.getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || undefined;\n}\n\nconst StripeCardForm: FC<PayForOrderProps & { publishableKey: string; clientSecret: string }> = ({\n  checkout,\n  onSettle,\n  publishableKey,\n  clientSecret,\n}) => {\n  const tr = useTr();\n  const mountRef = useRef<HTMLDivElement | null>(null);\n  const stripeRef = useRef<StripeInstance | null>(null);\n  const cardRef = useRef<StripeCardElement | null>(null);\n  const [ready, setReady] = useState(false);\n  const [complete, setComplete] = useState(false);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStripe(publishableKey)\n      .then((stripe) => {\n        if (cancelled || !mountRef.current) return;\n        stripeRef.current = stripe;\n        const card = stripe.elements().create('card', {\n          style: {\n            base: {\n              fontSize: '16px',\n              color: cssToken('--color-text-primary'),\n              iconColor: cssToken('--color-text-secondary'),\n              '::placeholder': { color: cssToken('--color-text-secondary') },\n            },\n            invalid: { color: cssToken('--color-status-error-text') },\n          },\n        });\n        card.on('change', (event) => {\n          setComplete(event.complete);\n          setError(event.error?.message ?? null);\n        });\n        card.mount(mountRef.current);\n        cardRef.current = card;\n        setReady(true);\n      })\n      .catch((err: unknown) => {\n        if (!cancelled) setError(err instanceof Error ? err.message : String(err));\n      });\n    return () => {\n      cancelled = true;\n      cardRef.current?.destroy();\n      cardRef.current = null;\n    };\n  }, [publishableKey]);\n\n  const pay = async () => {\n    const stripe = stripeRef.current;\n    const card = cardRef.current;\n    if (!stripe || !card) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const result = await stripe.confirmCardPayment(clientSecret, { payment_method: { card } });\n      if (result.error)\n        setError(\n          result.error.message ??\n            tr('coolandlovely.checkout.payFailed', 'The payment did not go through.')\n        );\n      await onSettle();\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      <div\n        ref={mountRef}\n        data-testid=\"stripe-card-element\"\n        className=\"rounded-lg border border-border-seam bg-bg-surface px-3 py-3\"\n      />\n      {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n      <button\n        type=\"button\"\n        className={primaryButton}\n        disabled={!ready || !complete || busy}\n        onClick={() => void pay()}\n      >\n        {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Lock className=\"h-4 w-4\" />}\n        {tr('coolandlovely.checkout.payAmount', 'Pay {{amount}}', {\n          amount: formatPrice(checkout.total, checkout.currency),\n        })}\n      </button>\n    </div>\n  );\n};\n\nexport const PayForOrder: FC<PayForOrderProps> = ({ checkout, onSettle }) => {\n  const tr = useTr();\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  if (checkout.clientSecret && checkout.stripePublishableKey) {\n    return (\n      <StripeCardForm\n        checkout={checkout}\n        onSettle={onSettle}\n        publishableKey={checkout.stripePublishableKey}\n        clientSecret={checkout.clientSecret}\n      />\n    );\n  }\n\n  if (checkout.providerOrderId && checkout.razorpayKeyId) {\n    const { providerOrderId, razorpayKeyId } = checkout;\n    const pay = async () => {\n      setBusy(true);\n      setError(null);\n      try {\n        await openRazorpayCheckout({\n          keyId: razorpayKeyId,\n          providerOrderId,\n          total: checkout.total,\n          currency: checkout.currency,\n          description: tr('coolandlovely.checkout.orderLabel', 'Order {{number}}', {\n            number: checkout.order.orderNumber,\n          }),\n        });\n        await onSettle();\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n      } finally {\n        setBusy(false);\n      }\n    };\n    return (\n      <div className=\"space-y-3\">\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        <button type=\"button\" className={primaryButton} disabled={busy} onClick={() => void pay()}>\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <CreditCard className=\"h-4 w-4\" />}\n          {tr('coolandlovely.checkout.payAmount', 'Pay {{amount}}', {\n            amount: formatPrice(checkout.total, checkout.currency),\n          })}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <p className=\"rounded-lg border border-border-seam bg-bg-sunken p-3 text-sm text-text-secondary\">\n      {tr(\n        'coolandlovely.checkout.providerUnavailable',\n        'Online payment is not available for this order right now. Your order is saved — try again from My Orders.'\n      )}\n    </p>\n  );\n};\n"],"mappings":"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"}

package/dist/coolandlovely/components/ShopItemCard.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+interface ShopItemCardProps {
+    id: string;
+    name: string;
+    brandName?: string;
+    price: number;
+    currency: string;
+    imageFileId?: string | null;
+    onOpen: () => void;
+    className?: string;
+}
+export declare const ShopItemCard: FC<ShopItemCardProps>;
+export {};
+//# sourceMappingURL=ShopItemCard.d.ts.map

package/dist/coolandlovely/components/ShopItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShopItemCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/ShopItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0C9C,CAAC"}

package/dist/coolandlovely/components/StateViews.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface LoadingViewProps {
+    label?: string;
+    className?: string;
+}
+export declare const LoadingView: FC<LoadingViewProps>;
+interface ErrorViewProps {
+    title?: string;
+    message?: string;
+    onRetry?: () => void;
+    className?: string;
+}
+export declare const ErrorView: FC<ErrorViewProps>;
+export {};
+//# sourceMappingURL=StateViews.d.ts.map

package/dist/coolandlovely/components/StateViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAK5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4BxC,CAAC"}

package/dist/coolandlovely/components/StatusBadge.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+interface StatusBadgeProps {
+    status: string;
+    className?: string;
+}
+export declare const StatusBadge: FC<StatusBadgeProps>;
+export {};
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/coolandlovely/components/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4GD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2B5C,CAAC"}

package/dist/coolandlovely/components/StatusBadge.js

@@ -41,6 +41,10 @@ var i = {
 	wishlist: "info",
 	purchased_on_platform: "success",
 	gifted: "warning",
+	pending_payment: "warning",
+	paid: "success",
+	pending: "secondary",
+	synced: "success",
 	inactive: "secondary",
 	error: "destructive",
 	failed: "destructive",

package/dist/coolandlovely/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module coolandlovely/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-accent-blue-subtle text-accent-blue',\n  outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-text',\n  warning: 'bg-status-warning-text',\n  destructive: 'bg-status-error-text',\n  secondary: 'bg-text-secondary',\n  info: 'bg-accent-blue',\n  outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Brand lifecycle\n  draft: 'secondary',\n  pending_review: 'warning',\n  published: 'success',\n  suspended: 'destructive',\n  archived: 'outline',\n\n  // Collection lifecycle\n  scheduled: 'info',\n  live: 'success',\n  ended: 'outline',\n\n  // Style item status\n  active: 'success',\n  out_of_stock: 'warning',\n  retired: 'outline',\n\n  // Collaboration lifecycle\n  proposed: 'secondary',\n  accepted: 'info',\n  in_progress: 'warning',\n  declined: 'destructive',\n  cancelled: 'destructive',\n\n  // Visibility\n  public: 'success',\n  followers: 'info',\n  private: 'secondary',\n\n  // Wardrobe source\n  owned: 'success',\n  wishlist: 'info',\n  purchased_on_platform: 'success',\n  gifted: 'warning',\n\n  // Generic\n  inactive: 'secondary',\n  error: 'destructive',\n  failed: 'destructive',\n  completed: 'success',\n};\n\n/** Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n  draft: 'coolandlovely.status.draft',\n  pending_review: 'coolandlovely.status.pendingReview',\n  published: 'coolandlovely.status.published',\n  suspended: 'coolandlovely.status.suspended',\n  archived: 'coolandlovely.status.archived',\n  scheduled: 'coolandlovely.status.scheduled',\n  live: 'coolandlovely.status.live',\n  ended: 'coolandlovely.status.ended',\n  active: 'coolandlovely.status.active',\n  out_of_stock: 'coolandlovely.status.outOfStock',\n  retired: 'coolandlovely.status.retired',\n  proposed: 'coolandlovely.status.proposed',\n  accepted: 'coolandlovely.status.accepted',\n  in_progress: 'coolandlovely.status.inProgress',\n  declined: 'coolandlovely.status.declined',\n  cancelled: 'coolandlovely.status.cancelled',\n  public: 'coolandlovely.status.public',\n  followers: 'coolandlovely.status.followers',\n  private: 'coolandlovely.status.private',\n  owned: 'coolandlovely.status.owned',\n  wishlist: 'coolandlovely.status.wishlist',\n  purchased_on_platform: 'coolandlovely.status.purchasedOnPlatform',\n  gifted: 'coolandlovely.status.gifted',\n  inactive: 'coolandlovely.status.inactive',\n  error: 'coolandlovely.status.error',\n  failed: 'coolandlovely.status.failed',\n  completed: 'coolandlovely.status.completed',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const tr = useTr();\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] || 'secondary';\n  const isLive = liveStatuses.has(key);\n  const labelKey = STATUS_LABEL_KEYS[key];\n  const label = labelKey ? tr(labelKey, formatStatusLabel(status)) : formatStatusLabel(status);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'h-1.5 w-1.5 rounded-full',\n          dotStyles[variant],\n          isLive && 'motion-safe:animate-vc-glow-pulse'\n        )}\n      />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC,EAEtE,IAA4C;CAChD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CACV,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,SAAS;CACT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI,EAC9B,IAAW,EAAkB,IAC7B,IAAQ,IAAW,EAAG,GAAU,EAAkB,EAAO,CAAC,GAAG,EAAkB,EAAO;AAE5F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EACI"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module coolandlovely/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-accent-blue-subtle text-accent-blue',\n  outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-text',\n  warning: 'bg-status-warning-text',\n  destructive: 'bg-status-error-text',\n  secondary: 'bg-text-secondary',\n  info: 'bg-accent-blue',\n  outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Brand lifecycle\n  draft: 'secondary',\n  pending_review: 'warning',\n  published: 'success',\n  suspended: 'destructive',\n  archived: 'outline',\n\n  // Collection lifecycle\n  scheduled: 'info',\n  live: 'success',\n  ended: 'outline',\n\n  // Style item status\n  active: 'success',\n  out_of_stock: 'warning',\n  retired: 'outline',\n\n  // Collaboration lifecycle\n  proposed: 'secondary',\n  accepted: 'info',\n  in_progress: 'warning',\n  declined: 'destructive',\n  cancelled: 'destructive',\n\n  // Visibility\n  public: 'success',\n  followers: 'info',\n  private: 'secondary',\n\n  // Wardrobe source\n  owned: 'success',\n  wishlist: 'info',\n  purchased_on_platform: 'success',\n  gifted: 'warning',\n\n  // Orders + creator commissions (BOFF-3370)\n  pending_payment: 'warning',\n  paid: 'success',\n  pending: 'secondary',\n  synced: 'success',\n\n  // Generic\n  inactive: 'secondary',\n  error: 'destructive',\n  failed: 'destructive',\n  completed: 'success',\n};\n\n/** Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n  draft: 'coolandlovely.status.draft',\n  pending_review: 'coolandlovely.status.pendingReview',\n  published: 'coolandlovely.status.published',\n  suspended: 'coolandlovely.status.suspended',\n  archived: 'coolandlovely.status.archived',\n  scheduled: 'coolandlovely.status.scheduled',\n  live: 'coolandlovely.status.live',\n  ended: 'coolandlovely.status.ended',\n  active: 'coolandlovely.status.active',\n  out_of_stock: 'coolandlovely.status.outOfStock',\n  retired: 'coolandlovely.status.retired',\n  proposed: 'coolandlovely.status.proposed',\n  accepted: 'coolandlovely.status.accepted',\n  in_progress: 'coolandlovely.status.inProgress',\n  declined: 'coolandlovely.status.declined',\n  cancelled: 'coolandlovely.status.cancelled',\n  public: 'coolandlovely.status.public',\n  followers: 'coolandlovely.status.followers',\n  private: 'coolandlovely.status.private',\n  owned: 'coolandlovely.status.owned',\n  wishlist: 'coolandlovely.status.wishlist',\n  purchased_on_platform: 'coolandlovely.status.purchasedOnPlatform',\n  gifted: 'coolandlovely.status.gifted',\n  inactive: 'coolandlovely.status.inactive',\n  error: 'coolandlovely.status.error',\n  failed: 'coolandlovely.status.failed',\n  completed: 'coolandlovely.status.completed',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const tr = useTr();\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] || 'secondary';\n  const isLive = liveStatuses.has(key);\n  const labelKey = STATUS_LABEL_KEYS[key];\n  const label = labelKey ? tr(labelKey, formatStatusLabel(status)) : formatStatusLabel(status);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'h-1.5 w-1.5 rounded-full',\n          dotStyles[variant],\n          isLive && 'motion-safe:animate-vc-glow-pulse'\n        )}\n      />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,iBAAiB;CACjB,MAAM;CACN,SAAS;CACT,QAAQ;CAGR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC,EAEtE,IAA4C;CAChD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CACV,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,SAAS;CACT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI,EAC9B,IAAW,EAAkB,IAC7B,IAAQ,IAAW,EAAG,GAAU,EAAkB,EAAO,CAAC,GAAG,EAAkB,EAAO;AAE5F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EACI"}

package/dist/coolandlovely/components/StepTracker.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface StepTrackerProps {
+    /** Ordered step values (e.g. ['PROPOSED','ACCEPTED','IN_PROGRESS','PUBLISHED']). */
+    steps: string[];
+    /** The current step value — must be one of `steps`. */
+    current: string;
+    className?: string;
+}
+export declare const StepTracker: FC<StepTrackerProps>;
+export {};
+//# sourceMappingURL=StepTracker.d.ts.map

package/dist/coolandlovely/components/StepTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTracker.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StepTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,gBAAgB;IACxB,oFAAoF;IACpF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6C5C,CAAC"}

package/dist/coolandlovely/components/TagList.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface TagListProps {
+    tags: string[];
+    /** Maximum chips to show before collapsing into a "+N" chip. */
+    max?: number;
+    className?: string;
+    tone?: 'default' | 'accent';
+}
+export declare const TagList: FC<TagListProps>;
+export {};
+//# sourceMappingURL=TagList.d.ts.map

package/dist/coolandlovely/components/TagList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA2BpC,CAAC"}

package/dist/coolandlovely/components/Thumbnail.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+
+interface ThumbnailProps {
+    icon: ReactNode;
+    /** Stable seed (e.g. entity id) used to pick a deterministic accent tint. */
+    seed?: string;
+    className?: string;
+    /** Whether a File reference exists (shows a subtle "image attached" hint). */
+    hasImage?: boolean;
+    label?: string;
+    /** wspace-files File id — when it resolves, its image overlays the glyph. */
+    fileId?: string | null;
+    /** Alt text when a real image is shown. */
+    alt?: string;
+    /**
+     * Optional content rendered absolutely over the image (e.g. a gradient scrim
+     * + overlaid caption). Positioned by the caller; sits above the FileImage.
+     */
+    overlay?: ReactNode;
+}
+export declare const Thumbnail: FC<ThumbnailProps>;
+export {};
+//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/coolandlovely/components/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/Thumbnail.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,cAAc;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAmBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}

package/dist/coolandlovely/components/VisibilityChip.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+interface VisibilityChipProps {
+    /** A `CooVisibility` value (PUBLIC / FOLLOWERS / PRIVATE) — case-insensitive. */
+    visibility: string;
+    className?: string;
+}
+export declare const VisibilityChip: FC<VisibilityChipProps>;
+export {};
+//# sourceMappingURL=VisibilityChip.d.ts.map

package/dist/coolandlovely/components/VisibilityChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityChip.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,UAAU,mBAAmB;IAC3B,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkBlD,CAAC"}

package/dist/coolandlovely/components/WardrobeItemCard.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { CooWardrobeItem } from '../types';
+
+interface WardrobeItemCardProps {
+    item: CooWardrobeItem;
+    onLogWear?: () => void;
+    onRemove?: () => void;
+    isLoggingWear?: boolean;
+    isRemoving?: boolean;
+    className?: string;
+}
+export declare const WardrobeItemCard: FC<WardrobeItemCardProps>;
+export {};
+//# sourceMappingURL=WardrobeItemCard.d.ts.map

package/dist/coolandlovely/components/WardrobeItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WardrobeItemCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/WardrobeItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwGtD,CAAC"}

package/dist/coolandlovely/components/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Components Index
+ * @module coolandlovely/components
+ */
+export { PageLayout } from './PageLayout';
+export { MetricsCard } from './MetricsCard';
+export { StatusBadge } from './StatusBadge';
+export { EmptyState } from './EmptyState';
+export { Thumbnail } from './Thumbnail';
+export { FileImage } from './FileImage';
+export { ImageUploadField } from './ImageUploadField';
+export { TagList } from './TagList';
+export { LoadingView, ErrorView } from './StateViews';
+export { FieldShell, TextField, TextAreaField, SelectField, ToggleField } from './Field';
+export { ActorName } from './ActorName';
+export { Comments } from './Comments';
+export { ActivityTrail } from './ActivityTrail';
+export { FollowButton } from './FollowButton';
+export { AddToLookbookButton } from './AddToLookbookButton';
+export { LookCard } from './LookCard';
+export { BrandCard } from './BrandCard';
+export { BrandCover } from './BrandCover';
+export { CollectionCard } from './CollectionCard';
+export { LookbookCard } from './LookbookCard';
+export { WardrobeItemCard } from './WardrobeItemCard';
+export { StepTracker } from './StepTracker';
+export { BrandCreatorAvatars } from './BrandCreatorAvatars';
+export { ShopItemCard } from './ShopItemCard';
+export { ColourSwatchRow } from './ColourSwatchRow';
+export { VisibilityChip } from './VisibilityChip';
+export { FeedbackWidget } from './FeedbackWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/coolandlovely/context/CoolAndLovelyContext.d.ts

@@ -0,0 +1,16 @@
+import { FC, PropsWithChildren } from 'react';
+import { CoolAndLovelyRootProps } from '../types';
+
+interface CoolAndLovelyContextValue extends Omit<CoolAndLovelyRootProps, 'registerNavItems' | 'registerFooterItems' | 'navigate'> {
+    isStandalone: boolean;
+    /** Shell's navigate function (only available in integrated mode) */
+    navigate?: (path: string) => void;
+    /** Navigate to a path relative to basePath */
+    navigateTo: (relativePath: string) => void;
+    /** Get the full path for a relative path */
+    getPath: (relativePath: string) => string;
+}
+export declare function useCoolAndLovely(): CoolAndLovelyContextValue;
+export declare const CoolAndLovelyProvider: FC<PropsWithChildren<CoolAndLovelyRootProps>>;
+export {};
+//# sourceMappingURL=CoolAndLovelyContext.d.ts.map

package/dist/coolandlovely/context/CoolAndLovelyContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoolAndLovelyContext.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/context/CoolAndLovelyContext.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAOvD,UAAU,yBAA0B,SAAQ,IAAI,CAC9C,sBAAsB,EACtB,kBAAkB,GAAG,qBAAqB,GAAG,UAAU,CACxD;IACC,YAAY,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAQD,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D;AAyID,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAqB/E,CAAC"}

package/dist/coolandlovely/context/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Context Index
+ * @module coolandlovely/context
+ */
+export { CoolAndLovelyProvider, useCoolAndLovely } from './CoolAndLovelyContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/context/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Hooks Index
+ * @module coolandlovely/hooks
+ */
+export { useBrands, useBrand, useCreateBrand, useUpdateBrand, useTransitionBrand, useArchiveBrand, useCollections, useCollection, useCreateCollection, useUpdateCollection, usePublishCollection, useArchiveCollection, useStyleItems, useStyleItem, useCreateStyleItem, useUpdateStyleItem, useArchiveStyleItem, useLooks, useLooksWithItems, useLook, useCreateLook, useUpdateLook, usePublishLook, useLikeLook, useUnlikeLook, useSaveLook, useUnsaveLook, useDeleteLook, useCollaborations, useCollaboration, useCreateCollaboration, useUpdateCollaboration, useTransitionCollaboration, useDeleteCollaboration, useWardrobeItems, useCreateWardrobeItem, useUpdateWardrobeItem, useLogWardrobeWear, useRemoveWardrobeItem, useMyStyleProfile, useStyleProfile, useStyleProfileByOwner, useUpsertStyleProfile, useLookbooks, useLookbook, useCreateLookbook, useAddLookbookEntry, useRemoveLookbookEntry, useDeleteLookbook, useIsFollowing, useFollow, useUnfollow, useMyFollowing, useMyFollowers, useSearchStyleItems, useSearchLooks, useApproveBrand, useRejectBrand, useReviewCollaboration, useFeatureStyleItem, useUnfeatureStyleItem, } from './useCoolAndLovelyApi';
+export type { ListBrandsArgs, ListCollectionsArgs, ListStyleItemsArgs, ListLooksArgs, ListCollaborationsArgs, ListWardrobeArgs, SearchStyleItemsArgs, SearchLooksArgs, } from './useCoolAndLovelyApi';
+export { uploadImageToFiles, useFileUrl, COO_FILE_FOLDERS } from './useFiles';
+export type { UploadedImage, CooFileFolder } from './useFiles';
+export { useEntityComments, useAddComment } from './useComments';
+export type { EntityCommentView, EntityCommentsResult } from './useComments';
+export { useEntityActivity } from './useActivity';
+export type { CooActivityEntry } from './useActivity';
+export { useAssistantEntityName } from './useAssistantEntity';
+export { useTr } from './useTr';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,eAAe,EAEf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EAEpB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EAEnB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EAEb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EAEtB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EAErB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EAEjB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,cAAc,EAEd,mBAAmB,EACnB,cAAc,EAEd,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,39 @@
+/**
+ * Audit-trail hooks — activity via wspace-activity-svc (NO new table).
+ * @module coolandlovely/hooks
+ *
+ * CoolAndLovely does NOT own an audit table. Every `coo*` mutation is already
+ * recorded by the svc's mutation-audit plugin
+ * (`wspace-coolandlovely-svc/src/plugins/mutation-audit-plugin.ts`) through
+ * be-sdk `trackOperation`, which writes an `ActivityLog` row on
+ * wspace-activity-svc carrying:
+ *
+ *   action       — the plugin's `eventName`, e.g. `coolandlovely.brand_transitioned`
+ *   description  — `"<action> <resourceType>: <fieldName>"`
+ *   resourceType — e.g. `coolandlovely-brand`
+ *   resourceId   — the affected record's id
+ *   userId       — the acting actor
+ *
+ * This hook is purely the read surface over those rows (`getActivities`,
+ * federated on the workspace supergraph). Nothing is synthesised: when the
+ * service has no rows for a record, callers render an empty state.
+ */
+/** A single audit entry as surfaced in the MFE (scalar-only projection). */
+export interface CooActivityEntry {
+    id: string;
+    action: string;
+    description: string | null;
+    resourceType: string | null;
+    resourceId: string | null;
+    userId: string;
+    timestamp: string;
+}
+/**
+ * Audit entries for one record, newest first.
+ *
+ * `getActivities` is `@rbac(action: "read", resource: "activity-log",
+ * scopeType: "wspace")` — a member without that permission gets an error from
+ * the gateway, which callers surface honestly rather than hiding.
+ */
+export declare const useEntityActivity: (resourceType: string, resourceId: string | undefined, limit?: number) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooActivityEntry[]>, Error>;
+//# sourceMappingURL=useActivity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActivity.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useActivity.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AASH,4EAA4E;AAC5E,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAqCD;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,EACpB,YAAY,MAAM,GAAG,SAAS,EAC9B,cAAU,uFAiBX,CAAC"}

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

@@ -0,0 +1,24 @@
+/**
+ * Assistant screen-context hook.
+ * @module coolandlovely/hooks
+ *
+ * The floating assistant already receives `entityType` / `entityId`, both
+ * resolved from the URL. Neither tells the model WHAT the shopper is looking
+ * at, so "publish this storefront" or "what collections is this in" forces the
+ * assistant to echo a UUID back at a human.
+ *
+ * `entityName` is one of the agent's allowed context keys
+ * (`~/products/wspace/sandbox/ai-assistant/src/context-loader.ts`), but nothing
+ * in this product ever sent it. Detail pages call this hook with the name from
+ * their own loaded record — no extra request, no invented label — and it is
+ * withdrawn again on unmount.
+ */
+/**
+ * Publish the current entity's display name to the assistant page context.
+ *
+ * Safe to call before the record has loaded: a missing id or name simply
+ * publishes nothing, so the assistant falls back to the id-only context it
+ * gets today rather than receiving a placeholder.
+ */
+export declare function useAssistantEntityName(entityId: string | undefined, entityName: string | null | undefined): void;
+//# sourceMappingURL=useAssistantEntity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAssistantEntity.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useAssistantEntity.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACpC,IAAI,CAMN"}

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

@@ -0,0 +1,37 @@
+/**
+ * Comments hooks — reviews / feedback via wspace-conversations-svc (NO new table).
+ * @module coolandlovely/hooks
+ *
+ * CoolAndLovely does NOT own a comment/review table. Reviews & feedback on a
+ * look or brand are polymorphic `EntityComment` records owned by
+ * wspace-conversations-svc, keyed by (entityType, entityId). Same graphqlFetch
+ * transport (workspace gateway + workspace token) as every other coo* call.
+ *
+ * Commenter display names must be resolved via fe-libs useActorProfiles
+ * (GLOBAL gateway) — the federated wspace `User` here exposes only ids, so
+ * NEVER select firstName/name on the comment author.
+ */
+/** A single review/comment as surfaced in the MFE (scalar-only projection). */
+export interface EntityCommentView {
+    id: string;
+    authorId: string;
+    authorType: string;
+    text: string;
+    createdAt: string;
+    edited: boolean;
+}
+export interface EntityCommentsResult {
+    total: number;
+    comments: EntityCommentView[];
+}
+/** List reviews/comments for a (entityType, entityId), newest first. */
+export declare const useEntityComments: (entityType: string, entityId: string | undefined) => import('@tanstack/react-query').UseQueryResult<NoInfer<EntityCommentsResult>, Error>;
+/** Post a review/comment on a (entityType, entityId). */
+export declare const useAddComment: () => import('@tanstack/react-query').UseMutationResult<{
+    id: string;
+}, Error, {
+    entityType: string;
+    entityId: string;
+    text: string;
+}, unknown>;
+//# sourceMappingURL=useComments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComments.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useComments.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAUH,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AA2DD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS,yFAmCjF,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,aAAa;QAayC,MAAM;;gBAJvD,MAAM;cACR,MAAM;UACV,MAAM;WAqBjB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { CooAddToCartInput, CooCart, CooCheckoutInput, CooCreatorEarningConnection, CooCreatorEarningsSummary, CooCreatorPayout, CooOrder, CooOrderCheckout, CooOrderConnection, CooOrderStatus } from '../types';
+
+export declare const useMyCart: () => import('@tanstack/react-query').UseQueryResult<NoInfer<CooCart>, Error>;
+export declare const useAddToCart: () => import('@tanstack/react-query').UseMutationResult<CooCart, Error, {
+    input: CooAddToCartInput;
+}, unknown>;
+export declare const useUpdateCartItem: () => import('@tanstack/react-query').UseMutationResult<CooCart, Error, {
+    id: string;
+    quantity: number;
+}, unknown>;
+export declare const useRemoveCartItem: () => import('@tanstack/react-query').UseMutationResult<CooCart, Error, {
+    id: string;
+}, unknown>;
+export declare const useMyOrders: (status?: CooOrderStatus) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooOrderConnection>, Error>;
+export declare const useMyOrder: (id: string | undefined) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooOrder | null>, Error>;
+export declare const useCheckout: () => import('@tanstack/react-query').UseMutationResult<CooOrderCheckout, Error, CooCheckoutInput, unknown>;
+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>;
+export declare const useMyCreatorEarnings: () => import('@tanstack/react-query').UseQueryResult<NoInfer<CooCreatorEarningConnection>, Error>;
+export declare const useMyCreatorEarningsSummary: () => import('@tanstack/react-query').UseQueryResult<NoInfer<CooCreatorEarningsSummary>, Error>;
+export declare const useRequestCreatorPayout: () => import('@tanstack/react-query').UseMutationResult<CooCreatorPayout, Error, {
+    amount: number;
+    currency: string;
+    notes?: string | null;
+}, unknown>;
+//# sourceMappingURL=useCommerceApi.d.ts.map

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

@@ -0,0 +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,2BAA2B,EAC3B,yBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACf,MAAM,UAAU,CAAC;AA+BlB,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;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"}