@burdenoff/microfe-coolandlovely 2026.1101.8 → 2026.1102.2

package/dist/coolandlovely/pages/collaborations/CollaborationFormPage.js

@@ -6,33 +6,34 @@ import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js
 import { parseCsv as c, titleCase as l } from "../../utils/formatters.js";
 import { SelectField as u, TextAreaField as d, TextField as f } from "../../components/Field.js";
 import { ActorName as p } from "../../components/ActorName.js";
-import { useEffect as m, useMemo as h, useState as g } from "react";
-import { ArrowLeft as _, Handshake as v, Loader2 as y, Save as b } from "lucide-react";
-import { useParams as x } from "react-router";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { GlassCard as w } from "@burdenoff/fe-libs/ui";
+import { useContextNavigation as m } from "../../hooks/useContextNavigation.js";
+import { useEffect as h, useMemo as g, useState as _ } from "react";
+import { ArrowLeft as v, Handshake as y, Loader2 as b, Save as x } from "lucide-react";
+import { useParams as S } from "react-router";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/collaborations/CollaborationFormPage.tsx
-var T = [
+var E = [
 	"CREATOR",
 	"BRAND",
 	"STYLIST",
 	"PHOTOGRAPHER"
-], E = /* @__PURE__ */ new Set([
+], D = /* @__PURE__ */ new Set([
 	"PUBLISHED",
 	"DECLINED",
 	"CANCELLED"
 ]);
-function D(e) {
+function O(e) {
 	if (!e) return;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? void 0 : t.toISOString();
 }
-function O(e) {
+function k(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-var k = {
+var A = {
 	brandId: "",
 	creatorId: "",
 	title: "",
@@ -44,249 +45,251 @@ var k = {
 	startDate: "",
 	endDate: ""
 };
-function A() {
-	let { collaborationId: A } = x(), j = !!A, { navigateTo: M, currentUser: N } = e(), P = i(), F = a(), I = n({ pagination: {
+function j() {
+	let { collaborationId: j } = S(), M = !!j, { currentUser: N } = e(), P = m(), F = i(), I = a(), L = n({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), L = r(j ? A : void 0), [R, z] = g({
-		...k,
+	} }), R = r(M ? j : void 0), [z, B] = _({
+		...A,
 		creatorId: N?.id ?? ""
-	}), [B, V] = g({});
-	m(() => {
-		if (!j || !L.data) return;
-		let e = L.data;
-		z({
+	}), [V, H] = _({});
+	h(() => {
+		if (!M || !R.data) return;
+		let e = R.data;
+		B({
 			brandId: e.brandId,
 			creatorId: e.creatorId,
 			title: e.title,
 			brief: e.brief ?? "",
 			role: e.role,
-			compensation: e.compensation ? String(e.compensation) : "",
+			compensation: e.rateCardId || e.compensation ? String(e.compensation) : "",
 			currency: e.currency,
 			tags: e.tags.join(", "),
-			startDate: O(e.startDate),
-			endDate: O(e.endDate)
+			startDate: k(e.startDate),
+			endDate: k(e.endDate)
 		});
-	}, [j, L.data]);
-	let H = (e, t) => z((n) => ({
+	}, [M, R.data]);
+	let U = (e, t) => B((n) => ({
 		...n,
 		[e]: t
-	})), U = h(() => (I.data?.items ?? []).map((e) => ({
+	})), W = g(() => (L.data?.items ?? []).map((e) => ({
 		value: e.id,
 		label: e.name
-	})), [I.data]), W = T.map((e) => ({
+	})), [L.data]), G = E.map((e) => ({
 		value: e,
 		label: l(e)
 	}));
-	if (j && L.isLoading) return /* @__PURE__ */ S(t, {
+	if (M && R.isLoading) return /* @__PURE__ */ C(t, {
 		title: "Edit collaboration",
-		children: /* @__PURE__ */ S(s, { label: "Loading collaboration…" })
+		children: /* @__PURE__ */ C(s, { label: "Loading collaboration…" })
 	});
-	if (j && (L.isError || !L.data)) return /* @__PURE__ */ S(t, {
+	if (M && (R.isError || !R.data)) return /* @__PURE__ */ C(t, {
 		title: "Edit collaboration",
-		children: /* @__PURE__ */ S(o, {
+		children: /* @__PURE__ */ C(o, {
 			title: "Collaboration not found",
-			onRetry: () => void L.refetch()
+			onRetry: () => void R.refetch()
 		})
 	});
-	let G = j && L.data ? E.has(L.data.status) : !1, K = () => {
+	let K = M && R.data ? D.has(R.data.status) : !1, q = !!(M && R.data?.rateCardId), J = () => {
 		let e = {};
-		return R.title.trim() || (e.title = "Title is required"), j || (R.brandId || (e.brandId = "Brand is required"), R.creatorId.trim() || (e.creatorId = "Creator is required")), R.compensation && Number.isNaN(Number(R.compensation)) && (e.compensation = "Must be a number"), V(e), Object.keys(e).length === 0;
-	}, q = j ? F : P;
-	return /* @__PURE__ */ S(t, {
-		title: j ? "Edit collaboration" : "New collaboration",
-		description: j ? "Update the brief, terms and dates" : "Propose a brand × creator partnership",
-		actions: /* @__PURE__ */ C("button", {
+		return z.title.trim() || (e.title = "Title is required"), M || (z.brandId || (e.brandId = "Brand is required"), z.creatorId.trim() || (e.creatorId = "Creator is required")), z.compensation && Number.isNaN(Number(z.compensation)) && (e.compensation = "Must be a number"), H(e), Object.keys(e).length === 0;
+	}, Y = M ? I : F;
+	return /* @__PURE__ */ C(t, {
+		title: M ? "Edit collaboration" : "New collaboration",
+		description: M ? "Update the brief, terms and dates" : "Propose a brand × creator partnership",
+		actions: /* @__PURE__ */ w("button", {
 			type: "button",
-			onClick: () => M(j && A ? `/collaborations/${A}` : "/collaborations"),
+			onClick: () => P(M && j ? `/collaborations/${j}` : "/collaborations"),
 			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__ */ S(_, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), " Cancel"]
 		}),
-		children: /* @__PURE__ */ S("form", {
+		children: /* @__PURE__ */ C("form", {
 			onSubmit: (e) => {
-				if (e.preventDefault(), K()) {
-					if (j && A) {
-						F.mutate({
-							id: A,
+				if (e.preventDefault(), J()) {
+					if (M && j) {
+						I.mutate({
+							id: j,
 							input: {
-								title: R.title.trim(),
-								brief: R.brief.trim() || void 0,
-								role: R.role,
-								compensation: R.compensation ? Number(R.compensation) : void 0,
-								currency: R.currency.trim() || void 0,
-								tags: c(R.tags),
-								startDate: D(R.startDate),
-								endDate: D(R.endDate)
+								title: z.title.trim(),
+								brief: z.brief.trim() || void 0,
+								...q ? {} : {
+									role: z.role,
+									compensation: z.compensation ? Number(z.compensation) : void 0,
+									currency: z.currency.trim() || void 0
+								},
+								tags: c(z.tags),
+								startDate: O(z.startDate),
+								endDate: O(z.endDate)
 							}
-						}, { onSuccess: (e) => M(`/collaborations/${e.id}`) });
+						}, { onSuccess: (e) => P(`/collaborations/${e.id}`) });
 						return;
 					}
-					P.mutate({
-						brandId: R.brandId,
-						creatorId: R.creatorId.trim(),
-						title: R.title.trim(),
-						brief: R.brief.trim() || void 0,
-						role: R.role,
-						compensation: R.compensation ? Number(R.compensation) : void 0,
-						currency: R.currency.trim() || void 0,
-						tags: c(R.tags),
-						startDate: D(R.startDate),
-						endDate: D(R.endDate)
-					}, { onSuccess: (e) => M(`/collaborations/${e.id}`) });
+					F.mutate({
+						brandId: z.brandId,
+						creatorId: z.creatorId.trim(),
+						title: z.title.trim(),
+						brief: z.brief.trim() || void 0,
+						role: z.role,
+						compensation: z.compensation ? Number(z.compensation) : void 0,
+						currency: z.currency.trim() || void 0,
+						tags: c(z.tags),
+						startDate: O(z.startDate),
+						endDate: O(z.endDate)
+					}, { onSuccess: (e) => P(`/collaborations/${e.id}`) });
 				}
 			},
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ C(w, {
+			children: /* @__PURE__ */ w(T, {
 				treatment: "plain",
 				className: "p-6",
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mb-6 flex items-center gap-3",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "flex h-11 w-11 items-center justify-center rounded-lg bg-status-warning-bg-subtle text-status-warning-text",
-							children: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
-						}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h2", {
+							children: /* @__PURE__ */ C(y, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Collaboration details"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "text-xs text-text-secondary",
-							children: j ? "Brand and creator cannot be changed after proposal." : "Created in the Proposed state."
+							children: M ? "Brand and creator cannot be changed after proposal." : "Created in the Proposed state."
 						})] })]
 					}),
-					G && /* @__PURE__ */ C("p", {
+					K && /* @__PURE__ */ w("p", {
 						className: "mb-4 rounded-lg bg-status-warning-bg-subtle px-3 py-2 text-sm text-status-warning-text",
 						children: [
 							"This collaboration is ",
-							L.data?.status.toLowerCase(),
+							R.data?.status.toLowerCase(),
 							" and can no longer be edited."
 						]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [j ? /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("span", {
+						children: [M ? /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("span", {
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: "Brand"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
-							children: L.data?.brand?.name ?? R.brandId
-						})] }) : /* @__PURE__ */ S(u, {
+							children: R.data?.brand?.name ?? z.brandId
+						})] }) : /* @__PURE__ */ C(u, {
 							id: "brandId",
 							label: "Brand",
-							value: R.brandId,
-							onChange: (e) => H("brandId", e),
-							options: U,
+							value: z.brandId,
+							onChange: (e) => U("brandId", e),
+							options: W,
 							required: !0,
-							placeholder: I.isLoading ? "Loading brands…" : "Select a brand",
-							error: B.brandId
-						}), /* @__PURE__ */ S(u, {
+							placeholder: L.isLoading ? "Loading brands…" : "Select a brand",
+							error: V.brandId
+						}), /* @__PURE__ */ C(u, {
 							id: "role",
 							label: "Role",
-							value: R.role,
-							onChange: (e) => H("role", e),
-							options: W,
-							disabled: G
+							value: z.role,
+							onChange: (e) => U("role", e),
+							options: G,
+							disabled: K || q
 						})]
 					}),
-					/* @__PURE__ */ S(f, {
+					/* @__PURE__ */ C(f, {
 						id: "title",
 						label: "Title",
-						value: R.title,
-						onChange: (e) => H("title", e),
+						value: z.title,
+						onChange: (e) => U("title", e),
 						placeholder: "Summer capsule edit",
 						required: !0,
-						error: B.title,
+						error: V.title,
 						className: "mt-4",
-						disabled: G
+						disabled: K
 					}),
-					j ? /* @__PURE__ */ C("div", {
+					M ? /* @__PURE__ */ w("div", {
 						className: "mt-4",
-						children: [/* @__PURE__ */ S("span", {
+						children: [/* @__PURE__ */ C("span", {
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: "Creator"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
-							children: /* @__PURE__ */ S(p, { id: R.creatorId })
+							children: /* @__PURE__ */ C(p, { id: z.creatorId })
 						})]
-					}) : /* @__PURE__ */ S(f, {
+					}) : /* @__PURE__ */ C(f, {
 						id: "creatorId",
 						label: "Creator ID",
-						value: R.creatorId,
-						onChange: (e) => H("creatorId", e),
+						value: z.creatorId,
+						onChange: (e) => U("creatorId", e),
 						placeholder: "creator user id",
 						required: !0,
 						hint: "Defaults to you. Paste another user's id to credit a different creator.",
-						error: B.creatorId,
+						error: V.creatorId,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ C(d, {
 						id: "brief",
 						label: "Brief",
-						value: R.brief,
-						onChange: (e) => H("brief", e),
+						value: z.brief,
+						onChange: (e) => U("brief", e),
 						placeholder: "What is this collaboration about…",
 						rows: 4,
 						className: "mt-4",
-						disabled: G
+						disabled: K
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ S(f, {
+						children: [/* @__PURE__ */ C(f, {
 							id: "compensation",
 							label: "Compensation",
 							type: "number",
-							value: R.compensation,
-							onChange: (e) => H("compensation", e),
+							value: z.compensation,
+							onChange: (e) => U("compensation", e),
 							placeholder: "0.00",
-							error: B.compensation,
-							disabled: G
-						}), /* @__PURE__ */ S(f, {
+							error: V.compensation,
+							disabled: K || q
+						}), /* @__PURE__ */ C(f, {
 							id: "currency",
 							label: "Currency",
-							value: R.currency,
-							onChange: (e) => H("currency", e),
+							value: z.currency,
+							onChange: (e) => U("currency", e),
 							placeholder: "USD",
-							disabled: G
+							disabled: K || q
 						})]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ S(f, {
+						children: [/* @__PURE__ */ C(f, {
 							id: "startDate",
 							label: "Start date",
 							type: "date",
-							value: R.startDate,
-							onChange: (e) => H("startDate", e),
-							disabled: G
-						}), /* @__PURE__ */ S(f, {
+							value: z.startDate,
+							onChange: (e) => U("startDate", e),
+							disabled: K
+						}), /* @__PURE__ */ C(f, {
 							id: "endDate",
 							label: "End date",
 							type: "date",
-							value: R.endDate,
-							onChange: (e) => H("endDate", e),
-							disabled: G
+							value: z.endDate,
+							onChange: (e) => U("endDate", e),
+							disabled: K
 						})]
 					}),
-					/* @__PURE__ */ S(f, {
+					/* @__PURE__ */ C(f, {
 						id: "tags",
 						label: "Tags",
-						value: R.tags,
-						onChange: (e) => H("tags", e),
+						value: z.tags,
+						onChange: (e) => U("tags", e),
 						placeholder: "capsule, sustainable",
 						hint: "Comma-separated",
 						className: "mt-4",
-						disabled: G
+						disabled: K
 					}),
-					q.isError && /* @__PURE__ */ S("p", {
+					Y.isError && /* @__PURE__ */ C("p", {
 						className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: q.error instanceof Error ? q.error.message : "Something went wrong"
+						children: Y.error instanceof Error ? Y.error.message : "Something went wrong"
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C("div", {
 						className: "mt-6 flex justify-end gap-2",
-						children: /* @__PURE__ */ C("button", {
+						children: /* @__PURE__ */ w("button", {
 							type: "submit",
-							disabled: q.isPending || G,
+							disabled: Y.isPending || K,
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
-							children: [q.isPending ? /* @__PURE__ */ S(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(b, { className: "h-4 w-4" }), j ? "Save changes" : "Create collaboration"]
+							children: [Y.isPending ? /* @__PURE__ */ C(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), M ? "Save changes" : "Create collaboration"]
 						})
 					})
 				]
@@ -295,6 +298,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as CollaborationFormPage };
+export { j as CollaborationFormPage };
 
 //# sourceMappingURL=CollaborationFormPage.js.map

package/dist/coolandlovely/pages/collaborations/CollaborationFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollaborationFormPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationFormPage.tsx"],"sourcesContent":["/**\n * Collaboration Create / Edit Page\n * @module coolandlovely/pages/collaborations\n *\n * Create mode drives `cooCreateCollaboration`. Edit mode (route\n * `/collaborations/:collaborationId/edit`) drives `cooUpdateCollaboration` —\n * identity (brand/creator) and status are immutable there, so those fields\n * render read-only and status transitions stay on CollaborationDetailPage.\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Loader2, Save, Handshake } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TextField, TextAreaField, SelectField } from '../../components/Field';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { ActorName } from '../../components/ActorName';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport {\n  useCreateCollaboration,\n  useUpdateCollaboration,\n  useCollaboration,\n  useBrands,\n} from '../../hooks';\nimport { parseCsv, titleCase } from '../../utils/formatters';\nimport type { CooCollaboratorRole } from '../../types';\n\nconst ROLES: CooCollaboratorRole[] = ['CREATOR', 'BRAND', 'STYLIST', 'PHOTOGRAPHER'];\n\n/** Statuses past which a collaboration's terms may no longer be edited (mirrors the svc's TERMINAL_COLLABORATION_STATUSES). */\nconst TERMINAL_STATUSES = new Set(['PUBLISHED', 'DECLINED', 'CANCELLED']);\n\ninterface FormState {\n  brandId: string;\n  creatorId: string;\n  title: string;\n  brief: string;\n  role: CooCollaboratorRole;\n  compensation: string;\n  currency: string;\n  tags: string;\n  startDate: string;\n  endDate: string;\n}\n\nfunction toIso(date: string): string | undefined {\n  if (!date) return undefined;\n  const d = new Date(date);\n  return Number.isNaN(d.getTime()) ? undefined : d.toISOString();\n}\n\n/** yyyy-MM-dd for a <input type=\"date\"> from an ISO string, or '' when unset. */\nfunction toDateInput(iso: string | null | undefined): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);\n}\n\nconst emptyForm: FormState = {\n  brandId: '',\n  creatorId: '',\n  title: '',\n  brief: '',\n  role: 'CREATOR',\n  compensation: '',\n  currency: 'USD',\n  tags: '',\n  startDate: '',\n  endDate: '',\n};\n\nexport function CollaborationFormPage() {\n  const { collaborationId } = useParams<{ collaborationId: string }>();\n  const isEditMode = Boolean(collaborationId);\n  const { navigateTo, currentUser } = useCoolAndLovely();\n  const createCollaboration = useCreateCollaboration();\n  const updateCollaboration = useUpdateCollaboration();\n  const brands = useBrands({ pagination: { limit: 100, offset: 0 } });\n  const existing = useCollaboration(isEditMode ? collaborationId : undefined);\n\n  const [form, setForm] = useState<FormState>({ ...emptyForm, creatorId: currentUser?.id ?? '' });\n  const [errors, setErrors] = useState<Partial<Record<keyof FormState, string>>>({});\n\n  // Prefill the form once the existing collaboration loads (edit mode only).\n  useEffect(() => {\n    if (!isEditMode || !existing.data) return;\n    const c = existing.data;\n    setForm({\n      brandId: c.brandId,\n      creatorId: c.creatorId,\n      title: c.title,\n      brief: c.brief ?? '',\n      role: c.role,\n      compensation: c.compensation ? String(c.compensation) : '',\n      currency: c.currency,\n      tags: c.tags.join(', '),\n      startDate: toDateInput(c.startDate),\n      endDate: toDateInput(c.endDate),\n    });\n  }, [isEditMode, existing.data]);\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) =>\n    setForm((f) => ({ ...f, [key]: value }));\n\n  const brandOptions = useMemo(\n    () => (brands.data?.items ?? []).map((b) => ({ value: b.id, label: b.name })),\n    [brands.data]\n  );\n  const roleOptions = ROLES.map((r) => ({ value: r, label: titleCase(r) }));\n\n  if (isEditMode && existing.isLoading) {\n    return (\n      <PageLayout title=\"Edit collaboration\">\n        <LoadingView label=\"Loading collaboration…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isEditMode && (existing.isError || !existing.data)) {\n    return (\n      <PageLayout title=\"Edit collaboration\">\n        <ErrorView title=\"Collaboration not found\" onRetry={() => void existing.refetch()} />\n      </PageLayout>\n    );\n  }\n\n  const isTerminal =\n    isEditMode && existing.data ? TERMINAL_STATUSES.has(existing.data.status) : false;\n\n  const validate = (): boolean => {\n    const next: Partial<Record<keyof FormState, string>> = {};\n    if (!form.title.trim()) next.title = 'Title is required';\n    if (!isEditMode) {\n      if (!form.brandId) next.brandId = 'Brand is required';\n      if (!form.creatorId.trim()) next.creatorId = 'Creator is required';\n    }\n    if (form.compensation && Number.isNaN(Number(form.compensation)))\n      next.compensation = 'Must be a number';\n    setErrors(next);\n    return Object.keys(next).length === 0;\n  };\n\n  const mutation = isEditMode ? updateCollaboration : createCollaboration;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!validate()) return;\n\n    if (isEditMode && collaborationId) {\n      updateCollaboration.mutate(\n        {\n          id: collaborationId,\n          input: {\n            title: form.title.trim(),\n            brief: form.brief.trim() || undefined,\n            role: form.role,\n            compensation: form.compensation ? Number(form.compensation) : undefined,\n            currency: form.currency.trim() || undefined,\n            tags: parseCsv(form.tags),\n            startDate: toIso(form.startDate),\n            endDate: toIso(form.endDate),\n          },\n        },\n        { onSuccess: (c) => navigateTo(`/collaborations/${c.id}`) }\n      );\n      return;\n    }\n\n    createCollaboration.mutate(\n      {\n        brandId: form.brandId,\n        creatorId: form.creatorId.trim(),\n        title: form.title.trim(),\n        brief: form.brief.trim() || undefined,\n        role: form.role,\n        compensation: form.compensation ? Number(form.compensation) : undefined,\n        currency: form.currency.trim() || undefined,\n        tags: parseCsv(form.tags),\n        startDate: toIso(form.startDate),\n        endDate: toIso(form.endDate),\n      },\n      { onSuccess: (c) => navigateTo(`/collaborations/${c.id}`) }\n    );\n  };\n\n  return (\n    <PageLayout\n      title={isEditMode ? 'Edit collaboration' : 'New collaboration'}\n      description={\n        isEditMode ? 'Update the brief, terms and dates' : 'Propose a brand × creator partnership'\n      }\n      actions={\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(\n              isEditMode && collaborationId\n                ? `/collaborations/${collaborationId}`\n                : '/collaborations'\n            )\n          }\n          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\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"mx-auto max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-status-warning-bg-subtle text-status-warning-text\">\n              <Handshake className=\"h-5 w-5\" />\n            </div>\n            <div>\n              <h2 className=\"text-base font-semibold text-text-primary\">Collaboration details</h2>\n              <p className=\"text-xs text-text-secondary\">\n                {isEditMode\n                  ? 'Brand and creator cannot be changed after proposal.'\n                  : 'Created in the Proposed state.'}\n              </p>\n            </div>\n          </div>\n\n          {isTerminal && (\n            <p className=\"mb-4 rounded-lg bg-status-warning-bg-subtle px-3 py-2 text-sm text-status-warning-text\">\n              This collaboration is {existing.data?.status.toLowerCase()} and can no longer be\n              edited.\n            </p>\n          )}\n\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {isEditMode ? (\n              <div>\n                <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Brand</span>\n                <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n                  {existing.data?.brand?.name ?? form.brandId}\n                </p>\n              </div>\n            ) : (\n              <SelectField\n                id=\"brandId\"\n                label=\"Brand\"\n                value={form.brandId}\n                onChange={(v) => setField('brandId', v)}\n                options={brandOptions}\n                required\n                placeholder={brands.isLoading ? 'Loading brands…' : 'Select a brand'}\n                error={errors.brandId}\n              />\n            )}\n            <SelectField\n              id=\"role\"\n              label=\"Role\"\n              value={form.role}\n              onChange={(v) => setField('role', v as CooCollaboratorRole)}\n              options={roleOptions}\n              disabled={isTerminal}\n            />\n          </div>\n\n          <TextField\n            id=\"title\"\n            label=\"Title\"\n            value={form.title}\n            onChange={(v) => setField('title', v)}\n            placeholder=\"Summer capsule edit\"\n            required\n            error={errors.title}\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          {isEditMode ? (\n            <div className=\"mt-4\">\n              <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Creator</span>\n              <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n                <ActorName id={form.creatorId} />\n              </p>\n            </div>\n          ) : (\n            <TextField\n              id=\"creatorId\"\n              label=\"Creator ID\"\n              value={form.creatorId}\n              onChange={(v) => setField('creatorId', v)}\n              placeholder=\"creator user id\"\n              required\n              hint=\"Defaults to you. Paste another user's id to credit a different creator.\"\n              error={errors.creatorId}\n              className=\"mt-4\"\n            />\n          )}\n\n          <TextAreaField\n            id=\"brief\"\n            label=\"Brief\"\n            value={form.brief}\n            onChange={(v) => setField('brief', v)}\n            placeholder=\"What is this collaboration about…\"\n            rows={4}\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"compensation\"\n              label=\"Compensation\"\n              type=\"number\"\n              value={form.compensation}\n              onChange={(v) => setField('compensation', v)}\n              placeholder=\"0.00\"\n              error={errors.compensation}\n              disabled={isTerminal}\n            />\n            <TextField\n              id=\"currency\"\n              label=\"Currency\"\n              value={form.currency}\n              onChange={(v) => setField('currency', v)}\n              placeholder=\"USD\"\n              disabled={isTerminal}\n            />\n          </div>\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"startDate\"\n              label=\"Start date\"\n              type=\"date\"\n              value={form.startDate}\n              onChange={(v) => setField('startDate', v)}\n              disabled={isTerminal}\n            />\n            <TextField\n              id=\"endDate\"\n              label=\"End date\"\n              type=\"date\"\n              value={form.endDate}\n              onChange={(v) => setField('endDate', v)}\n              disabled={isTerminal}\n            />\n          </div>\n\n          <TextField\n            id=\"tags\"\n            label=\"Tags\"\n            value={form.tags}\n            onChange={(v) => setField('tags', v)}\n            placeholder=\"capsule, sustainable\"\n            hint=\"Comma-separated\"\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          {mutation.isError && (\n            <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {mutation.error instanceof Error ? mutation.error.message : 'Something went wrong'}\n            </p>\n          )}\n\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <button\n              type=\"submit\"\n              disabled={mutation.isPending || isTerminal}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {mutation.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              {isEditMode ? 'Save changes' : 'Create collaboration'}\n            </button>\n          </div>\n        </GlassCard>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CollaborationFormPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationFormPage.tsx"],"sourcesContent":["/**\n * Collaboration Create / Edit Page\n * @module coolandlovely/pages/collaborations\n *\n * Create mode drives `cooCreateCollaboration`. Edit mode (route\n * `/collaborations/:collaborationId/edit`) drives `cooUpdateCollaboration` —\n * identity (brand/creator) and status are immutable there, so those fields\n * render read-only and status transitions stay on CollaborationDetailPage.\n */\n\nimport { useContextNavigation } from '../../hooks/useContextNavigation';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Loader2, Save, Handshake } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TextField, TextAreaField, SelectField } from '../../components/Field';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { ActorName } from '../../components/ActorName';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport {\n  useCreateCollaboration,\n  useUpdateCollaboration,\n  useCollaboration,\n  useBrands,\n} from '../../hooks';\nimport { parseCsv, titleCase } from '../../utils/formatters';\nimport type { CooCollaboratorRole } from '../../types';\n\nconst ROLES: CooCollaboratorRole[] = ['CREATOR', 'BRAND', 'STYLIST', 'PHOTOGRAPHER'];\n\n/** Statuses past which a collaboration's terms may no longer be edited (mirrors the svc's TERMINAL_COLLABORATION_STATUSES). */\nconst TERMINAL_STATUSES = new Set(['PUBLISHED', 'DECLINED', 'CANCELLED']);\n\ninterface FormState {\n  brandId: string;\n  creatorId: string;\n  title: string;\n  brief: string;\n  role: CooCollaboratorRole;\n  compensation: string;\n  currency: string;\n  tags: string;\n  startDate: string;\n  endDate: string;\n}\n\nfunction toIso(date: string): string | undefined {\n  if (!date) return undefined;\n  const d = new Date(date);\n  return Number.isNaN(d.getTime()) ? undefined : d.toISOString();\n}\n\n/** yyyy-MM-dd for a <input type=\"date\"> from an ISO string, or '' when unset. */\nfunction toDateInput(iso: string | null | undefined): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);\n}\n\nconst emptyForm: FormState = {\n  brandId: '',\n  creatorId: '',\n  title: '',\n  brief: '',\n  role: 'CREATOR',\n  compensation: '',\n  currency: 'USD',\n  tags: '',\n  startDate: '',\n  endDate: '',\n};\n\nexport function CollaborationFormPage() {\n  const { collaborationId } = useParams<{ collaborationId: string }>();\n  const isEditMode = Boolean(collaborationId);\n  const { currentUser } = useCoolAndLovely();\n  const navigateTo = useContextNavigation();\n  const createCollaboration = useCreateCollaboration();\n  const updateCollaboration = useUpdateCollaboration();\n  const brands = useBrands({ pagination: { limit: 100, offset: 0 } });\n  const existing = useCollaboration(isEditMode ? collaborationId : undefined);\n\n  const [form, setForm] = useState<FormState>({ ...emptyForm, creatorId: currentUser?.id ?? '' });\n  const [errors, setErrors] = useState<Partial<Record<keyof FormState, string>>>({});\n\n  // Prefill the form once the existing collaboration loads (edit mode only).\n  useEffect(() => {\n    if (!isEditMode || !existing.data) return;\n    const c = existing.data;\n    setForm({\n      brandId: c.brandId,\n      creatorId: c.creatorId,\n      title: c.title,\n      brief: c.brief ?? '',\n      role: c.role,\n      // A free reviewed quote must retain its explicit zero rather than an empty field.\n      compensation: c.rateCardId || c.compensation ? String(c.compensation) : '',\n      currency: c.currency,\n      tags: c.tags.join(', '),\n      startDate: toDateInput(c.startDate),\n      endDate: toDateInput(c.endDate),\n    });\n  }, [isEditMode, existing.data]);\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) =>\n    setForm((f) => ({ ...f, [key]: value }));\n\n  const brandOptions = useMemo(\n    () => (brands.data?.items ?? []).map((b) => ({ value: b.id, label: b.name })),\n    [brands.data]\n  );\n  const roleOptions = ROLES.map((r) => ({ value: r, label: titleCase(r) }));\n\n  if (isEditMode && existing.isLoading) {\n    return (\n      <PageLayout title=\"Edit collaboration\">\n        <LoadingView label=\"Loading collaboration…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isEditMode && (existing.isError || !existing.data)) {\n    return (\n      <PageLayout title=\"Edit collaboration\">\n        <ErrorView title=\"Collaboration not found\" onRetry={() => void existing.refetch()} />\n      </PageLayout>\n    );\n  }\n\n  const isTerminal =\n    isEditMode && existing.data ? TERMINAL_STATUSES.has(existing.data.status) : false;\n\n  const hasQuotedTerms = Boolean(isEditMode && existing.data?.rateCardId);\n\n  const validate = (): boolean => {\n    const next: Partial<Record<keyof FormState, string>> = {};\n    if (!form.title.trim()) next.title = 'Title is required';\n    if (!isEditMode) {\n      if (!form.brandId) next.brandId = 'Brand is required';\n      if (!form.creatorId.trim()) next.creatorId = 'Creator is required';\n    }\n    if (form.compensation && Number.isNaN(Number(form.compensation)))\n      next.compensation = 'Must be a number';\n    setErrors(next);\n    return Object.keys(next).length === 0;\n  };\n\n  const mutation = isEditMode ? updateCollaboration : createCollaboration;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!validate()) return;\n\n    if (isEditMode && collaborationId) {\n      updateCollaboration.mutate(\n        {\n          id: collaborationId,\n          input: {\n            title: form.title.trim(),\n            brief: form.brief.trim() || undefined,\n            ...(hasQuotedTerms\n              ? {}\n              : {\n                  role: form.role,\n                  compensation: form.compensation ? Number(form.compensation) : undefined,\n                  currency: form.currency.trim() || undefined,\n                }),\n            tags: parseCsv(form.tags),\n            startDate: toIso(form.startDate),\n            endDate: toIso(form.endDate),\n          },\n        },\n        { onSuccess: (c) => navigateTo(`/collaborations/${c.id}`) }\n      );\n      return;\n    }\n\n    createCollaboration.mutate(\n      {\n        brandId: form.brandId,\n        creatorId: form.creatorId.trim(),\n        title: form.title.trim(),\n        brief: form.brief.trim() || undefined,\n        role: form.role,\n        compensation: form.compensation ? Number(form.compensation) : undefined,\n        currency: form.currency.trim() || undefined,\n        tags: parseCsv(form.tags),\n        startDate: toIso(form.startDate),\n        endDate: toIso(form.endDate),\n      },\n      { onSuccess: (c) => navigateTo(`/collaborations/${c.id}`) }\n    );\n  };\n\n  return (\n    <PageLayout\n      title={isEditMode ? 'Edit collaboration' : 'New collaboration'}\n      description={\n        isEditMode ? 'Update the brief, terms and dates' : 'Propose a brand × creator partnership'\n      }\n      actions={\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(\n              isEditMode && collaborationId\n                ? `/collaborations/${collaborationId}`\n                : '/collaborations'\n            )\n          }\n          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\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"mx-auto max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-status-warning-bg-subtle text-status-warning-text\">\n              <Handshake className=\"h-5 w-5\" />\n            </div>\n            <div>\n              <h2 className=\"text-base font-semibold text-text-primary\">Collaboration details</h2>\n              <p className=\"text-xs text-text-secondary\">\n                {isEditMode\n                  ? 'Brand and creator cannot be changed after proposal.'\n                  : 'Created in the Proposed state.'}\n              </p>\n            </div>\n          </div>\n\n          {isTerminal && (\n            <p className=\"mb-4 rounded-lg bg-status-warning-bg-subtle px-3 py-2 text-sm text-status-warning-text\">\n              This collaboration is {existing.data?.status.toLowerCase()} and can no longer be\n              edited.\n            </p>\n          )}\n\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {isEditMode ? (\n              <div>\n                <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Brand</span>\n                <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n                  {existing.data?.brand?.name ?? form.brandId}\n                </p>\n              </div>\n            ) : (\n              <SelectField\n                id=\"brandId\"\n                label=\"Brand\"\n                value={form.brandId}\n                onChange={(v) => setField('brandId', v)}\n                options={brandOptions}\n                required\n                placeholder={brands.isLoading ? 'Loading brands…' : 'Select a brand'}\n                error={errors.brandId}\n              />\n            )}\n            <SelectField\n              id=\"role\"\n              label=\"Role\"\n              value={form.role}\n              onChange={(v) => setField('role', v as CooCollaboratorRole)}\n              options={roleOptions}\n              disabled={isTerminal || hasQuotedTerms}\n            />\n          </div>\n\n          <TextField\n            id=\"title\"\n            label=\"Title\"\n            value={form.title}\n            onChange={(v) => setField('title', v)}\n            placeholder=\"Summer capsule edit\"\n            required\n            error={errors.title}\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          {isEditMode ? (\n            <div className=\"mt-4\">\n              <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Creator</span>\n              <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n                <ActorName id={form.creatorId} />\n              </p>\n            </div>\n          ) : (\n            <TextField\n              id=\"creatorId\"\n              label=\"Creator ID\"\n              value={form.creatorId}\n              onChange={(v) => setField('creatorId', v)}\n              placeholder=\"creator user id\"\n              required\n              hint=\"Defaults to you. Paste another user's id to credit a different creator.\"\n              error={errors.creatorId}\n              className=\"mt-4\"\n            />\n          )}\n\n          <TextAreaField\n            id=\"brief\"\n            label=\"Brief\"\n            value={form.brief}\n            onChange={(v) => setField('brief', v)}\n            placeholder=\"What is this collaboration about…\"\n            rows={4}\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"compensation\"\n              label=\"Compensation\"\n              type=\"number\"\n              value={form.compensation}\n              onChange={(v) => setField('compensation', v)}\n              placeholder=\"0.00\"\n              error={errors.compensation}\n              disabled={isTerminal || hasQuotedTerms}\n            />\n            <TextField\n              id=\"currency\"\n              label=\"Currency\"\n              value={form.currency}\n              onChange={(v) => setField('currency', v)}\n              placeholder=\"USD\"\n              disabled={isTerminal || hasQuotedTerms}\n            />\n          </div>\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"startDate\"\n              label=\"Start date\"\n              type=\"date\"\n              value={form.startDate}\n              onChange={(v) => setField('startDate', v)}\n              disabled={isTerminal}\n            />\n            <TextField\n              id=\"endDate\"\n              label=\"End date\"\n              type=\"date\"\n              value={form.endDate}\n              onChange={(v) => setField('endDate', v)}\n              disabled={isTerminal}\n            />\n          </div>\n\n          <TextField\n            id=\"tags\"\n            label=\"Tags\"\n            value={form.tags}\n            onChange={(v) => setField('tags', v)}\n            placeholder=\"capsule, sustainable\"\n            hint=\"Comma-separated\"\n            className=\"mt-4\"\n            disabled={isTerminal}\n          />\n\n          {mutation.isError && (\n            <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {mutation.error instanceof Error ? mutation.error.message : 'Something went wrong'}\n            </p>\n          )}\n\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <button\n              type=\"submit\"\n              disabled={mutation.isPending || isTerminal}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {mutation.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              {isEditMode ? 'Save changes' : 'Create collaboration'}\n            </button>\n          </div>\n        </GlassCard>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/collaborations/CollaborationsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollaborationsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA6BH,wBAAgB,sBAAsB,gCAgIrC"}
+{"version":3,"file":"CollaborationsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA6BH,wBAAgB,sBAAsB,gCAuIrC"}