@aigentyc/chat-sdk 0.1.0

package/dist/chunk-J2H6MLQF.cjs

@@ -0,0 +1,680 @@
+"use client";
+'use strict';
+
+var chunkQ7T3VAJV_cjs = require('./chunk-Q7T3VAJV.cjs');
+var react = require('@json-render/react');
+var react$1 = require('react');
+var shadcn = require('@json-render/shadcn');
+var core = require('@json-render/core');
+var schema = require('@json-render/react/schema');
+var catalog$1 = require('@json-render/shadcn/catalog');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+var seriesSchema = zod.z.object({
+  dataKey: zod.z.string(),
+  label: zod.z.string(),
+  color: zod.z.string().nullable().optional(),
+  type: zod.z.enum(["line", "bar", "area"]).nullable().optional()
+});
+var chartConfigSchema = zod.z.object({
+  xAxis: zod.z.string().nullable().optional(),
+  series: zod.z.array(seriesSchema),
+  showGrid: zod.z.boolean().nullable().optional(),
+  showLegend: zod.z.boolean().nullable().optional(),
+  stacked: zod.z.boolean().nullable().optional(),
+  valueFormatter: zod.z.enum(["currency", "percent", "number", "compact"]).nullable().optional()
+});
+var chartBaseProps = {
+  title: zod.z.string().nullable().optional(),
+  description: zod.z.string().nullable().optional(),
+  data: zod.z.array(zod.z.record(zod.z.string(), zod.z.unknown())),
+  config: chartConfigSchema,
+  height: zod.z.number().nullable().optional()
+};
+var catalog = core.defineCatalog(schema.schema, {
+  components: {
+    // ── Layout ──────────────────────────────────────────────
+    Card: catalog$1.shadcnComponentDefinitions.Card,
+    Stack: catalog$1.shadcnComponentDefinitions.Stack,
+    Grid: catalog$1.shadcnComponentDefinitions.Grid,
+    Separator: catalog$1.shadcnComponentDefinitions.Separator,
+    Tabs: catalog$1.shadcnComponentDefinitions.Tabs,
+    Accordion: catalog$1.shadcnComponentDefinitions.Accordion,
+    Collapsible: catalog$1.shadcnComponentDefinitions.Collapsible,
+    Dialog: catalog$1.shadcnComponentDefinitions.Dialog,
+    Drawer: catalog$1.shadcnComponentDefinitions.Drawer,
+    Carousel: catalog$1.shadcnComponentDefinitions.Carousel,
+    // ── Typography ──────────────────────────────────────────
+    Heading: catalog$1.shadcnComponentDefinitions.Heading,
+    Text: catalog$1.shadcnComponentDefinitions.Text,
+    Badge: catalog$1.shadcnComponentDefinitions.Badge,
+    Link: catalog$1.shadcnComponentDefinitions.Link,
+    Alert: catalog$1.shadcnComponentDefinitions.Alert,
+    // ── Media ───────────────────────────────────────────────
+    Image: catalog$1.shadcnComponentDefinitions.Image,
+    Avatar: catalog$1.shadcnComponentDefinitions.Avatar,
+    // ── Data ────────────────────────────────────────────────
+    Table: catalog$1.shadcnComponentDefinitions.Table,
+    // ── Charts & Visualization ────────────────────────────
+    LineChart: {
+      props: zod.z.object(chartBaseProps),
+      description: "Line chart for trends over time. Provide data array + config.xAxis + config.series.",
+      example: {
+        title: "Monthly Sales",
+        data: [{ month: "Jan", sales: 100 }, { month: "Feb", sales: 150 }],
+        config: { xAxis: "month", series: [{ dataKey: "sales", label: "Sales" }] }
+      }
+    },
+    BarChart: {
+      props: zod.z.object(chartBaseProps),
+      description: "Bar chart for comparing categories. Provide data array + config.xAxis + config.series.",
+      example: {
+        title: "Product Comparison",
+        data: [{ product: "A", revenue: 500 }, { product: "B", revenue: 300 }],
+        config: { xAxis: "product", series: [{ dataKey: "revenue", label: "Revenue" }] }
+      }
+    },
+    PieChart: {
+      props: zod.z.object({
+        title: zod.z.string().nullable().optional(),
+        description: zod.z.string().nullable().optional(),
+        data: zod.z.array(zod.z.record(zod.z.string(), zod.z.unknown())),
+        dataKey: zod.z.string(),
+        nameKey: zod.z.string().nullable().optional(),
+        height: zod.z.number().nullable().optional()
+      }),
+      description: "Pie chart for proportional breakdown. Each data item needs a name and a value field.",
+      example: {
+        title: "Market Share",
+        data: [{ name: "Product A", value: 60 }, { name: "Product B", value: 40 }],
+        dataKey: "value",
+        nameKey: "name"
+      }
+    },
+    AreaChart: {
+      props: zod.z.object(chartBaseProps),
+      description: "Area chart for cumulative values over time with gradient fills.",
+      example: {
+        title: "Traffic Volume",
+        data: [{ day: "Mon", visits: 200 }, { day: "Tue", visits: 350 }],
+        config: { xAxis: "day", series: [{ dataKey: "visits", label: "Visits" }] }
+      }
+    },
+    MetricCards: {
+      props: zod.z.object({
+        title: zod.z.string().nullable().optional(),
+        metrics: zod.z.array(
+          zod.z.object({
+            label: zod.z.string(),
+            value: zod.z.string(),
+            unit: zod.z.string().nullable().optional(),
+            trend: zod.z.string().nullable().optional(),
+            trendDirection: zod.z.enum(["up", "down", "neutral"]).nullable().optional(),
+            description: zod.z.string().nullable().optional()
+          })
+        )
+      }),
+      description: "KPI metric cards grid with big numbers and optional trend indicators.",
+      example: {
+        metrics: [
+          { label: "Revenue", value: "$1.2M", trend: "+12%", trendDirection: "up" },
+          { label: "Users", value: "45K", trend: "-3%", trendDirection: "down" }
+        ]
+      }
+    },
+    ComparisonTable: {
+      props: zod.z.object({
+        title: zod.z.string().nullable().optional(),
+        items: zod.z.array(
+          zod.z.object({
+            name: zod.z.string(),
+            highlight: zod.z.boolean().nullable().optional(),
+            features: zod.z.record(zod.z.string(), zod.z.union([zod.z.string(), zod.z.boolean(), zod.z.number()]))
+          })
+        ),
+        fields: zod.z.array(
+          zod.z.object({
+            key: zod.z.string(),
+            label: zod.z.string(),
+            type: zod.z.enum(["text", "boolean", "rating"]).nullable().optional()
+          })
+        )
+      }),
+      description: "Side-by-side comparison table. Items are columns, fields are rows.",
+      example: {
+        title: "Plan Comparison",
+        items: [
+          { name: "Basic", features: { price: "$9/mo", storage: "10GB", support: true } },
+          { name: "Pro", highlight: true, features: { price: "$29/mo", storage: "100GB", support: true } }
+        ],
+        fields: [
+          { key: "price", label: "Price", type: "text" },
+          { key: "storage", label: "Storage", type: "text" },
+          { key: "support", label: "Support", type: "boolean" }
+        ]
+      }
+    },
+    Timeline: {
+      props: zod.z.object({
+        title: zod.z.string().nullable().optional(),
+        events: zod.z.array(
+          zod.z.object({
+            date: zod.z.string().nullable().optional(),
+            title: zod.z.string(),
+            description: zod.z.string().nullable().optional(),
+            status: zod.z.enum(["completed", "current", "upcoming"]).nullable().optional()
+          })
+        )
+      }),
+      description: "Vertical timeline for chronological events or process steps.",
+      example: {
+        events: [
+          { title: "Order Placed", date: "Jan 1", status: "completed" },
+          { title: "Shipped", date: "Jan 3", status: "current" },
+          { title: "Delivered", status: "upcoming" }
+        ]
+      }
+    },
+    ProgressBars: {
+      props: zod.z.object({
+        title: zod.z.string().nullable().optional(),
+        goals: zod.z.array(
+          zod.z.object({
+            label: zod.z.string(),
+            current: zod.z.number(),
+            target: zod.z.number(),
+            unit: zod.z.string().nullable().optional()
+          })
+        )
+      }),
+      description: "Progress bars for goal tracking with current/target values.",
+      example: {
+        goals: [
+          { label: "Revenue", current: 75e3, target: 1e5, unit: "$" },
+          { label: "Users", current: 800, target: 1e3 }
+        ]
+      }
+    },
+    // ── Form ────────────────────────────────────────────────
+    Input: catalog$1.shadcnComponentDefinitions.Input,
+    Textarea: catalog$1.shadcnComponentDefinitions.Textarea,
+    Select: catalog$1.shadcnComponentDefinitions.Select,
+    Checkbox: catalog$1.shadcnComponentDefinitions.Checkbox,
+    Radio: catalog$1.shadcnComponentDefinitions.Radio,
+    Switch: catalog$1.shadcnComponentDefinitions.Switch,
+    Slider: catalog$1.shadcnComponentDefinitions.Slider,
+    Button: catalog$1.shadcnComponentDefinitions.Button,
+    ButtonGroup: catalog$1.shadcnComponentDefinitions.ButtonGroup,
+    Toggle: catalog$1.shadcnComponentDefinitions.Toggle,
+    ToggleGroup: catalog$1.shadcnComponentDefinitions.ToggleGroup,
+    DropdownMenu: catalog$1.shadcnComponentDefinitions.DropdownMenu,
+    // ── Feedback ────────────────────────────────────────────
+    Progress: catalog$1.shadcnComponentDefinitions.Progress,
+    Spinner: catalog$1.shadcnComponentDefinitions.Spinner,
+    Skeleton: catalog$1.shadcnComponentDefinitions.Skeleton,
+    Tooltip: catalog$1.shadcnComponentDefinitions.Tooltip,
+    Popover: catalog$1.shadcnComponentDefinitions.Popover,
+    // ── Navigation ──────────────────────────────────────────
+    Pagination: catalog$1.shadcnComponentDefinitions.Pagination
+  },
+  actions: {
+    navigate_url: {
+      params: zod.z.object({
+        url: zod.z.string(),
+        target: zod.z.enum(["_self", "_blank"]).default("_blank")
+      }),
+      description: "Open a URL in a new tab or the current tab."
+    },
+    send_message: {
+      params: zod.z.object({
+        message: zod.z.string()
+      }),
+      description: "Send a follow-up chat message on behalf of the user."
+    },
+    call_api: {
+      params: zod.z.object({
+        endpoint: zod.z.string(),
+        method: zod.z.enum(["GET", "POST", "PUT", "DELETE"]).default("POST"),
+        body: zod.z.record(zod.z.string(), zod.z.unknown()).optional()
+      }),
+      description: "Make a proxied API call through the platform backend."
+    }
+  }
+});
+var { registry, handlers: createActionHandlers } = react.defineRegistry(
+  catalog,
+  {
+    components: {
+      // ── Layout ──────────────────────────────────────────────
+      Card: (p) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full [&>div]:border-0 [&>div]:shadow-none", children: shadcn.shadcnComponents.Card(p) }),
+      Stack: shadcn.shadcnComponents.Stack,
+      Grid: shadcn.shadcnComponents.Grid,
+      Separator: shadcn.shadcnComponents.Separator,
+      Tabs: shadcn.shadcnComponents.Tabs,
+      Accordion: shadcn.shadcnComponents.Accordion,
+      Collapsible: shadcn.shadcnComponents.Collapsible,
+      Dialog: shadcn.shadcnComponents.Dialog,
+      Drawer: shadcn.shadcnComponents.Drawer,
+      Carousel: shadcn.shadcnComponents.Carousel,
+      // ── Typography ──────────────────────────────────────────
+      Heading: shadcn.shadcnComponents.Heading,
+      Text: shadcn.shadcnComponents.Text,
+      Badge: shadcn.shadcnComponents.Badge,
+      Link: shadcn.shadcnComponents.Link,
+      Alert: shadcn.shadcnComponents.Alert,
+      // ── Media ───────────────────────────────────────────────
+      Image: shadcn.shadcnComponents.Image,
+      Avatar: shadcn.shadcnComponents.Avatar,
+      // ── Data ────────────────────────────────────────────────
+      Table: shadcn.shadcnComponents.Table,
+      // ── Charts & Visualization ────────────────────────────
+      LineChart: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "line_chart",
+            title: props.title ?? void 0,
+            description: props.description ?? void 0,
+            data: props.data,
+            config: {
+              xAxis: props.config?.xAxis ?? void 0,
+              series: props.config?.series?.map((s) => ({
+                dataKey: s.dataKey,
+                label: s.label,
+                color: s.color ?? void 0
+              })),
+              showGrid: props.config?.showGrid ?? void 0,
+              showLegend: props.config?.showLegend ?? void 0,
+              stacked: props.config?.stacked ?? void 0,
+              valueFormatter: props.config?.valueFormatter ?? void 0
+            }
+          }
+        }
+      ),
+      BarChart: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "bar_chart",
+            title: props.title ?? void 0,
+            description: props.description ?? void 0,
+            data: props.data,
+            config: {
+              xAxis: props.config?.xAxis ?? void 0,
+              series: props.config?.series?.map((s) => ({
+                dataKey: s.dataKey,
+                label: s.label,
+                color: s.color ?? void 0
+              })),
+              showGrid: props.config?.showGrid ?? void 0,
+              showLegend: props.config?.showLegend ?? void 0,
+              stacked: props.config?.stacked ?? void 0,
+              valueFormatter: props.config?.valueFormatter ?? void 0
+            }
+          }
+        }
+      ),
+      PieChart: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "pie_chart",
+            title: props.title ?? void 0,
+            description: props.description ?? void 0,
+            data: props.data,
+            config: {
+              series: [{ dataKey: props.dataKey, label: props.dataKey }]
+            }
+          }
+        }
+      ),
+      AreaChart: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "area_chart",
+            title: props.title ?? void 0,
+            description: props.description ?? void 0,
+            data: props.data,
+            config: {
+              xAxis: props.config?.xAxis ?? void 0,
+              series: props.config?.series?.map((s) => ({
+                dataKey: s.dataKey,
+                label: s.label,
+                color: s.color ?? void 0
+              })),
+              showGrid: props.config?.showGrid ?? void 0,
+              showLegend: props.config?.showLegend ?? void 0,
+              stacked: props.config?.stacked ?? void 0,
+              valueFormatter: props.config?.valueFormatter ?? void 0
+            }
+          }
+        }
+      ),
+      MetricCards: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "metric_cards",
+            title: props.title ?? void 0,
+            metrics: props.metrics?.map((m) => ({
+              label: m.label,
+              value: m.value,
+              unit: m.unit ?? void 0,
+              trend: m.trend ?? void 0,
+              trendDirection: m.trendDirection ?? void 0,
+              description: m.description ?? void 0
+            }))
+          }
+        }
+      ),
+      ComparisonTable: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "comparison",
+            title: props.title ?? void 0,
+            items: props.items?.map((item) => ({
+              name: item.name,
+              highlight: item.highlight ?? void 0,
+              features: item.features
+            })),
+            comparisonFields: props.fields?.map((f) => ({
+              key: f.key,
+              label: f.label,
+              type: f.type ?? void 0
+            }))
+          }
+        }
+      ),
+      Timeline: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "timeline",
+            title: props.title ?? void 0,
+            events: props.events?.map((e) => ({
+              date: e.date ?? void 0,
+              title: e.title,
+              description: e.description ?? void 0,
+              status: e.status ?? void 0
+            }))
+          }
+        }
+      ),
+      ProgressBars: ({ props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQ7T3VAJV_cjs.VisualizationRenderer,
+        {
+          spec: {
+            type: "progress",
+            title: props.title ?? void 0,
+            goals: props.goals?.map((g) => ({
+              label: g.label,
+              current: g.current,
+              target: g.target,
+              unit: g.unit ?? void 0
+            }))
+          }
+        }
+      ),
+      // ── Form (wrapped with w-full for proper layout) ────────
+      Input: (p) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: shadcn.shadcnComponents.Input(p) }),
+      Textarea: (p) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: shadcn.shadcnComponents.Textarea(p) }),
+      Select: (p) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: shadcn.shadcnComponents.Select(p) }),
+      Checkbox: shadcn.shadcnComponents.Checkbox,
+      Radio: shadcn.shadcnComponents.Radio,
+      Switch: shadcn.shadcnComponents.Switch,
+      Slider: shadcn.shadcnComponents.Slider,
+      Button: shadcn.shadcnComponents.Button,
+      ButtonGroup: shadcn.shadcnComponents.ButtonGroup,
+      Toggle: shadcn.shadcnComponents.Toggle,
+      ToggleGroup: shadcn.shadcnComponents.ToggleGroup,
+      DropdownMenu: shadcn.shadcnComponents.DropdownMenu,
+      // ── Feedback ────────────────────────────────────────────
+      Progress: shadcn.shadcnComponents.Progress,
+      Spinner: shadcn.shadcnComponents.Spinner,
+      Skeleton: shadcn.shadcnComponents.Skeleton,
+      Tooltip: shadcn.shadcnComponents.Tooltip,
+      Popover: shadcn.shadcnComponents.Popover,
+      // ── Navigation ──────────────────────────────────────────
+      Pagination: shadcn.shadcnComponents.Pagination
+    },
+    actions: {
+      navigate_url: async (params) => {
+        if (params?.url) {
+          window.open(params.url, params.target ?? "_blank");
+        }
+      },
+      send_message: async (params) => {
+        console.log("[json-render] send_message action:", params?.message);
+      },
+      call_api: async (params) => {
+        const p = params;
+        const url = p?.endpoint || p?.url;
+        if (!url) {
+          console.warn("[json-render] call_api: missing endpoint/url");
+          return;
+        }
+        const method = (params?.method || "POST").toUpperCase();
+        try {
+          const res = await fetch(url, {
+            method,
+            headers: { "Content-Type": "application/json" },
+            ...method !== "GET" && params?.body ? { body: JSON.stringify(params.body) } : {}
+          });
+          const data = await res.json().catch(() => null);
+          console.log("[json-render] call_api response:", res.status, data);
+          return data;
+        } catch (err) {
+          console.error("[json-render] call_api error:", err);
+        }
+      }
+    }
+  }
+);
+function normalizeSpec(raw) {
+  if (typeof raw.root === "string" && raw.elements) {
+    return raw;
+  }
+  const elements = {};
+  for (const [key, value] of Object.entries(raw)) {
+    if (value && typeof value === "object" && "type" in value) {
+      elements[key] = value;
+    }
+  }
+  return { root: "root", elements };
+}
+function extractSpecState(raw) {
+  const state = raw.state;
+  if (!state || typeof state !== "object") return {};
+  const result = {};
+  function walk(obj, prefix) {
+    for (const [key, value] of Object.entries(obj)) {
+      const path = `${prefix}/${key}`;
+      result[path] = value;
+      if (value && typeof value === "object" && !Array.isArray(value)) {
+        walk(value, path);
+      }
+    }
+  }
+  walk(state, "");
+  return result;
+}
+function deepResolve(value, stateMap) {
+  if (value === null || value === void 0) return value;
+  if (typeof value === "object" && !Array.isArray(value)) {
+    const obj = value;
+    if (Object.keys(obj).length === 1 && typeof obj.$state === "string") {
+      return stateMap[obj.$state];
+    }
+    const resolved = {};
+    for (const [key, val] of Object.entries(obj)) {
+      resolved[key] = deepResolve(val, stateMap);
+    }
+    return resolved;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => deepResolve(item, stateMap));
+  }
+  return value;
+}
+function JsonRenderResult({
+  spec: rawSpec,
+  data,
+  onSendMessage,
+  className,
+  conversationMessages,
+  apiKey
+}) {
+  const rawSpecObj = rawSpec;
+  const spec = react$1.useMemo(() => normalizeSpec(rawSpecObj), [rawSpecObj]);
+  const formConfig = react$1.useMemo(
+    () => rawSpecObj._formConfig || null,
+    [rawSpecObj]
+  );
+  const initialState = react$1.useMemo(() => {
+    const specState = extractSpecState(rawSpecObj);
+    return {
+      "/data": data,
+      ...conversationMessages ? { "/conversationMessages": conversationMessages } : {},
+      ...specState
+    };
+  }, [data, rawSpecObj, conversationMessages]);
+  const stateRef = react$1.useRef(initialState);
+  const validateRef = react$1.useRef(null);
+  const handleStateChange = react$1.useCallback(
+    (changes) => {
+      for (const { path, value } of changes) {
+        stateRef.current[path] = value;
+      }
+    },
+    []
+  );
+  const handlers = react$1.useMemo(
+    () => ({
+      navigate_url: async (params) => {
+        if (params?.url) {
+          window.open(
+            params.url,
+            params.target ?? "_blank"
+          );
+        }
+      },
+      send_message: async (params) => {
+        if (onSendMessage && params?.message && typeof params.message === "string") {
+          onSendMessage(params.message);
+        }
+      },
+      call_api: async (params) => {
+        if (validateRef.current) {
+          const isValid = validateRef.current();
+          if (!isValid) {
+            throw new Error("Validation failed");
+          }
+        }
+        const resolved = deepResolve(
+          params,
+          stateRef.current
+        );
+        const url = resolved?.endpoint || resolved?.url;
+        if (!url) {
+          throw new Error("Missing endpoint/url in call_api params");
+        }
+        const method = (resolved?.method || "POST").toUpperCase();
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (apiKey) {
+          headers.Authorization = `Bearer ${apiKey}`;
+        }
+        const res = await fetch(url, {
+          method,
+          headers,
+          credentials: "include",
+          ...method !== "GET" && resolved?.body ? { body: JSON.stringify(resolved.body) } : {}
+        });
+        if (!res.ok) {
+          const errBody = await res.text().catch(() => "");
+          throw new Error(
+            errBody || `Request failed with status ${res.status}`
+          );
+        }
+        const responseData = await res.json().catch(() => null);
+        return responseData;
+      }
+    }),
+    [onSendMessage, apiKey]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    react.JSONUIProvider,
+    {
+      registry,
+      initialState,
+      handlers,
+      onStateChange: handleStateChange,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ValidationBridge, { validateRef }),
+        formConfig ? /* @__PURE__ */ jsxRuntime.jsx(FormFeedbackWrapper, { formConfig, children: /* @__PURE__ */ jsxRuntime.jsx(react.Renderer, { spec, registry }) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Renderer, { spec, registry })
+      ]
+    }
+  ) });
+}
+function FormFeedbackWrapper({
+  formConfig,
+  children
+}) {
+  const formSubmitted = react.useStateValue("/formSubmitted");
+  const formError = react.useStateValue("/formError");
+  const isSubmitted = formSubmitted === true;
+  const hasError = !!formError && formError !== "" && formError !== false;
+  if (isSubmitted && formConfig.hideFormAfter) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-lg border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-950/30",
+        role: "alert",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-green-800 dark:text-green-200", children: formConfig.successMessage || "Submitted successfully!" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    isSubmitted && formConfig.successMessage && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-lg border border-green-200 bg-green-50 p-3 mb-3 dark:border-green-800 dark:bg-green-950/30",
+        role: "alert",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-green-800 dark:text-green-200", children: formConfig.successMessage })
+      }
+    ),
+    hasError && formConfig.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-lg border border-red-200 bg-red-50 p-3 mb-3 dark:border-red-800 dark:bg-red-950/30",
+        role: "alert",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: formConfig.errorMessage })
+      }
+    ),
+    children
+  ] });
+}
+function ValidationBridge({
+  validateRef
+}) {
+  const validation = react.useValidation();
+  react$1.useEffect(() => {
+    if (validation?.validateAll) {
+      validateRef.current = () => validation.validateAll();
+    }
+    return () => {
+      validateRef.current = null;
+    };
+  }, [validation, validateRef]);
+  return null;
+}
+
+exports.JsonRenderResult = JsonRenderResult;
+exports.catalog = catalog;
+exports.registry = registry;
+//# sourceMappingURL=chunk-J2H6MLQF.cjs.map
+//# sourceMappingURL=chunk-J2H6MLQF.cjs.map