camox 0.24.1 → 0.26.0

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

@@ -10,9 +10,9 @@ import { queryKeys } from "@camox/api-contract/query-keys";
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
 	const $ = c(5);
-	if ($[0] !== "5a96eb36dc11e719c3b59bd9e9b0341b45aea01f26dbb80c97c8a13ec4179126") {
+	if ($[0] !== "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a96eb36dc11e719c3b59bd9e9b0341b45aea01f26dbb80c97c8a13ec4179126";
+		$[0] = "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a";
 	}
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();
@@ -27,12 +27,13 @@ function useUpdateBlockPosition() {
 		t1 = {
 			...t0,
 			onMutate: (variables) => {
-				const pageQueryKey = queryKeys.pages.getByPath(pagePathname);
+				const pageQueryKey = queryKeys.pages.getByPath(pagePathname, "draft");
 				const previousPage = queryClient.getQueryData(pageQueryKey);
 				if (!previousPage) return {};
 				const newPosition = generateKeyBetween(variables.afterPosition ?? null, variables.beforePosition ?? null);
-				const prevBundle = queryClient.getQueryData(queryKeys.blocks.get(variables.id));
-				if (prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables.id), {
+				const blockKey = queryKeys.blocks.get(variables.id, "draft");
+				const prevBundle = queryClient.getQueryData(blockKey);
+				if (prevBundle) queryClient.setQueryData(blockKey, {
 					...prevBundle,
 					block: {
 						...prevBundle.block,
@@ -43,7 +44,7 @@ function useUpdateBlockPosition() {
 				const positions = /* @__PURE__ */ new Map();
 				for (const id of blockIds) if (id === variables.id) positions.set(id, newPosition);
 				else {
-					const bundle = queryClient.getQueryData(queryKeys.blocks.get(id));
+					const bundle = queryClient.getQueryData(queryKeys.blocks.get(id, "draft"));
 					if (bundle) positions.set(id, bundle.block.position);
 				}
 				const sortedIds = [...blockIds].sort((a, b) => {
@@ -65,11 +66,11 @@ function useUpdateBlockPosition() {
 				};
 			},
 			onError: (_error, variables_0, context) => {
-				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname), context.previousPage);
-				if (context?.prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables_0.id), context.prevBundle);
+				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname, "draft"), context.previousPage);
+				if (context?.prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables_0.id, "draft"), context.prevBundle);
 			},
 			onSettled: () => {
-				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname, "draft") });
 			}
 		};
 		$[2] = pagePathname;

package/dist/features/preview/previewStore.js

@@ -33,13 +33,16 @@ const previewStore = createStore({
 		isCreatePageModalOpen: false,
 		editingPageId: null,
 		isContentLocked: false,
+		prePreviewLockState: null,
+		isDraftSwitchDialogOpen: false,
 		isMobileMode: false,
 		peekedBlock: null,
 		peekedBlockPosition: null,
 		peekedPagePathname: null,
 		skipPeekedBlockExitAnimation: false,
 		selection: null,
-		iframeElement: null
+		iframeElement: null,
+		previewSource: "draft"
 	},
 	on: {
 		enterPresentationMode: (context, _, enqueue) => {
@@ -71,6 +74,7 @@ const previewStore = createStore({
 			};
 		},
 		toggleLockContent: (context, _, enqueue) => {
+			if (context.previewSource !== "draft") return context;
 			enqueue.effect(() => {
 				toast(context.isContentLocked ? "Enabling edits" : "Preventing edits");
 			});
@@ -271,6 +275,39 @@ const previewStore = createStore({
 		setIframeElement: (context, event) => ({
 			...context,
 			iframeElement: event.element
+		}),
+		setPreviewSource: (context, event, enqueue) => {
+			if (event.source === context.previewSource) return context;
+			enqueue.effect(() => {
+				toast(event.source === "draft" ? "Previewing draft content" : "Previewing live content", { duration: 2500 });
+			});
+			if (event.source !== "draft" && context.previewSource === "draft") return {
+				...context,
+				previewSource: event.source,
+				prePreviewLockState: context.isContentLocked,
+				isContentLocked: true
+			};
+			if (event.source === "draft" && context.previewSource !== "draft") return {
+				...context,
+				previewSource: "draft",
+				isContentLocked: context.prePreviewLockState ?? false,
+				prePreviewLockState: null
+			};
+			return {
+				...context,
+				previewSource: event.source
+			};
+		},
+		requestDraftSwitch: (context) => {
+			if (context.previewSource === "draft") return context;
+			return {
+				...context,
+				isDraftSwitchDialogOpen: true
+			};
+		},
+		dismissDraftSwitch: (context) => ({
+			...context,
+			isDraftSwitchDialogOpen: false
 		})
 	}
 });

package/dist/features/provider/useAdminShortcuts.js

@@ -11,9 +11,9 @@ import * as React from "react";
 */
 function useAdminShortcuts() {
 	const $ = c(4);
-	if ($[0] !== "8aa9f7b5d024a727491a97f8449b1e7300ebf32446cf1094a0f4557cc8d754f4") {
+	if ($[0] !== "ff9772b422e4fa94d361aac01db06ff7648c4018d1a51f451cd805e9e0430ce4") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "8aa9f7b5d024a727491a97f8449b1e7300ebf32446cf1094a0f4557cc8d754f4";
+		$[0] = "ff9772b422e4fa94d361aac01db06ff7648c4018d1a51f451cd805e9e0430ce4";
 	}
 	const actions = useSelector(actionsStore, _temp);
 	const previousLockState = React.useRef(null);
@@ -26,6 +26,10 @@ function useAdminShortcuts() {
 				if (event.key.toLowerCase() === "l" && !event.metaKey && !event.altKey && !event.shiftKey) {
 					if (event.repeat) return;
 					if (checkIfInputFocused()) return;
+					if (previewStore.getSnapshot().context.previewSource !== "draft") {
+						event.preventDefault();
+						return;
+					}
 					event.preventDefault();
 					if (previousLockState.current === null) {
 						lockKeyDownTime.current = Date.now();
@@ -61,6 +65,7 @@ function useAdminShortcuts() {
 			};
 			const handleMessage = (event_1) => {
 				if (event_1.data?.type === "holdLockContent") {
+					if (previewStore.getSnapshot().context.previewSource !== "draft") return;
 					if (previousLockState.current === null) {
 						lockKeyDownTime.current = Date.now();
 						previousLockState.current = previewStore.getSnapshot().context.isContentLocked;

package/dist/features/routes/pageRoute.d.ts

@@ -22,21 +22,25 @@ declare function createPageLoader(apiUrl: string, projectSlug: string, environme
 }) => Promise<{
   page: {
     page: {
+      status: undefined;
+      modifiedReason: undefined | null;
       blockIds: number[];
       id: number;
+      createdAt: number;
+      updatedAt: number;
       projectId: number;
       environmentId: number;
       pathSegment: string;
       fullPath: string;
       parentPageId: number | null;
       layoutId: number;
+      livePublishedCheckpointId: number | null;
+      contentUpdatedAt: number;
       metaTitle: string | null;
       metaDescription: string | null;
       aiSeoEnabled: boolean | null;
       customOgImageBlobId: string | null;
       customOgImageUrl: string | null;
-      createdAt: number;
-      updatedAt: number;
     };
     layout: {
       id: number;

package/dist/features/routes/pageRoute.js

@@ -45,7 +45,8 @@ function createMarkdownMiddleware(apiUrl, projectSlug, environmentName) {
 			try {
 				const page = await api.pages.getByPath({
 					path: url.pathname,
-					projectSlug
+					projectSlug,
+					source: "live"
 				});
 				const { markdown } = await api.blocks.getPageMarkdown({ pageId: page.page.id });
 				if (markdown) {
@@ -68,13 +69,16 @@ function createPageLoader(apiUrl, projectSlug, environmentName) {
 	return async ({ location, context }) => {
 		try {
 			const [page, origin] = await Promise.all([context.queryClient.ensureQueryData({
-				queryKey: queryKeys.pages.getByPath(location.pathname),
+				queryKey: queryKeys.pages.getByPath(location.pathname, "live"),
 				queryFn: async () => {
 					const [data, pagesList] = await Promise.all([serverApi.pages.getByPath({
 						path: location.pathname,
-						projectSlug
+						projectSlug,
+						source: "live"
 					}), serverApi.pages.listBySlug({ projectSlug }).catch(() => null)]);
-					seedBlockCaches(context.queryClient, data);
+					seedBlockCaches(context.queryClient, data, "live");
+					seedBlockCaches(context.queryClient, data, "draft");
+					context.queryClient.setQueryData(queryKeys.pages.getByPath(location.pathname, "draft"), data);
 					if (pagesList) context.queryClient.setQueryData(queryKeys.pages.list, pagesList);
 					return {
 						page: data.page,
@@ -152,9 +156,9 @@ function createPageHead(camoxApp) {
 }
 const PageRouteComponent = () => {
 	const $ = c(2);
-	if ($[0] !== "858ec55c5e5a82d2aa9c37c6b5b7f1c0a2d1cff69ec415b2b53199f5bf1faa69") {
+	if ($[0] !== "70af43df8dd9dfc07ba240c4b5ef667ad871db6e9cbe22eb8e3647d7a89af86f") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "858ec55c5e5a82d2aa9c37c6b5b7f1c0a2d1cff69ec415b2b53199f5bf1faa69";
+		$[0] = "70af43df8dd9dfc07ba240c4b5ef667ad871db6e9cbe22eb8e3647d7a89af86f";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/features/vite/vite.js

@@ -37,10 +37,12 @@ function readAuthEmail(authenticationUrl) {
 }
 /**
 * Drop a sidecar at `<root>/node_modules/.camox/runtime.json` so the `camox`
-* CLI can pick up the same projectSlug / apiUrl / authenticationUrl /
-* environmentName the plugin actually used. The CLI treats the vite config
-* as the source of truth — there is no other reliable way to recover these
-* values from outside vite.
+* CLI can pick up the same projectSlug / apiUrl / authenticationUrl the
+* plugin actually used. The CLI treats the vite config as the source of
+* truth for those values — there is no other reliable way to recover them
+* from outside vite. The environment is *not* written here: the CLI derives
+* `dev:<email>` from auth at call time and requires `--production` for prod,
+* so a stale build sidecar can't silently route writes to production.
 */
 function writeRuntimeSidecar(root, data) {
 	const dir = join(root, "node_modules", ".camox");
@@ -168,7 +170,6 @@ function camox(options) {
 				projectSlug: options.projectSlug,
 				apiUrl,
 				authenticationUrl,
-				environmentName,
 				disableTelemetry: !!options.disableTelemetry
 			});
 			if (!disableCodeGen) {

package/dist/lib/normalized-data.js

@@ -11,9 +11,9 @@ const NormalizedDataContext = React.createContext({
 });
 const NormalizedDataProvider = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469") {
+	if ($[0] !== "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469";
+		$[0] = "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda";
 	}
 	const { files, repeatableItems, children } = t0;
 	let t1;
@@ -72,18 +72,19 @@ function useStableArray(next) {
 	if (prev !== next && (prev.length !== next.length || prev.some((v, i) => v !== next[i]))) ref.current = next;
 	return ref.current;
 }
-function usePageBlocks(pageStructure) {
-	const $ = c(36);
-	if ($[0] !== "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469") {
-		for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469";
+function usePageBlocks(pageStructure, t0) {
+	const $ = c(37);
+	if ($[0] !== "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda") {
+		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda";
 	}
+	const source = t0 === void 0 ? "draft" : t0;
 	const blockIds = pageStructure.page.blockIds;
 	const beforeIds = pageStructure.layout?.beforeBlockIds ?? EMPTY_IDS;
 	const afterIds = pageStructure.layout?.afterBlockIds ?? EMPTY_IDS;
-	let t0;
+	let t1;
 	if ($[1] !== afterIds || $[2] !== beforeIds || $[3] !== blockIds) {
-		t0 = [
+		t1 = [
 			...blockIds,
 			...beforeIds,
 			...afterIds
@@ -91,108 +92,106 @@ function usePageBlocks(pageStructure) {
 		$[1] = afterIds;
 		$[2] = beforeIds;
 		$[3] = blockIds;
-		$[4] = t0;
-	} else t0 = $[4];
-	const allIds = t0;
-	let t1;
-	if ($[5] !== allIds) {
-		t1 = { queries: allIds.map(_temp3) };
+		$[4] = t1;
+	} else t1 = $[4];
+	const allIds = t1;
+	let t2;
+	if ($[5] !== allIds || $[6] !== source) {
+		t2 = { queries: allIds.map((id) => blockQueries.get(id, source)) };
 		$[5] = allIds;
-		$[6] = t1;
-	} else t1 = $[6];
-	const results = useQueries(t1);
+		$[6] = source;
+		$[7] = t2;
+	} else t2 = $[7];
+	const results = useQueries(t2);
 	let map;
-	if ($[7] !== allIds || $[8] !== results) {
+	if ($[8] !== allIds || $[9] !== results) {
 		map = /* @__PURE__ */ new Map();
 		for (let i = 0; i < allIds.length; i++) {
 			const data = results[i]?.data;
 			if (data) map.set(allIds[i], data);
 		}
-		$[7] = allIds;
-		$[8] = results;
-		$[9] = map;
-	} else map = $[9];
+		$[8] = allIds;
+		$[9] = results;
+		$[10] = map;
+	} else map = $[10];
 	const bundleMap = map;
-	let t2;
-	if ($[10] !== afterIds || $[11] !== beforeIds) {
-		t2 = [...beforeIds, ...afterIds];
-		$[10] = afterIds;
-		$[11] = beforeIds;
-		$[12] = t2;
-	} else t2 = $[12];
-	const layoutIds = t2;
 	let t3;
-	if ($[13] !== bundleMap) {
-		t3 = (ids) => ids.map((id_0) => bundleMap.get(id_0)?.block).filter(_temp4);
-		$[13] = bundleMap;
-		$[14] = t3;
-	} else t3 = $[14];
-	const resolveBlocks = t3;
+	if ($[11] !== afterIds || $[12] !== beforeIds) {
+		t3 = [...beforeIds, ...afterIds];
+		$[11] = afterIds;
+		$[12] = beforeIds;
+		$[13] = t3;
+	} else t3 = $[13];
+	const layoutIds = t3;
 	let t4;
-	if ($[15] !== blockIds || $[16] !== resolveBlocks) {
-		t4 = resolveBlocks(blockIds);
-		$[15] = blockIds;
-		$[16] = resolveBlocks;
-		$[17] = t4;
-	} else t4 = $[17];
-	const pageBlocks = useStableArray(t4);
+	if ($[14] !== bundleMap) {
+		t4 = (ids) => ids.map((id_0) => bundleMap.get(id_0)?.block).filter(_temp3);
+		$[14] = bundleMap;
+		$[15] = t4;
+	} else t4 = $[15];
+	const resolveBlocks = t4;
 	let t5;
-	if ($[18] !== beforeIds || $[19] !== resolveBlocks) {
-		t5 = resolveBlocks(beforeIds);
-		$[18] = beforeIds;
-		$[19] = resolveBlocks;
-		$[20] = t5;
-	} else t5 = $[20];
-	const beforeBlocks = useStableArray(t5);
+	if ($[16] !== blockIds || $[17] !== resolveBlocks) {
+		t5 = resolveBlocks(blockIds);
+		$[16] = blockIds;
+		$[17] = resolveBlocks;
+		$[18] = t5;
+	} else t5 = $[18];
+	const pageBlocks = useStableArray(t5);
 	let t6;
-	if ($[21] !== afterIds || $[22] !== resolveBlocks) {
-		t6 = resolveBlocks(afterIds);
-		$[21] = afterIds;
-		$[22] = resolveBlocks;
-		$[23] = t6;
-	} else t6 = $[23];
-	const afterBlocks = useStableArray(t6);
+	if ($[19] !== beforeIds || $[20] !== resolveBlocks) {
+		t6 = resolveBlocks(beforeIds);
+		$[19] = beforeIds;
+		$[20] = resolveBlocks;
+		$[21] = t6;
+	} else t6 = $[21];
+	const beforeBlocks = useStableArray(t6);
 	let t7;
-	if ($[24] !== bundleMap || $[25] !== layoutIds) {
-		t7 = layoutIds.flatMap((id_1) => bundleMap.get(id_1)?.files ?? []);
-		$[24] = bundleMap;
-		$[25] = layoutIds;
-		$[26] = t7;
-	} else t7 = $[26];
-	const layoutFiles = useStableArray(t7);
+	if ($[22] !== afterIds || $[23] !== resolveBlocks) {
+		t7 = resolveBlocks(afterIds);
+		$[22] = afterIds;
+		$[23] = resolveBlocks;
+		$[24] = t7;
+	} else t7 = $[24];
+	const afterBlocks = useStableArray(t7);
 	let t8;
-	if ($[27] !== bundleMap || $[28] !== layoutIds) {
-		t8 = layoutIds.flatMap((id_2) => bundleMap.get(id_2)?.repeatableItems ?? []);
-		$[27] = bundleMap;
-		$[28] = layoutIds;
-		$[29] = t8;
-	} else t8 = $[29];
-	const layoutItems = useStableArray(t8);
+	if ($[25] !== bundleMap || $[26] !== layoutIds) {
+		t8 = layoutIds.flatMap((id_1) => bundleMap.get(id_1)?.files ?? []);
+		$[25] = bundleMap;
+		$[26] = layoutIds;
+		$[27] = t8;
+	} else t8 = $[27];
+	const layoutFiles = useStableArray(t8);
 	let t9;
-	if ($[30] !== afterBlocks || $[31] !== beforeBlocks || $[32] !== layoutFiles || $[33] !== layoutItems || $[34] !== pageBlocks) {
-		t9 = {
+	if ($[28] !== bundleMap || $[29] !== layoutIds) {
+		t9 = layoutIds.flatMap((id_2) => bundleMap.get(id_2)?.repeatableItems ?? []);
+		$[28] = bundleMap;
+		$[29] = layoutIds;
+		$[30] = t9;
+	} else t9 = $[30];
+	const layoutItems = useStableArray(t9);
+	let t10;
+	if ($[31] !== afterBlocks || $[32] !== beforeBlocks || $[33] !== layoutFiles || $[34] !== layoutItems || $[35] !== pageBlocks) {
+		t10 = {
 			pageBlocks,
 			beforeBlocks,
 			afterBlocks,
 			layoutFiles,
 			layoutItems
 		};
-		$[30] = afterBlocks;
-		$[31] = beforeBlocks;
-		$[32] = layoutFiles;
-		$[33] = layoutItems;
-		$[34] = pageBlocks;
-		$[35] = t9;
-	} else t9 = $[35];
-	return t9;
+		$[31] = afterBlocks;
+		$[32] = beforeBlocks;
+		$[33] = layoutFiles;
+		$[34] = layoutItems;
+		$[35] = pageBlocks;
+		$[36] = t10;
+	} else t10 = $[36];
+	return t10;
 }
 /** Check if a value is a { _fileId } marker */
-function _temp4(b) {
+function _temp3(b) {
 	return b != null;
 }
-function _temp3(id) {
-	return blockQueries.get(id);
-}
 function isFileMarker(value) {
 	return value != null && typeof value === "object" && "_fileId" in value && value._fileId != null;
 }
@@ -215,7 +214,7 @@ function visitForFileIds(value, ids) {
 function collectFileIdsFromContent(content, ids) {
 	for (const value of Object.values(content)) visitForFileIds(value, ids);
 }
-function seedBlockCaches(queryClient, pageData) {
+function seedBlockCaches(queryClient, pageData, source = "draft") {
 	const filesById = new Map(pageData.files.map((f) => [f.id, f]));
 	for (const block of pageData.blocks) {
 		const blockItems = pageData.repeatableItems.filter((i) => i.blockId === block.id);
@@ -223,7 +222,7 @@ function seedBlockCaches(queryClient, pageData) {
 		collectFileIdsFromContent(block.content, fileIds);
 		for (const item of blockItems) collectFileIdsFromContent(item.content, fileIds);
 		const blockFiles = [...fileIds].map((id) => filesById.get(id)).filter((f) => f != null);
-		queryClient.setQueryData(queryKeys.blocks.get(block.id), {
+		queryClient.setQueryData(queryKeys.blocks.get(block.id, source), {
 			block,
 			repeatableItems: blockItems,
 			files: blockFiles

package/dist/lib/queries.js

@@ -11,15 +11,16 @@ const pageQueries = {
 		}),
 		queryKey: queryKeys.pages.list
 	}),
-	getByPath: (fullPath, projectSlug) => ({
+	getByPath: (fullPath, projectSlug, source = "draft") => ({
 		...getOrpc().pages.getByPath.queryOptions({
 			input: {
 				path: fullPath,
-				projectSlug
+				projectSlug,
+				source
 			},
 			staleTime: Infinity
 		}),
-		queryKey: queryKeys.pages.getByPath(fullPath)
+		queryKey: queryKeys.pages.getByPath(fullPath, source)
 	}),
 	getById: (id) => ({
 		...getOrpc().pages.get.queryOptions({
@@ -64,12 +65,15 @@ const layoutQueries = { list: (projectId) => ({
 	queryKey: queryKeys.layouts.all
 }) };
 const blockQueries = {
-	get: (id) => ({
+	get: (id, source = "draft") => ({
 		...getOrpc().blocks.get.queryOptions({
-			input: { id },
+			input: {
+				id,
+				source
+			},
 			staleTime: Infinity
 		}),
-		queryKey: queryKeys.blocks.get(id)
+		queryKey: queryKeys.blocks.get(id, source)
 	}),
 	getUsageCounts: (projectId) => ({
 		...getOrpc().blocks.getUsageCounts.queryOptions({
@@ -139,6 +143,8 @@ const pageMutations = {
 	setAiSeo: () => getOrpc().pages.setAiSeo.mutationOptions(),
 	setMetaTitle: () => getOrpc().pages.setMetaTitle.mutationOptions(),
 	setMetaDescription: () => getOrpc().pages.setMetaDescription.mutationOptions(),
+	publish: () => getOrpc().pages.publish.mutationOptions(),
+	unpublish: () => getOrpc().pages.unpublish.mutationOptions(),
 	uploadCustomOgImage: () => ({ mutationFn: async ({ pageId, file }) => {
 		const formData = new FormData();
 		formData.append("file", file);