@nextsparkjs/core 0.1.0-beta.8 → 0.1.0-beta.81

package/dist/components/dashboard/block-editor/category-helpers.d.ts

@@ -0,0 +1,62 @@
+import { type LucideIcon } from 'lucide-react';
+/**
+ * Category configuration with semantic colors and icons
+ * Following the UX design guidelines from the mock
+ */
+export declare const CATEGORY_CONFIG: {
+    readonly hero: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly bgColor: "bg-indigo-50";
+        readonly textColor: "text-indigo-600";
+        readonly borderColor: "border-indigo-200";
+    };
+    readonly content: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly bgColor: "bg-emerald-50";
+        readonly textColor: "text-emerald-600";
+        readonly borderColor: "border-emerald-200";
+    };
+    readonly cta: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly bgColor: "bg-orange-50";
+        readonly textColor: "text-orange-600";
+        readonly borderColor: "border-orange-200";
+    };
+    readonly stats: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly bgColor: "bg-blue-50";
+        readonly textColor: "text-blue-600";
+        readonly borderColor: "border-blue-200";
+    };
+    readonly default: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly bgColor: "bg-slate-50";
+        readonly textColor: "text-slate-600";
+        readonly borderColor: "border-slate-200";
+    };
+};
+export type CategoryKey = keyof typeof CATEGORY_CONFIG;
+export interface CategoryConfig {
+    icon: LucideIcon;
+    bgColor: string;
+    textColor: string;
+    borderColor: string;
+}
+/**
+ * Get category configuration for a given category
+ * Falls back to 'default' if category is not found
+ */
+export declare function getCategoryConfig(category: string): CategoryConfig;
+/**
+ * Get the icon component for a given category
+ */
+export declare function getCategoryIcon(category: string): LucideIcon;
+/**
+ * Get the color classes for a given category
+ */
+export declare function getCategoryColors(category: string): {
+    bg: string;
+    text: string;
+    border: string;
+};
+//# sourceMappingURL=category-helpers.d.ts.map

package/dist/components/dashboard/block-editor/category-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/category-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,cAAc,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,eAAe,CAAA;AAEtD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAIlE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAE5D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf,CAOA"}

package/dist/components/dashboard/block-editor/category-helpers.js

@@ -0,0 +1,59 @@
+import {
+  Heading,
+  LayoutGrid,
+  Megaphone,
+  BarChart3,
+  Component
+} from "lucide-react";
+const CATEGORY_CONFIG = {
+  hero: {
+    icon: Heading,
+    bgColor: "bg-indigo-50",
+    textColor: "text-indigo-600",
+    borderColor: "border-indigo-200"
+  },
+  content: {
+    icon: LayoutGrid,
+    bgColor: "bg-emerald-50",
+    textColor: "text-emerald-600",
+    borderColor: "border-emerald-200"
+  },
+  cta: {
+    icon: Megaphone,
+    bgColor: "bg-orange-50",
+    textColor: "text-orange-600",
+    borderColor: "border-orange-200"
+  },
+  stats: {
+    icon: BarChart3,
+    bgColor: "bg-blue-50",
+    textColor: "text-blue-600",
+    borderColor: "border-blue-200"
+  },
+  default: {
+    icon: Component,
+    bgColor: "bg-slate-50",
+    textColor: "text-slate-600",
+    borderColor: "border-slate-200"
+  }
+};
+function getCategoryConfig(category) {
+  return CATEGORY_CONFIG[category] || CATEGORY_CONFIG.default;
+}
+function getCategoryIcon(category) {
+  return getCategoryConfig(category).icon;
+}
+function getCategoryColors(category) {
+  const config = getCategoryConfig(category);
+  return {
+    bg: config.bgColor,
+    text: config.textColor,
+    border: config.borderColor
+  };
+}
+export {
+  CATEGORY_CONFIG,
+  getCategoryColors,
+  getCategoryConfig,
+  getCategoryIcon
+};

package/dist/components/dashboard/block-editor/config-panel.d.ts

@@ -0,0 +1,18 @@
+import type { ClientEntityConfig } from '@nextsparkjs/registries/entity-registry.client';
+import type { PageSettings } from './page-settings-panel';
+interface ConfigPanelProps {
+    entityConfig: ClientEntityConfig;
+    entityFields: Record<string, unknown>;
+    onEntityFieldChange: (field: string, value: unknown) => void;
+    pageSettings: PageSettings;
+    onPageSettingsChange: (settings: PageSettings) => void;
+}
+/**
+ * ConfigPanel - Settings view for the center column
+ *
+ * Combines entity fields and SEO/meta settings in a single scrollable panel
+ * with two collapsible sections.
+ */
+export declare function ConfigPanel({ entityConfig, entityFields, onEntityFieldChange, pageSettings, onPageSettingsChange }: ConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=config-panel.d.ts.map

package/dist/components/dashboard/block-editor/config-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/config-panel.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AACxF,OAAO,KAAK,EAAE,YAAY,EAAoC,MAAM,uBAAuB,CAAA;AAS3F,UAAU,gBAAgB;IACxB,YAAY,EAAE,kBAAkB,CAAA;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D,YAAY,EAAE,YAAY,CAAA;IAC1B,oBAAoB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAA;CACvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACrB,EAAE,gBAAgB,2CA6alB"}

package/dist/components/dashboard/block-editor/config-panel.js

@@ -0,0 +1,444 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { useTranslations } from "next-intl";
+import { useQuery } from "@tanstack/react-query";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../../ui/collapsible.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import { Input } from "../../ui/input.js";
+import { Textarea } from "../../ui/textarea.js";
+import { Label } from "../../ui/label.js";
+import { Badge } from "../../ui/badge.js";
+import { Button } from "../../ui/button.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import {
+  ChevronDown,
+  FileText,
+  Image,
+  Tag,
+  Search,
+  Settings2,
+  Plus,
+  Trash2,
+  Loader2
+} from "lucide-react";
+import { cn } from "../../../lib/utils/index.js";
+import { sel } from "../../../lib/test/index.js";
+function ConfigPanel({
+  entityConfig,
+  entityFields,
+  onEntityFieldChange,
+  pageSettings,
+  onPageSettingsChange
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const t = useTranslations("admin.builder");
+  const tSettings = useTranslations("admin.pages.settings");
+  const [entityFieldsOpen, setEntityFieldsOpen] = useState(true);
+  const [seoOpen, setSeoOpen] = useState(true);
+  const [customFieldsOpen, setCustomFieldsOpen] = useState(true);
+  const sidebarFields = ((_a = entityConfig.builder) == null ? void 0 : _a.sidebarFields) || [];
+  const taxonomyTypes = ((_b = entityConfig.taxonomies) == null ? void 0 : _b.types) || [];
+  const taxonomiesEnabled = ((_c = entityConfig.taxonomies) == null ? void 0 : _c.enabled) && taxonomyTypes.length > 0;
+  const firstTaxonomy = taxonomyTypes[0];
+  const taxonomyApiPath = ((_d = firstTaxonomy == null ? void 0 : firstTaxonomy.type) == null ? void 0 : _d.replace("_", "-")) + "s";
+  const { data: taxonomyData, isLoading: taxonomyLoading } = useQuery({
+    queryKey: ["taxonomies", taxonomyApiPath],
+    queryFn: async () => {
+      const response = await fetch(`/api/v1/${taxonomyApiPath}`);
+      if (!response.ok) return { data: [] };
+      return response.json();
+    },
+    enabled: taxonomiesEnabled && !!taxonomyApiPath
+  });
+  const taxonomyItems = (taxonomyData == null ? void 0 : taxonomyData.data) || [];
+  const currentCategories = entityFields.categories || [];
+  const showEntityFieldsSection = useMemo(() => {
+    return sidebarFields.length > 0 || taxonomiesEnabled;
+  }, [sidebarFields.length, taxonomiesEnabled]);
+  const showSeoSection = ((_e = entityConfig.builder) == null ? void 0 : _e.seo) !== false;
+  const renderField = (fieldName) => {
+    const value = entityFields[fieldName];
+    const isTextarea = fieldName.toLowerCase().includes("excerpt") || fieldName.toLowerCase().includes("description") || fieldName.toLowerCase().includes("summary");
+    const isImage = fieldName.toLowerCase().includes("image") || fieldName.toLowerCase().includes("thumbnail") || fieldName.toLowerCase().includes("photo");
+    const fieldLabel = fieldName.charAt(0).toUpperCase() + fieldName.slice(1).replace(/([A-Z])/g, " $1");
+    if (isTextarea) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: fieldName, className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }),
+          fieldLabel
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: fieldName,
+            value: value || "",
+            onChange: (e) => onEntityFieldChange(fieldName, e.target.value),
+            placeholder: t("placeholders.excerpt"),
+            rows: 4,
+            className: "resize-none",
+            "data-cy": sel("blockEditor.configPanel.entityFieldsSection.field", { name: fieldName })
+          }
+        )
+      ] }, fieldName);
+    }
+    if (isImage) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: fieldName, className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Image, { className: "h-4 w-4 text-muted-foreground" }),
+          fieldLabel
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: fieldName,
+            type: "url",
+            value: value || "",
+            onChange: (e) => onEntityFieldChange(fieldName, e.target.value),
+            placeholder: t("placeholders.imageUrl"),
+            "data-cy": sel("blockEditor.configPanel.entityFieldsSection.field", { name: fieldName })
+          }
+        ),
+        value && /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-md border overflow-hidden", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: value,
+            alt: fieldLabel,
+            className: "w-full h-32 object-cover",
+            onError: (e) => {
+              e.target.style.display = "none";
+            }
+          }
+        ) })
+      ] }, fieldName);
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: fieldName, children: fieldLabel }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: fieldName,
+          value: value || "",
+          onChange: (e) => onEntityFieldChange(fieldName, e.target.value),
+          "data-cy": sel("blockEditor.configPanel.entityFieldsSection.field", { name: fieldName })
+        }
+      )
+    ] }, fieldName);
+  };
+  const handleCategoryClick = useCallback((categoryId) => {
+    const newCategories = currentCategories.includes(categoryId) ? currentCategories.filter((id) => id !== categoryId) : [...currentCategories, categoryId];
+    onEntityFieldChange("categories", newCategories);
+  }, [currentCategories, onEntityFieldChange]);
+  const handleSeoChange = useCallback((field, value) => {
+    onPageSettingsChange({
+      seo: { ...pageSettings.seo || {}, [field]: value },
+      customFields: pageSettings.customFields || []
+    });
+  }, [pageSettings, onPageSettingsChange]);
+  const handleAddCustomField = useCallback(() => {
+    onPageSettingsChange({
+      seo: pageSettings.seo || {},
+      customFields: [...pageSettings.customFields || [], { key: "", value: "" }]
+    });
+  }, [pageSettings, onPageSettingsChange]);
+  const handleUpdateCustomField = useCallback((index, field, value) => {
+    const newFields = (pageSettings.customFields || []).map(
+      (f, i) => i === index ? { ...f, [field]: value } : f
+    );
+    onPageSettingsChange({
+      seo: pageSettings.seo || {},
+      customFields: newFields
+    });
+  }, [pageSettings, onPageSettingsChange]);
+  const handleRemoveCustomField = useCallback((index) => {
+    onPageSettingsChange({
+      seo: pageSettings.seo || {},
+      customFields: (pageSettings.customFields || []).filter((_, i) => i !== index)
+    });
+  }, [pageSettings, onPageSettingsChange]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-cy": sel("blockEditor.configPanel.container"),
+      className: "h-full bg-background",
+      children: /* @__PURE__ */ jsx(
+        ScrollArea,
+        {
+          "data-cy": sel("blockEditor.configPanel.scroll"),
+          className: "h-full",
+          children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto p-6 space-y-4", children: [
+            showEntityFieldsSection && /* @__PURE__ */ jsxs(
+              Collapsible,
+              {
+                open: entityFieldsOpen,
+                onOpenChange: setEntityFieldsOpen,
+                "data-cy": sel("blockEditor.configPanel.entityFieldsSection.container"),
+                className: "bg-card rounded-lg border",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    CollapsibleTrigger,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.entityFieldsSection.trigger"),
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t("config.entityFields") })
+                        ] }),
+                        /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+                          "h-4 w-4 text-muted-foreground transition-transform",
+                          entityFieldsOpen && "rotate-180"
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    CollapsibleContent,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.entityFieldsSection.content"),
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-4 pb-4 pt-2 border-t", children: [
+                        sidebarFields.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: sidebarFields.map((fieldName) => renderField(fieldName)) }),
+                        taxonomiesEnabled && firstTaxonomy && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4 text-muted-foreground" }),
+                            /* @__PURE__ */ jsx(Label, { children: firstTaxonomy.label || "Categories" })
+                          ] }),
+                          taxonomyLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : taxonomyItems.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("sidebar.noCategories") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: taxonomyItems.map((item) => /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              className: "flex items-center gap-2 rounded-md border p-2 hover:bg-accent transition-colors cursor-pointer",
+                              onClick: () => handleCategoryClick(item.id),
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  Checkbox,
+                                  {
+                                    checked: currentCategories.includes(item.id),
+                                    onCheckedChange: () => handleCategoryClick(item.id)
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx("span", { className: "text-sm flex-1", children: item.name }),
+                                item.color && /* @__PURE__ */ jsx(
+                                  "div",
+                                  {
+                                    className: "h-3 w-3 rounded-full",
+                                    style: { backgroundColor: item.color }
+                                  }
+                                )
+                              ]
+                            },
+                            item.id
+                          )) }),
+                          currentCategories.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 pt-2", children: currentCategories.map((catId) => {
+                            const cat = taxonomyItems.find((t2) => t2.id === catId);
+                            return cat ? /* @__PURE__ */ jsxs(
+                              Badge,
+                              {
+                                variant: "secondary",
+                                className: "cursor-pointer",
+                                onClick: () => handleCategoryClick(cat.id),
+                                style: cat.color ? { backgroundColor: cat.color, color: "#fff" } : void 0,
+                                children: [
+                                  cat.name,
+                                  " \xD7"
+                                ]
+                              },
+                              cat.id
+                            ) : null;
+                          }) })
+                        ] })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ),
+            showSeoSection && /* @__PURE__ */ jsxs(
+              Collapsible,
+              {
+                open: seoOpen,
+                onOpenChange: setSeoOpen,
+                "data-cy": sel("blockEditor.configPanel.seoSection.container"),
+                className: "bg-card rounded-lg border",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    CollapsibleTrigger,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.seoSection.trigger"),
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t("config.seo") })
+                        ] }),
+                        /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+                          "h-4 w-4 text-muted-foreground transition-transform",
+                          seoOpen && "rotate-180"
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    CollapsibleContent,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.seoSection.content"),
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-4 pb-4 pt-2 border-t", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "meta-title", children: tSettings("seo.metaTitle") }),
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              id: "meta-title",
+                              value: ((_f = pageSettings.seo) == null ? void 0 : _f.metaTitle) || "",
+                              onChange: (e) => handleSeoChange("metaTitle", e.target.value),
+                              placeholder: tSettings("seo.metaTitlePlaceholder"),
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaTitle")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tSettings("seo.metaTitleHint") })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "meta-description", children: tSettings("seo.metaDescription") }),
+                          /* @__PURE__ */ jsx(
+                            Textarea,
+                            {
+                              id: "meta-description",
+                              value: ((_g = pageSettings.seo) == null ? void 0 : _g.metaDescription) || "",
+                              onChange: (e) => handleSeoChange("metaDescription", e.target.value),
+                              placeholder: tSettings("seo.metaDescriptionPlaceholder"),
+                              rows: 3,
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaDescription")
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                            ((_i = (_h = pageSettings.seo) == null ? void 0 : _h.metaDescription) == null ? void 0 : _i.length) || 0,
+                            "/160 ",
+                            tSettings("seo.characters")
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "meta-keywords", children: tSettings("seo.metaKeywords") }),
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              id: "meta-keywords",
+                              value: ((_j = pageSettings.seo) == null ? void 0 : _j.metaKeywords) || "",
+                              onChange: (e) => handleSeoChange("metaKeywords", e.target.value),
+                              placeholder: tSettings("seo.metaKeywordsPlaceholder"),
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaKeywords")
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "og-image", children: tSettings("seo.ogImage") }),
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              id: "og-image",
+                              value: ((_k = pageSettings.seo) == null ? void 0 : _k.ogImage) || "",
+                              onChange: (e) => handleSeoChange("ogImage", e.target.value),
+                              placeholder: tSettings("seo.ogImagePlaceholder"),
+                              "data-cy": sel("blockEditor.configPanel.seoSection.ogImage")
+                            }
+                          )
+                        ] })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Collapsible,
+              {
+                open: customFieldsOpen,
+                onOpenChange: setCustomFieldsOpen,
+                "data-cy": sel("blockEditor.configPanel.customFieldsSection.container"),
+                className: "bg-card rounded-lg border",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    CollapsibleTrigger,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.customFieldsSection.trigger"),
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: tSettings("customFields.title") })
+                        ] }),
+                        /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+                          "h-4 w-4 text-muted-foreground transition-transform",
+                          customFieldsOpen && "rotate-180"
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    CollapsibleContent,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.customFieldsSection.content"),
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4 pb-4 pt-2 border-t", children: [
+                        (pageSettings.customFields || []).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: tSettings("customFields.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: (pageSettings.customFields || []).map((field, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
+                          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              value: field.key,
+                              onChange: (e) => handleUpdateCustomField(index, "key", e.target.value),
+                              placeholder: tSettings("customFields.keyPlaceholder"),
+                              className: "font-mono text-sm",
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldKey", { index })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              value: field.value,
+                              onChange: (e) => handleUpdateCustomField(index, "value", e.target.value),
+                              placeholder: tSettings("customFields.valuePlaceholder"),
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldValue", { index })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "ghost",
+                              size: "icon",
+                              className: "shrink-0 text-muted-foreground hover:text-destructive",
+                              onClick: () => handleRemoveCustomField(index),
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldRemove", { index }),
+                              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                            }
+                          )
+                        ] }, index)) }),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "outline",
+                            size: "sm",
+                            onClick: handleAddCustomField,
+                            className: "w-full",
+                            "data-cy": sel("blockEditor.configPanel.customFieldsSection.addButton"),
+                            children: [
+                              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                              tSettings("customFields.add")
+                            ]
+                          }
+                        )
+                      ] })
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  ConfigPanel
+};

package/dist/components/dashboard/block-editor/dynamic-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AAwCD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA0anF"}
+{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AAwCD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA0anF"}