@sprintup-cms/sdk 1.8.49 → 1.8.53

package/dist/next/index.js

@@ -257,9 +257,34 @@ function createCMSClient(options) {
       return null;
     }
   }
+  async function getGlobals() {
+    const { baseUrl, appId } = cfg();
+    if (!baseUrl || !appId) return { navigation: null, footer: null };
+    try {
+      const res = await fetch(`${baseUrl}/api/v1/${appId}/globals`, {
+        headers: headers(),
+        next: { revalidate: 300, tags: [`cms-globals-${appId}`] }
+      });
+      if (!res.ok) {
+        const [navPages, footerPages] = await Promise.all([
+          getPages({ type: "navigation" }),
+          getPages({ type: "footer" })
+        ]);
+        return { navigation: navPages[0] ?? null, footer: footerPages[0] ?? null };
+      }
+      const json = await res.json();
+      return {
+        navigation: json.data?.navigation ?? null,
+        footer: json.data?.footer ?? null
+      };
+    } catch {
+      return { navigation: null, footer: null };
+    }
+  }
   return {
     getPages,
     getPage,
+    getGlobals,
     getBlogPosts,
     getEvents,
     getAnnouncements,
@@ -1120,6 +1145,98 @@ function ServerProductListBlock({ block }) {
     }) })
   ] }) });
 }
+function parseNavItems(html) {
+  if (!html) return [];
+  const text = html.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ");
+  return text.split(/\r?\n/).filter(Boolean).map((line) => {
+    const [label, url] = line.split("|").map((s) => s.trim());
+    return { label: label || "", url: url || "#" };
+  });
+}
+function CMSHeader({ nav }) {
+  if (!nav) return null;
+  const primary = nav.sectionData?.primary ?? nav.sections?.primary ?? nav.content?.primary ?? nav.primary ?? {};
+  const navItems = parseNavItems(primary.nav_items || "");
+  const logoUrl = primary.logo_url || "";
+  const logoAlt = primary.logo_alt || "";
+  if (!logoUrl && !logoAlt && navItems.length === 0) return null;
+  return /* @__PURE__ */ jsx("header", { className: "w-full border-b border-border bg-background/95 backdrop-blur sticky top-0 z-50", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto px-4 h-16 flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs("a", { href: "/", className: "flex items-center gap-2 shrink-0", children: [
+      logoUrl && /* @__PURE__ */ jsx("img", { src: logoUrl, alt: logoAlt || "Logo", className: "h-8 w-auto" }),
+      !logoUrl && logoAlt && /* @__PURE__ */ jsx("span", { className: "font-bold text-base", children: logoAlt })
+    ] }),
+    navItems.length > 0 && /* @__PURE__ */ jsx("nav", { className: "hidden md:flex items-center gap-6", children: navItems.map((item, i) => /* @__PURE__ */ jsx("a", { href: item.url, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: item.label }, i)) })
+  ] }) });
+}
+function parseFooterColumns(html) {
+  if (!html) return [];
+  const text = html.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ");
+  const lines = text.split(/\r?\n/).filter(Boolean);
+  const cols = [];
+  let current = null;
+  for (const line of lines) {
+    const parts = line.split("|").map((s) => s.trim());
+    if (parts.length === 1) {
+      if (current) cols.push(current);
+      current = { title: parts[0], links: [] };
+    } else if (parts.length >= 2) {
+      if (!current) current = { title: "", links: [] };
+      current.links.push({ label: parts[0], url: parts[1] || "#" });
+    }
+  }
+  if (current) cols.push(current);
+  return cols;
+}
+function parseLegalLinks(html) {
+  if (!html) return [];
+  const text = html.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ");
+  return text.split(/\r?\n/).filter(Boolean).map((line) => {
+    const [label, url] = line.split("|").map((s) => s.trim());
+    return { label: label || "", url: url || "#" };
+  });
+}
+function CMSFooter({ footer }) {
+  if (!footer) return null;
+  const sd = footer.sectionData ?? {};
+  const c = sd.content ?? footer.sections?.content ?? footer.content?.content ?? footer.content ?? {};
+  const contact = sd.contact ?? footer.sections?.contact ?? footer.content?.contact ?? footer.contact ?? {};
+  const social = sd.social ?? footer.sections?.social ?? footer.content?.social ?? footer.social ?? {};
+  const legal = sd.legal ?? footer.sections?.legal ?? footer.content?.legal ?? footer.legal ?? {};
+  const columns = parseFooterColumns(c.columns || "");
+  const legalLinks = parseLegalLinks(legal.legal_links || "");
+  const hasSocial = social.facebook || social.twitter || social.instagram || social.linkedin || social.youtube;
+  const isEmpty = !c.tagline && !c.logo_url && columns.length === 0 && !contact.email && !contact.phone && !hasSocial && !legal.copyright && legalLinks.length === 0;
+  if (isEmpty) return null;
+  return /* @__PURE__ */ jsx("footer", { className: "border-t border-border bg-muted/30 pt-12 pb-6 mt-16", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
+    (c.tagline || c.logo_url || columns.length > 0 || contact.email) && /* @__PURE__ */ jsxs("div", { className: `grid gap-8 mb-10 grid-cols-1 sm:grid-cols-2 ${columns.length > 0 ? "lg:grid-cols-4" : "lg:grid-cols-2"}`, children: [
+      (c.logo_url || c.tagline) && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        c.logo_url && /* @__PURE__ */ jsx("img", { src: c.logo_url, alt: "Logo", className: "h-8 w-auto" }),
+        c.tagline && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: c.tagline })
+      ] }),
+      columns.map((col, i) => /* @__PURE__ */ jsxs("div", { children: [
+        col.title && /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm mb-3", children: col.title }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: col.links.map((link, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.url, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: link.label }) }, j)) })
+      ] }, i)),
+      (contact.email || contact.phone || contact.address) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm mb-3", children: "Contact" }),
+        contact.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: contact.email }),
+        contact.phone && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: contact.phone }),
+        contact.address && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground whitespace-pre-line", children: contact.address })
+      ] })
+    ] }),
+    hasSocial && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4 mb-6", children: [
+      social.facebook && /* @__PURE__ */ jsx("a", { href: social.facebook, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "Facebook" }),
+      social.twitter && /* @__PURE__ */ jsx("a", { href: social.twitter, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "X" }),
+      social.instagram && /* @__PURE__ */ jsx("a", { href: social.instagram, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "Instagram" }),
+      social.linkedin && /* @__PURE__ */ jsx("a", { href: social.linkedin, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "LinkedIn" }),
+      social.youtube && /* @__PURE__ */ jsx("a", { href: social.youtube, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "YouTube" })
+    ] }),
+    (legal.copyright || legalLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 pt-6 border-t border-border", children: [
+      legal.copyright && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: legal.copyright }),
+      legalLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: legalLinks.map((link, i) => /* @__PURE__ */ jsx("a", { href: link.url, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: link.label }, i)) })
+    ] })
+  ] }) });
+}
 var client = createCMSClient();
 async function generateMetadata({ params }) {
   const { slug } = await params;
@@ -1176,12 +1293,13 @@ async function CMSCatchAllPage({ params }) {
     page = await client.getPage(slugStr);
   }
   if (!page) notFound();
-  let pageType = null;
-  if (page.pageTypeId) {
-    pageType = await client.getPageType(page.pageTypeId);
-  }
+  const [pageType, globals] = await Promise.all([
+    page.pageTypeId ? client.getPageType(page.pageTypeId) : Promise.resolve(null),
+    client.getGlobals().catch(() => ({ navigation: null, footer: null }))
+  ]);
   const resolvedBlocks = await resolveProductListBlocks(page.blocks ?? []);
-  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background flex flex-col", children: [
+    /* @__PURE__ */ jsx(CMSHeader, { nav: globals?.navigation }),
     isPreview && /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-50 flex items-center justify-between px-4 py-2.5 bg-amber-500 text-white text-sm font-medium shadow", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("span", { children: "Draft Preview" }),
@@ -1210,7 +1328,8 @@ async function CMSCatchAllPage({ params }) {
     ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-24 text-muted-foreground border-2 border-dashed border-border rounded-xl", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No content added yet." }),
       isPreview && /* @__PURE__ */ jsx("p", { className: "text-xs mt-1 opacity-60", children: "Add blocks in the CMS editor to see them here." })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CMSFooter, { footer: globals?.footer })
   ] });
 }
 async function dynamicProxyGET(req) {