npm - @burdenoff/microfe-coolandlovely - Versions diffs - 2026.1102.1 → 2026.1102.3 - Mend

@burdenoff/microfe-coolandlovely 2026.1102.1 → 2026.1102.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;AA4BA,IAAM,IAA+B;CAAC;CAAW;CAAS;CAAW;AAAc,GAG7E,oBAAoB,IAAI,IAAI;CAAC;CAAa;CAAY;AAAW,CAAC;AAexE,SAAS,EAAM,GAAkC;CAC/C,IAAI,CAAC,GAAM;CACX,IAAM,IAAI,IAAI,KAAK,CAAI;CACvB,OAAO,OAAO,MAAM,EAAE,QAAQ,CAAC,IAAI,KAAA,IAAY,EAAE,YAAY;AAC/D;AAGA,SAAS,EAAY,GAAwC;CAC3D,IAAI,CAAC,GAAK,OAAO;CACjB,IAAM,IAAI,IAAI,KAAK,CAAG;CACtB,OAAO,OAAO,MAAM,EAAE,QAAQ,CAAC,IAAI,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,GAAG,EAAE;AACrE;AAEA,IAAM,IAAuB;CAC3B,SAAS;CACT,WAAW;CACX,OAAO;CACP,OAAO;CACP,MAAM;CACN,cAAc;CACd,UAAU;CACV,MAAM;CACN,WAAW;CACX,SAAS;AACX;AAEA,SAAgB,IAAwB;CACtC,IAAM,EAAE,uBAAoB,EAAuC,GAC7D,IAAa,EAAQ,GACrB,EAAE,eAAY,mBAAgB,EAAiB,GAC/C,IAAsB,EAAuB,GAC7C,IAAsB,EAAuB,GAC7C,IAAS,EAAU,EAAE,YAAY;EAAE,OAAO;EAAK,QAAQ;CAAE,EAAE,CAAC,GAC5D,IAAW,EAAiB,IAAa,IAAkB,KAAA,CAAS,GAEpE,CAAC,GAAM,KAAW,EAAoB;EAAE,GAAG;EAAW,WAAW,GAAa,MAAM;CAAG,CAAC,GACxF,CAAC,GAAQ,KAAa,EAAmD,CAAC,CAAC;CAGjF,QAAgB;EACd,IAAI,CAAC,KAAc,CAAC,EAAS,MAAM;EACnC,IAAM,IAAI,EAAS;EACnB,EAAQ;GACN,SAAS,EAAE;GACX,WAAW,EAAE;GACb,OAAO,EAAE;GACT,OAAO,EAAE,SAAS;GAClB,MAAM,EAAE;GACR,cAAc,EAAE,eAAe,OAAO,EAAE,YAAY,IAAI;GACxD,UAAU,EAAE;GACZ,MAAM,EAAE,KAAK,KAAK,IAAI;GACtB,WAAW,EAAY,EAAE,SAAS;GAClC,SAAS,EAAY,EAAE,OAAO;EAChC,CAAC;CACH,GAAG,CAAC,GAAY,EAAS,IAAI,CAAC;CAE9B,IAAM,KAAuC,GAAQ,MACnD,GAAS,OAAO;EAAE,GAAG;GAAI,IAAM;CAAM,EAAE,GAEnC,IAAe,SACZ,EAAO,MAAM,SAAS,CAAC,EAAA,CAAG,KAAK,OAAO;EAAE,OAAO,EAAE;EAAI,OAAO,EAAE;CAAK,EAAE,GAC5E,CAAC,EAAO,IAAI,CACd,GACM,IAAc,EAAM,KAAK,OAAO;EAAE,OAAO;EAAG,OAAO,EAAU,CAAC;CAAE,EAAE;CAExE,IAAI,KAAc,EAAS,WACzB,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD,EAAa,OAAM,yBAA0B,CAAA;CACnC,CAAA;CAIhB,IAAI,MAAe,EAAS,WAAW,CAAC,EAAS,OAC/C,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GAAW,OAAM;GAA0B,eAAe,KAAK,EAAS,QAAQ;EAAI,CAAA;CAC1E,CAAA;CAIhB,IAAM,IACJ,KAAc,EAAS,OAAO,EAAkB,IAAI,EAAS,KAAK,MAAM,IAAI,IAExE,UAA0B;EAC9B,IAAM,IAAiD,CAAC;EASxD,OARK,EAAK,MAAM,KAAK,MAAG,EAAK,QAAQ,sBAChC,MACE,EAAK,YAAS,EAAK,UAAU,sBAC7B,EAAK,UAAU,KAAK,MAAG,EAAK,YAAY,yBAE3C,EAAK,gBAAgB,OAAO,MAAM,OAAO,EAAK,YAAY,CAAC,MAC7D,EAAK,eAAe,qBACtB,EAAU,CAAI,GACP,OAAO,KAAK,CAAI,CAAC,CAAC,WAAW;CACtC,GAEM,IAAW,IAAa,IAAsB;CA2CpD,OACE,kBAAC,GAAD;EACE,OAAO,IAAa,uBAAuB;EAC3C,aACE,IAAa,sCAAsC;EAErD,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eACE,EACE,KAAc,IACV,mBAAmB,MACnB,iBACN;GAEF,WAAU;aATZ,CAWE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAAC,SAC3B;;YAGV,kBAAC,QAAD;GAAM,WA/DY,MAAuB;IAC3C,MAAE,eAAe,GACZ,EAAS,GAEd;SAAI,KAAc,GAAiB;MACjC,EAAoB,OAClB;OACE,IAAI;OACJ,OAAO;QACL,OAAO,EAAK,MAAM,KAAK;QACvB,OAAO,EAAK,MAAM,KAAK,KAAK,KAAA;QAC5B,MAAM,EAAK;QACX,cAAc,EAAK,eAAe,OAAO,EAAK,YAAY,IAAI,KAAA;QAC9D,UAAU,EAAK,SAAS,KAAK,KAAK,KAAA;QAClC,MAAM,EAAS,EAAK,IAAI;QACxB,WAAW,EAAM,EAAK,SAAS;QAC/B,SAAS,EAAM,EAAK,OAAO;OAC7B;MACF,GACA,EAAE,YAAY,MAAM,EAAW,mBAAmB,EAAE,IAAI,EAAE,CAC5D;MACA;KACF;KAEA,EAAoB,OAClB;MACE,SAAS,EAAK;MACd,WAAW,EAAK,UAAU,KAAK;MAC/B,OAAO,EAAK,MAAM,KAAK;MACvB,OAAO,EAAK,MAAM,KAAK,KAAK,KAAA;MAC5B,MAAM,EAAK;MACX,cAAc,EAAK,eAAe,OAAO,EAAK,YAAY,IAAI,KAAA;MAC9D,UAAU,EAAK,SAAS,KAAK,KAAK,KAAA;MAClC,MAAM,EAAS,EAAK,IAAI;MACxB,WAAW,EAAM,EAAK,SAAS;MAC/B,SAAS,EAAM,EAAK,OAAO;KAC7B,GACA,EAAE,YAAY,MAAM,EAAW,mBAAmB,EAAE,IAAI,EAAE,CAC5D;IAhBA;GAiBF;GAwBkC,WAAU;aACtC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAvC;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MAC7B,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;MAAyB,CAAA,GACnF,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,wDACA;MACH,CAAA,CACA,EAAA,CAAA,CACF;;KAEJ,KACC,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAAsG;OAC7E,EAAS,MAAM,OAAO,YAAY;OAAE;MAE1D;;KAGL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAqD;MAAW,CAAA,GAChF,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,MAAM,OAAO,QAAQ,EAAK;MACnC,CAAA,CACA,EAAA,CAAA,IAEL,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,WAAW,CAAC;OACtC,SAAS;OACT,UAAA;OACA,aAAa,EAAO,YAAY,oBAAoB;OACpD,OAAO,EAAO;MACf,CAAA,GAEH,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,QAAQ,CAAwB;OAC1D,SAAS;OACT,UAAU;MACX,CAAA,CACE;;KAEL,kBAAC,GAAD;MACE,IAAG;MACH,OAAM;MACN,OAAO,EAAK;MACZ,WAAW,MAAM,EAAS,SAAS,CAAC;MACpC,aAAY;MACZ,UAAA;MACA,OAAO,EAAO;MACd,WAAU;MACV,UAAU;KACX,CAAA;KAEA,IACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAqD;MAAa,CAAA,GAClF,kBAAC,KAAD;OAAG,WAAU;iBACX,kBAAC,GAAD,EAAW,IAAI,EAAK,UAAY,CAAA;MAC/B,CAAA,CACA;UAEL,kBAAC,GAAD;MACE,IAAG;MACH,OAAM;MACN,OAAO,EAAK;MACZ,WAAW,MAAM,EAAS,aAAa,CAAC;MACxC,aAAY;MACZ,UAAA;MACA,MAAK;MACL,OAAO,EAAO;MACd,WAAU;KACX,CAAA;KAGH,kBAAC,GAAD;MACE,IAAG;MACH,OAAM;MACN,OAAO,EAAK;MACZ,WAAW,MAAM,EAAS,SAAS,CAAC;MACpC,aAAY;MACZ,MAAM;MACN,WAAU;MACV,UAAU;KACX,CAAA;KAED,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,MAAK;OACL,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,gBAAgB,CAAC;OAC3C,aAAY;OACZ,OAAO,EAAO;OACd,UAAU;MACX,CAAA,GACD,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,YAAY,CAAC;OACvC,aAAY;OACZ,UAAU;MACX,CAAA,CACE;;KAEL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,MAAK;OACL,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,aAAa,CAAC;OACxC,UAAU;MACX,CAAA,GACD,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,MAAK;OACL,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,WAAW,CAAC;OACtC,UAAU;MACX,CAAA,CACE;;KAEL,kBAAC,GAAD;MACE,IAAG;MACH,OAAM;MACN,OAAO,EAAK;MACZ,WAAW,MAAM,EAAS,QAAQ,CAAC;MACnC,aAAY;MACZ,MAAK;MACL,WAAU;MACV,UAAU;KACX,CAAA;KAEA,EAAS,WACR,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAS,iBAAiB,QAAQ,EAAS,MAAM,UAAU;KAC3D,CAAA;KAGL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OACE,MAAK;OACL,UAAU,EAAS,aAAa;OAChC,WAAU;iBAHZ,CAKG,EAAS,YACR,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,IAE3C,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,GAE5B,IAAa,iBAAiB,sBACzB;;KACL,CAAA;IACI;;EACP,CAAA;CACI,CAAA;AAEhB"}
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 { 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 CHANGED Viewed

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