@sprintup-cms/sdk 1.8.59 → 1.8.63

package/dist/next/index.js

@@ -1197,60 +1197,98 @@ var SOCIAL_ICONS = [
   { 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 renderFooterSection(sec, mutedLink) {
+  if (sec.type === "brand") {
+    if (!sec.logo_url && !sec.tagline) return null;
+    return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+      sec.logo_url && /* @__PURE__ */ jsx("img", { src: sec.logo_url, alt: "Logo", style: { height: "32px", width: "auto", objectFit: "contain" } }),
+      sec.tagline && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "var(--muted-foreground, #6b7280)", lineHeight: 1.6, margin: 0 }, children: sec.tagline })
+    ] });
+  }
+  if (sec.type === "links") {
+    const links = (sec.links || []).filter((l) => l.label);
+    if (!links.length && !sec.title) return null;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      sec.title && /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: sec.title }),
+      /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: "0.5rem" }, children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.url || "#",
+          target: link.external ? "_blank" : void 0,
+          rel: link.external ? "noopener noreferrer" : void 0,
+          style: mutedLink,
+          children: link.label
+        }
+      ) }, link.id || link.label)) })
+    ] });
+  }
+  if (sec.type === "contact") {
+    if (!sec.email && !sec.phone && !sec.address) return null;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      sec.title && /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: sec.title }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.4rem" }, children: [
+        sec.email && /* @__PURE__ */ jsx("a", { href: `mailto:${sec.email}`, style: mutedLink, children: sec.email }),
+        sec.phone && /* @__PURE__ */ jsx("a", { href: `tel:${sec.phone}`, style: mutedLink, children: sec.phone }),
+        sec.address && /* @__PURE__ */ jsx("p", { style: { ...mutedLink, whiteSpace: "pre-line", margin: 0 }, children: sec.address })
+      ] })
+    ] });
+  }
+  if (sec.type === "social") {
+    const active = SOCIAL_ICONS.filter((s) => sec[s.key]?.trim());
+    if (!active.length) return null;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      sec.title && /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: sec.title }),
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.625rem" }, children: active.map((s) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: sec[s.key],
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": s.label,
+          style: { display: "flex", alignItems: "center", justifyContent: "center", width: "34px", height: "34px", borderRadius: "8px", border: "1px solid var(--border, #e5e7eb)", color: "var(--muted-foreground, #6b7280)", textDecoration: "none" },
+          children: /* @__PURE__ */ jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: s.d }) })
+        },
+        s.key
+      )) })
+    ] });
+  }
+  return null;
+}
 function CMSFooter({ footer }) {
   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 sections = Array.isArray(sd.sections) ? sd.sections : [];
+  const isLegacy = sections.length === 0 && ("brand" in sd || "columns" in sd || "contact" in sd || "social" in sd || "legal" in sd);
+  let renderSections = sections;
+  if (isLegacy) {
+    renderSections = [];
+    if (sd.brand?.logo_url || sd.brand?.tagline) renderSections.push({ id: "b", type: "brand", ...sd.brand });
+    (Array.isArray(sd.columns) ? sd.columns : []).forEach((col) => renderSections.push({ id: col.id || col.title || Math.random(), type: "links", title: col.title, links: col.links || [] }));
+    if (sd.contact?.email || sd.contact?.phone || sd.contact?.address) renderSections.push({ id: "c", type: "contact", ...sd.contact });
+    if (sd.social && Object.values(sd.social).some(Boolean)) renderSections.push({ id: "s", type: "social", ...sd.social });
+  }
+  const legalSec = sections.find((s) => s.type === "legal") ?? (isLegacy ? sd.legal ?? null : null);
+  const mainSections = renderSections.filter((s) => s.type !== "legal");
+  const copyright = legalSec?.copyright || "";
+  const legalLinks = Array.isArray(legalSec?.legal_links) ? legalSec.legal_links : Array.isArray(legalSec?.links) ? legalSec.links : [];
+  const hasBottom = !!(copyright || legalLinks.filter((l) => l.label).length);
+  if (mainSections.length === 0 && !hasBottom) return null;
+  const gridCount = mainSections.length;
+  const gridCols = gridCount <= 1 ? "1fr" : gridCount === 2 ? "repeat(2,1fr)" : gridCount === 3 ? "repeat(3,1fr)" : "repeat(4,1fr)";
   const mutedLink = { fontSize: "0.875rem", color: "var(--muted-foreground, #6b7280)", textDecoration: "none" };
   return /* @__PURE__ */ jsx("footer", { style: { borderTop: "1px solid var(--border, #e5e7eb)", background: "var(--muted, #f9fafb)", marginTop: "4rem" }, children: /* @__PURE__ */ jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "3rem 1.5rem 1.5rem" }, children: [
-    hasContent && /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: gridCols, gap: "2.5rem", marginBottom: hasSocial || hasBottom ? "2.5rem" : 0 }, children: [
-      hasBrand && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-        brand.logo_url && /* @__PURE__ */ jsx("img", { src: brand.logo_url, alt: "Logo", style: { height: "32px", width: "auto", objectFit: "contain" } }),
-        brand.tagline && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "var(--muted-foreground, #6b7280)", lineHeight: 1.6, margin: 0 }, children: brand.tagline })
-      ] }),
-      columns.map((col) => /* @__PURE__ */ jsxs("div", { children: [
-        col.title && /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: col.title }),
-        /* @__PURE__ */ 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__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.url || "#", style: mutedLink, children: link.label }) }, link.id || link.label)) })
-      ] }, col.id || col.title)),
-      hasContact && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: "0 0 0.875rem", color: "var(--foreground, #111)" }, children: "Contact" }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.4rem" }, children: [
-          contact.email && /* @__PURE__ */ jsx("a", { href: `mailto:${contact.email}`, style: mutedLink, children: contact.email }),
-          contact.phone && /* @__PURE__ */ jsx("a", { href: `tel:${contact.phone}`, style: mutedLink, children: contact.phone }),
-          contact.address && /* @__PURE__ */ jsx("p", { style: { ...mutedLink, whiteSpace: "pre-line", margin: 0 }, children: contact.address })
-        ] })
-      ] })
-    ] }),
-    hasSocial && /* @__PURE__ */ 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__ */ 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__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: s.d }) })
-      },
-      s.key
-    )) }),
+    mainSections.length > 0 && /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: gridCols, gap: "2.5rem", marginBottom: hasBottom ? "2.5rem" : 0 }, children: mainSections.map((sec) => {
+      const rendered = renderFooterSection(sec, mutedLink);
+      return rendered ? /* @__PURE__ */ jsx("div", { children: rendered }, sec.id) : null;
+    }) }),
     hasBottom && /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "1.25rem" }, children: legal.links.filter((l) => l.label).map((link) => /* @__PURE__ */ jsx(
+      copyright && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: "var(--muted-foreground, #6b7280)", margin: 0 }, children: copyright }),
+      legalLinks.filter((l) => l.label).length > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "1.25rem" }, children: legalLinks.filter((l) => l.label).map((link) => /* @__PURE__ */ jsx(
         "a",
         {
           href: link.url || "#",
+          target: link.external ? "_blank" : void 0,
+          rel: link.external ? "noopener noreferrer" : void 0,
           style: { fontSize: "0.8rem", color: "var(--muted-foreground, #6b7280)", textDecoration: "none" },
           children: link.label
         },