camox 0.48.0 → 0.52.1

package/dist/features/studio/components/SocialProfilesDialog.js

@@ -1,342 +0,0 @@
-import { reads, useStudioCache } from "../../../lib/studio-reads.js";
-import { projectMutations } from "../../../lib/queries.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMutation } from "@tanstack/react-query";
-import { Button } from "@camox/ui/button";
-import { Input } from "@camox/ui/input";
-import { ArrowDown, ArrowUp, Plus, Trash2, TriangleAlert } from "lucide-react";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
-import { toast } from "@camox/ui/toaster";
-import { Spinner } from "@camox/ui/spinner";
-import { Alert, AlertDescription } from "@camox/ui/alert";
-import { socialProfileUrlSchema } from "@camox/api-contract/projects";
-
-//#region src/features/studio/components/SocialProfilesDialog.tsx
-let nextRowKey = 0;
-const row = (url) => ({
-	key: nextRowKey++,
-	url
-});
-function SocialProfilesDialog(t0) {
-	const $ = c(10);
-	const { project, open, onOpenChange } = t0;
-	let t1;
-	if ($[0] !== onOpenChange || $[1] !== open || $[2] !== project) {
-		t1 = open && /* @__PURE__ */ jsx(SocialProfilesForm, {
-			project,
-			onSaved: () => onOpenChange(false)
-		});
-		$[0] = onOpenChange;
-		$[1] = open;
-		$[2] = project;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx(DialogContent, {
-			className: "gap-5 sm:max-w-lg",
-			children: t1
-		});
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== onOpenChange || $[7] !== open || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Dialog, {
-			open,
-			onOpenChange,
-			children: t2
-		});
-		$[6] = onOpenChange;
-		$[7] = open;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-}
-function SocialProfilesForm(t0) {
-	const $ = c(47);
-	const { project, onSaved } = t0;
-	const studioCache = useStudioCache();
-	let t1;
-	if ($[0] !== project) {
-		t1 = () => project.socialProfiles.map(row);
-		$[0] = project;
-		$[1] = t1;
-	} else t1 = $[1];
-	const [rows, setRows] = React.useState(t1);
-	const [showErrors, setShowErrors] = React.useState(false);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = projectMutations.updateSocialProfiles();
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== onSaved || $[4] !== project || $[5] !== studioCache) {
-		t3 = {
-			...t2,
-			onSuccess: async () => {
-				await studioCache.invalidate(reads.project({ projectUuid: project.uuid }));
-				toast.success("Social profiles updated");
-				onSaved();
-			},
-			onError: _temp
-		};
-		$[3] = onSaved;
-		$[4] = project;
-		$[5] = studioCache;
-		$[6] = t3;
-	} else t3 = $[6];
-	const save = useMutation(t3);
-	let t4;
-	if ($[7] !== rows) {
-		t4 = rows.map(_temp2).filter(_temp3);
-		$[7] = rows;
-		$[8] = t4;
-	} else t4 = $[8];
-	const filled = t4;
-	const errorOf = _temp4;
-	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = (key, url_0) => setRows((current) => current.map((entry_0) => entry_0.key === key ? {
-			...entry_0,
-			url: url_0
-		} : entry_0));
-		$[9] = t5;
-	} else t5 = $[9];
-	const update = t5;
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (key_0) => setRows((current_0) => current_0.filter((entry_1) => entry_1.key !== key_0));
-		$[10] = t6;
-	} else t6 = $[10];
-	const remove = t6;
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (index, by) => setRows((current_1) => {
-			const next = [...current_1];
-			const [moved] = next.splice(index, 1);
-			next.splice(index + by, 0, moved);
-			return next;
-		});
-		$[11] = t7;
-	} else t7 = $[11];
-	const move = t7;
-	let t8;
-	if ($[12] !== filled || $[13] !== project || $[14] !== save) {
-		t8 = (event) => {
-			event.preventDefault();
-			if (filled.some((entry_2) => errorOf(entry_2.url))) {
-				setShowErrors(true);
-				return;
-			}
-			save.mutate({
-				id: project.id,
-				socialProfiles: filled.map(_temp5)
-			});
-		};
-		$[12] = filled;
-		$[13] = project;
-		$[14] = save;
-		$[15] = t8;
-	} else t8 = $[15];
-	const submit = t8;
-	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Social profiles" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The project's accounts elsewhere, such as on LinkedIn, X or GitHub. Search engines and AI answer engines use them to tie the website to your organization." })] });
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs(Alert, {
-			variant: "warning",
-			children: [/* @__PURE__ */ jsx(TriangleAlert, {}), /* @__PURE__ */ jsx(AlertDescription, { children: "Applies to the whole site, including Live and every draft." })]
-		});
-		$[17] = t10;
-	} else t10 = $[17];
-	let t11;
-	if ($[18] !== rows || $[19] !== save.isPending || $[20] !== showErrors) {
-		let t12;
-		if ($[22] !== rows.length || $[23] !== save.isPending || $[24] !== showErrors) {
-			t12 = (entry_4, index_0) => {
-				const error_0 = showErrors && entry_4.url.trim() ? errorOf(entry_4.url) : void 0;
-				return /* @__PURE__ */ jsxs("li", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(Input, {
-								type: "url",
-								value: entry_4.url,
-								placeholder: "https://www.linkedin.com/company/…",
-								"aria-label": `Profile ${index_0 + 1}`,
-								"aria-invalid": error_0 ? true : void 0,
-								disabled: save.isPending,
-								onChange: (event_0) => update(entry_4.key, event_0.target.value)
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move up",
-								disabled: index_0 === 0 || save.isPending,
-								onClick: () => move(index_0, -1),
-								children: /* @__PURE__ */ jsx(ArrowUp, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move down",
-								disabled: index_0 === rows.length - 1 || save.isPending,
-								onClick: () => move(index_0, 1),
-								children: /* @__PURE__ */ jsx(ArrowDown, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Remove",
-								disabled: save.isPending,
-								onClick: () => remove(entry_4.key),
-								children: /* @__PURE__ */ jsx(Trash2, {})
-							})
-						]
-					}), error_0 && /* @__PURE__ */ jsx("p", {
-						className: "text-destructive text-xs",
-						children: error_0
-					})]
-				}, entry_4.key);
-			};
-			$[22] = rows.length;
-			$[23] = save.isPending;
-			$[24] = showErrors;
-			$[25] = t12;
-		} else t12 = $[25];
-		t11 = rows.map(t12);
-		$[18] = rows;
-		$[19] = save.isPending;
-		$[20] = showErrors;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[26] !== t11) {
-		t12 = /* @__PURE__ */ jsx("ol", {
-			className: "flex flex-col gap-2",
-			children: t11
-		});
-		$[26] = t11;
-		$[27] = t12;
-	} else t12 = $[27];
-	let t13;
-	let t14;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = () => setRows(_temp6);
-		t14 = /* @__PURE__ */ jsx(Plus, {});
-		$[28] = t13;
-		$[29] = t14;
-	} else {
-		t13 = $[28];
-		t14 = $[29];
-	}
-	let t15;
-	if ($[30] !== save.isPending) {
-		t15 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			className: "sm:mr-auto",
-			disabled: save.isPending,
-			onClick: t13,
-			children: [t14, "Add profile"]
-		});
-		$[30] = save.isPending;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== save.isPending) {
-		t16 = /* @__PURE__ */ jsx(DialogClose, {
-			render: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				disabled: save.isPending
-			}),
-			children: "Cancel"
-		});
-		$[32] = save.isPending;
-		$[33] = t16;
-	} else t16 = $[33];
-	let t17;
-	if ($[34] !== save.isPending) {
-		t17 = save.isPending && /* @__PURE__ */ jsx(Spinner, {});
-		$[34] = save.isPending;
-		$[35] = t17;
-	} else t17 = $[35];
-	let t18;
-	if ($[36] !== save.isPending || $[37] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Button, {
-			type: "submit",
-			disabled: save.isPending,
-			children: [t17, "Save"]
-		});
-		$[36] = save.isPending;
-		$[37] = t17;
-		$[38] = t18;
-	} else t18 = $[38];
-	let t19;
-	if ($[39] !== t15 || $[40] !== t16 || $[41] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(DialogFooter, { children: [
-			t15,
-			t16,
-			t18
-		] });
-		$[39] = t15;
-		$[40] = t16;
-		$[41] = t18;
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== submit || $[44] !== t12 || $[45] !== t19) {
-		t20 = /* @__PURE__ */ jsxs("form", {
-			onSubmit: submit,
-			className: "contents",
-			children: [
-				t9,
-				t10,
-				t12,
-				t19
-			]
-		});
-		$[43] = submit;
-		$[44] = t12;
-		$[45] = t19;
-		$[46] = t20;
-	} else t20 = $[46];
-	return t20;
-}
-function _temp6(current_2) {
-	return [...current_2, row("")];
-}
-function _temp5(entry_3) {
-	return entry_3.url;
-}
-function _temp4(url) {
-	const result = socialProfileUrlSchema.safeParse(url.trim());
-	return result.success ? void 0 : result.error.issues[0]?.message;
-}
-function _temp3(e) {
-	return e.url;
-}
-function _temp2(entry) {
-	return {
-		...entry,
-		url: entry.url.trim()
-	};
-}
-function _temp(error) {
-	toast.error(error.message || "Could not save the social profiles");
-}
-
-//#endregion
-export { SocialProfilesDialog };