@orion-studios/payload-studio 0.5.0-beta.113 → 0.5.0-beta.115

package/dist/chunk-6NE7GIVT.mjs

@@ -0,0 +1,555 @@
+'use client';
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
+import { useEffect, useMemo, useState } from "react";
+
+// src/admin-app/navigationLinks.ts
+var fallbackHomeOption = {
+  href: "/",
+  label: "Home",
+  title: "Home"
+};
+var buildAdminPageLinkOptions = (pages) => {
+  const options = pages.map((page) => {
+    const href = typeof page.path === "string" ? page.path.trim() : "";
+    const title = typeof page.title === "string" && page.title.trim().length > 0 ? page.title.trim() : "Untitled Page";
+    if (!href) {
+      return null;
+    }
+    const depth = href === "/" ? 0 : href.split("/").filter(Boolean).length;
+    const indentLevel = Math.max(depth - 1, 0);
+    const indent = indentLevel > 0 ? `${"\u21B3 ".repeat(indentLevel)}` : "";
+    return {
+      href,
+      label: `${indent}${title}`,
+      title
+    };
+  }).filter((option) => option !== null).sort((a, b) => {
+    if (a.href === "/" && b.href !== "/") return -1;
+    if (b.href === "/" && a.href !== "/") return 1;
+    return a.href.localeCompare(b.href);
+  });
+  if (options.length === 0) {
+    return [fallbackHomeOption];
+  }
+  return options;
+};
+var normalizeAdminNavInputs = (rows, pageOptions) => {
+  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const href = typeof row.href === "string" ? row.href.trim() : "";
+    const defaultLabel = allowedLinks.get(href);
+    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
+    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
+    if (!href || !defaultLabel || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
+      ...parentHref.length > 0 ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
+  const createsCycle = (href, parentHref) => {
+    const visited = /* @__PURE__ */ new Set([href]);
+    let current = parentHref;
+    while (current) {
+      if (visited.has(current)) {
+        return true;
+      }
+      visited.add(current);
+      current = parentByHref.get(current) || "";
+    }
+    return false;
+  };
+  return deduped.map((item) => {
+    const parentHref = item.parentHref;
+    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
+      return {
+        href: item.href,
+        label: item.label
+      };
+    }
+    return item;
+  });
+};
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var toRow = (item, index) => ({
+  id: `row-${index}-${item.href || "empty"}`,
+  href: item.href || "",
+  label: item.label || "",
+  parentHref: item.parentHref || ""
+});
+var moveRow = (rows, fromIndex, toIndex) => {
+  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= rows.length || toIndex >= rows.length) {
+    return rows;
+  }
+  const next = [...rows];
+  const [moved] = next.splice(fromIndex, 1);
+  if (!moved) {
+    return rows;
+  }
+  next.splice(toIndex, 0, moved);
+  return next;
+};
+function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
+  const [rows, setRows] = useState(() => initialItems.map(toRow));
+  const [nextRowID, setNextRowID] = useState(initialItems.length);
+  const [draggingRowID, setDraggingRowID] = useState(null);
+  const [dragOverRowID, setDragOverRowID] = useState(null);
+  const pageOptionByHref = useMemo(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
+  const serializedState = useMemo(
+    () => JSON.stringify(
+      rows.map((row) => ({
+        href: row.href.trim(),
+        label: row.label.trim(),
+        parentHref: row.parentHref.trim() || void 0
+      }))
+    ),
+    [rows]
+  );
+  const normalizedItems = useMemo(() => {
+    const inputs = rows.map((row) => ({
+      href: row.href,
+      label: row.label,
+      parentHref: row.parentHref
+    }));
+    return normalizeAdminNavInputs(inputs, pageOptions);
+  }, [rows, pageOptions]);
+  useEffect(() => {
+    onItemsChange?.(normalizedItems);
+  }, [normalizedItems, onItemsChange]);
+  const setRowValue = (rowID, changes) => {
+    setRows(
+      (currentRows) => currentRows.map((row) => {
+        if (row.id !== rowID) {
+          return row;
+        }
+        const nextRow = { ...row, ...changes };
+        if (nextRow.parentHref === nextRow.href) {
+          nextRow.parentHref = "";
+        }
+        return nextRow;
+      })
+    );
+  };
+  const removeRow = (rowID) => {
+    setRows((currentRows) => {
+      const removedRow = currentRows.find((candidate) => candidate.id === rowID);
+      const removedHref = removedRow?.href || "";
+      return currentRows.filter((row) => row.id !== rowID).map((row) => removedHref && row.parentHref === removedHref ? { ...row, parentHref: "" } : row);
+    });
+  };
+  const addRow = () => {
+    setRows((currentRows) => [
+      ...currentRows,
+      {
+        id: `row-new-${nextRowID}`,
+        href: "",
+        label: "",
+        parentHref: ""
+      }
+    ]);
+    setNextRowID((current) => current + 1);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "orion-admin-nav-editor", children: [
+    /* @__PURE__ */ jsx("input", { name: "navItemsState", readOnly: true, type: "hidden", value: serializedState }),
+    /* @__PURE__ */ jsxs("div", { className: "orion-admin-nav-editor-head", children: [
+      /* @__PURE__ */ jsx("div", { className: "orion-admin-nav-editor-title", children: "Navigation Items" }),
+      /* @__PURE__ */ jsx("button", { className: "orion-admin-nav-editor-add", onClick: addRow, type: "button", children: "Add Item" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "orion-admin-nav-editor-help", children: "Add only links you want in the menu. Drag rows to reorder. Set a parent to create dropdown items." }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "orion-admin-nav-editor-empty", children: 'No navigation items yet. Click "Add Item" to start.' }) : null,
+    /* @__PURE__ */ jsx("div", { className: "orion-admin-nav-editor-list", children: rows.map((row, rowIndex) => {
+      const parentCandidates = rows.filter((candidate) => candidate.id !== row.id && candidate.href.trim().length > 0).map((candidate) => {
+        const resolved = pageOptionByHref.get(candidate.href);
+        return {
+          href: candidate.href,
+          label: candidate.label.trim() || resolved?.title || candidate.href
+        };
+      });
+      const selectedPage = pageOptionByHref.get(row.href);
+      const labelPlaceholder = selectedPage?.title || "Navigation Label";
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `orion-admin-nav-editor-row${draggingRowID === row.id ? " is-dragging" : ""}${dragOverRowID === row.id && draggingRowID !== row.id ? " is-drop-target" : ""}`,
+          draggable: true,
+          onDragEnd: () => {
+            setDraggingRowID(null);
+            setDragOverRowID(null);
+          },
+          onDragEnter: () => {
+            if (draggingRowID && draggingRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
+          onDragLeave: () => {
+            if (dragOverRowID === row.id) {
+              setDragOverRowID(null);
+            }
+          },
+          onDragOver: (event) => {
+            event.preventDefault();
+            if (draggingRowID && draggingRowID !== row.id && dragOverRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
+          onDragStart: (event) => {
+            setDraggingRowID(row.id);
+            event.dataTransfer.effectAllowed = "move";
+          },
+          onDrop: (event) => {
+            event.preventDefault();
+            if (!draggingRowID || draggingRowID === row.id) {
+              return;
+            }
+            setRows((currentRows) => {
+              const fromIndex = currentRows.findIndex((entry) => entry.id === draggingRowID);
+              const toIndex = currentRows.findIndex((entry) => entry.id === row.id);
+              return moveRow(currentRows, fromIndex, toIndex);
+            });
+            setDraggingRowID(null);
+            setDragOverRowID(null);
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "orion-admin-nav-editor-row-head", children: [
+              /* @__PURE__ */ jsx("span", { className: "orion-admin-nav-editor-drag", children: "Drag" }),
+              /* @__PURE__ */ jsxs("span", { className: "orion-admin-nav-editor-row-index", children: [
+                "#",
+                rowIndex + 1
+              ] }),
+              /* @__PURE__ */ jsx("button", { className: "orion-admin-nav-editor-remove", onClick: () => removeRow(row.id), type: "button", children: "Remove" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "orion-admin-nav-editor-row-grid", children: [
+              /* @__PURE__ */ jsxs("label", { children: [
+                "Label",
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    name: `navLabel_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { label: event.target.value }),
+                    placeholder: labelPlaceholder,
+                    type: "text",
+                    value: row.label
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { children: [
+                "Page",
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    name: `navPage_${rowIndex}`,
+                    onChange: (event) => {
+                      const nextHref = event.target.value;
+                      const nextParent = row.parentHref && row.parentHref === nextHref ? "" : row.parentHref;
+                      setRowValue(row.id, { href: nextHref, parentHref: nextParent });
+                    },
+                    value: row.href,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "Select page..." }),
+                      pageOptions.map((pageOption) => /* @__PURE__ */ jsx("option", { value: pageOption.href, children: pageOption.label }, `${pageOption.href}-${pageOption.title}`))
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { children: [
+                "Parent (dropdown under)",
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    name: `navParentHref_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { parentHref: event.target.value }),
+                    value: row.parentHref,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "Top-level item" }),
+                      parentCandidates.map((candidate) => /* @__PURE__ */ jsx("option", { value: candidate.href, children: candidate.label }, `${row.id}-parent-${candidate.href}`))
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        row.id
+      );
+    }) })
+  ] });
+}
+
+// src/admin-app/components/SitePreview.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var fallbackHeaderNav = [{ href: "/", label: "Home" }];
+var socialGlyphByPlatform = {
+  facebook: "f",
+  instagram: "ig",
+  linkedin: "in",
+  pinterest: "p",
+  snapchat: "sc",
+  tiktok: "tt",
+  x: "x",
+  youtube: "yt"
+};
+var getInitials = (value) => {
+  const initials = value.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() || "").join("");
+  return initials || "OS";
+};
+var getSocialGlyph = (platform) => {
+  const normalized = platform.trim().toLowerCase();
+  return socialGlyphByPlatform[normalized] || normalized.slice(0, 2).toUpperCase() || "\u2022";
+};
+var getTaglineLines = (tagline) => {
+  const parts = (tagline || "").split(".").map((part) => part.trim()).filter(Boolean);
+  const first = parts[0] ? `${parts[0]}.` : "Warm Gifts.";
+  const second = parts[1] ? `${parts[1]}.` : "Local Heart.";
+  return [first, second];
+};
+function PreviewSocialLinks({
+  links,
+  variant
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: variant === "header" ? "orion-admin-site-preview-social-list" : "orion-admin-site-preview-social-list orion-admin-site-preview-social-list--footer",
+      children: links.map((item) => /* @__PURE__ */ jsx2(
+        "a",
+        {
+          className: variant === "header" ? "orion-admin-site-preview-social-badge" : "orion-admin-site-preview-social-badge orion-admin-site-preview-social-badge--footer",
+          href: item.url,
+          tabIndex: -1,
+          children: getSocialGlyph(item.platform)
+        },
+        `${item.platform}-${item.url}`
+      ))
+    }
+  );
+}
+function PreviewLogo({
+  className,
+  logoUrl,
+  siteName
+}) {
+  if (logoUrl && logoUrl.trim().length > 0) {
+    return /* @__PURE__ */ jsx2("img", { alt: `${siteName} logo`, className, src: logoUrl });
+  }
+  return /* @__PURE__ */ jsx2("div", { className: `${className} orion-admin-site-preview-logo-fallback`, children: getInitials(siteName) });
+}
+function SiteHeaderPreview({ site }) {
+  const navItems = site.navItems.length > 0 ? site.navItems : fallbackHeaderNav;
+  const [taglineLineOne, taglineLineTwo] = getTaglineLines(site.tagline);
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const activePath = site.activePath || navItems[0]?.href || "/";
+  return /* @__PURE__ */ jsxs2("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--header", children: [
+    /* @__PURE__ */ jsx2("div", { className: "orion-admin-site-preview-header-bar", children: /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--utility", children: [
+      /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary?.address?.trim() || "Neighborhood gift shop" }),
+      /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-utility-meta", children: [
+        site.locationSummary?.hours?.trim() ? /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary.hours.trim() }) : null,
+        /* @__PURE__ */ jsx2(PreviewSocialLinks, { links: socialLinks, variant: "header" }),
+        /* @__PURE__ */ jsx2("a", { className: "orion-admin-site-preview-header-action", href: site.actionHref || "/contact", tabIndex: -1, children: site.actionLabel || "Visit Today" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2("div", { className: "orion-admin-site-preview-header-main", children: /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--main", children: [
+      /* @__PURE__ */ jsxs2("a", { className: "orion-admin-site-preview-brand", href: "/", tabIndex: -1, children: [
+        /* @__PURE__ */ jsx2(
+          PreviewLogo,
+          {
+            className: "orion-admin-site-preview-header-logo",
+            logoUrl: site.logoUrl,
+            siteName: site.siteName
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-tagline", children: [
+          /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineOne }),
+          /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineTwo })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2("nav", { className: "orion-admin-site-preview-nav", children: navItems.map((item) => /* @__PURE__ */ jsx2(
+        "a",
+        {
+          className: item.href === activePath ? "is-active" : void 0,
+          href: item.href,
+          tabIndex: -1,
+          children: item.label
+        },
+        `${item.href}-${item.label}`
+      )) }),
+      /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-mobile-toggle", children: [
+        /* @__PURE__ */ jsx2("span", {}),
+        /* @__PURE__ */ jsx2("span", {}),
+        /* @__PURE__ */ jsx2("span", {})
+      ] })
+    ] }) })
+  ] });
+}
+function SiteFooterPreview({ site }) {
+  const description = site.description?.trim() || site.tagline?.trim() || "Thoughtful gifts, warm local service, and a beautifully stocked neighborhood shop.";
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const builtByLabel = site.builtByLabel || "Built by Orion Studios";
+  const builtByHref = site.builtByHref || "https://orionstudios.dev";
+  return /* @__PURE__ */ jsx2("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--footer", children: /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-footer-shell", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-footer-grid", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-footer-brand", children: [
+          /* @__PURE__ */ jsx2(
+            PreviewLogo,
+            {
+              className: "orion-admin-site-preview-footer-logo",
+              logoUrl: site.logoUrl,
+              siteName: site.siteName
+            }
+          ),
+          /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-footer-name", children: site.siteName })
+        ] }),
+        /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-footer-description", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Shop focus" }),
+        /* @__PURE__ */ jsx2("div", { className: "orion-admin-site-preview-footer-list", children: site.footerCategories.map((item) => /* @__PURE__ */ jsx2("p", { children: item }, item)) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Explore" }),
+        /* @__PURE__ */ jsx2("div", { className: "orion-admin-site-preview-footer-list", children: site.footerLinks.map((item) => /* @__PURE__ */ jsx2("a", { href: item.href, tabIndex: -1, children: item.label }, `${item.href}-${item.label}`)) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Visit" }),
+        /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-footer-contact", children: [
+          site.locationSummary.address?.trim() ? /* @__PURE__ */ jsx2("p", { children: site.locationSummary.address.trim() }) : null,
+          site.locationSummary.hours?.trim() ? /* @__PURE__ */ jsx2("p", { children: site.locationSummary.hours.trim() }) : null,
+          site.locationSummary.phone?.trim() ? /* @__PURE__ */ jsx2("a", { href: `tel:${site.locationSummary.phone.trim()}`, tabIndex: -1, children: site.locationSummary.phone.trim() }) : null,
+          /* @__PURE__ */ jsx2("a", { href: `mailto:${site.contactEmail}`, tabIndex: -1, children: site.contactEmail })
+        ] }),
+        /* @__PURE__ */ jsx2(PreviewSocialLinks, { links: socialLinks, variant: "footer" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "orion-admin-site-preview-footer-meta", children: [
+      /* @__PURE__ */ jsx2("span", { children: site.copyright }),
+      /* @__PURE__ */ jsx2("a", { href: builtByHref, tabIndex: -1, children: builtByLabel })
+    ] })
+  ] }) });
+}
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+import { useMemo as useMemo2, useState as useState2 } from "react";
+
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var fallbackNav = [{ href: "/", label: "Home" }];
+function HeaderNavEditorWithPreview({
+  activePath,
+  actionHref,
+  actionLabel,
+  brandName,
+  initialItems,
+  locationSummary,
+  logoUrl,
+  onItemsChange,
+  pageOptions,
+  socialLinks,
+  tagline = ""
+}) {
+  const [liveItems, setLiveItems] = useState2(initialItems);
+  const previewItems = useMemo2(() => {
+    const normalized = normalizeNestedNavItems(liveItems);
+    const tree = buildNestedNavTree(normalized);
+    return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
+  }, [liveItems]);
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
+      HeaderNavItemsEditor,
+      {
+        initialItems,
+        onItemsChange: (items) => {
+          setLiveItems(items);
+          onItemsChange?.(items);
+        },
+        pageOptions
+      }
+    ),
+    /* @__PURE__ */ jsx3("div", { className: "orion-admin-preview-label", children: "Header Preview" }),
+    /* @__PURE__ */ jsx3("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ jsx3("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ jsx3(
+      SiteHeaderPreview,
+      {
+        site: {
+          activePath,
+          actionHref,
+          actionLabel,
+          locationSummary,
+          logoUrl,
+          navItems: previewItems.topLevel.map((item) => ({
+            href: item.href,
+            label: item.label
+          })),
+          siteName: brandName,
+          socialLinks,
+          tagline
+        }
+      }
+    ) }) })
+  ] });
+}
+
+export {
+  buildAdminPageLinkOptions,
+  HeaderNavItemsEditor,
+  SiteHeaderPreview,
+  SiteFooterPreview,
+  HeaderNavEditorWithPreview
+};