markdown-flow-ui 0.2.13 → 0.2.15

package/dist/components/MarkdownFlowEditor/components/EditorToolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.cjs","sources":["../../../../src/components/MarkdownFlowEditor/components/EditorToolbar.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport {\n  Braces,\n  FileType,\n  Image as ImageIcon,\n  TextCursorInput,\n  // Link,\n  SquareCheck,\n  SquarePlay,\n  CircleCheck,\n} from \"lucide-react\";\nimport { SelectedOption } from \"../types\";\nimport SearchBracesIcon from \"./icons/SearchBracesIcon\";\nimport ButtonIcon from \"./icons/ButtonIcon\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\n\ntype ToolbarLabels = {\n  confirmOutput: string | undefined;\n  insertLink: string | undefined;\n  insertButton: string | undefined;\n  insertSingleChoice: string | undefined;\n  insertMultiChoice: string | undefined;\n  insertInput: string | undefined;\n  variable: string;\n  image: string;\n  video: string;\n  addVariable: string;\n  search: string;\n};\n\ninterface EditorToolbarProps {\n  disabled?: boolean;\n  labels: ToolbarLabels;\n  onSelect: (selectedOption: SelectedOption) => void;\n  onInsertVariablePlaceholder?: () => void;\n  onVariableSearchToggle?: (button: HTMLButtonElement) => void;\n  onVariableSearchClose?: () => void;\n  onInsertConfirmOutput?: () => void;\n  onInsertLink?: () => void;\n  onInsertButton?: () => void;\n  onInsertSingleChoice?: () => void;\n  onInsertMultiChoice?: () => void;\n  onInsertInputField?: () => void;\n  variableSearchActive?: boolean;\n  rightSlot?: React.ReactNode;\n}\n\n/**\n * EditorToolbar renders quick action buttons that mirror the slash commands.\n */\nconst ICON_SIZE = 18;\n\nconst EditorToolbar: React.FC<EditorToolbarProps> = ({\n  disabled = false,\n  labels,\n  onSelect,\n  onInsertVariablePlaceholder,\n  onVariableSearchToggle,\n  onVariableSearchClose,\n  onInsertConfirmOutput,\n  // onInsertLink,\n  onInsertButton,\n  onInsertSingleChoice,\n  onInsertMultiChoice,\n  onInsertInputField,\n  variableSearchActive = false,\n  rightSlot,\n}) => {\n  const handleAddVariable = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onVariableSearchClose?.();\n    onInsertVariablePlaceholder?.();\n  }, [disabled, onInsertVariablePlaceholder, onVariableSearchClose]);\n\n  const handleSearchToggle = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      onVariableSearchToggle?.(event.currentTarget);\n    },\n    [disabled, onVariableSearchToggle]\n  );\n\n  const handleConfirmOutput = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertConfirmOutput?.();\n  }, [disabled, onInsertConfirmOutput]);\n\n  // const handleInsertLink = useCallback(() => {\n  //   if (disabled) {\n  //     return;\n  //   }\n  //   onInsertLink?.();\n  // }, [disabled, onInsertLink]);\n\n  const handleInsertButton = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertButton?.();\n  }, [disabled, onInsertButton]);\n\n  const handleInsertSingleChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertSingleChoice?.();\n  }, [disabled, onInsertSingleChoice]);\n\n  const handleInsertMultiChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertMultiChoice?.();\n  }, [disabled, onInsertMultiChoice]);\n\n  const handleInsertInputField = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertInputField?.();\n  }, [disabled, onInsertInputField]);\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <div className=\"markdown-flow-editor-toolbar\" aria-disabled={disabled}>\n        <div className=\"markdown-flow-editor-toolbar-left\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleAddVariable}\n              >\n                <Braces strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.addVariable ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleSearchToggle}\n                data-active={\n                  !disabled && variableSearchActive ? \"true\" : undefined\n                }\n                aria-label={labels.search}\n                title={labels.search}\n              >\n                <SearchBracesIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.search ?? \"\"}</TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertSingleChoice}\n                aria-label={labels.insertSingleChoice}\n                title={labels.insertSingleChoice}\n              >\n                <CircleCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertSingleChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertMultiChoice}\n                aria-label={labels.insertMultiChoice}\n                title={labels.insertMultiChoice}\n              >\n                <SquareCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertMultiChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertInputField}\n                aria-label={labels.insertInput}\n                title={labels.insertInput}\n              >\n                <TextCursorInput strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertInput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertButton}\n                aria-label={labels.insertButton}\n                title={labels.insertButton}\n              >\n                <ButtonIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertButton ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleConfirmOutput}\n                aria-label={labels.confirmOutput}\n                title={labels.confirmOutput}\n              >\n                <FileType strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.confirmOutput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Image)}\n                aria-label={labels.image}\n                title={labels.image}\n              >\n                <ImageIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.image ?? \"\"}</TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Video)}\n                aria-label={labels.video}\n                title={labels.video}\n              >\n                <SquarePlay strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.video ?? \"\"}</TooltipContent>\n          </Tooltip>\n        </div>\n        {rightSlot ? (\n          <div className=\"markdown-flow-editor-toolbar-right-wrapper\">\n            {rightSlot}\n          </div>\n        ) : null}\n        {/* <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleInsertLink}\n              aria-label={labels.insertLink}\n              title={labels.insertLink}\n            >\n              <Link strokeWidth={1.75} size={ICON_SIZE} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent side=\"top\">\n            {labels.insertLink ?? \"\"}\n          </TooltipContent>\n        </Tooltip> */}\n      </div>\n    </TooltipProvider>\n  );\n};\n\nexport default memo(EditorToolbar);\n"],"names":["ICON_SIZE","EditorToolbar","disabled","labels","onSelect","onInsertVariablePlaceholder","onVariableSearchToggle","onVariableSearchClose","onInsertConfirmOutput","onInsertButton","onInsertSingleChoice","onInsertMultiChoice","onInsertInputField","variableSearchActive","rightSlot","handleAddVariable","useCallback","handleSearchToggle","event","handleConfirmOutput","handleInsertButton","handleInsertSingleChoice","handleInsertMultiChoice","handleInsertInputField","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Braces","TooltipContent","SearchBracesIcon","CircleCheck","SquareCheck","TextCursorInput","ButtonIcon","FileType","SelectedOption","ImageIcon","SquarePlay","EditorToolbar$1","memo"],"mappings":"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"}
+{"version":3,"file":"EditorToolbar.cjs","sources":["../../../../src/components/MarkdownFlowEditor/components/EditorToolbar.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport {\n  Braces,\n  FileType,\n  Image as ImageIcon,\n  TextCursorInput,\n  // Link,\n  SquareCheck,\n  SquarePlay,\n  CircleCheck,\n} from \"lucide-react\";\nimport { SelectedOption } from \"../types\";\nimport SearchBracesIcon from \"./icons/SearchBracesIcon\";\nimport ButtonIcon from \"./icons/ButtonIcon\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\nimport type { MarkdownFlowDirection } from \"../../../lib/locale\";\n\ntype ToolbarLabels = {\n  confirmOutput: string | undefined;\n  insertLink: string | undefined;\n  insertButton: string | undefined;\n  insertSingleChoice: string | undefined;\n  insertMultiChoice: string | undefined;\n  insertInput: string | undefined;\n  variable: string;\n  image: string;\n  video: string;\n  addVariable: string;\n  search: string;\n};\n\ninterface EditorToolbarProps {\n  disabled?: boolean;\n  labels: ToolbarLabels;\n  tooltipDirection?: MarkdownFlowDirection;\n  tooltipLanguage?: string;\n  onSelect: (selectedOption: SelectedOption) => void;\n  onInsertVariablePlaceholder?: () => void;\n  onVariableSearchToggle?: (button: HTMLButtonElement) => void;\n  onVariableSearchClose?: () => void;\n  onInsertConfirmOutput?: () => void;\n  onInsertLink?: () => void;\n  onInsertButton?: () => void;\n  onInsertSingleChoice?: () => void;\n  onInsertMultiChoice?: () => void;\n  onInsertInputField?: () => void;\n  variableSearchActive?: boolean;\n  rightSlot?: React.ReactNode;\n}\n\n/**\n * EditorToolbar renders quick action buttons that mirror the slash commands.\n */\nconst ICON_SIZE = 18;\n\nconst EditorToolbar: React.FC<EditorToolbarProps> = ({\n  disabled = false,\n  labels,\n  tooltipDirection,\n  tooltipLanguage,\n  onSelect,\n  onInsertVariablePlaceholder,\n  onVariableSearchToggle,\n  onVariableSearchClose,\n  onInsertConfirmOutput,\n  // onInsertLink,\n  onInsertButton,\n  onInsertSingleChoice,\n  onInsertMultiChoice,\n  onInsertInputField,\n  variableSearchActive = false,\n  rightSlot,\n}) => {\n  const handleAddVariable = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onVariableSearchClose?.();\n    onInsertVariablePlaceholder?.();\n  }, [disabled, onInsertVariablePlaceholder, onVariableSearchClose]);\n\n  const handleSearchToggle = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      onVariableSearchToggle?.(event.currentTarget);\n    },\n    [disabled, onVariableSearchToggle]\n  );\n\n  const handleConfirmOutput = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertConfirmOutput?.();\n  }, [disabled, onInsertConfirmOutput]);\n\n  // const handleInsertLink = useCallback(() => {\n  //   if (disabled) {\n  //     return;\n  //   }\n  //   onInsertLink?.();\n  // }, [disabled, onInsertLink]);\n\n  const handleInsertButton = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertButton?.();\n  }, [disabled, onInsertButton]);\n\n  const handleInsertSingleChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertSingleChoice?.();\n  }, [disabled, onInsertSingleChoice]);\n\n  const handleInsertMultiChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertMultiChoice?.();\n  }, [disabled, onInsertMultiChoice]);\n\n  const handleInsertInputField = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertInputField?.();\n  }, [disabled, onInsertInputField]);\n\n  const tooltipContentProps = {\n    dir: tooltipDirection,\n    lang: tooltipLanguage,\n    side: \"top\" as const,\n  };\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <div className=\"markdown-flow-editor-toolbar\" aria-disabled={disabled}>\n        <div className=\"markdown-flow-editor-toolbar-left\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleAddVariable}\n              >\n                <Braces strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.addVariable ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleSearchToggle}\n                data-active={\n                  !disabled && variableSearchActive ? \"true\" : undefined\n                }\n                aria-label={labels.search}\n                title={labels.search}\n              >\n                <SearchBracesIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.search ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertSingleChoice}\n                aria-label={labels.insertSingleChoice}\n                title={labels.insertSingleChoice}\n              >\n                <CircleCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertSingleChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertMultiChoice}\n                aria-label={labels.insertMultiChoice}\n                title={labels.insertMultiChoice}\n              >\n                <SquareCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertMultiChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertInputField}\n                aria-label={labels.insertInput}\n                title={labels.insertInput}\n              >\n                <TextCursorInput strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertInput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertButton}\n                aria-label={labels.insertButton}\n                title={labels.insertButton}\n              >\n                <ButtonIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertButton ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleConfirmOutput}\n                aria-label={labels.confirmOutput}\n                title={labels.confirmOutput}\n              >\n                <FileType strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.confirmOutput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Image)}\n                aria-label={labels.image}\n                title={labels.image}\n              >\n                <ImageIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.image ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Video)}\n                aria-label={labels.video}\n                title={labels.video}\n              >\n                <SquarePlay strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.video ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n        </div>\n        {rightSlot ? (\n          <div className=\"markdown-flow-editor-toolbar-right-wrapper\">\n            {rightSlot}\n          </div>\n        ) : null}\n        {/* <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleInsertLink}\n              aria-label={labels.insertLink}\n              title={labels.insertLink}\n            >\n              <Link strokeWidth={1.75} size={ICON_SIZE} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent side=\"top\">\n            {labels.insertLink ?? \"\"}\n          </TooltipContent>\n        </Tooltip> */}\n      </div>\n    </TooltipProvider>\n  );\n};\n\nexport default memo(EditorToolbar);\n"],"names":["ICON_SIZE","EditorToolbar","disabled","labels","tooltipDirection","tooltipLanguage","onSelect","onInsertVariablePlaceholder","onVariableSearchToggle","onVariableSearchClose","onInsertConfirmOutput","onInsertButton","onInsertSingleChoice","onInsertMultiChoice","onInsertInputField","variableSearchActive","rightSlot","handleAddVariable","useCallback","handleSearchToggle","event","handleConfirmOutput","handleInsertButton","handleInsertSingleChoice","handleInsertMultiChoice","handleInsertInputField","tooltipContentProps","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Braces","TooltipContent","SearchBracesIcon","CircleCheck","SquareCheck","TextCursorInput","ButtonIcon","FileType","SelectedOption","ImageIcon","SquarePlay","EditorToolbar$1","memo"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/EditorToolbar.d.ts

@@ -1,4 +1,5 @@
-import { SelectedOption } from '../types';
+import { SelectedOption } from '../types.js';
+import { MarkdownFlowDirection } from '../../../lib/locale.js';
 type ToolbarLabels = {
     confirmOutput: string | undefined;
     insertLink: string | undefined;
@@ -15,6 +16,8 @@ type ToolbarLabels = {
 interface EditorToolbarProps {
     disabled?: boolean;
     labels: ToolbarLabels;
+    tooltipDirection?: MarkdownFlowDirection;
+    tooltipLanguage?: string;
     onSelect: (selectedOption: SelectedOption) => void;
     onInsertVariablePlaceholder?: () => void;
     onVariableSearchToggle?: (button: HTMLButtonElement) => void;

package/dist/components/MarkdownFlowEditor/components/EditorToolbar.es.js

@@ -1,182 +1,188 @@
-import { j as t } from "../../../_virtual/jsx-runtime.es.js";
-import { memo as B, useCallback as c } from "react";
-import { SelectedOption as C } from "../types.es.js";
-import O from "./icons/SearchBracesIcon.es.js";
-import S from "./icons/ButtonIcon.es.js";
-import { TooltipProvider as E, Tooltip as e, TooltipTrigger as o, TooltipContent as n } from "../../ui/tooltip.es.js";
-import N from "../../../node_modules/lucide-react/dist/esm/icons/braces.es.js";
-import M from "../../../node_modules/lucide-react/dist/esm/icons/circle-check.es.js";
-import q from "../../../node_modules/lucide-react/dist/esm/icons/square-check.es.js";
-import A from "../../../node_modules/lucide-react/dist/esm/icons/text-cursor-input.es.js";
-import D from "../../../node_modules/lucide-react/dist/esm/icons/file-type.es.js";
-import F from "../../../node_modules/lucide-react/dist/esm/icons/image.es.js";
-import P from "../../../node_modules/lucide-react/dist/esm/icons/square-play.es.js";
-const s = 18, R = ({
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { memo as M, useCallback as l } from "react";
+import { SelectedOption as T } from "../types.es.js";
+import j from "./icons/SearchBracesIcon.es.js";
+import q from "./icons/ButtonIcon.es.js";
+import { TooltipProvider as P, Tooltip as o, TooltipTrigger as c, TooltipContent as h } from "../../ui/tooltip.es.js";
+import A from "../../../node_modules/lucide-react/dist/esm/icons/braces.es.js";
+import D from "../../../node_modules/lucide-react/dist/esm/icons/circle-check.es.js";
+import F from "../../../node_modules/lucide-react/dist/esm/icons/square-check.es.js";
+import Z from "../../../node_modules/lucide-react/dist/esm/icons/text-cursor-input.es.js";
+import _ from "../../../node_modules/lucide-react/dist/esm/icons/file-type.es.js";
+import $ from "../../../node_modules/lucide-react/dist/esm/icons/image.es.js";
+import G from "../../../node_modules/lucide-react/dist/esm/icons/square-play.es.js";
+const u = 18, H = ({
   disabled: r = !1,
   labels: i,
-  onSelect: h,
-  onInsertVariablePlaceholder: u,
-  onVariableSearchToggle: x,
-  onVariableSearchClose: d,
-  onInsertConfirmOutput: j,
+  tooltipDirection: v,
+  tooltipLanguage: z,
+  onSelect: d,
+  onInsertVariablePlaceholder: m,
+  onVariableSearchToggle: p,
+  onVariableSearchClose: a,
+  onInsertConfirmOutput: C,
   // onInsertLink,
-  onInsertButton: p,
-  onInsertSingleChoice: l,
-  onInsertMultiChoice: m,
-  onInsertInputField: a,
-  variableSearchActive: k = !1,
-  rightSlot: f
+  onInsertButton: f,
+  onInsertSingleChoice: k,
+  onInsertMultiChoice: s,
+  onInsertInputField: g,
+  variableSearchActive: W = !1,
+  rightSlot: y
 }) => {
-  const y = c(() => {
-    r || (d?.(), u?.());
-  }, [r, u, d]), g = c(
-    (w) => {
-      r || x?.(w.currentTarget);
+  const I = l(() => {
+    r || (a?.(), m?.());
+  }, [r, m, a]), w = l(
+    (E) => {
+      r || p?.(E.currentTarget);
     },
-    [r, x]
-  ), T = c(() => {
-    r || j?.();
-  }, [r, j]), v = c(() => {
-    r || p?.();
-  }, [r, p]), z = c(() => {
-    r || l?.();
-  }, [r, l]), W = c(() => {
-    r || m?.();
-  }, [r, m]), I = c(() => {
-    r || a?.();
-  }, [r, a]);
-  return /* @__PURE__ */ t.jsx(E, { delayDuration: 150, children: /* @__PURE__ */ t.jsxs("div", { className: "markdown-flow-editor-toolbar", "aria-disabled": r, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "markdown-flow-editor-toolbar-left", children: [
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+    [r, p]
+  ), B = l(() => {
+    r || C?.();
+  }, [r, C]), O = l(() => {
+    r || f?.();
+  }, [r, f]), S = l(() => {
+    r || k?.();
+  }, [r, k]), x = l(() => {
+    r || s?.();
+  }, [r, s]), N = l(() => {
+    r || g?.();
+  }, [r, g]), n = {
+    dir: v,
+    lang: z,
+    side: "top"
+  };
+  return /* @__PURE__ */ t(P, { delayDuration: 150, children: /* @__PURE__ */ e("div", { className: "markdown-flow-editor-toolbar", "aria-disabled": r, children: [
+    /* @__PURE__ */ e("div", { className: "markdown-flow-editor-toolbar-left", children: [
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: y,
-            children: /* @__PURE__ */ t.jsx(N, { strokeWidth: 1.75, size: s })
+            onClick: I,
+            children: /* @__PURE__ */ t(A, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.addVariable ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.addVariable ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: g,
-            "data-active": !r && k ? "true" : void 0,
+            onClick: w,
+            "data-active": !r && W ? "true" : void 0,
             "aria-label": i.search,
             title: i.search,
-            children: /* @__PURE__ */ t.jsx(O, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(j, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.search ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.search ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: z,
+            onClick: S,
             "aria-label": i.insertSingleChoice,
             title: i.insertSingleChoice,
-            children: /* @__PURE__ */ t.jsx(M, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(D, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.insertSingleChoice ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.insertSingleChoice ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: W,
+            onClick: x,
             "aria-label": i.insertMultiChoice,
             title: i.insertMultiChoice,
-            children: /* @__PURE__ */ t.jsx(q, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(F, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.insertMultiChoice ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.insertMultiChoice ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: I,
+            onClick: N,
             "aria-label": i.insertInput,
             title: i.insertInput,
-            children: /* @__PURE__ */ t.jsx(A, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(Z, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.insertInput ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.insertInput ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: v,
+            onClick: O,
             "aria-label": i.insertButton,
             title: i.insertButton,
-            children: /* @__PURE__ */ t.jsx(S, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(q, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.insertButton ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.insertButton ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: T,
+            onClick: B,
             "aria-label": i.confirmOutput,
             title: i.confirmOutput,
-            children: /* @__PURE__ */ t.jsx(D, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(_, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.confirmOutput ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.confirmOutput ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: () => h(C.Image),
+            onClick: () => d(T.Image),
             "aria-label": i.image,
             title: i.image,
-            children: /* @__PURE__ */ t.jsx(F, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t($, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.image ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.image ?? "" })
       ] }),
-      /* @__PURE__ */ t.jsxs(e, { children: [
-        /* @__PURE__ */ t.jsx(o, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: r,
-            onClick: () => h(C.Video),
+            onClick: () => d(T.Video),
             "aria-label": i.video,
             title: i.video,
-            children: /* @__PURE__ */ t.jsx(P, { strokeWidth: 1.75, size: s })
+            children: /* @__PURE__ */ t(G, { strokeWidth: 1.75, size: u })
           }
         ) }),
-        /* @__PURE__ */ t.jsx(n, { side: "top", children: i.video ?? "" })
+        /* @__PURE__ */ t(h, { ...n, children: i.video ?? "" })
       ] })
     ] }),
-    f ? /* @__PURE__ */ t.jsx("div", { className: "markdown-flow-editor-toolbar-right-wrapper", children: f }) : null
+    y ? /* @__PURE__ */ t("div", { className: "markdown-flow-editor-toolbar-right-wrapper", children: y }) : null
   ] }) });
-}, b = B(R);
+}, et = M(H);
 export {
-  b as default
+  et as default
 };
 //# sourceMappingURL=EditorToolbar.es.js.map

package/dist/components/MarkdownFlowEditor/components/EditorToolbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.es.js","sources":["../../../../src/components/MarkdownFlowEditor/components/EditorToolbar.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport {\n  Braces,\n  FileType,\n  Image as ImageIcon,\n  TextCursorInput,\n  // Link,\n  SquareCheck,\n  SquarePlay,\n  CircleCheck,\n} from \"lucide-react\";\nimport { SelectedOption } from \"../types\";\nimport SearchBracesIcon from \"./icons/SearchBracesIcon\";\nimport ButtonIcon from \"./icons/ButtonIcon\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\n\ntype ToolbarLabels = {\n  confirmOutput: string | undefined;\n  insertLink: string | undefined;\n  insertButton: string | undefined;\n  insertSingleChoice: string | undefined;\n  insertMultiChoice: string | undefined;\n  insertInput: string | undefined;\n  variable: string;\n  image: string;\n  video: string;\n  addVariable: string;\n  search: string;\n};\n\ninterface EditorToolbarProps {\n  disabled?: boolean;\n  labels: ToolbarLabels;\n  onSelect: (selectedOption: SelectedOption) => void;\n  onInsertVariablePlaceholder?: () => void;\n  onVariableSearchToggle?: (button: HTMLButtonElement) => void;\n  onVariableSearchClose?: () => void;\n  onInsertConfirmOutput?: () => void;\n  onInsertLink?: () => void;\n  onInsertButton?: () => void;\n  onInsertSingleChoice?: () => void;\n  onInsertMultiChoice?: () => void;\n  onInsertInputField?: () => void;\n  variableSearchActive?: boolean;\n  rightSlot?: React.ReactNode;\n}\n\n/**\n * EditorToolbar renders quick action buttons that mirror the slash commands.\n */\nconst ICON_SIZE = 18;\n\nconst EditorToolbar: React.FC<EditorToolbarProps> = ({\n  disabled = false,\n  labels,\n  onSelect,\n  onInsertVariablePlaceholder,\n  onVariableSearchToggle,\n  onVariableSearchClose,\n  onInsertConfirmOutput,\n  // onInsertLink,\n  onInsertButton,\n  onInsertSingleChoice,\n  onInsertMultiChoice,\n  onInsertInputField,\n  variableSearchActive = false,\n  rightSlot,\n}) => {\n  const handleAddVariable = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onVariableSearchClose?.();\n    onInsertVariablePlaceholder?.();\n  }, [disabled, onInsertVariablePlaceholder, onVariableSearchClose]);\n\n  const handleSearchToggle = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      onVariableSearchToggle?.(event.currentTarget);\n    },\n    [disabled, onVariableSearchToggle]\n  );\n\n  const handleConfirmOutput = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertConfirmOutput?.();\n  }, [disabled, onInsertConfirmOutput]);\n\n  // const handleInsertLink = useCallback(() => {\n  //   if (disabled) {\n  //     return;\n  //   }\n  //   onInsertLink?.();\n  // }, [disabled, onInsertLink]);\n\n  const handleInsertButton = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertButton?.();\n  }, [disabled, onInsertButton]);\n\n  const handleInsertSingleChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertSingleChoice?.();\n  }, [disabled, onInsertSingleChoice]);\n\n  const handleInsertMultiChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertMultiChoice?.();\n  }, [disabled, onInsertMultiChoice]);\n\n  const handleInsertInputField = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertInputField?.();\n  }, [disabled, onInsertInputField]);\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <div className=\"markdown-flow-editor-toolbar\" aria-disabled={disabled}>\n        <div className=\"markdown-flow-editor-toolbar-left\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleAddVariable}\n              >\n                <Braces strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.addVariable ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleSearchToggle}\n                data-active={\n                  !disabled && variableSearchActive ? \"true\" : undefined\n                }\n                aria-label={labels.search}\n                title={labels.search}\n              >\n                <SearchBracesIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.search ?? \"\"}</TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertSingleChoice}\n                aria-label={labels.insertSingleChoice}\n                title={labels.insertSingleChoice}\n              >\n                <CircleCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertSingleChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertMultiChoice}\n                aria-label={labels.insertMultiChoice}\n                title={labels.insertMultiChoice}\n              >\n                <SquareCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertMultiChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertInputField}\n                aria-label={labels.insertInput}\n                title={labels.insertInput}\n              >\n                <TextCursorInput strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertInput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertButton}\n                aria-label={labels.insertButton}\n                title={labels.insertButton}\n              >\n                <ButtonIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.insertButton ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleConfirmOutput}\n                aria-label={labels.confirmOutput}\n                title={labels.confirmOutput}\n              >\n                <FileType strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              {labels.confirmOutput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Image)}\n                aria-label={labels.image}\n                title={labels.image}\n              >\n                <ImageIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.image ?? \"\"}</TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Video)}\n                aria-label={labels.video}\n                title={labels.video}\n              >\n                <SquarePlay strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\">{labels.video ?? \"\"}</TooltipContent>\n          </Tooltip>\n        </div>\n        {rightSlot ? (\n          <div className=\"markdown-flow-editor-toolbar-right-wrapper\">\n            {rightSlot}\n          </div>\n        ) : null}\n        {/* <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleInsertLink}\n              aria-label={labels.insertLink}\n              title={labels.insertLink}\n            >\n              <Link strokeWidth={1.75} size={ICON_SIZE} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent side=\"top\">\n            {labels.insertLink ?? \"\"}\n          </TooltipContent>\n        </Tooltip> */}\n      </div>\n    </TooltipProvider>\n  );\n};\n\nexport default memo(EditorToolbar);\n"],"names":["ICON_SIZE","EditorToolbar","disabled","labels","onSelect","onInsertVariablePlaceholder","onVariableSearchToggle","onVariableSearchClose","onInsertConfirmOutput","onInsertButton","onInsertSingleChoice","onInsertMultiChoice","onInsertInputField","variableSearchActive","rightSlot","handleAddVariable","useCallback","handleSearchToggle","event","handleConfirmOutput","handleInsertButton","handleInsertSingleChoice","handleInsertMultiChoice","handleInsertInputField","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Braces","TooltipContent","SearchBracesIcon","CircleCheck","SquareCheck","TextCursorInput","ButtonIcon","FileType","SelectedOption","ImageIcon","SquarePlay","EditorToolbar$1","memo"],"mappings":"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"}
+{"version":3,"file":"EditorToolbar.es.js","sources":["../../../../src/components/MarkdownFlowEditor/components/EditorToolbar.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport {\n  Braces,\n  FileType,\n  Image as ImageIcon,\n  TextCursorInput,\n  // Link,\n  SquareCheck,\n  SquarePlay,\n  CircleCheck,\n} from \"lucide-react\";\nimport { SelectedOption } from \"../types\";\nimport SearchBracesIcon from \"./icons/SearchBracesIcon\";\nimport ButtonIcon from \"./icons/ButtonIcon\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\nimport type { MarkdownFlowDirection } from \"../../../lib/locale\";\n\ntype ToolbarLabels = {\n  confirmOutput: string | undefined;\n  insertLink: string | undefined;\n  insertButton: string | undefined;\n  insertSingleChoice: string | undefined;\n  insertMultiChoice: string | undefined;\n  insertInput: string | undefined;\n  variable: string;\n  image: string;\n  video: string;\n  addVariable: string;\n  search: string;\n};\n\ninterface EditorToolbarProps {\n  disabled?: boolean;\n  labels: ToolbarLabels;\n  tooltipDirection?: MarkdownFlowDirection;\n  tooltipLanguage?: string;\n  onSelect: (selectedOption: SelectedOption) => void;\n  onInsertVariablePlaceholder?: () => void;\n  onVariableSearchToggle?: (button: HTMLButtonElement) => void;\n  onVariableSearchClose?: () => void;\n  onInsertConfirmOutput?: () => void;\n  onInsertLink?: () => void;\n  onInsertButton?: () => void;\n  onInsertSingleChoice?: () => void;\n  onInsertMultiChoice?: () => void;\n  onInsertInputField?: () => void;\n  variableSearchActive?: boolean;\n  rightSlot?: React.ReactNode;\n}\n\n/**\n * EditorToolbar renders quick action buttons that mirror the slash commands.\n */\nconst ICON_SIZE = 18;\n\nconst EditorToolbar: React.FC<EditorToolbarProps> = ({\n  disabled = false,\n  labels,\n  tooltipDirection,\n  tooltipLanguage,\n  onSelect,\n  onInsertVariablePlaceholder,\n  onVariableSearchToggle,\n  onVariableSearchClose,\n  onInsertConfirmOutput,\n  // onInsertLink,\n  onInsertButton,\n  onInsertSingleChoice,\n  onInsertMultiChoice,\n  onInsertInputField,\n  variableSearchActive = false,\n  rightSlot,\n}) => {\n  const handleAddVariable = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onVariableSearchClose?.();\n    onInsertVariablePlaceholder?.();\n  }, [disabled, onInsertVariablePlaceholder, onVariableSearchClose]);\n\n  const handleSearchToggle = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      onVariableSearchToggle?.(event.currentTarget);\n    },\n    [disabled, onVariableSearchToggle]\n  );\n\n  const handleConfirmOutput = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertConfirmOutput?.();\n  }, [disabled, onInsertConfirmOutput]);\n\n  // const handleInsertLink = useCallback(() => {\n  //   if (disabled) {\n  //     return;\n  //   }\n  //   onInsertLink?.();\n  // }, [disabled, onInsertLink]);\n\n  const handleInsertButton = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertButton?.();\n  }, [disabled, onInsertButton]);\n\n  const handleInsertSingleChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertSingleChoice?.();\n  }, [disabled, onInsertSingleChoice]);\n\n  const handleInsertMultiChoice = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertMultiChoice?.();\n  }, [disabled, onInsertMultiChoice]);\n\n  const handleInsertInputField = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    onInsertInputField?.();\n  }, [disabled, onInsertInputField]);\n\n  const tooltipContentProps = {\n    dir: tooltipDirection,\n    lang: tooltipLanguage,\n    side: \"top\" as const,\n  };\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <div className=\"markdown-flow-editor-toolbar\" aria-disabled={disabled}>\n        <div className=\"markdown-flow-editor-toolbar-left\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleAddVariable}\n              >\n                <Braces strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.addVariable ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleSearchToggle}\n                data-active={\n                  !disabled && variableSearchActive ? \"true\" : undefined\n                }\n                aria-label={labels.search}\n                title={labels.search}\n              >\n                <SearchBracesIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.search ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertSingleChoice}\n                aria-label={labels.insertSingleChoice}\n                title={labels.insertSingleChoice}\n              >\n                <CircleCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertSingleChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertMultiChoice}\n                aria-label={labels.insertMultiChoice}\n                title={labels.insertMultiChoice}\n              >\n                <SquareCheck strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertMultiChoice ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertInputField}\n                aria-label={labels.insertInput}\n                title={labels.insertInput}\n              >\n                <TextCursorInput strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertInput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleInsertButton}\n                aria-label={labels.insertButton}\n                title={labels.insertButton}\n              >\n                <ButtonIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.insertButton ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={handleConfirmOutput}\n                aria-label={labels.confirmOutput}\n                title={labels.confirmOutput}\n              >\n                <FileType strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.confirmOutput ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Image)}\n                aria-label={labels.image}\n                title={labels.image}\n              >\n                <ImageIcon strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.image ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(SelectedOption.Video)}\n                aria-label={labels.video}\n                title={labels.video}\n              >\n                <SquarePlay strokeWidth={1.75} size={ICON_SIZE} />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent {...tooltipContentProps}>\n              {labels.video ?? \"\"}\n            </TooltipContent>\n          </Tooltip>\n        </div>\n        {rightSlot ? (\n          <div className=\"markdown-flow-editor-toolbar-right-wrapper\">\n            {rightSlot}\n          </div>\n        ) : null}\n        {/* <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleInsertLink}\n              aria-label={labels.insertLink}\n              title={labels.insertLink}\n            >\n              <Link strokeWidth={1.75} size={ICON_SIZE} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent side=\"top\">\n            {labels.insertLink ?? \"\"}\n          </TooltipContent>\n        </Tooltip> */}\n      </div>\n    </TooltipProvider>\n  );\n};\n\nexport default memo(EditorToolbar);\n"],"names":["ICON_SIZE","EditorToolbar","disabled","labels","tooltipDirection","tooltipLanguage","onSelect","onInsertVariablePlaceholder","onVariableSearchToggle","onVariableSearchClose","onInsertConfirmOutput","onInsertButton","onInsertSingleChoice","onInsertMultiChoice","onInsertInputField","variableSearchActive","rightSlot","handleAddVariable","useCallback","handleSearchToggle","event","handleConfirmOutput","handleInsertButton","handleInsertSingleChoice","handleInsertMultiChoice","handleInsertInputField","tooltipContentProps","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Braces","TooltipContent","SearchBracesIcon","CircleCheck","SquareCheck","TextCursorInput","ButtonIcon","FileType","SelectedOption","ImageIcon","SquarePlay","EditorToolbar$1","memo"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/ImageInject.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/jsx-runtime.cjs"),l=require("react"),b=require("../../ui/button.cjs"),N=require("../../ui/input.cjs"),X=require("../editor-context.cjs"),q=require("../utils/image.cjs"),Y=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),Z=require("../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),D=require("../../../node_modules/lucide-react/dist/esm/icons/upload.cjs"),B=l.forwardRef(({value:a,onSelect:O,uploadProps:n},k)=>{const{t:c}=Y.useTranslation(),{setDialogOpen:w}=l.useContext(X.default),[i,d]=l.useState({resourceUrl:a?.resourceUrl??"",resourceTitle:a?.resourceTitle??"",scalePercent:a?.scalePercent??100}),[R,j]=l.useState(!!a?.resourceUrl),[x,U]=l.useState(a?.resourceUrl??""),[S,E]=l.useState(a?.scalePercent??100),[T,C]=l.useState(a?.scalePercent!==void 0?String(a.scalePercent):"100"),[I,f]=l.useState(""),[y,m]=l.useState("idle"),u=y==="loading";l.useEffect(()=>{if(a?.resourceUrl){d(t=>({...t,resourceUrl:a.resourceUrl??"",resourceTitle:a.resourceTitle??t.resourceTitle??"",scalePercent:a.scalePercent??t.scalePercent??100})),U(a.resourceUrl??"");const e=a.scalePercent!==void 0?a.scalePercent:100;E(e),C(a.scalePercent!==void 0?String(a.scalePercent):String(e)),j(!0)}m("idle")},[a]);const M=()=>{u||w(!1)},v=(e,t)=>{const r=q.sanitizeImageUrl(e);d({resourceUrl:r,resourceTitle:t||i.resourceTitle||c("imageDefaultTitle"),scalePercent:S}),U(r),j(!0),f(""),y==="loading"&&m("success")},V=()=>{u||i.resourceUrl&&(O({resourceUrl:i.resourceUrl,resourceTitle:i.resourceTitle||c("imageDefaultTitle","Image name"),scalePercent:S}),w(!1))},P=e=>{const t=e.target.value.trim();U(t),j(!1),f("")},z=e=>{d(t=>({...t,resourceTitle:e.target.value}))},_=e=>{const t=e.target.value.replace(/[^\d]/g,"");if(C(t),!t){E(void 0),d(o=>({...o,scalePercent:void 0}));return}const r=Math.max(1,Math.min(1e3,Number(t)));E(r),d(o=>({...o,scalePercent:r}))},A=()=>{if(!u){if(m("idle"),!x){f(c("imageUrlRequired","Please enter image URL"));return}if(!q.isValidImageUrl(x)){f(c("imageInvalidUrl","Please enter a valid image URL"));return}if(v(x),!i.resourceTitle&&x)try{const e=new URL(x),t=decodeURIComponent(e.pathname.split("/").filter(Boolean).pop()??"");t&&d(r=>({...r,resourceTitle:t}))}catch(e){console.error(e)}}},g=(e,t)=>{m("success"),v(e,t)},p=(e,t)=>{const r=e?.message||c("imageUploadError","Upload failed, please retry");f(r),m("error"),j(!!i.resourceUrl),n?.onError?.(e,t)},$=async e=>{const t={file:e,filename:n?.name,data:typeof n?.data=="function"?await n.data(e):n?.data,headers:n?.headers,withCredentials:n?.withCredentials,action:typeof n?.action=="function"?await n.action(e):n?.action,onProgress:r=>n?.onProgress?.(r,e),onError:r=>p(r,e),onSuccess:r=>{n?.onSuccess?.(r,e);const o=typeof r=="string"?r:r?.url??r?.data?.url;o?g(o,e.name):p(new Error("INVALID_RESPONSE"),e)}};n?.customRequest?.(t)},G=async e=>{const t=typeof n?.action=="function"?await n.action(e):n?.action;if(!t){g(URL.createObjectURL(e),e.name);return}try{const r=new FormData;r.append(n?.name??"file",e);const o=typeof n?.data=="function"?await n.data(e):n?.data;o&&Object.entries(o).forEach(([Q,W])=>{r.append(Q,W)});const h=await(await fetch(t,{method:"POST",body:r,headers:n?.headers,credentials:n?.withCredentials?"include":"same-origin"})).json();n?.onSuccess?.(h,e);const L=typeof h=="string"?h:h?.data;L?g(L,e.name):p(new Error("INVALID_RESPONSE"),e)}catch(r){p(r,e)}},H=async e=>{try{f("");let t=e;if(n?.beforeUpload&&(t=await n.beforeUpload(e),t===!1))return;t instanceof Blob&&!(t instanceof File)&&(t=new File([t],e.name,{type:t.type||e.type}));const r=t instanceof File?t:e;if(m("loading"),j(!1),n?.customRequest){await $(r);return}if(n?.action){await G(r);return}const o=URL.createObjectURL(r);g(o,r.name),n?.onSuccess?.({url:o},r)}catch(t){m("error"),p(t,e)}},J=async e=>{const t=e.target.files?.[0];t&&(await H(t),e.target.value="")},K=l.useMemo(()=>s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[s.jsxRuntimeExports.jsx(N.Input,{type:"text",value:T,onChange:_,className:"w-24",inputMode:"numeric",pattern:"[0-9]*"}),s.jsxRuntimeExports.jsx("span",{children:"%"})]}),[T]);return s.jsxRuntimeExports.jsxs("div",{ref:k,className:"space-y-6",children:[s.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[s.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium text-foreground",children:c("imageUrlLabel","URL")}),s.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[s.jsxRuntimeExports.jsx(N.Input,{type:"text",placeholder:c("imageUrlPlaceholder","Please enter image URL"),value:x,onChange:P,autoComplete:"off"}),s.jsxRuntimeExports.jsx(b.Button,{className:"h-8",variant:"outline",type:"button",onClick:A,children:c("imageRunButton","Preview")})]})]}),s.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[s.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium text-foreground",children:c("imageUploadLabel","Upload")}),s.jsxRuntimeExports.jsxs("label",{className:`relative group flex h-48 w-full flex-col items-center justify-center overflow-hidden rounded-lg border border-dashed transition-colors ${R?"bg-muted/40":"bg-muted/10"} ${u?"cursor-wait opacity-80 pointer-events-none":"cursor-pointer"}`,children:[u&&s.jsxRuntimeExports.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-background/80",children:[s.jsxRuntimeExports.jsx(Z.default,{className:"h-6 w-6 animate-spin text-primary"}),s.jsxRuntimeExports.jsx("span",{className:"text-sm text-muted-foreground",children:c("imageUploading","Uploading...")})]}),R&&i.resourceUrl?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("img",{src:i.resourceUrl,alt:i.resourceTitle||"preview",className:"h-full w-full object-contain"}),!u&&s.jsxRuntimeExports.jsxs("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-[#D7D7D7] opacity-0 transition-opacity duration-200 group-hover:opacity-100",children:[s.jsxRuntimeExports.jsx(D.default,{className:"h-6 w-6",style:{color:"var(--base-muted-foreground, #737373)"}}),s.jsxRuntimeExports.jsx("span",{className:"text-sm",style:{color:"var(--base-muted-foreground, #737373)"},children:c("imageUploadPlaceholder","Drag files or click to upload")})]})]}):s.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center gap-2 text-sm text-muted-foreground",children:[s.jsxRuntimeExports.jsx(D.default,{className:"h-6 w-6"}),s.jsxRuntimeExports.jsx("span",{children:c("imageUploadPlaceholder","Drag files or click to upload")})]}),s.jsxRuntimeExports.jsx("input",{type:"file",accept:"image/*",className:"hidden",disabled:u,onChange:J})]}),y==="success"&&s.jsxRuntimeExports.jsx("p",{className:"text-xs text-muted-foreground",children:c("imageUploadSuccess","Upload complete")})]}),R&&i.resourceUrl&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[s.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium text-foreground",children:c("imageTitleLabel","Image Title")}),s.jsxRuntimeExports.jsx(N.Input,{type:"text",placeholder:c("imageTitlePlaceholder","Please enter image title"),value:i.resourceTitle||"",onChange:z})]}),s.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[s.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium text-foreground",children:c("imageScaleLabel","Scale")}),K]})]}),!!I&&s.jsxRuntimeExports.jsx("p",{className:"text-xs text-destructive",children:I}),s.jsxRuntimeExports.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsxRuntimeExports.jsx(b.Button,{type:"button",variant:"outline",onClick:M,disabled:u,children:c("imageCancelButton","Cancel")}),s.jsxRuntimeExports.jsx(b.Button,{className:"h-8",onClick:V,disabled:!i?.resourceUrl||u,children:c("imageUseButton","Use Image")})]})]})});B.displayName="ImageInject";exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),S=require("../../ui/button.cjs"),w=require("../../ui/input.cjs"),X=require("../editor-context.cjs"),q=require("../utils/image.cjs"),Y=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),Z=require("../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),E=require("../../../node_modules/lucide-react/dist/esm/icons/upload.cjs"),B=o.forwardRef(({value:c,onSelect:O,uploadProps:r},k)=>{const{t:n}=Y.useTranslation(),{setDialogOpen:T}=o.useContext(X.default),[l,m]=o.useState({resourceUrl:c?.resourceUrl??"",resourceTitle:c?.resourceTitle??"",scalePercent:c?.scalePercent??100}),[p,h]=o.useState(!!c?.resourceUrl),[f,y]=o.useState(c?.resourceUrl??""),[C,b]=o.useState(c?.scalePercent??100),[I,R]=o.useState(c?.scalePercent!==void 0?String(c.scalePercent):"100"),[v,g]=o.useState(""),[N,d]=o.useState("idle"),u=N==="loading";o.useEffect(()=>{if(c?.resourceUrl){m(t=>({...t,resourceUrl:c.resourceUrl??"",resourceTitle:c.resourceTitle??t.resourceTitle??"",scalePercent:c.scalePercent??t.scalePercent??100})),y(c.resourceUrl??"");const e=c.scalePercent!==void 0?c.scalePercent:100;b(e),R(c.scalePercent!==void 0?String(c.scalePercent):String(e)),h(!0)}d("idle")},[c]);const M=()=>{u||T(!1)},L=(e,t)=>{const a=q.sanitizeImageUrl(e);m({resourceUrl:a,resourceTitle:t||l.resourceTitle||n("imageDefaultTitle"),scalePercent:C}),y(a),h(!0),g(""),N==="loading"&&d("success")},V=()=>{u||l.resourceUrl&&(O({resourceUrl:l.resourceUrl,resourceTitle:l.resourceTitle||n("imageDefaultTitle","Image name"),scalePercent:C}),T(!1))},P=e=>{const t=e.target.value.trim();y(t),h(!1),g("")},z=e=>{m(t=>({...t,resourceTitle:e.target.value}))},_=e=>{const t=e.target.value.replace(/[^\d]/g,"");if(R(t),!t){b(void 0),m(i=>({...i,scalePercent:void 0}));return}const a=Math.max(1,Math.min(1e3,Number(t)));b(a),m(i=>({...i,scalePercent:a}))},A=()=>{if(!u){if(d("idle"),!f){g(n("imageUrlRequired","Please enter image URL"));return}if(!q.isValidImageUrl(f)){g(n("imageInvalidUrl","Please enter a valid image URL"));return}if(L(f),!l.resourceTitle&&f)try{const e=new URL(f),t=decodeURIComponent(e.pathname.split("/").filter(Boolean).pop()??"");t&&m(a=>({...a,resourceTitle:t}))}catch(e){console.error(e)}}},U=(e,t)=>{d("success"),L(e,t)},x=(e,t)=>{const a=e?.message||n("imageUploadError","Upload failed, please retry");g(a),d("error"),h(!!l.resourceUrl),r?.onError?.(e,t)},$=async e=>{const t={file:e,filename:r?.name,data:typeof r?.data=="function"?await r.data(e):r?.data,headers:r?.headers,withCredentials:r?.withCredentials,action:typeof r?.action=="function"?await r.action(e):r?.action,onProgress:a=>r?.onProgress?.(a,e),onError:a=>x(a,e),onSuccess:a=>{r?.onSuccess?.(a,e);const i=typeof a=="string"?a:a?.url??a?.data?.url;i?U(i,e.name):x(new Error("INVALID_RESPONSE"),e)}};r?.customRequest?.(t)},G=async e=>{const t=typeof r?.action=="function"?await r.action(e):r?.action;if(!t){U(URL.createObjectURL(e),e.name);return}try{const a=new FormData;a.append(r?.name??"file",e);const i=typeof r?.data=="function"?await r.data(e):r?.data;i&&Object.entries(i).forEach(([Q,W])=>{a.append(Q,W)});const j=await(await fetch(t,{method:"POST",body:a,headers:r?.headers,credentials:r?.withCredentials?"include":"same-origin"})).json();r?.onSuccess?.(j,e);const D=typeof j=="string"?j:j?.data;D?U(D,e.name):x(new Error("INVALID_RESPONSE"),e)}catch(a){x(a,e)}},H=async e=>{try{g("");let t=e;if(r?.beforeUpload&&(t=await r.beforeUpload(e),t===!1))return;t instanceof Blob&&!(t instanceof File)&&(t=new File([t],e.name,{type:t.type||e.type}));const a=t instanceof File?t:e;if(d("loading"),h(!1),r?.customRequest){await $(a);return}if(r?.action){await G(a);return}const i=URL.createObjectURL(a);U(i,a.name),r?.onSuccess?.({url:i},a)}catch(t){d("error"),x(t,e)}},J=async e=>{const t=e.target.files?.[0];t&&(await H(t),e.target.value="")},K=o.useMemo(()=>s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(w.Input,{type:"text",value:I,onChange:_,className:"w-24",inputMode:"numeric",pattern:"[0-9]*"}),s.jsx("span",{children:"%"})]}),[I]);return s.jsxs("div",{ref:k,className:"space-y-6",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx("label",{className:"text-sm font-medium text-foreground",children:n("imageUrlLabel","URL")}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx(w.Input,{type:"text",placeholder:n("imageUrlPlaceholder","Please enter image URL"),dir:"ltr",value:f,onChange:P,autoComplete:"off"}),s.jsx(S.Button,{className:"h-8",variant:"outline",type:"button",onClick:A,children:n("imageRunButton","Preview")})]})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("label",{className:"text-sm font-medium text-foreground",children:n("imageUploadLabel","Upload")}),s.jsxs("label",{className:`relative group flex h-48 w-full flex-col items-center justify-center overflow-hidden rounded-lg border border-dashed transition-colors ${p?"bg-muted/40":"bg-muted/10"} ${u?"cursor-wait opacity-80 pointer-events-none":"cursor-pointer"}`,children:[u&&s.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-background/80",children:[s.jsx(Z.default,{className:"h-6 w-6 animate-spin text-primary"}),s.jsx("span",{className:"text-sm text-muted-foreground",children:n("imageUploading","Uploading...")})]}),p&&l.resourceUrl?s.jsxs(s.Fragment,{children:[s.jsx("img",{src:l.resourceUrl,alt:l.resourceTitle||n("imageDefaultTitle"),className:"h-full w-full object-contain"}),!u&&s.jsxs("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-[#D7D7D7] opacity-0 transition-opacity duration-200 group-hover:opacity-100",children:[s.jsx(E.default,{className:"h-6 w-6",style:{color:"var(--base-muted-foreground, #737373)"}}),s.jsx("span",{className:"text-sm",style:{color:"var(--base-muted-foreground, #737373)"},children:n("imageUploadPlaceholder","Drag files or click to upload")})]})]}):s.jsxs("div",{className:"flex flex-col items-center gap-2 text-sm text-muted-foreground",children:[s.jsx(E.default,{className:"h-6 w-6"}),s.jsx("span",{children:n("imageUploadPlaceholder","Drag files or click to upload")})]}),s.jsx("input",{type:"file",accept:"image/*",className:"hidden",disabled:u,onChange:J})]}),N==="success"&&s.jsx("p",{className:"text-xs text-muted-foreground",children:n("imageUploadSuccess","Upload complete")})]}),p&&l.resourceUrl&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx("label",{className:"text-sm font-medium text-foreground",children:n("imageTitleLabel","Image Title")}),s.jsx(w.Input,{type:"text",placeholder:n("imageTitlePlaceholder","Please enter image title"),value:l.resourceTitle||"",onChange:z})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("label",{className:"text-sm font-medium text-foreground",children:n("imageScaleLabel","Scale")}),K]})]}),!!v&&s.jsx("p",{className:"text-xs text-destructive",children:v}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(S.Button,{type:"button",variant:"outline",onClick:M,disabled:u,children:n("imageCancelButton","Cancel")}),s.jsx(S.Button,{className:"h-8",onClick:V,disabled:!l?.resourceUrl||u,children:n("imageUseButton","Use Image")})]})]})});B.displayName="ImageInject";exports.default=B;
 //# sourceMappingURL=ImageInject.cjs.map