octocms 0.4.13 → 0.4.16

package/dist/components/ui/FormField/FormStringListField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormStringListField.tsx"],"sourcesContent":["'use client';\n\nimport { Icon } from '../Icon/Icon';\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { normalizeStringListFromStorage } from '../../../lib/stringListField';\n\nimport { Field } from './Field';\n\ntype Row = { id: string; value: string };\n\ntype FormStringListFieldProps = {\n  label: string;\n  name: string;\n  /** Stored value: `string[]`, or legacy single `string`. */\n  value: unknown;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  onClearError?: (name: string) => void;\n};\n\nfunction rowsFromStrings(values: string[], nextId: () => string): Row[] {\n  return values.map((value) => ({ id: nextId(), value }));\n}\n\nconst ListRow = ({\n  row,\n  index,\n  onRemove,\n  onDragStart,\n  onDragOver,\n  onDragEnd,\n  onDrop,\n}: {\n  row: Row;\n  index: number;\n  onRemove: (index: number) => void;\n  onDragStart: (index: number) => void;\n  onDragOver: (e: React.DragEvent, _index: number) => void;\n  onDragEnd: () => void;\n  onDrop: (index: number) => void;\n}) => (\n  <div\n    draggable\n    onDragStart={() => onDragStart(index)}\n    onDragOver={(e) => onDragOver(e, index)}\n    onDragEnd={onDragEnd}\n    onDrop={() => onDrop(index)}\n    className=\"octo-ff-list__item\"\n  >\n    <span className=\"octo-ff-list__item-grip\" aria-hidden>\n      <Icon.GripVertical className=\"octo-icon-md\" />\n    </span>\n    <span className=\"octo-ff-list__item-value\">{row.value}</span>\n    <span className=\"octo-ff-list__item-sep\" aria-hidden />\n    <button\n      type=\"button\"\n      onClick={() => onRemove(index)}\n      className=\"octo-ff-list__item-remove\"\n      aria-label={`Remove ${row.value}`}\n    >\n      <Icon.X className=\"octo-icon-md\" />\n    </button>\n  </div>\n);\n\nconst FormStringListField = ({ label, name, value, required, hint, error, onClearError }: FormStringListFieldProps) => {\n  const inputId = useId();\n  const idCounterRef = useRef(0);\n  const nextRowId = useCallback(() => {\n    idCounterRef.current += 1;\n    return `str-list-${idCounterRef.current}`;\n  }, []);\n\n  const storageKey = useMemo(() => JSON.stringify(normalizeStringListFromStorage(value)), [value]);\n  const [rows, setRows] = useState<Row[]>(() =>\n    rowsFromStrings(JSON.parse(storageKey) as string[], () => {\n      idCounterRef.current += 1;\n      return `str-list-${idCounterRef.current}`;\n    }),\n  );\n  const [draft, setDraft] = useState('');\n  const [dragIndex, setDragIndex] = useState<number | null>(null);\n\n  useEffect(() => {\n    idCounterRef.current = 0;\n    setRows(rowsFromStrings(JSON.parse(storageKey) as string[], nextRowId));\n    setDraft('');\n  }, [storageKey, nextRowId]);\n\n  const serializedValue = useMemo(() => JSON.stringify(rows.map((r) => r.value)), [rows]);\n\n  const commitDraft = useCallback(() => {\n    const next = draft.trim();\n    if (!next) return;\n    setRows((prev) => [...prev, { id: nextRowId(), value: next }]);\n    setDraft('');\n    onClearError?.(name);\n  }, [draft, name, nextRowId, onClearError]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      commitDraft();\n    }\n  };\n\n  const handleRemove = useCallback(\n    (index: number) => {\n      setRows((prev) => prev.filter((_, i) => i !== index));\n      onClearError?.(name);\n    },\n    [name, onClearError],\n  );\n\n  const handleDragStart = useCallback((index: number) => {\n    setDragIndex(index);\n  }, []);\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleDragEnd = useCallback(() => {\n    setDragIndex(null);\n  }, []);\n\n  const handleDrop = useCallback(\n    (targetIndex: number) => {\n      if (dragIndex === null || dragIndex === targetIndex) return;\n      setRows((prev) => {\n        const next = [...prev];\n        const [dragged] = next.splice(dragIndex, 1);\n        next.splice(targetIndex, 0, dragged);\n        return next;\n      });\n      setDragIndex(null);\n      onClearError?.(name);\n    },\n    [dragIndex, name, onClearError],\n  );\n\n  return (\n    <Field label={label} schema=\"string[]\" required={required} hint={hint} error={error}>\n      <input\n        id={inputId}\n        className={cn('octo-ff-list__add-input', error && 'octo-ff-list__add-input octo-ff-list__add-input--error')}\n        type=\"text\"\n        value={draft}\n        onChange={(e) => setDraft(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={() => {\n          if (draft.trim()) commitDraft();\n        }}\n        placeholder=\"Type the value and hit enter\"\n        aria-invalid={error ? true : undefined}\n      />\n      {rows.length > 0 ? (\n        <div className=\"octo-ff-list__items\">\n          {rows.map((row, i) => (\n            <ListRow\n              key={row.id}\n              row={row}\n              index={i}\n              onRemove={handleRemove}\n              onDragStart={handleDragStart}\n              onDragOver={handleDragOver}\n              onDragEnd={handleDragEnd}\n              onDrop={handleDrop}\n            />\n          ))}\n        </div>\n      ) : null}\n      <input type=\"hidden\" name={name} value={serializedValue} />\n    </Field>\n  );\n};\n\nexport default FormStringListField;\n"],"mappings":"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","names":[]}

package/dist/components/ui/FormField/FormTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormTextField.tsx"],"names":[],"mappings":"AAWA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,oEASpB,kBAAkB,4CAcpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ui/FormField/FormTextField.js

@@ -0,0 +1,35 @@
+"use client";
+import "../../../chunk-B5LE2OEC.js";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { Field } from "./Field";
+import { FIELD_TEXTAREA_CLASS } from "./FieldShell";
+const DEFAULT_ROWS = 4;
+const FormTextField = ({
+  label,
+  name,
+  value,
+  rows = DEFAULT_ROWS,
+  required,
+  hint,
+  error,
+  onClearError
+}) => {
+  return /* @__PURE__ */ jsx(Field, { label, htmlFor: name, schema: "text", required, hint, error, children: /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      id: name,
+      className: cn(FIELD_TEXTAREA_CLASS, error && "octo-textarea octo-textarea--error"),
+      name,
+      rows,
+      defaultValue: value,
+      "aria-invalid": error ? true : void 0,
+      onChange: () => onClearError == null ? void 0 : onClearError(name)
+    }
+  ) });
+};
+var FormTextField_default = FormTextField;
+export {
+  FormTextField_default as default
+};
+//# sourceMappingURL=FormTextField.js.map

package/dist/components/ui/FormField/FormTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormTextField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { Field } from './Field';\nimport { FIELD_TEXTAREA_CLASS } from './FieldShell';\n\nconst DEFAULT_ROWS = 4;\n\ntype FormTextFieldProps = {\n  label: string;\n  name: string;\n  value: string;\n  rows?: number;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  onClearError?: (fieldName: string) => void;\n};\n\nconst FormTextField = ({\n  label,\n  name,\n  value,\n  rows = DEFAULT_ROWS,\n  required,\n  hint,\n  error,\n  onClearError,\n}: FormTextFieldProps) => {\n  return (\n    <Field label={label} htmlFor={name} schema=\"text\" required={required} hint={hint} error={error}>\n      <textarea\n        id={name}\n        className={cn(FIELD_TEXTAREA_CLASS, error && 'octo-textarea octo-textarea--error')}\n        name={name}\n        rows={rows}\n        defaultValue={value}\n        aria-invalid={error ? true : undefined}\n        onChange={() => onClearError?.(name)}\n      />\n    </Field>\n  );\n};\n\nexport default FormTextField;\n"],"mappings":";;AAkCM;AA9BN,SAAS,UAAU;AAEnB,SAAS,aAAa;AACtB,SAAS,4BAA4B;AAErC,MAAM,eAAe;AAarB,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,SACE,oBAAC,SAAM,OAAc,SAAS,MAAM,QAAO,QAAO,UAAoB,MAAY,OAChF;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW,GAAG,sBAAsB,SAAS,oCAAoC;AAAA,MACjF;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,gBAAc,QAAQ,OAAO;AAAA,MAC7B,UAAU,MAAM,6CAAe;AAAA;AAAA,EACjC,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/components/ui/FormField/FormUrlField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormUrlField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormUrlField.tsx"],"names":[],"mappings":"AAOA,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,6DAA6D,iBAAiB,4CAkBnG,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ui/FormField/FormUrlField.js

@@ -0,0 +1,26 @@
+"use client";
+import "../../../chunk-B5LE2OEC.js";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "./Field";
+import { FieldShell, FIELD_INPUT_CLASS } from "./FieldShell";
+const FormUrlField = ({ label, name, value, required, hint, error, onClearError }) => {
+  return /* @__PURE__ */ jsx(Field, { label, htmlFor: name, schema: "url", required, hint, error, children: /* @__PURE__ */ jsx(FieldShell, { error: !!error, children: /* @__PURE__ */ jsx(
+    "input",
+    {
+      id: name,
+      className: FIELD_INPUT_CLASS,
+      type: "text",
+      inputMode: "url",
+      autoComplete: "url",
+      name,
+      defaultValue: value,
+      "aria-invalid": error ? true : void 0,
+      onChange: () => onClearError == null ? void 0 : onClearError(name)
+    }
+  ) }) });
+};
+var FormUrlField_default = FormUrlField;
+export {
+  FormUrlField_default as default
+};
+//# sourceMappingURL=FormUrlField.js.map

package/dist/components/ui/FormField/FormUrlField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormUrlField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Field } from './Field';\nimport { FieldShell, FIELD_INPUT_CLASS } from './FieldShell';\n\ntype FormUrlFieldProps = {\n  label: string;\n  name: string;\n  value: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  onClearError?: (fieldName: string) => void;\n};\n\nconst FormUrlField = ({ label, name, value, required, hint, error, onClearError }: FormUrlFieldProps) => {\n  return (\n    <Field label={label} htmlFor={name} schema=\"url\" required={required} hint={hint} error={error}>\n      <FieldShell error={!!error}>\n        <input\n          id={name}\n          className={FIELD_INPUT_CLASS}\n          type=\"text\"\n          inputMode=\"url\"\n          autoComplete=\"url\"\n          name={name}\n          defaultValue={value}\n          aria-invalid={error ? true : undefined}\n          onChange={() => onClearError?.(name)}\n        />\n      </FieldShell>\n    </Field>\n  );\n};\n\nexport default FormUrlField;\n"],"mappings":";;AAqBQ;AAjBR,SAAS,aAAa;AACtB,SAAS,YAAY,yBAAyB;AAY9C,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,UAAU,MAAM,OAAO,aAAa,MAAyB;AACvG,SACE,oBAAC,SAAM,OAAc,SAAS,MAAM,QAAO,OAAM,UAAoB,MAAY,OAC/E,8BAAC,cAAW,OAAO,CAAC,CAAC,OACnB;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAa;AAAA,MACb;AAAA,MACA,cAAc;AAAA,MACd,gBAAc,QAAQ,OAAO;AAAA,MAC7B,UAAU,MAAM,6CAAe;AAAA;AAAA,EACjC,GACF,GACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/components/{richtext → ui/FormField/richtext}/ComponentEmbedEditor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { JsxEditorProps } from '@mdxeditor/editor';
-import type { RichTextComponentDef } from '../../admin/types';
+import type { RichTextComponentDef } from '../../../../admin/types';
 /**
  * WYSIWYG editor component for custom JSX components embedded in richtext fields.
  *

package/dist/components/ui/FormField/richtext/ComponentEmbedEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentEmbedEditor.d.ts","sourceRoot":"","sources":["../../../../../components/ui/FormField/richtext/ComponentEmbedEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,yBAAyB,CAAC;AAE3F;;;;;GAKG;AACH,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAClC,cAAc,GAAG;IAAE,YAAY,EAAE,oBAAoB,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAqE/E,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/ui/FormField/richtext/ComponentEmbedEditor.js

@@ -0,0 +1,165 @@
+"use client";
+import "../../../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Icon } from "../../Icon/Icon";
+import { useMdastNodeUpdater } from "@mdxeditor/editor";
+const ComponentEmbedEditor = ({ mdastNode, componentDef, componentName: _componentName }) => {
+  const updateNode = useMdastNodeUpdater();
+  const getAttrValue = useCallback(
+    (name) => {
+      var _a;
+      const attr = (_a = mdastNode.attributes) == null ? void 0 : _a.find((a) => a.type === "mdxJsxAttribute" && a.name === name);
+      return typeof (attr == null ? void 0 : attr.value) === "string" ? attr.value : "";
+    },
+    [mdastNode.attributes]
+  );
+  const updateProp = useCallback(
+    (propName, value) => {
+      var _a;
+      const existing = ((_a = mdastNode.attributes) != null ? _a : []).filter(
+        (a) => a.type === "mdxJsxAttribute" && a.name !== propName
+      );
+      updateNode({
+        attributes: [...existing, { type: "mdxJsxAttribute", name: propName, value }]
+      });
+    },
+    [mdastNode.attributes, updateNode]
+  );
+  const isBlock = componentDef.kind === "block";
+  if (!isBlock) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "octo-var-embed octo-var-embed--set",
+        style: { background: "#78350f", color: "#fef3c7" },
+        contentEditable: false,
+        children: [
+          /* @__PURE__ */ jsx(Icon.Puzzle, { className: "octo-icon-xs octo-u-shrink-0" }),
+          /* @__PURE__ */ jsx("span", { children: componentDef.label }),
+          componentDef.props.map((prop) => {
+            const value = getAttrValue(prop.name);
+            if (!value) return null;
+            return /* @__PURE__ */ jsxs("span", { style: { color: "#fbbf24" }, children: [
+              prop.name,
+              '="',
+              value,
+              '"'
+            ] }, prop.name);
+          })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor", contentEditable: false, children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__header", children: [
+      /* @__PURE__ */ jsx("div", { className: "octo-embed-editor__icon octo-embed-editor__icon--component", children: /* @__PURE__ */ jsx(Icon.Puzzle, { style: { width: 16, height: 16, color: "#fcd34d" } }) }),
+      /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__title-wrap", children: [
+        /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__subtitle", children: "Component" }),
+        /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__title", children: componentDef.label })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "octo-embed-editor__body", children: componentDef.props.map((prop) => /* @__PURE__ */ jsx(PropInput, { prop, value: getAttrValue(prop.name), onChange: updateProp }, prop.name)) })
+  ] });
+};
+var ComponentEmbedEditor_default = ComponentEmbedEditor;
+function PropInput({ prop, value, onChange }) {
+  var _a;
+  const handleChange = useCallback(
+    (e) => {
+      onChange(prop.name, e.target.value);
+    },
+    [prop.name, onChange]
+  );
+  const handleCheckbox = useCallback(
+    (e) => {
+      onChange(prop.name, e.target.checked ? "true" : "false");
+    },
+    [prop.name, onChange]
+  );
+  switch (prop.type) {
+    case "boolean":
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field-checkbox", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: value === "true",
+            onChange: handleCheckbox,
+            className: "octo-embed-editor__input",
+            style: { width: "auto" }
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] })
+      ] });
+    case "number":
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field", children: [
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("input", { type: "number", value, onChange: handleChange, className: "octo-embed-editor__input" })
+      ] });
+    case "select":
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field", children: [
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs("select", { value, onChange: handleChange, className: "octo-embed-editor__input", children: [
+          !prop.required && /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+          ((_a = prop.options) != null ? _a : []).map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        ] })
+      ] });
+    case "url":
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field", children: [
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "url",
+            value,
+            onChange: handleChange,
+            placeholder: "https://\u2026",
+            className: "octo-embed-editor__input"
+          }
+        )
+      ] });
+    case "image":
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field", children: [
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value,
+            onChange: handleChange,
+            placeholder: "Media UUID",
+            className: "octo-embed-editor__input"
+          }
+        )
+      ] });
+    case "string":
+    default:
+      return /* @__PURE__ */ jsxs("label", { className: "octo-embed-editor__field", children: [
+        /* @__PURE__ */ jsxs("span", { className: "octo-embed-editor__field-label", children: [
+          prop.label,
+          prop.required && /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__field-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("input", { type: "text", value, onChange: handleChange, className: "octo-embed-editor__input" })
+      ] });
+  }
+}
+export {
+  ComponentEmbedEditor_default as default
+};
+//# sourceMappingURL=ComponentEmbedEditor.js.map

package/dist/components/ui/FormField/richtext/ComponentEmbedEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../components/ui/FormField/richtext/ComponentEmbedEditor.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback } from 'react';\nimport { Icon } from '../../Icon/Icon';\nimport type { JsxEditorProps } from '@mdxeditor/editor';\nimport { useMdastNodeUpdater } from '@mdxeditor/editor';\n\nimport type { RichTextComponentDef, RichTextComponentProp } from '../../../../admin/types';\n\n/**\n * WYSIWYG editor component for custom JSX components embedded in richtext fields.\n *\n * Renders a card with a dynamic props form generated from the `RichTextComponentDef`\n * configuration. Each prop type maps to an appropriate input control.\n */\nconst ComponentEmbedEditor: React.FC<\n  JsxEditorProps & { componentDef: RichTextComponentDef; componentName: string }\n> = ({ mdastNode, componentDef, componentName: _componentName }) => {\n  const updateNode = useMdastNodeUpdater();\n\n  const getAttrValue = useCallback(\n    (name: string): string => {\n      const attr = mdastNode.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === name);\n      return typeof attr?.value === 'string' ? attr.value : '';\n    },\n    [mdastNode.attributes],\n  );\n\n  const updateProp = useCallback(\n    (propName: string, value: string) => {\n      const existing = (mdastNode.attributes ?? []).filter(\n        (a: any) => a.type === 'mdxJsxAttribute' && a.name !== propName,\n      );\n      updateNode({\n        attributes: [...existing, { type: 'mdxJsxAttribute', name: propName, value }],\n      } as any);\n    },\n    [mdastNode.attributes, updateNode],\n  );\n\n  const isBlock = componentDef.kind === 'block';\n\n  if (!isBlock) {\n    // Inline: compact pill with a popover-style edit on click\n    return (\n      <span\n        className=\"octo-var-embed octo-var-embed--set\"\n        style={{ background: '#78350f', color: '#fef3c7' }}\n        contentEditable={false}\n      >\n        <Icon.Puzzle className=\"octo-icon-xs octo-u-shrink-0\" />\n        <span>{componentDef.label}</span>\n        {componentDef.props.map((prop) => {\n          const value = getAttrValue(prop.name);\n          if (!value) return null;\n          return (\n            <span key={prop.name} style={{ color: '#fbbf24' }}>\n              {prop.name}=&quot;{value}&quot;\n            </span>\n          );\n        })}\n      </span>\n    );\n  }\n\n  // Block: full card with props form\n  return (\n    <div className=\"octo-embed-editor\" contentEditable={false}>\n      <div className=\"octo-embed-editor__header\">\n        <div className=\"octo-embed-editor__icon octo-embed-editor__icon--component\">\n          <Icon.Puzzle style={{ width: 16, height: 16, color: '#fcd34d' }} />\n        </div>\n        <div className=\"octo-embed-editor__title-wrap\">\n          <span className=\"octo-embed-editor__subtitle\">Component</span>\n          <span className=\"octo-embed-editor__title\">{componentDef.label}</span>\n        </div>\n      </div>\n\n      <div className=\"octo-embed-editor__body\">\n        {componentDef.props.map((prop) => (\n          <PropInput key={prop.name} prop={prop} value={getAttrValue(prop.name)} onChange={updateProp} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ComponentEmbedEditor;\n\n// ---------------------------------------------------------------------------\n// Individual prop input renderers\n// ---------------------------------------------------------------------------\n\ntype PropInputProps = {\n  prop: RichTextComponentProp;\n  value: string;\n  onChange: (name: string, value: string) => void;\n};\n\nfunction PropInput({ prop, value, onChange }: PropInputProps) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {\n      onChange(prop.name, e.target.value);\n    },\n    [prop.name, onChange],\n  );\n\n  const handleCheckbox = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(prop.name, e.target.checked ? 'true' : 'false');\n    },\n    [prop.name, onChange],\n  );\n\n  switch (prop.type) {\n    case 'boolean':\n      return (\n        <label className=\"octo-embed-editor__field-checkbox\">\n          <input\n            type=\"checkbox\"\n            checked={value === 'true'}\n            onChange={handleCheckbox}\n            className=\"octo-embed-editor__input\"\n            style={{ width: 'auto' }}\n          />\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n        </label>\n      );\n\n    case 'number':\n      return (\n        <label className=\"octo-embed-editor__field\">\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n          <input type=\"number\" value={value} onChange={handleChange} className=\"octo-embed-editor__input\" />\n        </label>\n      );\n\n    case 'select':\n      return (\n        <label className=\"octo-embed-editor__field\">\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n          <select value={value} onChange={handleChange} className=\"octo-embed-editor__input\">\n            {!prop.required && <option value=\"\">—</option>}\n            {(prop.options ?? []).map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      );\n\n    case 'url':\n      return (\n        <label className=\"octo-embed-editor__field\">\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n          <input\n            type=\"url\"\n            value={value}\n            onChange={handleChange}\n            placeholder=\"https://…\"\n            className=\"octo-embed-editor__input\"\n          />\n        </label>\n      );\n\n    case 'image':\n      return (\n        <label className=\"octo-embed-editor__field\">\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n          <input\n            type=\"text\"\n            value={value}\n            onChange={handleChange}\n            placeholder=\"Media UUID\"\n            className=\"octo-embed-editor__input\"\n          />\n        </label>\n      );\n\n    case 'string':\n    default:\n      return (\n        <label className=\"octo-embed-editor__field\">\n          <span className=\"octo-embed-editor__field-label\">\n            {prop.label}\n            {prop.required && <span className=\"octo-embed-editor__field-required\">*</span>}\n          </span>\n          <input type=\"text\" value={value} onChange={handleChange} className=\"octo-embed-editor__input\" />\n        </label>\n      );\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/FormField/richtext/ConditionEmbedEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionEmbedEditor.d.ts","sourceRoot":"","sources":["../../../../../components/ui/FormField/richtext/ConditionEmbedEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmOlD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/{richtext → ui/FormField/richtext}/ConditionEmbedEditor.js

@@ -2,12 +2,12 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../../chunk-B5LE2OEC.js";
+} from "../../../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
-import { GitBranch, Plus, Trash2 } from "lucide-react";
+import { Button } from "../../Button/Button";
+import { Icon } from "../../Icon/Icon";
 import { useMdastNodeUpdater } from "@mdxeditor/editor";
-import { Button } from "../ui/button";
 const ConditionEmbedEditor = ({ mdastNode }) => {
   var _a, _b, _c;
   const updateNode = useMdastNodeUpdater();
@@ -126,17 +126,11 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
     [mdastNode.children, updateNode, activeTab]
   );
   const activeBranch = branches.find((b) => b.key === activeTab);
-  return /* @__PURE__ */ jsxs("div", { className: "my-2 rounded-lg border border-border bg-muted/30 p-3", contentEditable: false, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "w-8 h-8 rounded-lg border border-border bg-teal-900 light:bg-teal-100 flex items-center\n              justify-center flex-none",
-          children: /* @__PURE__ */ jsx(GitBranch, { className: "w-4 h-4 text-teal-300 light:text-teal-700" })
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Condition embed" }),
+  return /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor", contentEditable: false, children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__header", children: [
+      /* @__PURE__ */ jsx("div", { className: "octo-embed-editor__icon octo-embed-editor__icon--condition", children: /* @__PURE__ */ jsx(Icon.GitBranch, { style: { width: 16, height: 16, color: "#5eead4" } }) }),
+      /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__title-wrap", children: [
+        /* @__PURE__ */ jsx("span", { className: "octo-embed-editor__subtitle", children: "Condition embed" }),
         editingField ? /* @__PURE__ */ jsx(
           "input",
           {
@@ -152,7 +146,8 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
                 setEditingField(false);
               }
             },
-            className: "block text-sm font-medium w-full max-w-xs rounded border border-border bg-layout-bg px-1.5\n                  py-0.5 focus:outline-none",
+            className: "octo-embed-editor__input",
+            style: { display: "block", maxWidth: 240 },
             placeholder: "Field name (e.g. promo)"
           }
         ) : /* @__PURE__ */ jsx(
@@ -160,38 +155,29 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
           {
             type: "button",
             onClick: () => setEditingField(true),
-            className: "block text-sm font-medium hover:underline truncate",
+            className: "octo-embed-editor__title",
             title: "Click to edit condition field name",
-            children: currentField || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: "Set field name\u2026" })
+            children: currentField || /* @__PURE__ */ jsx("span", { className: "octo-u-text-muted octo-u-italic", children: "Set field name\u2026" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-b border-border mb-2 flex-wrap", children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__tabs", children: [
       branches.map((branch) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           onClick: () => setActiveTab(branch.key),
-          className: `px-3 py-1.5 text-xs font-medium border-b-2 transition-colors ${activeTab === branch.key ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
+          className: `octo-embed-editor__tab${activeTab === branch.key ? " octo-embed-editor__tab octo-embed-editor__tab--active" : ""}`,
           children: branch.key
         },
         branch.key
       )),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: addBranch,
-          className: "px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
-          title: "Add branch",
-          children: /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5" })
-        }
-      )
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: addBranch, className: "octo-embed-editor__tab-add", title: "Add branch", children: /* @__PURE__ */ jsx(Icon.Plus, { className: "octo-icon-sm" }) })
     ] }),
-    activeBranch && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: `condition-branch-key-${activeBranch.key}`, className: "text-xs text-muted-foreground", children: "Key:" }),
+    activeBranch && /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__body", children: [
+      /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__branch-key-row", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: `condition-branch-key-${activeBranch.key}`, className: "octo-embed-editor__field-label", children: "Key:" }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -199,7 +185,8 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
             type: "text",
             value: activeBranch.key,
             onChange: (e) => renameBranch(activeBranch.key, e.target.value),
-            className: "text-xs rounded border border-border bg-layout-bg px-1.5 py-0.5 w-32 focus:outline-none"
+            className: "octo-embed-editor__input",
+            style: { width: 128 }
           }
         ),
         branches.length > 1 && /* @__PURE__ */ jsx(
@@ -207,11 +194,10 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
           {
             type: "button",
             variant: "ghost",
-            size: "sm",
             onClick: () => removeBranch(activeBranch.key),
-            className: "h-6 w-6 p-0 text-muted-foreground hover:text-destructive",
+            style: { height: 24, width: 24, padding: 0, color: "var(--muted)" },
             title: "Remove this branch",
-            children: /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsx(Icon.Trash2, { className: "octo-icon-sm" })
           }
         )
       ] }),
@@ -221,15 +207,15 @@ const ConditionEmbedEditor = ({ mdastNode }) => {
           value: activeBranch.content,
           onChange: (e) => updateBranchContent(activeBranch.key, e.target.value),
           placeholder: "Branch content (markdown)\u2026",
-          className: "w-full min-h-[80px] text-sm rounded-md border border-border bg-layout-bg px-3 py-2\n                resize-y focus:outline-none",
+          className: "octo-embed-editor__textarea",
           rows: 3
         }
       )
     ] }),
-    branches.length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-center py-4 text-sm text-muted-foreground", children: [
+    branches.length === 0 && /* @__PURE__ */ jsxs("div", { className: "octo-embed-editor__empty", children: [
       "No branches yet.",
       " ",
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: addBranch, className: "text-primary hover:underline", children: "Add one" })
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: addBranch, className: "octo-embed-editor__empty-link", children: "Add one" })
     ] })
   ] });
 };

package/dist/components/ui/FormField/richtext/ConditionEmbedEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../components/ui/FormField/richtext/ConditionEmbedEditor.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Button } from '../../Button/Button';\nimport { Icon } from '../../Icon/Icon';\nimport type { JsxEditorProps } from '@mdxeditor/editor';\nimport { useMdastNodeUpdater } from '@mdxeditor/editor';\n\n/**\n * WYSIWYG editor component for `<CmsCondition>` JSX embeds inside richtext fields.\n *\n * Renders a tabbed card where each tab is a branch (e.g. \"control\", \"test\").\n * Each branch's content is stored as the text value of a `<CmsBranch key=\"...\">` child element.\n * The `field` attribute identifies this condition (e.g. \"promo\", \"hero\").\n */\nconst ConditionEmbedEditor: React.FC<JsxEditorProps> = ({ mdastNode }) => {\n  const updateNode = useMdastNodeUpdater();\n\n  // Read `field` attribute\n  const fieldAttr = mdastNode.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'field');\n  const currentField = typeof fieldAttr?.value === 'string' ? fieldAttr.value : '';\n\n  // Parse CmsBranch children to extract { key, content } pairs\n  const branches = useMemo(() => {\n    const result: { key: string; content: string }[] = [];\n    for (const child of mdastNode.children ?? []) {\n      if (child.type === 'mdxJsxFlowElement' && child.name === 'CmsBranch') {\n        const keyAttr = (child as any).attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'key');\n        const key = typeof keyAttr?.value === 'string' ? keyAttr.value : '';\n        // Extract text content from children of CmsBranch\n        const content = serializeChildrenToMarkdown((child as any).children ?? []);\n        result.push({ key, content });\n      }\n    }\n    return result;\n  }, [mdastNode.children]);\n\n  const [activeTab, setActiveTab] = useState(branches[0]?.key ?? '');\n  const [editingField, setEditingField] = useState(false);\n\n  const updateField = useCallback(\n    (newField: string) => {\n      const existingAttrs = (mdastNode.attributes ?? []).filter(\n        (a: any) => a.type === 'mdxJsxAttribute' && a.name !== 'field',\n      );\n      updateNode({\n        attributes: [...existingAttrs, { type: 'mdxJsxAttribute', name: 'field', value: newField }],\n      } as any);\n    },\n    [mdastNode.attributes, updateNode],\n  );\n\n  const updateBranchContent = useCallback(\n    (branchKey: string, newContent: string) => {\n      const children = (mdastNode.children ?? []).map((child: any) => {\n        if (child.type === 'mdxJsxFlowElement' && child.name === 'CmsBranch') {\n          const keyAttr = child.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'key');\n          const key = typeof keyAttr?.value === 'string' ? keyAttr.value : '';\n          if (key === branchKey) {\n            return {\n              ...child,\n              children: [{ type: 'text', value: newContent }],\n            };\n          }\n        }\n        return child;\n      });\n      updateNode({ children } as any);\n    },\n    [mdastNode.children, updateNode],\n  );\n\n  const addBranch = useCallback(() => {\n    const existingKeys = branches.map((b) => b.key);\n    let newKey = 'variant';\n    let counter = 1;\n    while (existingKeys.includes(newKey)) {\n      newKey = `variant${counter}`;\n      counter++;\n    }\n    const newChild = {\n      type: 'mdxJsxFlowElement',\n      name: 'CmsBranch',\n      attributes: [{ type: 'mdxJsxAttribute', name: 'key', value: newKey }],\n      children: [{ type: 'text', value: '' }],\n    };\n    updateNode({\n      children: [...(mdastNode.children ?? []), newChild],\n    } as any);\n    setActiveTab(newKey);\n  }, [branches, mdastNode.children, updateNode]);\n\n  const removeBranch = useCallback(\n    (branchKey: string) => {\n      if (branches.length <= 1) return; // Must keep at least one branch\n      const children = (mdastNode.children ?? []).filter((child: any) => {\n        if (child.type === 'mdxJsxFlowElement' && child.name === 'CmsBranch') {\n          const keyAttr = child.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'key');\n          const key = typeof keyAttr?.value === 'string' ? keyAttr.value : '';\n          return key !== branchKey;\n        }\n        return true;\n      });\n      updateNode({ children } as any);\n      if (activeTab === branchKey) {\n        const remaining = branches.filter((b) => b.key !== branchKey);\n        setActiveTab(remaining[0]?.key ?? '');\n      }\n    },\n    [branches, mdastNode.children, updateNode, activeTab],\n  );\n\n  const renameBranch = useCallback(\n    (oldKey: string, newKey: string) => {\n      if (!newKey.trim() || oldKey === newKey) return;\n      const children = (mdastNode.children ?? []).map((child: any) => {\n        if (child.type === 'mdxJsxFlowElement' && child.name === 'CmsBranch') {\n          const keyAttr = child.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'key');\n          const key = typeof keyAttr?.value === 'string' ? keyAttr.value : '';\n          if (key === oldKey) {\n            return {\n              ...child,\n              attributes: [{ type: 'mdxJsxAttribute', name: 'key', value: newKey }],\n            };\n          }\n        }\n        return child;\n      });\n      updateNode({ children } as any);\n      if (activeTab === oldKey) {\n        setActiveTab(newKey);\n      }\n    },\n    [mdastNode.children, updateNode, activeTab],\n  );\n\n  const activeBranch = branches.find((b) => b.key === activeTab);\n\n  return (\n    <div className=\"octo-embed-editor\" contentEditable={false}>\n      {/* Header */}\n      <div className=\"octo-embed-editor__header\">\n        <div className=\"octo-embed-editor__icon octo-embed-editor__icon--condition\">\n          <Icon.GitBranch style={{ width: 16, height: 16, color: '#5eead4' }} />\n        </div>\n        <div className=\"octo-embed-editor__title-wrap\">\n          <span className=\"octo-embed-editor__subtitle\">Condition embed</span>\n          {editingField ? (\n            <input\n              type=\"text\"\n              defaultValue={currentField}\n              onBlur={(e) => {\n                updateField(e.target.value);\n                setEditingField(false);\n              }}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  updateField((e.target as HTMLInputElement).value);\n                  setEditingField(false);\n                }\n              }}\n              className=\"octo-embed-editor__input\"\n              style={{ display: 'block', maxWidth: 240 }}\n              placeholder=\"Field name (e.g. promo)\"\n            />\n          ) : (\n            <button\n              type=\"button\"\n              onClick={() => setEditingField(true)}\n              className=\"octo-embed-editor__title\"\n              title=\"Click to edit condition field name\"\n            >\n              {currentField || <span className=\"octo-u-text-muted octo-u-italic\">Set field name…</span>}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"octo-embed-editor__tabs\">\n        {branches.map((branch) => (\n          <button\n            key={branch.key}\n            type=\"button\"\n            onClick={() => setActiveTab(branch.key)}\n            className={`octo-embed-editor__tab${activeTab === branch.key ? ' octo-embed-editor__tab octo-embed-editor__tab--active' : ''}`}\n          >\n            {branch.key}\n          </button>\n        ))}\n        <button type=\"button\" onClick={addBranch} className=\"octo-embed-editor__tab-add\" title=\"Add branch\">\n          <Icon.Plus className=\"octo-icon-sm\" />\n        </button>\n      </div>\n\n      {/* Active branch editor */}\n      {activeBranch && (\n        <div className=\"octo-embed-editor__body\">\n          <div className=\"octo-embed-editor__branch-key-row\">\n            <label htmlFor={`condition-branch-key-${activeBranch.key}`} className=\"octo-embed-editor__field-label\">\n              Key:\n            </label>\n            <input\n              id={`condition-branch-key-${activeBranch.key}`}\n              type=\"text\"\n              value={activeBranch.key}\n              onChange={(e) => renameBranch(activeBranch.key, e.target.value)}\n              className=\"octo-embed-editor__input\"\n              style={{ width: 128 }}\n            />\n            {branches.length > 1 && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => removeBranch(activeBranch.key)}\n                style={{ height: 24, width: 24, padding: 0, color: 'var(--muted)' }}\n                title=\"Remove this branch\"\n              >\n                <Icon.Trash2 className=\"octo-icon-sm\" />\n              </Button>\n            )}\n          </div>\n          <textarea\n            value={activeBranch.content}\n            onChange={(e) => updateBranchContent(activeBranch.key, e.target.value)}\n            placeholder=\"Branch content (markdown)…\"\n            className=\"octo-embed-editor__textarea\"\n            rows={3}\n          />\n        </div>\n      )}\n\n      {branches.length === 0 && (\n        <div className=\"octo-embed-editor__empty\">\n          No branches yet.{' '}\n          <button type=\"button\" onClick={addBranch} className=\"octo-embed-editor__empty-link\">\n            Add one\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ConditionEmbedEditor;\n\n// ---------------------------------------------------------------------------\n// Helper: serialize mdast children to a plain markdown-like text string\n// ---------------------------------------------------------------------------\n\nfunction serializeChildrenToMarkdown(children: any[]): string {\n  return children\n    .map((child: any) => {\n      if (child.type === 'text') return child.value ?? '';\n      if (child.type === 'paragraph') return serializeChildrenToMarkdown(child.children ?? []);\n      return '';\n    })\n    .join('');\n}\n"],"mappings":"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","names":["_a","_b","_c"]}

package/dist/components/ui/FormField/richtext/ImageEmbedEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEmbedEditor.d.ts","sourceRoot":"","sources":["../../../../../components/ui/FormField/richtext/ImageEmbedEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAMvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWxD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuR9C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}