@orion-studios/payload-studio 0.5.0-beta.11 → 0.5.0-beta.111

package/dist/index.mjs

@@ -1,22 +1,24 @@
-import {
-  admin_app_exports
-} from "./chunk-AAOHJDNS.mjs";
 import {
   admin_exports
-} from "./chunk-J7W5EE3B.mjs";
+} from "./chunk-DAIZDGHL.mjs";
 import {
-  studio_exports
-} from "./chunk-N67KVM2S.mjs";
+  admin_app_exports
+} from "./chunk-XVH5SCBD.mjs";
 import {
   blocks_exports
-} from "./chunk-U5BSPWAD.mjs";
+} from "./chunk-JQAHXYAM.mjs";
 import {
   nextjs_exports
-} from "./chunk-ZLLNO5FM.mjs";
+} from "./chunk-BET2YLAS.mjs";
+import "./chunk-ZTXJG4K5.mjs";
+import {
+  studio_exports
+} from "./chunk-ADIIWIYL.mjs";
 import {
   studio_pages_exports
-} from "./chunk-NESLJZFE.mjs";
-import "./chunk-ETRRXURT.mjs";
+} from "./chunk-GKMBYYXF.mjs";
+import "./chunk-OQSEJXC4.mjs";
+import "./chunk-PF3EBZXF.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/dist/nextjs/index.d.mts

@@ -1,2 +1,3 @@
-export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-DbH0Ljwp.mjs';
+export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-D8BNfUJb.mjs';
+export { S as SocialMediaGlobalData } from '../socialMedia-C05Iy-SV.mjs';
 import 'payload';

package/dist/nextjs/index.d.ts

@@ -1,2 +1,3 @@
-export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-DbH0Ljwp.js';
+export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-DD_E2UfJ.js';
+export { S as SocialMediaGlobalData } from '../socialMedia-C05Iy-SV.js';
 import 'payload';

package/dist/nextjs/index.js

@@ -24,7 +24,8 @@ __export(nextjs_exports, {
   createPageQueries: () => createPageQueries,
   createPayloadClient: () => createPayloadClient,
   createSiteQueries: () => createSiteQueries,
-  resolveMedia: () => resolveMedia
+  resolveMedia: () => resolveMedia,
+  resolveSocialMediaLinks: () => resolveSocialMediaLinks
 });
 module.exports = __toCommonJS(nextjs_exports);
 
@@ -43,6 +44,348 @@ function createPayloadClient(config) {
 
 // src/nextjs/queries/pages.ts
 var import_cache = require("next/cache");
+
+// src/studio/imageUploadOptimization.ts
+var import_promises = require("fs/promises");
+var DEFAULT_OPTIONS = {
+  avifQuality: 50,
+  enforceSmallerForLossy: true,
+  jpegQuality: 78,
+  minBytes: 48 * 1024,
+  minQualityFloor: 42,
+  onlyIfSmaller: true,
+  pngCompressionLevel: 9,
+  skipAnimated: true,
+  tiffQuality: 75,
+  webpQuality: 78
+};
+
+// src/studio/index.ts
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+function assertStudioDocumentV1(input) {
+  if (!isRecord(input)) {
+    throw new Error("Studio document must be an object");
+  }
+  if (input.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
+  }
+  if (!Array.isArray(input.nodes)) {
+    throw new Error("Studio document nodes must be an array");
+  }
+  const nodes = input.nodes.map((node, index) => {
+    if (!isRecord(node)) {
+      throw new Error(`Node at index ${index} must be an object`);
+    }
+    if (typeof node.id !== "string" || node.id.length === 0) {
+      throw new Error(`Node at index ${index} has invalid id`);
+    }
+    if (typeof node.type !== "string" || node.type.length === 0) {
+      throw new Error(`Node at index ${index} has invalid type`);
+    }
+    if (!isRecord(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      id: node.id,
+      type: node.type,
+      data: node.data
+    };
+  });
+  return {
+    metadata: isRecord(input.metadata) ? input.metadata : void 0,
+    schemaVersion: 1,
+    title: typeof input.title === "string" ? input.title : void 0,
+    nodes,
+    updatedAt: typeof input.updatedAt === "string" ? input.updatedAt : void 0
+  };
+}
+
+// src/studio-pages/builder/settings-v2/types.ts
+var defaultBuilderBlockSettingsV2 = {
+  advanced: {
+    customClassName: "",
+    editCopyInPanel: false,
+    hideOnMobile: false
+  },
+  appearance: {
+    contentBackgroundColor: "#ffffff",
+    contentBackgroundMode: "none",
+    contentGradientAngle: "135",
+    contentGradientFrom: "#ffffff",
+    contentGradientPreset: "none",
+    contentGradientTo: "#f4f6f8",
+    sectionBackgroundColor: "#ffffff",
+    sectionBackgroundMode: "none",
+    sectionGradientAngle: "135",
+    sectionGradientFrom: "#334b63",
+    sectionGradientPreset: "slate",
+    sectionGradientTo: "#496582"
+  },
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderItemSettingsV2 = {
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+
+// src/studio-pages/builder/adapters/settingsV2.ts
+var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var parsePercent = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(0, Math.min(100, value));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(0, Math.min(100, parsed));
+    }
+  }
+  return null;
+};
+var parsePixel = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return null;
+};
+var mergeSettings = (defaults, input) => {
+  if (!isRecord2(input)) {
+    return structuredClone(defaults);
+  }
+  const next = structuredClone(defaults);
+  for (const [key, value] of Object.entries(input)) {
+    if (isRecord2(value) && isRecord2(next[key])) {
+      next[key] = mergeSettings(next[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      next[key] = value;
+    }
+  }
+  return next;
+};
+var legacyBlockToV2Settings = (block) => {
+  const current = structuredClone(defaultBuilderBlockSettingsV2);
+  current.layout.contentWidth = block.contentWidth === "narrow" || block.contentWidth === "content" || block.contentWidth === "wide" || block.contentWidth === "full" || block.contentWidth === "inherit" ? block.contentWidth : current.layout.contentWidth;
+  current.layout.sectionPaddingX = block.sectionPaddingX === "none" || block.sectionPaddingX === "sm" || block.sectionPaddingX === "md" || block.sectionPaddingX === "lg" || block.sectionPaddingX === "inherit" ? block.sectionPaddingX : current.layout.sectionPaddingX;
+  current.layout.sectionPaddingY = block.sectionPaddingY === "none" || block.sectionPaddingY === "sm" || block.sectionPaddingY === "lg" ? block.sectionPaddingY : current.layout.sectionPaddingY;
+  current.appearance.sectionBackgroundMode = block.sectionBackgroundMode === "none" || block.sectionBackgroundMode === "color" || block.sectionBackgroundMode === "gradient" ? block.sectionBackgroundMode : current.appearance.sectionBackgroundMode;
+  current.appearance.sectionBackgroundColor = typeof block.sectionBackgroundColor === "string" ? block.sectionBackgroundColor : current.appearance.sectionBackgroundColor;
+  current.appearance.sectionGradientPreset = typeof block.sectionGradientPreset === "string" ? block.sectionGradientPreset : current.appearance.sectionGradientPreset;
+  current.appearance.sectionGradientFrom = typeof block.sectionGradientFrom === "string" ? block.sectionGradientFrom : current.appearance.sectionGradientFrom;
+  current.appearance.sectionGradientTo = typeof block.sectionGradientTo === "string" ? block.sectionGradientTo : current.appearance.sectionGradientTo;
+  current.appearance.sectionGradientAngle = typeof block.sectionGradientAngle === "string" ? block.sectionGradientAngle : current.appearance.sectionGradientAngle;
+  current.appearance.contentBackgroundMode = block.contentBackgroundMode === "none" || block.contentBackgroundMode === "color" || block.contentBackgroundMode === "gradient" ? block.contentBackgroundMode : current.appearance.contentBackgroundMode;
+  current.appearance.contentBackgroundColor = typeof block.contentBackgroundColor === "string" ? block.contentBackgroundColor : current.appearance.contentBackgroundColor;
+  current.appearance.contentGradientPreset = typeof block.contentGradientPreset === "string" ? block.contentGradientPreset : current.appearance.contentGradientPreset;
+  current.appearance.contentGradientFrom = typeof block.contentGradientFrom === "string" ? block.contentGradientFrom : current.appearance.contentGradientFrom;
+  current.appearance.contentGradientTo = typeof block.contentGradientTo === "string" ? block.contentGradientTo : current.appearance.contentGradientTo;
+  current.appearance.contentGradientAngle = typeof block.contentGradientAngle === "string" ? block.contentGradientAngle : current.appearance.contentGradientAngle;
+  if (block.backgroundImageFit === "cover" || block.backgroundImageFit === "contain") {
+    current.media.fit = block.backgroundImageFit;
+  }
+  if (block.imageFit === "cover" || block.imageFit === "contain") {
+    current.media.fit = block.imageFit;
+  }
+  if (block.backgroundImageCornerStyle === "rounded" || block.backgroundImageCornerStyle === "square") {
+    current.media.cornerStyle = block.backgroundImageCornerStyle;
+  }
+  if (block.imageCornerStyle === "rounded" || block.imageCornerStyle === "square") {
+    current.media.cornerStyle = block.imageCornerStyle;
+  }
+  if (block.backgroundImagePosition === "top" || block.backgroundImagePosition === "bottom" || block.backgroundImagePosition === "left" || block.backgroundImagePosition === "right" || block.backgroundImagePosition === "center") {
+    current.media.position = block.backgroundImagePosition;
+  }
+  if (block.imagePosition === "top" || block.imagePosition === "bottom" || block.imagePosition === "left" || block.imagePosition === "right" || block.imagePosition === "center") {
+    current.media.position = block.imagePosition;
+  }
+  current.media.positionX = parsePercent(block.imagePositionX ?? block.backgroundImagePositionX);
+  current.media.positionY = parsePercent(block.imagePositionY ?? block.backgroundImagePositionY);
+  current.media.height = parsePixel(block.imageHeight);
+  current.typography.headingAlign = block.textHeadingAlign === "left" || block.textHeadingAlign === "center" || block.textHeadingAlign === "right" || block.textHeadingAlign === "justify" ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = block.textBodyAlign === "left" || block.textBodyAlign === "center" || block.textBodyAlign === "right" || block.textBodyAlign === "justify" ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.maxTextWidth = block.textMaxWidth === "auto" || block.textMaxWidth === "sm" || block.textMaxWidth === "md" || block.textMaxWidth === "lg" || block.textMaxWidth === "full" ? block.textMaxWidth : current.typography.maxTextWidth;
+  current.typography.lineHeightPreset = block.textLineHeightPreset === "tight" || block.textLineHeightPreset === "normal" || block.textLineHeightPreset === "relaxed" ? block.textLineHeightPreset : current.typography.lineHeightPreset;
+  current.typography.letterSpacingPreset = block.textLetterSpacingPreset === "tight" || block.textLetterSpacingPreset === "normal" || block.textLetterSpacingPreset === "relaxed" ? block.textLetterSpacingPreset : current.typography.letterSpacingPreset;
+  current.advanced.editCopyInPanel = Boolean(block.editCopyInPanel ?? current.advanced.editCopyInPanel);
+  current.advanced.customClassName = typeof block.customClassName === "string" ? block.customClassName : current.advanced.customClassName;
+  current.advanced.hideOnMobile = Boolean(block.hideOnMobile ?? current.advanced.hideOnMobile);
+  return mergeSettings(current, block.settings);
+};
+var v2SettingsToLegacyBlock = (blockWithSettings) => {
+  const settings = legacyBlockToV2Settings(blockWithSettings);
+  const next = {
+    ...blockWithSettings,
+    settings
+  };
+  const blockType = typeof next.blockType === "string" ? next.blockType : "";
+  next.contentWidth = settings.layout.contentWidth;
+  next.sectionPaddingX = settings.layout.sectionPaddingX;
+  next.sectionPaddingY = settings.layout.sectionPaddingY;
+  next.sectionBackgroundMode = settings.appearance.sectionBackgroundMode;
+  next.sectionBackgroundColor = settings.appearance.sectionBackgroundColor;
+  next.sectionGradientPreset = settings.appearance.sectionGradientPreset;
+  next.sectionGradientFrom = settings.appearance.sectionGradientFrom;
+  next.sectionGradientTo = settings.appearance.sectionGradientTo;
+  next.sectionGradientAngle = settings.appearance.sectionGradientAngle;
+  next.contentBackgroundMode = settings.appearance.contentBackgroundMode;
+  next.contentBackgroundColor = settings.appearance.contentBackgroundColor;
+  next.contentGradientPreset = settings.appearance.contentGradientPreset;
+  next.contentGradientFrom = settings.appearance.contentGradientFrom;
+  next.contentGradientTo = settings.appearance.contentGradientTo;
+  next.contentGradientAngle = settings.appearance.contentGradientAngle;
+  next.textHeadingAlign = settings.typography.headingAlign;
+  next.textBodyAlign = settings.typography.bodyAlign;
+  next.textMaxWidth = settings.typography.maxTextWidth;
+  next.textLineHeightPreset = settings.typography.lineHeightPreset;
+  next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
+  next.editCopyInPanel = settings.advanced.editCopyInPanel;
+  next.customClassName = settings.advanced.customClassName;
+  next.hideOnMobile = settings.advanced.hideOnMobile;
+  delete next.backgroundImagePositionX;
+  delete next.backgroundImagePositionY;
+  delete next.imageHeight;
+  delete next.imagePositionX;
+  delete next.imagePositionY;
+  if (blockType === "hero") {
+    next.backgroundImageFit = settings.media.fit;
+    next.backgroundImageCornerStyle = settings.media.cornerStyle;
+    next.backgroundImagePosition = settings.media.position;
+  } else if (blockType === "media") {
+    next.imageFit = settings.media.fit;
+    next.imageCornerStyle = settings.media.cornerStyle;
+    next.imagePosition = settings.media.position;
+  }
+  if (Array.isArray(next.items)) {
+    next.items = next.items.map((rawItem) => isRecord2(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
+  }
+  return next;
+};
+var legacyItemToV2Settings = (item) => {
+  const current = structuredClone(defaultBuilderItemSettingsV2);
+  if (item.imageFit === "cover" || item.imageFit === "contain") {
+    current.media.fit = item.imageFit;
+  }
+  if (item.imageCornerStyle === "rounded" || item.imageCornerStyle === "square") {
+    current.media.cornerStyle = item.imageCornerStyle;
+  }
+  if (item.imagePosition === "top" || item.imagePosition === "bottom" || item.imagePosition === "left" || item.imagePosition === "right" || item.imagePosition === "center") {
+    current.media.position = item.imagePosition;
+  }
+  current.media.positionX = parsePercent(item.imagePositionX);
+  current.media.positionY = parsePercent(item.imagePositionY);
+  current.media.height = parsePixel(item.imageHeight);
+  return mergeSettings(current, item.settings);
+};
+var v2SettingsToLegacyItem = (itemWithSettings) => {
+  const settings = legacyItemToV2Settings(itemWithSettings);
+  return {
+    ...itemWithSettings,
+    imageCornerStyle: settings.media.cornerStyle,
+    imageFit: settings.media.fit,
+    imageHeight: settings.media.height,
+    imagePosition: settings.media.position,
+    imagePositionX: settings.media.positionX,
+    imagePositionY: settings.media.positionY,
+    settings
+  };
+};
+var migrateBlockToSettingsV2 = (block) => {
+  const withLegacyMirrors = v2SettingsToLegacyBlock(block);
+  if (!Array.isArray(withLegacyMirrors.items)) {
+    return withLegacyMirrors;
+  }
+  return {
+    ...withLegacyMirrors,
+    items: withLegacyMirrors.items.map((rawItem) => isRecord2(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
+  };
+};
+
+// src/studio-pages/document.ts
+var studioDocumentToLayout = (document) => document.nodes.map(
+  (node) => migrateBlockToSettingsV2({
+    id: node.id,
+    blockType: node.type,
+    ...node.data
+  })
+);
+
+// src/nextjs/queries/pages.ts
+var PAGE_QUERY_CACHE_VERSION = "v4-published-only-public";
+function withStudioDocumentLayout(page) {
+  if (!page) {
+    return null;
+  }
+  try {
+    const studioDocument = assertStudioDocumentV1(page.studioDocument);
+    const compiledLayout = studioDocumentToLayout(studioDocument);
+    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
+      return {
+        ...page,
+        layout: compiledLayout
+      };
+    }
+  } catch {
+  }
+  return page;
+}
 function normalizePath(segments) {
   if (!segments || segments.length === 0) {
     return "/";
@@ -51,35 +394,42 @@ function normalizePath(segments) {
   return cleaned.length > 0 ? `/${cleaned}` : "/";
 }
 async function queryPageByPath(payload, path, draft) {
+  const pathWhere = {
+    path: {
+      equals: path
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
   const result = await payload.find({
     collection: "pages",
     depth: 2,
     draft,
     limit: 1,
     overrideAccess: false,
-    where: {
-      path: {
-        equals: path
-      }
-    }
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
   });
   if (result.docs.length > 0) {
-    return result.docs[0] || null;
+    return withStudioDocumentLayout(result.docs[0] || null);
   }
   if (path === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
     const homeResult = await payload.find({
       collection: "pages",
       depth: 2,
       draft,
       limit: 1,
       overrideAccess: false,
-      where: {
-        slug: {
-          equals: "home"
-        }
-      }
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
     });
-    return homeResult.docs[0] || null;
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
   }
   return null;
 }
@@ -89,7 +439,7 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
       const payload = await getPayloadClient();
       return queryPageByPath(payload, path, false);
     },
-    ["page-by-path"],
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {
@@ -169,6 +519,18 @@ function createSiteQueries(getPayloadClient, contentTag = "website-content") {
     ["footer-global"],
     { tags: [contentTag] }
   );
+  const getSocialMediaCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const socialMedia = await payload.findGlobal({
+        slug: "social-media",
+        depth: 1
+      });
+      return socialMedia;
+    },
+    ["social-media-global"],
+    { tags: [contentTag] }
+  );
   async function getSiteSettings(draft = false) {
     if (draft) {
       const payload = await getPayloadClient();
@@ -205,10 +567,23 @@ function createSiteQueries(getPayloadClient, contentTag = "website-content") {
     }
     return getFooterCached();
   }
+  async function getSocialMedia(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const socialMedia = await payload.findGlobal({
+        slug: "social-media",
+        depth: 1,
+        draft: true
+      });
+      return socialMedia;
+    }
+    return getSocialMediaCached();
+  }
   return {
     getSiteSettings,
     getHeader,
-    getFooter
+    getFooter,
+    getSocialMedia
   };
 }
 
@@ -234,11 +609,117 @@ function resolveMedia(media) {
   }
   return null;
 }
+
+// src/shared/socialMedia.ts
+var SOCIAL_MEDIA_PLATFORM_LABELS = {
+  facebook: "Facebook",
+  instagram: "Instagram",
+  x: "X (Twitter)",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  pinterest: "Pinterest",
+  snapchat: "Snapchat"
+};
+var SOCIAL_MEDIA_PLATFORMS = [
+  "facebook",
+  "instagram",
+  "x",
+  "linkedin",
+  "youtube",
+  "tiktok",
+  "pinterest",
+  "snapchat"
+];
+var SOCIAL_MEDIA_ICON_OPTIONS = {
+  facebook: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:facebook" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:facebook-f" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-facebook" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:facebook-fill" }
+  ],
+  instagram: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:instagram" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:instagram" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-instagram" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:instagram-fill" }
+  ],
+  x: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:x" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:x-twitter" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-x" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:twitter-x-fill" }
+  ],
+  linkedin: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:linkedin" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:linkedin-in" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-linkedin" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:linkedin-fill" }
+  ],
+  youtube: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:youtube" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:youtube" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-youtube" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:youtube-fill" }
+  ],
+  tiktok: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:tiktok" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:tiktok" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-tiktok" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:tiktok-fill" }
+  ],
+  pinterest: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:pinterest" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:pinterest-p" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-pinterest" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:pinterest-fill" }
+  ],
+  snapchat: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:snapchat" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:snapchat" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-snapchat" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:snapchat-fill" }
+  ]
+};
+var SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM = SOCIAL_MEDIA_PLATFORMS.reduce(
+  (acc, platform) => {
+    acc[platform] = SOCIAL_MEDIA_ICON_OPTIONS[platform][0].value;
+    return acc;
+  },
+  {}
+);
+
+// src/nextjs/utilities/socialMedia.ts
+function resolveSocialMediaLinks(data) {
+  const profiles = data?.profiles;
+  if (!profiles || typeof profiles !== "object") {
+    return [];
+  }
+  return SOCIAL_MEDIA_PLATFORMS.reduce((acc, platform) => {
+    const profile = profiles[platform];
+    if (!profile || typeof profile !== "object") {
+      return acc;
+    }
+    const url = typeof profile.url === "string" ? profile.url.trim() : "";
+    if (!url) {
+      return acc;
+    }
+    const icon = typeof profile.icon === "string" && profile.icon.trim().length > 0 ? profile.icon.trim() : SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform];
+    acc.push({
+      icon,
+      label: SOCIAL_MEDIA_PLATFORM_LABELS[platform],
+      platform,
+      url
+    });
+    return acc;
+  }, []);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WEBSITE_CONTENT_TAG,
   createPageQueries,
   createPayloadClient,
   createSiteQueries,
-  resolveMedia
+  resolveMedia,
+  resolveSocialMediaLinks
 });

package/dist/nextjs/index.mjs

@@ -3,13 +3,18 @@ import {
   createPageQueries,
   createPayloadClient,
   createSiteQueries,
-  resolveMedia
-} from "../chunk-ZLLNO5FM.mjs";
+  resolveMedia,
+  resolveSocialMediaLinks
+} from "../chunk-BET2YLAS.mjs";
+import "../chunk-ZTXJG4K5.mjs";
+import "../chunk-ADIIWIYL.mjs";
+import "../chunk-PF3EBZXF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   WEBSITE_CONTENT_TAG,
   createPageQueries,
   createPayloadClient,
   createSiteQueries,
-  resolveMedia
+  resolveMedia,
+  resolveSocialMediaLinks
 };

package/dist/socialMedia-C05Iy-SV.d.mts

@@ -0,0 +1,21 @@
+type SocialMediaPlatform = 'facebook' | 'instagram' | 'x' | 'linkedin' | 'youtube' | 'tiktok' | 'pinterest' | 'snapchat';
+type SocialMediaIconLibrary = 'simple-icons' | 'font-awesome-brands' | 'tabler-brands' | 'remix-icons';
+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[]>;
+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 };