markdown-flow-ui 0.2.26-dev.9 → 0.2.27

package/dist/_virtual/escaping.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+//# sourceMappingURL=escaping.cjs.map

package/dist/_virtual/escaping.cjs.map

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

package/dist/_virtual/escaping.es.js

@@ -0,0 +1,5 @@
+var a = {};
+export {
+  a as __exports
+};
+//# sourceMappingURL=escaping.es.js.map

package/dist/_virtual/escaping.es.js.map

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

package/dist/_virtual/index.es3.js

@@ -1,8 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as s } from "../node_modules/classnames/index.es.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.es.js";
+import * as r from "../node_modules/unist-util-visit/index.es.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  t as default
+  m as default
 };
 //# sourceMappingURL=index.es3.js.map

package/dist/_virtual/index.es3.js.map

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

package/dist/_virtual/index.es4.js

@@ -1,7 +1,8 @@
-import { getAugmentedNamespace as e } from "./_commonjsHelpers.es.js";
-import * as r from "../node_modules/unist-util-visit/index.es.js";
-const m = /* @__PURE__ */ e(r);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
+import { __require as s } from "../node_modules/classnames/index.es.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  m as default
+  t as default
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/_virtual/index.es4.js.map

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

package/dist/_virtual/index.es8.js

@@ -1,5 +1,5 @@
-var r = {};
+var s = { exports: {} };
 export {
-  r as __exports
+  s as __module
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/_virtual/index.es9.js

@@ -1,5 +1,5 @@
-var s = { exports: {} };
+var r = {};
 export {
-  s as __module
+  r as __exports
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/_virtual/index3.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/classnames/index.cjs");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),t=require("../node_modules/unist-util-visit/index.cjs"),r=e.getAugmentedNamespace(t);exports.default=r;
 //# sourceMappingURL=index3.cjs.map

package/dist/_virtual/index4.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),t=require("../node_modules/unist-util-visit/index.cjs"),r=e.getAugmentedNamespace(t);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/classnames/index.cjs");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
 //# sourceMappingURL=index4.cjs.map

package/dist/_virtual/index8.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=index8.cjs.map

package/dist/_virtual/index9.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index9.cjs.map

package/dist/components/MarkdownFlowEditor/MarkdownFlowEditor.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),Ge=require("../../node_modules/@uiw/react-codemirror/esm/index.cjs"),We=require("../../node_modules/@codemirror/autocomplete/dist/index.cjs"),ke=require("../../node_modules/@codemirror/view/dist/index.cjs"),Qe=require("../../node_modules/@codemirror/lang-markdown/dist/index.cjs"),ve=require("../../node_modules/@codemirror/language/dist/index.cjs"),ne=require("../ui/tooltip.cjs"),Ye=require("./components/CustomDialog.cjs"),Je=require("./components/CustomPopover.cjs"),Ke=require("./components/EditorToolbar.cjs"),Xe=require("./components/VariableSearchDropdown.cjs"),Ze=require("./editor-context.cjs"),et=require("./components/ImageInject.cjs"),tt=require("./components/VideoInject.cjs"),nt=require("./components/VariableSelect.cjs"),h=require("./types.cjs");;/* empty css                         */const y=require("./utils.cjs"),ot=require("./plugins/ImgPlaceholder.cjs"),rt=require("./plugins/VideoPlaceholder.cjs"),st=require("./plugins/mediaPlaceholderLabels.cjs"),at=require("./plugins/VariablePlaceholder.cjs"),lt=require("./plugins/SyntaxHighlighter.cjs"),oe=require("../../node_modules/i18next/dist/esm/i18next.cjs"),P=require("./editorI18n.cjs"),re=require("../../lib/locale.cjs"),it=require("../../lib/useDetachedLanguage.cjs"),ct=require("../../lib/useResolvedDirection.cjs"),ut=require("../../node_modules/react-i18next/dist/es/initReactI18next.cjs"),ft=require("../../node_modules/react-i18next/dist/es/useTranslation.cjs");oe.default.isInitialized?Object.entries(P.editorLocaleResources).forEach(([b,m])=>{oe.default.addResourceBundle(b,"translation",m.translation,!0,!0)}):oe.default.use(ut.initReactI18next).init({resources:P.editorLocaleResources,lng:P.DEFAULT_EDITOR_LOCALE,fallbackLng:P.DEFAULT_EDITOR_LOCALE,interpolation:{escapeValue:!1}});const we=[],xe=(b,m)=>{if(!b||m<0)return!1;const x=y.createVariableExpressionRegexp();let I;for(;(I=x.exec(b))!==null;){const k=I.index??0,G=k+I[0].length,j=k+2,W=G-2;if(m>=j&&m<=W)return!0;x.lastIndex===I.index&&x.lastIndex++}return!1},ht=(b="")=>`{{${b}}}`,mt=({content:b="",editMode:m="codeEdit",variables:x,systemVariables:I,onChange:k,onBlur:G,locale:j,lang:W,uploadProps:Le,disabled:r=!1,toolbarActionsRight:Q,onReady:Ee})=>{const{t:l,i18n:Y}=ft.useTranslation(),F=re.normalizeMarkdownFlowLocale(j??P.DEFAULT_EDITOR_LOCALE),se=re.getMarkdownFlowDirection(j),ae=W??re.getMarkdownFlowLanguage(j);o.useEffect(()=>{Y.language!==F&&Y.changeLanguage(F)},[Y,F]);const L=P.getEditorLocaleMessages(F),C=o.useMemo(()=>({image:l("toolbarInsertImage",{defaultValue:"Insert image"}),video:l("toolbarInsertVideo",{defaultValue:"Insert video"}),variable:l("slashVariable",{defaultValue:"Variable"}),addVariable:l("toolbarInsertNewVariable",{defaultValue:"Insert new variable"}),search:l("toolbarInsertExistingVariable",{defaultValue:"Insert existing variable"}),confirmOutput:l("toolbarConfirmOutput",{defaultValue:"Confirm output"}),insertLink:l("toolbarInsertLink",{defaultValue:"Insert link"}),insertButton:l("toolbarInsertButton",{defaultValue:"Insert button"}),insertSingleChoice:l("toolbarInsertSingleChoice",{defaultValue:"Insert single choice"}),insertMultiChoice:l("toolbarInsertMultiChoice",{defaultValue:"Insert multi choice"}),insertInput:l("toolbarInsertInput",{defaultValue:"Insert input"}),singleChoiceOption1:l("toolbarChoiceOption1",{defaultValue:"Option 1"}),singleChoiceOption2:l("toolbarChoiceOption2",{defaultValue:"Option 2"}),inputPlaceholder:l("toolbarInputPlaceholder",{defaultValue:"Please enter"})}),[l]),Oe=o.useMemo(()=>({searchPlaceholder:l("variableSearchPlaceholder",{defaultValue:"Search variable"}),systemLabel:l("variableSectionSystem","System Variables"),customLabel:l("variableSectionCustom","Custom Variables"),emptyLabel:l("variableNotFound","No variables found")}),[l]),Te=m==="quickEdit"?l("placeholderQuickEdit",{defaultValue:l("placeholderCodeEdit",{defaultValue:l("placeholder")})}):l("placeholderCodeEdit",{defaultValue:l("placeholder")}),R=o.useMemo(()=>{const e=new Set;return(I??we).filter(n=>{const s=typeof n?.name=="string"?n.name.toLowerCase():"";return!s||e.has(s)?!1:(e.add(s),!0)})},[I]),J=o.useMemo(()=>{const e=new Set(R.map(s=>s.name.toLowerCase())),n=new Set;return(x??we).filter(s=>{const t=typeof s?.name=="string"?s.name.toLowerCase():"";return!t||e.has(t)||n.has(t)?!1:(n.add(t),!0)})},[x,R]),[K,v]=o.useState(!1),[X,E]=o.useState(!1),_=o.useRef(null),D=it.useDetachedLanguage(_,ae),{resolvedDirection:A}=ct.useResolvedDirection(_,se),[qe,N]=o.useState(null),[le,Z]=o.useState(J),[z,ye]=o.useState(R);o.useEffect(()=>{Z(J)},[J]),o.useEffect(()=>{ye(R)},[R]);const[S,w]=o.useState(h.SelectedOption.Empty),[c,M]=o.useState(),a=o.useRef(null),B=o.useRef(null),$=o.useRef(null),[ee,ie]=o.useState(!1),p=o.useCallback(()=>{ie(!1),$.current=null},[]),Pe=o.useCallback(e=>{if(!r){if(ee&&$.current===e){p();return}$.current=e,ie(!0)}},[p,r,ee]),je={selectedOption:S,setSelectedOption:w,dialogOpen:K,setDialogOpen:v,popoverOpen:X,setPopoverOpen:E,popoverPosition:qe,setPopoverPosition:N};o.useEffect(()=>{r&&(v(!1),E(!1),w(h.SelectedOption.Empty),M(null),N(null),p())},[p,r,v,E,N,w,M]);const O=o.useCallback(e=>{if(m!=="quickEdit"||!e)return;const n=y.extractVariableNames(e);if(!n.length)return;const s=new Set(z.map(t=>t.name.toLowerCase()));Z(t=>{const u=new Set(t.map(g=>g.name.toLowerCase())),f=new Set,d=[];return n.forEach(g=>{const V=g.toLowerCase();!g||s.has(V)||u.has(V)||f.has(V)||(d.push({name:g}),f.add(V))}),d.length?[...d,...t]:t})},[m,z]);o.useEffect(()=>{O(b)},[b,O]);const te=o.useCallback(e=>{if(!r)if(p(),w(e),e===h.SelectedOption.Variable){if(a.current){const{state:n}=a.current,s=n.selection.main.from,t=a.current.coordsAtPos(s);t&&N({x:t.left,y:t.bottom})}E(!0)}else v(!0)},[p,r]),T=o.useCallback(e=>{if(r||!a.current)return;const{state:n,dispatch:s}=a.current,t=n.selection.main.from;s({changes:{from:t,insert:e},selection:{anchor:t+e.length}})},[a,r]),ce=o.useCallback(e=>{if(r||!a.current)return;const{state:n,dispatch:s}=a.current,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:e},selection:{anchor:t.from+e.length}})},[r]),ue=o.useCallback(()=>{a.current?.focus()},[]),fe=o.useCallback(()=>a.current?.state.doc.toString()??"",[]),he=o.useCallback(e=>{if(r)return;if(!a.current){k?.(e);return}const n=a.current,{state:s,dispatch:t}=n;t({changes:{from:0,to:s.doc.length,insert:e},selection:{anchor:e.length}})},[r,k]),H=o.useCallback(()=>{if(r||!c||!a.current||c.from===-1)return;const{from:e,to:n}=c,{dispatch:s}=a.current;s({changes:{from:e,to:n,insert:""}})},[c,a,r]),U=o.useCallback((e,n,s=!1)=>{if(r||!a.current)return;const t=a.current,{state:u,dispatch:f}=t,d=n??u.selection.main,g=ht(e),V=s?g.length:2+e.length;f({changes:{from:d.from,to:d.to,insert:g},selection:{anchor:d.from+V}}),t.focus()},[r]),Re=o.useCallback(()=>{r||(p(),U(""))},[p,r,U]),De=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"======"},selection:{anchor:t.from+3}}),e.focus()},[r]),Ae=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"[]()"},selection:{anchor:t.from+1}}),e.focus()},[r]),Ne=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"?[]"},selection:{anchor:t.from+2}}),e.focus()},[r]),Me=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,u=C.singleChoiceOption1,f=C.singleChoiceOption2,d=`?[%{{}} ${u} | ${f}]`;s({changes:{from:t.from,to:t.to,insert:d},selection:{anchor:t.from+5}}),e.focus()},[r,C.singleChoiceOption1,C.singleChoiceOption2]),Fe=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,u=C.singleChoiceOption1,f=C.singleChoiceOption2,d=`?[%{{}} ${u} || ${f}]`;s({changes:{from:t.from,to:t.to,insert:d},selection:{anchor:t.from+5}}),e.focus()},[r,C.singleChoiceOption1,C.singleChoiceOption2]),_e=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,f=`?[%{{}}...${C.inputPlaceholder??"请输入"}]`;s({changes:{from:t.from,to:t.to,insert:f},selection:{anchor:t.from+5}}),e.focus()},[r,C.inputPlaceholder]),ze=o.useCallback(({resourceUrl:e,resourceTitle:n,scalePercent:s})=>{if(!e||r)return;const t=y.getImageContentToInsert({resourceUrl:e,resourceTitle:n,scalePercent:s});if(c?.type===h.SelectedOption.Image){if(H(),!a.current)return;const{dispatch:u}=a.current;u({changes:{from:c.from,insert:t}})}else T(t);v(!1)},[H,r,T,c]),Be=o.useCallback(({resourceUrl:e,resourceTitle:n})=>{if(r)return;const s=y.getVideoContentToInsert(e,n);if(c?.type===h.SelectedOption.Video){if(H(),!a.current)return;const{dispatch:t}=a.current;t({changes:{from:c.from,insert:s}})}else T(s);v(!1)},[H,r,T,c]),me=o.useCallback(e=>{if(r)return;const n=c?.type===h.SelectedOption.Variable?{from:c.from,to:c.to}:void 0;U(e.name,n,!0),E(!1),p()},[r,U,c,p]),de=o.useCallback(()=>We.autocompletion({override:[y.createSlashCommands(te,{image:L.slashImage,video:L.slashVideo,variable:L.slashVariable})]}),[L.slashImage,L.slashVideo,L.slashVariable,te]),pe=o.useCallback(e=>{if(a.current=e.view,m==="quickEdit"&&B.current&&e.selectionSet){const n=e.state.selection.main.head,s=e.state.doc.toString();xe(s,n)||(O(s),B.current=null)}},[O,m]),ge=o.useCallback(e=>{if(e.stopPropagation(),r)return;const{type:n,from:s,to:t,dataset:u,target:f}=e.detail,d=y.parseContentInfo(n,u);if(M({type:n,value:d,from:s,to:t}),w(n),n===h.SelectedOption.Variable){if(f){const g=f.getBoundingClientRect(),V=f.ownerDocument.defaultView?.getComputedStyle(_.current??f).direction;N({x:V==="rtl"?g.right:g.left,y:g.bottom})}E(!0)}else v(!0)},[r]);o.useEffect(()=>{K||(w(h.SelectedOption.Empty),M(null))},[K]),o.useEffect(()=>{!X&&S===h.SelectedOption.Variable&&(w(h.SelectedOption.Empty),M(null))},[X,S]),o.useEffect(()=>{const e=n=>{n.detail.view===a.current&&ge(n)};return window.addEventListener("globalTagClick",e),()=>{window.removeEventListener("globalTagClick",e)}},[ge]);const Ce=l("imageDefaultTitle"),be=l("videoDefaultTitle"),Se=o.useMemo(()=>st.mediaPlaceholderLabels.of({image:Ce,video:be}),[Ce,be]),$e=o.useMemo(()=>{const e=[ke.EditorView.lineWrapping,Qe.markdown(),ve.syntaxHighlighting(ve.defaultHighlightStyle),lt.default];return r||e.push(de()),m==="quickEdit"&&e.push(Se,ot.default,rt.default,at.default),e.push(ke.EditorView.updateListener.of(n=>{pe(n)})),e},[r,m,de,pe,Se]),He=o.useCallback(e=>{if(r)return;const n=a.current?.state.selection.main.head??-1;xe(e,n)?B.current=e:(B.current=null,O(e)),k?.(e)},[O,k,r]),Ve=!r&&ee,q=o.useMemo(()=>({insertTextAtCursor:T,replaceSelection:ce,focus:ue,getContent:fe,setContent:he}),[ue,fe,T,ce,he]),Ie=o.useCallback(e=>{r||"render"in e||e.onClick?.(q)},[r,q]),Ue=o.useMemo(()=>Q?.length?i.jsx("div",{className:"markdown-flow-editor-toolbar-right",children:Q.map(e=>{if("render"in e)return i.jsx("div",{className:"markdown-flow-editor-toolbar-right-item",children:e.render(q)},e.key);const n=e.label||e.tooltip||void 0,s=i.jsxs("button",{type:"button",disabled:r||e.disabled,onClick:()=>Ie(e),className:"markdown-flow-editor-toolbar-right-button","aria-label":n,title:e.label||e.tooltip,children:[e.icon?i.jsx("span",{className:"toolbar-right-icon",children:e.icon}):null,e.label?i.jsx("span",{className:"toolbar-right-label",children:e.label}):null]},e.key),t=e.tooltip?i.jsxs(ne.Tooltip,{children:[i.jsx(ne.TooltipTrigger,{asChild:!0,children:s}),i.jsx(ne.TooltipContent,{side:"top",dir:A,lang:D,children:e.tooltip})]}):s;return i.jsx("div",{className:"markdown-flow-editor-toolbar-right-item",children:t},e.key)})}):null,[r,q,Ie,A,D,Q]);return o.useEffect(()=>{Ee?.(q)},[q]),i.jsxs("div",{className:"markdown-flow-editor",ref:_,dir:se,lang:ae,"data-disabled":r?"true":void 0,"aria-disabled":r,children:[i.jsx(Ke.default,{disabled:r,labels:C,tooltipDirection:A,tooltipLanguage:D,onSelect:te,onInsertVariablePlaceholder:Re,onVariableSearchToggle:Pe,onVariableSearchClose:p,onInsertConfirmOutput:De,onInsertLink:Ae,onInsertButton:Ne,onInsertSingleChoice:Me,onInsertMultiChoice:Fe,onInsertInputField:_e,variableSearchActive:Ve,rightSlot:Ue}),i.jsx(Xe.default,{open:Ve,anchorElement:$.current,onClose:p,onSelect:me,variables:le,systemVariables:z,labels:Oe}),i.jsx("div",{className:"markdown-flow-editor-body relative overflow-auto",children:i.jsxs(Ze.default.Provider,{value:je,children:[i.jsx(Ge.default,{extensions:$e,basicSetup:{lineNumbers:!1,syntaxHighlighting:!0,highlightActiveLine:!0,highlightActiveLineGutter:!0,foldGutter:!1},className:"rounded-md",placeholder:Te,value:b,theme:"light",minHeight:"2rem",editable:!r,onChange:He,onBlur:G}),!r&&i.jsxs(Ye.default,{dir:A,lang:D,labels:{closeButtonLabel:l("dialogCloseLabel"),title:S===h.SelectedOption.Image?l("dialogTitleImage"):S===h.SelectedOption.Video?l("dialogTitleVideo"):S===h.SelectedOption.Variable?l("dialogTitleVariable"):l("dialogTitle")},children:[S===h.SelectedOption.Image&&i.jsx(et.default,{value:c?.value,onSelect:ze,uploadProps:Le}),S===h.SelectedOption.Video&&i.jsx(tt.default,{value:c?.value,onSelect:Be})]}),!r&&i.jsx(Je.default,{dir:A,lang:D,children:i.jsx(nt.default,{variables:le,systemVariables:z,selectedName:c?.value?.variableName,onSelect:me,onAddVariable:e=>{Z(n=>{const s=e.name.toLowerCase();return n.some(u=>u.name.toLowerCase()===s)?n:[e,...n]})}})})]})})]})};exports.default=mt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),Ge=require("../../node_modules/@uiw/react-codemirror/esm/index.cjs"),We=require("../../node_modules/@codemirror/autocomplete/dist/index.cjs"),ke=require("../../node_modules/@codemirror/view/dist/index.cjs"),Ke=require("../../node_modules/@codemirror/lang-markdown/dist/index.cjs"),ve=require("../../node_modules/@codemirror/language/dist/index.cjs"),ne=require("../ui/tooltip.cjs"),Qe=require("./components/CustomDialog.cjs"),Ye=require("./components/CustomPopover.cjs"),Je=require("./components/EditorToolbar.cjs"),Xe=require("./components/VariableSearchDropdown.cjs"),Ze=require("./editor-context.cjs"),et=require("./components/ImageInject.cjs"),tt=require("./components/VideoInject.cjs"),nt=require("./components/VariableSelect.cjs"),h=require("./types.cjs");;/* empty css                         */const y=require("./utils.cjs"),ot=require("./plugins/ImgPlaceholder.cjs"),rt=require("./plugins/VideoPlaceholder.cjs"),st=require("./plugins/mediaPlaceholderLabels.cjs"),at=require("./plugins/VariablePlaceholder.cjs"),lt=require("./plugins/SyntaxHighlighter.cjs"),oe=require("../../node_modules/i18next/dist/esm/i18next.cjs"),P=require("./editorI18n.cjs"),re=require("../../lib/locale.cjs"),it=require("../../lib/useDetachedLanguage.cjs"),ct=require("../../lib/useResolvedDirection.cjs"),ut=require("../../node_modules/react-i18next/dist/es/initReactI18next.cjs"),ft=require("../../node_modules/react-i18next/dist/es/useTranslation.cjs");oe.default.isInitialized?Object.entries(P.editorLocaleResources).forEach(([b,m])=>{oe.default.addResourceBundle(b,"translation",m.translation,!0,!0)}):oe.default.use(ut.initReactI18next).init({resources:P.editorLocaleResources,lng:P.DEFAULT_EDITOR_LOCALE,fallbackLng:P.DEFAULT_EDITOR_LOCALE,interpolation:{escapeValue:!1}});const we=[],xe=(b,m)=>{if(!b||m<0)return!1;const x=y.createVariableExpressionRegexp();let I;for(;(I=x.exec(b))!==null;){const k=I.index??0,G=k+I[0].length,j=k+2,W=G-2;if(m>=j&&m<=W)return!0;x.lastIndex===I.index&&x.lastIndex++}return!1},ht=(b="")=>`{{${b}}}`,mt=({content:b="",editMode:m="codeEdit",variables:x,systemVariables:I,onChange:k,onBlur:G,locale:j,lang:W,uploadProps:Le,disabled:r=!1,toolbarActionsRight:K,onReady:Ee})=>{const{t:l,i18n:Q}=ft.useTranslation(),F=re.normalizeMarkdownFlowLocale(j??P.DEFAULT_EDITOR_LOCALE),se=re.getMarkdownFlowDirection(j),ae=W??re.getMarkdownFlowLanguage(j);o.useEffect(()=>{Q.language!==F&&Q.changeLanguage(F)},[Q,F]);const L=P.getEditorLocaleMessages(F),C=o.useMemo(()=>({image:l("toolbarInsertImage",{defaultValue:"Insert image"}),video:l("toolbarInsertVideo",{defaultValue:"Insert video"}),variable:l("slashVariable",{defaultValue:"Variable"}),addVariable:l("toolbarInsertNewVariable",{defaultValue:"Insert new variable"}),search:l("toolbarInsertExistingVariable",{defaultValue:"Insert existing variable"}),confirmOutput:l("toolbarConfirmOutput",{defaultValue:"Confirm output"}),insertLink:l("toolbarInsertLink",{defaultValue:"Insert link"}),insertButton:l("toolbarInsertButton",{defaultValue:"Insert button"}),insertSingleChoice:l("toolbarInsertSingleChoice",{defaultValue:"Insert single choice"}),insertMultiChoice:l("toolbarInsertMultiChoice",{defaultValue:"Insert multi choice"}),insertInput:l("toolbarInsertInput",{defaultValue:"Insert input"}),singleChoiceOption1:l("toolbarChoiceOption1",{defaultValue:"Option 1"}),singleChoiceOption2:l("toolbarChoiceOption2",{defaultValue:"Option 2"}),inputPlaceholder:l("toolbarInputPlaceholder",{defaultValue:"Please enter"})}),[l]),Oe=o.useMemo(()=>({searchPlaceholder:l("variableSearchPlaceholder",{defaultValue:"Search variable"}),systemLabel:l("variableSectionSystem","System Variables"),customLabel:l("variableSectionCustom","Custom Variables"),emptyLabel:l("variableNotFound","No variables found")}),[l]),Te=m==="quickEdit"?l("placeholderQuickEdit",{defaultValue:l("placeholderCodeEdit",{defaultValue:l("placeholder")})}):l("placeholderCodeEdit",{defaultValue:l("placeholder")}),R=o.useMemo(()=>{const e=new Set;return(I??we).filter(n=>{const s=typeof n?.name=="string"?n.name.toLowerCase():"";return!s||e.has(s)?!1:(e.add(s),!0)})},[I]),Y=o.useMemo(()=>{const e=new Set(R.map(s=>s.name.toLowerCase())),n=new Set;return(x??we).filter(s=>{const t=typeof s?.name=="string"?s.name.toLowerCase():"";return!t||e.has(t)||n.has(t)?!1:(n.add(t),!0)})},[x,R]),[J,v]=o.useState(!1),[X,E]=o.useState(!1),_=o.useRef(null),D=it.useDetachedLanguage(_,ae),{resolvedDirection:A}=ct.useResolvedDirection(_,se),[qe,N]=o.useState(null),[le,Z]=o.useState(Y),[z,ye]=o.useState(R);o.useEffect(()=>{Z(Y)},[Y]),o.useEffect(()=>{ye(R)},[R]);const[S,w]=o.useState(h.SelectedOption.Empty),[c,M]=o.useState(),a=o.useRef(null),B=o.useRef(null),$=o.useRef(null),[ee,ie]=o.useState(!1),p=o.useCallback(()=>{ie(!1),$.current=null},[]),Pe=o.useCallback(e=>{if(!r){if(ee&&$.current===e){p();return}$.current=e,ie(!0)}},[p,r,ee]),je={selectedOption:S,setSelectedOption:w,dialogOpen:J,setDialogOpen:v,popoverOpen:X,setPopoverOpen:E,popoverPosition:qe,setPopoverPosition:N};o.useEffect(()=>{r&&(v(!1),E(!1),w(h.SelectedOption.Empty),M(null),N(null),p())},[p,r,v,E,N,w,M]);const O=o.useCallback(e=>{if(m!=="quickEdit"||!e)return;const n=y.extractVariableNames(e);if(!n.length)return;const s=new Set(z.map(t=>t.name.toLowerCase()));Z(t=>{const u=new Set(t.map(g=>g.name.toLowerCase())),f=new Set,d=[];return n.forEach(g=>{const V=g.toLowerCase();!g||s.has(V)||u.has(V)||f.has(V)||(d.push({name:g}),f.add(V))}),d.length?[...d,...t]:t})},[m,z]);o.useEffect(()=>{O(b)},[b,O]);const te=o.useCallback(e=>{if(!r)if(p(),w(e),e===h.SelectedOption.Variable){if(a.current){const{state:n}=a.current,s=n.selection.main.from,t=a.current.coordsAtPos(s);t&&N({x:t.left,y:t.bottom})}E(!0)}else v(!0)},[p,r]),T=o.useCallback(e=>{if(r||!a.current)return;const{state:n,dispatch:s}=a.current,t=n.selection.main.from;s({changes:{from:t,insert:e},selection:{anchor:t+e.length}})},[a,r]),ce=o.useCallback(e=>{if(r||!a.current)return;const{state:n,dispatch:s}=a.current,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:e},selection:{anchor:t.from+e.length}})},[r]),ue=o.useCallback(()=>{a.current?.focus()},[]),fe=o.useCallback(()=>a.current?.state.doc.toString()??"",[]),he=o.useCallback(e=>{if(r)return;if(!a.current){k?.(e);return}const n=a.current,{state:s,dispatch:t}=n;t({changes:{from:0,to:s.doc.length,insert:e},selection:{anchor:e.length}})},[r,k]),H=o.useCallback(()=>{if(r||!c||!a.current||c.from===-1)return;const{from:e,to:n}=c,{dispatch:s}=a.current;s({changes:{from:e,to:n,insert:""}})},[c,a,r]),U=o.useCallback((e,n,s=!1)=>{if(r||!a.current)return;const t=a.current,{state:u,dispatch:f}=t,d=n??u.selection.main,g=ht(e),V=s?g.length:2+e.length;f({changes:{from:d.from,to:d.to,insert:g},selection:{anchor:d.from+V}}),t.focus()},[r]),Re=o.useCallback(()=>{r||(p(),U(""))},[p,r,U]),De=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"======"},selection:{anchor:t.from+3}}),e.focus()},[r]),Ae=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"[]()"},selection:{anchor:t.from+1}}),e.focus()},[r]),Ne=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main;s({changes:{from:t.from,to:t.to,insert:"?[]"},selection:{anchor:t.from+2}}),e.focus()},[r]),Me=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,u=C.singleChoiceOption1,f=C.singleChoiceOption2,d=`?[%{{}} ${u} | ${f}]`;s({changes:{from:t.from,to:t.to,insert:d},selection:{anchor:t.from+5}}),e.focus()},[r,C.singleChoiceOption1,C.singleChoiceOption2]),Fe=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,u=C.singleChoiceOption1,f=C.singleChoiceOption2,d=`?[%{{}} ${u} || ${f}]`;s({changes:{from:t.from,to:t.to,insert:d},selection:{anchor:t.from+5}}),e.focus()},[r,C.singleChoiceOption1,C.singleChoiceOption2]),_e=o.useCallback(()=>{if(r||!a.current)return;const e=a.current,{state:n,dispatch:s}=e,t=n.selection.main,f=`?[%{{}}...${C.inputPlaceholder??"请输入"}]`;s({changes:{from:t.from,to:t.to,insert:f},selection:{anchor:t.from+5}}),e.focus()},[r,C.inputPlaceholder]),ze=o.useCallback(({resourceUrl:e,resourceTitle:n,scalePercent:s})=>{if(!e||r)return;const t=y.getImageContentToInsert({resourceUrl:e,resourceTitle:n,scalePercent:s});if(c?.type===h.SelectedOption.Image){if(H(),!a.current)return;const{dispatch:u}=a.current;u({changes:{from:c.from,insert:t}})}else T(t);v(!1)},[H,r,T,c]),Be=o.useCallback(({resourceUrl:e,resourceTitle:n})=>{if(r)return;const s=y.getVideoContentToInsert(e,n);if(c?.type===h.SelectedOption.Video){if(H(),!a.current)return;const{dispatch:t}=a.current;t({changes:{from:c.from,insert:s}})}else T(s);v(!1)},[H,r,T,c]),me=o.useCallback(e=>{if(r)return;const n=c?.type===h.SelectedOption.Variable?{from:c.from,to:c.to}:void 0;U(e.name,n,!0),E(!1),p()},[r,U,c,p]),de=o.useCallback(()=>We.autocompletion({override:[y.createSlashCommands(te,{image:L.slashImage,video:L.slashVideo,variable:L.slashVariable})]}),[L.slashImage,L.slashVideo,L.slashVariable,te]),pe=o.useCallback(e=>{if(a.current=e.view,m==="quickEdit"&&B.current&&e.selectionSet){const n=e.state.selection.main.head,s=e.state.doc.toString();xe(s,n)||(O(s),B.current=null)}},[O,m]),ge=o.useCallback(e=>{if(e.stopPropagation(),r)return;const{type:n,from:s,to:t,dataset:u,target:f}=e.detail,d=y.parseContentInfo(n,u);if(M({type:n,value:d,from:s,to:t}),w(n),n===h.SelectedOption.Variable){if(f){const g=f.getBoundingClientRect(),V=f.ownerDocument.defaultView?.getComputedStyle(_.current??f).direction;N({x:V==="rtl"?g.right:g.left,y:g.bottom})}E(!0)}else v(!0)},[r]);o.useEffect(()=>{J||(w(h.SelectedOption.Empty),M(null))},[J]),o.useEffect(()=>{!X&&S===h.SelectedOption.Variable&&(w(h.SelectedOption.Empty),M(null))},[X,S]),o.useEffect(()=>{const e=n=>{n.detail.view===a.current&&ge(n)};return window.addEventListener("globalTagClick",e),()=>{window.removeEventListener("globalTagClick",e)}},[ge]);const Ce=l("imageDefaultTitle"),be=l("videoDefaultTitle"),Se=o.useMemo(()=>st.mediaPlaceholderLabels.of({image:Ce,video:be}),[Ce,be]),$e=o.useMemo(()=>{const e=[ke.EditorView.lineWrapping,Ke.markdown(),ve.syntaxHighlighting(ve.defaultHighlightStyle),lt.default];return r||e.push(de()),m==="quickEdit"&&e.push(Se,ot.default,rt.default,at.default),e.push(ke.EditorView.updateListener.of(n=>{pe(n)})),e},[r,m,de,pe,Se]),He=o.useCallback(e=>{if(r)return;const n=a.current?.state.selection.main.head??-1;xe(e,n)?B.current=e:(B.current=null,O(e)),k?.(e)},[O,k,r]),Ve=!r&&ee,q=o.useMemo(()=>({insertTextAtCursor:T,replaceSelection:ce,focus:ue,getContent:fe,setContent:he}),[ue,fe,T,ce,he]),Ie=o.useCallback(e=>{r||"render"in e||e.onClick?.(q)},[r,q]),Ue=o.useMemo(()=>K?.length?i.jsx("div",{className:"markdown-flow-editor-toolbar-right",children:K.map(e=>{if("render"in e)return i.jsx("div",{className:"markdown-flow-editor-toolbar-right-item",children:e.render(q)},e.key);const n=e.label||e.tooltip||void 0,s=i.jsxs("button",{type:"button",disabled:r||e.disabled,onClick:()=>Ie(e),className:"markdown-flow-editor-toolbar-right-button","aria-label":n,title:e.label||e.tooltip,children:[e.icon?i.jsx("span",{className:"toolbar-right-icon",children:e.icon}):null,e.label?i.jsx("span",{className:"toolbar-right-label",children:e.label}):null]},e.key),t=e.tooltip?i.jsxs(ne.Tooltip,{children:[i.jsx(ne.TooltipTrigger,{asChild:!0,children:s}),i.jsx(ne.TooltipContent,{side:"top",dir:A,lang:D,children:e.tooltip})]}):s;return i.jsx("div",{className:"markdown-flow-editor-toolbar-right-item",children:t},e.key)})}):null,[r,q,Ie,A,D,K]);return o.useEffect(()=>{Ee?.(q)},[q]),i.jsxs("div",{className:"markdown-flow-editor",ref:_,dir:se,lang:ae,"data-disabled":r?"true":void 0,"aria-disabled":r,children:[i.jsx(Je.default,{disabled:r,labels:C,tooltipDirection:A,tooltipLanguage:D,onSelect:te,onInsertVariablePlaceholder:Re,onVariableSearchToggle:Pe,onVariableSearchClose:p,onInsertConfirmOutput:De,onInsertLink:Ae,onInsertButton:Ne,onInsertSingleChoice:Me,onInsertMultiChoice:Fe,onInsertInputField:_e,variableSearchActive:Ve,rightSlot:Ue}),i.jsx(Xe.default,{open:Ve,anchorElement:$.current,onClose:p,onSelect:me,variables:le,systemVariables:z,labels:Oe}),i.jsx("div",{className:"markdown-flow-editor-body relative overflow-auto",children:i.jsxs(Ze.default.Provider,{value:je,children:[i.jsx(Ge.default,{extensions:$e,basicSetup:{lineNumbers:!1,searchKeymap:!1,syntaxHighlighting:!0,highlightActiveLine:!0,highlightActiveLineGutter:!0,foldGutter:!1},className:"rounded-md",placeholder:Te,value:b,theme:"light",minHeight:"2rem",editable:!r,onChange:He,onBlur:G}),!r&&i.jsxs(Qe.default,{dir:A,lang:D,labels:{closeButtonLabel:l("dialogCloseLabel"),title:S===h.SelectedOption.Image?l("dialogTitleImage"):S===h.SelectedOption.Video?l("dialogTitleVideo"):S===h.SelectedOption.Variable?l("dialogTitleVariable"):l("dialogTitle")},children:[S===h.SelectedOption.Image&&i.jsx(et.default,{value:c?.value,onSelect:ze,uploadProps:Le}),S===h.SelectedOption.Video&&i.jsx(tt.default,{value:c?.value,onSelect:Be})]}),!r&&i.jsx(Ye.default,{dir:A,lang:D,children:i.jsx(nt.default,{variables:le,systemVariables:z,selectedName:c?.value?.variableName,onSelect:me,onAddVariable:e=>{Z(n=>{const s=e.name.toLowerCase();return n.some(u=>u.name.toLowerCase()===s)?n:[e,...n]})}})})]})})]})};exports.default=mt;
 //# sourceMappingURL=MarkdownFlowEditor.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlowEditor.cjs","sources":["../../../src/components/MarkdownFlowEditor/MarkdownFlowEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef, useEffect, useMemo } from \"react\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { EditorView, ViewUpdate } from \"@codemirror/view\";\nimport { markdown } from \"@codemirror/lang-markdown\";\nimport {\n  syntaxHighlighting,\n  defaultHighlightStyle,\n} from \"@codemirror/language\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/tooltip\";\nimport CustomDialog from \"./components/CustomDialog\";\nimport CustomPopover from \"./components/CustomPopover\";\nimport EditorToolbar from \"./components/EditorToolbar\";\nimport VariableSearchDropdown from \"./components/VariableSearchDropdown\";\nimport EditorContext from \"./editor-context\";\nimport ImageInject from \"./components/ImageInject\";\nimport VideoInject from \"./components/VideoInject\";\nimport VariableSelect from \"./components/VariableSelect\";\nimport {\n  SelectedOption,\n  IEditorContext,\n  Variable,\n  SelectContentInfo,\n  PopoverPosition,\n  EditorAction,\n  EditorApi,\n} from \"./types\";\nimport \"./markdownFlowEditor.css\";\n\nimport {\n  createSlashCommands,\n  parseContentInfo,\n  getImageContentToInsert,\n  getVideoContentToInsert,\n  extractVariableNames,\n  createVariableExpressionRegexp,\n} from \"./utils\";\nimport ImgPlaceholder from \"./plugins/ImgPlaceholder\";\nimport VideoPlaceholder from \"./plugins/VideoPlaceholder\";\nimport { mediaPlaceholderLabels } from \"./plugins/mediaPlaceholderLabels\";\nimport VariablePlaceholder from \"./plugins/VariablePlaceholder\";\nimport SyntaxHighlighter from \"./plugins/SyntaxHighlighter\";\n// import createFixedTextPlaceholder from \"./plugins/FixedTextPlaceholder\";\n// import DividerPlaceholder from \"./plugins/DividerPlaceholder\";\nimport { initReactI18next, useTranslation } from \"react-i18next\";\nimport i18next from \"i18next\";\nimport { UploadProps } from \"./uploadTypes\";\nimport {\n  DEFAULT_EDITOR_LOCALE,\n  editorLocaleResources,\n  getEditorLocaleMessages,\n} from \"./editorI18n\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  normalizeMarkdownFlowLocale,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport { useDetachedLanguage } from \"../../lib/useDetachedLanguage\";\nimport { useResolvedDirection } from \"../../lib/useResolvedDirection\";\n\nif (!i18next.isInitialized) {\n  i18next.use(initReactI18next).init({\n    resources: editorLocaleResources,\n    lng: DEFAULT_EDITOR_LOCALE,\n    fallbackLng: DEFAULT_EDITOR_LOCALE,\n    interpolation: { escapeValue: false },\n  });\n} else {\n  Object.entries(editorLocaleResources).forEach(([lng, resource]) => {\n    i18next.addResourceBundle(\n      lng,\n      \"translation\",\n      resource.translation,\n      true,\n      true\n    );\n  });\n}\n\nexport enum EditMode {\n  CodeEdit = \"codeEdit\",\n  QuickEdit = \"quickEdit\",\n}\n\ntype EditorProps = {\n  content?: string;\n  editMode?: EditMode;\n  variables?: Variable[];\n  systemVariables?: Variable[];\n  onChange?: (value: string) => void;\n  onBlur?: () => void;\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  uploadProps?: UploadProps;\n  disabled?: boolean;\n  toolbarActionsRight?: EditorAction[];\n  onReady?: (api: EditorApi) => void;\n};\n\nconst EMPTY_VARIABLES: Variable[] = [];\n\n// Detect whether cursor is still inside a {{variable}} expression\nconst isCursorInsideVariableExpression = (\n  content: string,\n  cursorPosition: number\n) => {\n  if (!content || cursorPosition < 0) {\n    return false;\n  }\n  const regexp = createVariableExpressionRegexp();\n  let match: RegExpExecArray | null;\n\n  while ((match = regexp.exec(content)) !== null) {\n    const matchStart = match.index ?? 0;\n    const matchEnd = matchStart + match[0].length;\n    const innerStart = matchStart + 2;\n    const innerEnd = matchEnd - 2;\n    if (cursorPosition >= innerStart && cursorPosition <= innerEnd) {\n      return true;\n    }\n    if (regexp.lastIndex === match.index) {\n      regexp.lastIndex++;\n    }\n  }\n\n  return false;\n};\n\nconst buildVariableTemplate = (variableName = \"\") => `{{${variableName}}}`;\n\nconst Editor: React.FC<EditorProps> = ({\n  content = \"\",\n  editMode = EditMode.CodeEdit,\n  variables: initialVariables,\n  systemVariables: initialSystemVariables,\n  onChange,\n  onBlur,\n  locale,\n  lang,\n  uploadProps,\n  disabled = false,\n  toolbarActionsRight,\n  onReady,\n}) => {\n  const { t, i18n } = useTranslation();\n  const resolvedLocale = normalizeMarkdownFlowLocale(\n    locale ?? DEFAULT_EDITOR_LOCALE\n  );\n  const direction = getMarkdownFlowDirection(locale);\n  const language = lang ?? getMarkdownFlowLanguage(locale);\n\n  useEffect(() => {\n    if (i18n.language !== resolvedLocale) {\n      i18n.changeLanguage(resolvedLocale);\n    }\n  }, [i18n, resolvedLocale]);\n\n  const currentStrings = getEditorLocaleMessages(resolvedLocale);\n  const toolbarLabels = useMemo(\n    () => ({\n      image: t(\"toolbarInsertImage\", {\n        defaultValue: \"Insert image\",\n      }),\n      video: t(\"toolbarInsertVideo\", {\n        defaultValue: \"Insert video\",\n      }),\n      variable: t(\"slashVariable\", {\n        defaultValue: \"Variable\",\n      }),\n      addVariable: t(\"toolbarInsertNewVariable\", {\n        defaultValue: \"Insert new variable\",\n      }),\n      search: t(\"toolbarInsertExistingVariable\", {\n        defaultValue: \"Insert existing variable\",\n      }),\n      confirmOutput: t(\"toolbarConfirmOutput\", {\n        defaultValue: \"Confirm output\",\n      }),\n      insertLink: t(\"toolbarInsertLink\", {\n        defaultValue: \"Insert link\",\n      }),\n      insertButton: t(\"toolbarInsertButton\", {\n        defaultValue: \"Insert button\",\n      }),\n      insertSingleChoice: t(\"toolbarInsertSingleChoice\", {\n        defaultValue: \"Insert single choice\",\n      }),\n      insertMultiChoice: t(\"toolbarInsertMultiChoice\", {\n        defaultValue: \"Insert multi choice\",\n      }),\n      insertInput: t(\"toolbarInsertInput\", {\n        defaultValue: \"Insert input\",\n      }),\n      singleChoiceOption1: t(\"toolbarChoiceOption1\", {\n        defaultValue: \"Option 1\",\n      }),\n      singleChoiceOption2: t(\"toolbarChoiceOption2\", {\n        defaultValue: \"Option 2\",\n      }),\n      inputPlaceholder: t(\"toolbarInputPlaceholder\", {\n        defaultValue: \"Please enter\",\n      }),\n    }),\n    [t]\n  );\n  const variableSearchLabels = useMemo(\n    () => ({\n      searchPlaceholder: t(\"variableSearchPlaceholder\", {\n        defaultValue: \"Search variable\",\n      }),\n      systemLabel: t(\"variableSectionSystem\", \"System Variables\"),\n      customLabel: t(\"variableSectionCustom\", \"Custom Variables\"),\n      emptyLabel: t(\"variableNotFound\", \"No variables found\"),\n    }),\n    [t]\n  );\n  const placeholderText =\n    editMode === EditMode.QuickEdit\n      ? t(\"placeholderQuickEdit\", {\n          defaultValue: t(\"placeholderCodeEdit\", {\n            defaultValue: t(\"placeholder\"),\n          }),\n        })\n      : t(\"placeholderCodeEdit\", { defaultValue: t(\"placeholder\") });\n  // Normalize variables to avoid duplicating system variables in the custom list\n  const normalizedSystemVariables = useMemo(() => {\n    const seen = new Set<string>();\n    return (initialSystemVariables ?? EMPTY_VARIABLES).filter((variable) => {\n      const normalized =\n        typeof variable?.name === \"string\" ? variable.name.toLowerCase() : \"\";\n      if (!normalized || seen.has(normalized)) {\n        return false;\n      }\n      seen.add(normalized);\n      return true;\n    });\n  }, [initialSystemVariables]);\n\n  const normalizedCustomVariables = useMemo(() => {\n    const systemNameSet = new Set(\n      normalizedSystemVariables.map((variable) => variable.name.toLowerCase())\n    );\n    const seen = new Set<string>();\n    return (initialVariables ?? EMPTY_VARIABLES).filter((variable) => {\n      const normalized =\n        typeof variable?.name === \"string\" ? variable.name.toLowerCase() : \"\";\n      if (\n        !normalized ||\n        systemNameSet.has(normalized) ||\n        seen.has(normalized)\n      ) {\n        return false;\n      }\n      seen.add(normalized);\n      return true;\n    });\n  }, [initialVariables, normalizedSystemVariables]);\n\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const editorRootRef = useRef<HTMLDivElement>(null);\n  const portalLanguage = useDetachedLanguage(editorRootRef, language);\n  const { resolvedDirection: portalDirection } = useResolvedDirection(\n    editorRootRef,\n    direction\n  );\n  const [popoverPosition, setPopoverPosition] =\n    useState<PopoverPosition | null>(null);\n  const [variables, setVariables] = useState<Variable[]>(\n    normalizedCustomVariables\n  );\n  const [systemVariables, setSystemVariables] = useState<Variable[]>(\n    normalizedSystemVariables\n  );\n\n  useEffect(() => {\n    setVariables(normalizedCustomVariables);\n  }, [normalizedCustomVariables]);\n\n  useEffect(() => {\n    setSystemVariables(normalizedSystemVariables);\n  }, [normalizedSystemVariables]);\n\n  const [selectedOption, setSelectedOption] = useState<SelectedOption>(\n    SelectedOption.Empty\n  );\n  const [selectContentInfo, setSelectContentInfo] =\n    useState<SelectContentInfo | null>();\n  const editorViewRef = useRef<EditorView | null>(null);\n  const pendingVariableContentRef = useRef<string | null>(null);\n  const variableSearchAnchorRef = useRef<HTMLButtonElement | null>(null);\n  const [variableSearchOpen, setVariableSearchOpen] = useState(false);\n  const closeVariableSearch = useCallback(() => {\n    setVariableSearchOpen(false);\n    variableSearchAnchorRef.current = null;\n  }, []);\n  const handleVariableSearchToggle = useCallback(\n    (button: HTMLButtonElement) => {\n      if (disabled) {\n        return;\n      }\n      if (variableSearchOpen && variableSearchAnchorRef.current === button) {\n        closeVariableSearch();\n        return;\n      }\n      variableSearchAnchorRef.current = button;\n      setVariableSearchOpen(true);\n    },\n    [closeVariableSearch, disabled, variableSearchOpen]\n  );\n\n  const editorContextValue: IEditorContext = {\n    selectedOption,\n    setSelectedOption,\n    dialogOpen,\n    setDialogOpen,\n    popoverOpen,\n    setPopoverOpen,\n    popoverPosition,\n    setPopoverPosition,\n  };\n\n  useEffect(() => {\n    if (!disabled) {\n      return;\n    }\n    setDialogOpen(false);\n    setPopoverOpen(false);\n    setSelectedOption(SelectedOption.Empty);\n    setSelectContentInfo(null);\n    setPopoverPosition(null);\n    closeVariableSearch();\n  }, [\n    closeVariableSearch,\n    disabled,\n    setDialogOpen,\n    setPopoverOpen,\n    setPopoverPosition,\n    setSelectedOption,\n    setSelectContentInfo,\n  ]);\n\n  const addVariablesFromContent = useCallback(\n    (text: string) => {\n      if (editMode !== EditMode.QuickEdit || !text) {\n        return;\n      }\n\n      const names = extractVariableNames(text);\n      if (!names.length) {\n        return;\n      }\n\n      const systemNameSet = new Set(\n        systemVariables.map((variable) => variable.name.toLowerCase())\n      );\n\n      setVariables((prev) => {\n        const existingNames = new Set(\n          prev.map((variable) => variable.name.toLowerCase())\n        );\n        const addedNames = new Set<string>();\n        const newVariables: Variable[] = [];\n\n        names.forEach((rawName) => {\n          const normalized = rawName.toLowerCase();\n          if (\n            !rawName ||\n            systemNameSet.has(normalized) ||\n            existingNames.has(normalized) ||\n            addedNames.has(normalized)\n          ) {\n            return;\n          }\n          newVariables.push({ name: rawName });\n          addedNames.add(normalized);\n        });\n\n        if (!newVariables.length) {\n          return prev;\n        }\n\n        return [...newVariables, ...prev];\n      });\n    },\n    [editMode, systemVariables]\n  );\n\n  useEffect(() => {\n    addVariablesFromContent(content);\n  }, [content, addVariablesFromContent]);\n\n  // const insertFixedText = useCallback(() => {\n  //   if (!editorViewRef.current) return;\n  //   const view = editorViewRef.current;\n  //   const { state, dispatch } = view;\n  //   const selection = state.selection.main;\n  //   const selectedText = state.sliceDoc(selection.from, selection.to);\n  //   const startTag = \"===\";\n  //   const endTag = \"===\";\n  //   const insertContent = `${startTag}${selectedText ?? \"\"}${endTag}`;\n\n  //   dispatch({\n  //     changes: {\n  //       from: selection.from,\n  //       to: selection.to,\n  //       insert: insertContent,\n  //     },\n  //     selection: {\n  //       anchor: selection.from + startTag.length + (selectedText?.length ?? 0),\n  //     },\n  //   });\n  //   view.focus();\n  // }, []);\n\n  // const insertDivider = useCallback(() => {\n  //   if (!editorViewRef.current) return;\n  //   const view = editorViewRef.current;\n  //   const { state, dispatch } = view;\n  //   const selection = state.selection.main;\n  //   const insertContent = `\\n\\n---\\n\\n`;\n\n  //   dispatch({\n  //     changes: {\n  //       from: selection.from,\n  //       to: selection.to,\n  //       insert: insertContent,\n  //     },\n  //     selection: {\n  //       anchor: selection.from + insertContent.length,\n  //     },\n  //   });\n  //   view.focus();\n  // }, []);\n\n  const onSelectedOption = useCallback(\n    (option: SelectedOption) => {\n      if (disabled) {\n        return;\n      }\n      closeVariableSearch();\n      // if (option === SelectedOption.FixedText) {\n      //   insertFixedText();\n      //   setSelectedOption(SelectedOption.Empty);\n      //   setDialogOpen(false);\n      //   setPopoverOpen(false);\n      //   setSelectContentInfo(null);\n      //   setPopoverPosition(null);\n      //   return;\n      // }\n\n      // if (option === SelectedOption.Divider) {\n      //   insertDivider();\n      //   setSelectedOption(SelectedOption.Empty);\n      //   setDialogOpen(false);\n      //   setPopoverOpen(false);\n      //   setSelectContentInfo(null);\n      //   setPopoverPosition(null);\n      //   return;\n      // }\n\n      setSelectedOption(option);\n\n      if (option === SelectedOption.Variable) {\n        if (editorViewRef.current) {\n          const { state } = editorViewRef.current;\n          const pos = state.selection.main.from;\n          const coords = editorViewRef.current.coordsAtPos(pos);\n          if (coords) {\n            setPopoverPosition({\n              x: coords.left,\n              y: coords.bottom,\n            });\n          }\n        }\n        setPopoverOpen(true);\n      } else {\n        setDialogOpen(true);\n      }\n    },\n    [closeVariableSearch, disabled]\n  );\n\n  const insertText = useCallback(\n    (text: string) => {\n      if (disabled || !editorViewRef.current) return;\n\n      const { state, dispatch } = editorViewRef.current;\n      const from = state.selection.main.from;\n\n      dispatch({\n        changes: { from, insert: text },\n        selection: { anchor: from + text.length },\n      });\n    },\n    [editorViewRef, disabled]\n  );\n\n  const replaceSelection = useCallback(\n    (text: string) => {\n      if (disabled || !editorViewRef.current) {\n        return;\n      }\n      const { state, dispatch } = editorViewRef.current;\n      const selection = state.selection.main;\n      dispatch({\n        changes: { from: selection.from, to: selection.to, insert: text },\n        selection: { anchor: selection.from + text.length },\n      });\n    },\n    [disabled]\n  );\n\n  const focusEditor = useCallback(() => {\n    editorViewRef.current?.focus();\n  }, []);\n\n  const getContent = useCallback(() => {\n    return editorViewRef.current?.state.doc.toString() ?? \"\";\n  }, []);\n\n  const setContent = useCallback(\n    (text: string) => {\n      if (disabled) {\n        return;\n      }\n      if (!editorViewRef.current) {\n        onChange?.(text);\n        return;\n      }\n      const view = editorViewRef.current;\n      const { state, dispatch } = view;\n      dispatch({\n        changes: { from: 0, to: state.doc.length, insert: text },\n        selection: { anchor: text.length },\n      });\n    },\n    [disabled, onChange]\n  );\n\n  const deleteSelectedContent = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    if (\n      !selectContentInfo ||\n      !editorViewRef.current ||\n      selectContentInfo.from === -1\n    )\n      return;\n\n    const { from, to } = selectContentInfo;\n    const { dispatch } = editorViewRef.current;\n\n    dispatch({\n      changes: { from, to, insert: \"\" },\n    });\n  }, [selectContentInfo, editorViewRef, disabled]);\n\n  const insertVariableContent = useCallback(\n    (\n      variableName: string,\n      range?: { from: number; to: number },\n      placeCursorAtEnd = false\n    ) => {\n      if (disabled || !editorViewRef.current) {\n        return;\n      }\n      const view = editorViewRef.current;\n      const { state, dispatch } = view;\n      const selection = range ?? state.selection.main;\n      const template = buildVariableTemplate(variableName);\n      const cursorOffset = placeCursorAtEnd\n        ? template.length\n        : 2 + variableName.length; // 2 braces before variable content\n\n      dispatch({\n        changes: {\n          from: selection.from,\n          to: selection.to,\n          insert: template,\n        },\n        selection: {\n          anchor: selection.from + cursorOffset,\n        },\n      });\n      view.focus();\n    },\n    [disabled]\n  );\n\n  const insertVariableTemplate = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    closeVariableSearch();\n    insertVariableContent(\"\");\n  }, [closeVariableSearch, disabled, insertVariableContent]);\n\n  const insertConfirmOutputMarker = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"======\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 3,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertLinkTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"[]()\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 1,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertButtonTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"?[]\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 2,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertSingleChoiceTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const optionLabel1 = toolbarLabels.singleChoiceOption1;\n    const optionLabel2 = toolbarLabels.singleChoiceOption2;\n    const template = `?[%{{}} ${optionLabel1} | ${optionLabel2}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [\n    disabled,\n    toolbarLabels.singleChoiceOption1,\n    toolbarLabels.singleChoiceOption2,\n  ]);\n\n  const insertMultiChoiceTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const optionLabel1 = toolbarLabels.singleChoiceOption1;\n    const optionLabel2 = toolbarLabels.singleChoiceOption2;\n    const template = `?[%{{}} ${optionLabel1} || ${optionLabel2}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [\n    disabled,\n    toolbarLabels.singleChoiceOption1,\n    toolbarLabels.singleChoiceOption2,\n  ]);\n\n  const insertInputFieldTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const placeholder = toolbarLabels.inputPlaceholder ?? \"请输入\";\n    const template = `?[%{{}}...${placeholder}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [disabled, toolbarLabels.inputPlaceholder]);\n\n  const handleSelectImage = useCallback(\n    ({\n      resourceUrl,\n      resourceTitle,\n      scalePercent,\n    }: {\n      resourceUrl?: string;\n      resourceTitle?: string;\n      scalePercent?: number;\n    }) => {\n      if (!resourceUrl || disabled) return;\n      const textToInsert = getImageContentToInsert({\n        resourceUrl,\n        resourceTitle,\n        scalePercent,\n      });\n      if (selectContentInfo?.type === SelectedOption.Image) {\n        deleteSelectedContent();\n        if (!editorViewRef.current) return;\n        const { dispatch } = editorViewRef.current;\n        dispatch({\n          changes: { from: selectContentInfo.from, insert: textToInsert },\n        });\n      } else {\n        insertText(textToInsert);\n      }\n      setDialogOpen(false);\n    },\n    [deleteSelectedContent, disabled, insertText, selectContentInfo]\n  );\n\n  const handleSelectVideo = useCallback(\n    ({\n      resourceUrl,\n      resourceTitle,\n    }: {\n      resourceUrl: string;\n      resourceTitle: string;\n    }) => {\n      if (disabled) {\n        return;\n      }\n      const textToInsert = getVideoContentToInsert(resourceUrl, resourceTitle);\n      if (selectContentInfo?.type === SelectedOption.Video) {\n        deleteSelectedContent();\n        if (!editorViewRef.current) return;\n        const { dispatch } = editorViewRef.current;\n        dispatch({\n          changes: { from: selectContentInfo.from, insert: textToInsert },\n        });\n      } else {\n        insertText(textToInsert);\n      }\n      setDialogOpen(false);\n    },\n    [deleteSelectedContent, disabled, insertText, selectContentInfo]\n  );\n\n  const handleSelectVariable = useCallback(\n    (variable: Variable) => {\n      if (disabled) {\n        return;\n      }\n      const selectionRange =\n        selectContentInfo?.type === SelectedOption.Variable\n          ? { from: selectContentInfo.from, to: selectContentInfo.to }\n          : undefined;\n      insertVariableContent(variable.name, selectionRange, true);\n      setPopoverOpen(false);\n      closeVariableSearch();\n    },\n    [disabled, insertVariableContent, selectContentInfo, closeVariableSearch]\n  );\n\n  const slashCommandsExtension = useCallback(() => {\n    return autocompletion({\n      override: [\n        createSlashCommands(onSelectedOption, {\n          // divider: currentStrings.slashDivider,\n          // fixedText: currentStrings.slashFixedText,\n          image: currentStrings.slashImage,\n          video: currentStrings.slashVideo,\n          variable: currentStrings.slashVariable,\n        }),\n      ],\n    });\n  }, [\n    // currentStrings.slashDivider,\n    // currentStrings.slashFixedText,\n    currentStrings.slashImage,\n    currentStrings.slashVideo,\n    currentStrings.slashVariable,\n    onSelectedOption,\n  ]);\n\n  // const fixedTextPlaceholderExtension = useMemo(\n  //   () =>\n  //     createFixedTextPlaceholder(\n  //       currentStrings.fixedTextPlaceholder ?? \"添加固定文本\",\n  //       currentStrings.fixedTextTooltip ??\n  //         currentStrings.slashFixedText ??\n  //         \"固定文本\"\n  //     ),\n  //   [\n  //     currentStrings.fixedTextPlaceholder,\n  //     currentStrings.fixedTextTooltip,\n  //     currentStrings.slashFixedText,\n  //   ]\n  // );\n\n  const handleEditorUpdate = useCallback(\n    (update: ViewUpdate) => {\n      editorViewRef.current = update.view;\n      if (\n        editMode === EditMode.QuickEdit &&\n        pendingVariableContentRef.current &&\n        update.selectionSet\n      ) {\n        const cursorPosition = update.state.selection.main.head;\n        const docText = update.state.doc.toString();\n        const stillInside = isCursorInsideVariableExpression(\n          docText,\n          cursorPosition\n        );\n        if (!stillInside) {\n          addVariablesFromContent(docText);\n          pendingVariableContentRef.current = null;\n        }\n      }\n    },\n    [addVariablesFromContent, editMode]\n  );\n\n  const handleTagClick = useCallback(\n    (event: any) => {\n      event.stopPropagation();\n      if (disabled) {\n        return;\n      }\n      const { type, from, to, dataset, target } = event.detail;\n      const value = parseContentInfo(type, dataset);\n      setSelectContentInfo({\n        type,\n        value,\n        from,\n        to,\n      });\n      setSelectedOption(type);\n\n      if (type === SelectedOption.Variable) {\n        if (target) {\n          const rect = target.getBoundingClientRect();\n          const anchorDirection =\n            target.ownerDocument.defaultView?.getComputedStyle(\n              editorRootRef.current ?? target\n            ).direction;\n          setPopoverPosition({\n            x: anchorDirection === \"rtl\" ? rect.right : rect.left,\n            y: rect.bottom,\n          });\n        }\n        setPopoverOpen(true);\n      } else {\n        setDialogOpen(true);\n      }\n    },\n    [disabled]\n  );\n\n  useEffect(() => {\n    if (!dialogOpen) {\n      setSelectedOption(SelectedOption.Empty);\n      setSelectContentInfo(null);\n    }\n  }, [dialogOpen]);\n\n  useEffect(() => {\n    if (!popoverOpen && selectedOption === SelectedOption.Variable) {\n      setSelectedOption(SelectedOption.Empty);\n      setSelectContentInfo(null);\n    }\n  }, [popoverOpen, selectedOption]);\n\n  useEffect(() => {\n    const handleWrap = (e: any) => {\n      if (e.detail.view === editorViewRef.current) {\n        handleTagClick(e);\n      }\n    };\n    window.addEventListener(\"globalTagClick\", handleWrap);\n    return () => {\n      window.removeEventListener(\"globalTagClick\", handleWrap);\n    };\n  }, [handleTagClick]);\n\n  const imagePlaceholderTitle = t(\"imageDefaultTitle\");\n  const videoPlaceholderTitle = t(\"videoDefaultTitle\");\n  const mediaPlaceholderLabelsExtension = useMemo(\n    () =>\n      mediaPlaceholderLabels.of({\n        image: imagePlaceholderTitle,\n        video: videoPlaceholderTitle,\n      }),\n    [imagePlaceholderTitle, videoPlaceholderTitle]\n  );\n\n  const editorExtensions = useMemo(() => {\n    const extensions = [\n      EditorView.lineWrapping,\n      markdown(),\n      syntaxHighlighting(defaultHighlightStyle),\n      SyntaxHighlighter,\n    ];\n\n    if (!disabled) {\n      extensions.push(slashCommandsExtension());\n    }\n\n    if (editMode === EditMode.QuickEdit) {\n      extensions.push(\n        mediaPlaceholderLabelsExtension,\n        ImgPlaceholder,\n        VideoPlaceholder,\n        VariablePlaceholder\n        // fixedTextPlaceholderExtension,\n        // DividerPlaceholder,\n      );\n    }\n\n    extensions.push(\n      EditorView.updateListener.of((update) => {\n        handleEditorUpdate(update);\n      })\n    );\n\n    return extensions;\n  }, [\n    disabled,\n    editMode,\n    slashCommandsExtension,\n    handleEditorUpdate,\n    mediaPlaceholderLabelsExtension,\n  ]);\n\n  const handleContentChange = useCallback(\n    (value: string) => {\n      if (disabled) {\n        return;\n      }\n      const cursorPosition =\n        editorViewRef.current?.state.selection.main.head ?? -1;\n      const skipAddition = isCursorInsideVariableExpression(\n        value,\n        cursorPosition\n      );\n      if (skipAddition) {\n        pendingVariableContentRef.current = value;\n      } else {\n        pendingVariableContentRef.current = null;\n        addVariablesFromContent(value);\n      }\n      onChange?.(value);\n    },\n    [addVariablesFromContent, onChange, disabled]\n  );\n\n  const isVariableSearchOpen = !disabled && variableSearchOpen;\n  const editorApi = useMemo(\n    () => ({\n      insertTextAtCursor: insertText,\n      replaceSelection,\n      focus: focusEditor,\n      getContent,\n      setContent,\n    }),\n    [focusEditor, getContent, insertText, replaceSelection, setContent]\n  );\n\n  const handleToolbarActionClick = useCallback(\n    (action: EditorAction) => {\n      if (disabled || \"render\" in action) {\n        return;\n      }\n      action.onClick?.(editorApi);\n    },\n    [disabled, editorApi]\n  );\n\n  const toolbarRightSlot = useMemo(() => {\n    if (!toolbarActionsRight?.length) {\n      return null;\n    }\n    return (\n      <div className=\"markdown-flow-editor-toolbar-right\">\n        {toolbarActionsRight.map((action) => {\n          if (\"render\" in action) {\n            return (\n              <div\n                className=\"markdown-flow-editor-toolbar-right-item\"\n                key={action.key}\n              >\n                {action.render(editorApi)}\n              </div>\n            );\n          }\n          const ariaLabel = action.label || action.tooltip || undefined;\n          const button = (\n            <button\n              type=\"button\"\n              key={action.key}\n              disabled={disabled || action.disabled}\n              onClick={() => handleToolbarActionClick(action)}\n              className=\"markdown-flow-editor-toolbar-right-button\"\n              aria-label={ariaLabel}\n              title={action.label || action.tooltip}\n            >\n              {action.icon ? (\n                <span className=\"toolbar-right-icon\">{action.icon}</span>\n              ) : null}\n              {action.label ? (\n                <span className=\"toolbar-right-label\">{action.label}</span>\n              ) : null}\n            </button>\n          );\n          const wrapped = action.tooltip ? (\n            <Tooltip>\n              <TooltipTrigger asChild>{button}</TooltipTrigger>\n              <TooltipContent\n                side=\"top\"\n                dir={portalDirection}\n                lang={portalLanguage}\n              >\n                {action.tooltip}\n              </TooltipContent>\n            </Tooltip>\n          ) : (\n            button\n          );\n          return (\n            <div\n              className=\"markdown-flow-editor-toolbar-right-item\"\n              key={action.key}\n            >\n              {wrapped}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }, [\n    disabled,\n    editorApi,\n    handleToolbarActionClick,\n    portalDirection,\n    portalLanguage,\n    toolbarActionsRight,\n  ]);\n\n  useEffect(() => {\n    onReady?.(editorApi);\n  }, [editorApi]);\n\n  return (\n    <div\n      className=\"markdown-flow-editor\"\n      ref={editorRootRef}\n      dir={direction}\n      lang={language}\n      data-disabled={disabled ? \"true\" : undefined}\n      aria-disabled={disabled}\n    >\n      <EditorToolbar\n        disabled={disabled}\n        labels={toolbarLabels}\n        tooltipDirection={portalDirection}\n        tooltipLanguage={portalLanguage}\n        onSelect={onSelectedOption}\n        onInsertVariablePlaceholder={insertVariableTemplate}\n        onVariableSearchToggle={handleVariableSearchToggle}\n        onVariableSearchClose={closeVariableSearch}\n        onInsertConfirmOutput={insertConfirmOutputMarker}\n        onInsertLink={insertLinkTemplate}\n        onInsertButton={insertButtonTemplate}\n        onInsertSingleChoice={insertSingleChoiceTemplate}\n        onInsertMultiChoice={insertMultiChoiceTemplate}\n        onInsertInputField={insertInputFieldTemplate}\n        variableSearchActive={isVariableSearchOpen}\n        rightSlot={toolbarRightSlot}\n      />\n      <VariableSearchDropdown\n        open={isVariableSearchOpen}\n        anchorElement={variableSearchAnchorRef.current}\n        onClose={closeVariableSearch}\n        onSelect={handleSelectVariable}\n        variables={variables}\n        systemVariables={systemVariables}\n        labels={variableSearchLabels}\n      />\n      <div className=\"markdown-flow-editor-body relative overflow-auto\">\n        <EditorContext.Provider value={editorContextValue}>\n          <CodeMirror\n            extensions={editorExtensions}\n            basicSetup={{\n              lineNumbers: false,\n              syntaxHighlighting: true,\n              highlightActiveLine: true,\n              highlightActiveLineGutter: true,\n              foldGutter: false,\n            }}\n            className=\"rounded-md\"\n            placeholder={placeholderText}\n            value={content}\n            theme=\"light\"\n            minHeight=\"2rem\"\n            editable={!disabled}\n            onChange={handleContentChange}\n            onBlur={onBlur}\n          />\n          {!disabled && (\n            <CustomDialog\n              dir={portalDirection}\n              lang={portalLanguage}\n              labels={{\n                closeButtonLabel: t(\"dialogCloseLabel\"),\n                title:\n                  selectedOption === SelectedOption.Image\n                    ? t(\"dialogTitleImage\")\n                    : selectedOption === SelectedOption.Video\n                      ? t(\"dialogTitleVideo\")\n                      : selectedOption === SelectedOption.Variable\n                        ? t(\"dialogTitleVariable\")\n                        : t(\"dialogTitle\"),\n              }}\n            >\n              {selectedOption === SelectedOption.Image && (\n                <ImageInject\n                  value={selectContentInfo?.value}\n                  onSelect={handleSelectImage}\n                  uploadProps={uploadProps}\n                />\n              )}\n              {selectedOption === SelectedOption.Video && (\n                <VideoInject\n                  value={selectContentInfo?.value}\n                  onSelect={handleSelectVideo}\n                />\n              )}\n            </CustomDialog>\n          )}\n\n          {!disabled && (\n            <CustomPopover dir={portalDirection} lang={portalLanguage}>\n              <VariableSelect\n                variables={variables}\n                systemVariables={systemVariables}\n                selectedName={selectContentInfo?.value?.variableName}\n                onSelect={handleSelectVariable}\n                onAddVariable={(variable) => {\n                  setVariables((prev) => {\n                    const normalized = variable.name.toLowerCase();\n                    const exists = prev.some(\n                      (item) => item.name.toLowerCase() === normalized\n                    );\n                    if (exists) {\n                      return prev;\n                    }\n                    return [variable, ...prev];\n                  });\n                }}\n              />\n            </CustomPopover>\n          )}\n        </EditorContext.Provider>\n      </div>\n    </div>\n  );\n};\n\nexport default Editor;\n"],"names":["i18next","editorLocaleResources","lng","resource","initReactI18next","DEFAULT_EDITOR_LOCALE","EMPTY_VARIABLES","isCursorInsideVariableExpression","content","cursorPosition","regexp","createVariableExpressionRegexp","match","matchStart","matchEnd","innerStart","innerEnd","buildVariableTemplate","variableName","Editor","editMode","initialVariables","initialSystemVariables","onChange","onBlur","locale","lang","uploadProps","disabled","toolbarActionsRight","onReady","t","i18n","useTranslation","resolvedLocale","normalizeMarkdownFlowLocale","direction","getMarkdownFlowDirection","language","getMarkdownFlowLanguage","useEffect","currentStrings","getEditorLocaleMessages","toolbarLabels","useMemo","variableSearchLabels","placeholderText","normalizedSystemVariables","seen","variable","normalized","normalizedCustomVariables","systemNameSet","dialogOpen","setDialogOpen","useState","popoverOpen","setPopoverOpen","editorRootRef","useRef","portalLanguage","useDetachedLanguage","portalDirection","useResolvedDirection","popoverPosition","setPopoverPosition","variables","setVariables","systemVariables","setSystemVariables","selectedOption","setSelectedOption","SelectedOption","selectContentInfo","setSelectContentInfo","editorViewRef","pendingVariableContentRef","variableSearchAnchorRef","variableSearchOpen","setVariableSearchOpen","closeVariableSearch","useCallback","handleVariableSearchToggle","button","editorContextValue","addVariablesFromContent","text","names","extractVariableNames","prev","existingNames","addedNames","newVariables","rawName","onSelectedOption","option","state","pos","coords","insertText","dispatch","from","replaceSelection","selection","focusEditor","getContent","setContent","view","deleteSelectedContent","to","insertVariableContent","range","placeCursorAtEnd","template","cursorOffset","insertVariableTemplate","insertConfirmOutputMarker","insertLinkTemplate","insertButtonTemplate","insertSingleChoiceTemplate","optionLabel1","optionLabel2","insertMultiChoiceTemplate","insertInputFieldTemplate","handleSelectImage","resourceUrl","resourceTitle","scalePercent","textToInsert","getImageContentToInsert","handleSelectVideo","getVideoContentToInsert","handleSelectVariable","selectionRange","slashCommandsExtension","autocompletion","createSlashCommands","handleEditorUpdate","update","docText","handleTagClick","event","type","dataset","target","value","parseContentInfo","rect","anchorDirection","handleWrap","e","imagePlaceholderTitle","videoPlaceholderTitle","mediaPlaceholderLabelsExtension","mediaPlaceholderLabels","editorExtensions","extensions","EditorView","markdown","syntaxHighlighting","defaultHighlightStyle","SyntaxHighlighter","ImgPlaceholder","VideoPlaceholder","VariablePlaceholder","handleContentChange","isVariableSearchOpen","editorApi","handleToolbarActionClick","action","toolbarRightSlot","jsx","ariaLabel","jsxs","wrapped","Tooltip","TooltipTrigger","TooltipContent","EditorToolbar","VariableSearchDropdown","EditorContext","CodeMirror","CustomDialog","ImageInject","VideoInject","CustomPopover","VariableSelect","item"],"mappings":"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"}
+{"version":3,"file":"MarkdownFlowEditor.cjs","sources":["../../../src/components/MarkdownFlowEditor/MarkdownFlowEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef, useEffect, useMemo } from \"react\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { EditorView, ViewUpdate } from \"@codemirror/view\";\nimport { markdown } from \"@codemirror/lang-markdown\";\nimport {\n  syntaxHighlighting,\n  defaultHighlightStyle,\n} from \"@codemirror/language\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/tooltip\";\nimport CustomDialog from \"./components/CustomDialog\";\nimport CustomPopover from \"./components/CustomPopover\";\nimport EditorToolbar from \"./components/EditorToolbar\";\nimport VariableSearchDropdown from \"./components/VariableSearchDropdown\";\nimport EditorContext from \"./editor-context\";\nimport ImageInject from \"./components/ImageInject\";\nimport VideoInject from \"./components/VideoInject\";\nimport VariableSelect from \"./components/VariableSelect\";\nimport {\n  SelectedOption,\n  IEditorContext,\n  Variable,\n  SelectContentInfo,\n  PopoverPosition,\n  EditorAction,\n  EditorApi,\n} from \"./types\";\nimport \"./markdownFlowEditor.css\";\n\nimport {\n  createSlashCommands,\n  parseContentInfo,\n  getImageContentToInsert,\n  getVideoContentToInsert,\n  extractVariableNames,\n  createVariableExpressionRegexp,\n} from \"./utils\";\nimport ImgPlaceholder from \"./plugins/ImgPlaceholder\";\nimport VideoPlaceholder from \"./plugins/VideoPlaceholder\";\nimport { mediaPlaceholderLabels } from \"./plugins/mediaPlaceholderLabels\";\nimport VariablePlaceholder from \"./plugins/VariablePlaceholder\";\nimport SyntaxHighlighter from \"./plugins/SyntaxHighlighter\";\n// import createFixedTextPlaceholder from \"./plugins/FixedTextPlaceholder\";\n// import DividerPlaceholder from \"./plugins/DividerPlaceholder\";\nimport { initReactI18next, useTranslation } from \"react-i18next\";\nimport i18next from \"i18next\";\nimport { UploadProps } from \"./uploadTypes\";\nimport {\n  DEFAULT_EDITOR_LOCALE,\n  editorLocaleResources,\n  getEditorLocaleMessages,\n} from \"./editorI18n\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  normalizeMarkdownFlowLocale,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport { useDetachedLanguage } from \"../../lib/useDetachedLanguage\";\nimport { useResolvedDirection } from \"../../lib/useResolvedDirection\";\n\nif (!i18next.isInitialized) {\n  i18next.use(initReactI18next).init({\n    resources: editorLocaleResources,\n    lng: DEFAULT_EDITOR_LOCALE,\n    fallbackLng: DEFAULT_EDITOR_LOCALE,\n    interpolation: { escapeValue: false },\n  });\n} else {\n  Object.entries(editorLocaleResources).forEach(([lng, resource]) => {\n    i18next.addResourceBundle(\n      lng,\n      \"translation\",\n      resource.translation,\n      true,\n      true\n    );\n  });\n}\n\nexport enum EditMode {\n  CodeEdit = \"codeEdit\",\n  QuickEdit = \"quickEdit\",\n}\n\ntype EditorProps = {\n  content?: string;\n  editMode?: EditMode;\n  variables?: Variable[];\n  systemVariables?: Variable[];\n  onChange?: (value: string) => void;\n  onBlur?: () => void;\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  uploadProps?: UploadProps;\n  disabled?: boolean;\n  toolbarActionsRight?: EditorAction[];\n  onReady?: (api: EditorApi) => void;\n};\n\nconst EMPTY_VARIABLES: Variable[] = [];\n\n// Detect whether cursor is still inside a {{variable}} expression\nconst isCursorInsideVariableExpression = (\n  content: string,\n  cursorPosition: number\n) => {\n  if (!content || cursorPosition < 0) {\n    return false;\n  }\n  const regexp = createVariableExpressionRegexp();\n  let match: RegExpExecArray | null;\n\n  while ((match = regexp.exec(content)) !== null) {\n    const matchStart = match.index ?? 0;\n    const matchEnd = matchStart + match[0].length;\n    const innerStart = matchStart + 2;\n    const innerEnd = matchEnd - 2;\n    if (cursorPosition >= innerStart && cursorPosition <= innerEnd) {\n      return true;\n    }\n    if (regexp.lastIndex === match.index) {\n      regexp.lastIndex++;\n    }\n  }\n\n  return false;\n};\n\nconst buildVariableTemplate = (variableName = \"\") => `{{${variableName}}}`;\n\nconst Editor: React.FC<EditorProps> = ({\n  content = \"\",\n  editMode = EditMode.CodeEdit,\n  variables: initialVariables,\n  systemVariables: initialSystemVariables,\n  onChange,\n  onBlur,\n  locale,\n  lang,\n  uploadProps,\n  disabled = false,\n  toolbarActionsRight,\n  onReady,\n}) => {\n  const { t, i18n } = useTranslation();\n  const resolvedLocale = normalizeMarkdownFlowLocale(\n    locale ?? DEFAULT_EDITOR_LOCALE\n  );\n  const direction = getMarkdownFlowDirection(locale);\n  const language = lang ?? getMarkdownFlowLanguage(locale);\n\n  useEffect(() => {\n    if (i18n.language !== resolvedLocale) {\n      i18n.changeLanguage(resolvedLocale);\n    }\n  }, [i18n, resolvedLocale]);\n\n  const currentStrings = getEditorLocaleMessages(resolvedLocale);\n  const toolbarLabels = useMemo(\n    () => ({\n      image: t(\"toolbarInsertImage\", {\n        defaultValue: \"Insert image\",\n      }),\n      video: t(\"toolbarInsertVideo\", {\n        defaultValue: \"Insert video\",\n      }),\n      variable: t(\"slashVariable\", {\n        defaultValue: \"Variable\",\n      }),\n      addVariable: t(\"toolbarInsertNewVariable\", {\n        defaultValue: \"Insert new variable\",\n      }),\n      search: t(\"toolbarInsertExistingVariable\", {\n        defaultValue: \"Insert existing variable\",\n      }),\n      confirmOutput: t(\"toolbarConfirmOutput\", {\n        defaultValue: \"Confirm output\",\n      }),\n      insertLink: t(\"toolbarInsertLink\", {\n        defaultValue: \"Insert link\",\n      }),\n      insertButton: t(\"toolbarInsertButton\", {\n        defaultValue: \"Insert button\",\n      }),\n      insertSingleChoice: t(\"toolbarInsertSingleChoice\", {\n        defaultValue: \"Insert single choice\",\n      }),\n      insertMultiChoice: t(\"toolbarInsertMultiChoice\", {\n        defaultValue: \"Insert multi choice\",\n      }),\n      insertInput: t(\"toolbarInsertInput\", {\n        defaultValue: \"Insert input\",\n      }),\n      singleChoiceOption1: t(\"toolbarChoiceOption1\", {\n        defaultValue: \"Option 1\",\n      }),\n      singleChoiceOption2: t(\"toolbarChoiceOption2\", {\n        defaultValue: \"Option 2\",\n      }),\n      inputPlaceholder: t(\"toolbarInputPlaceholder\", {\n        defaultValue: \"Please enter\",\n      }),\n    }),\n    [t]\n  );\n  const variableSearchLabels = useMemo(\n    () => ({\n      searchPlaceholder: t(\"variableSearchPlaceholder\", {\n        defaultValue: \"Search variable\",\n      }),\n      systemLabel: t(\"variableSectionSystem\", \"System Variables\"),\n      customLabel: t(\"variableSectionCustom\", \"Custom Variables\"),\n      emptyLabel: t(\"variableNotFound\", \"No variables found\"),\n    }),\n    [t]\n  );\n  const placeholderText =\n    editMode === EditMode.QuickEdit\n      ? t(\"placeholderQuickEdit\", {\n          defaultValue: t(\"placeholderCodeEdit\", {\n            defaultValue: t(\"placeholder\"),\n          }),\n        })\n      : t(\"placeholderCodeEdit\", { defaultValue: t(\"placeholder\") });\n  // Normalize variables to avoid duplicating system variables in the custom list\n  const normalizedSystemVariables = useMemo(() => {\n    const seen = new Set<string>();\n    return (initialSystemVariables ?? EMPTY_VARIABLES).filter((variable) => {\n      const normalized =\n        typeof variable?.name === \"string\" ? variable.name.toLowerCase() : \"\";\n      if (!normalized || seen.has(normalized)) {\n        return false;\n      }\n      seen.add(normalized);\n      return true;\n    });\n  }, [initialSystemVariables]);\n\n  const normalizedCustomVariables = useMemo(() => {\n    const systemNameSet = new Set(\n      normalizedSystemVariables.map((variable) => variable.name.toLowerCase())\n    );\n    const seen = new Set<string>();\n    return (initialVariables ?? EMPTY_VARIABLES).filter((variable) => {\n      const normalized =\n        typeof variable?.name === \"string\" ? variable.name.toLowerCase() : \"\";\n      if (\n        !normalized ||\n        systemNameSet.has(normalized) ||\n        seen.has(normalized)\n      ) {\n        return false;\n      }\n      seen.add(normalized);\n      return true;\n    });\n  }, [initialVariables, normalizedSystemVariables]);\n\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const editorRootRef = useRef<HTMLDivElement>(null);\n  const portalLanguage = useDetachedLanguage(editorRootRef, language);\n  const { resolvedDirection: portalDirection } = useResolvedDirection(\n    editorRootRef,\n    direction\n  );\n  const [popoverPosition, setPopoverPosition] =\n    useState<PopoverPosition | null>(null);\n  const [variables, setVariables] = useState<Variable[]>(\n    normalizedCustomVariables\n  );\n  const [systemVariables, setSystemVariables] = useState<Variable[]>(\n    normalizedSystemVariables\n  );\n\n  useEffect(() => {\n    setVariables(normalizedCustomVariables);\n  }, [normalizedCustomVariables]);\n\n  useEffect(() => {\n    setSystemVariables(normalizedSystemVariables);\n  }, [normalizedSystemVariables]);\n\n  const [selectedOption, setSelectedOption] = useState<SelectedOption>(\n    SelectedOption.Empty\n  );\n  const [selectContentInfo, setSelectContentInfo] =\n    useState<SelectContentInfo | null>();\n  const editorViewRef = useRef<EditorView | null>(null);\n  const pendingVariableContentRef = useRef<string | null>(null);\n  const variableSearchAnchorRef = useRef<HTMLButtonElement | null>(null);\n  const [variableSearchOpen, setVariableSearchOpen] = useState(false);\n  const closeVariableSearch = useCallback(() => {\n    setVariableSearchOpen(false);\n    variableSearchAnchorRef.current = null;\n  }, []);\n  const handleVariableSearchToggle = useCallback(\n    (button: HTMLButtonElement) => {\n      if (disabled) {\n        return;\n      }\n      if (variableSearchOpen && variableSearchAnchorRef.current === button) {\n        closeVariableSearch();\n        return;\n      }\n      variableSearchAnchorRef.current = button;\n      setVariableSearchOpen(true);\n    },\n    [closeVariableSearch, disabled, variableSearchOpen]\n  );\n\n  const editorContextValue: IEditorContext = {\n    selectedOption,\n    setSelectedOption,\n    dialogOpen,\n    setDialogOpen,\n    popoverOpen,\n    setPopoverOpen,\n    popoverPosition,\n    setPopoverPosition,\n  };\n\n  useEffect(() => {\n    if (!disabled) {\n      return;\n    }\n    setDialogOpen(false);\n    setPopoverOpen(false);\n    setSelectedOption(SelectedOption.Empty);\n    setSelectContentInfo(null);\n    setPopoverPosition(null);\n    closeVariableSearch();\n  }, [\n    closeVariableSearch,\n    disabled,\n    setDialogOpen,\n    setPopoverOpen,\n    setPopoverPosition,\n    setSelectedOption,\n    setSelectContentInfo,\n  ]);\n\n  const addVariablesFromContent = useCallback(\n    (text: string) => {\n      if (editMode !== EditMode.QuickEdit || !text) {\n        return;\n      }\n\n      const names = extractVariableNames(text);\n      if (!names.length) {\n        return;\n      }\n\n      const systemNameSet = new Set(\n        systemVariables.map((variable) => variable.name.toLowerCase())\n      );\n\n      setVariables((prev) => {\n        const existingNames = new Set(\n          prev.map((variable) => variable.name.toLowerCase())\n        );\n        const addedNames = new Set<string>();\n        const newVariables: Variable[] = [];\n\n        names.forEach((rawName) => {\n          const normalized = rawName.toLowerCase();\n          if (\n            !rawName ||\n            systemNameSet.has(normalized) ||\n            existingNames.has(normalized) ||\n            addedNames.has(normalized)\n          ) {\n            return;\n          }\n          newVariables.push({ name: rawName });\n          addedNames.add(normalized);\n        });\n\n        if (!newVariables.length) {\n          return prev;\n        }\n\n        return [...newVariables, ...prev];\n      });\n    },\n    [editMode, systemVariables]\n  );\n\n  useEffect(() => {\n    addVariablesFromContent(content);\n  }, [content, addVariablesFromContent]);\n\n  // const insertFixedText = useCallback(() => {\n  //   if (!editorViewRef.current) return;\n  //   const view = editorViewRef.current;\n  //   const { state, dispatch } = view;\n  //   const selection = state.selection.main;\n  //   const selectedText = state.sliceDoc(selection.from, selection.to);\n  //   const startTag = \"===\";\n  //   const endTag = \"===\";\n  //   const insertContent = `${startTag}${selectedText ?? \"\"}${endTag}`;\n\n  //   dispatch({\n  //     changes: {\n  //       from: selection.from,\n  //       to: selection.to,\n  //       insert: insertContent,\n  //     },\n  //     selection: {\n  //       anchor: selection.from + startTag.length + (selectedText?.length ?? 0),\n  //     },\n  //   });\n  //   view.focus();\n  // }, []);\n\n  // const insertDivider = useCallback(() => {\n  //   if (!editorViewRef.current) return;\n  //   const view = editorViewRef.current;\n  //   const { state, dispatch } = view;\n  //   const selection = state.selection.main;\n  //   const insertContent = `\\n\\n---\\n\\n`;\n\n  //   dispatch({\n  //     changes: {\n  //       from: selection.from,\n  //       to: selection.to,\n  //       insert: insertContent,\n  //     },\n  //     selection: {\n  //       anchor: selection.from + insertContent.length,\n  //     },\n  //   });\n  //   view.focus();\n  // }, []);\n\n  const onSelectedOption = useCallback(\n    (option: SelectedOption) => {\n      if (disabled) {\n        return;\n      }\n      closeVariableSearch();\n      // if (option === SelectedOption.FixedText) {\n      //   insertFixedText();\n      //   setSelectedOption(SelectedOption.Empty);\n      //   setDialogOpen(false);\n      //   setPopoverOpen(false);\n      //   setSelectContentInfo(null);\n      //   setPopoverPosition(null);\n      //   return;\n      // }\n\n      // if (option === SelectedOption.Divider) {\n      //   insertDivider();\n      //   setSelectedOption(SelectedOption.Empty);\n      //   setDialogOpen(false);\n      //   setPopoverOpen(false);\n      //   setSelectContentInfo(null);\n      //   setPopoverPosition(null);\n      //   return;\n      // }\n\n      setSelectedOption(option);\n\n      if (option === SelectedOption.Variable) {\n        if (editorViewRef.current) {\n          const { state } = editorViewRef.current;\n          const pos = state.selection.main.from;\n          const coords = editorViewRef.current.coordsAtPos(pos);\n          if (coords) {\n            setPopoverPosition({\n              x: coords.left,\n              y: coords.bottom,\n            });\n          }\n        }\n        setPopoverOpen(true);\n      } else {\n        setDialogOpen(true);\n      }\n    },\n    [closeVariableSearch, disabled]\n  );\n\n  const insertText = useCallback(\n    (text: string) => {\n      if (disabled || !editorViewRef.current) return;\n\n      const { state, dispatch } = editorViewRef.current;\n      const from = state.selection.main.from;\n\n      dispatch({\n        changes: { from, insert: text },\n        selection: { anchor: from + text.length },\n      });\n    },\n    [editorViewRef, disabled]\n  );\n\n  const replaceSelection = useCallback(\n    (text: string) => {\n      if (disabled || !editorViewRef.current) {\n        return;\n      }\n      const { state, dispatch } = editorViewRef.current;\n      const selection = state.selection.main;\n      dispatch({\n        changes: { from: selection.from, to: selection.to, insert: text },\n        selection: { anchor: selection.from + text.length },\n      });\n    },\n    [disabled]\n  );\n\n  const focusEditor = useCallback(() => {\n    editorViewRef.current?.focus();\n  }, []);\n\n  const getContent = useCallback(() => {\n    return editorViewRef.current?.state.doc.toString() ?? \"\";\n  }, []);\n\n  const setContent = useCallback(\n    (text: string) => {\n      if (disabled) {\n        return;\n      }\n      if (!editorViewRef.current) {\n        onChange?.(text);\n        return;\n      }\n      const view = editorViewRef.current;\n      const { state, dispatch } = view;\n      dispatch({\n        changes: { from: 0, to: state.doc.length, insert: text },\n        selection: { anchor: text.length },\n      });\n    },\n    [disabled, onChange]\n  );\n\n  const deleteSelectedContent = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    if (\n      !selectContentInfo ||\n      !editorViewRef.current ||\n      selectContentInfo.from === -1\n    )\n      return;\n\n    const { from, to } = selectContentInfo;\n    const { dispatch } = editorViewRef.current;\n\n    dispatch({\n      changes: { from, to, insert: \"\" },\n    });\n  }, [selectContentInfo, editorViewRef, disabled]);\n\n  const insertVariableContent = useCallback(\n    (\n      variableName: string,\n      range?: { from: number; to: number },\n      placeCursorAtEnd = false\n    ) => {\n      if (disabled || !editorViewRef.current) {\n        return;\n      }\n      const view = editorViewRef.current;\n      const { state, dispatch } = view;\n      const selection = range ?? state.selection.main;\n      const template = buildVariableTemplate(variableName);\n      const cursorOffset = placeCursorAtEnd\n        ? template.length\n        : 2 + variableName.length; // 2 braces before variable content\n\n      dispatch({\n        changes: {\n          from: selection.from,\n          to: selection.to,\n          insert: template,\n        },\n        selection: {\n          anchor: selection.from + cursorOffset,\n        },\n      });\n      view.focus();\n    },\n    [disabled]\n  );\n\n  const insertVariableTemplate = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n    closeVariableSearch();\n    insertVariableContent(\"\");\n  }, [closeVariableSearch, disabled, insertVariableContent]);\n\n  const insertConfirmOutputMarker = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"======\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 3,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertLinkTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"[]()\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 1,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertButtonTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const template = \"?[]\";\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 2,\n      },\n    });\n    view.focus();\n  }, [disabled]);\n\n  const insertSingleChoiceTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const optionLabel1 = toolbarLabels.singleChoiceOption1;\n    const optionLabel2 = toolbarLabels.singleChoiceOption2;\n    const template = `?[%{{}} ${optionLabel1} | ${optionLabel2}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [\n    disabled,\n    toolbarLabels.singleChoiceOption1,\n    toolbarLabels.singleChoiceOption2,\n  ]);\n\n  const insertMultiChoiceTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const optionLabel1 = toolbarLabels.singleChoiceOption1;\n    const optionLabel2 = toolbarLabels.singleChoiceOption2;\n    const template = `?[%{{}} ${optionLabel1} || ${optionLabel2}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [\n    disabled,\n    toolbarLabels.singleChoiceOption1,\n    toolbarLabels.singleChoiceOption2,\n  ]);\n\n  const insertInputFieldTemplate = useCallback(() => {\n    if (disabled || !editorViewRef.current) {\n      return;\n    }\n    const view = editorViewRef.current;\n    const { state, dispatch } = view;\n    const selection = state.selection.main;\n    const placeholder = toolbarLabels.inputPlaceholder ?? \"请输入\";\n    const template = `?[%{{}}...${placeholder}]`;\n    dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert: template,\n      },\n      selection: {\n        anchor: selection.from + 5,\n      },\n    });\n    view.focus();\n  }, [disabled, toolbarLabels.inputPlaceholder]);\n\n  const handleSelectImage = useCallback(\n    ({\n      resourceUrl,\n      resourceTitle,\n      scalePercent,\n    }: {\n      resourceUrl?: string;\n      resourceTitle?: string;\n      scalePercent?: number;\n    }) => {\n      if (!resourceUrl || disabled) return;\n      const textToInsert = getImageContentToInsert({\n        resourceUrl,\n        resourceTitle,\n        scalePercent,\n      });\n      if (selectContentInfo?.type === SelectedOption.Image) {\n        deleteSelectedContent();\n        if (!editorViewRef.current) return;\n        const { dispatch } = editorViewRef.current;\n        dispatch({\n          changes: { from: selectContentInfo.from, insert: textToInsert },\n        });\n      } else {\n        insertText(textToInsert);\n      }\n      setDialogOpen(false);\n    },\n    [deleteSelectedContent, disabled, insertText, selectContentInfo]\n  );\n\n  const handleSelectVideo = useCallback(\n    ({\n      resourceUrl,\n      resourceTitle,\n    }: {\n      resourceUrl: string;\n      resourceTitle: string;\n    }) => {\n      if (disabled) {\n        return;\n      }\n      const textToInsert = getVideoContentToInsert(resourceUrl, resourceTitle);\n      if (selectContentInfo?.type === SelectedOption.Video) {\n        deleteSelectedContent();\n        if (!editorViewRef.current) return;\n        const { dispatch } = editorViewRef.current;\n        dispatch({\n          changes: { from: selectContentInfo.from, insert: textToInsert },\n        });\n      } else {\n        insertText(textToInsert);\n      }\n      setDialogOpen(false);\n    },\n    [deleteSelectedContent, disabled, insertText, selectContentInfo]\n  );\n\n  const handleSelectVariable = useCallback(\n    (variable: Variable) => {\n      if (disabled) {\n        return;\n      }\n      const selectionRange =\n        selectContentInfo?.type === SelectedOption.Variable\n          ? { from: selectContentInfo.from, to: selectContentInfo.to }\n          : undefined;\n      insertVariableContent(variable.name, selectionRange, true);\n      setPopoverOpen(false);\n      closeVariableSearch();\n    },\n    [disabled, insertVariableContent, selectContentInfo, closeVariableSearch]\n  );\n\n  const slashCommandsExtension = useCallback(() => {\n    return autocompletion({\n      override: [\n        createSlashCommands(onSelectedOption, {\n          // divider: currentStrings.slashDivider,\n          // fixedText: currentStrings.slashFixedText,\n          image: currentStrings.slashImage,\n          video: currentStrings.slashVideo,\n          variable: currentStrings.slashVariable,\n        }),\n      ],\n    });\n  }, [\n    // currentStrings.slashDivider,\n    // currentStrings.slashFixedText,\n    currentStrings.slashImage,\n    currentStrings.slashVideo,\n    currentStrings.slashVariable,\n    onSelectedOption,\n  ]);\n\n  // const fixedTextPlaceholderExtension = useMemo(\n  //   () =>\n  //     createFixedTextPlaceholder(\n  //       currentStrings.fixedTextPlaceholder ?? \"添加固定文本\",\n  //       currentStrings.fixedTextTooltip ??\n  //         currentStrings.slashFixedText ??\n  //         \"固定文本\"\n  //     ),\n  //   [\n  //     currentStrings.fixedTextPlaceholder,\n  //     currentStrings.fixedTextTooltip,\n  //     currentStrings.slashFixedText,\n  //   ]\n  // );\n\n  const handleEditorUpdate = useCallback(\n    (update: ViewUpdate) => {\n      editorViewRef.current = update.view;\n      if (\n        editMode === EditMode.QuickEdit &&\n        pendingVariableContentRef.current &&\n        update.selectionSet\n      ) {\n        const cursorPosition = update.state.selection.main.head;\n        const docText = update.state.doc.toString();\n        const stillInside = isCursorInsideVariableExpression(\n          docText,\n          cursorPosition\n        );\n        if (!stillInside) {\n          addVariablesFromContent(docText);\n          pendingVariableContentRef.current = null;\n        }\n      }\n    },\n    [addVariablesFromContent, editMode]\n  );\n\n  const handleTagClick = useCallback(\n    (event: any) => {\n      event.stopPropagation();\n      if (disabled) {\n        return;\n      }\n      const { type, from, to, dataset, target } = event.detail;\n      const value = parseContentInfo(type, dataset);\n      setSelectContentInfo({\n        type,\n        value,\n        from,\n        to,\n      });\n      setSelectedOption(type);\n\n      if (type === SelectedOption.Variable) {\n        if (target) {\n          const rect = target.getBoundingClientRect();\n          const anchorDirection =\n            target.ownerDocument.defaultView?.getComputedStyle(\n              editorRootRef.current ?? target\n            ).direction;\n          setPopoverPosition({\n            x: anchorDirection === \"rtl\" ? rect.right : rect.left,\n            y: rect.bottom,\n          });\n        }\n        setPopoverOpen(true);\n      } else {\n        setDialogOpen(true);\n      }\n    },\n    [disabled]\n  );\n\n  useEffect(() => {\n    if (!dialogOpen) {\n      setSelectedOption(SelectedOption.Empty);\n      setSelectContentInfo(null);\n    }\n  }, [dialogOpen]);\n\n  useEffect(() => {\n    if (!popoverOpen && selectedOption === SelectedOption.Variable) {\n      setSelectedOption(SelectedOption.Empty);\n      setSelectContentInfo(null);\n    }\n  }, [popoverOpen, selectedOption]);\n\n  useEffect(() => {\n    const handleWrap = (e: any) => {\n      if (e.detail.view === editorViewRef.current) {\n        handleTagClick(e);\n      }\n    };\n    window.addEventListener(\"globalTagClick\", handleWrap);\n    return () => {\n      window.removeEventListener(\"globalTagClick\", handleWrap);\n    };\n  }, [handleTagClick]);\n\n  const imagePlaceholderTitle = t(\"imageDefaultTitle\");\n  const videoPlaceholderTitle = t(\"videoDefaultTitle\");\n  const mediaPlaceholderLabelsExtension = useMemo(\n    () =>\n      mediaPlaceholderLabels.of({\n        image: imagePlaceholderTitle,\n        video: videoPlaceholderTitle,\n      }),\n    [imagePlaceholderTitle, videoPlaceholderTitle]\n  );\n\n  const editorExtensions = useMemo(() => {\n    const extensions = [\n      EditorView.lineWrapping,\n      markdown(),\n      syntaxHighlighting(defaultHighlightStyle),\n      SyntaxHighlighter,\n    ];\n\n    if (!disabled) {\n      extensions.push(slashCommandsExtension());\n    }\n\n    if (editMode === EditMode.QuickEdit) {\n      extensions.push(\n        mediaPlaceholderLabelsExtension,\n        ImgPlaceholder,\n        VideoPlaceholder,\n        VariablePlaceholder\n        // fixedTextPlaceholderExtension,\n        // DividerPlaceholder,\n      );\n    }\n\n    extensions.push(\n      EditorView.updateListener.of((update) => {\n        handleEditorUpdate(update);\n      })\n    );\n\n    return extensions;\n  }, [\n    disabled,\n    editMode,\n    slashCommandsExtension,\n    handleEditorUpdate,\n    mediaPlaceholderLabelsExtension,\n  ]);\n\n  const handleContentChange = useCallback(\n    (value: string) => {\n      if (disabled) {\n        return;\n      }\n      const cursorPosition =\n        editorViewRef.current?.state.selection.main.head ?? -1;\n      const skipAddition = isCursorInsideVariableExpression(\n        value,\n        cursorPosition\n      );\n      if (skipAddition) {\n        pendingVariableContentRef.current = value;\n      } else {\n        pendingVariableContentRef.current = null;\n        addVariablesFromContent(value);\n      }\n      onChange?.(value);\n    },\n    [addVariablesFromContent, onChange, disabled]\n  );\n\n  const isVariableSearchOpen = !disabled && variableSearchOpen;\n  const editorApi = useMemo(\n    () => ({\n      insertTextAtCursor: insertText,\n      replaceSelection,\n      focus: focusEditor,\n      getContent,\n      setContent,\n    }),\n    [focusEditor, getContent, insertText, replaceSelection, setContent]\n  );\n\n  const handleToolbarActionClick = useCallback(\n    (action: EditorAction) => {\n      if (disabled || \"render\" in action) {\n        return;\n      }\n      action.onClick?.(editorApi);\n    },\n    [disabled, editorApi]\n  );\n\n  const toolbarRightSlot = useMemo(() => {\n    if (!toolbarActionsRight?.length) {\n      return null;\n    }\n    return (\n      <div className=\"markdown-flow-editor-toolbar-right\">\n        {toolbarActionsRight.map((action) => {\n          if (\"render\" in action) {\n            return (\n              <div\n                className=\"markdown-flow-editor-toolbar-right-item\"\n                key={action.key}\n              >\n                {action.render(editorApi)}\n              </div>\n            );\n          }\n          const ariaLabel = action.label || action.tooltip || undefined;\n          const button = (\n            <button\n              type=\"button\"\n              key={action.key}\n              disabled={disabled || action.disabled}\n              onClick={() => handleToolbarActionClick(action)}\n              className=\"markdown-flow-editor-toolbar-right-button\"\n              aria-label={ariaLabel}\n              title={action.label || action.tooltip}\n            >\n              {action.icon ? (\n                <span className=\"toolbar-right-icon\">{action.icon}</span>\n              ) : null}\n              {action.label ? (\n                <span className=\"toolbar-right-label\">{action.label}</span>\n              ) : null}\n            </button>\n          );\n          const wrapped = action.tooltip ? (\n            <Tooltip>\n              <TooltipTrigger asChild>{button}</TooltipTrigger>\n              <TooltipContent\n                side=\"top\"\n                dir={portalDirection}\n                lang={portalLanguage}\n              >\n                {action.tooltip}\n              </TooltipContent>\n            </Tooltip>\n          ) : (\n            button\n          );\n          return (\n            <div\n              className=\"markdown-flow-editor-toolbar-right-item\"\n              key={action.key}\n            >\n              {wrapped}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }, [\n    disabled,\n    editorApi,\n    handleToolbarActionClick,\n    portalDirection,\n    portalLanguage,\n    toolbarActionsRight,\n  ]);\n\n  useEffect(() => {\n    onReady?.(editorApi);\n  }, [editorApi]);\n\n  return (\n    <div\n      className=\"markdown-flow-editor\"\n      ref={editorRootRef}\n      dir={direction}\n      lang={language}\n      data-disabled={disabled ? \"true\" : undefined}\n      aria-disabled={disabled}\n    >\n      <EditorToolbar\n        disabled={disabled}\n        labels={toolbarLabels}\n        tooltipDirection={portalDirection}\n        tooltipLanguage={portalLanguage}\n        onSelect={onSelectedOption}\n        onInsertVariablePlaceholder={insertVariableTemplate}\n        onVariableSearchToggle={handleVariableSearchToggle}\n        onVariableSearchClose={closeVariableSearch}\n        onInsertConfirmOutput={insertConfirmOutputMarker}\n        onInsertLink={insertLinkTemplate}\n        onInsertButton={insertButtonTemplate}\n        onInsertSingleChoice={insertSingleChoiceTemplate}\n        onInsertMultiChoice={insertMultiChoiceTemplate}\n        onInsertInputField={insertInputFieldTemplate}\n        variableSearchActive={isVariableSearchOpen}\n        rightSlot={toolbarRightSlot}\n      />\n      <VariableSearchDropdown\n        open={isVariableSearchOpen}\n        anchorElement={variableSearchAnchorRef.current}\n        onClose={closeVariableSearch}\n        onSelect={handleSelectVariable}\n        variables={variables}\n        systemVariables={systemVariables}\n        labels={variableSearchLabels}\n      />\n      <div className=\"markdown-flow-editor-body relative overflow-auto\">\n        <EditorContext.Provider value={editorContextValue}>\n          <CodeMirror\n            extensions={editorExtensions}\n            basicSetup={{\n              lineNumbers: false,\n              searchKeymap: false,\n              syntaxHighlighting: true,\n              highlightActiveLine: true,\n              highlightActiveLineGutter: true,\n              foldGutter: false,\n            }}\n            className=\"rounded-md\"\n            placeholder={placeholderText}\n            value={content}\n            theme=\"light\"\n            minHeight=\"2rem\"\n            editable={!disabled}\n            onChange={handleContentChange}\n            onBlur={onBlur}\n          />\n          {!disabled && (\n            <CustomDialog\n              dir={portalDirection}\n              lang={portalLanguage}\n              labels={{\n                closeButtonLabel: t(\"dialogCloseLabel\"),\n                title:\n                  selectedOption === SelectedOption.Image\n                    ? t(\"dialogTitleImage\")\n                    : selectedOption === SelectedOption.Video\n                      ? t(\"dialogTitleVideo\")\n                      : selectedOption === SelectedOption.Variable\n                        ? t(\"dialogTitleVariable\")\n                        : t(\"dialogTitle\"),\n              }}\n            >\n              {selectedOption === SelectedOption.Image && (\n                <ImageInject\n                  value={selectContentInfo?.value}\n                  onSelect={handleSelectImage}\n                  uploadProps={uploadProps}\n                />\n              )}\n              {selectedOption === SelectedOption.Video && (\n                <VideoInject\n                  value={selectContentInfo?.value}\n                  onSelect={handleSelectVideo}\n                />\n              )}\n            </CustomDialog>\n          )}\n\n          {!disabled && (\n            <CustomPopover dir={portalDirection} lang={portalLanguage}>\n              <VariableSelect\n                variables={variables}\n                systemVariables={systemVariables}\n                selectedName={selectContentInfo?.value?.variableName}\n                onSelect={handleSelectVariable}\n                onAddVariable={(variable) => {\n                  setVariables((prev) => {\n                    const normalized = variable.name.toLowerCase();\n                    const exists = prev.some(\n                      (item) => item.name.toLowerCase() === normalized\n                    );\n                    if (exists) {\n                      return prev;\n                    }\n                    return [variable, ...prev];\n                  });\n                }}\n              />\n            </CustomPopover>\n          )}\n        </EditorContext.Provider>\n      </div>\n    </div>\n  );\n};\n\nexport default Editor;\n"],"names":["i18next","editorLocaleResources","lng","resource","initReactI18next","DEFAULT_EDITOR_LOCALE","EMPTY_VARIABLES","isCursorInsideVariableExpression","content","cursorPosition","regexp","createVariableExpressionRegexp","match","matchStart","matchEnd","innerStart","innerEnd","buildVariableTemplate","variableName","Editor","editMode","initialVariables","initialSystemVariables","onChange","onBlur","locale","lang","uploadProps","disabled","toolbarActionsRight","onReady","t","i18n","useTranslation","resolvedLocale","normalizeMarkdownFlowLocale","direction","getMarkdownFlowDirection","language","getMarkdownFlowLanguage","useEffect","currentStrings","getEditorLocaleMessages","toolbarLabels","useMemo","variableSearchLabels","placeholderText","normalizedSystemVariables","seen","variable","normalized","normalizedCustomVariables","systemNameSet","dialogOpen","setDialogOpen","useState","popoverOpen","setPopoverOpen","editorRootRef","useRef","portalLanguage","useDetachedLanguage","portalDirection","useResolvedDirection","popoverPosition","setPopoverPosition","variables","setVariables","systemVariables","setSystemVariables","selectedOption","setSelectedOption","SelectedOption","selectContentInfo","setSelectContentInfo","editorViewRef","pendingVariableContentRef","variableSearchAnchorRef","variableSearchOpen","setVariableSearchOpen","closeVariableSearch","useCallback","handleVariableSearchToggle","button","editorContextValue","addVariablesFromContent","text","names","extractVariableNames","prev","existingNames","addedNames","newVariables","rawName","onSelectedOption","option","state","pos","coords","insertText","dispatch","from","replaceSelection","selection","focusEditor","getContent","setContent","view","deleteSelectedContent","to","insertVariableContent","range","placeCursorAtEnd","template","cursorOffset","insertVariableTemplate","insertConfirmOutputMarker","insertLinkTemplate","insertButtonTemplate","insertSingleChoiceTemplate","optionLabel1","optionLabel2","insertMultiChoiceTemplate","insertInputFieldTemplate","handleSelectImage","resourceUrl","resourceTitle","scalePercent","textToInsert","getImageContentToInsert","handleSelectVideo","getVideoContentToInsert","handleSelectVariable","selectionRange","slashCommandsExtension","autocompletion","createSlashCommands","handleEditorUpdate","update","docText","handleTagClick","event","type","dataset","target","value","parseContentInfo","rect","anchorDirection","handleWrap","e","imagePlaceholderTitle","videoPlaceholderTitle","mediaPlaceholderLabelsExtension","mediaPlaceholderLabels","editorExtensions","extensions","EditorView","markdown","syntaxHighlighting","defaultHighlightStyle","SyntaxHighlighter","ImgPlaceholder","VideoPlaceholder","VariablePlaceholder","handleContentChange","isVariableSearchOpen","editorApi","handleToolbarActionClick","action","toolbarRightSlot","jsx","ariaLabel","jsxs","wrapped","Tooltip","TooltipTrigger","TooltipContent","EditorToolbar","VariableSearchDropdown","EditorContext","CodeMirror","CustomDialog","ImageInject","VideoInject","CustomPopover","VariableSelect","item"],"mappings":"okDA+DKA,GAAAA,QAAQ,cAQX,OAAO,QAAQC,uBAAqB,EAAE,QAAQ,CAAC,CAACC,EAAKC,CAAQ,IAAM,CACjEH,GAAAA,QAAQ,kBACNE,EACA,cACAC,EAAS,YACT,GACA,EAAA,CAEJ,CAAC,EAfDH,GAAAA,QAAQ,IAAII,mBAAgB,EAAE,KAAK,CACjC,UAAWH,EAAAA,sBACX,IAAKI,EAAAA,sBACL,YAAaA,EAAAA,sBACb,cAAe,CAAE,YAAa,EAAA,CAAM,CACrC,EAkCH,MAAMC,GAA8B,CAAA,EAG9BC,GAAmC,CACvCC,EACAC,IACG,CACH,GAAI,CAACD,GAAWC,EAAiB,EAC/B,MAAO,GAET,MAAMC,EAASC,EAAAA,+BAAA,EACf,IAAIC,EAEJ,MAAQA,EAAQF,EAAO,KAAKF,CAAO,KAAO,MAAM,CAC9C,MAAMK,EAAaD,EAAM,OAAS,EAC5BE,EAAWD,EAAaD,EAAM,CAAC,EAAE,OACjCG,EAAaF,EAAa,EAC1BG,EAAWF,EAAW,EAC5B,GAAIL,GAAkBM,GAAcN,GAAkBO,EACpD,MAAO,GAELN,EAAO,YAAcE,EAAM,OAC7BF,EAAO,WAEX,CAEA,MAAO,EACT,EAEMO,GAAwB,CAACC,EAAe,KAAO,KAAKA,CAAY,KAEhEC,GAAgC,CAAC,CACrC,QAAAX,EAAU,GACV,SAAAY,EAAW,WACX,UAAWC,EACX,gBAAiBC,EACjB,SAAAC,EACA,OAAAC,EAAA,OACAC,EACA,KAAAC,EACA,YAAAC,GACA,SAAAC,EAAW,GACX,oBAAAC,EACA,QAAAC,EACF,IAAM,CACJ,KAAM,CAAE,EAAAC,EAAG,KAAAC,CAAA,EAASC,kBAAA,EACdC,EAAiBC,GAAAA,4BACrBV,GAAUpB,EAAAA,qBAAA,EAEN+B,GAAYC,GAAAA,yBAAyBZ,CAAM,EAC3Ca,GAAWZ,GAAQa,GAAAA,wBAAwBd,CAAM,EAEvDe,EAAAA,UAAU,IAAM,CACVR,EAAK,WAAaE,GACpBF,EAAK,eAAeE,CAAc,CAEtC,EAAG,CAACF,EAAME,CAAc,CAAC,EAEzB,MAAMO,EAAiBC,EAAAA,wBAAwBR,CAAc,EACvDS,EAAgBC,EAAAA,QACpB,KAAO,CACL,MAAOb,EAAE,qBAAsB,CAC7B,aAAc,cAAA,CACf,EACD,MAAOA,EAAE,qBAAsB,CAC7B,aAAc,cAAA,CACf,EACD,SAAUA,EAAE,gBAAiB,CAC3B,aAAc,UAAA,CACf,EACD,YAAaA,EAAE,2BAA4B,CACzC,aAAc,qBAAA,CACf,EACD,OAAQA,EAAE,gCAAiC,CACzC,aAAc,0BAAA,CACf,EACD,cAAeA,EAAE,uBAAwB,CACvC,aAAc,gBAAA,CACf,EACD,WAAYA,EAAE,oBAAqB,CACjC,aAAc,aAAA,CACf,EACD,aAAcA,EAAE,sBAAuB,CACrC,aAAc,eAAA,CACf,EACD,mBAAoBA,EAAE,4BAA6B,CACjD,aAAc,sBAAA,CACf,EACD,kBAAmBA,EAAE,2BAA4B,CAC/C,aAAc,qBAAA,CACf,EACD,YAAaA,EAAE,qBAAsB,CACnC,aAAc,cAAA,CACf,EACD,oBAAqBA,EAAE,uBAAwB,CAC7C,aAAc,UAAA,CACf,EACD,oBAAqBA,EAAE,uBAAwB,CAC7C,aAAc,UAAA,CACf,EACD,iBAAkBA,EAAE,0BAA2B,CAC7C,aAAc,cAAA,CACf,CAAA,GAEH,CAACA,CAAC,CAAA,EAEEc,GAAuBD,EAAAA,QAC3B,KAAO,CACL,kBAAmBb,EAAE,4BAA6B,CAChD,aAAc,iBAAA,CACf,EACD,YAAaA,EAAE,wBAAyB,kBAAkB,EAC1D,YAAaA,EAAE,wBAAyB,kBAAkB,EAC1D,WAAYA,EAAE,mBAAoB,oBAAoB,CAAA,GAExD,CAACA,CAAC,CAAA,EAEEe,GACJ1B,IAAa,YACTW,EAAE,uBAAwB,CACxB,aAAcA,EAAE,sBAAuB,CACrC,aAAcA,EAAE,aAAa,CAAA,CAC9B,CAAA,CACF,EACDA,EAAE,sBAAuB,CAAE,aAAcA,EAAE,aAAa,EAAG,EAE3DgB,EAA4BH,EAAAA,QAAQ,IAAM,CAC9C,MAAMI,MAAW,IACjB,OAAQ1B,GAA0BhB,IAAiB,OAAQ2C,GAAa,CACtE,MAAMC,EACJ,OAAOD,GAAU,MAAS,SAAWA,EAAS,KAAK,cAAgB,GACrE,MAAI,CAACC,GAAcF,EAAK,IAAIE,CAAU,EAC7B,IAETF,EAAK,IAAIE,CAAU,EACZ,GACT,CAAC,CACH,EAAG,CAAC5B,CAAsB,CAAC,EAErB6B,EAA4BP,EAAAA,QAAQ,IAAM,CAC9C,MAAMQ,EAAgB,IAAI,IACxBL,EAA0B,IAAKE,GAAaA,EAAS,KAAK,aAAa,CAAA,EAEnED,MAAW,IACjB,OAAQ3B,GAAoBf,IAAiB,OAAQ2C,GAAa,CAChE,MAAMC,EACJ,OAAOD,GAAU,MAAS,SAAWA,EAAS,KAAK,cAAgB,GACrE,MACE,CAACC,GACDE,EAAc,IAAIF,CAAU,GAC5BF,EAAK,IAAIE,CAAU,EAEZ,IAETF,EAAK,IAAIE,CAAU,EACZ,GACT,CAAC,CACH,EAAG,CAAC7B,EAAkB0B,CAAyB,CAAC,EAE1C,CAACM,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAK,EAC9CG,EAAgBC,EAAAA,OAAuB,IAAI,EAC3CC,EAAiBC,GAAAA,oBAAoBH,EAAepB,EAAQ,EAC5D,CAAE,kBAAmBwB,CAAA,EAAoBC,GAAAA,qBAC7CL,EACAtB,EAAA,EAEI,CAAC4B,GAAiBC,CAAkB,EACxCV,EAAAA,SAAiC,IAAI,EACjC,CAACW,GAAWC,CAAY,EAAIZ,EAAAA,SAChCJ,CAAA,EAEI,CAACiB,EAAiBC,EAAkB,EAAId,EAAAA,SAC5CR,CAAA,EAGFP,EAAAA,UAAU,IAAM,CACd2B,EAAahB,CAAyB,CACxC,EAAG,CAACA,CAAyB,CAAC,EAE9BX,EAAAA,UAAU,IAAM,CACd6B,GAAmBtB,CAAyB,CAC9C,EAAG,CAACA,CAAyB,CAAC,EAE9B,KAAM,CAACuB,EAAgBC,CAAiB,EAAIhB,EAAAA,SAC1CiB,iBAAe,KAAA,EAEX,CAACC,EAAmBC,CAAoB,EAC5CnB,WAAA,EACIoB,EAAgBhB,EAAAA,OAA0B,IAAI,EAC9CiB,EAA4BjB,EAAAA,OAAsB,IAAI,EACtDkB,EAA0BlB,EAAAA,OAAiC,IAAI,EAC/D,CAACmB,GAAoBC,EAAqB,EAAIxB,EAAAA,SAAS,EAAK,EAC5DyB,EAAsBC,EAAAA,YAAY,IAAM,CAC5CF,GAAsB,EAAK,EAC3BF,EAAwB,QAAU,IACpC,EAAG,CAAA,CAAE,EACCK,GAA6BD,EAAAA,YAChCE,GAA8B,CAC7B,GAAI,CAAAvD,EAGJ,IAAIkD,IAAsBD,EAAwB,UAAYM,EAAQ,CACpEH,EAAA,EACA,MACF,CACAH,EAAwB,QAAUM,EAClCJ,GAAsB,EAAI,EAC5B,EACA,CAACC,EAAqBpD,EAAUkD,EAAkB,CAAA,EAG9CM,GAAqC,CACzC,eAAAd,EACA,kBAAAC,EACA,WAAAlB,EACA,cAAAC,EACA,YAAAE,EACA,eAAAC,EACA,gBAAAO,GACA,mBAAAC,CAAA,EAGFzB,EAAAA,UAAU,IAAM,CACTZ,IAGL0B,EAAc,EAAK,EACnBG,EAAe,EAAK,EACpBc,EAAkBC,EAAAA,eAAe,KAAK,EACtCE,EAAqB,IAAI,EACzBT,EAAmB,IAAI,EACvBe,EAAA,EACF,EAAG,CACDA,EACApD,EACA0B,EACAG,EACAQ,EACAM,EACAG,CAAA,CACD,EAED,MAAMW,EAA0BJ,EAAAA,YAC7BK,GAAiB,CAChB,GAAIlE,IAAa,aAAsB,CAACkE,EACtC,OAGF,MAAMC,EAAQC,EAAAA,qBAAqBF,CAAI,EACvC,GAAI,CAACC,EAAM,OACT,OAGF,MAAMnC,EAAgB,IAAI,IACxBgB,EAAgB,IAAKnB,GAAaA,EAAS,KAAK,aAAa,CAAA,EAG/DkB,EAAcsB,GAAS,CACrB,MAAMC,EAAgB,IAAI,IACxBD,EAAK,IAAKxC,GAAaA,EAAS,KAAK,aAAa,CAAA,EAE9C0C,MAAiB,IACjBC,EAA2B,CAAA,EAgBjC,OAdAL,EAAM,QAASM,GAAY,CACzB,MAAM3C,EAAa2C,EAAQ,YAAA,EAEzB,CAACA,GACDzC,EAAc,IAAIF,CAAU,GAC5BwC,EAAc,IAAIxC,CAAU,GAC5ByC,EAAW,IAAIzC,CAAU,IAI3B0C,EAAa,KAAK,CAAE,KAAMC,CAAA,CAAS,EACnCF,EAAW,IAAIzC,CAAU,EAC3B,CAAC,EAEI0C,EAAa,OAIX,CAAC,GAAGA,EAAc,GAAGH,CAAI,EAHvBA,CAIX,CAAC,CACH,EACA,CAACrE,EAAUgD,CAAe,CAAA,EAG5B5B,EAAAA,UAAU,IAAM,CACd6C,EAAwB7E,CAAO,CACjC,EAAG,CAACA,EAAS6E,CAAuB,CAAC,EA6CrC,MAAMS,GAAmBb,EAAAA,YACtBc,GAA2B,CAC1B,GAAI,CAAAnE,EA0BJ,GAvBAoD,EAAA,EAqBAT,EAAkBwB,CAAM,EAEpBA,IAAWvB,EAAAA,eAAe,SAAU,CACtC,GAAIG,EAAc,QAAS,CACzB,KAAM,CAAE,MAAAqB,GAAUrB,EAAc,QAC1BsB,EAAMD,EAAM,UAAU,KAAK,KAC3BE,EAASvB,EAAc,QAAQ,YAAYsB,CAAG,EAChDC,GACFjC,EAAmB,CACjB,EAAGiC,EAAO,KACV,EAAGA,EAAO,MAAA,CACX,CAEL,CACAzC,EAAe,EAAI,CACrB,MACEH,EAAc,EAAI,CAEtB,EACA,CAAC0B,EAAqBpD,CAAQ,CAAA,EAG1BuE,EAAalB,EAAAA,YAChBK,GAAiB,CAChB,GAAI1D,GAAY,CAAC+C,EAAc,QAAS,OAExC,KAAM,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAazB,EAAc,QACpC0B,EAAOL,EAAM,UAAU,KAAK,KAElCI,EAAS,CACP,QAAS,CAAE,KAAAC,EAAM,OAAQf,CAAA,EACzB,UAAW,CAAE,OAAQe,EAAOf,EAAK,MAAA,CAAO,CACzC,CACH,EACA,CAACX,EAAe/C,CAAQ,CAAA,EAGpB0E,GAAmBrB,EAAAA,YACtBK,GAAiB,CAChB,GAAI1D,GAAY,CAAC+C,EAAc,QAC7B,OAEF,KAAM,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAazB,EAAc,QACpC4B,EAAYP,EAAM,UAAU,KAClCI,EAAS,CACP,QAAS,CAAE,KAAMG,EAAU,KAAM,GAAIA,EAAU,GAAI,OAAQjB,CAAA,EAC3D,UAAW,CAAE,OAAQiB,EAAU,KAAOjB,EAAK,MAAA,CAAO,CACnD,CACH,EACA,CAAC1D,CAAQ,CAAA,EAGL4E,GAAcvB,EAAAA,YAAY,IAAM,CACpCN,EAAc,SAAS,MAAA,CACzB,EAAG,CAAA,CAAE,EAEC8B,GAAaxB,EAAAA,YAAY,IACtBN,EAAc,SAAS,MAAM,IAAI,YAAc,GACrD,CAAA,CAAE,EAEC+B,GAAazB,EAAAA,YAChBK,GAAiB,CAChB,GAAI1D,EACF,OAEF,GAAI,CAAC+C,EAAc,QAAS,CAC1BpD,IAAW+D,CAAI,EACf,MACF,CACA,MAAMqB,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EAC5BP,EAAS,CACP,QAAS,CAAE,KAAM,EAAG,GAAIJ,EAAM,IAAI,OAAQ,OAAQV,CAAA,EAClD,UAAW,CAAE,OAAQA,EAAK,MAAA,CAAO,CAClC,CACH,EACA,CAAC1D,EAAUL,CAAQ,CAAA,EAGfqF,EAAwB3B,EAAAA,YAAY,IAAM,CAI9C,GAHIrD,GAIF,CAAC6C,GACD,CAACE,EAAc,SACfF,EAAkB,OAAS,GAE3B,OAEF,KAAM,CAAE,KAAA4B,EAAM,GAAAQ,CAAA,EAAOpC,EACf,CAAE,SAAA2B,GAAazB,EAAc,QAEnCyB,EAAS,CACP,QAAS,CAAE,KAAAC,EAAM,GAAAQ,EAAI,OAAQ,EAAA,CAAG,CACjC,CACH,EAAG,CAACpC,EAAmBE,EAAe/C,CAAQ,CAAC,EAEzCkF,EAAwB7B,EAAAA,YAC5B,CACE/D,EACA6F,EACAC,EAAmB,KAChB,CACH,GAAIpF,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYQ,GAASf,EAAM,UAAU,KACrCiB,EAAWhG,GAAsBC,CAAY,EAC7CgG,EAAeF,EACjBC,EAAS,OACT,EAAI/F,EAAa,OAErBkF,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OAAQU,CAAA,EAEV,UAAW,CACT,OAAQV,EAAU,KAAOW,CAAA,CAC3B,CACD,EACDP,EAAK,MAAA,CACP,EACA,CAAC/E,CAAQ,CAAA,EAGLuF,GAAyBlC,EAAAA,YAAY,IAAM,CAC3CrD,IAGJoD,EAAA,EACA8B,EAAsB,EAAE,EAC1B,EAAG,CAAC9B,EAAqBpD,EAAUkF,CAAqB,CAAC,EAEnDM,GAA4BnC,EAAAA,YAAY,IAAM,CAClD,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAElCI,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OALa,QAKL,EAEV,UAAW,CACT,OAAQA,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CAAC/E,CAAQ,CAAC,EAEPyF,GAAqBpC,EAAAA,YAAY,IAAM,CAC3C,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAElCI,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OALa,MAKL,EAEV,UAAW,CACT,OAAQA,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CAAC/E,CAAQ,CAAC,EAEP0F,GAAuBrC,EAAAA,YAAY,IAAM,CAC7C,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAElCI,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OALa,KAKL,EAEV,UAAW,CACT,OAAQA,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CAAC/E,CAAQ,CAAC,EAEP2F,GAA6BtC,EAAAA,YAAY,IAAM,CACnD,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAC5BwB,EAAe7E,EAAc,oBAC7B8E,EAAe9E,EAAc,oBAC7BsE,EAAW,WAAWO,CAAY,MAAMC,CAAY,IAC1DrB,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OAAQU,CAAA,EAEV,UAAW,CACT,OAAQV,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CACD/E,EACAe,EAAc,oBACdA,EAAc,mBAAA,CACf,EAEK+E,GAA4BzC,EAAAA,YAAY,IAAM,CAClD,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAC5BwB,EAAe7E,EAAc,oBAC7B8E,EAAe9E,EAAc,oBAC7BsE,EAAW,WAAWO,CAAY,OAAOC,CAAY,IAC3DrB,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OAAQU,CAAA,EAEV,UAAW,CACT,OAAQV,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CACD/E,EACAe,EAAc,oBACdA,EAAc,mBAAA,CACf,EAEKgF,GAA2B1C,EAAAA,YAAY,IAAM,CACjD,GAAIrD,GAAY,CAAC+C,EAAc,QAC7B,OAEF,MAAMgC,EAAOhC,EAAc,QACrB,CAAE,MAAAqB,EAAO,SAAAI,CAAA,EAAaO,EACtBJ,EAAYP,EAAM,UAAU,KAE5BiB,EAAW,aADGtE,EAAc,kBAAoB,KACb,IACzCyD,EAAS,CACP,QAAS,CACP,KAAMG,EAAU,KAChB,GAAIA,EAAU,GACd,OAAQU,CAAA,EAEV,UAAW,CACT,OAAQV,EAAU,KAAO,CAAA,CAC3B,CACD,EACDI,EAAK,MAAA,CACP,EAAG,CAAC/E,EAAUe,EAAc,gBAAgB,CAAC,EAEvCiF,GAAoB3C,EAAAA,YACxB,CAAC,CACC,YAAA4C,EACA,cAAAC,EACA,aAAAC,CAAA,IAKI,CACJ,GAAI,CAACF,GAAejG,EAAU,OAC9B,MAAMoG,EAAeC,EAAAA,wBAAwB,CAC3C,YAAAJ,EACA,cAAAC,EACA,aAAAC,CAAA,CACD,EACD,GAAItD,GAAmB,OAASD,EAAAA,eAAe,MAAO,CAEpD,GADAoC,EAAA,EACI,CAACjC,EAAc,QAAS,OAC5B,KAAM,CAAE,SAAAyB,GAAazB,EAAc,QACnCyB,EAAS,CACP,QAAS,CAAE,KAAM3B,EAAkB,KAAM,OAAQuD,CAAA,CAAa,CAC/D,CACH,MACE7B,EAAW6B,CAAY,EAEzB1E,EAAc,EAAK,CACrB,EACA,CAACsD,EAAuBhF,EAAUuE,EAAY1B,CAAiB,CAAA,EAG3DyD,GAAoBjD,EAAAA,YACxB,CAAC,CACC,YAAA4C,EACA,cAAAC,CAAA,IAII,CACJ,GAAIlG,EACF,OAEF,MAAMoG,EAAeG,EAAAA,wBAAwBN,EAAaC,CAAa,EACvE,GAAIrD,GAAmB,OAASD,EAAAA,eAAe,MAAO,CAEpD,GADAoC,EAAA,EACI,CAACjC,EAAc,QAAS,OAC5B,KAAM,CAAE,SAAAyB,GAAazB,EAAc,QACnCyB,EAAS,CACP,QAAS,CAAE,KAAM3B,EAAkB,KAAM,OAAQuD,CAAA,CAAa,CAC/D,CACH,MACE7B,EAAW6B,CAAY,EAEzB1E,EAAc,EAAK,CACrB,EACA,CAACsD,EAAuBhF,EAAUuE,EAAY1B,CAAiB,CAAA,EAG3D2D,GAAuBnD,EAAAA,YAC1BhC,GAAuB,CACtB,GAAIrB,EACF,OAEF,MAAMyG,EACJ5D,GAAmB,OAASD,EAAAA,eAAe,SACvC,CAAE,KAAMC,EAAkB,KAAM,GAAIA,EAAkB,EAAA,EACtD,OACNqC,EAAsB7D,EAAS,KAAMoF,EAAgB,EAAI,EACzD5E,EAAe,EAAK,EACpBuB,EAAA,CACF,EACA,CAACpD,EAAUkF,EAAuBrC,EAAmBO,CAAmB,CAAA,EAGpEsD,GAAyBrD,EAAAA,YAAY,IAClCsD,kBAAe,CACpB,SAAU,CACRC,EAAAA,oBAAoB1C,GAAkB,CAGpC,MAAOrD,EAAe,WACtB,MAAOA,EAAe,WACtB,SAAUA,EAAe,aAAA,CAC1B,CAAA,CACH,CACD,EACA,CAGDA,EAAe,WACfA,EAAe,WACfA,EAAe,cACfqD,EAAA,CACD,EAiBK2C,GAAqBxD,EAAAA,YACxByD,GAAuB,CAEtB,GADA/D,EAAc,QAAU+D,EAAO,KAE7BtH,IAAa,aACbwD,EAA0B,SAC1B8D,EAAO,aACP,CACA,MAAMjI,EAAiBiI,EAAO,MAAM,UAAU,KAAK,KAC7CC,EAAUD,EAAO,MAAM,IAAI,SAAA,EACbnI,GAClBoI,EACAlI,CAAA,IAGA4E,EAAwBsD,CAAO,EAC/B/D,EAA0B,QAAU,KAExC,CACF,EACA,CAACS,EAAyBjE,CAAQ,CAAA,EAG9BwH,GAAiB3D,EAAAA,YACpB4D,GAAe,CAEd,GADAA,EAAM,gBAAA,EACFjH,EACF,OAEF,KAAM,CAAE,KAAAkH,EAAM,KAAAzC,EAAM,GAAAQ,EAAI,QAAAkC,EAAS,OAAAC,CAAA,EAAWH,EAAM,OAC5CI,EAAQC,EAAAA,iBAAiBJ,EAAMC,CAAO,EAS5C,GARArE,EAAqB,CACnB,KAAAoE,EACA,MAAAG,EACA,KAAA5C,EACA,GAAAQ,CAAA,CACD,EACDtC,EAAkBuE,CAAI,EAElBA,IAAStE,EAAAA,eAAe,SAAU,CACpC,GAAIwE,EAAQ,CACV,MAAMG,EAAOH,EAAO,sBAAA,EACdI,EACJJ,EAAO,cAAc,aAAa,iBAChCtF,EAAc,SAAWsF,CAAA,EACzB,UACJ/E,EAAmB,CACjB,EAAGmF,IAAoB,MAAQD,EAAK,MAAQA,EAAK,KACjD,EAAGA,EAAK,MAAA,CACT,CACH,CACA1F,EAAe,EAAI,CACrB,MACEH,EAAc,EAAI,CAEtB,EACA,CAAC1B,CAAQ,CAAA,EAGXY,EAAAA,UAAU,IAAM,CACTa,IACHkB,EAAkBC,EAAAA,eAAe,KAAK,EACtCE,EAAqB,IAAI,EAE7B,EAAG,CAACrB,CAAU,CAAC,EAEfb,EAAAA,UAAU,IAAM,CACV,CAACgB,GAAec,IAAmBE,EAAAA,eAAe,WACpDD,EAAkBC,EAAAA,eAAe,KAAK,EACtCE,EAAqB,IAAI,EAE7B,EAAG,CAAClB,EAAac,CAAc,CAAC,EAEhC9B,EAAAA,UAAU,IAAM,CACd,MAAM6G,EAAcC,GAAW,CACzBA,EAAE,OAAO,OAAS3E,EAAc,SAClCiE,GAAeU,CAAC,CAEpB,EACA,cAAO,iBAAiB,iBAAkBD,CAAU,EAC7C,IAAM,CACX,OAAO,oBAAoB,iBAAkBA,CAAU,CACzD,CACF,EAAG,CAACT,EAAc,CAAC,EAEnB,MAAMW,GAAwBxH,EAAE,mBAAmB,EAC7CyH,GAAwBzH,EAAE,mBAAmB,EAC7C0H,GAAkC7G,EAAAA,QACtC,IACE8G,GAAAA,uBAAuB,GAAG,CACxB,MAAOH,GACP,MAAOC,EAAA,CACR,EACH,CAACD,GAAuBC,EAAqB,CAAA,EAGzCG,GAAmB/G,EAAAA,QAAQ,IAAM,CACrC,MAAMgH,EAAa,CACjBC,GAAAA,WAAW,aACXC,YAAA,EACAC,GAAAA,mBAAmBC,GAAAA,qBAAqB,EACxCC,GAAAA,OAAA,EAGF,OAAKrI,GACHgI,EAAW,KAAKtB,IAAwB,EAGtClH,IAAa,aACfwI,EAAW,KACTH,GACAS,GAAAA,QACAC,GAAAA,QACAC,GAAAA,OAAA,EAMJR,EAAW,KACTC,GAAAA,WAAW,eAAe,GAAInB,GAAW,CACvCD,GAAmBC,CAAM,CAC3B,CAAC,CAAA,EAGIkB,CACT,EAAG,CACDhI,EACAR,EACAkH,GACAG,GACAgB,EAAA,CACD,EAEKY,GAAsBpF,EAAAA,YACzBgE,GAAkB,CACjB,GAAIrH,EACF,OAEF,MAAMnB,EACJkE,EAAc,SAAS,MAAM,UAAU,KAAK,MAAQ,GACjCpE,GACnB0I,EACAxI,CAAA,EAGAmE,EAA0B,QAAUqE,GAEpCrE,EAA0B,QAAU,KACpCS,EAAwB4D,CAAK,GAE/B1H,IAAW0H,CAAK,CAClB,EACA,CAAC5D,EAAyB9D,EAAUK,CAAQ,CAAA,EAGxC0I,GAAuB,CAAC1I,GAAYkD,GACpCyF,EAAY3H,EAAAA,QAChB,KAAO,CACL,mBAAoBuD,EACpB,iBAAAG,GACA,MAAOE,GACP,WAAAC,GACA,WAAAC,EAAA,GAEF,CAACF,GAAaC,GAAYN,EAAYG,GAAkBI,EAAU,CAAA,EAG9D8D,GAA2BvF,EAAAA,YAC9BwF,GAAyB,CACpB7I,GAAY,WAAY6I,GAG5BA,EAAO,UAAUF,CAAS,CAC5B,EACA,CAAC3I,EAAU2I,CAAS,CAAA,EAGhBG,GAAmB9H,EAAAA,QAAQ,IAC1Bf,GAAqB,aAIvB,MAAA,CAAI,UAAU,qCACZ,SAAAA,EAAoB,IAAK4I,GAAW,CACnC,GAAI,WAAYA,EACd,OACEE,EAAAA,IAAC,MAAA,CACC,UAAU,0CAGT,SAAAF,EAAO,OAAOF,CAAS,CAAA,EAFnBE,EAAO,GAAA,EAMlB,MAAMG,EAAYH,EAAO,OAASA,EAAO,SAAW,OAC9CtF,EACJ0F,EAAAA,KAAC,SAAA,CACC,KAAK,SAEL,SAAUjJ,GAAY6I,EAAO,SAC7B,QAAS,IAAMD,GAAyBC,CAAM,EAC9C,UAAU,4CACV,aAAYG,EACZ,MAAOH,EAAO,OAASA,EAAO,QAE7B,SAAA,CAAAA,EAAO,KACNE,MAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAF,EAAO,KAAK,EAChD,KACHA,EAAO,MACNE,MAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAF,EAAO,MAAM,EAClD,IAAA,CAAA,EAZCA,EAAO,GAAA,EAeVK,EAAUL,EAAO,QACrBI,EAAAA,KAACE,GAAAA,QAAA,CACC,SAAA,CAAAJ,EAAAA,IAACK,GAAAA,eAAA,CAAe,QAAO,GAAE,SAAA7F,EAAO,EAChCwF,EAAAA,IAACM,GAAAA,eAAA,CACC,KAAK,MACL,IAAKnH,EACL,KAAMF,EAEL,SAAA6G,EAAO,OAAA,CAAA,CACV,CAAA,CACF,EAEAtF,EAEF,OACEwF,EAAAA,IAAC,MAAA,CACC,UAAU,0CAGT,SAAAG,CAAA,EAFIL,EAAO,GAAA,CAKlB,CAAC,CAAA,CACH,EAzDO,KA2DR,CACD7I,EACA2I,EACAC,GACA1G,EACAF,EACA/B,CAAA,CACD,EAEDW,OAAAA,EAAAA,UAAU,IAAM,CACdV,KAAUyI,CAAS,CACrB,EAAG,CAACA,CAAS,CAAC,EAGZM,EAAAA,KAAC,MAAA,CACC,UAAU,uBACV,IAAKnH,EACL,IAAKtB,GACL,KAAME,GACN,gBAAeV,EAAW,OAAS,OACnC,gBAAeA,EAEf,SAAA,CAAA+I,EAAAA,IAACO,GAAAA,QAAA,CACC,SAAAtJ,EACA,OAAQe,EACR,iBAAkBmB,EAClB,gBAAiBF,EACjB,SAAUkC,GACV,4BAA6BqB,GAC7B,uBAAwBjC,GACxB,sBAAuBF,EACvB,sBAAuBoC,GACvB,aAAcC,GACd,eAAgBC,GAChB,qBAAsBC,GACtB,oBAAqBG,GACrB,mBAAoBC,GACpB,qBAAsB2C,GACtB,UAAWI,EAAA,CAAA,EAEbC,EAAAA,IAACQ,GAAAA,QAAA,CACC,KAAMb,GACN,cAAezF,EAAwB,QACvC,QAASG,EACT,SAAUoD,GACV,UAAAlE,GACA,gBAAAE,EACA,OAAQvB,EAAA,CAAA,EAEV8H,EAAAA,IAAC,OAAI,UAAU,mDACb,gBAACS,GAAAA,QAAc,SAAd,CAAuB,MAAOhG,GAC7B,SAAA,CAAAuF,EAAAA,IAACU,GAAAA,QAAA,CACC,WAAY1B,GACZ,WAAY,CACV,YAAa,GACb,aAAc,GACd,mBAAoB,GACpB,oBAAqB,GACrB,0BAA2B,GAC3B,WAAY,EAAA,EAEd,UAAU,aACV,YAAa7G,GACb,MAAOtC,EACP,MAAM,QACN,UAAU,OACV,SAAU,CAACoB,EACX,SAAUyI,GACV,OAAA7I,CAAA,CAAA,EAED,CAACI,GACAiJ,EAAAA,KAACS,GAAAA,QAAA,CACC,IAAKxH,EACL,KAAMF,EACN,OAAQ,CACN,iBAAkB7B,EAAE,kBAAkB,EACtC,MACEuC,IAAmBE,EAAAA,eAAe,MAC9BzC,EAAE,kBAAkB,EACpBuC,IAAmBE,iBAAe,MAChCzC,EAAE,kBAAkB,EACpBuC,IAAmBE,EAAAA,eAAe,SAChCzC,EAAE,qBAAqB,EACvBA,EAAE,aAAa,CAAA,EAG1B,SAAA,CAAAuC,IAAmBE,EAAAA,eAAe,OACjCmG,EAAAA,IAACY,GAAAA,QAAA,CACC,MAAO9G,GAAmB,MAC1B,SAAUmD,GACV,YAAAjG,EAAA,CAAA,EAGH2C,IAAmBE,EAAAA,eAAe,OACjCmG,EAAAA,IAACa,GAAAA,QAAA,CACC,MAAO/G,GAAmB,MAC1B,SAAUyD,EAAA,CAAA,CACZ,CAAA,CAAA,EAKL,CAACtG,GACA+I,MAACc,GAAAA,SAAc,IAAK3H,EAAiB,KAAMF,EACzC,SAAA+G,EAAAA,IAACe,GAAAA,QAAA,CACC,UAAAxH,GACA,gBAAAE,EACA,aAAcK,GAAmB,OAAO,aACxC,SAAU2D,GACV,cAAgBnF,GAAa,CAC3BkB,EAAcsB,GAAS,CACrB,MAAMvC,EAAaD,EAAS,KAAK,YAAA,EAIjC,OAHewC,EAAK,KACjBkG,GAASA,EAAK,KAAK,gBAAkBzI,CAAA,EAG/BuC,EAEF,CAACxC,EAAU,GAAGwC,CAAI,CAC3B,CAAC,CACH,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

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

@@ -1,10 +1,10 @@
 import { jsx as m, jsxs as $ } from "react/jsx-runtime";
-import { useEffect as b, useMemo as w, useState as v, useRef as U, useCallback as s } from "react";
-import Ue from "../../node_modules/@uiw/react-codemirror/esm/index.es.js";
-import { autocompletion as Ye } from "../../node_modules/@codemirror/autocomplete/dist/index.es.js";
+import { useEffect as b, useMemo as w, useState as v, useRef as Q, useCallback as s } from "react";
+import Qe from "../../node_modules/@uiw/react-codemirror/esm/index.es.js";
+import { autocompletion as Ue } from "../../node_modules/@codemirror/autocomplete/dist/index.es.js";
 import { EditorView as Le } from "../../node_modules/@codemirror/view/dist/index.es.js";
-import { markdown as Je } from "../../node_modules/@codemirror/lang-markdown/dist/index.es.js";
-import { syntaxHighlighting as Ke, defaultHighlightStyle as Xe } from "../../node_modules/@codemirror/language/dist/index.es.js";
+import { markdown as Ye } from "../../node_modules/@codemirror/lang-markdown/dist/index.es.js";
+import { syntaxHighlighting as Je, defaultHighlightStyle as Xe } from "../../node_modules/@codemirror/language/dist/index.es.js";
 import { Tooltip as Ze, TooltipTrigger as et, TooltipContent as tt } from "../ui/tooltip.es.js";
 import ot from "./components/CustomDialog.es.js";
 import nt from "./components/CustomPopover.es.js";
@@ -49,8 +49,8 @@ const Te = [], ke = (C, h) => {
   const O = gt();
   let L;
   for (; (L = O.exec(C)) !== null; ) {
-    const E = L.index ?? 0, Y = E + L[0].length, R = E + 2, J = Y - 2;
-    if (h >= R && h <= J)
+    const E = L.index ?? 0, U = E + L[0].length, R = E + 2, Y = U - 2;
+    if (h >= R && h <= Y)
       return !0;
     O.lastIndex === L.index && O.lastIndex++;
   }
@@ -61,17 +61,17 @@ const Te = [], ke = (C, h) => {
   variables: O,
   systemVariables: L,
   onChange: E,
-  onBlur: Y,
+  onBlur: U,
   locale: R,
-  lang: J,
+  lang: Y,
   uploadProps: Oe,
   disabled: n = !1,
-  toolbarActionsRight: K,
+  toolbarActionsRight: J,
   onReady: xe
 }) => {
   const { t: a, i18n: X } = Ot(), j = wt(
     R ?? ae
-  ), se = vt(R), le = J ?? Lt(R);
+  ), se = vt(R), le = Y ?? Lt(R);
   b(() => {
     X.language !== j && X.changeLanguage(j);
   }, [X, j]);
@@ -149,7 +149,7 @@ const Te = [], ke = (C, h) => {
       const t = typeof r?.name == "string" ? r.name.toLowerCase() : "";
       return !t || e.has(t) || o.has(t) ? !1 : (o.add(t), !0);
     });
-  }, [O, A]), [ee, T] = v(!1), [te, y] = v(!1), H = U(null), z = Et(H, le), { resolvedDirection: B } = Tt(
+  }, [O, A]), [ee, T] = v(!1), [te, y] = v(!1), H = Q(null), z = Et(H, le), { resolvedDirection: B } = Tt(
     H,
     se
   ), [Ne, F] = v(null), [ce, oe] = v(
@@ -164,7 +164,7 @@ const Te = [], ke = (C, h) => {
   }, [A]);
   const [S, k] = v(
     f.Empty
-  ), [l, M] = v(), i = U(null), _ = U(null), G = U(null), [ne, ue] = v(!1), g = s(() => {
+  ), [l, M] = v(), i = Q(null), _ = Q(null), G = Q(null), [ne, ue] = v(!1), g = s(() => {
     ue(!1), G.current = null;
   }, []), Re = s(
     (e) => {
@@ -284,7 +284,7 @@ const Te = [], ke = (C, h) => {
     r({
       changes: { from: e, to: o, insert: "" }
     });
-  }, [l, i, n]), Q = s(
+  }, [l, i, n]), K = s(
     (e, o, r = !1) => {
       if (n || !i.current)
         return;
@@ -302,8 +302,8 @@ const Te = [], ke = (C, h) => {
     },
     [n]
   ), ze = s(() => {
-    n || (g(), Q(""));
-  }, [g, n, Q]), Be = s(() => {
+    n || (g(), K(""));
+  }, [g, n, K]), Be = s(() => {
     if (n || !i.current)
       return;
     const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main;
@@ -442,10 +442,10 @@ const Te = [], ke = (C, h) => {
       if (n)
         return;
       const o = l?.type === f.Variable ? { from: l.from, to: l.to } : void 0;
-      Q(e.name, o, !0), y(!1), g();
+      K(e.name, o, !0), y(!1), g();
     },
-    [n, Q, l, g]
-  ), de = s(() => Ye({
+    [n, K, l, g]
+  ), de = s(() => Ue({
     override: [
       ht(re, {
         // divider: currentStrings.slashDivider,
@@ -520,8 +520,8 @@ const Te = [], ke = (C, h) => {
   ), Ge = w(() => {
     const e = [
       Le.lineWrapping,
-      Je(),
-      Ke(Xe),
+      Ye(),
+      Je(Xe),
       St
     ];
     return n || e.push(de()), h === "quickEdit" && e.push(
@@ -567,7 +567,7 @@ const Te = [], ke = (C, h) => {
       n || "render" in e || e.onClick?.(D);
     },
     [n, D]
-  ), Qe = w(() => K?.length ? /* @__PURE__ */ m("div", { className: "markdown-flow-editor-toolbar-right", children: K.map((e) => {
+  ), Ke = w(() => J?.length ? /* @__PURE__ */ m("div", { className: "markdown-flow-editor-toolbar-right", children: J.map((e) => {
     if ("render" in e)
       return /* @__PURE__ */ m(
         "div",
@@ -618,7 +618,7 @@ const Te = [], ke = (C, h) => {
     ve,
     B,
     z,
-    K
+    J
   ]);
   return b(() => {
     xe?.(D);
@@ -650,7 +650,7 @@ const Te = [], ke = (C, h) => {
             onInsertMultiChoice: je,
             onInsertInputField: He,
             variableSearchActive: we,
-            rightSlot: Qe
+            rightSlot: Ke
           }
         ),
         /* @__PURE__ */ m(
@@ -667,11 +667,12 @@ const Te = [], ke = (C, h) => {
         ),
         /* @__PURE__ */ m("div", { className: "markdown-flow-editor-body relative overflow-auto", children: /* @__PURE__ */ $(at.Provider, { value: Ae, children: [
           /* @__PURE__ */ m(
-            Ue,
+            Qe,
             {
               extensions: Ge,
               basicSetup: {
                 lineNumbers: !1,
+                searchKeymap: !1,
                 syntaxHighlighting: !0,
                 highlightActiveLine: !0,
                 highlightActiveLineGutter: !0,
@@ -684,7 +685,7 @@ const Te = [], ke = (C, h) => {
               minHeight: "2rem",
               editable: !n,
               onChange: We,
-              onBlur: Y
+              onBlur: U
             }
           ),
           !n && /* @__PURE__ */ $(