@botlr/react 0.0.0-stage → 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,67 @@
+import React, { ComponentType } from 'react';
+import { PublisherScope, PageScope, LayoutNode, VisibilityRules } from '@botlr/sdk';
+export { BreadcrumbItem, GridColumn, GridContainerInstance, InlineSectionInstance, LayoutNode, PageScope, PublisherScope, SharedSectionInstance, VisibilityRules } from '@botlr/sdk';
+
+/**
+ * Props every section component receives from `SectionRenderer`, on top of
+ * the section's own props from the page layout.
+ */
+interface BaseSectionProps {
+    scope?: PublisherScope;
+    pageScope?: PageScope;
+    [key: string]: any;
+}
+/**
+ * A section component is a React component that accepts any props (at least
+ * `BaseSectionProps`, usually more).
+ */
+type SectionComponent = ComponentType<any>;
+/**
+ * Maps section type names (the `sectionType` of an inline layout node) to
+ * the React components that render them.
+ *
+ * ```ts
+ * const registry: ComponentRegistry = {
+ *   hero: Hero,
+ *   "text-block": TextBlock,
+ * };
+ * ```
+ */
+type ComponentRegistry = Record<string, SectionComponent>;
+
+interface SectionRendererProps {
+    section: LayoutNode;
+    componentRegistry: ComponentRegistry;
+    mode?: "draft" | "published";
+    onSectionClick?: (sectionId: string, sectionType: string) => void;
+    sharedSectionsData?: Map<string, any>;
+    scope?: PublisherScope;
+    pageScope?: PageScope;
+    fromTemplate?: boolean;
+}
+declare function SectionRenderer({ section, componentRegistry, mode, onSectionClick, sharedSectionsData, scope, pageScope, fromTemplate, }: SectionRendererProps): React.JSX.Element | null;
+
+/**
+ * Visibility evaluation utilities for layout nodes. Framework-agnostic: no
+ * React import, so the same logic can back other renderers.
+ */
+
+interface VisibilityContext {
+    pageId?: string;
+    currentPath?: string;
+    docType?: string;
+    locale: string;
+    environment?: string;
+    userRoles?: string[];
+}
+interface VisibleNode {
+    visibility?: VisibilityRules[];
+    type?: string;
+    columns?: Array<{
+        sections: VisibleNode[];
+    }>;
+}
+declare function shouldShowNode(node: VisibleNode, context: VisibilityContext): boolean;
+declare function filterVisibleNodesRecursive<T extends VisibleNode>(nodes: T[], context: VisibilityContext): T[];
+
+export { type BaseSectionProps, type ComponentRegistry, type SectionComponent, SectionRenderer, type SectionRendererProps, type VisibilityContext, filterVisibleNodesRecursive, shouldShowNode };

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+import React, { ComponentType } from 'react';
+import { PublisherScope, PageScope, LayoutNode, VisibilityRules } from '@botlr/sdk';
+export { BreadcrumbItem, GridColumn, GridContainerInstance, InlineSectionInstance, LayoutNode, PageScope, PublisherScope, SharedSectionInstance, VisibilityRules } from '@botlr/sdk';
+
+/**
+ * Props every section component receives from `SectionRenderer`, on top of
+ * the section's own props from the page layout.
+ */
+interface BaseSectionProps {
+    scope?: PublisherScope;
+    pageScope?: PageScope;
+    [key: string]: any;
+}
+/**
+ * A section component is a React component that accepts any props (at least
+ * `BaseSectionProps`, usually more).
+ */
+type SectionComponent = ComponentType<any>;
+/**
+ * Maps section type names (the `sectionType` of an inline layout node) to
+ * the React components that render them.
+ *
+ * ```ts
+ * const registry: ComponentRegistry = {
+ *   hero: Hero,
+ *   "text-block": TextBlock,
+ * };
+ * ```
+ */
+type ComponentRegistry = Record<string, SectionComponent>;
+
+interface SectionRendererProps {
+    section: LayoutNode;
+    componentRegistry: ComponentRegistry;
+    mode?: "draft" | "published";
+    onSectionClick?: (sectionId: string, sectionType: string) => void;
+    sharedSectionsData?: Map<string, any>;
+    scope?: PublisherScope;
+    pageScope?: PageScope;
+    fromTemplate?: boolean;
+}
+declare function SectionRenderer({ section, componentRegistry, mode, onSectionClick, sharedSectionsData, scope, pageScope, fromTemplate, }: SectionRendererProps): React.JSX.Element | null;
+
+/**
+ * Visibility evaluation utilities for layout nodes. Framework-agnostic: no
+ * React import, so the same logic can back other renderers.
+ */
+
+interface VisibilityContext {
+    pageId?: string;
+    currentPath?: string;
+    docType?: string;
+    locale: string;
+    environment?: string;
+    userRoles?: string[];
+}
+interface VisibleNode {
+    visibility?: VisibilityRules[];
+    type?: string;
+    columns?: Array<{
+        sections: VisibleNode[];
+    }>;
+}
+declare function shouldShowNode(node: VisibleNode, context: VisibilityContext): boolean;
+declare function filterVisibleNodesRecursive<T extends VisibleNode>(nodes: T[], context: VisibilityContext): T[];
+
+export { type BaseSectionProps, type ComponentRegistry, type SectionComponent, SectionRenderer, type SectionRendererProps, type VisibilityContext, filterVisibleNodesRecursive, shouldShowNode };

package/dist/index.js

@@ -0,0 +1,469 @@
+// src/components/SectionRenderer.tsx
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var colSpanClasses = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6",
+  7: "col-span-7",
+  8: "col-span-8",
+  9: "col-span-9",
+  10: "col-span-10",
+  11: "col-span-11",
+  12: "col-span-12"
+};
+var mdColSpanClasses = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "md:col-span-3",
+  4: "md:col-span-4",
+  5: "md:col-span-5",
+  6: "md:col-span-6",
+  7: "md:col-span-7",
+  8: "md:col-span-8",
+  9: "md:col-span-9",
+  10: "md:col-span-10",
+  11: "md:col-span-11",
+  12: "md:col-span-12"
+};
+var lgColSpanClasses = {
+  1: "lg:col-span-1",
+  2: "lg:col-span-2",
+  3: "lg:col-span-3",
+  4: "lg:col-span-4",
+  5: "lg:col-span-5",
+  6: "lg:col-span-6",
+  7: "lg:col-span-7",
+  8: "lg:col-span-8",
+  9: "lg:col-span-9",
+  10: "lg:col-span-10",
+  11: "lg:col-span-11",
+  12: "lg:col-span-12"
+};
+var gapClasses = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  7: "gap-7",
+  8: "gap-8",
+  9: "gap-9",
+  10: "gap-10",
+  11: "gap-11",
+  12: "gap-12"
+};
+var mdGapClasses = {
+  0: "md:gap-0",
+  1: "md:gap-1",
+  2: "md:gap-2",
+  3: "md:gap-3",
+  4: "md:gap-4",
+  5: "md:gap-5",
+  6: "md:gap-6",
+  7: "md:gap-7",
+  8: "md:gap-8",
+  9: "md:gap-9",
+  10: "md:gap-10",
+  11: "md:gap-11",
+  12: "md:gap-12"
+};
+var lgGapClasses = {
+  0: "lg:gap-0",
+  1: "lg:gap-1",
+  2: "lg:gap-2",
+  3: "lg:gap-3",
+  4: "lg:gap-4",
+  5: "lg:gap-5",
+  6: "lg:gap-6",
+  7: "lg:gap-7",
+  8: "lg:gap-8",
+  9: "lg:gap-9",
+  10: "lg:gap-10",
+  11: "lg:gap-11",
+  12: "lg:gap-12"
+};
+function pushClass(classes, value) {
+  if (value) classes.push(value);
+}
+function getColumnClasses(span, hideOnMobile, hideOnTablet, hideOnDesktop) {
+  const classes = [];
+  pushClass(classes, colSpanClasses[span.mobile]);
+  if (span.tablet !== void 0) pushClass(classes, mdColSpanClasses[span.tablet]);
+  if (span.desktop !== void 0) pushClass(classes, lgColSpanClasses[span.desktop]);
+  if (hideOnMobile) {
+    classes.push("hidden md:block");
+  }
+  if (hideOnTablet) {
+    classes.push("md:hidden lg:block");
+  }
+  if (hideOnDesktop) {
+    classes.push("lg:hidden");
+  }
+  return classes.join(" ");
+}
+function getGapClasses(gap) {
+  if (!gap) return "gap-6";
+  const classes = [];
+  if (gap.mobile !== void 0) pushClass(classes, gapClasses[gap.mobile]);
+  if (gap.tablet !== void 0) pushClass(classes, mdGapClasses[gap.tablet]);
+  if (gap.desktop !== void 0) pushClass(classes, lgGapClasses[gap.desktop]);
+  return classes.join(" ") || "gap-6";
+}
+var maxWidthClasses = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl",
+  "3xl": "max-w-3xl",
+  "4xl": "max-w-4xl",
+  "5xl": "max-w-5xl",
+  "6xl": "max-w-6xl",
+  "7xl": "max-w-7xl",
+  full: "max-w-full",
+  none: ""
+};
+var paddingXClasses = {
+  none: "px-0",
+  xs: "px-2",
+  sm: "px-4",
+  md: "px-6",
+  lg: "px-8",
+  xl: "px-10",
+  "2xl": "px-12"
+};
+var paddingYClasses = {
+  none: "py-0",
+  xs: "py-2",
+  sm: "py-4",
+  md: "py-6",
+  lg: "py-8",
+  xl: "py-10",
+  "2xl": "py-12"
+};
+var marginXClasses = {
+  none: "mx-0",
+  xs: "mx-2",
+  sm: "mx-4",
+  md: "mx-6",
+  lg: "mx-8",
+  xl: "mx-10",
+  "2xl": "mx-12",
+  auto: "mx-auto"
+};
+var marginYClasses = {
+  none: "my-0",
+  xs: "my-2",
+  sm: "my-4",
+  md: "my-6",
+  lg: "my-8",
+  xl: "my-10",
+  "2xl": "my-12"
+};
+var borderRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  full: "rounded-full"
+};
+var shadowClasses = {
+  none: "shadow-none",
+  sm: "shadow-sm",
+  md: "shadow-md",
+  lg: "shadow-lg",
+  xl: "shadow-xl",
+  "2xl": "shadow-2xl"
+};
+var alignItemsClasses = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+};
+var justifyContentClasses = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+function SectionRenderer({
+  section,
+  componentRegistry,
+  mode = "published",
+  onSectionClick,
+  sharedSectionsData,
+  scope,
+  pageScope,
+  fromTemplate = false
+}) {
+  if ("type" in section && section.type === "grid-container") {
+    const gridSection = section;
+    if (mode === "published" && gridSection.status === "draft") {
+      return null;
+    }
+    const gridClasses = [
+      "grid",
+      "grid-cols-12",
+      getGapClasses(gridSection.gap),
+      gridSection.alignItems ? alignItemsClasses[gridSection.alignItems] : "",
+      gridSection.justifyContent ? justifyContentClasses[gridSection.justifyContent] : ""
+    ].filter(Boolean).join(" ");
+    if (gridSection.fullWidthBackground && gridSection.background) {
+      const outerClasses = [
+        "w-full",
+        gridSection.background || "",
+        gridSection.paddingY ? paddingYClasses[gridSection.paddingY] : "",
+        gridSection.marginY ? marginYClasses[gridSection.marginY] : "",
+        gridSection.border ? "border-y border-gray-200" : ""
+      ].filter(Boolean).join(" ");
+      const innerClasses = [
+        gridSection.maxWidth ? maxWidthClasses[gridSection.maxWidth] : "",
+        gridSection.paddingX ? paddingXClasses[gridSection.paddingX] : "",
+        gridSection.marginX ? marginXClasses[gridSection.marginX] : "mx-auto",
+        gridSection.borderRadius ? borderRadiusClasses[gridSection.borderRadius] : "",
+        gridSection.shadow ? shadowClasses[gridSection.shadow] : ""
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ jsx("div", { className: outerClasses, "data-grid-id": gridSection._key, children: /* @__PURE__ */ jsx("div", { className: innerClasses, children: /* @__PURE__ */ jsx("div", { className: gridClasses, children: gridSection.columns.map((column, columnIndex) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getColumnClasses(
+            column.span,
+            column.hideOnMobile,
+            column.hideOnTablet,
+            column.hideOnDesktop
+          ),
+          children: column.sections.map((nestedSection) => /* @__PURE__ */ jsx(
+            SectionRenderer,
+            {
+              section: nestedSection,
+              componentRegistry,
+              mode,
+              onSectionClick,
+              fromTemplate,
+              sharedSectionsData,
+              scope,
+              pageScope
+            },
+            nestedSection._key
+          ))
+        },
+        `${gridSection._key}-col-${columnIndex}`
+      )) }) }) });
+    }
+    const containerClasses = [
+      gridSection.maxWidth ? maxWidthClasses[gridSection.maxWidth] : "",
+      gridSection.paddingX ? paddingXClasses[gridSection.paddingX] : "",
+      gridSection.paddingY ? paddingYClasses[gridSection.paddingY] : "",
+      gridSection.marginX ? marginXClasses[gridSection.marginX] : "",
+      gridSection.marginY ? marginYClasses[gridSection.marginY] : "",
+      gridSection.background || "",
+      gridSection.border ? "border border-gray-200" : "",
+      gridSection.borderRadius ? borderRadiusClasses[gridSection.borderRadius] : "",
+      gridSection.shadow ? shadowClasses[gridSection.shadow] : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: containerClasses || "w-full",
+        "data-grid-id": gridSection._key,
+        children: /* @__PURE__ */ jsx("div", { className: gridClasses, children: gridSection.columns.map((column, columnIndex) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: getColumnClasses(
+              column.span,
+              column.hideOnMobile,
+              column.hideOnTablet,
+              column.hideOnDesktop
+            ),
+            children: column.sections.map((nestedSection) => /* @__PURE__ */ jsx(
+              SectionRenderer,
+              {
+                section: nestedSection,
+                componentRegistry,
+                mode,
+                onSectionClick,
+                fromTemplate,
+                sharedSectionsData,
+                scope,
+                pageScope
+              },
+              nestedSection._key
+            ))
+          },
+          `${gridSection._key}-col-${columnIndex}`
+        )) })
+      }
+    );
+  }
+  if ("mode" in section && section.mode === "inline") {
+    const inlineSection = section;
+    if (mode === "published" && inlineSection.status === "draft") {
+      return null;
+    }
+    const Component = componentRegistry[inlineSection.sectionType];
+    if (!Component) {
+      return /* @__PURE__ */ jsxs("div", { className: "unknown-section p-8 bg-red-50 border border-red-200 rounded text-center", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-red-600 font-semibold", children: [
+          "Unknown section type: ",
+          inlineSection.sectionType
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-red-500 mt-2", children: "Component not found in registry. Make sure it's registered in your app." })
+      ] });
+    }
+    const handleClick = onSectionClick ? (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onSectionClick(inlineSection._key, inlineSection.sectionType);
+    } : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-section-id": inlineSection._key,
+        "data-section-type": inlineSection.sectionType,
+        "data-from-template": fromTemplate || void 0,
+        onClick: handleClick,
+        className: onSectionClick ? "cursor-pointer hover:ring-2 hover:ring-primary" : void 0,
+        children: /* @__PURE__ */ jsx(
+          Component,
+          {
+            ...inlineSection.props || {},
+            scope,
+            pageScope
+          }
+        )
+      }
+    );
+  }
+  if ("mode" in section && section.mode === "shared") {
+    const sharedSection = section;
+    const sharedSections = sharedSectionsData?.get(
+      sharedSection.sharedSectionId
+    );
+    if (!sharedSections) {
+      return /* @__PURE__ */ jsxs("div", { className: "shared-section-not-found p-8 border-2 border-dashed border-yellow-300 text-center text-yellow-700", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Shared Section Not Found" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm mt-2", children: [
+          "ID: ",
+          sharedSection.sharedSectionId
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-section-id": sharedSection._key,
+        "data-shared-section-id": sharedSection.sharedSectionId,
+        children: Array.isArray(sharedSections) && sharedSections.map((sharedSectionData, index) => {
+          let finalSection = sharedSectionData;
+          if (index === 0 && "mode" in sharedSectionData && sharedSectionData.mode === "inline" && sharedSection.overrides) {
+            finalSection = {
+              ...sharedSectionData,
+              props: {
+                ...sharedSectionData.props,
+                ...sharedSection.overrides
+              }
+            };
+          }
+          return /* @__PURE__ */ jsx(
+            SectionRenderer,
+            {
+              section: finalSection,
+              componentRegistry,
+              mode,
+              onSectionClick,
+              sharedSectionsData,
+              scope,
+              pageScope,
+              fromTemplate
+            },
+            `${sharedSection.sharedSectionId}-${index}`
+          );
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "invalid-section p-8 bg-yellow-50 border border-yellow-200 rounded text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-yellow-700", children: "Invalid section format" }),
+    /* @__PURE__ */ jsx("pre", { className: "text-xs mt-2 text-left", children: JSON.stringify(section, null, 2) })
+  ] });
+}
+
+// src/lib/visibility-evaluator.ts
+function shouldShowNode(node, context) {
+  if (!node.visibility || node.visibility.length === 0) return true;
+  const rules = node.visibility.find((r) => r.locale === context.locale);
+  if (!rules) return true;
+  const hasIncludeRules = rules.includePages && rules.includePages.length > 0 || rules.includePatterns && rules.includePatterns.length > 0 || rules.includeDocTypes && rules.includeDocTypes.length > 0 || rules.includeEnvironments && rules.includeEnvironments.length > 0 || rules.requireRoles && rules.requireRoles.length > 0;
+  const hasExcludeRules = rules.excludePages && rules.excludePages.length > 0 || rules.excludePatterns && rules.excludePatterns.length > 0 || rules.excludeDocTypes && rules.excludeDocTypes.length > 0 || rules.excludeEnvironments && rules.excludeEnvironments.length > 0 || rules.excludeRoles && rules.excludeRoles.length > 0;
+  if (!hasIncludeRules && !hasExcludeRules) return true;
+  if (hasExcludeRules) {
+    if (context.pageId && rules.excludePages?.includes(context.pageId)) return false;
+    if (context.currentPath && rules.excludePatterns) {
+      if (matchesAnyPattern(context.currentPath, rules.excludePatterns)) return false;
+    }
+    if (context.docType && rules.excludeDocTypes?.includes(context.docType)) return false;
+    if (context.environment && rules.excludeEnvironments?.includes(context.environment)) return false;
+    if (context.userRoles && rules.excludeRoles) {
+      if (hasAnyRole(context.userRoles, rules.excludeRoles)) return false;
+    }
+  }
+  if (hasIncludeRules) {
+    let matchedInclude = false;
+    if (context.pageId && rules.includePages?.includes(context.pageId)) matchedInclude = true;
+    if (!matchedInclude && context.currentPath && rules.includePatterns) {
+      if (matchesAnyPattern(context.currentPath, rules.includePatterns)) matchedInclude = true;
+    }
+    if (!matchedInclude && context.docType && rules.includeDocTypes?.includes(context.docType)) matchedInclude = true;
+    if (!matchedInclude && context.environment && rules.includeEnvironments?.includes(context.environment)) matchedInclude = true;
+    if (!matchedInclude && context.userRoles && rules.requireRoles) {
+      if (hasAnyRole(context.userRoles, rules.requireRoles)) matchedInclude = true;
+    }
+    if (!matchedInclude) return false;
+  }
+  return true;
+}
+function filterVisibleNodesRecursive(nodes, context) {
+  return nodes.filter((node) => shouldShowNode(node, context)).map((node) => {
+    if (node.type === "grid-container" && Array.isArray(node.columns)) {
+      return {
+        ...node,
+        columns: node.columns.map((col) => ({
+          ...col,
+          sections: filterVisibleNodesRecursive(col.sections, context)
+        }))
+      };
+    }
+    return node;
+  });
+}
+function matchesAnyPattern(path, patterns) {
+  return patterns.some((pattern) => matchesPattern(path, pattern));
+}
+function matchesPattern(path, pattern) {
+  const normalizedPath = path.replace(/\/$/, "") || "/";
+  const normalizedPattern = pattern.replace(/\/$/, "") || "/";
+  if (normalizedPath === normalizedPattern) return true;
+  let regexPattern = normalizedPattern.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*\*/g, "___DOUBLE_WILDCARD___").replace(/\*/g, "[^/]+").replace(/___DOUBLE_WILDCARD___/g, ".*");
+  regexPattern = `^${regexPattern}$`;
+  return new RegExp(regexPattern).test(normalizedPath);
+}
+function hasAnyRole(userRoles, requiredRoles) {
+  return requiredRoles.some((role) => userRoles.includes(role));
+}
+export {
+  SectionRenderer,
+  filterVisibleNodesRecursive,
+  shouldShowNode
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SectionRenderer.tsx","../src/lib/visibility-evaluator.ts"],"sourcesContent":["import React from \"react\";\nimport type {\n  GridContainerInstance,\n  InlineSectionInstance,\n  LayoutNode,\n  PageScope,\n  PublisherScope,\n  ResponsiveGap,\n  ResponsiveSpan,\n  SharedSectionInstance,\n} from \"@botlr/sdk\";\nimport type { ComponentRegistry } from \"../types/component-registry\";\n\nexport interface SectionRendererProps {\n  section: LayoutNode;\n  componentRegistry: ComponentRegistry; // Components provided by the consuming app\n  mode?: \"draft\" | \"published\";\n  onSectionClick?: (sectionId: string, sectionType: string) => void;\n  sharedSectionsData?: Map<string, any>; // Maps shared section ID to complete section data\n  scope?: PublisherScope; // Publisher scope for building asset URLs\n  pageScope?: PageScope; // Optional page scope for context\n  fromTemplate?: boolean; // Whether this section comes from a page template\n}\n\n// Static class mappings for Tailwind JIT compiler\nconst colSpanClasses: Record<number, string> = {\n  1: \"col-span-1\",\n  2: \"col-span-2\",\n  3: \"col-span-3\",\n  4: \"col-span-4\",\n  5: \"col-span-5\",\n  6: \"col-span-6\",\n  7: \"col-span-7\",\n  8: \"col-span-8\",\n  9: \"col-span-9\",\n  10: \"col-span-10\",\n  11: \"col-span-11\",\n  12: \"col-span-12\",\n};\n\nconst mdColSpanClasses: Record<number, string> = {\n  1: \"md:col-span-1\",\n  2: \"md:col-span-2\",\n  3: \"md:col-span-3\",\n  4: \"md:col-span-4\",\n  5: \"md:col-span-5\",\n  6: \"md:col-span-6\",\n  7: \"md:col-span-7\",\n  8: \"md:col-span-8\",\n  9: \"md:col-span-9\",\n  10: \"md:col-span-10\",\n  11: \"md:col-span-11\",\n  12: \"md:col-span-12\",\n};\n\nconst lgColSpanClasses: Record<number, string> = {\n  1: \"lg:col-span-1\",\n  2: \"lg:col-span-2\",\n  3: \"lg:col-span-3\",\n  4: \"lg:col-span-4\",\n  5: \"lg:col-span-5\",\n  6: \"lg:col-span-6\",\n  7: \"lg:col-span-7\",\n  8: \"lg:col-span-8\",\n  9: \"lg:col-span-9\",\n  10: \"lg:col-span-10\",\n  11: \"lg:col-span-11\",\n  12: \"lg:col-span-12\",\n};\n\nconst gapClasses: Record<number, string> = {\n  0: \"gap-0\",\n  1: \"gap-1\",\n  2: \"gap-2\",\n  3: \"gap-3\",\n  4: \"gap-4\",\n  5: \"gap-5\",\n  6: \"gap-6\",\n  7: \"gap-7\",\n  8: \"gap-8\",\n  9: \"gap-9\",\n  10: \"gap-10\",\n  11: \"gap-11\",\n  12: \"gap-12\",\n};\n\nconst mdGapClasses: Record<number, string> = {\n  0: \"md:gap-0\",\n  1: \"md:gap-1\",\n  2: \"md:gap-2\",\n  3: \"md:gap-3\",\n  4: \"md:gap-4\",\n  5: \"md:gap-5\",\n  6: \"md:gap-6\",\n  7: \"md:gap-7\",\n  8: \"md:gap-8\",\n  9: \"md:gap-9\",\n  10: \"md:gap-10\",\n  11: \"md:gap-11\",\n  12: \"md:gap-12\",\n};\n\nconst lgGapClasses: Record<number, string> = {\n  0: \"lg:gap-0\",\n  1: \"lg:gap-1\",\n  2: \"lg:gap-2\",\n  3: \"lg:gap-3\",\n  4: \"lg:gap-4\",\n  5: \"lg:gap-5\",\n  6: \"lg:gap-6\",\n  7: \"lg:gap-7\",\n  8: \"lg:gap-8\",\n  9: \"lg:gap-9\",\n  10: \"lg:gap-10\",\n  11: \"lg:gap-11\",\n  12: \"lg:gap-12\",\n};\n\nfunction pushClass(classes: string[], value: string | undefined): void {\n  if (value) classes.push(value);\n}\n\n// Helper function to generate responsive column classes\nfunction getColumnClasses(\n  span: ResponsiveSpan,\n  hideOnMobile?: boolean,\n  hideOnTablet?: boolean,\n  hideOnDesktop?: boolean,\n): string {\n  const classes: string[] = [];\n\n  pushClass(classes, colSpanClasses[span.mobile]);\n  if (span.tablet !== undefined) pushClass(classes, mdColSpanClasses[span.tablet]);\n  if (span.desktop !== undefined) pushClass(classes, lgColSpanClasses[span.desktop]);\n\n  // Responsive visibility\n  if (hideOnMobile) {\n    classes.push(\"hidden md:block\");\n  }\n  if (hideOnTablet) {\n    classes.push(\"md:hidden lg:block\");\n  }\n  if (hideOnDesktop) {\n    classes.push(\"lg:hidden\");\n  }\n\n  return classes.join(\" \");\n}\n\n// Helper function to get gap classes\nfunction getGapClasses(gap?: ResponsiveGap): string {\n  if (!gap) return \"gap-6\"; // Default gap\n\n  const classes: string[] = [];\n  if (gap.mobile !== undefined) pushClass(classes, gapClasses[gap.mobile]);\n  if (gap.tablet !== undefined) pushClass(classes, mdGapClasses[gap.tablet]);\n  if (gap.desktop !== undefined) pushClass(classes, lgGapClasses[gap.desktop]);\n\n  return classes.join(\" \") || \"gap-6\";\n}\n\n// Utility class maps for container styling\nconst maxWidthClasses: Record<string, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  \"2xl\": \"max-w-2xl\",\n  \"3xl\": \"max-w-3xl\",\n  \"4xl\": \"max-w-4xl\",\n  \"5xl\": \"max-w-5xl\",\n  \"6xl\": \"max-w-6xl\",\n  \"7xl\": \"max-w-7xl\",\n  full: \"max-w-full\",\n  none: \"\",\n};\n\nconst paddingXClasses: Record<string, string> = {\n  none: \"px-0\",\n  xs: \"px-2\",\n  sm: \"px-4\",\n  md: \"px-6\",\n  lg: \"px-8\",\n  xl: \"px-10\",\n  \"2xl\": \"px-12\",\n};\n\nconst paddingYClasses: Record<string, string> = {\n  none: \"py-0\",\n  xs: \"py-2\",\n  sm: \"py-4\",\n  md: \"py-6\",\n  lg: \"py-8\",\n  xl: \"py-10\",\n  \"2xl\": \"py-12\",\n};\n\nconst marginXClasses: Record<string, string> = {\n  none: \"mx-0\",\n  xs: \"mx-2\",\n  sm: \"mx-4\",\n  md: \"mx-6\",\n  lg: \"mx-8\",\n  xl: \"mx-10\",\n  \"2xl\": \"mx-12\",\n  auto: \"mx-auto\",\n};\n\nconst marginYClasses: Record<string, string> = {\n  none: \"my-0\",\n  xs: \"my-2\",\n  sm: \"my-4\",\n  md: \"my-6\",\n  lg: \"my-8\",\n  xl: \"my-10\",\n  \"2xl\": \"my-12\",\n};\n\nconst borderRadiusClasses: Record<string, string> = {\n  none: \"rounded-none\",\n  sm: \"rounded-sm\",\n  md: \"rounded-md\",\n  lg: \"rounded-lg\",\n  xl: \"rounded-xl\",\n  \"2xl\": \"rounded-2xl\",\n  full: \"rounded-full\",\n};\n\nconst shadowClasses: Record<string, string> = {\n  none: \"shadow-none\",\n  sm: \"shadow-sm\",\n  md: \"shadow-md\",\n  lg: \"shadow-lg\",\n  xl: \"shadow-xl\",\n  \"2xl\": \"shadow-2xl\",\n};\n\nconst alignItemsClasses: Record<string, string> = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n};\n\nconst justifyContentClasses: Record<string, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n};\n\nexport function SectionRenderer({\n  section,\n  componentRegistry,\n  mode = \"published\",\n  onSectionClick,\n  sharedSectionsData,\n  scope,\n  pageScope,\n  fromTemplate = false,\n}: SectionRendererProps) {\n  // Handle grid containers\n  if (\"type\" in section && section.type === \"grid-container\") {\n    const gridSection = section as GridContainerInstance;\n\n    // Check if section should be visible based on mode and status\n    if (mode === \"published\" && gridSection.status === \"draft\") {\n      return null; // Don't render draft sections in published mode\n    }\n\n    // Build grid classes\n    const gridClasses = [\n      \"grid\",\n      \"grid-cols-12\",\n      getGapClasses(gridSection.gap),\n      gridSection.alignItems ? alignItemsClasses[gridSection.alignItems] : \"\",\n      gridSection.justifyContent\n        ? justifyContentClasses[gridSection.justifyContent]\n        : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    // Full-width background rendering\n    if (gridSection.fullWidthBackground && gridSection.background) {\n      const outerClasses = [\n        \"w-full\",\n        gridSection.background || \"\",\n        gridSection.paddingY ? paddingYClasses[gridSection.paddingY] : \"\",\n        gridSection.marginY ? marginYClasses[gridSection.marginY] : \"\",\n        gridSection.border ? \"border-y border-gray-200\" : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n      const innerClasses = [\n        gridSection.maxWidth ? maxWidthClasses[gridSection.maxWidth] : \"\",\n        gridSection.paddingX ? paddingXClasses[gridSection.paddingX] : \"\",\n        gridSection.marginX ? marginXClasses[gridSection.marginX] : \"mx-auto\",\n        gridSection.borderRadius\n          ? borderRadiusClasses[gridSection.borderRadius]\n          : \"\",\n        gridSection.shadow ? shadowClasses[gridSection.shadow] : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n      return (\n        <div className={outerClasses} data-grid-id={gridSection._key}>\n          <div className={innerClasses}>\n            <div className={gridClasses}>\n              {gridSection.columns.map((column, columnIndex) => (\n                <div\n                  key={`${gridSection._key}-col-${columnIndex}`}\n                  className={getColumnClasses(\n                    column.span,\n                    column.hideOnMobile,\n                    column.hideOnTablet,\n                    column.hideOnDesktop,\n                  )}\n                >\n                  {/* Recursively render sections within the column */}\n                  {column.sections.map((nestedSection) => (\n                    <SectionRenderer\n                      key={nestedSection._key}\n                      section={nestedSection}\n                      componentRegistry={componentRegistry}\n                      mode={mode}\n                      onSectionClick={onSectionClick}\n                      fromTemplate={fromTemplate}\n                      sharedSectionsData={sharedSectionsData}\n                      scope={scope}\n                      pageScope={pageScope}\n                    />\n                  ))}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    // Standard rendering (no full-width background)\n    const containerClasses = [\n      gridSection.maxWidth ? maxWidthClasses[gridSection.maxWidth] : \"\",\n      gridSection.paddingX ? paddingXClasses[gridSection.paddingX] : \"\",\n      gridSection.paddingY ? paddingYClasses[gridSection.paddingY] : \"\",\n      gridSection.marginX ? marginXClasses[gridSection.marginX] : \"\",\n      gridSection.marginY ? marginYClasses[gridSection.marginY] : \"\",\n      gridSection.background || \"\",\n      gridSection.border ? \"border border-gray-200\" : \"\",\n      gridSection.borderRadius\n        ? borderRadiusClasses[gridSection.borderRadius]\n        : \"\",\n      gridSection.shadow ? shadowClasses[gridSection.shadow] : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    return (\n      <div\n        className={containerClasses || \"w-full\"}\n        data-grid-id={gridSection._key}\n      >\n        <div className={gridClasses}>\n          {gridSection.columns.map((column, columnIndex) => (\n            <div\n              key={`${gridSection._key}-col-${columnIndex}`}\n              className={getColumnClasses(\n                column.span,\n                column.hideOnMobile,\n                column.hideOnTablet,\n                column.hideOnDesktop,\n              )}\n            >\n              {/* Recursively render sections within the column */}\n              {column.sections.map((nestedSection) => (\n                <SectionRenderer\n                  key={nestedSection._key}\n                  section={nestedSection}\n                  componentRegistry={componentRegistry}\n                  mode={mode}\n                  onSectionClick={onSectionClick}\n                  fromTemplate={fromTemplate}\n                  sharedSectionsData={sharedSectionsData}\n                  scope={scope}\n                  pageScope={pageScope}\n                />\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  // Handle inline sections\n  if (\"mode\" in section && section.mode === \"inline\") {\n    const inlineSection = section as InlineSectionInstance;\n\n    // Check if section should be visible\n    if (mode === \"published\" && inlineSection.status === \"draft\") {\n      return null;\n    }\n\n    const Component = componentRegistry[inlineSection.sectionType];\n\n    if (!Component) {\n      return (\n        <div className=\"unknown-section p-8 bg-red-50 border border-red-200 rounded text-center\">\n          <p className=\"text-red-600 font-semibold\">\n            Unknown section type: {inlineSection.sectionType}\n          </p>\n          <p className=\"text-sm text-red-500 mt-2\">\n            Component not found in registry. Make sure it's registered in your\n            app.\n          </p>\n        </div>\n      );\n    }\n\n    const handleClick = onSectionClick\n      ? (e: React.MouseEvent) => {\n          e.preventDefault();\n          e.stopPropagation();\n          onSectionClick(inlineSection._key, inlineSection.sectionType);\n        }\n      : undefined;\n\n    return (\n      <div\n        data-section-id={inlineSection._key}\n        data-section-type={inlineSection.sectionType}\n        data-from-template={fromTemplate || undefined}\n        onClick={handleClick}\n        className={\n          onSectionClick\n            ? \"cursor-pointer hover:ring-2 hover:ring-primary\"\n            : undefined\n        }\n      >\n        <Component\n          {...(inlineSection.props || {})}\n          scope={scope}\n          pageScope={pageScope}\n        />\n      </div>\n    );\n  }\n\n  // Handle shared sections\n  if (\"mode\" in section && section.mode === \"shared\") {\n    const sharedSection = section as SharedSectionInstance;\n\n    // Get all sections from the shared section (array of sections)\n    const sharedSections = sharedSectionsData?.get(\n      sharedSection.sharedSectionId,\n    );\n\n    if (!sharedSections) {\n      return (\n        <div className=\"shared-section-not-found p-8 border-2 border-dashed border-yellow-300 text-center text-yellow-700\">\n          <p className=\"font-semibold\">Shared Section Not Found</p>\n          <p className=\"text-sm mt-2\">ID: {sharedSection.sharedSectionId}</p>\n        </div>\n      );\n    }\n\n    // Render all sections from the shared section\n    return (\n      <div\n        data-section-id={sharedSection._key}\n        data-shared-section-id={sharedSection.sharedSectionId}\n      >\n        {Array.isArray(sharedSections) &&\n          sharedSections.map((sharedSectionData, index) => {\n            // Apply overrides to the first section if it's an inline section\n            let finalSection = sharedSectionData;\n            if (\n              index === 0 &&\n              \"mode\" in sharedSectionData &&\n              sharedSectionData.mode === \"inline\" &&\n              sharedSection.overrides\n            ) {\n              // Merge overrides with inline section props\n              finalSection = {\n                ...sharedSectionData,\n                props: {\n                  ...sharedSectionData.props,\n                  ...sharedSection.overrides,\n                },\n              };\n            }\n\n            return (\n              <SectionRenderer\n                key={`${sharedSection.sharedSectionId}-${index}`}\n                section={finalSection}\n                componentRegistry={componentRegistry}\n                mode={mode}\n                onSectionClick={onSectionClick}\n                sharedSectionsData={sharedSectionsData}\n                scope={scope}\n                pageScope={pageScope}\n                fromTemplate={fromTemplate}\n              />\n            );\n          })}\n      </div>\n    );\n  }\n\n  // Unknown section format\n  return (\n    <div className=\"invalid-section p-8 bg-yellow-50 border border-yellow-200 rounded text-center\">\n      <p className=\"text-yellow-700\">Invalid section format</p>\n      <pre className=\"text-xs mt-2 text-left\">\n        {JSON.stringify(section, null, 2)}\n      </pre>\n    </div>\n  );\n}\n","/**\n * Visibility evaluation utilities for layout nodes. Framework-agnostic: no\n * React import, so the same logic can back other renderers.\n */\n\nimport type { VisibilityRules } from \"@botlr/sdk\";\n\nexport type { VisibilityRules };\n\nexport interface VisibilityContext {\n  pageId?: string;\n  currentPath?: string;\n  docType?: string;\n  locale: string;\n  environment?: string;\n  userRoles?: string[];\n}\n\ninterface VisibleNode {\n  visibility?: VisibilityRules[];\n  type?: string;\n  columns?: Array<{ sections: VisibleNode[] }>;\n}\n\nexport function shouldShowNode(node: VisibleNode, context: VisibilityContext): boolean {\n  if (!node.visibility || node.visibility.length === 0) return true;\n\n  const rules = node.visibility.find((r) => r.locale === context.locale);\n  if (!rules) return true;\n\n  const hasIncludeRules =\n    (rules.includePages && rules.includePages.length > 0) ||\n    (rules.includePatterns && rules.includePatterns.length > 0) ||\n    (rules.includeDocTypes && rules.includeDocTypes.length > 0) ||\n    (rules.includeEnvironments && rules.includeEnvironments.length > 0) ||\n    (rules.requireRoles && rules.requireRoles.length > 0);\n\n  const hasExcludeRules =\n    (rules.excludePages && rules.excludePages.length > 0) ||\n    (rules.excludePatterns && rules.excludePatterns.length > 0) ||\n    (rules.excludeDocTypes && rules.excludeDocTypes.length > 0) ||\n    (rules.excludeEnvironments && rules.excludeEnvironments.length > 0) ||\n    (rules.excludeRoles && rules.excludeRoles.length > 0);\n\n  if (!hasIncludeRules && !hasExcludeRules) return true;\n\n  if (hasExcludeRules) {\n    if (context.pageId && rules.excludePages?.includes(context.pageId)) return false;\n    if (context.currentPath && rules.excludePatterns) {\n      if (matchesAnyPattern(context.currentPath, rules.excludePatterns)) return false;\n    }\n    if (context.docType && rules.excludeDocTypes?.includes(context.docType)) return false;\n    if (context.environment && rules.excludeEnvironments?.includes(context.environment)) return false;\n    if (context.userRoles && rules.excludeRoles) {\n      if (hasAnyRole(context.userRoles, rules.excludeRoles)) return false;\n    }\n  }\n\n  if (hasIncludeRules) {\n    let matchedInclude = false;\n    if (context.pageId && rules.includePages?.includes(context.pageId)) matchedInclude = true;\n    if (!matchedInclude && context.currentPath && rules.includePatterns) {\n      if (matchesAnyPattern(context.currentPath, rules.includePatterns)) matchedInclude = true;\n    }\n    if (!matchedInclude && context.docType && rules.includeDocTypes?.includes(context.docType)) matchedInclude = true;\n    if (!matchedInclude && context.environment && rules.includeEnvironments?.includes(context.environment)) matchedInclude = true;\n    if (!matchedInclude && context.userRoles && rules.requireRoles) {\n      if (hasAnyRole(context.userRoles, rules.requireRoles)) matchedInclude = true;\n    }\n    if (!matchedInclude) return false;\n  }\n\n  return true;\n}\n\nexport function filterVisibleNodesRecursive<T extends VisibleNode>(\n  nodes: T[],\n  context: VisibilityContext\n): T[] {\n  return nodes\n    .filter((node) => shouldShowNode(node, context))\n    .map((node) => {\n      if (node.type === 'grid-container' && Array.isArray(node.columns)) {\n        return {\n          ...node,\n          columns: node.columns.map((col) => ({\n            ...col,\n            sections: filterVisibleNodesRecursive(col.sections, context),\n          })),\n        };\n      }\n      return node;\n    });\n}\n\nfunction matchesAnyPattern(path: string, patterns: string[]): boolean {\n  return patterns.some((pattern) => matchesPattern(path, pattern));\n}\n\nfunction matchesPattern(path: string, pattern: string): boolean {\n  const normalizedPath = path.replace(/\\/$/, '') || '/';\n  const normalizedPattern = pattern.replace(/\\/$/, '') || '/';\n\n  if (normalizedPath === normalizedPattern) return true;\n\n  let regexPattern = normalizedPattern\n    .replace(/[.+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    .replace(/\\*\\*/g, '___DOUBLE_WILDCARD___')\n    .replace(/\\*/g, '[^/]+')\n    .replace(/___DOUBLE_WILDCARD___/g, '.*');\n\n  regexPattern = `^${regexPattern}$`;\n  return new RegExp(regexPattern).test(normalizedPath);\n}\n\nfunction hasAnyRole(userRoles: string[], requiredRoles: string[]): boolean {\n  return requiredRoles.some((role) => userRoles.includes(role));\n}\n"],"mappings":"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","names":[]}