camox 0.14.2 → 0.16.0

package/dist/features/preview/components/LinkFieldEditor.js

@@ -24,14 +24,18 @@ const normalizeLinkValue = (value) => {
 	return value;
 };
 const LinkFieldEditor = (t0) => {
-	const $ = c(75);
+	const $ = c(76);
+	if ($[0] !== "fe9989574021dca3d84b6e4d5a16b1a739d91ba1250a8a3ea4bc0adfe2cf5512") {
+		for (let $i = 0; $i < 76; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fe9989574021dca3d84b6e4d5a16b1a739d91ba1250a8a3ea4bc0adfe2cf5512";
+	}
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
-	if ($[0] !== rawLinkValue) {
+	if ($[1] !== rawLinkValue) {
 		t1 = normalizeLinkValue(rawLinkValue);
-		$[0] = rawLinkValue;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = rawLinkValue;
+		$[2] = t1;
+	} else t1 = $[2];
 	const linkValue = t1;
 	const timerRef = React.useRef(null);
 	const [text, setText] = React.useState(linkValue.text);
@@ -42,96 +46,96 @@ const LinkFieldEditor = (t0) => {
 	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
 	const projectSlug = useProjectSlug();
 	let t2;
-	if ($[2] !== projectSlug) {
+	if ($[3] !== projectSlug) {
 		t2 = projectQueries.getBySlug(projectSlug);
-		$[2] = projectSlug;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[3] = projectSlug;
+		$[4] = t2;
+	} else t2 = $[4];
 	const { data: project } = useQuery(t2);
 	let t3;
-	if ($[4] !== project?.id) {
+	if ($[5] !== project?.id) {
 		t3 = pageQueries.list(project?.id ?? 0);
-		$[4] = project?.id;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[5] = project?.id;
+		$[6] = t3;
+	} else t3 = $[6];
 	const t4 = !!project;
 	let t5;
-	if ($[6] !== t3 || $[7] !== t4) {
+	if ($[7] !== t3 || $[8] !== t4) {
 		t5 = {
 			...t3,
 			enabled: t4
 		};
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = t5;
-	} else t5 = $[8];
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
 	const { data: pages } = useQuery(t5);
 	const selectedPage = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
 	let t6;
 	let t7;
-	if ($[9] !== linkValue) {
+	if ($[10] !== linkValue) {
 		t6 = () => {
 			linkValueRef.current = linkValue;
 		};
 		t7 = [linkValue];
-		$[9] = linkValue;
-		$[10] = t6;
-		$[11] = t7;
+		$[10] = linkValue;
+		$[11] = t6;
+		$[12] = t7;
 	} else {
-		t6 = $[10];
-		t7 = $[11];
+		t6 = $[11];
+		t7 = $[12];
 	}
 	React.useEffect(t6, t7);
 	let t8;
 	let t9;
-	if ($[12] !== isTextFocused || $[13] !== linkValue.text) {
+	if ($[13] !== isTextFocused || $[14] !== linkValue.text) {
 		t8 = () => {
 			if (!isTextFocused) setText(linkValue.text);
 		};
 		t9 = [linkValue.text, isTextFocused];
-		$[12] = isTextFocused;
-		$[13] = linkValue.text;
-		$[14] = t8;
-		$[15] = t9;
+		$[13] = isTextFocused;
+		$[14] = linkValue.text;
+		$[15] = t8;
+		$[16] = t9;
 	} else {
-		t8 = $[14];
-		t9 = $[15];
+		t8 = $[15];
+		t9 = $[16];
 	}
 	React.useEffect(t8, t9);
 	let t10;
-	if ($[16] !== isHrefFocused || $[17] !== linkValue.href || $[18] !== linkValue.type) {
+	if ($[17] !== isHrefFocused || $[18] !== linkValue.href || $[19] !== linkValue.type) {
 		t10 = () => {
 			if (linkValue.type === "external" && !isHrefFocused) setHref(linkValue.href);
 		};
-		$[16] = isHrefFocused;
-		$[17] = linkValue.href;
-		$[18] = linkValue.type;
-		$[19] = t10;
-	} else t10 = $[19];
+		$[17] = isHrefFocused;
+		$[18] = linkValue.href;
+		$[19] = linkValue.type;
+		$[20] = t10;
+	} else t10 = $[20];
 	let t11;
-	if ($[20] !== isHrefFocused || $[21] !== linkValue) {
+	if ($[21] !== isHrefFocused || $[22] !== linkValue) {
 		t11 = [linkValue, isHrefFocused];
-		$[20] = isHrefFocused;
-		$[21] = linkValue;
-		$[22] = t11;
-	} else t11 = $[22];
+		$[21] = isHrefFocused;
+		$[22] = linkValue;
+		$[23] = t11;
+	} else t11 = $[23];
 	React.useEffect(t10, t11);
 	let t12;
 	let t13;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
 		t12 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 		};
 		t13 = [];
-		$[23] = t12;
-		$[24] = t13;
+		$[24] = t12;
+		$[25] = t13;
 	} else {
-		t12 = $[23];
-		t13 = $[24];
+		t12 = $[24];
+		t13 = $[25];
 	}
 	React.useEffect(t12, t13);
 	let t14;
-	if ($[25] !== fieldName || $[26] !== onSave) {
+	if ($[26] !== fieldName || $[27] !== onSave) {
 		t14 = (value) => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			timerRef.current = window.setTimeout(() => {
@@ -141,13 +145,13 @@ const LinkFieldEditor = (t0) => {
 				});
 			}, 500);
 		};
-		$[25] = fieldName;
-		$[26] = onSave;
-		$[27] = t14;
-	} else t14 = $[27];
+		$[26] = fieldName;
+		$[27] = onSave;
+		$[28] = t14;
+	} else t14 = $[28];
 	const handleTextChange = t14;
 	let t15;
-	if ($[28] !== fieldName || $[29] !== onSave) {
+	if ($[29] !== fieldName || $[30] !== onSave) {
 		t15 = (value_0) => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			timerRef.current = window.setTimeout(() => {
@@ -157,13 +161,13 @@ const LinkFieldEditor = (t0) => {
 				});
 			}, 500);
 		};
-		$[28] = fieldName;
-		$[29] = onSave;
-		$[30] = t15;
-	} else t15 = $[30];
+		$[29] = fieldName;
+		$[30] = onSave;
+		$[31] = t15;
+	} else t15 = $[31];
 	const handleHrefChange = t15;
 	let t16;
-	if ($[31] !== fieldName || $[32] !== onSave) {
+	if ($[32] !== fieldName || $[33] !== onSave) {
 		t16 = (mode) => {
 			if (mode === "page") onSave(fieldName, {
 				type: "page",
@@ -178,13 +182,13 @@ const LinkFieldEditor = (t0) => {
 				newTab: linkValueRef.current.newTab
 			});
 		};
-		$[31] = fieldName;
-		$[32] = onSave;
-		$[33] = t16;
-	} else t16 = $[33];
+		$[32] = fieldName;
+		$[33] = onSave;
+		$[34] = t16;
+	} else t16 = $[34];
 	const handleModeChange = t16;
 	let t17;
-	if ($[34] !== fieldName || $[35] !== onSave) {
+	if ($[35] !== fieldName || $[36] !== onSave) {
 		t17 = (pageId) => {
 			onSave(fieldName, {
 				type: "page",
@@ -194,45 +198,45 @@ const LinkFieldEditor = (t0) => {
 			});
 			setPagePickerOpen(false);
 		};
-		$[34] = fieldName;
-		$[35] = onSave;
-		$[36] = t17;
-	} else t17 = $[36];
+		$[35] = fieldName;
+		$[36] = onSave;
+		$[37] = t17;
+	} else t17 = $[37];
 	const handlePageSelect = t17;
 	const t18 = "grid gap-3";
 	const t19 = `${fieldName}-text`;
 	let t20;
-	if ($[37] !== t19) {
+	if ($[38] !== t19) {
 		t20 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: t19,
 			children: "Text"
 		});
-		$[37] = t19;
-		$[38] = t20;
-	} else t20 = $[38];
+		$[38] = t19;
+		$[39] = t20;
+	} else t20 = $[39];
 	const t21 = `${fieldName}-text`;
 	let t22;
-	if ($[39] !== handleTextChange) {
+	if ($[40] !== handleTextChange) {
 		t22 = (e) => {
 			setText(e.target.value);
 			handleTextChange(e.target.value);
 		};
-		$[39] = handleTextChange;
-		$[40] = t22;
-	} else t22 = $[40];
+		$[40] = handleTextChange;
+		$[41] = t22;
+	} else t22 = $[41];
 	let t23;
 	let t24;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
 		t23 = () => setIsTextFocused(true);
 		t24 = () => setIsTextFocused(false);
-		$[41] = t23;
-		$[42] = t24;
+		$[42] = t23;
+		$[43] = t24;
 	} else {
-		t23 = $[41];
-		t24 = $[42];
+		t23 = $[42];
+		t24 = $[43];
 	}
 	let t25;
-	if ($[43] !== t21 || $[44] !== t22 || $[45] !== text) {
+	if ($[44] !== t21 || $[45] !== t22 || $[46] !== text) {
 		t25 = /* @__PURE__ */ jsx(Input, {
 			id: t21,
 			value: text,
@@ -241,29 +245,29 @@ const LinkFieldEditor = (t0) => {
 			onBlur: t24,
 			autoFocus: true
 		});
-		$[43] = t21;
-		$[44] = t22;
-		$[45] = text;
-		$[46] = t25;
-	} else t25 = $[46];
+		$[44] = t21;
+		$[45] = t22;
+		$[46] = text;
+		$[47] = t25;
+	} else t25 = $[47];
 	let t26;
-	if ($[47] !== t20 || $[48] !== t25) {
+	if ($[48] !== t20 || $[49] !== t25) {
 		t26 = /* @__PURE__ */ jsxs("div", {
 			className: "grid gap-1.5",
 			children: [t20, t25]
 		});
-		$[47] = t20;
-		$[48] = t25;
-		$[49] = t26;
-	} else t26 = $[49];
+		$[48] = t20;
+		$[49] = t25;
+		$[50] = t26;
+	} else t26 = $[50];
 	const t27 = "grid gap-1.5";
 	let t28;
-	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
 		t28 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-		$[50] = t28;
-	} else t28 = $[50];
+		$[51] = t28;
+	} else t28 = $[51];
 	let t29;
-	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
 		t29 = /* @__PURE__ */ jsxs(TabsList, {
 			className: "w-full",
 			children: [/* @__PURE__ */ jsx(TabsTrigger, {
@@ -274,19 +278,19 @@ const LinkFieldEditor = (t0) => {
 				children: "URL"
 			})]
 		});
-		$[51] = t29;
-	} else t29 = $[51];
+		$[52] = t29;
+	} else t29 = $[52];
 	let t30;
-	if ($[52] !== handleModeChange || $[53] !== linkValue.type) {
+	if ($[53] !== handleModeChange || $[54] !== linkValue.type) {
 		t30 = /* @__PURE__ */ jsx(Tabs, {
 			value: linkValue.type,
 			onValueChange: handleModeChange,
 			children: t29
 		});
-		$[52] = handleModeChange;
-		$[53] = linkValue.type;
-		$[54] = t30;
-	} else t30 = $[54];
+		$[53] = handleModeChange;
+		$[54] = linkValue.type;
+		$[55] = t30;
+	} else t30 = $[55];
 	const t31 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
 		open: pagePickerOpen,
 		onOpenChange: setPagePickerOpen,
@@ -334,7 +338,7 @@ const LinkFieldEditor = (t0) => {
 		onBlur: () => setIsHrefFocused(false)
 	});
 	let t32;
-	if ($[55] !== t28 || $[56] !== t30 || $[57] !== t31) {
+	if ($[56] !== t28 || $[57] !== t30 || $[58] !== t31) {
 		t32 = /* @__PURE__ */ jsxs("div", {
 			className: t27,
 			children: [
@@ -343,58 +347,58 @@ const LinkFieldEditor = (t0) => {
 				t31
 			]
 		});
-		$[55] = t28;
-		$[56] = t30;
-		$[57] = t31;
-		$[58] = t32;
-	} else t32 = $[58];
+		$[56] = t28;
+		$[57] = t30;
+		$[58] = t31;
+		$[59] = t32;
+	} else t32 = $[59];
 	const t33 = `${fieldName}-newtab`;
 	let t34;
-	if ($[59] !== fieldName || $[60] !== onSave) {
+	if ($[60] !== fieldName || $[61] !== onSave) {
 		t34 = (checked) => {
 			onSave(fieldName, {
 				...linkValueRef.current,
 				newTab: checked
 			});
 		};
-		$[59] = fieldName;
-		$[60] = onSave;
-		$[61] = t34;
-	} else t34 = $[61];
+		$[60] = fieldName;
+		$[61] = onSave;
+		$[62] = t34;
+	} else t34 = $[62];
 	let t35;
-	if ($[62] !== linkValue.newTab || $[63] !== t33 || $[64] !== t34) {
+	if ($[63] !== linkValue.newTab || $[64] !== t33 || $[65] !== t34) {
 		t35 = /* @__PURE__ */ jsx(Switch, {
 			id: t33,
 			checked: linkValue.newTab,
 			onCheckedChange: t34
 		});
-		$[62] = linkValue.newTab;
-		$[63] = t33;
-		$[64] = t34;
-		$[65] = t35;
-	} else t35 = $[65];
+		$[63] = linkValue.newTab;
+		$[64] = t33;
+		$[65] = t34;
+		$[66] = t35;
+	} else t35 = $[66];
 	const t36 = `${fieldName}-newtab`;
 	let t37;
-	if ($[66] !== t36) {
+	if ($[67] !== t36) {
 		t37 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: t36,
 			children: "Open in new tab"
 		});
-		$[66] = t36;
-		$[67] = t37;
-	} else t37 = $[67];
+		$[67] = t36;
+		$[68] = t37;
+	} else t37 = $[68];
 	let t38;
-	if ($[68] !== t35 || $[69] !== t37) {
+	if ($[69] !== t35 || $[70] !== t37) {
 		t38 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [t35, t37]
 		});
-		$[68] = t35;
-		$[69] = t37;
-		$[70] = t38;
-	} else t38 = $[70];
+		$[69] = t35;
+		$[70] = t37;
+		$[71] = t38;
+	} else t38 = $[71];
 	let t39;
-	if ($[71] !== t26 || $[72] !== t32 || $[73] !== t38) {
+	if ($[72] !== t26 || $[73] !== t32 || $[74] !== t38) {
 		t39 = /* @__PURE__ */ jsxs("form", {
 			className: t18,
 			children: [
@@ -403,11 +407,11 @@ const LinkFieldEditor = (t0) => {
 				t38
 			]
 		});
-		$[71] = t26;
-		$[72] = t32;
-		$[73] = t38;
-		$[74] = t39;
-	} else t39 = $[74];
+		$[72] = t26;
+		$[73] = t32;
+		$[74] = t38;
+		$[75] = t39;
+	} else t39 = $[75];
 	return t39;
 };