@duongthiu/onex-core 0.1.0 → 0.1.1

package/dist/chunk-K24UHN6G.mjs

@@ -0,0 +1,76 @@
+"use client";
+import { createContext, useState, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/contexts/theme-context.tsx
+var ThemeContext = createContext({
+  themeId: "default",
+  setThemeId: () => {
+  }
+});
+function ThemeContextProvider({
+  children,
+  themeId: initialThemeId
+}) {
+  const [themeId, setThemeId] = useState(initialThemeId);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { themeId, setThemeId }, children });
+}
+function useThemeContext() {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useThemeContext must be used within ThemeContextProvider");
+  }
+  return context;
+}
+var ViewportContext = createContext({
+  isEditing: false,
+  viewportMode: "desktop"
+});
+function ViewportProvider({
+  children,
+  isEditing,
+  viewportMode
+}) {
+  return /* @__PURE__ */ jsx(ViewportContext.Provider, { value: { isEditing, viewportMode }, children });
+}
+function useViewport() {
+  return useContext(ViewportContext);
+}
+function useResponsiveClass(classes) {
+  const { isEditing, viewportMode } = useViewport();
+  if (!isEditing) {
+    return classes.desktop;
+  }
+  switch (viewportMode) {
+    case "mobile":
+      return classes.mobile;
+    case "tablet":
+      return classes.tablet;
+    case "desktop":
+    default:
+      return classes.desktop;
+  }
+}
+var PageDataContext = createContext(void 0);
+function PageDataProvider({
+  data = {},
+  children
+}) {
+  const value = useMemo(() => data, [data]);
+  return /* @__PURE__ */ jsx(PageDataContext.Provider, { value, children });
+}
+function usePageData() {
+  const context = useContext(PageDataContext);
+  if (context === void 0) {
+    throw new Error("usePageData must be used within a PageDataProvider");
+  }
+  return context;
+}
+function useWebsiteSettings() {
+  const pageData = usePageData();
+  return pageData.websiteSettings || {};
+}
+
+export { PageDataProvider, ThemeContextProvider, ViewportProvider, usePageData, useResponsiveClass, useThemeContext, useViewport, useWebsiteSettings };
+//# sourceMappingURL=chunk-K24UHN6G.mjs.map
+//# sourceMappingURL=chunk-K24UHN6G.mjs.map

package/dist/chunk-K24UHN6G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/theme-context.tsx","../src/contexts/viewport-context.tsx","../src/contexts/page-data-context.tsx"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAcA,IAAM,eAAe,aAAA,CAAiC;AAAA,EACpD,OAAA,EAAS,SAAA;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC,CAAA;AAOM,SAAS,oBAAA,CAAqB;AAAA,EACnC,QAAA;AAAA,EACA,OAAA,EAAS;AACX,CAAA,EAA8B;AAC5B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,cAAc,CAAA;AAErD,EAAA,uBACE,GAAA,CAAC,aAAa,QAAA,EAAb,EAAsB,OAAO,EAAE,OAAA,EAAS,UAAA,EAAW,EACjD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,OAAA,GAAU,WAAW,YAAY,CAAA;AAEvC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,0DAA0D,CAAA;AAAA,EAC5E;AAEA,EAAA,OAAO,OAAA;AACT;AC3BA,IAAM,kBAAkBA,aAAAA,CAAmC;AAAA,EACzD,SAAA,EAAW,KAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAC,CAAA;AAEM,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEC,GAAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,EAAE,SAAA,EAAW,YAAA,EAAa,EACxD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,WAAA,GAAc;AAC5B,EAAA,OAAOC,WAAW,eAAe,CAAA;AACnC;AAMO,SAAS,mBAAmB,OAAA,EAIxB;AACT,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,WAAA,EAAY;AAEhD,EAAA,IAAI,CAAC,SAAA,EAAW;AAEd,IAAA,OAAO,OAAA,CAAQ,OAAA;AAAA,EACjB;AAGA,EAAA,QAAQ,YAAA;AAAc,IACpB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,MAAA;AAAA,IACjB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,MAAA;AAAA,IACjB,KAAK,SAAA;AAAA,IACL;AACE,MAAA,OAAO,OAAA,CAAQ,OAAA;AAAA;AAErB;AC7CA,IAAM,eAAA,GAAkBF,cAAoC,MAAS,CAAA;AAuB9D,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAO,EAAC;AAAA,EACR;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,QAAQ,OAAA,CAAQ,MAAM,IAAA,EAAM,CAAC,IAAI,CAAC,CAAA;AAExC,EAAA,uBACEC,GAAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OACvB,QAAA,EACH,CAAA;AAEJ;AAcO,SAAS,WAAA,GAAwB;AACtC,EAAA,MAAM,OAAA,GAAUC,WAAW,eAAe,CAAA;AAE1C,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,MAAM,IAAI,MAAM,oDAAoD,CAAA;AAAA,EACtE;AAEA,EAAA,OAAO,OAAA;AACT;AAiBO,SAAS,kBAAA,GAAsC;AACpD,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,OAAQ,QAAA,CAAS,mBAAmB,EAAC;AACvC","file":"chunk-K24UHN6G.mjs","sourcesContent":["/**\n * Theme Context\n * Provides theme ID to component tree without prop drilling\n */\n\n\"use client\";\n\nimport React, { createContext, useContext, useState } from \"react\";\n\ninterface ThemeContextValue {\n  themeId: string;\n  setThemeId: (id: string) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({\n  themeId: \"default\",\n  setThemeId: () => {},\n});\n\nexport interface ThemeContextProviderProps {\n  children: React.ReactNode;\n  themeId: string;\n}\n\nexport function ThemeContextProvider({\n  children,\n  themeId: initialThemeId,\n}: ThemeContextProviderProps) {\n  const [themeId, setThemeId] = useState(initialThemeId);\n\n  return (\n    <ThemeContext.Provider value={{ themeId, setThemeId }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within ThemeContextProvider\");\n  }\n\n  return context;\n}\n","/**\n * Viewport Context\n * Provides viewport mode for editor preview responsiveness\n */\n\n\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nexport type ViewportMode = \"desktop\" | \"tablet\" | \"mobile\";\n\ninterface ViewportContextType {\n  /** Whether in editor mode */\n  isEditing: boolean;\n  /** Current viewport mode */\n  viewportMode: ViewportMode;\n}\n\nconst ViewportContext = createContext<ViewportContextType>({\n  isEditing: false,\n  viewportMode: \"desktop\",\n});\n\nexport function ViewportProvider({\n  children,\n  isEditing,\n  viewportMode,\n}: {\n  children: React.ReactNode;\n  isEditing: boolean;\n  viewportMode: ViewportMode;\n}) {\n  return (\n    <ViewportContext.Provider value={{ isEditing, viewportMode }}>\n      {children}\n    </ViewportContext.Provider>\n  );\n}\n\nexport function useViewport() {\n  return useContext(ViewportContext);\n}\n\n/**\n * Hook to get responsive class based on viewport mode\n * Returns mobile class when in mobile preview, tablet class when in tablet preview, etc.\n */\nexport function useResponsiveClass(classes: {\n  mobile: string;\n  tablet: string;\n  desktop: string;\n}): string {\n  const { isEditing, viewportMode } = useViewport();\n\n  if (!isEditing) {\n    // On live site, return desktop class (CSS media queries will handle responsiveness)\n    return classes.desktop;\n  }\n\n  // In editor, return class based on viewport mode\n  switch (viewportMode) {\n    case \"mobile\":\n      return classes.mobile;\n    case \"tablet\":\n      return classes.tablet;\n    case \"desktop\":\n    default:\n      return classes.desktop;\n  }\n}\n","/**\n * Page Data Context\n * Generic context provider for sharing server-fetched data throughout the component tree\n * Provides access to websiteSettings, pageData, and any other server-side data\n */\n\n\"use client\";\n\nimport React, { createContext, useContext, useMemo } from \"react\";\nimport type { WebsiteSettings } from \"../types\";\n\n/**\n * Generic page data structure\n */\nexport interface PageData {\n  /** Website settings (social connections, hotlines, etc.) */\n  websiteSettings?: WebsiteSettings;\n  /** Any other dynamic data needed by the page */\n  [key: string]: unknown;\n}\n\n/**\n * Page Data Context\n */\nconst PageDataContext = createContext<PageData | undefined>(undefined);\n\n/**\n * Page Data Provider Props\n */\nexport interface PageDataProviderProps {\n  /** Server-fetched data to provide to children */\n  data?: PageData;\n  /** Child components */\n  children: React.ReactNode;\n}\n\n/**\n * Page Data Provider Component\n * Wraps pages/components to provide server-fetched data via context\n *\n * @example\n * ```tsx\n * <PageDataProvider data={{ websiteSettings }}>\n *   <YourPage />\n * </PageDataProvider>\n * ```\n */\nexport function PageDataProvider({\n  data = {},\n  children,\n}: PageDataProviderProps) {\n  // Memoize data to prevent unnecessary re-renders\n  const value = useMemo(() => data, [data]);\n\n  return (\n    <PageDataContext.Provider value={value}>\n      {children}\n    </PageDataContext.Provider>\n  );\n}\n\n/**\n * Hook to access page data\n * Returns all page data provided by PageDataProvider\n *\n * @throws Error if used outside PageDataProvider\n *\n * @example\n * ```tsx\n * const pageData = usePageData();\n * const customData = pageData.myCustomField;\n * ```\n */\nexport function usePageData(): PageData {\n  const context = useContext(PageDataContext);\n\n  if (context === undefined) {\n    throw new Error(\"usePageData must be used within a PageDataProvider\");\n  }\n\n  return context;\n}\n\n/**\n * Hook to access website settings from page data\n * Convenience hook that extracts websiteSettings from page data\n *\n * @returns WebsiteSettings object (empty object if not available)\n *\n * @example\n * ```tsx\n * function MyBlock() {\n *   const websiteSettings = useWebsiteSettings();\n *   const socials = useSocialConnections(websiteSettings);\n *   // ...\n * }\n * ```\n */\nexport function useWebsiteSettings(): WebsiteSettings {\n  const pageData = usePageData();\n  return (pageData.websiteSettings || {}) as WebsiteSettings;\n}\n"]}

package/dist/chunk-KCQGGU5R.mjs

@@ -0,0 +1,344 @@
+"use client";
+import { componentRegistry, blockRegistry } from './chunk-4JVQJI3I.mjs';
+import { __spreadValues } from './chunk-YOSPWY5K.mjs';
+import React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function ComponentRenderer({
+  instance,
+  sectionId,
+  isEditing = false,
+  className,
+  fallback
+}) {
+  const registration = componentRegistry.get(instance.type);
+  if (!registration) {
+    console.warn(`Component type "${instance.type}" not found in registry`);
+    if (fallback) {
+      return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    }
+    if (isEditing) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "border-2 border-dashed border-red-500 bg-red-50 p-4 rounded",
+          "data-component-id": instance.id,
+          "data-component-type": instance.type,
+          "data-section-id": sectionId,
+          children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-red-600 font-medium", children: [
+              'Component "',
+              instance.type,
+              '" not found'
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-red-500 mt-1", children: [
+              "ID: ",
+              instance.id
+            ] })
+          ]
+        }
+      );
+    }
+    return null;
+  }
+  const { component: Component, definition } = registration;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      "data-inspector-target": "component",
+      "data-component-id": instance.id,
+      "data-component-type": instance.type,
+      "data-section-id": sectionId,
+      "data-order": instance.order,
+      style: {
+        position: "relative",
+        pointerEvents: "auto"
+      },
+      children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          component: instance,
+          definition,
+          sectionId,
+          isEditing,
+          className
+        }
+      )
+    }
+  );
+}
+function ComponentListRenderer({
+  instances,
+  sectionId,
+  isEditing = false,
+  containerClassName,
+  itemClassName
+}) {
+  const sortedInstances = [...instances].sort((a, b) => a.order - b.order);
+  const visibleInstances = sortedInstances.filter(
+    (instance) => instance.enabled !== false
+  );
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, "data-component-list": "true", children: visibleInstances.map((instance) => /* @__PURE__ */ jsx(
+    ComponentRenderer,
+    {
+      instance,
+      sectionId,
+      isEditing,
+      className: itemClassName
+    },
+    instance.id
+  )) });
+}
+function useComponentRegistration(componentType) {
+  return React.useMemo(
+    () => componentRegistry.get(componentType),
+    [componentType]
+  );
+}
+function useComponentInstance(instance) {
+  const registration = useComponentRegistration((instance == null ? void 0 : instance.type) || "");
+  return React.useMemo(() => {
+    if (!instance || !registration) return null;
+    const { component: Component, definition } = registration;
+    return { Component, definition, instance };
+  }, [instance, registration]);
+}
+function BlockRenderer({
+  block,
+  sectionId,
+  isEditing = false,
+  data,
+  className,
+  fallback
+}) {
+  var _a, _b;
+  if (block.enabled === false) {
+    return null;
+  }
+  const registration = blockRegistry.get(block.type);
+  if (typeof window !== "undefined" && !registration) {
+    const allBlocks = Array.from(blockRegistry.getAll().keys());
+    console.warn(
+      `[BlockRenderer] \u26A0\uFE0F Block "${block.type}" not found in registry!`,
+      {
+        blockId: block.id,
+        blockType: block.type,
+        sectionId,
+        isEditing,
+        blockEnabled: block.enabled === void 0 || block.enabled === true,
+        hasNestedBlocks: ((_a = block.blocks) == null ? void 0 : _a.length) || 0,
+        hasComponents: ((_b = block.components) == null ? void 0 : _b.length) || 0,
+        availableBlocks: allBlocks,
+        registrySize: allBlocks.length,
+        suggestion: allBlocks.find(
+          (type) => type.includes(block.type.split("-")[0])
+        ) ? `Did you mean "${allBlocks.find((type) => type.includes(block.type.split("-")[0]))}"?` : "No similar blocks found"
+      }
+    );
+  }
+  if (registration) {
+    const Component = registration.component;
+    if (sectionId) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-section-id": sectionId,
+          "data-block-id": block.id,
+          "data-block-type": block.type,
+          style: {
+            position: "relative",
+            display: "block",
+            width: "100%",
+            minHeight: "1px",
+            backgroundColor: "transparent",
+            pointerEvents: "auto"
+          },
+          className: "block-wrapper",
+          children: /* @__PURE__ */ jsx(
+            Component,
+            {
+              block,
+              definition: registration.definition,
+              isEditing,
+              data,
+              className,
+              sectionId
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        block,
+        definition: registration.definition,
+        isEditing,
+        data,
+        className,
+        sectionId
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-section-id": sectionId,
+      "data-block-id": block.id,
+      "data-block-type": block.type,
+      className,
+      style: block.style,
+      children: [
+        block.components && block.components.length > 0 && /* @__PURE__ */ jsx(
+          ComponentListRenderer,
+          {
+            instances: block.components,
+            sectionId,
+            isEditing
+          }
+        ),
+        block.blocks && block.blocks.length > 0 && /* @__PURE__ */ jsx(
+          BlockListRenderer,
+          {
+            blocks: block.blocks,
+            sectionId,
+            isEditing,
+            data
+          }
+        ),
+        (!block.components || block.components.length === 0) && (!block.blocks || block.blocks.length === 0) && fallback && /* @__PURE__ */ jsx(Fragment, { children: fallback }),
+        (!block.components || block.components.length === 0) && (!block.blocks || block.blocks.length === 0) && /* @__PURE__ */ jsx(Fragment, { children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "border-2 border-dashed border-yellow-500 bg-yellow-50 p-4 rounded text-sm", children: [
+          /* @__PURE__ */ jsxs("p", { className: "font-semibold text-yellow-800", children: [
+            "Block: ",
+            block.type
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-yellow-600 text-xs", children: "No registered component found. Add components or nested blocks to this block." })
+        ] }) : (
+          // View mode: Show subtle indicator in dev, silent in production
+          process.env.NODE_ENV === "development" ? /* @__PURE__ */ jsxs("div", { className: "min-h-[20px] border border-dashed border-gray-300 bg-gray-50 p-2 text-xs text-gray-500", children: [
+            '\u26A0\uFE0F Block "',
+            block.type,
+            '" not registered (check console)'
+          ] }) : null
+        ) })
+      ]
+    }
+  );
+}
+function BlockListRenderer({
+  blocks,
+  sectionId,
+  isEditing = false,
+  data,
+  containerClassName,
+  blockClassName
+}) {
+  if (!blocks || blocks.length === 0) {
+    return null;
+  }
+  const sortedBlocks = blocks.filter((block) => block.enabled !== false).sort((a, b) => (a.order || 0) - (b.order || 0));
+  if (sortedBlocks.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: sortedBlocks.map((block) => /* @__PURE__ */ jsx(
+    BlockRenderer,
+    {
+      block,
+      sectionId,
+      isEditing,
+      data,
+      className: blockClassName
+    },
+    block.id
+  )) });
+}
+function renderBlock(block, isEditing = false, className, sectionId) {
+  return /* @__PURE__ */ jsx(
+    BlockRenderer,
+    {
+      block,
+      isEditing,
+      className,
+      sectionId
+    }
+  );
+}
+function SectionRenderer({
+  section,
+  Component,
+  schema,
+  template,
+  isEditing = false,
+  data,
+  fallback,
+  className = ""
+}) {
+  if (!section.enabled && !isEditing) {
+    return null;
+  }
+  if (!Component) {
+    if (fallback) {
+      return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `section-${section.id}`,
+      "data-section-id": section.id,
+      "data-section-type": section.type,
+      "data-section-template": section.template || "default",
+      "data-section-enabled": section.enabled,
+      className: `section section-${section.type} ${className}`.trim(),
+      children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          section,
+          schema,
+          template,
+          isEditing,
+          data
+        }
+      )
+    }
+  );
+}
+function SectionListRenderer({
+  sections,
+  getComponent,
+  isEditing = false,
+  data,
+  fallback,
+  className
+}) {
+  const visibleSections = sections.filter((section) => isEditing || section.enabled).sort((a, b) => a.order - b.order);
+  return /* @__PURE__ */ jsx(Fragment, { children: visibleSections.map((section) => {
+    const template = section.template || "default";
+    const registration = getComponent(section.type, template);
+    if (!registration) {
+      return fallback ? /* @__PURE__ */ jsx(React.Fragment, { children: fallback(section) }, section.id) : null;
+    }
+    return /* @__PURE__ */ jsx(
+      SectionRenderer,
+      {
+        section,
+        Component: registration.Component,
+        schema: registration.schema,
+        template: registration.template,
+        isEditing,
+        data,
+        className
+      },
+      section.id
+    );
+  }) });
+}
+function renderSection(props) {
+  return /* @__PURE__ */ jsx(SectionRenderer, __spreadValues({}, props));
+}
+
+export { BlockListRenderer, BlockRenderer, ComponentListRenderer, ComponentRenderer, SectionListRenderer, SectionRenderer, renderBlock, renderSection, useComponentInstance, useComponentRegistration };
+//# sourceMappingURL=chunk-KCQGGU5R.mjs.map
+//# sourceMappingURL=chunk-KCQGGU5R.mjs.map

package/dist/chunk-KCQGGU5R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderers/component-renderer.tsx","../src/renderers/block-renderer.tsx","../src/renderers/section-renderer.tsx"],"names":["jsx","jsxs","Fragment","React"],"mappings":";;;;;AA6BO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA;AACF,CAAA,EAAsD;AAEpD,EAAA,MAAM,YAAA,GAAe,iBAAA,CAAkB,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA;AACxD,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,gBAAA,EAAmB,QAAA,CAAS,IAAI,CAAA,uBAAA,CAAyB,CAAA;AAEtE,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uCAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IACrB;AAGA,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,6DAAA;AAAA,UACV,qBAAmB,QAAA,CAAS,EAAA;AAAA,UAC5B,uBAAqB,QAAA,CAAS,IAAA;AAAA,UAC9B,iBAAA,EAAiB,SAAA;AAAA,UAEjB,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kCAAA,EAAmC,QAAA,EAAA;AAAA,cAAA,aAAA;AAAA,cAC7B,QAAA,CAAS,IAAA;AAAA,cAAK;AAAA,aAAA,EACjC,CAAA;AAAA,4BACA,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2BAAA,EAA4B,QAAA,EAAA;AAAA,cAAA,MAAA;AAAA,cAAK,QAAA,CAAS;AAAA,aAAA,EAAG;AAAA;AAAA;AAAA,OAC5D;AAAA,IAEJ;AAEA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,SAAA,EAAW,SAAA,EAAW,UAAA,EAAW,GAAI,YAAA;AAG7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,uBAAA,EAAsB,WAAA;AAAA,MACtB,qBAAmB,QAAA,CAAS,EAAA;AAAA,MAC5B,uBAAqB,QAAA,CAAS,IAAA;AAAA,MAC9B,iBAAA,EAAiB,SAAA;AAAA,MACjB,cAAY,QAAA,CAAS,KAAA;AAAA,MACrB,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,UAAA;AAAA,QACV,aAAA,EAAe;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,QAAA;AAAA,UACX,UAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AAsBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,kBAAA;AAAA,EACA;AACF,CAAA,EAAmD;AAEjD,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAG,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AAGvE,EAAA,MAAM,mBAAmB,eAAA,CAAgB,MAAA;AAAA,IACvC,CAAC,QAAA,KAAa,QAAA,CAAS,OAAA,KAAY;AAAA,GACrC;AAEA,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,kBAAA,EAAoB,uBAAoB,MAAA,EACrD,QAAA,EAAA,gBAAA,CAAiB,GAAA,CAAI,CAAC,QAAA,qBACrB,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAEC,QAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,EAAW;AAAA,KAAA;AAAA,IAJN,QAAA,CAAS;AAAA,GAMjB,CAAA,EACH,CAAA;AAEJ;AAKO,SAAS,yBAAyB,aAAA,EAAuB;AAC9D,EAAA,OAAO,KAAA,CAAM,OAAA;AAAA,IACX,MAAM,iBAAA,CAAkB,GAAA,CAAI,aAAa,CAAA;AAAA,IACzC,CAAC,aAAa;AAAA,GAChB;AACF;AAKO,SAAS,qBAAqB,QAAA,EAAyC;AAC5E,EAAA,MAAM,YAAA,GAAe,wBAAA,CAAA,CAAyB,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,IAAA,KAAQ,EAAE,CAAA;AAElE,EAAA,OAAO,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,YAAA,EAAc,OAAO,IAAA;AAEvC,IAAA,MAAM,EAAE,SAAA,EAAW,SAAA,EAAW,UAAA,EAAW,GAAI,YAAA;AAE7C,IAAA,OAAO,EAAE,SAAA,EAAW,UAAA,EAAY,QAAA,EAAS;AAAA,EAC3C,CAAA,EAAG,CAAC,QAAA,EAAU,YAAY,CAAC,CAAA;AAC7B;ACnIO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAkD;AAzClD,EAAA,IAAA,EAAA,EAAA,EAAA;AA2CE,EAAA,IAAI,KAAA,CAAM,YAAY,KAAA,EAAO;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,YAAA,GAAe,aAAA,CAAc,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA;AAGjD,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,YAAA,EAAc;AAClD,IAAA,MAAM,YAAY,KAAA,CAAM,IAAA,CAAK,cAAc,MAAA,EAAO,CAAE,MAAM,CAAA;AAC1D,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,CAAA,oCAAA,EAA6B,MAAM,IAAI,CAAA,wBAAA,CAAA;AAAA,MACvC;AAAA,QACE,SAAS,KAAA,CAAM,EAAA;AAAA,QACf,WAAW,KAAA,CAAM,IAAA;AAAA,QACjB,SAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA,EAAc,KAAA,CAAM,OAAA,KAAY,MAAA,IAAa,MAAM,OAAA,KAAY,IAAA;AAAA,QAC/D,eAAA,EAAA,CAAA,CAAiB,EAAA,GAAA,KAAA,CAAM,MAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAA,KAAU,CAAA;AAAA,QACzC,aAAA,EAAA,CAAA,CAAe,EAAA,GAAA,KAAA,CAAM,UAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,MAAA,KAAU,CAAA;AAAA,QAC3C,eAAA,EAAiB,SAAA;AAAA,QACjB,cAAc,SAAA,CAAU,MAAA;AAAA,QACxB,YAAY,SAAA,CAAU,IAAA;AAAA,UAAK,CAAC,IAAA,KAC1B,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,KAAK,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAC;AAAA,YAEpC,CAAA,cAAA,EAAiB,SAAA,CAAU,IAAA,CAAK,CAAC,SAAS,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,IAAA,CAAK,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAA,EAAA,CAAA,GAClF;AAAA;AACN,KACF;AAAA,EACF;AAEA,EAAA,IAAI,YAAA,EAAc;AAEhB,IAAA,MAAM,YAAY,YAAA,CAAa,SAAA;AAK/B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACEA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,iBAAA,EAAiB,SAAA;AAAA,UACjB,iBAAe,KAAA,CAAM,EAAA;AAAA,UACrB,mBAAiB,KAAA,CAAM,IAAA;AAAA,UACvB,KAAA,EAAO;AAAA,YACL,QAAA,EAAU,UAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YACT,KAAA,EAAO,MAAA;AAAA,YACP,SAAA,EAAW,KAAA;AAAA,YACX,eAAA,EAAiB,aAAA;AAAA,YACjB,aAAA,EAAe;AAAA,WACjB;AAAA,UACA,SAAA,EAAU,eAAA;AAAA,UAEV,QAAA,kBAAAA,GAAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,YAAY,YAAA,CAAa,UAAA;AAAA,cACzB,SAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAA;AAAA,cACA;AAAA;AAAA;AACF;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,uBACEA,GAAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,YAAY,YAAA,CAAa,UAAA;AAAA,QACzB,SAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACEC,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAiB,SAAA;AAAA,MACjB,iBAAe,KAAA,CAAM,EAAA;AAAA,MACrB,mBAAiB,KAAA,CAAM,IAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,KAAA,CAAM,KAAA;AAAA,MAGZ,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,UAAA,CAAW,MAAA,GAAS,qBAC7CD,GAAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,WAAW,KAAA,CAAM,UAAA;AAAA,YACjB,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QAID,MAAM,MAAA,IAAU,KAAA,CAAM,MAAA,CAAO,MAAA,GAAS,qBACrCA,GAAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,QAAQ,KAAA,CAAM,MAAA;AAAA,YACd,SAAA;AAAA,YACA,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QAAA,CAIA,CAAC,KAAA,CAAM,UAAA,IAAc,MAAM,UAAA,CAAW,MAAA,KAAW,OAChD,CAAC,KAAA,CAAM,UAAU,KAAA,CAAM,MAAA,CAAO,WAAW,CAAA,CAAA,IAC1C,QAAA,oBAAYA,GAAAA,CAAAE,QAAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,QAAA,CAGxB,CAAC,MAAM,UAAA,IAAc,KAAA,CAAM,WAAW,MAAA,KAAW,CAAA,MAChD,CAAC,KAAA,CAAM,MAAA,IAAU,KAAA,CAAM,OAAO,MAAA,KAAW,CAAA,CAAA,oBACxCF,GAAAA,CAAAE,QAAAA,EAAA,EACG,sCACCD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,IAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACnC,KAAA,CAAM;AAAA,WAAA,EAChB,CAAA;AAAA,0BACAD,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2BAA0B,QAAA,EAAA,+EAAA,EAGvC;AAAA,SAAA,EACF,CAAA;AAAA;AAAA,UAEF,OAAA,CAAQ,IAAI,QAAA,KAAa,aAAA,mBACvBC,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EAAyF,QAAA,EAAA;AAAA,YAAA,sBAAA;AAAA,YACtF,KAAA,CAAM,IAAA;AAAA,YAAK;AAAA,WAAA,EAC7B,CAAA,GACE;AAAA,SAAA,EACN;AAAA;AAAA;AAAA,GAEN;AAEJ;AA0BO,SAAS,iBAAA,CAAkB;AAAA,EAChC,MAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,EAAsD;AACpD,EAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,eAAe,MAAA,CAClB,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,CAAM,YAAY,KAAK,CAAA,CACzC,IAAA,CAAK,CAAC,GAAG,CAAA,KAAA,CAAO,CAAA,CAAE,SAAS,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA,CAAE,CAAA;AAEjD,EAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACED,IAAC,KAAA,EAAA,EAAI,SAAA,EAAW,oBACb,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,qBACjBA,GAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MAEC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW;AAAA,KAAA;AAAA,IALN,KAAA,CAAM;AAAA,GAOd,CAAA,EACH,CAAA;AAEJ;AAMO,SAAS,WAAA,CACd,KAAA,EACA,SAAA,GAAY,KAAA,EACZ,WACA,SAAA,EAC2B;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AC9NO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAoD;AAElD,EAAA,IAAI,CAAC,OAAA,CAAQ,OAAA,IAAW,CAAC,SAAA,EAAW;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uBAAOA,GAAAA,CAAAE,QAAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IACrB;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,uBACEF,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAAA,QAAA,EAAW,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,MACzB,mBAAiB,OAAA,CAAQ,EAAA;AAAA,MACzB,qBAAmB,OAAA,CAAQ,IAAA;AAAA,MAC3B,uBAAA,EAAuB,QAAQ,QAAA,IAAY,SAAA;AAAA,MAC3C,wBAAsB,OAAA,CAAQ,OAAA;AAAA,MAC9B,WAAW,CAAA,gBAAA,EAAmB,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAAA,MAE/D,QAAA,kBAAAA,GAAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA2BO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAiD;AAE/C,EAAA,MAAM,kBAAkB,QAAA,CACrB,MAAA,CAAO,CAAC,OAAA,KAAY,aAAa,OAAA,CAAQ,OAAO,CAAA,CAChD,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,EAAE,KAAK,CAAA;AAEnC,EAAA,uBACEA,GAAAA,CAAAE,QAAAA,EAAA,EACG,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,OAAA,KAAY;AAChC,IAAA,MAAM,QAAA,GAAW,QAAQ,QAAA,IAAY,SAAA;AACrC,IAAA,MAAM,YAAA,GAAe,YAAA,CAAa,OAAA,CAAQ,IAAA,EAAM,QAAQ,CAAA;AAExD,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,OAAO,QAAA,mBACLF,GAAAA,CAACG,KAAAA,CAAM,QAAA,EAAN,EACE,QAAA,EAAA,QAAA,CAAS,OAAO,CAAA,EAAA,EADE,OAAA,CAAQ,EAE7B,CAAA,GACE,IAAA;AAAA,IACN;AAEA,IAAA,uBACEH,GAAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,WAAW,YAAA,CAAa,SAAA;AAAA,QACxB,QAAQ,YAAA,CAAa,MAAA;AAAA,QACrB,UAAU,YAAA,CAAa,QAAA;AAAA,QACvB,SAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAPK,OAAA,CAAQ;AAAA,KAQf;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAMO,SAAS,cACd,KAAA,EAC2B;AAC3B,EAAA,uBAAOA,GAAAA,CAAC,eAAA,EAAA,cAAA,CAAA,EAAA,EAAoB,KAAA,CAAO,CAAA;AACrC","file":"chunk-KCQGGU5R.mjs","sourcesContent":["/**\n * Component Renderer Utility\n * Generic renderer for component instances\n */\n\nimport React from \"react\";\nimport { componentRegistry } from \"../registry/component-registry\";\nimport type { ComponentInstance } from \"../types\";\n\nexport interface ComponentRendererProps {\n  /** Component instance to render */\n  instance: ComponentInstance;\n\n  /** Section ID (required for click detection) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional wrapper classes */\n  className?: string;\n\n  /** Fallback when component not found */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Render a single component instance\n */\nexport function ComponentRenderer({\n  instance,\n  sectionId,\n  isEditing = false,\n  className,\n  fallback,\n}: ComponentRendererProps): React.ReactElement | null {\n  // Get component from registry\n  const registration = componentRegistry.get(instance.type);\n  if (!registration) {\n    console.warn(`Component type \"${instance.type}\" not found in registry`);\n\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n\n    // Default fallback in edit mode\n    if (isEditing) {\n      return (\n        <div\n          className=\"border-2 border-dashed border-red-500 bg-red-50 p-4 rounded\"\n          data-component-id={instance.id}\n          data-component-type={instance.type}\n          data-section-id={sectionId}\n        >\n          <p className=\"text-sm text-red-600 font-medium\">\n            Component &quot;{instance.type}&quot; not found\n          </p>\n          <p className=\"text-xs text-red-500 mt-1\">ID: {instance.id}</p>\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  const { component: Component, definition } = registration;\n  // Render component with wrapper (layout context only)\n  // Component content elements have the actual detection attributes\n  return (\n    <div\n      className={className}\n      data-inspector-target=\"component\"\n      data-component-id={instance.id}\n      data-component-type={instance.type}\n      data-section-id={sectionId}\n      data-order={instance.order}\n      style={{\n        position: \"relative\",\n        pointerEvents: \"auto\",\n      }}\n    >\n      <Component\n        component={instance}\n        definition={definition}\n        sectionId={sectionId}\n        isEditing={isEditing}\n        className={className}\n      />\n    </div>\n  );\n}\n\n/**\n * Render multiple component instances\n */\nexport interface ComponentListRendererProps {\n  /** Component instances to render */\n  instances: ComponentInstance[];\n\n  /** Section ID (required for click detection) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Container class */\n  containerClassName?: string;\n\n  /** Item wrapper class */\n  itemClassName?: string;\n}\n\nexport function ComponentListRenderer({\n  instances,\n  sectionId,\n  isEditing = false,\n  containerClassName,\n  itemClassName,\n}: ComponentListRendererProps): React.ReactElement {\n  // Sort by order\n  const sortedInstances = [...instances].sort((a, b) => a.order - b.order);\n\n  // Filter enabled\n  const visibleInstances = sortedInstances.filter(\n    (instance) => instance.enabled !== false\n  );\n\n  return (\n    <div className={containerClassName} data-component-list=\"true\">\n      {visibleInstances.map((instance) => (\n        <ComponentRenderer\n          key={instance.id}\n          instance={instance}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          className={itemClassName}\n        />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Hook to get a component registration\n */\nexport function useComponentRegistration(componentType: string) {\n  return React.useMemo(\n    () => componentRegistry.get(componentType),\n    [componentType]\n  );\n}\n\n/**\n * Hook to render a component instance\n */\nexport function useComponentInstance(instance: ComponentInstance | undefined) {\n  const registration = useComponentRegistration(instance?.type || \"\");\n\n  return React.useMemo(() => {\n    if (!instance || !registration) return null;\n\n    const { component: Component, definition } = registration;\n\n    return { Component, definition, instance };\n  }, [instance, registration]);\n}\n","/**\n * Block Renderer Utility\n * Recursive renderer for block instances with support for nested blocks and components\n */\n\nimport React from \"react\";\nimport { blockRegistry } from \"../registry/block-registry\";\nimport type { BlockInstance } from \"../types\";\nimport { ComponentListRenderer } from \"./component-renderer\";\n\nexport interface BlockRendererProps {\n  /** Block instance to render */\n  block: BlockInstance;\n\n  /** Section ID (for context) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional data (e.g., website settings) */\n  data?: Record<string, unknown>;\n\n  /** Additional wrapper classes */\n  className?: string;\n\n  /** Fallback when block not found */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Render a single block instance with recursive support\n * Handles both registered block components and generic fallback\n */\nexport function BlockRenderer({\n  block,\n  sectionId,\n  isEditing = false,\n  data,\n  className,\n  fallback,\n}: BlockRendererProps): React.ReactElement | null {\n  // Skip disabled blocks\n  if (block.enabled === false) {\n    return null;\n  }\n\n  // Try to get registered block component\n  const registration = blockRegistry.get(block.type);\n\n  // DEBUG: Enhanced logging when block not found\n  if (typeof window !== \"undefined\" && !registration) {\n    const allBlocks = Array.from(blockRegistry.getAll().keys());\n    console.warn(\n      `[BlockRenderer] ⚠️ Block \"${block.type}\" not found in registry!`,\n      {\n        blockId: block.id,\n        blockType: block.type,\n        sectionId,\n        isEditing,\n        blockEnabled: block.enabled === undefined || block.enabled === true,\n        hasNestedBlocks: block.blocks?.length || 0,\n        hasComponents: block.components?.length || 0,\n        availableBlocks: allBlocks,\n        registrySize: allBlocks.length,\n        suggestion: allBlocks.find((type) =>\n          type.includes(block.type.split(\"-\")[0])\n        )\n          ? `Did you mean \"${allBlocks.find((type) => type.includes(block.type.split(\"-\")[0]))}\"?`\n          : \"No similar blocks found\",\n      }\n    );\n  }\n\n  if (registration) {\n    // Use registered component\n    const Component = registration.component;\n\n    // Wrap with section ID and block ID for proper detection in editor\n    // Block components have their own data-block-id, but we need both attributes on the same wrapper\n    // for the block matcher to work correctly\n    if (sectionId) {\n      return (\n        <div\n          data-section-id={sectionId}\n          data-block-id={block.id}\n          data-block-type={block.type}\n          style={{\n            position: \"relative\",\n            display: \"block\",\n            width: \"100%\",\n            minHeight: \"1px\",\n            backgroundColor: \"transparent\",\n            pointerEvents: \"auto\",\n          }}\n          className=\"block-wrapper\"\n        >\n          <Component\n            block={block}\n            definition={registration.definition}\n            isEditing={isEditing}\n            data={data}\n            className={className}\n            sectionId={sectionId}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <Component\n        block={block}\n        definition={registration.definition}\n        isEditing={isEditing}\n        data={data}\n        className={className}\n        sectionId={sectionId}\n      />\n    );\n  }\n\n  // Fallback: Generic renderer with recursive support\n  return (\n    <div\n      data-section-id={sectionId}\n      data-block-id={block.id}\n      data-block-type={block.type}\n      className={className}\n      style={block.style as React.CSSProperties}\n    >\n      {/* Render block's direct components */}\n      {block.components && block.components.length > 0 && (\n        <ComponentListRenderer\n          instances={block.components}\n          sectionId={sectionId}\n          isEditing={isEditing}\n        />\n      )}\n\n      {/* Recursively render nested blocks */}\n      {block.blocks && block.blocks.length > 0 && (\n        <BlockListRenderer\n          blocks={block.blocks}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          data={data}\n        />\n      )}\n\n      {/* Fallback content if no components or blocks */}\n      {(!block.components || block.components.length === 0) &&\n        (!block.blocks || block.blocks.length === 0) &&\n        fallback && <>{fallback}</>}\n\n      {/* Debug info - show in both edit and view mode if block not found */}\n      {(!block.components || block.components.length === 0) &&\n        (!block.blocks || block.blocks.length === 0) && (\n          <>\n            {isEditing ? (\n              <div className=\"border-2 border-dashed border-yellow-500 bg-yellow-50 p-4 rounded text-sm\">\n                <p className=\"font-semibold text-yellow-800\">\n                  Block: {block.type}\n                </p>\n                <p className=\"text-yellow-600 text-xs\">\n                  No registered component found. Add components or nested blocks\n                  to this block.\n                </p>\n              </div>\n            ) : // View mode: Show subtle indicator in dev, silent in production\n            process.env.NODE_ENV === \"development\" ? (\n              <div className=\"min-h-[20px] border border-dashed border-gray-300 bg-gray-50 p-2 text-xs text-gray-500\">\n                ⚠️ Block &quot;{block.type}&quot; not registered (check console)\n              </div>\n            ) : null}\n          </>\n        )}\n    </div>\n  );\n}\n\nexport interface BlockListRendererProps {\n  /** Array of block instances to render */\n  blocks: BlockInstance[];\n\n  /** Section ID (for context) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional data (e.g., website settings) */\n  data?: Record<string, unknown>;\n\n  /** Container class name */\n  containerClassName?: string;\n\n  /** Individual block class name */\n  blockClassName?: string;\n}\n\n/**\n * Render a list of blocks with auto-sorting\n * Automatically sorts by order field and filters enabled blocks\n */\nexport function BlockListRenderer({\n  blocks,\n  sectionId,\n  isEditing = false,\n  data,\n  containerClassName,\n  blockClassName,\n}: BlockListRendererProps): React.ReactElement | null {\n  if (!blocks || blocks.length === 0) {\n    return null;\n  }\n\n  // Filter enabled blocks and sort by order\n  const sortedBlocks = blocks\n    .filter((block) => block.enabled !== false)\n    .sort((a, b) => (a.order || 0) - (b.order || 0));\n\n  if (sortedBlocks.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={containerClassName}>\n      {sortedBlocks.map((block) => (\n        <BlockRenderer\n          key={block.id}\n          block={block}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          data={data}\n          className={blockClassName}\n        />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Simple helper to render a block\n * Convenience wrapper around BlockRenderer\n */\nexport function renderBlock(\n  block: BlockInstance,\n  isEditing = false,\n  className?: string,\n  sectionId?: string\n): React.ReactElement | null {\n  return (\n    <BlockRenderer\n      block={block}\n      isEditing={isEditing}\n      className={className}\n      sectionId={sectionId}\n    />\n  );\n}\n","/**\n * Section Renderer\n * Universal renderer for section instances with theme components\n */\n\n\"use client\";\n\nimport React from \"react\";\nimport type {\n  SectionInstance,\n  SectionComponentProps,\n  SectionSchema,\n  TemplateDefinition,\n} from \"../types\";\n\nexport interface SectionRendererProps {\n  /** The section instance to render */\n  section: SectionInstance;\n  /** The React component to render the section */\n  Component: React.ComponentType<SectionComponentProps>;\n  /** Section schema for metadata */\n  schema?: SectionSchema;\n  /** Template definition */\n  template?: TemplateDefinition;\n  /** Whether in editing mode */\n  isEditing?: boolean;\n  /** Additional data to pass to the component */\n  data?: Record<string, unknown>;\n  /** Fallback component if rendering fails */\n  fallback?: React.ReactNode;\n  /** Additional className for the wrapper */\n  className?: string;\n}\n\n/**\n * Render a section with proper wrapping and error handling\n */\nexport function SectionRenderer({\n  section,\n  Component,\n  schema,\n  template,\n  isEditing = false,\n  data,\n  fallback,\n  className = \"\",\n}: SectionRendererProps): React.ReactElement | null {\n  // Don't render disabled sections in view mode\n  if (!section.enabled && !isEditing) {\n    return null;\n  }\n\n  // Show fallback if component is missing\n  if (!Component) {\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n    return null;\n  }\n\n  // Render the section with proper wrapper\n  return (\n    <div\n      id={`section-${section.id}`}\n      data-section-id={section.id}\n      data-section-type={section.type}\n      data-section-template={section.template || \"default\"}\n      data-section-enabled={section.enabled}\n      className={`section section-${section.type} ${className}`.trim()}\n    >\n      <Component\n        section={section}\n        schema={schema as SectionSchema}\n        template={template as TemplateDefinition}\n        isEditing={isEditing}\n        data={data}\n      />\n    </div>\n  );\n}\n\nexport interface SectionListRendererProps {\n  /** Array of sections to render */\n  sections: SectionInstance[];\n  /** Function to get component for a section */\n  getComponent: (\n    sectionType: string,\n    template: string\n  ) => {\n    Component: React.ComponentType<SectionComponentProps>;\n    schema?: SectionSchema;\n    template?: TemplateDefinition;\n  } | null;\n  /** Whether in editing mode */\n  isEditing?: boolean;\n  /** Additional data to pass to components */\n  data?: Record<string, unknown>;\n  /** Fallback for missing sections */\n  fallback?: (section: SectionInstance) => React.ReactNode;\n  /** Additional className for wrappers */\n  className?: string;\n}\n\n/**\n * Render a list of sections with automatic filtering and sorting\n */\nexport function SectionListRenderer({\n  sections,\n  getComponent,\n  isEditing = false,\n  data,\n  fallback,\n  className,\n}: SectionListRendererProps): React.ReactElement {\n  // Filter enabled sections (or all in edit mode) and sort by order\n  const visibleSections = sections\n    .filter((section) => isEditing || section.enabled)\n    .sort((a, b) => a.order - b.order);\n\n  return (\n    <>\n      {visibleSections.map((section) => {\n        const template = section.template || \"default\";\n        const registration = getComponent(section.type, template);\n\n        if (!registration) {\n          return fallback ? (\n            <React.Fragment key={section.id}>\n              {fallback(section)}\n            </React.Fragment>\n          ) : null;\n        }\n\n        return (\n          <SectionRenderer\n            key={section.id}\n            section={section}\n            Component={registration.Component}\n            schema={registration.schema}\n            template={registration.template}\n            isEditing={isEditing}\n            data={data}\n            className={className}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Helper function to render a single section (non-component version)\n * Useful for server components or static rendering\n */\nexport function renderSection(\n  props: SectionRendererProps\n): React.ReactElement | null {\n  return <SectionRenderer {...props} />;\n}\n"]}

package/dist/chunk-MT22NYKT.mjs

@@ -0,0 +1,117 @@
+"use client";
+import { __spreadProps, __spreadValues } from './chunk-YOSPWY5K.mjs';
+import { create } from 'zustand';
+
+var contactService = null;
+var useContact = create((set) => ({
+  // Initial state
+  contactInfo: null,
+  formFields: null,
+  isLoading: false,
+  isSubmitting: false,
+  error: null,
+  submitSuccess: false,
+  /**
+   * Submit contact form
+   */
+  submitContactForm: async (payload) => {
+    if (!contactService) {
+      throw new Error(
+        "Contact service not initialized. Call initializeOnex() first."
+      );
+    }
+    set({ isSubmitting: true, error: null, submitSuccess: false });
+    try {
+      const response = await contactService.submitContactForm(payload);
+      set({ isSubmitting: false, submitSuccess: true });
+      return response;
+    } catch (error) {
+      set({ error: error.message, isSubmitting: false });
+      throw error;
+    }
+  },
+  /**
+   * Fetch contact information
+   */
+  fetchContactInfo: async () => {
+    if (!contactService) {
+      throw new Error(
+        "Contact service not initialized. Call initializeOnex() first."
+      );
+    }
+    set({ isLoading: true, error: null });
+    try {
+      const contactInfo = await contactService.getContactInfo();
+      set({ contactInfo, isLoading: false });
+    } catch (error) {
+      set({ error: error.message, isLoading: false });
+    }
+  },
+  /**
+   * Fetch form fields configuration
+   */
+  fetchFormFields: async () => {
+    if (!contactService) {
+      throw new Error(
+        "Contact service not initialized. Call initializeOnex() first."
+      );
+    }
+    set({ isLoading: true, error: null });
+    try {
+      const formFields = await contactService.getFormFields();
+      set({ formFields, isLoading: false });
+    } catch (error) {
+      set({ error: error.message, isLoading: false });
+    }
+  },
+  /**
+   * Clear error
+   */
+  clearError: () => {
+    set({ error: null });
+  },
+  /**
+   * Clear submit success flag
+   */
+  clearSubmitSuccess: () => {
+    set({ submitSuccess: false });
+  }
+}));
+function initializeContactService(service) {
+  contactService = service;
+}
+
+// src/features/contact/contact-service.ts
+var ContactService = class {
+  constructor(api, companyId) {
+    this.api = api;
+    this.companyId = companyId;
+  }
+  /**
+   * Submit contact form
+   */
+  async submitContactForm(payload) {
+    const endpoint = `/contact/public/${this.companyId}/submit`;
+    return await this.api.post(endpoint, __spreadProps(__spreadValues({}, payload), {
+      source: "website_contact_form"
+    }));
+  }
+  /**
+   * Get contact information
+   */
+  async getContactInfo() {
+    const endpoint = `/contact/public/${this.companyId}/info`;
+    return await this.api.get(endpoint);
+  }
+  /**
+   * Get contact form fields configuration
+   */
+  async getFormFields() {
+    const endpoint = `/contact/public/${this.companyId}/form-fields`;
+    return await this.api.get(endpoint);
+  }
+};
+
+export { ContactService, initializeContactService, useContact };
+//# sourceMappingURL=chunk-MT22NYKT.mjs.map
+//# sourceMappingURL=chunk-MT22NYKT.mjs.map

package/dist/chunk-MT22NYKT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/features/contact/use-contact.ts","../src/features/contact/contact-service.ts"],"names":[],"mappings":"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","file":"chunk-MT22NYKT.mjs","sourcesContent":["/**\n * Contact Hook\n * Zustand store for contact operations\n */\n\nimport { create } from \"zustand\";\nimport { ContactService } from \"./contact-service\";\nimport type {\n  ContactSubmitPayload,\n  ContactSubmitResponse,\n  ContactInfo,\n  ContactFormField,\n} from \"./types\";\n\ninterface ContactState {\n  // State\n  contactInfo: ContactInfo | null;\n  formFields: ContactFormField[] | null;\n  isLoading: boolean;\n  isSubmitting: boolean;\n  error: string | null;\n  submitSuccess: boolean;\n\n  // Actions\n  submitContactForm: (\n    payload: ContactSubmitPayload\n  ) => Promise<ContactSubmitResponse>;\n  fetchContactInfo: () => Promise<void>;\n  fetchFormFields: () => Promise<void>;\n  clearError: () => void;\n  clearSubmitSuccess: () => void;\n}\n\nlet contactService: ContactService | null = null;\n\nexport const useContact = create<ContactState>((set) => ({\n  // Initial state\n  contactInfo: null,\n  formFields: null,\n  isLoading: false,\n  isSubmitting: false,\n  error: null,\n  submitSuccess: false,\n\n  /**\n   * Submit contact form\n   */\n  submitContactForm: async (payload) => {\n    if (!contactService) {\n      throw new Error(\n        \"Contact service not initialized. Call initializeOnex() first.\"\n      );\n    }\n\n    set({ isSubmitting: true, error: null, submitSuccess: false });\n    try {\n      const response = await contactService.submitContactForm(payload);\n      set({ isSubmitting: false, submitSuccess: true });\n      return response;\n    } catch (error) {\n      set({ error: (error as Error).message, isSubmitting: false });\n      throw error;\n    }\n  },\n\n  /**\n   * Fetch contact information\n   */\n  fetchContactInfo: async () => {\n    if (!contactService) {\n      throw new Error(\n        \"Contact service not initialized. Call initializeOnex() first.\"\n      );\n    }\n\n    set({ isLoading: true, error: null });\n    try {\n      const contactInfo = await contactService.getContactInfo();\n      set({ contactInfo, isLoading: false });\n    } catch (error) {\n      set({ error: (error as Error).message, isLoading: false });\n    }\n  },\n\n  /**\n   * Fetch form fields configuration\n   */\n  fetchFormFields: async () => {\n    if (!contactService) {\n      throw new Error(\n        \"Contact service not initialized. Call initializeOnex() first.\"\n      );\n    }\n\n    set({ isLoading: true, error: null });\n    try {\n      const formFields = await contactService.getFormFields();\n      set({ formFields, isLoading: false });\n    } catch (error) {\n      set({ error: (error as Error).message, isLoading: false });\n    }\n  },\n\n  /**\n   * Clear error\n   */\n  clearError: () => {\n    set({ error: null });\n  },\n\n  /**\n   * Clear submit success flag\n   */\n  clearSubmitSuccess: () => {\n    set({ submitSuccess: false });\n  },\n}));\n\n/**\n * Initialize contact service\n * @internal Called by initializeOnex()\n */\nexport function initializeContactService(service: ContactService): void {\n  contactService = service;\n}\n","/**\n * Contact Service\n * Handles contact form submissions and contact info\n */\n\nimport { ApiClient } from \"../../api/client\";\nimport type {\n  ContactSubmitPayload,\n  ContactSubmitResponse,\n  ContactInfo,\n  ContactFormField,\n} from \"./types\";\n\nexport class ContactService {\n  constructor(\n    private api: ApiClient,\n    private companyId: string\n  ) {}\n\n  /**\n   * Submit contact form\n   */\n  async submitContactForm(\n    payload: ContactSubmitPayload\n  ): Promise<ContactSubmitResponse> {\n    const endpoint = `/contact/public/${this.companyId}/submit`;\n    return await this.api.post<ContactSubmitResponse>(endpoint, {\n      ...payload,\n      source: \"website_contact_form\",\n    });\n  }\n\n  /**\n   * Get contact information\n   */\n  async getContactInfo(): Promise<ContactInfo> {\n    const endpoint = `/contact/public/${this.companyId}/info`;\n    return await this.api.get<ContactInfo>(endpoint);\n  }\n\n  /**\n   * Get contact form fields configuration\n   */\n  async getFormFields(): Promise<ContactFormField[]> {\n    const endpoint = `/contact/public/${this.companyId}/form-fields`;\n    return await this.api.get<ContactFormField[]>(endpoint);\n  }\n}\n"]}