@sprintup-cms/sdk 1.8.56 → 1.8.59

package/dist/next/index.cjs

@@ -269,7 +269,7 @@ function createCMSClient(options) {
     try {
       const res = await fetch(`${baseUrl}/api/v1/${appId}/globals`, {
         headers: headers(),
-        next: { revalidate: 300, tags: [`cms-globals-${appId}`] }
+        next: { revalidate: 60, tags: [`cms-globals-${appId}`] }
       });
       if (!res.ok) {
         const [navPages, footerPages] = await Promise.all([
@@ -1151,97 +1151,117 @@ 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 getSD(doc) {
+  const structuredBlock = Array.isArray(doc?.blocks) && doc.blocks[0]?.type === "__structured__" ? doc.blocks[0].content : null;
+  return doc?.sectionData ?? structuredBlock ?? null;
 }
 function CMSHeader({ nav }) {
-  if (!nav) return null;
-  const structuredBlock = nav.blocks?.[0]?.type === "__structured__" ? nav.blocks[0].content : null;
-  const primary = nav.sectionData?.primary ?? structuredBlock?.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__ */ jsxRuntime.jsx("header", { className: "w-full border-b border-border bg-background/95 backdrop-blur sticky top-0 z-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto px-4 h-16 flex items-center justify-between gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("a", { href: "/", className: "flex items-center gap-2 shrink-0", children: [
-      logoUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: logoAlt || "Logo", className: "h-8 w-auto" }),
-      !logoUrl && logoAlt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-base", children: logoAlt })
-    ] }),
-    navItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "hidden md:flex items-center gap-6", children: navItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.url, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: item.label }, i)) })
+  const sd = getSD(nav);
+  if (!sd) return null;
+  const logoUrl = sd.logo_url?.trim() || "";
+  const logoAlt = sd.logo_alt?.trim() || "";
+  const items = Array.isArray(sd.items) ? sd.items : [];
+  if (!logoUrl && !logoAlt && items.length === 0) return null;
+  const links = items.filter((i) => i.type === "link" || i.type === "dropdown");
+  const buttons = items.filter((i) => i.type === "button");
+  const btnBase = { textDecoration: "none", padding: "0.4rem 1rem", borderRadius: "6px", fontWeight: 600, fontSize: "0.875rem", whiteSpace: "nowrap", transition: "opacity 0.15s" };
+  const btnVariant = (v) => ({
+    primary: { ...btnBase, background: "var(--foreground, #111)", color: "#fff", border: "1px solid transparent" },
+    outline: { ...btnBase, background: "transparent", color: "var(--foreground, #111)", border: "1px solid var(--border, #e5e7eb)" },
+    ghost: { ...btnBase, background: "transparent", color: "var(--muted-foreground, #6b7280)", border: "none", fontWeight: 500 }
+  })[v] ?? btnBase;
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { style: { position: "sticky", top: 0, zIndex: 50, width: "100%", borderBottom: "1px solid var(--border, #e5e7eb)", background: "rgba(255,255,255,0.97)", backdropFilter: "blur(8px)", WebkitBackdropFilter: "blur(8px)" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1.5rem", height: "64px", display: "flex", alignItems: "center", justifyContent: "space-between", gap: "2rem" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", style: { display: "flex", alignItems: "center", gap: "0.5rem", textDecoration: "none", flexShrink: 0 }, children: logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: logoAlt || "Logo", style: { height: "32px", width: "auto", display: "block" } }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 700, fontSize: "1.125rem", color: "var(--foreground, #111)" }, children: logoAlt }) }),
+    links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { display: "flex", alignItems: "center", gap: "1.75rem", flex: 1 }, children: links.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: item.url || "#",
+        target: item.openInNewTab ? "_blank" : void 0,
+        rel: item.openInNewTab ? "noopener noreferrer" : void 0,
+        style: { fontSize: "0.9rem", color: "var(--muted-foreground, #6b7280)", textDecoration: "none", fontWeight: 500 },
+        children: item.label
+      },
+      item.id
+    )) }),
+    buttons.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.625rem", flexShrink: 0 }, children: buttons.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: item.url || "#",
+        target: item.openInNewTab ? "_blank" : void 0,
+        rel: item.openInNewTab ? "noopener noreferrer" : void 0,
+        style: btnVariant(item.variant || "ghost"),
+        children: item.label
+      },
+      item.id
+    )) })
   ] }) });
 }
-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 || "#" };
-  });
-}
+var SOCIAL_ICONS = [
+  { key: "facebook", label: "Facebook", d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" },
+  { key: "twitter", label: "X", d: "M18 6L6 18M6 6l12 12" },
+  { key: "instagram", label: "Instagram", d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zm1.5-4.87h.01M6.5 2h11A4.5 4.5 0 0 1 22 6.5v11A4.5 4.5 0 0 1 17.5 22h-11A4.5 4.5 0 0 1 2 17.5v-11A4.5 4.5 0 0 1 6.5 2z" },
+  { key: "linkedin", label: "LinkedIn", d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2zm2-3a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" },
+  { key: "youtube", label: "YouTube", d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-1.96C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.94 1.96C5.12 20 12 20 12 20s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-1.96A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z" }
+];
 function CMSFooter({ footer }) {
-  if (!footer) return null;
-  const structuredBlock = footer.blocks?.[0]?.type === "__structured__" ? footer.blocks[0].content : null;
-  const sd = footer.sectionData ?? structuredBlock ?? {};
-  const c = sd.content ?? {};
-  const contact = sd.contact ?? {};
-  const social = sd.social ?? {};
-  const legal = sd.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__ */ jsxRuntime.jsx("footer", { className: "border-t border-border bg-muted/30 pt-12 pb-6 mt-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
-    (c.tagline || c.logo_url || columns.length > 0 || contact.email) && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        c.logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: c.logo_url, alt: "Logo", className: "h-8 w-auto" }),
-        c.tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: c.tagline })
+  const sd = getSD(footer);
+  if (!sd) return null;
+  const brand = sd.brand || {};
+  const columns = Array.isArray(sd.columns) ? sd.columns : [];
+  const social = sd.social || {};
+  const contact = sd.contact || {};
+  const legal = sd.legal || {};
+  const hasBrand = brand.logo_url || brand.tagline;
+  const hasContact = contact.email || contact.phone || contact.address;
+  const hasSocial = SOCIAL_ICONS.some((s) => social[s.key]?.trim());
+  const hasBottom = legal.copyright || Array.isArray(legal.links) && legal.links.length > 0;
+  const hasContent = hasBrand || columns.length > 0 || hasContact;
+  if (!hasContent && !hasSocial && !hasBottom) return null;
+  const totalCols = [hasBrand, ...columns.map(() => true), hasContact].filter(Boolean).length;
+  const gridCols = totalCols <= 1 ? "1fr" : totalCols === 2 ? "repeat(2,1fr)" : totalCols === 3 ? "repeat(3,1fr)" : "repeat(4,1fr)";
+  const mutedLink = { fontSize: "0.875rem", color: "var(--muted-foreground, #6b7280)", textDecoration: "none" };
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { style: { borderTop: "1px solid var(--border, #e5e7eb)", background: "var(--muted, #f9fafb)", marginTop: "4rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "3rem 1.5rem 1.5rem" }, children: [
+    hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: gridCols, gap: "2.5rem", marginBottom: hasSocial || hasBottom ? "2.5rem" : 0 }, children: [
+      hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+        brand.logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: brand.logo_url, alt: "Logo", style: { height: "32px", width: "auto", objectFit: "contain" } }),
+        brand.tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: "var(--muted-foreground, #6b7280)", lineHeight: 1.6, margin: 0 }, children: brand.tagline })
       ] }),
-      columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        col.title && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-sm mb-3", children: col.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: col.links.map((link, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-sm mb-3", children: "Contact" }),
-        contact.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: contact.email }),
-        contact.phone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: contact.phone }),
-        contact.address && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground whitespace-pre-line", children: contact.address })
+      columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        col.title && /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: col.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: "0.5rem" }, children: (col.links || []).filter((l) => l.label).map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.url || "#", style: mutedLink, children: link.label }) }, link.id || link.label)) })
+      ] }, col.id || col.title)),
+      hasContact && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: "Contact" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.4rem" }, children: [
+          contact.email && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: mutedLink, children: contact.email }),
+          contact.phone && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `tel:${contact.phone}`, style: mutedLink, children: contact.phone }),
+          contact.address && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...mutedLink, whiteSpace: "pre-line", margin: 0 }, children: contact.address })
+        ] })
       ] })
     ] }),
-    hasSocial && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-4 mb-6", children: [
-      social.facebook && /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.facebook, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "Facebook" }),
-      social.twitter && /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.twitter, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "X" }),
-      social.instagram && /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.instagram, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "Instagram" }),
-      social.linkedin && /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.linkedin, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "LinkedIn" }),
-      social.youtube && /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.youtube, className: "text-sm text-muted-foreground hover:text-foreground transition-colors", children: "YouTube" })
-    ] }),
-    (legal.copyright || legalLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 pt-6 border-t border-border", children: [
-      legal.copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: legal.copyright }),
-      legalLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-4", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.url, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: link.label }, i)) })
+    hasSocial && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "0.75rem", marginBottom: hasBottom ? "1.5rem" : 0 }, children: SOCIAL_ICONS.filter((s) => social[s.key]?.trim()).map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: social[s.key],
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": s.label,
+        style: { display: "flex", alignItems: "center", justifyContent: "center", width: "36px", height: "36px", borderRadius: "8px", border: "1px solid var(--border, #e5e7eb)", color: "var(--muted-foreground, #6b7280)", textDecoration: "none", flexShrink: 0 },
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: s.d }) })
+      },
+      s.key
+    )) }),
+    hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { borderTop: "1px solid var(--border, #e5e7eb)", paddingTop: "1.25rem", display: "flex", flexWrap: "wrap", alignItems: "center", justifyContent: "space-between", gap: "1rem" }, children: [
+      legal.copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: "var(--muted-foreground, #6b7280)", margin: 0 }, children: legal.copyright }),
+      Array.isArray(legal.links) && legal.links.filter((l) => l.label).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "1.25rem" }, children: legal.links.filter((l) => l.label).map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: link.url || "#",
+          style: { fontSize: "0.8rem", color: "var(--muted-foreground, #6b7280)", textDecoration: "none" },
+          children: link.label
+        },
+        link.id || link.label
+      )) })
     ] })
   ] }) });
 }