@orion-studios/payload-studio 0.5.0-beta.95 → 0.5.0-beta.97

package/dist/nextjs/index.mjs

@@ -3,10 +3,12 @@ import {
   createPageQueries,
   createPayloadClient,
   createSiteQueries,
-  resolveMedia
-} from "../chunk-H3UCUO3C.mjs";
+  resolveMedia,
+  resolveSocialMediaLinks
+} from "../chunk-CKEUQCDC.mjs";
+import "../chunk-ZFJJQ4YK.mjs";
 import "../chunk-ADIIWIYL.mjs";
-import "../chunk-SHC2KLT3.mjs";
+import "../chunk-C4J35SPJ.mjs";
 import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
@@ -14,5 +16,6 @@ export {
   createPageQueries,
   createPayloadClient,
   createSiteQueries,
-  resolveMedia
+  resolveMedia,
+  resolveSocialMediaLinks
 };

package/dist/socialMedia-CXaTwojP.d.mts

@@ -0,0 +1,21 @@
+type SocialMediaPlatform = 'facebook' | 'instagram' | 'x' | 'linkedin' | 'youtube' | 'tiktok' | 'pinterest' | 'snapchat';
+type SocialMediaIconLibrary = 'simple-icons' | 'font-awesome-brands';
+type SocialMediaIconOption = {
+    label: string;
+    library: SocialMediaIconLibrary;
+    value: string;
+};
+type SocialMediaProfileData = {
+    icon?: string | null;
+    url?: string | null;
+};
+type SocialMediaProfilesData = Partial<Record<SocialMediaPlatform, SocialMediaProfileData>>;
+type SocialMediaGlobalData = {
+    profiles?: SocialMediaProfilesData | null;
+};
+declare const SOCIAL_MEDIA_PLATFORM_LABELS: Record<SocialMediaPlatform, string>;
+declare const SOCIAL_MEDIA_PLATFORMS: SocialMediaPlatform[];
+declare const SOCIAL_MEDIA_ICON_OPTIONS: Record<SocialMediaPlatform, [SocialMediaIconOption, SocialMediaIconOption]>;
+declare const SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM: Record<SocialMediaPlatform, string>;
+
+export { type SocialMediaGlobalData as S, type SocialMediaPlatform as a, SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM as b, SOCIAL_MEDIA_ICON_OPTIONS as c, SOCIAL_MEDIA_PLATFORMS as d, SOCIAL_MEDIA_PLATFORM_LABELS as e, type SocialMediaIconLibrary as f, type SocialMediaIconOption as g, type SocialMediaProfileData as h, type SocialMediaProfilesData as i };

package/dist/socialMedia-CXaTwojP.d.ts

@@ -0,0 +1,21 @@
+type SocialMediaPlatform = 'facebook' | 'instagram' | 'x' | 'linkedin' | 'youtube' | 'tiktok' | 'pinterest' | 'snapchat';
+type SocialMediaIconLibrary = 'simple-icons' | 'font-awesome-brands';
+type SocialMediaIconOption = {
+    label: string;
+    library: SocialMediaIconLibrary;
+    value: string;
+};
+type SocialMediaProfileData = {
+    icon?: string | null;
+    url?: string | null;
+};
+type SocialMediaProfilesData = Partial<Record<SocialMediaPlatform, SocialMediaProfileData>>;
+type SocialMediaGlobalData = {
+    profiles?: SocialMediaProfilesData | null;
+};
+declare const SOCIAL_MEDIA_PLATFORM_LABELS: Record<SocialMediaPlatform, string>;
+declare const SOCIAL_MEDIA_PLATFORMS: SocialMediaPlatform[];
+declare const SOCIAL_MEDIA_ICON_OPTIONS: Record<SocialMediaPlatform, [SocialMediaIconOption, SocialMediaIconOption]>;
+declare const SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM: Record<SocialMediaPlatform, string>;
+
+export { type SocialMediaGlobalData as S, type SocialMediaPlatform as a, SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM as b, SOCIAL_MEDIA_ICON_OPTIONS as c, SOCIAL_MEDIA_PLATFORMS as d, SOCIAL_MEDIA_PLATFORM_LABELS as e, type SocialMediaIconLibrary as f, type SocialMediaIconOption as g, type SocialMediaProfileData as h, type SocialMediaProfilesData as i };

package/dist/studio-pages/client.js

@@ -32,7 +32,7 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 
 // src/studio-pages/builder/BuilderPageEditor.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/blocks/blocks/sectionStyleFields.ts
 var sectionStyleDefaults = {
@@ -369,19 +369,33 @@ var resolveTypographyStyleFromSettings = (settings) => {
 };
 
 // src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/studio-pages/builder/ui/Accordion.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Accordion({ children, defaultOpen = false, onToggle, open, subtitle, title }) {
   const controlled = typeof open === "boolean";
-  const isOpen = controlled ? open : defaultOpen;
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react.useState)(defaultOpen);
+  (0, import_react.useEffect)(() => {
+    if (!controlled) {
+      setUncontrolledOpen(defaultOpen);
+    }
+  }, [controlled, defaultOpen]);
+  const isOpen = controlled ? open : uncontrolledOpen;
+  const handleToggle = () => {
+    const next = !isOpen;
+    if (!controlled) {
+      setUncontrolledOpen(next);
+    }
+    onToggle?.(next);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "orion-builder-settings-group", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "button",
       {
         className: "orion-builder-settings-group-header",
-        onClick: () => onToggle?.(!isOpen),
+        onClick: handleToggle,
         type: "button",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "orion-builder-settings-group-title-wrap", children: [
@@ -1038,7 +1052,7 @@ function BlockInspectorRenderer({
   onUpdateSetting,
   searchQuery
 }) {
-  const [expandedGroups, setExpandedGroups] = (0, import_react.useState)({
+  const [expandedGroups, setExpandedGroups] = (0, import_react2.useState)({
     advanced: false,
     basics: false,
     layout: false,
@@ -1048,14 +1062,14 @@ function BlockInspectorRenderer({
   });
   const definition = inspectorDefinitionByBlockType[blockType];
   const fields = definition?.fields || [];
-  const resolvedFields = (0, import_react.useMemo)(() => {
+  const resolvedFields = (0, import_react2.useMemo)(() => {
     return filterInspectorFields(fields, {
       editCopyInPanel: Boolean(getByPath(block, "settings.advanced.editCopyInPanel")),
       mode,
       query: searchQuery
     });
   }, [block, fields, mode, searchQuery]);
-  const groups = (0, import_react.useMemo)(() => {
+  const groups = (0, import_react2.useMemo)(() => {
     const baseGroups = commonInspectorGroups.map((group) => ({
       key: group.key,
       label: group.label,
@@ -1664,15 +1678,15 @@ async function optimizeImageForUpload(file) {
 }
 
 // src/studio-pages/builder/hooks/usePersistentSidebarPanel.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/studio-pages/builder/sidebar/types.ts
 var isSidebarPanelKey = (value) => value === "pageDefaults" || value === "addSections" || value === "selected";
 
 // src/studio-pages/builder/hooks/usePersistentSidebarPanel.ts
 function usePersistentSidebarPanel(pageID) {
-  const [activeSidebarPanel, setActiveSidebarPanel] = (0, import_react2.useState)("selected");
-  (0, import_react2.useEffect)(() => {
+  const [activeSidebarPanel, setActiveSidebarPanel] = (0, import_react3.useState)("selected");
+  (0, import_react3.useEffect)(() => {
     const storageKey = `orion-builder-panels:${pageID}`;
     const raw = window.localStorage.getItem(storageKey);
     if (!raw) {
@@ -1698,7 +1712,7 @@ function usePersistentSidebarPanel(pageID) {
     } catch {
     }
   }, [pageID]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const storageKey = `orion-builder-panels:${pageID}`;
     window.localStorage.setItem(storageKey, JSON.stringify({ activePanel: activeSidebarPanel }));
   }, [activeSidebarPanel, pageID]);
@@ -1970,7 +1984,7 @@ function clonePresetBlocks(blocks) {
 }
 
 // src/studio-pages/builder/ui/InlineText.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function InlineText({
   as = "p",
@@ -1981,8 +1995,8 @@ function InlineText({
   style,
   value
 }) {
-  const [editing, setEditing] = (0, import_react3.useState)(false);
-  const editableRef = (0, import_react3.useRef)(null);
+  const [editing, setEditing] = (0, import_react4.useState)(false);
+  const editableRef = (0, import_react4.useRef)(null);
   const Tag = as;
   const normalizeValue = (raw) => {
     if (multiline) {
@@ -1990,7 +2004,7 @@ function InlineText({
     }
     return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!editing || !editableRef.current) {
       return;
     }
@@ -2068,7 +2082,7 @@ function UploadOverlay({ label = "Uploading image..." }) {
 }
 
 // src/studio-pages/builder/ui/BlockFrame.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function BlockFrame({
   children,
@@ -2080,14 +2094,14 @@ function BlockFrame({
   selected,
   setDragIndex
 }) {
-  const [dropPosition, setDropPosition] = (0, import_react4.useState)(null);
-  const [dropHovered, setDropHovered] = (0, import_react4.useState)(false);
+  const [dropPosition, setDropPosition] = (0, import_react5.useState)(null);
+  const [dropHovered, setDropHovered] = (0, import_react5.useState)(false);
   const isDragging = dragIndex === index;
   const isAnyDragging = dragIndex !== null;
   const isDropTarget = dragIndex !== null && dragIndex !== index && dropPosition !== null;
   const showDropBefore = isDropTarget && dropPosition === "before";
   const showDropAfter = isDropTarget && dropPosition === "after";
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (dragIndex === null) {
       setDropPosition(null);
       setDropHovered(false);
@@ -4006,7 +4020,7 @@ var cloneSnapshot = (value) => ({
   pageDefaults: clonePageDefaults(value.pageDefaults)
 });
 function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, siteThemeTokens }) {
-  const editorRootRef = (0, import_react5.useRef)(null);
+  const editorRootRef = (0, import_react6.useRef)(null);
   const doc = initialDoc ?? {};
   const sourceStudioDocument = doc.studioDocument && typeof doc.studioDocument === "object" ? doc.studioDocument : {};
   const sourceMetadata = sourceStudioDocument.metadata && typeof sourceStudioDocument.metadata === "object" ? sourceStudioDocument.metadata : {};
@@ -4018,39 +4032,39 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     pageWidthDefault: sourceMetadata.pageWidthDefault === "wide" || sourceMetadata.pageWidthDefault === "full" ? sourceMetadata.pageWidthDefault : defaultPageDefaults.pageWidthDefault,
     themePage: isRecord6(sourceThemePage.page) ? sourceThemePage.page : {}
   };
-  const [layout, setLayout] = (0, import_react5.useState)(
+  const [layout, setLayout] = (0, import_react6.useState)(
     migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block)))
   );
-  const [pageDefaults, setPageDefaults] = (0, import_react5.useState)(clonePageDefaults(initialPageDefaults));
-  const [selectedIndex, setSelectedIndex] = (0, import_react5.useState)(null);
-  const [dragIndex, setDragIndex] = (0, import_react5.useState)(null);
-  const [sidebarOpen, setSidebarOpen] = (0, import_react5.useState)(true);
-  const [savingStatus, setSavingStatus] = (0, import_react5.useState)(null);
-  const [uploadingTarget, setUploadingTarget] = (0, import_react5.useState)(null);
-  const [topViewportHeight, setTopViewportHeight] = (0, import_react5.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react5.useState)("");
-  const [uploadMessage, setUploadMessage] = (0, import_react5.useState)("");
-  const [uploadAltText, setUploadAltText] = (0, import_react5.useState)("");
-  const [mediaLibrary, setMediaLibrary] = (0, import_react5.useState)([]);
-  const [mediaLibraryError, setMediaLibraryError] = (0, import_react5.useState)("");
-  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react5.useState)(false);
-  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react5.useState)(null);
-  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react5.useState)(null);
-  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react5.useState)({});
-  const [presetQuery, setPresetQuery] = (0, import_react5.useState)("");
-  const [sessionExpired, setSessionExpired] = (0, import_react5.useState)(false);
-  const [pastSnapshots, setPastSnapshots] = (0, import_react5.useState)([]);
-  const [futureSnapshots, setFutureSnapshots] = (0, import_react5.useState)([]);
-  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react5.useState)("basic");
-  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react5.useState)("");
+  const [pageDefaults, setPageDefaults] = (0, import_react6.useState)(clonePageDefaults(initialPageDefaults));
+  const [selectedIndex, setSelectedIndex] = (0, import_react6.useState)(null);
+  const [dragIndex, setDragIndex] = (0, import_react6.useState)(null);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(true);
+  const [savingStatus, setSavingStatus] = (0, import_react6.useState)(null);
+  const [uploadingTarget, setUploadingTarget] = (0, import_react6.useState)(null);
+  const [topViewportHeight, setTopViewportHeight] = (0, import_react6.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react6.useState)("");
+  const [uploadMessage, setUploadMessage] = (0, import_react6.useState)("");
+  const [uploadAltText, setUploadAltText] = (0, import_react6.useState)("");
+  const [mediaLibrary, setMediaLibrary] = (0, import_react6.useState)([]);
+  const [mediaLibraryError, setMediaLibraryError] = (0, import_react6.useState)("");
+  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react6.useState)(false);
+  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react6.useState)(null);
+  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react6.useState)(null);
+  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react6.useState)({});
+  const [presetQuery, setPresetQuery] = (0, import_react6.useState)("");
+  const [sessionExpired, setSessionExpired] = (0, import_react6.useState)(false);
+  const [pastSnapshots, setPastSnapshots] = (0, import_react6.useState)([]);
+  const [futureSnapshots, setFutureSnapshots] = (0, import_react6.useState)([]);
+  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react6.useState)("basic");
+  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react6.useState)("");
   const { activeSidebarPanel, setActiveSidebarPanel } = usePersistentSidebarPanel(pageID);
-  const historyBypassRef = (0, import_react5.useRef)(true);
-  const previousSnapshotRef = (0, import_react5.useRef)({
+  const historyBypassRef = (0, import_react6.useRef)(true);
+  const previousSnapshotRef = (0, import_react6.useRef)({
     layout: migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block))),
     pageDefaults: clonePageDefaults(initialPageDefaults)
   });
-  const lastSavedRef = (0, import_react5.useRef)(cloneSnapshot(previousSnapshotRef.current));
-  const selectedBlock = (0, import_react5.useMemo)(
+  const lastSavedRef = (0, import_react6.useRef)(cloneSnapshot(previousSnapshotRef.current));
+  const selectedBlock = (0, import_react6.useMemo)(
     () => selectedIndex !== null ? layout[selectedIndex] : null,
     [layout, selectedIndex]
   );
@@ -4083,7 +4097,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     return false;
   };
   const isSelectedBlockMediaUploading = selectedIndex !== null && (selectedType === "hero" && uploadingTarget?.kind === "hero" || selectedType === "media" && uploadingTarget?.kind === "media");
-  const filteredSectionPresets = (0, import_react5.useMemo)(() => {
+  const filteredSectionPresets = (0, import_react6.useMemo)(() => {
     const query = presetQuery.trim().toLowerCase();
     if (!query) {
       return sectionPresets;
@@ -4092,7 +4106,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       (preset) => `${preset.title} ${preset.description}`.toLowerCase().includes(query)
     );
   }, [presetQuery]);
-  const loadMediaLibrary = (0, import_react5.useCallback)(async () => {
+  const loadMediaLibrary = (0, import_react6.useCallback)(async () => {
     setMediaLibraryLoading(true);
     setMediaLibraryError("");
     try {
@@ -4113,10 +4127,10 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       setMediaLibraryLoading(false);
     }
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     void loadMediaLibrary();
   }, [loadMediaLibrary]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const refreshMediaLibrary = () => {
       void loadMediaLibrary();
     };
@@ -4141,7 +4155,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [loadMediaLibrary]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     let active = true;
     const checkSession = async () => {
       try {
@@ -4558,7 +4572,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     }
     return nextBlock;
   });
-  const resolvedThemeTokens = (0, import_react5.useMemo)(
+  const resolvedThemeTokens = (0, import_react6.useMemo)(
     () => resolveBuilderThemeTokens({
       page: pageDefaults.themePage,
       site: siteThemeTokens
@@ -4773,14 +4787,14 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       return next;
     });
   };
-  const currentSnapshot = (0, import_react5.useMemo)(
+  const currentSnapshot = (0, import_react6.useMemo)(
     () => ({
       layout: cloneBlockLayout(layout),
       pageDefaults: clonePageDefaults(pageDefaults)
     }),
     [layout, pageDefaults]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const readTopViewportHeight = () => {
       if (typeof window === "undefined") {
         setTopViewportHeight(null);
@@ -4805,7 +4819,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     layout: toPersistedLayout(snapshot.layout),
     pageDefaults: snapshot.pageDefaults
   });
-  const isDirty = (0, import_react5.useMemo)(
+  const isDirty = (0, import_react6.useMemo)(
     () => snapshotKey(currentSnapshot) !== snapshotKey(lastSavedRef.current),
     [currentSnapshot]
   );
@@ -4939,14 +4953,14 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       setSavingStatus(null);
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (selectedIndex === null) {
       return;
     }
     setSidebarOpen(true);
     setActiveSidebarPanel("selected");
   }, [selectedIndex]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (selectedIndex === null) {
       setSelectedItemIndex(null);
       setExpandedItemIndex(null);
@@ -4964,7 +4978,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       (current) => typeof current === "number" && current >= 0 && current < selectedItems.length ? current : 0
     );
   }, [selectedIndex, selectedItems.length]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (layout.length > 0) {
       return;
     }
@@ -5061,10 +5075,10 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     positionX: parsePercentNumber(selectedItemRecord.imagePositionX, 50),
     positionY: parsePercentNumber(selectedItemRecord.imagePositionY, 50)
   } : void 0;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     return;
   }, [layout]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (historyBypassRef.current) {
       historyBypassRef.current = false;
       previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
@@ -5075,7 +5089,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     setFutureSnapshots([]);
     previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
   }, [currentSnapshot]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const onKeyDown = (event) => {
       const key = event.key.toLowerCase();
       const isUndo = (event.metaKey || event.ctrlKey) && key === "z" && !event.shiftKey;
@@ -5093,7 +5107,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [canRedo, canUndo, futureSnapshots, pastSnapshots, currentSnapshot]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     window.parent?.postMessage(
       {
         dirty: isDirty,
@@ -5103,7 +5117,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       "*"
     );
   }, [isDirty]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     window.parent?.postMessage(
       {
         canRedo,
@@ -5114,7 +5128,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       "*"
     );
   }, [canRedo, canUndo]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-parent") {
@@ -5167,7 +5181,7 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [canRedo, canUndo, isDirty, layout, pageDefaults.pageWidthDefault, title]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const preventNavigationWhileEditing = (event) => {
       const editorRoot = editorRootRef.current;
       if (!editorRoot) {