markdown-flow-ui 0.2.14 → 0.2.16-dev.1

package/dist/components/ContentRender/contentRenderI18n.d.ts

@@ -1,4 +1,4 @@
-import { MarkdownFlowLocale } from '../../lib/locale';
+import { MarkdownFlowLocale } from '../../lib/locale.js';
 export interface ContentRenderLocaleTexts {
     confirmButtonText: string;
     copyButtonText: string;
@@ -10,6 +10,11 @@ export interface ContentRenderLocaleTexts {
     sandboxExitFullscreenButtonText: string;
     sendButtonLabel: string;
     scrollToBottomLabel: string;
+    mermaidLoadingText: string;
+    mermaidEmptyChartText: string;
+    mermaidErrorText: string;
+    footnoteLabel: string;
+    footnoteBackLabel: string;
 }
 export declare const CONTENT_RENDER_LOCALE_TEXTS: Record<MarkdownFlowLocale, ContentRenderLocaleTexts>;
 export declare const getContentRenderLocaleTexts: (locale?: string | null) => ContentRenderLocaleTexts;

package/dist/components/ContentRender/contentRenderI18n.es.js

@@ -1,59 +1,8 @@
-import { normalizeMarkdownFlowLocale as o } from "../../lib/locale.es.js";
-import { buildLocaleTexts as n } from "../../lib/localeTextMap.es.js";
-const r = [
-  "confirmButtonText",
-  "copyButtonText",
-  "copiedButtonText",
-  "sandboxLoadingText",
-  "sandboxStyleLoadingText",
-  "sandboxScriptLoadingText",
-  "sandboxFullscreenButtonText",
-  "sandboxExitFullscreenButtonText",
-  "sendButtonLabel",
-  "scrollToBottomLabel"
-], t = (e) => n(
-  r,
-  e
-), i = {
-  "en-US": t([
-    "Submit",
-    "Copy",
-    "Copied",
-    "Loading content...",
-    "Building styles...",
-    "Building scripts cache...",
-    "Fullscreen",
-    "Exit fullscreen",
-    "Send",
-    "Scroll to bottom"
-  ]),
-  "fr-FR": t([
-    "Soumettre",
-    "Copier",
-    "Copié",
-    "Chargement du contenu...",
-    "Génération des styles...",
-    "Génération du cache des scripts...",
-    "Plein écran",
-    "Quitter le plein écran",
-    "Envoyer",
-    "Faire défiler jusqu'en bas"
-  ]),
-  "zh-CN": t([
-    "提交",
-    "复制",
-    "已复制",
-    "正在加载内容...",
-    "正在生成样式...",
-    "正在生成脚本缓存...",
-    "全屏浏览",
-    "退出全屏",
-    "发送",
-    "滚动到底部"
-  ])
-}, c = (e) => i[o(e)];
+import { normalizeMarkdownFlowLocale as e } from "../../lib/locale.es.js";
+import t from "./locales/contentRender.json.es.js";
+const r = t, T = (o) => r[e(o)];
 export {
-  i as CONTENT_RENDER_LOCALE_TEXTS,
-  c as getContentRenderLocaleTexts
+  r as CONTENT_RENDER_LOCALE_TEXTS,
+  T as getContentRenderLocaleTexts
 };
 //# sourceMappingURL=contentRenderI18n.es.js.map

package/dist/components/ContentRender/contentRenderI18n.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentRenderI18n.es.js","sources":["../../../src/components/ContentRender/contentRenderI18n.ts"],"sourcesContent":["import {\n  normalizeMarkdownFlowLocale,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport {\n  buildLocaleTexts,\n  type LocaleTextValues,\n} from \"../../lib/localeTextMap\";\n\nexport interface ContentRenderLocaleTexts {\n  confirmButtonText: string;\n  copyButtonText: string;\n  copiedButtonText: string;\n  sandboxLoadingText: string;\n  sandboxStyleLoadingText: string;\n  sandboxScriptLoadingText: string;\n  sandboxFullscreenButtonText: string;\n  sandboxExitFullscreenButtonText: string;\n  sendButtonLabel: string;\n  scrollToBottomLabel: string;\n}\n\nconst CONTENT_RENDER_TEXT_KEYS = [\n  \"confirmButtonText\",\n  \"copyButtonText\",\n  \"copiedButtonText\",\n  \"sandboxLoadingText\",\n  \"sandboxStyleLoadingText\",\n  \"sandboxScriptLoadingText\",\n  \"sandboxFullscreenButtonText\",\n  \"sandboxExitFullscreenButtonText\",\n  \"sendButtonLabel\",\n  \"scrollToBottomLabel\",\n] as const satisfies readonly (keyof ContentRenderLocaleTexts)[];\n\nconst createContentRenderLocaleTexts = (\n  values: LocaleTextValues<typeof CONTENT_RENDER_TEXT_KEYS>\n): ContentRenderLocaleTexts =>\n  buildLocaleTexts(\n    CONTENT_RENDER_TEXT_KEYS,\n    values\n  ) as ContentRenderLocaleTexts;\n\nexport const CONTENT_RENDER_LOCALE_TEXTS: Record<\n  MarkdownFlowLocale,\n  ContentRenderLocaleTexts\n> = {\n  \"en-US\": createContentRenderLocaleTexts([\n    \"Submit\",\n    \"Copy\",\n    \"Copied\",\n    \"Loading content...\",\n    \"Building styles...\",\n    \"Building scripts cache...\",\n    \"Fullscreen\",\n    \"Exit fullscreen\",\n    \"Send\",\n    \"Scroll to bottom\",\n  ]),\n  \"fr-FR\": createContentRenderLocaleTexts([\n    \"Soumettre\",\n    \"Copier\",\n    \"Copié\",\n    \"Chargement du contenu...\",\n    \"Génération des styles...\",\n    \"Génération du cache des scripts...\",\n    \"Plein écran\",\n    \"Quitter le plein écran\",\n    \"Envoyer\",\n    \"Faire défiler jusqu'en bas\",\n  ]),\n  \"zh-CN\": createContentRenderLocaleTexts([\n    \"提交\",\n    \"复制\",\n    \"已复制\",\n    \"正在加载内容...\",\n    \"正在生成样式...\",\n    \"正在生成脚本缓存...\",\n    \"全屏浏览\",\n    \"退出全屏\",\n    \"发送\",\n    \"滚动到底部\",\n  ]),\n};\n\nexport const getContentRenderLocaleTexts = (\n  locale?: string | null\n): ContentRenderLocaleTexts =>\n  CONTENT_RENDER_LOCALE_TEXTS[normalizeMarkdownFlowLocale(locale)];\n"],"names":["CONTENT_RENDER_TEXT_KEYS","createContentRenderLocaleTexts","values","buildLocaleTexts","CONTENT_RENDER_LOCALE_TEXTS","getContentRenderLocaleTexts","locale","normalizeMarkdownFlowLocale"],"mappings":";;AAsBA,MAAMA,IAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAiC,CACrCC,MAEAC;AAAA,EACEH;AAAA,EACAE;AACF,GAEWE,IAGT;AAAA,EACF,SAASH,EAA+B;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA,EACD,SAASA,EAA+B;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA,EACD,SAASA,EAA+B;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH,GAEaI,IAA8B,CACzCC,MAEAF,EAA4BG,EAA4BD,CAAM,CAAC;"}
+{"version":3,"file":"contentRenderI18n.es.js","sources":["../../../src/components/ContentRender/contentRenderI18n.ts"],"sourcesContent":["import {\n  normalizeMarkdownFlowLocale,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport localeTexts from \"./locales/contentRender.json\";\n\nexport interface ContentRenderLocaleTexts {\n  confirmButtonText: string;\n  copyButtonText: string;\n  copiedButtonText: string;\n  sandboxLoadingText: string;\n  sandboxStyleLoadingText: string;\n  sandboxScriptLoadingText: string;\n  sandboxFullscreenButtonText: string;\n  sandboxExitFullscreenButtonText: string;\n  sendButtonLabel: string;\n  scrollToBottomLabel: string;\n  mermaidLoadingText: string;\n  mermaidEmptyChartText: string;\n  mermaidErrorText: string;\n  footnoteLabel: string;\n  footnoteBackLabel: string;\n}\n\nexport const CONTENT_RENDER_LOCALE_TEXTS: Record<\n  MarkdownFlowLocale,\n  ContentRenderLocaleTexts\n> = localeTexts;\n\nexport const getContentRenderLocaleTexts = (\n  locale?: string | null\n): ContentRenderLocaleTexts =>\n  CONTENT_RENDER_LOCALE_TEXTS[normalizeMarkdownFlowLocale(locale)];\n"],"names":["CONTENT_RENDER_LOCALE_TEXTS","localeTexts","getContentRenderLocaleTexts","locale","normalizeMarkdownFlowLocale"],"mappings":";;AAwBO,MAAMA,IAGTC,GAESC,IAA8B,CACzCC,MAEAH,EAA4BI,EAA4BD,CAAM,CAAC;"}

package/dist/components/ContentRender/contentRenderI18n.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ContentRender/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ContentRender.cjs");require("../../_virtual/jsx-runtime.cjs");require("react");require("react-dom/client");require("./contentRenderI18n.cjs");require("../ui/inputGroup/input-group.cjs");exports.ContentRender=e.default;exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ContentRender.cjs");require("react/jsx-runtime");require("react");require("react-dom/client");require("../ui/inputGroup/input-group.cjs");exports.ContentRender=e.default;exports.default=e.default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ContentRender/index.d.ts

@@ -1,12 +1,12 @@
-import { default as ContentRender } from './ContentRender';
+import { default as ContentRender } from './ContentRender.js';
 export default ContentRender;
-export { default as IframeSandbox } from './IframeSandbox';
-export type { IframeSandboxProps } from './IframeSandbox';
-export type { SandboxAppProps } from './SandboxApp';
-export type { RenderSegment } from './utils/split-content';
-export { splitContentSegments } from './utils/split-content';
-export { default as ContentRender } from './ContentRender';
-export type { ContentRenderProps } from './ContentRender';
-export type { MarkdownFlowLocale } from '../../lib/locale';
-export { default as MarkdownFlowInput } from './MarkdownFlowInput';
-export type { MarkdownFlowInputProps } from './MarkdownFlowInput';
+export { default as IframeSandbox } from './IframeSandbox.js';
+export type { IframeSandboxProps } from './IframeSandbox.js';
+export type { SandboxAppProps } from './SandboxApp.js';
+export type { RenderSegment } from './utils/split-content.js';
+export { splitContentSegments } from './utils/split-content.js';
+export { default as ContentRender } from './ContentRender.js';
+export type { ContentRenderProps, ContentRenderTypewriterPacing, ContentRenderTypewriterState, } from './ContentRender.js';
+export type { MarkdownFlowLocale } from '../../lib/locale.js';
+export { default as MarkdownFlowInput } from './MarkdownFlowInput.js';
+export type { MarkdownFlowInputProps } from './MarkdownFlowInput.js';

package/dist/components/ContentRender/index.es.js

@@ -1,8 +1,7 @@
 import o from "./ContentRender.es.js";
-import "../../_virtual/jsx-runtime.es.js";
+import "react/jsx-runtime";
 import "react";
 import "react-dom/client";
-import "./contentRenderI18n.es.js";
 import "../ui/inputGroup/input-group.es.js";
 export {
   o as ContentRender,

package/dist/components/ContentRender/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/ContentRender/locales/contentRender.json.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"en-US":{confirmButtonText:"Submit",copyButtonText:"Copy",copiedButtonText:"Copied",sandboxLoadingText:"Loading content...",sandboxStyleLoadingText:"Building styles...",sandboxScriptLoadingText:"Building scripts cache...",sandboxFullscreenButtonText:"Fullscreen",sandboxExitFullscreenButtonText:"Exit fullscreen",sendButtonLabel:"Send",scrollToBottomLabel:"Scroll to bottom",mermaidLoadingText:"Loading Mermaid chart...",mermaidEmptyChartText:"Empty chart content",mermaidErrorText:"Unable to display the Mermaid chart",footnoteLabel:"Footnotes",footnoteBackLabel:"Back to reference {reference}"},"fr-FR":{confirmButtonText:"Soumettre",copyButtonText:"Copier",copiedButtonText:"Copié",sandboxLoadingText:"Chargement du contenu...",sandboxStyleLoadingText:"Génération des styles...",sandboxScriptLoadingText:"Génération du cache des scripts...",sandboxFullscreenButtonText:"Plein écran",sandboxExitFullscreenButtonText:"Quitter le plein écran",sendButtonLabel:"Envoyer",scrollToBottomLabel:"Faire défiler jusqu'en bas",mermaidLoadingText:"Chargement du diagramme Mermaid...",mermaidEmptyChartText:"Le diagramme est vide",mermaidErrorText:"Impossible d’afficher le diagramme Mermaid",footnoteLabel:"Notes de bas de page",footnoteBackLabel:"Retour à la référence {reference}"},"zh-CN":{confirmButtonText:"提交",copyButtonText:"复制",copiedButtonText:"已复制",sandboxLoadingText:"正在加载内容...",sandboxStyleLoadingText:"正在生成样式...",sandboxScriptLoadingText:"正在生成脚本缓存...",sandboxFullscreenButtonText:"全屏浏览",sandboxExitFullscreenButtonText:"退出全屏",sendButtonLabel:"发送",scrollToBottomLabel:"滚动到底部",mermaidLoadingText:"正在加载 Mermaid 图表...",mermaidEmptyChartText:"图表内容为空",mermaidErrorText:"无法显示 Mermaid 图表",footnoteLabel:"脚注",footnoteBackLabel:"返回正文引用 {reference}"},"ar-SA":{confirmButtonText:"إرسال",copyButtonText:"نسخ",copiedButtonText:"تم النسخ",sandboxLoadingText:"جارٍ تحميل المحتوى...",sandboxStyleLoadingText:"جارٍ إنشاء الأنماط...",sandboxScriptLoadingText:"جارٍ إنشاء ذاكرة التخزين المؤقت للبرامج النصية...",sandboxFullscreenButtonText:"ملء الشاشة",sandboxExitFullscreenButtonText:"الخروج من ملء الشاشة",sendButtonLabel:"إرسال",scrollToBottomLabel:"التمرير إلى الأسفل",mermaidLoadingText:"جارٍ تحميل مخطط Mermaid...",mermaidEmptyChartText:"محتوى المخطط فارغ",mermaidErrorText:"تعذّر عرض مخطط Mermaid",footnoteLabel:"الحواشي",footnoteBackLabel:"العودة إلى موضع الإحالة {reference}"},"th-TH":{confirmButtonText:"ส่งคำตอบ",copyButtonText:"คัดลอก",copiedButtonText:"คัดลอกแล้ว",sandboxLoadingText:"กำลังโหลดเนื้อหา...",sandboxStyleLoadingText:"กำลังสร้างสไตล์...",sandboxScriptLoadingText:"กำลังสร้างแคชสคริปต์...",sandboxFullscreenButtonText:"เต็มหน้าจอ",sandboxExitFullscreenButtonText:"ออกจากเต็มหน้าจอ",sendButtonLabel:"ส่ง",scrollToBottomLabel:"เลื่อนไปด้านล่าง",mermaidLoadingText:"กำลังโหลดแผนภาพ Mermaid...",mermaidEmptyChartText:"ไม่มีเนื้อหาในแผนภาพ",mermaidErrorText:"ไม่สามารถแสดงแผนภาพ Mermaid ได้",footnoteLabel:"เชิงอรรถ",footnoteBackLabel:"กลับไปยังจุดอ้างอิง {reference}"}};exports.default=e;
+//# sourceMappingURL=contentRender.json.cjs.map

package/dist/components/ContentRender/locales/contentRender.json.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentRender.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ContentRender/locales/contentRender.json.d.ts

@@ -0,0 +1,90 @@
+declare const _default: {
+  "en-US": {
+    "confirmButtonText": "Submit",
+    "copyButtonText": "Copy",
+    "copiedButtonText": "Copied",
+    "sandboxLoadingText": "Loading content...",
+    "sandboxStyleLoadingText": "Building styles...",
+    "sandboxScriptLoadingText": "Building scripts cache...",
+    "sandboxFullscreenButtonText": "Fullscreen",
+    "sandboxExitFullscreenButtonText": "Exit fullscreen",
+    "sendButtonLabel": "Send",
+    "scrollToBottomLabel": "Scroll to bottom",
+    "mermaidLoadingText": "Loading Mermaid chart...",
+    "mermaidEmptyChartText": "Empty chart content",
+    "mermaidErrorText": "Unable to display the Mermaid chart",
+    "footnoteLabel": "Footnotes",
+    "footnoteBackLabel": "Back to reference {reference}"
+  },
+  "fr-FR": {
+    "confirmButtonText": "Soumettre",
+    "copyButtonText": "Copier",
+    "copiedButtonText": "Copié",
+    "sandboxLoadingText": "Chargement du contenu...",
+    "sandboxStyleLoadingText": "Génération des styles...",
+    "sandboxScriptLoadingText": "Génération du cache des scripts...",
+    "sandboxFullscreenButtonText": "Plein écran",
+    "sandboxExitFullscreenButtonText": "Quitter le plein écran",
+    "sendButtonLabel": "Envoyer",
+    "scrollToBottomLabel": "Faire défiler jusqu'en bas",
+    "mermaidLoadingText": "Chargement du diagramme Mermaid...",
+    "mermaidEmptyChartText": "Le diagramme est vide",
+    "mermaidErrorText": "Impossible d’afficher le diagramme Mermaid",
+    "footnoteLabel": "Notes de bas de page",
+    "footnoteBackLabel": "Retour à la référence {reference}"
+  },
+  "zh-CN": {
+    "confirmButtonText": "提交",
+    "copyButtonText": "复制",
+    "copiedButtonText": "已复制",
+    "sandboxLoadingText": "正在加载内容...",
+    "sandboxStyleLoadingText": "正在生成样式...",
+    "sandboxScriptLoadingText": "正在生成脚本缓存...",
+    "sandboxFullscreenButtonText": "全屏浏览",
+    "sandboxExitFullscreenButtonText": "退出全屏",
+    "sendButtonLabel": "发送",
+    "scrollToBottomLabel": "滚动到底部",
+    "mermaidLoadingText": "正在加载 Mermaid 图表...",
+    "mermaidEmptyChartText": "图表内容为空",
+    "mermaidErrorText": "无法显示 Mermaid 图表",
+    "footnoteLabel": "脚注",
+    "footnoteBackLabel": "返回正文引用 {reference}"
+  },
+  "ar-SA": {
+    "confirmButtonText": "إرسال",
+    "copyButtonText": "نسخ",
+    "copiedButtonText": "تم النسخ",
+    "sandboxLoadingText": "جارٍ تحميل المحتوى...",
+    "sandboxStyleLoadingText": "جارٍ إنشاء الأنماط...",
+    "sandboxScriptLoadingText": "جارٍ إنشاء ذاكرة التخزين المؤقت للبرامج النصية...",
+    "sandboxFullscreenButtonText": "ملء الشاشة",
+    "sandboxExitFullscreenButtonText": "الخروج من ملء الشاشة",
+    "sendButtonLabel": "إرسال",
+    "scrollToBottomLabel": "التمرير إلى الأسفل",
+    "mermaidLoadingText": "جارٍ تحميل مخطط Mermaid...",
+    "mermaidEmptyChartText": "محتوى المخطط فارغ",
+    "mermaidErrorText": "تعذّر عرض مخطط Mermaid",
+    "footnoteLabel": "الحواشي",
+    "footnoteBackLabel": "العودة إلى موضع الإحالة {reference}"
+  },
+  "th-TH": {
+    "confirmButtonText": "ส่งคำตอบ",
+    "copyButtonText": "คัดลอก",
+    "copiedButtonText": "คัดลอกแล้ว",
+    "sandboxLoadingText": "กำลังโหลดเนื้อหา...",
+    "sandboxStyleLoadingText": "กำลังสร้างสไตล์...",
+    "sandboxScriptLoadingText": "กำลังสร้างแคชสคริปต์...",
+    "sandboxFullscreenButtonText": "เต็มหน้าจอ",
+    "sandboxExitFullscreenButtonText": "ออกจากเต็มหน้าจอ",
+    "sendButtonLabel": "ส่ง",
+    "scrollToBottomLabel": "เลื่อนไปด้านล่าง",
+    "mermaidLoadingText": "กำลังโหลดแผนภาพ Mermaid...",
+    "mermaidEmptyChartText": "ไม่มีเนื้อหาในแผนภาพ",
+    "mermaidErrorText": "ไม่สามารถแสดงแผนภาพ Mermaid ได้",
+    "footnoteLabel": "เชิงอรรถ",
+    "footnoteBackLabel": "กลับไปยังจุดอ้างอิง {reference}"
+  }
+}
+;
+
+export default _default;

package/dist/components/ContentRender/locales/contentRender.json.es.js

@@ -0,0 +1,11 @@
+const e = {
+  "en-US": { confirmButtonText: "Submit", copyButtonText: "Copy", copiedButtonText: "Copied", sandboxLoadingText: "Loading content...", sandboxStyleLoadingText: "Building styles...", sandboxScriptLoadingText: "Building scripts cache...", sandboxFullscreenButtonText: "Fullscreen", sandboxExitFullscreenButtonText: "Exit fullscreen", sendButtonLabel: "Send", scrollToBottomLabel: "Scroll to bottom", mermaidLoadingText: "Loading Mermaid chart...", mermaidEmptyChartText: "Empty chart content", mermaidErrorText: "Unable to display the Mermaid chart", footnoteLabel: "Footnotes", footnoteBackLabel: "Back to reference {reference}" },
+  "fr-FR": { confirmButtonText: "Soumettre", copyButtonText: "Copier", copiedButtonText: "Copié", sandboxLoadingText: "Chargement du contenu...", sandboxStyleLoadingText: "Génération des styles...", sandboxScriptLoadingText: "Génération du cache des scripts...", sandboxFullscreenButtonText: "Plein écran", sandboxExitFullscreenButtonText: "Quitter le plein écran", sendButtonLabel: "Envoyer", scrollToBottomLabel: "Faire défiler jusqu'en bas", mermaidLoadingText: "Chargement du diagramme Mermaid...", mermaidEmptyChartText: "Le diagramme est vide", mermaidErrorText: "Impossible d’afficher le diagramme Mermaid", footnoteLabel: "Notes de bas de page", footnoteBackLabel: "Retour à la référence {reference}" },
+  "zh-CN": { confirmButtonText: "提交", copyButtonText: "复制", copiedButtonText: "已复制", sandboxLoadingText: "正在加载内容...", sandboxStyleLoadingText: "正在生成样式...", sandboxScriptLoadingText: "正在生成脚本缓存...", sandboxFullscreenButtonText: "全屏浏览", sandboxExitFullscreenButtonText: "退出全屏", sendButtonLabel: "发送", scrollToBottomLabel: "滚动到底部", mermaidLoadingText: "正在加载 Mermaid 图表...", mermaidEmptyChartText: "图表内容为空", mermaidErrorText: "无法显示 Mermaid 图表", footnoteLabel: "脚注", footnoteBackLabel: "返回正文引用 {reference}" },
+  "ar-SA": { confirmButtonText: "إرسال", copyButtonText: "نسخ", copiedButtonText: "تم النسخ", sandboxLoadingText: "جارٍ تحميل المحتوى...", sandboxStyleLoadingText: "جارٍ إنشاء الأنماط...", sandboxScriptLoadingText: "جارٍ إنشاء ذاكرة التخزين المؤقت للبرامج النصية...", sandboxFullscreenButtonText: "ملء الشاشة", sandboxExitFullscreenButtonText: "الخروج من ملء الشاشة", sendButtonLabel: "إرسال", scrollToBottomLabel: "التمرير إلى الأسفل", mermaidLoadingText: "جارٍ تحميل مخطط Mermaid...", mermaidEmptyChartText: "محتوى المخطط فارغ", mermaidErrorText: "تعذّر عرض مخطط Mermaid", footnoteLabel: "الحواشي", footnoteBackLabel: "العودة إلى موضع الإحالة {reference}" },
+  "th-TH": { confirmButtonText: "ส่งคำตอบ", copyButtonText: "คัดลอก", copiedButtonText: "คัดลอกแล้ว", sandboxLoadingText: "กำลังโหลดเนื้อหา...", sandboxStyleLoadingText: "กำลังสร้างสไตล์...", sandboxScriptLoadingText: "กำลังสร้างแคชสคริปต์...", sandboxFullscreenButtonText: "เต็มหน้าจอ", sandboxExitFullscreenButtonText: "ออกจากเต็มหน้าจอ", sendButtonLabel: "ส่ง", scrollToBottomLabel: "เลื่อนไปด้านล่าง", mermaidLoadingText: "กำลังโหลดแผนภาพ Mermaid...", mermaidEmptyChartText: "ไม่มีเนื้อหาในแผนภาพ", mermaidErrorText: "ไม่สามารถแสดงแผนภาพ Mermaid ได้", footnoteLabel: "เชิงอรรถ", footnoteBackLabel: "กลับไปยังจุดอ้างอิง {reference}" }
+};
+export {
+  e as default
+};
+//# sourceMappingURL=contentRender.json.es.js.map

package/dist/components/ContentRender/locales/contentRender.json.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentRender.json.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/ContentRender/plugins/CustomVariable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/jsx-runtime.cjs"),j=require("react"),L=require("../../ui/button.cjs"),_=require("../../ui/checkbox.cjs"),q=require("../MarkdownFlowInput.cjs"),y=require("../../ui/inputGroup/input-group.cjs"),B=require("../../../lib/utils.cjs"),z=require("../contentRenderI18n.cjs"),J=({node:e,readonly:r,selectedValues:i,inputValue:n,confirmButtonText:a,handleCheckboxChange:c,handleInputChange:b,handleKeyDown:d,handleConfirmClick:u})=>{const p=e.properties?.placeholder,x=r||i.length===0&&!n?.trim(),l=f=>s.jsxRuntimeExports.jsx("span",{className:B.cn("multi-select-confirm-wrapper flex flex-col items-center",x?"opacity-50 cursor-not-allowed":"cursor-pointer",f),children:s.jsxRuntimeExports.jsx("button",{type:"button",className:"multi-select-confirm-button text-sm font-medium text-primary",disabled:x,onClick:u,children:a})});return s.jsxRuntimeExports.jsxs("span",{className:"multi-select-container flex w-full flex-col",children:[s.jsxRuntimeExports.jsx("span",{className:"flex flex-wrap gap-y-[9px] gap-x-6",children:e.properties?.buttonTexts?.map((f,h)=>{const g=e.properties?.buttonValues?.[h],v=g!==void 0?g:f;return s.jsxRuntimeExports.jsx(_.Checkbox,{label:f,disabled:r,checked:i.includes(v),onCheckedChange:m=>c(v,m),className:"text-sm"},h)})}),p?s.jsxRuntimeExports.jsx("span",{className:"block mb-1 w-full max-w-[500px]",children:s.jsxRuntimeExports.jsxs("span",{className:"multi-select-input-row flex w-full items-end gap-3",children:[s.jsxRuntimeExports.jsx(y.InputGroup,{"data-disabled":r,className:"flex-1",children:s.jsxRuntimeExports.jsx(y.InputGroupTextarea,{disabled:r,placeholder:p,value:n,onChange:b,onKeyDown:d,className:"text-sm px-3",title:p})}),l("shrink-0")]})}):l("self-start multi-select-confirm-wrapper--stacked")]})},P=({node:e,readonly:r,locale:i,resolvedDefaultButtonText:n,handleButtonClick:a,inputValue:c,handleInputChange:b,handleSendClick:d})=>s.jsxRuntimeExports.jsxs("span",{className:"single-select-container inline-flex w-full flex-col",children:[s.jsxRuntimeExports.jsx("span",{className:"flex flex-wrap gap-y-[9px] gap-x-2",children:e.properties?.buttonTexts?.map((u,p)=>{const x=e.properties?.buttonValues?.[p],l=x!==void 0?x:u;return s.jsxRuntimeExports.jsx(L.Button,{disabled:r,variant:"outline",type:"button",size:"sm",onClick:()=>a(l),className:B.cn("max-w-full shrink whitespace-normal break-words text-left leading-5 h-auto min-h-8 px-3 py-1.5","hover:bg-gray-200",n===u&&"select"),children:u},p)})}),e.properties?.placeholder&&s.jsxRuntimeExports.jsx("span",{className:"mt-[9px] mb-1",children:s.jsxRuntimeExports.jsx(q.default,{disabled:r,locale:i,placeholder:e.properties.placeholder,value:c,onChange:b,onSend:d,title:e.properties.placeholder})})]}),U=({readonly:e,locale:r,placeholder:i,value:n,onChange:a,onSend:c})=>i?s.jsxRuntimeExports.jsx(q.default,{disabled:e,locale:r,placeholder:i,value:n,onChange:a,onSend:c,title:i}):null,A=({node:e,readonly:r,locale:i,defaultButtonText:n,defaultInputText:a,defaultSelectedValues:c,onSend:b,confirmButtonText:d,beforeSend:u=()=>!0})=>{const p=z.getContentRenderLocaleTexts(i),x=d||p.confirmButtonText,[l,f]=j.useState(a||""),[h,g]=j.useState(c||[]),v=JSON.stringify({buttonTexts:e.properties?.buttonTexts,buttonValues:e.properties?.buttonValues,isMultiSelect:e.properties?.isMultiSelect,placeholder:e.properties?.placeholder,variableName:e.properties?.variableName}),m=e.properties?.isMultiSelect??!1,I=e.properties?.buttonTexts||[],k=!m&&I.length===0&&!e.properties?.placeholder,E=e.properties?.variableName?.trim()||n||x,R=j.useMemo(()=>k?{...e,properties:{...e.properties||{},buttonTexts:[E],buttonValues:[E]}}:e,[E,e,k]),N=R.properties?.buttonTexts||[],w=R.properties?.buttonValues||[],T=!m&&N.length>0,D=t=>{const o={variableName:e.properties?.variableName||"",buttonText:t};u?.(o)&&b?.(o)},K=(t,o)=>{g(V=>o?[...V,t]:V.filter(F=>F!==t))},M=()=>{const t=h.length===0&&!l?.trim(),o={variableName:e.properties?.variableName||"",selectedValues:h,inputText:l?.trim()||void 0};r||t||u?.(o)&&b?.(o)},C=t=>{f(t.target.value)},O=t=>{t.nativeEvent.isComposing||t.keyCode===229||t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),m?h.length===0&&!l.trim()||M():S())},S=()=>{const t={variableName:e.properties?.variableName||"",inputText:l};u?.(t)&&b?.(t)},G=j.useMemo(()=>{if(!n)return;const t=w.indexOf(n);if(t>-1)return N[t]??n;const o=N.indexOf(n);if(o>-1)return N[o]},[n,N,w]);return j.useEffect(()=>{f(a||"")},[a,v]),j.useEffect(()=>{g(c||[])},[c,v]),s.jsxRuntimeExports.jsxs("span",{className:"custom-variable-container inline-flex items-center flex-wrap",children:[m&&s.jsxRuntimeExports.jsx(J,{node:e,readonly:r,selectedValues:h,inputValue:l,confirmButtonText:x,handleCheckboxChange:K,handleInputChange:C,handleKeyDown:O,handleConfirmClick:M}),!m&&T&&s.jsxRuntimeExports.jsx(P,{node:R,readonly:r,locale:i,resolvedDefaultButtonText:G,handleButtonClick:D,inputValue:l,handleInputChange:C,handleSendClick:S}),!m&&!T&&e.properties?.placeholder&&s.jsxRuntimeExports.jsx(U,{readonly:r,locale:i,placeholder:e.properties.placeholder,value:l,onChange:C,onSend:S})]})};exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),v=require("react"),z=require("../../ui/button.cjs"),J=require("../../ui/checkbox.cjs"),E=require("../MarkdownFlowInput.cjs"),D=require("../../ui/inputGroup/input-group.cjs"),K=require("../../../lib/utils.cjs"),P=require("../contentRenderI18n.cjs"),U=({node:c,readonly:i,selectedValues:e,inputValue:r,confirmButtonText:a,handleCheckboxChange:n,handleInputChange:m,handleKeyDown:x,handleConfirmClick:b})=>{const h=c.properties?.placeholder,u=i||e.length===0&&!r?.trim(),f=p=>s.jsx("span",{className:K.cn("multi-select-confirm-wrapper flex flex-col items-center",u?"opacity-50 cursor-not-allowed":"cursor-pointer",p),children:s.jsx("button",{type:"button",className:"multi-select-confirm-button text-sm font-medium text-primary",disabled:u,onClick:b,children:a})});return s.jsxs("span",{className:"multi-select-container flex w-full flex-col",children:[s.jsx("span",{className:"flex flex-wrap gap-y-[9px] gap-x-6",children:c.properties?.buttonTexts?.map((p,l)=>{const N=c.properties?.buttonValues?.[l],d=N!==void 0?N:p;return s.jsx(J.Checkbox,{label:p,disabled:i,checked:e.includes(d),onCheckedChange:C=>n(d,C),className:"text-sm"},l)})}),h?s.jsx("span",{className:"block mb-1 w-full max-w-[500px]",children:s.jsxs("span",{className:"multi-select-input-row flex w-full items-end gap-3",children:[s.jsx(D.InputGroup,{"data-disabled":i,className:"flex-1",children:s.jsx(D.InputGroupTextarea,{disabled:i,placeholder:h,value:r,onChange:m,onKeyDown:x,className:"text-sm px-3",title:h})}),f("shrink-0")]})}):f("self-start multi-select-confirm-wrapper--stacked")]})},A=({dir:c,lang:i,node:e,readonly:r,locale:a,resolvedDefaultButtonText:n,handleButtonClick:m,inputValue:x,handleInputChange:b,handleSendClick:h})=>s.jsxs("span",{className:"single-select-container inline-flex w-full flex-col",children:[s.jsx("span",{className:"flex flex-wrap gap-y-[9px] gap-x-2",children:e.properties?.buttonTexts?.map((u,f)=>{const p=e.properties?.buttonValues?.[f],l=p!==void 0?p:u;return s.jsx(z.Button,{disabled:r,variant:"outline",type:"button",size:"sm",onClick:()=>m(l),className:K.cn("max-w-full shrink whitespace-normal break-words text-start leading-5 h-auto min-h-8 px-3 py-1.5","hover:bg-gray-200",n===u&&"select"),children:u},f)})}),e.properties?.placeholder&&s.jsx("span",{className:"mt-[9px] mb-1",children:s.jsx(E.default,{dir:c,lang:i,disabled:r,locale:a,placeholder:e.properties.placeholder,value:x,onChange:b,onSend:h,title:e.properties.placeholder})})]}),H=({dir:c,lang:i,readonly:e,locale:r,placeholder:a,value:n,onChange:m,onSend:x})=>a?s.jsx(E.default,{dir:c,lang:i,disabled:e,locale:r,placeholder:a,value:n,onChange:m,onSend:x,title:a}):null,Q=({dir:c,lang:i,node:e,readonly:r,locale:a,defaultButtonText:n,defaultInputText:m,defaultSelectedValues:x,onSend:b,confirmButtonText:h,beforeSend:u=()=>!0})=>{const f=P.getContentRenderLocaleTexts(a),p=h||f.confirmButtonText,[l,N]=v.useState(m||""),[d,C]=v.useState(x||[]),M=JSON.stringify({buttonTexts:e.properties?.buttonTexts,buttonValues:e.properties?.buttonValues,isMultiSelect:e.properties?.isMultiSelect,placeholder:e.properties?.placeholder,variableName:e.properties?.variableName}),g=e.properties?.isMultiSelect??!1,O=e.properties?.buttonTexts||[],V=!g&&O.length===0&&!e.properties?.placeholder,S=e.properties?.variableName?.trim()||n||p,k=v.useMemo(()=>V?{...e,properties:{...e.properties||{},buttonTexts:[S],buttonValues:[S]}}:e,[S,e,V]),j=k.properties?.buttonTexts||[],y=k.properties?.buttonValues||[],q=!g&&j.length>0,R=t=>{const o={variableName:e.properties?.variableName||"",buttonText:t};u?.(o)&&b?.(o)},G=(t,o)=>{C(I=>o?[...I,t]:I.filter(_=>_!==t))},B=()=>{const t=d.length===0&&!l?.trim(),o={variableName:e.properties?.variableName||"",selectedValues:d,inputText:l?.trim()||void 0};r||t||u?.(o)&&b?.(o)},w=t=>{N(t.target.value)},F=t=>{t.nativeEvent.isComposing||t.keyCode===229||t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),g?d.length===0&&!l.trim()||B():T())},T=()=>{const t={variableName:e.properties?.variableName||"",inputText:l};u?.(t)&&b?.(t)},L=v.useMemo(()=>{if(!n)return;const t=y.indexOf(n);if(t>-1)return j[t]??n;const o=j.indexOf(n);if(o>-1)return j[o]},[n,j,y]);return v.useEffect(()=>{N(m||"")},[m,M]),v.useEffect(()=>{C(x||[])},[x,M]),s.jsxs("span",{className:"custom-variable-container inline-flex items-center flex-wrap",children:[g&&s.jsx(U,{node:e,readonly:r,selectedValues:d,inputValue:l,confirmButtonText:p,handleCheckboxChange:G,handleInputChange:w,handleKeyDown:F,handleConfirmClick:B}),!g&&q&&s.jsx(A,{dir:c,lang:i,node:k,readonly:r,locale:a,resolvedDefaultButtonText:L,handleButtonClick:R,inputValue:l,handleInputChange:w,handleSendClick:T}),!g&&!q&&e.properties?.placeholder&&s.jsx(H,{dir:c,lang:i,readonly:r,locale:a,placeholder:e.properties.placeholder,value:l,onChange:w,onSend:T})]})};exports.default=Q;
 //# sourceMappingURL=CustomVariable.cjs.map

package/dist/components/ContentRender/plugins/CustomVariable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CustomVariable.cjs","sources":["../../../../src/components/ContentRender/plugins/CustomVariable.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Components } from \"react-markdown\";\nimport { OnSendContentParams } from \"../../types\";\nimport { Button } from \"../../ui/button\";\nimport { Checkbox } from \"../../ui/checkbox\";\nimport MarkdownFlowInput from \"../MarkdownFlowInput\";\nimport {\n  InputGroup,\n  InputGroupTextarea,\n} from \"../../ui/inputGroup/input-group\";\nimport type { MarkdownFlowLocale } from \"../../../lib/locale\";\nimport { cn } from \"../../../lib/utils\";\nimport { getContentRenderLocaleTexts } from \"../contentRenderI18n\";\n\n// Define custom variable node type\ninterface CustomVariableNode {\n  tagName: \"custom-variable\";\n  properties?: {\n    variableName?: string;\n    buttonTexts?: string[];\n    buttonValues?: string[];\n    placeholder?: string;\n    isMultiSelect?: boolean;\n  };\n}\n\n// Define custom variable component Props type\ninterface CustomVariableProps {\n  node: CustomVariableNode;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  locale?: MarkdownFlowLocale;\n  readonly?: boolean;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  beforeSend?: (param: OnSendContentParams) => boolean;\n}\n\ninterface ComponentsWithCustomVariable extends Components {\n  \"custom-variable\"?: React.ComponentType<CustomVariableProps>;\n}\n\n// Multi select section( with checkboxes and input)\ninterface MultiSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  selectedValues: string[];\n  inputValue: string;\n  confirmButtonText: string;\n  handleCheckboxChange: (value: string, checked: boolean) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  handleConfirmClick: () => void;\n}\n\nconst MultiSelectSection = ({\n  node,\n  readonly,\n  selectedValues,\n  inputValue,\n  confirmButtonText,\n  handleCheckboxChange,\n  handleInputChange,\n  handleKeyDown,\n  handleConfirmClick,\n}: MultiSelectSectionProps) => {\n  const placeholder = node.properties?.placeholder;\n  const confirmDisabled =\n    readonly || (selectedValues.length === 0 && !inputValue?.trim());\n\n  const renderConfirmButton = (extraWrapperClassName?: string) => (\n    <span\n      className={cn(\n        \"multi-select-confirm-wrapper flex flex-col items-center\",\n        confirmDisabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\",\n        extraWrapperClassName\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"multi-select-confirm-button text-sm font-medium text-primary\"\n        disabled={confirmDisabled}\n        onClick={handleConfirmClick}\n      >\n        {confirmButtonText}\n      </button>\n    </span>\n  );\n\n  return (\n    <span className=\"multi-select-container flex w-full flex-col\">\n      <span className=\"flex flex-wrap gap-y-[9px] gap-x-6\">\n        {node.properties?.buttonTexts?.map((text, index) => {\n          const value = node.properties?.buttonValues?.[index];\n          const buttonValue = value !== undefined ? value : text;\n          return (\n            <Checkbox\n              key={index}\n              label={text}\n              disabled={readonly}\n              checked={selectedValues.includes(buttonValue)}\n              onCheckedChange={(checked) =>\n                handleCheckboxChange(buttonValue, checked)\n              }\n              className=\"text-sm\"\n            />\n          );\n        })}\n      </span>\n      {placeholder ? (\n        <span className=\"block mb-1 w-full max-w-[500px]\">\n          <span className=\"multi-select-input-row flex w-full items-end gap-3\">\n            <InputGroup data-disabled={readonly} className=\"flex-1\">\n              <InputGroupTextarea\n                disabled={readonly}\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                className=\"text-sm px-3\"\n                title={placeholder}\n              />\n            </InputGroup>\n            {renderConfirmButton(\"shrink-0\")}\n          </span>\n        </span>\n      ) : (\n        renderConfirmButton(\"self-start multi-select-confirm-wrapper--stacked\")\n      )}\n    </span>\n  );\n};\n\n// Single select section( with buttons and input)\ninterface SingleSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  locale?: MarkdownFlowLocale;\n  resolvedDefaultButtonText?: string;\n  handleButtonClick: (value: string) => void;\n  inputValue: string;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleSendClick: () => void;\n}\n\nconst SingleSelectSection = ({\n  node,\n  readonly,\n  locale,\n  resolvedDefaultButtonText,\n  handleButtonClick,\n  inputValue,\n  handleInputChange,\n  handleSendClick,\n}: SingleSelectSectionProps) => (\n  <span className=\"single-select-container inline-flex w-full flex-col\">\n    <span className=\"flex flex-wrap gap-y-[9px] gap-x-2\">\n      {node.properties?.buttonTexts?.map((text, index) => {\n        const value = node.properties?.buttonValues?.[index];\n        const buttonValue = value !== undefined ? value : text;\n        return (\n          <Button\n            key={index}\n            disabled={readonly}\n            variant=\"outline\"\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => handleButtonClick(buttonValue)}\n            className={cn(\n              \"max-w-full shrink whitespace-normal break-words text-left leading-5 h-auto min-h-8 px-3 py-1.5\",\n              \"hover:bg-gray-200\",\n              resolvedDefaultButtonText === text && \"select\"\n            )}\n          >\n            {text}\n          </Button>\n        );\n      })}\n    </span>\n    {node.properties?.placeholder && (\n      <span className=\"mt-[9px] mb-1\">\n        <MarkdownFlowInput\n          disabled={readonly}\n          locale={locale}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n          title={node.properties.placeholder}\n        />\n      </span>\n    )}\n  </span>\n);\n\n// Pure input\ninterface InputSectionProps {\n  readonly?: boolean;\n  locale?: MarkdownFlowLocale;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onSend: () => void;\n}\n\nconst InputSection = ({\n  readonly,\n  locale,\n  placeholder,\n  value,\n  onChange,\n  onSend,\n}: InputSectionProps) => {\n  if (!placeholder) {\n    return null;\n  }\n\n  return (\n    <MarkdownFlowInput\n      disabled={readonly}\n      locale={locale}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      onSend={onSend}\n      title={placeholder}\n    />\n  );\n};\n\n// Define custom variable component\nconst CustomButtonInputVariable = ({\n  node,\n  readonly,\n  locale,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  onSend,\n  confirmButtonText,\n  beforeSend = () => true,\n}: CustomVariableProps) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedConfirmButtonText =\n    confirmButtonText || localeTexts.confirmButtonText;\n  const [inputValue, setInputValue] = React.useState(defaultInputText || \"\");\n  const [selectedValues, setSelectedValues] = React.useState<string[]>(\n    defaultSelectedValues || []\n  );\n  const interactionDefinitionKey = JSON.stringify({\n    buttonTexts: node.properties?.buttonTexts,\n    buttonValues: node.properties?.buttonValues,\n    isMultiSelect: node.properties?.isMultiSelect,\n    placeholder: node.properties?.placeholder,\n    variableName: node.properties?.variableName,\n  });\n  const isMultiSelect = node.properties?.isMultiSelect ?? false;\n  const baseButtonTexts = node.properties?.buttonTexts || [];\n  const shouldUseFallbackButton =\n    !isMultiSelect &&\n    baseButtonTexts.length === 0 &&\n    !node.properties?.placeholder;\n  const fallbackButtonLabel =\n    node.properties?.variableName?.trim() ||\n    defaultButtonText ||\n    resolvedConfirmButtonText;\n\n  const singleSelectNode = React.useMemo<CustomVariableNode>(() => {\n    if (!shouldUseFallbackButton) {\n      return node;\n    }\n    return {\n      ...node,\n      properties: {\n        ...(node.properties || {}),\n        buttonTexts: [fallbackButtonLabel],\n        buttonValues: [fallbackButtonLabel],\n      },\n    };\n  }, [fallbackButtonLabel, node, shouldUseFallbackButton]);\n\n  const singleSelectButtonTexts =\n    singleSelectNode.properties?.buttonTexts || [];\n  const singleSelectButtonValues =\n    singleSelectNode.properties?.buttonValues || [];\n  const isSingleSelect = !isMultiSelect && singleSelectButtonTexts.length > 0;\n\n  const handleButtonClick = (value: string) => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      buttonText: value,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleCheckboxChange = (value: string, checked: boolean) => {\n    setSelectedValues((prev) => {\n      if (checked) {\n        return [...prev, value];\n      } else {\n        return prev.filter((v) => v !== value);\n      }\n    });\n  };\n\n  const handleConfirmClick = () => {\n    const noSelection = selectedValues.length === 0 && !inputValue?.trim();\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      selectedValues,\n      inputText: inputValue?.trim() || undefined,\n    };\n    if (readonly || noSelection) return;\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setInputValue(e.target.value);\n  };\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.nativeEvent.isComposing || e.keyCode === 229) {\n      return;\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      if (isMultiSelect) {\n        const noSelection = selectedValues.length === 0 && !inputValue.trim();\n        if (!noSelection) handleConfirmClick();\n      } else {\n        handleSendClick();\n      }\n    }\n  };\n  const handleSendClick = () => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      inputText: inputValue,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const resolvedDefaultButtonText = React.useMemo(() => {\n    if (!defaultButtonText) {\n      return undefined;\n    }\n    const valueIndex = singleSelectButtonValues.indexOf(defaultButtonText);\n    if (valueIndex > -1) {\n      return singleSelectButtonTexts[valueIndex] ?? defaultButtonText;\n    }\n    const textIndex = singleSelectButtonTexts.indexOf(defaultButtonText);\n    if (textIndex > -1) {\n      return singleSelectButtonTexts[textIndex];\n    }\n    return undefined;\n  }, [defaultButtonText, singleSelectButtonTexts, singleSelectButtonValues]);\n\n  React.useEffect(() => {\n    setInputValue(defaultInputText || \"\");\n  }, [defaultInputText, interactionDefinitionKey]);\n\n  React.useEffect(() => {\n    setSelectedValues(defaultSelectedValues || []);\n  }, [defaultSelectedValues, interactionDefinitionKey]);\n\n  return (\n    <span className=\"custom-variable-container inline-flex items-center flex-wrap\">\n      {isMultiSelect && (\n        <MultiSelectSection\n          node={node}\n          readonly={readonly}\n          selectedValues={selectedValues}\n          inputValue={inputValue}\n          confirmButtonText={resolvedConfirmButtonText}\n          handleCheckboxChange={handleCheckboxChange}\n          handleInputChange={handleInputChange}\n          handleKeyDown={handleKeyDown}\n          handleConfirmClick={handleConfirmClick}\n        />\n      )}\n\n      {!isMultiSelect && isSingleSelect && (\n        <SingleSelectSection\n          node={singleSelectNode}\n          readonly={readonly}\n          locale={locale}\n          resolvedDefaultButtonText={resolvedDefaultButtonText}\n          handleButtonClick={handleButtonClick}\n          inputValue={inputValue}\n          handleInputChange={handleInputChange}\n          handleSendClick={handleSendClick}\n        />\n      )}\n\n      {!isMultiSelect && !isSingleSelect && node.properties?.placeholder && (\n        <InputSection\n          readonly={readonly}\n          locale={locale}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n        />\n      )}\n    </span>\n  );\n};\n\nexport default CustomButtonInputVariable;\nexport type {\n  ComponentsWithCustomVariable,\n  CustomVariableNode,\n  CustomVariableProps,\n};\n"],"names":["MultiSelectSection","node","readonly","selectedValues","inputValue","confirmButtonText","handleCheckboxChange","handleInputChange","handleKeyDown","handleConfirmClick","placeholder","confirmDisabled","renderConfirmButton","extraWrapperClassName","jsx","cn","jsxs","text","index","value","buttonValue","Checkbox","checked","InputGroup","InputGroupTextarea","SingleSelectSection","locale","resolvedDefaultButtonText","handleButtonClick","handleSendClick","Button","MarkdownFlowInput","InputSection","onChange","onSend","CustomButtonInputVariable","defaultButtonText","defaultInputText","defaultSelectedValues","beforeSend","localeTexts","getContentRenderLocaleTexts","resolvedConfirmButtonText","setInputValue","React","setSelectedValues","interactionDefinitionKey","isMultiSelect","baseButtonTexts","shouldUseFallbackButton","fallbackButtonLabel","singleSelectNode","singleSelectButtonTexts","singleSelectButtonValues","isSingleSelect","param","prev","v","noSelection","e","valueIndex","textIndex"],"mappings":"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"}
+{"version":3,"file":"CustomVariable.cjs","sources":["../../../../src/components/ContentRender/plugins/CustomVariable.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Components } from \"react-markdown\";\nimport { OnSendContentParams } from \"../../types\";\nimport { Button } from \"../../ui/button\";\nimport { Checkbox } from \"../../ui/checkbox\";\nimport MarkdownFlowInput from \"../MarkdownFlowInput\";\nimport {\n  InputGroup,\n  InputGroupTextarea,\n} from \"../../ui/inputGroup/input-group\";\nimport type { MarkdownFlowLocale } from \"../../../lib/locale\";\nimport { cn } from \"../../../lib/utils\";\nimport { getContentRenderLocaleTexts } from \"../contentRenderI18n\";\n\n// Define custom variable node type\ninterface CustomVariableNode {\n  tagName: \"custom-variable\";\n  properties?: {\n    variableName?: string;\n    buttonTexts?: string[];\n    buttonValues?: string[];\n    placeholder?: string;\n    isMultiSelect?: boolean;\n  };\n}\n\n// Define custom variable component Props type\ninterface CustomVariableProps {\n  /** Explicit direction for nested input controls. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  /** Explicit language for nested input controls. */\n  lang?: string;\n  node: CustomVariableNode;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  locale?: MarkdownFlowLocale;\n  readonly?: boolean;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  beforeSend?: (param: OnSendContentParams) => boolean;\n}\n\ninterface ComponentsWithCustomVariable extends Components {\n  \"custom-variable\"?: React.ComponentType<CustomVariableProps>;\n}\n\n// Multi select section( with checkboxes and input)\ninterface MultiSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  selectedValues: string[];\n  inputValue: string;\n  confirmButtonText: string;\n  handleCheckboxChange: (value: string, checked: boolean) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  handleConfirmClick: () => void;\n}\n\nconst MultiSelectSection = ({\n  node,\n  readonly,\n  selectedValues,\n  inputValue,\n  confirmButtonText,\n  handleCheckboxChange,\n  handleInputChange,\n  handleKeyDown,\n  handleConfirmClick,\n}: MultiSelectSectionProps) => {\n  const placeholder = node.properties?.placeholder;\n  const confirmDisabled =\n    readonly || (selectedValues.length === 0 && !inputValue?.trim());\n\n  const renderConfirmButton = (extraWrapperClassName?: string) => (\n    <span\n      className={cn(\n        \"multi-select-confirm-wrapper flex flex-col items-center\",\n        confirmDisabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\",\n        extraWrapperClassName\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"multi-select-confirm-button text-sm font-medium text-primary\"\n        disabled={confirmDisabled}\n        onClick={handleConfirmClick}\n      >\n        {confirmButtonText}\n      </button>\n    </span>\n  );\n\n  return (\n    <span className=\"multi-select-container flex w-full flex-col\">\n      <span className=\"flex flex-wrap gap-y-[9px] gap-x-6\">\n        {node.properties?.buttonTexts?.map((text, index) => {\n          const value = node.properties?.buttonValues?.[index];\n          const buttonValue = value !== undefined ? value : text;\n          return (\n            <Checkbox\n              key={index}\n              label={text}\n              disabled={readonly}\n              checked={selectedValues.includes(buttonValue)}\n              onCheckedChange={(checked) =>\n                handleCheckboxChange(buttonValue, checked)\n              }\n              className=\"text-sm\"\n            />\n          );\n        })}\n      </span>\n      {placeholder ? (\n        <span className=\"block mb-1 w-full max-w-[500px]\">\n          <span className=\"multi-select-input-row flex w-full items-end gap-3\">\n            <InputGroup data-disabled={readonly} className=\"flex-1\">\n              <InputGroupTextarea\n                disabled={readonly}\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                className=\"text-sm px-3\"\n                title={placeholder}\n              />\n            </InputGroup>\n            {renderConfirmButton(\"shrink-0\")}\n          </span>\n        </span>\n      ) : (\n        renderConfirmButton(\"self-start multi-select-confirm-wrapper--stacked\")\n      )}\n    </span>\n  );\n};\n\n// Single select section( with buttons and input)\ninterface SingleSelectSectionProps {\n  dir?: CustomVariableProps[\"dir\"];\n  lang?: string;\n  node: CustomVariableNode;\n  readonly?: boolean;\n  locale?: MarkdownFlowLocale;\n  resolvedDefaultButtonText?: string;\n  handleButtonClick: (value: string) => void;\n  inputValue: string;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleSendClick: () => void;\n}\n\nconst SingleSelectSection = ({\n  dir,\n  lang,\n  node,\n  readonly,\n  locale,\n  resolvedDefaultButtonText,\n  handleButtonClick,\n  inputValue,\n  handleInputChange,\n  handleSendClick,\n}: SingleSelectSectionProps) => (\n  <span className=\"single-select-container inline-flex w-full flex-col\">\n    <span className=\"flex flex-wrap gap-y-[9px] gap-x-2\">\n      {node.properties?.buttonTexts?.map((text, index) => {\n        const value = node.properties?.buttonValues?.[index];\n        const buttonValue = value !== undefined ? value : text;\n        return (\n          <Button\n            key={index}\n            disabled={readonly}\n            variant=\"outline\"\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => handleButtonClick(buttonValue)}\n            className={cn(\n              \"max-w-full shrink whitespace-normal break-words text-start leading-5 h-auto min-h-8 px-3 py-1.5\",\n              \"hover:bg-gray-200\",\n              resolvedDefaultButtonText === text && \"select\"\n            )}\n          >\n            {text}\n          </Button>\n        );\n      })}\n    </span>\n    {node.properties?.placeholder && (\n      <span className=\"mt-[9px] mb-1\">\n        <MarkdownFlowInput\n          dir={dir}\n          lang={lang}\n          disabled={readonly}\n          locale={locale}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n          title={node.properties.placeholder}\n        />\n      </span>\n    )}\n  </span>\n);\n\n// Pure input\ninterface InputSectionProps {\n  dir?: CustomVariableProps[\"dir\"];\n  lang?: string;\n  readonly?: boolean;\n  locale?: MarkdownFlowLocale;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onSend: () => void;\n}\n\nconst InputSection = ({\n  dir,\n  lang,\n  readonly,\n  locale,\n  placeholder,\n  value,\n  onChange,\n  onSend,\n}: InputSectionProps) => {\n  if (!placeholder) {\n    return null;\n  }\n\n  return (\n    <MarkdownFlowInput\n      dir={dir}\n      lang={lang}\n      disabled={readonly}\n      locale={locale}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      onSend={onSend}\n      title={placeholder}\n    />\n  );\n};\n\n// Define custom variable component\nconst CustomButtonInputVariable = ({\n  dir,\n  lang,\n  node,\n  readonly,\n  locale,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  onSend,\n  confirmButtonText,\n  beforeSend = () => true,\n}: CustomVariableProps) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedConfirmButtonText =\n    confirmButtonText || localeTexts.confirmButtonText;\n  const [inputValue, setInputValue] = React.useState(defaultInputText || \"\");\n  const [selectedValues, setSelectedValues] = React.useState<string[]>(\n    defaultSelectedValues || []\n  );\n  const interactionDefinitionKey = JSON.stringify({\n    buttonTexts: node.properties?.buttonTexts,\n    buttonValues: node.properties?.buttonValues,\n    isMultiSelect: node.properties?.isMultiSelect,\n    placeholder: node.properties?.placeholder,\n    variableName: node.properties?.variableName,\n  });\n  const isMultiSelect = node.properties?.isMultiSelect ?? false;\n  const baseButtonTexts = node.properties?.buttonTexts || [];\n  const shouldUseFallbackButton =\n    !isMultiSelect &&\n    baseButtonTexts.length === 0 &&\n    !node.properties?.placeholder;\n  const fallbackButtonLabel =\n    node.properties?.variableName?.trim() ||\n    defaultButtonText ||\n    resolvedConfirmButtonText;\n\n  const singleSelectNode = React.useMemo<CustomVariableNode>(() => {\n    if (!shouldUseFallbackButton) {\n      return node;\n    }\n    return {\n      ...node,\n      properties: {\n        ...(node.properties || {}),\n        buttonTexts: [fallbackButtonLabel],\n        buttonValues: [fallbackButtonLabel],\n      },\n    };\n  }, [fallbackButtonLabel, node, shouldUseFallbackButton]);\n\n  const singleSelectButtonTexts =\n    singleSelectNode.properties?.buttonTexts || [];\n  const singleSelectButtonValues =\n    singleSelectNode.properties?.buttonValues || [];\n  const isSingleSelect = !isMultiSelect && singleSelectButtonTexts.length > 0;\n\n  const handleButtonClick = (value: string) => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      buttonText: value,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleCheckboxChange = (value: string, checked: boolean) => {\n    setSelectedValues((prev) => {\n      if (checked) {\n        return [...prev, value];\n      } else {\n        return prev.filter((v) => v !== value);\n      }\n    });\n  };\n\n  const handleConfirmClick = () => {\n    const noSelection = selectedValues.length === 0 && !inputValue?.trim();\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      selectedValues,\n      inputText: inputValue?.trim() || undefined,\n    };\n    if (readonly || noSelection) return;\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setInputValue(e.target.value);\n  };\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.nativeEvent.isComposing || e.keyCode === 229) {\n      return;\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      if (isMultiSelect) {\n        const noSelection = selectedValues.length === 0 && !inputValue.trim();\n        if (!noSelection) handleConfirmClick();\n      } else {\n        handleSendClick();\n      }\n    }\n  };\n  const handleSendClick = () => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      inputText: inputValue,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const resolvedDefaultButtonText = React.useMemo(() => {\n    if (!defaultButtonText) {\n      return undefined;\n    }\n    const valueIndex = singleSelectButtonValues.indexOf(defaultButtonText);\n    if (valueIndex > -1) {\n      return singleSelectButtonTexts[valueIndex] ?? defaultButtonText;\n    }\n    const textIndex = singleSelectButtonTexts.indexOf(defaultButtonText);\n    if (textIndex > -1) {\n      return singleSelectButtonTexts[textIndex];\n    }\n    return undefined;\n  }, [defaultButtonText, singleSelectButtonTexts, singleSelectButtonValues]);\n\n  React.useEffect(() => {\n    setInputValue(defaultInputText || \"\");\n  }, [defaultInputText, interactionDefinitionKey]);\n\n  React.useEffect(() => {\n    setSelectedValues(defaultSelectedValues || []);\n  }, [defaultSelectedValues, interactionDefinitionKey]);\n\n  return (\n    <span className=\"custom-variable-container inline-flex items-center flex-wrap\">\n      {isMultiSelect && (\n        <MultiSelectSection\n          node={node}\n          readonly={readonly}\n          selectedValues={selectedValues}\n          inputValue={inputValue}\n          confirmButtonText={resolvedConfirmButtonText}\n          handleCheckboxChange={handleCheckboxChange}\n          handleInputChange={handleInputChange}\n          handleKeyDown={handleKeyDown}\n          handleConfirmClick={handleConfirmClick}\n        />\n      )}\n\n      {!isMultiSelect && isSingleSelect && (\n        <SingleSelectSection\n          dir={dir}\n          lang={lang}\n          node={singleSelectNode}\n          readonly={readonly}\n          locale={locale}\n          resolvedDefaultButtonText={resolvedDefaultButtonText}\n          handleButtonClick={handleButtonClick}\n          inputValue={inputValue}\n          handleInputChange={handleInputChange}\n          handleSendClick={handleSendClick}\n        />\n      )}\n\n      {!isMultiSelect && !isSingleSelect && node.properties?.placeholder && (\n        <InputSection\n          dir={dir}\n          lang={lang}\n          readonly={readonly}\n          locale={locale}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n        />\n      )}\n    </span>\n  );\n};\n\nexport default CustomButtonInputVariable;\nexport type {\n  ComponentsWithCustomVariable,\n  CustomVariableNode,\n  CustomVariableProps,\n};\n"],"names":["MultiSelectSection","node","readonly","selectedValues","inputValue","confirmButtonText","handleCheckboxChange","handleInputChange","handleKeyDown","handleConfirmClick","placeholder","confirmDisabled","renderConfirmButton","extraWrapperClassName","jsx","cn","jsxs","text","index","value","buttonValue","Checkbox","checked","InputGroup","InputGroupTextarea","SingleSelectSection","dir","lang","locale","resolvedDefaultButtonText","handleButtonClick","handleSendClick","Button","MarkdownFlowInput","InputSection","onChange","onSend","CustomButtonInputVariable","defaultButtonText","defaultInputText","defaultSelectedValues","beforeSend","localeTexts","getContentRenderLocaleTexts","resolvedConfirmButtonText","setInputValue","React","setSelectedValues","interactionDefinitionKey","isMultiSelect","baseButtonTexts","shouldUseFallbackButton","fallbackButtonLabel","singleSelectNode","singleSelectButtonTexts","singleSelectButtonValues","isSingleSelect","param","prev","v","noSelection","e","valueIndex","textIndex"],"mappings":"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"}

package/dist/components/ContentRender/plugins/CustomVariable.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Components } from 'react-markdown';
-import { OnSendContentParams } from '../../types';
-import { MarkdownFlowLocale } from '../../../lib/locale';
+import { OnSendContentParams } from '../../types.js';
+import { MarkdownFlowLocale } from '../../../lib/locale.js';
 interface CustomVariableNode {
     tagName: "custom-variable";
     properties?: {
@@ -13,6 +13,10 @@ interface CustomVariableNode {
     };
 }
 interface CustomVariableProps {
+    /** Explicit direction for nested input controls. */
+    dir?: React.HTMLAttributes<HTMLDivElement>["dir"];
+    /** Explicit language for nested input controls. */
+    lang?: string;
     node: CustomVariableNode;
     defaultButtonText?: string;
     defaultInputText?: string;
@@ -26,6 +30,6 @@ interface CustomVariableProps {
 interface ComponentsWithCustomVariable extends Components {
     "custom-variable"?: React.ComponentType<CustomVariableProps>;
 }
-declare const CustomButtonInputVariable: ({ node, readonly, locale, defaultButtonText, defaultInputText, defaultSelectedValues, onSend, confirmButtonText, beforeSend, }: CustomVariableProps) => React.JSX.Element;
+declare const CustomButtonInputVariable: ({ dir, lang, node, readonly, locale, defaultButtonText, defaultInputText, defaultSelectedValues, onSend, confirmButtonText, beforeSend, }: CustomVariableProps) => React.JSX.Element;
 export default CustomButtonInputVariable;
 export type { ComponentsWithCustomVariable, CustomVariableNode, CustomVariableProps, };