@sonordev/site-kit 1.2.7 → 1.2.9

package/dist/cms/index.d.mts

@@ -0,0 +1,139 @@
+import React__default from 'react';
+import { b as CmsPageProps, c as CmsSectionProps, S as SectionType, d as SectionRendererProps, P as PortableTextRendererProps, e as SanityImageRef } from '../types-BG-x8yhh.mjs';
+export { C as CmsPageData, f as CmsPageSeo, a as CmsSectionData, h as PortableTextBlock, g as PortableTextContent } from '../types-BG-x8yhh.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Async React Server Component that fetches and renders a full CMS page.
+ *
+ * @example
+ * ```tsx
+ * // app/[...slug]/page.tsx
+ * import { CmsPage } from '@sonordev/site-kit/cms'
+ *
+ * export default function Page({ params }) {
+ *   return <CmsPage path={`/${params.slug.join('/')}`} />
+ * }
+ * ```
+ */
+declare function CmsPage({ path, sectionComponents, portableTextComponents, fallback, className, }: CmsPageProps): Promise<React__default.ReactElement | null>;
+
+/**
+ * Renders a single CMS section using the appropriate renderer for its type.
+ * Override specific section renderers via the `sectionComponents` prop.
+ */
+declare function CmsSection({ section, sectionComponents, portableTextComponents }: CmsSectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface CmsPreviewProps {
+    /** Portal API base URL */
+    apiUrl?: string;
+    /** API key for fetching draft content */
+    apiKey: string;
+    /** Page path to preview */
+    path: string;
+    /** Poll interval in ms (0 = no polling) */
+    pollInterval?: number;
+    /** Override section renderers */
+    sectionComponents?: Partial<Record<SectionType, React__default.ComponentType<SectionRendererProps>>>;
+    /** Override Portable Text components */
+    portableTextComponents?: Record<string, React__default.ComponentType<any>>;
+    /** Wrapper className */
+    className?: string;
+}
+/**
+ * Client component for previewing draft CMS content.
+ * Fetches draft content from Portal API and re-renders on changes.
+ *
+ * @example
+ * ```tsx
+ * // Used in preview mode (e.g., ?preview=true)
+ * import { CmsPreview } from '@sonordev/site-kit/cms'
+ *
+ * <CmsPreview
+ *   apiKey={process.env.NEXT_PUBLIC_UPTRADE_API_KEY!}
+ *   path="/about"
+ *   pollInterval={3000}
+ * />
+ * ```
+ */
+declare function CmsPreview({ apiUrl, apiKey, path, pollInterval, sectionComponents, portableTextComponents, className, }: CmsPreviewProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Renders Portable Text content with Sonor default styling.
+ * Accepts `components` prop to override or extend defaults.
+ */
+declare function PortableTextRenderer({ value, components: overrides, className, }: PortableTextRendererProps): react_jsx_runtime.JSX.Element | null;
+
+interface SanityImageConfig {
+    projectId: string;
+    dataset: string;
+}
+/**
+ * Initialise (or re-initialise) the image builder with project config.
+ * Call once at app startup — e.g. in SiteKitProvider or layout.
+ * If never called, falls back to DEFAULT_CONFIG.
+ */
+declare function configureSanityImages(config: SanityImageConfig): void;
+interface ImageUrlOptions {
+    width?: number;
+    height?: number;
+    /** Device-pixel-ratio multiplier (default 1) */
+    dpr?: number;
+    /** Quality 0-100 (default: Sanity auto) */
+    quality?: number;
+    /** Force a specific format */
+    format?: 'webp' | 'avif' | 'png' | 'jpg';
+    /** Fit mode */
+    fit?: 'clip' | 'crop' | 'fill' | 'fillmax' | 'max' | 'scale' | 'min';
+    /** Apply blur (0-2000) */
+    blur?: number;
+}
+/**
+ * Build an optimised image URL from a SanityImageRef.
+ * Automatically applies hotspot/crop metadata when present.
+ *
+ * ```ts
+ * const url = sanityImageUrl(heroImage, { width: 1200 })
+ * ```
+ */
+declare function sanityImageUrl(image: SanityImageRef | undefined | null, options?: ImageUrlOptions): string;
+/**
+ * Generate a srcSet string for responsive images.
+ *
+ * ```tsx
+ * <img srcSet={sanityImageSrcSet(img, [400, 800, 1200])} sizes="100vw" />
+ * ```
+ */
+declare function sanityImageSrcSet(image: SanityImageRef | undefined | null, widths?: number[], options?: Omit<ImageUrlOptions, 'width'>): string;
+/**
+ * Compute CSS `object-position` from a Sanity hotspot.
+ * Returns `undefined` if no hotspot is defined.
+ */
+declare function hotspotToObjectPosition(image: SanityImageRef | undefined | null): string | undefined;
+
+declare function HeroSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+declare function RichTextSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function CtaSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+declare function GallerySection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function TestimonialsSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function FaqSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Form section — renders a heading and a placeholder for the managed form.
+ * The actual form rendering depends on ManagedForm from the forms module.
+ * Sites should override this section renderer to integrate with their form setup.
+ */
+declare function FormSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Custom section — passes props to a named component.
+ * Sites must provide their own component map via sectionComponents override.
+ */
+declare function CustomSection({ data, displayName }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+export { CmsPage, CmsPageProps, CmsPreview, CmsSection, CmsSectionProps, CtaSection, CustomSection, FaqSection, FormSection, GallerySection, HeroSection, type ImageUrlOptions, PortableTextRenderer, PortableTextRendererProps, RichTextSection, type SanityImageConfig, SanityImageRef, SectionRendererProps, SectionType, TestimonialsSection, configureSanityImages, hotspotToObjectPosition, sanityImageSrcSet, sanityImageUrl };

package/dist/cms/index.d.ts

@@ -0,0 +1,139 @@
+import React__default from 'react';
+import { b as CmsPageProps, c as CmsSectionProps, S as SectionType, d as SectionRendererProps, P as PortableTextRendererProps, e as SanityImageRef } from '../types-BG-x8yhh.js';
+export { C as CmsPageData, f as CmsPageSeo, a as CmsSectionData, h as PortableTextBlock, g as PortableTextContent } from '../types-BG-x8yhh.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Async React Server Component that fetches and renders a full CMS page.
+ *
+ * @example
+ * ```tsx
+ * // app/[...slug]/page.tsx
+ * import { CmsPage } from '@sonordev/site-kit/cms'
+ *
+ * export default function Page({ params }) {
+ *   return <CmsPage path={`/${params.slug.join('/')}`} />
+ * }
+ * ```
+ */
+declare function CmsPage({ path, sectionComponents, portableTextComponents, fallback, className, }: CmsPageProps): Promise<React__default.ReactElement | null>;
+
+/**
+ * Renders a single CMS section using the appropriate renderer for its type.
+ * Override specific section renderers via the `sectionComponents` prop.
+ */
+declare function CmsSection({ section, sectionComponents, portableTextComponents }: CmsSectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface CmsPreviewProps {
+    /** Portal API base URL */
+    apiUrl?: string;
+    /** API key for fetching draft content */
+    apiKey: string;
+    /** Page path to preview */
+    path: string;
+    /** Poll interval in ms (0 = no polling) */
+    pollInterval?: number;
+    /** Override section renderers */
+    sectionComponents?: Partial<Record<SectionType, React__default.ComponentType<SectionRendererProps>>>;
+    /** Override Portable Text components */
+    portableTextComponents?: Record<string, React__default.ComponentType<any>>;
+    /** Wrapper className */
+    className?: string;
+}
+/**
+ * Client component for previewing draft CMS content.
+ * Fetches draft content from Portal API and re-renders on changes.
+ *
+ * @example
+ * ```tsx
+ * // Used in preview mode (e.g., ?preview=true)
+ * import { CmsPreview } from '@sonordev/site-kit/cms'
+ *
+ * <CmsPreview
+ *   apiKey={process.env.NEXT_PUBLIC_UPTRADE_API_KEY!}
+ *   path="/about"
+ *   pollInterval={3000}
+ * />
+ * ```
+ */
+declare function CmsPreview({ apiUrl, apiKey, path, pollInterval, sectionComponents, portableTextComponents, className, }: CmsPreviewProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Renders Portable Text content with Sonor default styling.
+ * Accepts `components` prop to override or extend defaults.
+ */
+declare function PortableTextRenderer({ value, components: overrides, className, }: PortableTextRendererProps): react_jsx_runtime.JSX.Element | null;
+
+interface SanityImageConfig {
+    projectId: string;
+    dataset: string;
+}
+/**
+ * Initialise (or re-initialise) the image builder with project config.
+ * Call once at app startup — e.g. in SiteKitProvider or layout.
+ * If never called, falls back to DEFAULT_CONFIG.
+ */
+declare function configureSanityImages(config: SanityImageConfig): void;
+interface ImageUrlOptions {
+    width?: number;
+    height?: number;
+    /** Device-pixel-ratio multiplier (default 1) */
+    dpr?: number;
+    /** Quality 0-100 (default: Sanity auto) */
+    quality?: number;
+    /** Force a specific format */
+    format?: 'webp' | 'avif' | 'png' | 'jpg';
+    /** Fit mode */
+    fit?: 'clip' | 'crop' | 'fill' | 'fillmax' | 'max' | 'scale' | 'min';
+    /** Apply blur (0-2000) */
+    blur?: number;
+}
+/**
+ * Build an optimised image URL from a SanityImageRef.
+ * Automatically applies hotspot/crop metadata when present.
+ *
+ * ```ts
+ * const url = sanityImageUrl(heroImage, { width: 1200 })
+ * ```
+ */
+declare function sanityImageUrl(image: SanityImageRef | undefined | null, options?: ImageUrlOptions): string;
+/**
+ * Generate a srcSet string for responsive images.
+ *
+ * ```tsx
+ * <img srcSet={sanityImageSrcSet(img, [400, 800, 1200])} sizes="100vw" />
+ * ```
+ */
+declare function sanityImageSrcSet(image: SanityImageRef | undefined | null, widths?: number[], options?: Omit<ImageUrlOptions, 'width'>): string;
+/**
+ * Compute CSS `object-position` from a Sanity hotspot.
+ * Returns `undefined` if no hotspot is defined.
+ */
+declare function hotspotToObjectPosition(image: SanityImageRef | undefined | null): string | undefined;
+
+declare function HeroSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+declare function RichTextSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function CtaSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+declare function GallerySection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function TestimonialsSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+declare function FaqSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Form section — renders a heading and a placeholder for the managed form.
+ * The actual form rendering depends on ManagedForm from the forms module.
+ * Sites should override this section renderer to integrate with their form setup.
+ */
+declare function FormSection({ data, portableTextComponents }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Custom section — passes props to a named component.
+ * Sites must provide their own component map via sectionComponents override.
+ */
+declare function CustomSection({ data, displayName }: SectionRendererProps): react_jsx_runtime.JSX.Element;
+
+export { CmsPage, CmsPageProps, CmsPreview, CmsSection, CmsSectionProps, CtaSection, CustomSection, FaqSection, FormSection, GallerySection, HeroSection, type ImageUrlOptions, PortableTextRenderer, PortableTextRendererProps, RichTextSection, type SanityImageConfig, SanityImageRef, SectionRendererProps, SectionType, TestimonialsSection, configureSanityImages, hotspotToObjectPosition, sanityImageSrcSet, sanityImageUrl };

package/dist/cms/index.js

@@ -0,0 +1,409 @@
+'use strict';
+
+var chunkMG23BS36_js = require('../chunk-MG23BS36.js');
+require('../chunk-ZSMWDLMK.js');
+var react = require('@portabletext/react');
+var imageUrlBuilder = require('@sanity/image-url');
+var jsxRuntime = require('react/jsx-runtime');
+var react$1 = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var imageUrlBuilder__default = /*#__PURE__*/_interopDefault(imageUrlBuilder);
+
+var _builder = null;
+var DEFAULT_CONFIG = {
+  projectId: "l55lyemx",
+  dataset: "production"
+};
+function configureSanityImages(config) {
+  _builder = imageUrlBuilder__default.default(config);
+}
+function getBuilder() {
+  if (!_builder) {
+    _builder = imageUrlBuilder__default.default(DEFAULT_CONFIG);
+  }
+  return _builder;
+}
+function sanityImageUrl(image, options = {}) {
+  if (!image?.asset?._ref) return "";
+  let builder = getBuilder().image(image).auto("format");
+  if (options.width) builder = builder.width(options.width);
+  if (options.height) builder = builder.height(options.height);
+  if (options.dpr) builder = builder.dpr(options.dpr);
+  if (options.quality) builder = builder.quality(options.quality);
+  if (options.format) builder = builder.format(options.format);
+  if (options.fit) builder = builder.fit(options.fit);
+  if (options.blur) builder = builder.blur(options.blur);
+  return builder.url();
+}
+function sanityImageSrcSet(image, widths = [400, 800, 1200, 1600], options = {}) {
+  if (!image?.asset?._ref) return "";
+  return widths.map((w) => `${sanityImageUrl(image, { ...options, width: w })} ${w}w`).join(", ");
+}
+function hotspotToObjectPosition(image) {
+  if (!image?.hotspot) return void 0;
+  return `${(image.hotspot.x * 100).toFixed(1)}% ${(image.hotspot.y * 100).toFixed(1)}%`;
+}
+var defaultComponents = {
+  block: {
+    h1: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sonor-cms-h1", children }),
+    h2: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sonor-cms-h2", children }),
+    h3: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "sonor-cms-h3", children }),
+    h4: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "sonor-cms-h4", children }),
+    normal: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sonor-cms-p", children }),
+    blockquote: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "sonor-cms-blockquote", children })
+  },
+  marks: {
+    strong: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { children }),
+    em: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("em", { children }),
+    code: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("code", { className: "sonor-cms-code", children }),
+    underline: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("u", { children }),
+    "strike-through": ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("s", { children }),
+    link: ({ children, value }) => {
+      const href = value?.href || "#";
+      const isExternal = href.startsWith("http");
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          className: "sonor-cms-link",
+          ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
+          children
+        }
+      );
+    },
+    highlight: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "sonor-cms-highlight", children })
+  },
+  list: {
+    bullet: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sonor-cms-ul", children }),
+    number: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "sonor-cms-ol", children })
+  },
+  listItem: {
+    bullet: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children }),
+    number: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children })
+  },
+  types: {
+    image: ({ value }) => {
+      if (!value?.asset?._ref && !value?.url) return null;
+      const src = value.url || sanityImageUrl(value, { width: 1200 });
+      const srcSet = !value.url ? sanityImageSrcSet(value, [400, 800, 1200, 1600]) : void 0;
+      const objectPosition = hotspotToObjectPosition(value);
+      return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "sonor-cms-figure", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src,
+            srcSet,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 1200px",
+            alt: value.alt || "",
+            className: "sonor-cms-img",
+            loading: "lazy",
+            style: objectPosition ? { objectPosition } : void 0
+          }
+        ),
+        value.caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "sonor-cms-figcaption", children: typeof value.caption === "string" ? value.caption : null })
+      ] });
+    }
+  }
+};
+function PortableTextRenderer({
+  value,
+  components: overrides,
+  className
+}) {
+  if (!value || !Array.isArray(value) || value.length === 0) return null;
+  const merged = overrides ? {
+    ...defaultComponents,
+    block: { ...defaultComponents.block, ...overrides.block },
+    marks: { ...defaultComponents.marks, ...overrides.marks },
+    types: { ...defaultComponents.types, ...overrides.types },
+    list: { ...defaultComponents.list, ...overrides.list },
+    listItem: { ...defaultComponents.listItem, ...overrides.listItem }
+  } : defaultComponents;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: className || "sonor-cms-content", children: /* @__PURE__ */ jsxRuntime.jsx(react.PortableText, { value, components: merged }) });
+}
+function HeroSection({ data, portableTextComponents }) {
+  const headline = data.headline;
+  const subheadline = data.subheadline;
+  const ctaText = data.ctaText;
+  const ctaLink = data.ctaLink;
+  const bgImage = data.backgroundImage;
+  const bgUrl = sanityImageUrl(bgImage, { width: 1920, quality: 80 });
+  const bgPosition = hotspotToObjectPosition(bgImage) || "50% 50%";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: "sonor-cms-hero",
+      style: bgUrl ? { backgroundImage: `url(${bgUrl})`, backgroundPosition: bgPosition, backgroundSize: "cover" } : void 0,
+      children: [
+        headline && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: headline, components: portableTextComponents, className: "sonor-cms-hero-headline" }),
+        subheadline && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: subheadline, components: portableTextComponents, className: "sonor-cms-hero-subheadline" }),
+        ctaText && ctaLink && /* @__PURE__ */ jsxRuntime.jsx("a", { href: ctaLink, className: "sonor-cms-hero-cta", children: ctaText })
+      ]
+    }
+  );
+}
+function RichTextSection({ data, portableTextComponents }) {
+  const content = data.content;
+  if (!content) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "sonor-cms-richtext", children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: content, components: portableTextComponents }) });
+}
+function CtaSection({ data, portableTextComponents }) {
+  const headline = data.headline;
+  const description = data.description;
+  const buttonText = data.buttonText;
+  const buttonLink = data.buttonLink;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "sonor-cms-cta", children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: headline, components: portableTextComponents, className: "sonor-cms-cta-headline" }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: description, components: portableTextComponents, className: "sonor-cms-cta-description" }),
+    buttonText && buttonLink && /* @__PURE__ */ jsxRuntime.jsx("a", { href: buttonLink, className: "sonor-cms-cta-button", children: buttonText })
+  ] });
+}
+function GallerySection({ data, portableTextComponents }) {
+  const images = data.images || [];
+  const layout = data.layout || "grid";
+  const caption = data.caption;
+  if (images.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "sonor-cms-gallery", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `sonor-cms-gallery-${layout}`, children: images.map((img, i) => {
+      const objectPosition = hotspotToObjectPosition(img);
+      return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: "sonor-cms-gallery-item", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: sanityImageUrl(img, { width: 800 }),
+          srcSet: sanityImageSrcSet(img, [400, 800, 1200]),
+          sizes: "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw",
+          alt: img.alt || "",
+          loading: "lazy",
+          style: objectPosition ? { objectPosition } : void 0
+        }
+      ) }, img.asset?._ref || i);
+    }) }),
+    caption && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: caption, components: portableTextComponents, className: "sonor-cms-gallery-caption" })
+  ] });
+}
+function TestimonialsSection({ data, portableTextComponents }) {
+  const items = data.items || [];
+  const layout = data.layout || "grid";
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `sonor-cms-testimonials sonor-cms-testimonials-${layout}`, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "sonor-cms-testimonial", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: item.quote, components: portableTextComponents, className: "sonor-cms-testimonial-quote" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "sonor-cms-testimonial-footer", children: [
+      item.avatar?.asset?._ref && /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: sanityImageUrl(item.avatar, { width: 80, height: 80, fit: "crop" }),
+          alt: item.avatar.alt || item.author,
+          className: "sonor-cms-testimonial-avatar",
+          width: 80,
+          height: 80,
+          loading: "lazy"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("cite", { className: "sonor-cms-testimonial-author", children: [
+        item.author,
+        item.role && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sonor-cms-testimonial-role", children: [
+          ", ",
+          item.role
+        ] })
+      ] })
+    ] })
+  ] }, i)) });
+}
+function FaqSection({ data, portableTextComponents }) {
+  const items = data.items || [];
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "sonor-cms-faq", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "sonor-cms-faq-item", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "sonor-cms-faq-question", children: item.question }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sonor-cms-faq-answer", children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: item.answer, components: portableTextComponents }) })
+  ] }, i)) });
+}
+function FormSection({ data, portableTextComponents }) {
+  const formSlug = data.formSlug;
+  const heading = data.heading;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "sonor-cms-form", children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx(PortableTextRenderer, { value: heading, components: portableTextComponents, className: "sonor-cms-form-heading" }),
+    formSlug ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "sonor-cms-form-embed",
+        "data-form-slug": formSlug
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sonor-cms-form-placeholder", children: "Form not configured" })
+  ] });
+}
+function CustomSection({ data, displayName }) {
+  const componentName = data.componentName;
+  data.props || {};
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "sonor-cms-custom", "data-component": componentName, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sonor-cms-custom-placeholder", children: [
+    "Custom component: ",
+    componentName || displayName
+  ] }) });
+}
+var defaultRenderers = {
+  hero: HeroSection,
+  richText: RichTextSection,
+  cta: CtaSection,
+  gallery: GallerySection,
+  testimonials: TestimonialsSection,
+  faq: FaqSection,
+  form: FormSection,
+  custom: CustomSection
+};
+function CmsSection({ section, sectionComponents, portableTextComponents }) {
+  const Renderer = sectionComponents?.[section.sectionType] || defaultRenderers[section.sectionType];
+  if (!Renderer) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(`@sonordev/cms: No renderer for section type: ${section.sectionType}`);
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `sonor-cms-section sonor-cms-section-${section.sectionType}`,
+      "data-section-id": section._id,
+      "data-section-type": section.sectionType,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Renderer,
+        {
+          data: section.data,
+          sectionType: section.sectionType,
+          displayName: section.displayName,
+          portableTextComponents
+        }
+      )
+    }
+  );
+}
+async function CmsPage({
+  path,
+  sectionComponents,
+  portableTextComponents,
+  fallback,
+  className
+}) {
+  const page = await chunkMG23BS36_js.getCmsPage(path);
+  if (!page) {
+    if (fallback) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+    return null;
+  }
+  if (!page.sections || page.sections.length === 0) {
+    if (fallback) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: className || "sonor-cms-page",
+      "data-cms-page-id": page._id,
+      "data-cms-path": page.path,
+      children: page.sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(
+        CmsSection,
+        {
+          section,
+          sectionComponents,
+          portableTextComponents
+        },
+        section._id
+      ))
+    }
+  );
+}
+function CmsPreview({
+  apiUrl = process.env.SONOR_API_URL || process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.sonor.io",
+  apiKey,
+  path,
+  pollInterval = 3e3,
+  sectionComponents,
+  portableTextComponents,
+  className
+}) {
+  const [page, setPage] = react$1.useState(null);
+  const [error, setError] = react$1.useState(null);
+  react$1.useEffect(() => {
+    let cancelled = false;
+    async function fetchPage() {
+      try {
+        const res = await fetch(`${apiUrl}/api/public/cms/page`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": apiKey
+          },
+          body: JSON.stringify({ path })
+        });
+        if (!res.ok) {
+          setError(`Error ${res.status}`);
+          return;
+        }
+        const data = await res.json();
+        if (!cancelled && data?.found && data.page) {
+          setPage(data.page);
+          setError(null);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError("Failed to load preview");
+        }
+      }
+    }
+    fetchPage();
+    if (pollInterval > 0) {
+      const interval = setInterval(fetchPage, pollInterval);
+      return () => {
+        cancelled = true;
+        clearInterval(interval);
+      };
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [apiUrl, apiKey, path, pollInterval]);
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sonor-cms-preview-error", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Preview error: ",
+      error
+    ] }) });
+  }
+  if (!page) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sonor-cms-preview-loading", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Loading preview..." }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: className || "sonor-cms-page sonor-cms-preview",
+      "data-cms-preview": "true",
+      "data-cms-path": page.path,
+      children: page.sections?.map((section) => /* @__PURE__ */ jsxRuntime.jsx(
+        CmsSection,
+        {
+          section,
+          sectionComponents,
+          portableTextComponents
+        },
+        section._id
+      ))
+    }
+  );
+}
+
+exports.CmsPage = CmsPage;
+exports.CmsPreview = CmsPreview;
+exports.CmsSection = CmsSection;
+exports.CtaSection = CtaSection;
+exports.CustomSection = CustomSection;
+exports.FaqSection = FaqSection;
+exports.FormSection = FormSection;
+exports.GallerySection = GallerySection;
+exports.HeroSection = HeroSection;
+exports.PortableTextRenderer = PortableTextRenderer;
+exports.RichTextSection = RichTextSection;
+exports.TestimonialsSection = TestimonialsSection;
+exports.configureSanityImages = configureSanityImages;
+exports.hotspotToObjectPosition = hotspotToObjectPosition;
+exports.sanityImageSrcSet = sanityImageSrcSet;
+exports.sanityImageUrl = sanityImageUrl;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map