@burdenoff/microfe-coolandlovely 2026.1102.1 → 2026.1102.2

package/dist/coolandlovely/pages/marketplace/CreatorMarketplacePage.js

@@ -0,0 +1,714 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useTr as n } from "../../hooks/useTr.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { formatPrice as o } from "../../utils/formatters.js";
+import { ActorName as s } from "../../components/ActorName.js";
+import { useContextNavigation as c } from "../../hooks/useContextNavigation.js";
+import { CooCollaborationStatus as l, CooCreatorServiceRole as u, CooProposalDirection as d } from "../../../generated/wspace-types.js";
+import { useArchiveCreatorOffer as f, useCreateCreatorOffer as p, useCreatorInbox as m, useCreatorOffer as h, useCreatorOffers as g, useProposalBrands as _, useProposeCreatorOffer as v, usePublishCreatorOffer as y, useRespondToCreatorProposal as b, useUpdateCreatorOffer as x } from "../../hooks/useCreatorMarketplace.js";
+import { useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Button as E, Dialog as D, DialogContent as O, DialogDescription as k, DialogTitle as A, GlassCard as j, Pagination as M } from "@burdenoff/fe-libs/ui";
+import { clearGraphqlFetchResponseCache as N } from "@burdenoff/fe-libs/shared/graphql/fetch";
+import { isQuotaExhaustedError as P } from "@burdenoff/fe-libs/shared/utils";
+import { PermissionProvider as F, usePermission as I, usePermissionLoading as L } from "@burdenoff/fe-libs/shared/providers/shell";
+//#region src/coolandlovely/pages/marketplace/CreatorMarketplacePage.tsx
+var R = "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-text-primary";
+function z({ label: e, children: t }) {
+	return /* @__PURE__ */ T("label", {
+		className: "grid min-w-0 gap-1.5 text-sm text-text-primary",
+		children: [/* @__PURE__ */ w("span", { children: e }), t]
+	});
+}
+function B({ error: e }) {
+	return e ? /* @__PURE__ */ w("p", {
+		role: "alert",
+		className: "text-sm text-status-error-text",
+		children: e.message
+	}) : null;
+}
+function V({ page: e, hasMore: t, loading: n, onChange: r }) {
+	return /* @__PURE__ */ w(M, {
+		page: e + 1,
+		pageSize: 20,
+		hasNextPage: t,
+		hasPreviousPage: e > 0,
+		loading: n,
+		onPageChange: (e) => r(e - 1)
+	});
+}
+function H({ offer: e, tr: t }) {
+	return /* @__PURE__ */ T("div", {
+		className: "space-y-2 text-sm text-text-secondary",
+		children: [
+			/* @__PURE__ */ w("p", { children: {
+				[u.Creator]: t("coolandlovely.marketplace.creator", "Creator"),
+				[u.Stylist]: t("coolandlovely.marketplace.stylist", "Stylist"),
+				[u.Photographer]: t("coolandlovely.marketplace.photographer", "Photographer")
+			}[e.role] }),
+			/* @__PURE__ */ w("p", {
+				className: "font-semibold text-text-primary",
+				children: o(e.compensation, e.currency)
+			}),
+			/* @__PURE__ */ w("p", { children: t("coolandlovely.marketplace.delivery", "Delivery within {{days}} days of the agreed start", { days: e.deliveryDays }) }),
+			/* @__PURE__ */ w("ul", {
+				className: "list-inside list-disc break-words",
+				children: e.deliverables.map((e) => /* @__PURE__ */ w("li", { children: e }, e))
+			})
+		]
+	});
+}
+function U({ offer: e, onClose: t, tr: n }) {
+	let r = p(), i = x(), a = e ? i : r, [o, s] = S(e?.title ?? ""), [c, l] = S(e?.summary ?? ""), [d, f] = S(e?.role ?? u.Creator), [m, h] = S(() => e?.deliverables.join("\n") ?? ""), [g, _] = S(() => String(e?.compensation ?? 0)), [v, y] = S(e?.currency ?? "USD"), [b, C] = S(() => String(e?.deliveryDays ?? 7)), [j, M] = S("");
+	return /* @__PURE__ */ w(D, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !a.isPending && t();
+		},
+		children: /* @__PURE__ */ T(O, {
+			className: "max-h-[85dvh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ w(A, { children: e ? n("coolandlovely.marketplace.editOffer", "Edit service offer") : n("coolandlovely.marketplace.newOffer", "New service offer") }),
+				/* @__PURE__ */ w(k, { children: n("coolandlovely.marketplace.editorHelp", "New offers start private. Changes apply to future proposals; existing agreed quotes stay unchanged.") }),
+				/* @__PURE__ */ T("form", {
+					onSubmit: (a) => {
+						if (a.preventDefault(), o.trim().length < 3) {
+							M(n("coolandlovely.marketplace.invalidTitle", "Enter at least three title characters after removing surrounding spaces."));
+							return;
+						}
+						let s = m.split("\n").map((e) => e.trim()).filter(Boolean);
+						if (s.length < 1 || s.length > 20 || s.some((e) => e.length > 500) || new Set(s).size !== s.length) {
+							M(n("coolandlovely.marketplace.deliverableValidation", "Enter 1–20 different deliverables, one per line, with at most 500 characters each."));
+							return;
+						}
+						let l = Number(g), u = Number(b);
+						if (!g.trim() || !b.trim() || !Number.isFinite(l) || l < 0 || l > 1e6 || !Number.isInteger(u) || u < 1 || u > 365) {
+							M(n("coolandlovely.marketplace.invalidFeeOrDays", "Enter a valid non-negative fee and delivery time from 1 to 365 whole days."));
+							return;
+						}
+						M("");
+						let f = {
+							title: o.trim(),
+							summary: c.trim() || null,
+							role: d,
+							deliverables: s,
+							compensation: l,
+							currency: v.trim().toUpperCase(),
+							deliveryDays: u
+						};
+						e ? i.mutate({
+							id: e.id,
+							input: f
+						}, { onSuccess: t }) : r.mutate({ input: f }, { onSuccess: t });
+					},
+					className: "grid gap-4",
+					children: [
+						/* @__PURE__ */ T("fieldset", {
+							disabled: a.isPending,
+							className: "grid min-w-0 gap-4",
+							children: [
+								/* @__PURE__ */ w(z, {
+									label: n("coolandlovely.marketplace.offerTitle", "Offer title"),
+									children: /* @__PURE__ */ w("input", {
+										className: R,
+										required: !0,
+										minLength: 3,
+										maxLength: 160,
+										value: o,
+										onChange: (e) => s(e.target.value)
+									})
+								}),
+								/* @__PURE__ */ w(z, {
+									label: n("coolandlovely.marketplace.summary", "Summary"),
+									children: /* @__PURE__ */ w("textarea", {
+										className: R,
+										maxLength: 2e3,
+										value: c,
+										onChange: (e) => l(e.target.value)
+									})
+								}),
+								/* @__PURE__ */ w(z, {
+									label: n("coolandlovely.marketplace.role", "Service role"),
+									children: /* @__PURE__ */ T("select", {
+										className: R,
+										value: d,
+										onChange: (e) => {
+											let t = Object.values(u).find((t) => t === e.target.value);
+											t && f(t);
+										},
+										children: [
+											/* @__PURE__ */ w("option", {
+												value: u.Creator,
+												children: n("coolandlovely.marketplace.creator", "Creator")
+											}),
+											/* @__PURE__ */ w("option", {
+												value: u.Stylist,
+												children: n("coolandlovely.marketplace.stylist", "Stylist")
+											}),
+											/* @__PURE__ */ w("option", {
+												value: u.Photographer,
+												children: n("coolandlovely.marketplace.photographer", "Photographer")
+											})
+										]
+									})
+								}),
+								/* @__PURE__ */ w(z, {
+									label: n("coolandlovely.marketplace.deliverables", "Deliverables, one per line"),
+									children: /* @__PURE__ */ w("textarea", {
+										className: R,
+										required: !0,
+										rows: 4,
+										value: m,
+										onChange: (e) => h(e.target.value)
+									})
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ w(z, {
+										label: n("coolandlovely.marketplace.fee", "Service fee"),
+										children: /* @__PURE__ */ w("input", {
+											className: R,
+											type: "number",
+											required: !0,
+											min: 0,
+											max: 1e6,
+											step: "0.01",
+											value: g,
+											onChange: (e) => _(e.target.value)
+										})
+									}), /* @__PURE__ */ w(z, {
+										label: n("coolandlovely.marketplace.currency", "Currency"),
+										children: /* @__PURE__ */ w("input", {
+											className: R,
+											required: !0,
+											pattern: "[A-Za-z]{3}",
+											maxLength: 3,
+											value: v,
+											onChange: (e) => y(e.target.value.toUpperCase())
+										})
+									})]
+								}),
+								/* @__PURE__ */ w(z, {
+									label: n("coolandlovely.marketplace.days", "Delivery days"),
+									children: /* @__PURE__ */ w("input", {
+										className: R,
+										type: "number",
+										required: !0,
+										min: 1,
+										max: 365,
+										step: 1,
+										value: b,
+										onChange: (e) => C(e.target.value)
+									})
+								})
+							]
+						}),
+						j && /* @__PURE__ */ w("p", {
+							role: "alert",
+							className: "text-sm text-status-error-text",
+							children: j
+						}),
+						/* @__PURE__ */ w(B, { error: a.error }),
+						/* @__PURE__ */ T("div", {
+							className: "flex flex-wrap justify-end gap-2",
+							children: [/* @__PURE__ */ w(E, {
+								type: "button",
+								variant: "outline",
+								disabled: a.isPending,
+								onClick: t,
+								children: n("coolandlovely.common.cancel", "Cancel")
+							}), /* @__PURE__ */ w(E, {
+								type: "submit",
+								disabled: a.isPending,
+								children: a.isPending ? n("coolandlovely.common.saving", "Saving…") : n("coolandlovely.common.save", "Save offer")
+							})]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function W({ offer: e, onOfferReloaded: t, onClose: n, onQuota: r, onSent: o, tr: c }) {
+	let [l, u] = S(0), d = _(l, !0), f = h(e.id), p = v(), [m, g] = S(""), [y, b] = S(""), [x, j] = S(""), [M, F] = S(!1), [I, L] = S(!1), U = async () => {
+		L(!0), N();
+		try {
+			let e = await f.refetch();
+			if (e.isSuccess) {
+				let n = e.data;
+				n?.isPublished ? (t(n), p.reset(), F(!1)) : F(!0);
+			}
+		} finally {
+			L(!1);
+		}
+	};
+	return /* @__PURE__ */ w(D, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !p.isPending && n();
+		},
+		children: /* @__PURE__ */ T(O, {
+			className: "max-h-[85dvh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ w(A, { children: c("coolandlovely.marketplace.sendProposal", "Propose a collaboration") }),
+				/* @__PURE__ */ w(k, { children: c("coolandlovely.marketplace.proposalHelp", "Review this quote before sending. Sending or accepting a proposal does not charge you or pay the creator.") }),
+				/* @__PURE__ */ w("h3", {
+					className: "break-words font-semibold text-text-primary",
+					children: e.title
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "text-sm text-text-secondary",
+					children: /* @__PURE__ */ w(s, { id: e.creatorId })
+				}),
+				/* @__PURE__ */ w(H, {
+					offer: e,
+					tr: c
+				}),
+				/* @__PURE__ */ w(E, {
+					variant: "outline",
+					disabled: p.isPending || I,
+					onClick: () => void U(),
+					children: I ? c("coolandlovely.common.loading", "Loading…") : c("coolandlovely.marketplace.reloadOffer", "Reload offer")
+				}),
+				f.isError && /* @__PURE__ */ w(B, { error: f.error }),
+				M ? /* @__PURE__ */ w("p", {
+					role: "alert",
+					className: "text-status-error-text",
+					children: c("coolandlovely.marketplace.unavailable", "This offer is no longer published. Close this proposal and choose another offer.")
+				}) : /* @__PURE__ */ T("form", {
+					onSubmit: (t) => {
+						t.preventDefault(), p.mutate({ input: {
+							rateCardId: e.id,
+							rateCardRevision: e.revision,
+							brandId: m,
+							title: y.trim(),
+							brief: x.trim() || null
+						} }, {
+							onSuccess: o,
+							onError: (e) => {
+								P(e) && r();
+							}
+						});
+					},
+					className: "grid gap-4",
+					children: [
+						/* @__PURE__ */ T("fieldset", {
+							disabled: p.isPending || I,
+							className: "grid min-w-0 gap-4",
+							children: [
+								d.isLoading ? /* @__PURE__ */ w(a, {}) : d.isError ? /* @__PURE__ */ w(i, { onRetry: () => void d.refetch() }) : /* @__PURE__ */ T(C, { children: [
+									/* @__PURE__ */ w(z, {
+										label: c("coolandlovely.marketplace.yourBrand", "Your brand"),
+										children: /* @__PURE__ */ T("select", {
+											className: R,
+											required: !0,
+											value: m,
+											onChange: (e) => g(e.target.value),
+											children: [/* @__PURE__ */ w("option", {
+												value: "",
+												children: c("coolandlovely.marketplace.chooseBrand", "Choose a brand you own")
+											}), d.data?.items.map((e) => /* @__PURE__ */ w("option", {
+												value: e.id,
+												children: e.name
+											}, e.id))]
+										})
+									}),
+									!d.data?.items.length && /* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: c("coolandlovely.marketplace.noBrands", "You need a brand you own in this workspace before sending a proposal.")
+									}),
+									/* @__PURE__ */ w(V, {
+										page: l,
+										hasMore: d.data?.pageInfo.hasMore ?? !1,
+										loading: d.isFetching,
+										onChange: (e) => {
+											u(e), g("");
+										}
+									})
+								] }),
+								/* @__PURE__ */ w(z, {
+									label: c("coolandlovely.marketplace.campaign", "Campaign title"),
+									children: /* @__PURE__ */ w("input", {
+										className: R,
+										required: !0,
+										minLength: 3,
+										maxLength: 160,
+										value: y,
+										onChange: (e) => b(e.target.value)
+									})
+								}),
+								/* @__PURE__ */ w(z, {
+									label: c("coolandlovely.marketplace.brief", "Campaign brief"),
+									children: /* @__PURE__ */ w("textarea", {
+										className: R,
+										maxLength: 5e3,
+										value: x,
+										onChange: (e) => j(e.target.value)
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ w(B, { error: p.error }),
+						/* @__PURE__ */ w(E, {
+							type: "submit",
+							disabled: p.isPending || I || !m || d.isError,
+							children: p.isPending ? c("coolandlovely.marketplace.sending", "Sending…") : c("coolandlovely.marketplace.submitProposal", "Send reviewed proposal")
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function G({ proposal: t, canUpdate: n, received: i, navigate: a, tr: c }) {
+	let { currentUser: u } = e(), d = b(), [f, p] = S(null), m = i && (!t.rateCardId || t.creatorId === u?.id), h = t.status === l.Proposed, g = h || t.status === l.Accepted || t.status === l.InProgress;
+	return /* @__PURE__ */ T(j, {
+		className: "min-w-0 space-y-3 p-4",
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "flex flex-wrap justify-between gap-2",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "break-words font-semibold text-text-primary",
+					children: t.title
+				}), /* @__PURE__ */ w(r, { status: t.status })]
+			}),
+			/* @__PURE__ */ T("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					t.brand?.name,
+					" · ",
+					/* @__PURE__ */ w(s, { id: t.creatorId })
+				]
+			}),
+			t.rateCardTitle && /* @__PURE__ */ w("p", {
+				className: "break-words text-sm text-text-secondary",
+				children: t.rateCardTitle
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "font-semibold text-text-primary",
+				children: o(t.compensation, t.currency)
+			}),
+			/* @__PURE__ */ w("ul", {
+				className: "list-inside list-disc break-words text-sm text-text-secondary",
+				children: t.quotedDeliverables.map((e) => /* @__PURE__ */ w("li", { children: e }, e))
+			}),
+			t.quotedDeliveryDays != null && /* @__PURE__ */ w("p", {
+				className: "text-sm text-text-secondary",
+				children: c("coolandlovely.marketplace.delivery", "Delivery within {{days}} days of the agreed start", { days: t.quotedDeliveryDays })
+			}),
+			t.brief && /* @__PURE__ */ w("p", {
+				className: "whitespace-pre-wrap break-words text-sm text-text-secondary",
+				children: t.brief
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					n && h && m && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(E, {
+						disabled: d.isPending,
+						onClick: () => p(l.Accepted),
+						children: c("coolandlovely.marketplace.accept", "Accept proposal")
+					}), /* @__PURE__ */ w(E, {
+						variant: "outline",
+						disabled: d.isPending,
+						onClick: () => p(l.Declined),
+						children: c("coolandlovely.marketplace.decline", "Decline")
+					})] }),
+					n && g && /* @__PURE__ */ w(E, {
+						variant: "outline",
+						disabled: d.isPending,
+						onClick: () => p(l.Cancelled),
+						children: c("coolandlovely.marketplace.withdraw", "Cancel collaboration")
+					}),
+					/* @__PURE__ */ w(E, {
+						variant: "outline",
+						onClick: () => a(`/collaborations/${t.id}`),
+						children: c("coolandlovely.marketplace.openCollaboration", "Open collaboration")
+					})
+				]
+			}),
+			/* @__PURE__ */ w(D, {
+				open: f !== null,
+				onOpenChange: (e) => {
+					e || (p(null), d.reset());
+				},
+				children: /* @__PURE__ */ T(O, { children: [
+					/* @__PURE__ */ w(A, { children: c("coolandlovely.marketplace.confirmResponse", "Confirm proposal response") }),
+					/* @__PURE__ */ w(k, { children: c("coolandlovely.marketplace.confirmResponseDescription", "Confirm {{status}} for “{{title}}”. This changes collaboration status and does not initiate payment.", {
+						status: f ?? "",
+						title: t.title
+					}) }),
+					/* @__PURE__ */ w(E, {
+						disabled: d.isPending,
+						onClick: () => {
+							f && d.mutate({
+								id: t.id,
+								status: f
+							}, { onSuccess: () => p(null) });
+						},
+						children: c("coolandlovely.marketplace.confirmResponseAction", "Confirm response")
+					}),
+					/* @__PURE__ */ w(B, { error: d.error })
+				] })
+			})
+		]
+	});
+}
+function K({ offer: t, mine: n, canCreate: i, canUpdate: a, onEdit: o, onPropose: c, onArchive: l, tr: u }) {
+	let { currentUser: d } = e(), f = y();
+	return /* @__PURE__ */ T(j, {
+		className: "min-w-0 space-y-3 p-4",
+		children: [
+			/* @__PURE__ */ w("h2", {
+				className: "break-words text-lg font-semibold text-text-primary",
+				children: t.title
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "text-sm text-text-secondary",
+				children: /* @__PURE__ */ w(s, { id: t.creatorId })
+			}),
+			t.summary && /* @__PURE__ */ w("p", {
+				className: "whitespace-pre-wrap break-words text-sm text-text-secondary",
+				children: t.summary
+			}),
+			/* @__PURE__ */ w(H, {
+				offer: t,
+				tr: u
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap gap-2",
+				children: n ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(r, { status: t.isPublished ? "published" : "draft" }), a && /* @__PURE__ */ T(C, { children: [
+					/* @__PURE__ */ w(E, {
+						variant: "outline",
+						onClick: () => o(t),
+						children: u("coolandlovely.common.edit", "Edit")
+					}),
+					/* @__PURE__ */ w(E, {
+						variant: "outline",
+						disabled: f.isPending,
+						onClick: () => f.mutate({
+							id: t.id,
+							published: !t.isPublished
+						}),
+						children: t.isPublished ? u("coolandlovely.marketplace.unpublish", "Unpublish") : u("coolandlovely.marketplace.publish", "Publish offer")
+					}),
+					/* @__PURE__ */ w(E, {
+						variant: "outline",
+						onClick: () => l(t),
+						children: u("coolandlovely.marketplace.archive", "Archive offer")
+					})
+				] })] }) : i && t.creatorId !== d?.id && /* @__PURE__ */ w(E, {
+					onClick: () => c(t),
+					children: u("coolandlovely.marketplace.sendProposal", "Propose a collaboration")
+				})
+			}),
+			/* @__PURE__ */ w(B, { error: f.error })
+		]
+	});
+}
+function q({ tab: e, onTab: t, direction: n, onDirection: r, canCreate: i, onNew: a, tr: o }) {
+	let s = {
+		published: o("coolandlovely.marketplace.browse", "Browse offers"),
+		mine: o("coolandlovely.marketplace.mine", "My offers"),
+		inbox: o("coolandlovely.marketplace.inbox", "Proposal inbox")
+	};
+	return /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w("div", {
+			className: "mb-5 flex flex-wrap gap-2",
+			"aria-label": o("coolandlovely.marketplace.sections", "Marketplace sections"),
+			children: [
+				"published",
+				"mine",
+				"inbox"
+			].map((n) => /* @__PURE__ */ w(E, {
+				variant: e === n ? "default" : "outline",
+				"aria-pressed": e === n,
+				onClick: () => t(n),
+				children: s[n]
+			}, n))
+		}),
+		e === "mine" && /* @__PURE__ */ T("div", {
+			className: "mb-5 flex flex-wrap items-center justify-between gap-3",
+			children: [/* @__PURE__ */ w("p", {
+				className: "text-sm text-text-secondary",
+				children: o("coolandlovely.marketplace.capacity", "Keep up to 20 active offers, including drafts. Archive an offer to free a slot; existing quotes remain available.")
+			}), i && /* @__PURE__ */ w(E, {
+				onClick: a,
+				children: o("coolandlovely.marketplace.newOffer", "New service offer")
+			})]
+		}),
+		e === "inbox" && /* @__PURE__ */ w("div", {
+			className: "mb-5 flex flex-wrap gap-2",
+			children: [d.Received, d.Sent].map((e) => /* @__PURE__ */ w(E, {
+				variant: n === e ? "default" : "outline",
+				"aria-pressed": n === e,
+				onClick: () => r(e),
+				children: e === d.Received ? o("coolandlovely.marketplace.received", "Received") : o("coolandlovely.marketplace.sent", "Sent")
+			}, e))
+		})
+	] });
+}
+function J({ open: e, onClose: t, onBilling: n, tr: r }) {
+	return /* @__PURE__ */ w(D, {
+		open: e,
+		onOpenChange: (e) => {
+			e || t();
+		},
+		children: /* @__PURE__ */ T(O, { children: [
+			/* @__PURE__ */ w(A, { children: r("coolandlovely.marketplace.quotaTitle", "Collaboration allowance reached") }),
+			/* @__PURE__ */ w(k, { children: r("coolandlovely.marketplace.quotaDescription", "Your current plan has no remaining collaboration allowance. Review billing to manage your plan or available add-ons.") }),
+			/* @__PURE__ */ T("div", {
+				className: "flex flex-wrap justify-end gap-2",
+				children: [/* @__PURE__ */ w(E, {
+					variant: "outline",
+					onClick: t,
+					children: r("coolandlovely.common.dismiss", "Dismiss")
+				}), /* @__PURE__ */ w(E, {
+					onClick: n,
+					children: r("coolandlovely.marketplace.viewBilling", "View Billing")
+				})]
+			})
+		] })
+	});
+}
+function Y({ tab: e, direction: t, page: n, onPage: r, onRefresh: o, offers: s, inbox: c, canCreate: l, canUpdate: u, onEdit: f, onPropose: p, onArchive: m, navigate: h, tr: g }) {
+	let _ = e === "inbox" ? c : s;
+	return _.isLoading ? /* @__PURE__ */ w(a, {}) : _.isError ? /* @__PURE__ */ w(i, { onRetry: o }) : /* @__PURE__ */ T(C, { children: [
+		_.data?.items.length === 0 && /* @__PURE__ */ w("p", {
+			className: "py-10 text-center text-text-secondary",
+			children: e === "inbox" ? g("coolandlovely.marketplace.noProposals", "No proposals in this view yet.") : g("coolandlovely.marketplace.noOffers", "No offers in this view yet.")
+		}),
+		/* @__PURE__ */ w("div", {
+			className: "grid gap-4 lg:grid-cols-2",
+			children: e === "inbox" ? c.data?.items.map((e) => /* @__PURE__ */ w(G, {
+				proposal: e,
+				received: t === d.Received,
+				canUpdate: u,
+				navigate: h,
+				tr: g
+			}, e.id)) : s.data?.items.map((t) => /* @__PURE__ */ w(K, {
+				offer: t,
+				mine: e === "mine",
+				canCreate: l,
+				canUpdate: u,
+				onEdit: f,
+				onPropose: p,
+				onArchive: m,
+				tr: g
+			}, t.id))
+		}),
+		/* @__PURE__ */ w(V, {
+			page: n,
+			hasMore: _.data?.pageInfo.hasMore ?? !1,
+			loading: _.isFetching,
+			onChange: r
+		})
+	] });
+}
+function X() {
+	let e = n(), r = c(), i = I("coolandlovely-collaboration:create"), a = I("coolandlovely-collaboration:update"), o = L(), [s, l] = S("published"), [u, p] = S(0), [h, _] = S(d.Received), [v, y] = S(null), [b, x] = S(null), [C, j] = S(null), [M, P] = S(!1), F = g(s === "mine" ? "mine" : "published", u, s !== "inbox"), R = m(h, u, s === "inbox"), z = f(), V = s === "inbox" ? R : F, H = () => {
+		N(), V.refetch();
+	};
+	return /* @__PURE__ */ T(t, {
+		title: e("coolandlovely.marketplace.title", "Creator marketplace"),
+		description: e("coolandlovely.marketplace.description", "Discover services in this workspace, publish your offers and manage personal brand proposals. Quotes preserve the terms reviewed when sent."),
+		actions: /* @__PURE__ */ w(E, {
+			variant: "outline",
+			disabled: V.isFetching,
+			onClick: H,
+			children: e("coolandlovely.common.refresh", "Refresh")
+		}),
+		children: [
+			/* @__PURE__ */ w(q, {
+				tab: s,
+				onTab: (e) => {
+					l(e), p(0);
+				},
+				direction: h,
+				onDirection: (e) => {
+					_(e), p(0);
+				},
+				canCreate: i && !o,
+				onNew: () => y("new"),
+				tr: e
+			}),
+			/* @__PURE__ */ w(Y, {
+				tab: s,
+				direction: h,
+				page: u,
+				onPage: p,
+				onRefresh: H,
+				offers: F,
+				inbox: R,
+				canCreate: i && !o,
+				canUpdate: a && !o,
+				onEdit: y,
+				onPropose: x,
+				onArchive: (e) => {
+					z.reset(), j(e);
+				},
+				navigate: r,
+				tr: e
+			}),
+			v && /* @__PURE__ */ w(U, {
+				offer: v === "new" ? void 0 : v,
+				onClose: () => y(null),
+				tr: e
+			}, v === "new" ? "new" : v.id),
+			b && /* @__PURE__ */ w(W, {
+				offer: b,
+				onOfferReloaded: x,
+				onClose: () => x(null),
+				onSent: () => {
+					x(null), l("inbox"), _(d.Sent), p(0);
+				},
+				onQuota: () => {
+					x(null), P(!0);
+				},
+				tr: e
+			}, b.id),
+			/* @__PURE__ */ w(J, {
+				open: M,
+				onClose: () => P(!1),
+				onBilling: () => {
+					P(!1), r("/billing", !0);
+				},
+				tr: e
+			}),
+			C && /* @__PURE__ */ w(D, {
+				open: !0,
+				onOpenChange: (e) => {
+					!e && !z.isPending && j(null);
+				},
+				children: /* @__PURE__ */ T(O, { children: [
+					/* @__PURE__ */ w(A, { children: e("coolandlovely.marketplace.archive", "Archive offer") }),
+					/* @__PURE__ */ w(k, { children: e("coolandlovely.marketplace.archiveHelp", "This offer will disappear from discovery and your active offers. Existing proposal quotes stay unchanged.") }),
+					/* @__PURE__ */ w("p", {
+						className: "break-words text-text-primary",
+						children: C.title
+					}),
+					/* @__PURE__ */ w(B, { error: z.error }),
+					/* @__PURE__ */ w(E, {
+						disabled: z.isPending,
+						onClick: () => z.mutate({ id: C.id }, { onSuccess: () => j(null) }),
+						children: e("coolandlovely.marketplace.confirmArchive", "Confirm archive")
+					})
+				] })
+			})
+		]
+	});
+}
+function Z() {
+	let { workspaceId: t } = e();
+	return /* @__PURE__ */ w(F, {
+		scopeId: t ?? null,
+		gateway: "workspace",
+		children: /* @__PURE__ */ w(X, {})
+	});
+}
+//#endregion
+export { Z as CreatorMarketplacePage };
+
+//# sourceMappingURL=CreatorMarketplacePage.js.map